@scalar/api-reference 1.63.0 → 1.64.1

package/dist/blocks/scalar-client-selector-block/components/ClientSelector.vue.script.js

@@ -1,17 +1,20 @@
 import { useLocalization } from "../../../features/localization/use-localization.js";
 import { getFeaturedClients, isFeaturedClient } from "../helpers/featured-clients.js";
 import ClientDropdown_default from "./ClientDropdown.vue.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, useId, useTemplateRef, watch, withCtx } from "vue";
-import { TabGroup, TabList, TabPanel, TabPanels } from "@headlessui/vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useId, useTemplateRef, watch, withCtx } from "vue";
+import { Tab, TabGroup, TabList, TabPanel, TabPanels } from "@headlessui/vue";
 import { DEFAULT_CLIENT } from "@scalar/blocks/code-example";
+import { ScalarIcon } from "@scalar/components/icon";
 //#region src/blocks/scalar-client-selector-block/components/ClientSelector.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	ref: "wrapper-ref"
 };
 var _hoisted_2 = ["id"];
-var _hoisted_3 = ["id"];
-var ClientSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var _hoisted_3 = { class: "client-libraries-list" };
+var _hoisted_4 = { class: "client-libraries-text" };
+var _hoisted_5 = ["id"];
+var ClientSelector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ClientSelector",
 	props: {
 		clientOptions: {},
@@ -45,11 +48,12 @@ var ClientSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		/** List of featured clients */
 		const featuredClients = computed(() => getFeaturedClients(__props.clientOptions));
 		/** Currently selected tab index */
-		const tabIndex = computed(() => featuredClients.value.findIndex((featuredClient) => activeClient.value === featuredClient.id));
+		const tabIndex = computed(() => featuredClients.value.findIndex((client) => client.id === activeClient.value));
 		const wrapper = useTemplateRef("wrapper-ref");
-		/** Emit the selected client event on tab */
-		const onTabSelect = (i) => {
-			const client = featuredClients.value[i];
+		const getIconByLanguageKey = (targetKey) => `programming-language-${targetKey === "js" ? "javascript" : targetKey}`;
+		/** Handle tab selection */
+		const onTabSelect = (index) => {
+			const client = featuredClients.value[index];
 			if (!client || !wrapper.value) return;
 			__props.eventBus.emit("workspace:update:selected-client", client.id);
 		};
@@ -65,25 +69,33 @@ var ClientSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						id: unref(headingId),
 						class: "client-libraries-heading"
 					}, toDisplayString(unref(translate)("clientLibraries.heading")), 9, _hoisted_2),
-					createVNode(unref(TabList), {
+					createElementVNode("div", _hoisted_3, [createVNode(unref(TabList), {
 						"aria-labelledby": unref(headingId),
-						class: "client-libraries-list"
+						class: "client-libraries-tabs",
+						style: normalizeStyle({ flexGrow: featuredClients.value.length })
 					}, {
-						default: withCtx(() => [createVNode(ClientDropdown_default, {
-							clientOptions: __props.clientOptions,
-							eventBus: __props.eventBus,
-							featuredClients: featuredClients.value,
-							morePanel: unref(morePanel),
-							selectedClient: activeClient.value
-						}, null, 8, [
-							"clientOptions",
-							"eventBus",
-							"featuredClients",
-							"morePanel",
-							"selectedClient"
-						])]),
+						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(featuredClients.value, (featuredClient) => {
+							return openBlock(), createBlock(unref(Tab), {
+								key: featuredClient.clientKey,
+								class: normalizeClass(["client-libraries rendered-code-sdks", { "client-libraries__active": featuredClient.id === activeClient.value }])
+							}, {
+								default: withCtx(() => [createElementVNode("div", { class: normalizeClass(`client-libraries-icon__${featuredClient.targetKey}`) }, [createVNode(unref(ScalarIcon), {
+									class: "client-libraries-icon",
+									icon: getIconByLanguageKey(featuredClient.targetKey)
+								}, null, 8, ["icon"])], 2), createElementVNode("span", _hoisted_4, toDisplayString(featuredClient.targetTitle), 1)]),
+								_: 2
+							}, 1032, ["class"]);
+						}), 128))]),
 						_: 1
-					}, 8, ["aria-labelledby"]),
+					}, 8, ["aria-labelledby", "style"]), createVNode(ClientDropdown_default, {
+						clientOptions: __props.clientOptions,
+						eventBus: __props.eventBus,
+						selectedClient: activeClient.value
+					}, null, 8, [
+						"clientOptions",
+						"eventBus",
+						"selectedClient"
+					])]),
 					createVNode(unref(TabPanels), null, {
 						default: withCtx(() => [unref(isFeaturedClient)(activeClient.value) ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(featuredClients.value, (client) => {
 							return openBlock(), createBlock(unref(TabPanel), {
@@ -99,7 +111,7 @@ var ClientSelector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							class: "selected-client card-footer -outline-offset-2",
 							role: "tabpanel",
 							tabindex: "0"
-						}, toDisplayString(selectedClientOption.value?.title), 9, _hoisted_3))]),
+						}, toDisplayString(selectedClientOption.value?.title), 9, _hoisted_5))]),
 						_: 1
 					})
 				]),

package/dist/blocks/scalar-client-selector-block/components/ClientSelector.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClientSelector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-client-selector-block/components/ClientSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/vue'\nimport {\n  DEFAULT_CLIENT,\n  type ClientOptionGroup,\n} from '@scalar/blocks/code-example'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, useId, useTemplateRef, watch } from 'vue'\n\nimport {\n  getFeaturedClients,\n  isFeaturedClient,\n} from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\nimport { useLocalization } from '@/features/localization'\n\nimport ClientDropdown from './ClientDropdown.vue'\n\nconst {\n  clientOptions,\n  eventBus,\n  selectedClient = DEFAULT_CLIENT,\n} = defineProps<{\n  /** Computed list of all available Http Client options */\n  clientOptions: ClientOptionGroup[]\n  /** The currently selected Http Client (a built-in client id or a custom sample id) */\n  selectedClient?: string\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst headingId = useId()\nconst morePanel = useId()\nconst { translate } = useLocalization()\n\n/**\n * Whether a selection is a custom code sample (e.g. `custom/python`) rather than\n * a built-in client. Custom samples are matched by the `custom/` id prefix, which\n * mirrors the `^custom/` pattern enforced on the stored default client.\n */\nconst isCustomSelection = (client: string | undefined) =>\n  Boolean(client?.startsWith('custom/'))\n\n/**\n * The generic client this selector actually displays.\n *\n * The introduction selector only represents the built-in HTTP clients. Custom\n * code samples are operation-specific and \"always just have the generic\n * clients\", so when one is selected globally we keep showing the last generic\n * client here instead of switching to (and failing to render) a custom sample.\n */\nconst activeClient = ref(\n  isCustomSelection(selectedClient) ? DEFAULT_CLIENT : selectedClient,\n)\n\nwatch(\n  () => selectedClient,\n  (newClient) => {\n    if (!isCustomSelection(newClient)) {\n      activeClient.value = newClient\n    }\n  },\n)\n\n/** Grab the option for the currently selected Http Client */\nconst selectedClientOption = computed(\n  () =>\n    clientOptions.flatMap(\n      (optionGroup) =>\n        optionGroup.options.find(\n          (option) => option.id === activeClient.value,\n        ) ?? [],\n    )[0],\n)\n\n/** List of featured clients */\nconst featuredClients = computed(() => getFeaturedClients(clientOptions))\n\n/** Currently selected tab index */\nconst tabIndex = computed(() =>\n  featuredClients.value.findIndex(\n    (featuredClient) => activeClient.value === featuredClient.id,\n  ),\n)\n\nconst wrapper = useTemplateRef('wrapper-ref')\n\n/** Emit the selected client event on tab */\nconst onTabSelect = (i: number) => {\n  const client = featuredClients.value[i]\n\n  if (!client || !wrapper.value) {\n    return\n  }\n\n  eventBus.emit('workspace:update:selected-client', client.id)\n}\n\ndefineExpose({\n  selectedClientOption,\n})\n</script>\n<template>\n  <div\n    v-if=\"clientOptions.length\"\n    ref=\"wrapper-ref\">\n    <TabGroup\n      manual\n      :selectedIndex=\"tabIndex\"\n      @change=\"onTabSelect\">\n      <div\n        :id=\"headingId\"\n        class=\"client-libraries-heading\">\n        {{ translate('clientLibraries.heading') }}\n      </div>\n\n      <!-- Tabs -->\n      <TabList\n        :aria-labelledby=\"headingId\"\n        class=\"client-libraries-list\">\n        <ClientDropdown\n          :clientOptions\n          :eventBus\n          :featuredClients\n          :morePanel\n          :selectedClient=\"activeClient\" />\n      </TabList>\n\n      <!-- Content -->\n      <TabPanels>\n        <template v-if=\"isFeaturedClient(activeClient)\">\n          <TabPanel\n            v-for=\"client in featuredClients\"\n            :key=\"client.id\"\n            class=\"selected-client card-footer -outline-offset-2\">\n            {{ client.title }}\n          </TabPanel>\n        </template>\n        <div\n          v-else\n          :id=\"morePanel\"\n          class=\"selected-client card-footer -outline-offset-2\"\n          role=\"tabpanel\"\n          tabindex=\"0\">\n          {{ selectedClientOption?.title }}\n        </div>\n      </TabPanels>\n    </TabGroup>\n  </div>\n</template>\n<style scoped>\n.selected-client {\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font-code);\n  padding: 9px 12px;\n  border-top: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: var(--scalar-background-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom-left-radius: var(--scalar-radius-xl);\n  border-bottom-right-radius: var(--scalar-radius-xl);\n  min-height: fit-content;\n}\n.client-libraries-heading {\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-medium);\n  color: var(--scalar-color-1);\n  padding: 9px 12px;\n  background-color: var(--scalar-background-2);\n  display: flex;\n  align-items: center;\n  max-height: 32px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-top-left-radius: var(--scalar-radius-xl);\n  border-top-right-radius: var(--scalar-radius-xl);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,YAAY,OAAM;EACxB,MAAM,YAAY,OAAM;EACxB,MAAM,EAAE,cAAc,iBAAgB;;;;;;EAOtC,MAAM,qBAAqB,WACzB,QAAQ,QAAQ,WAAW,UAAU,CAAA;;;;;;;;;EAUvC,MAAM,eAAe,IACnB,kBAAkB,QAAA,eAAe,GAAG,iBAAiB,QAAA,eACvD;AAEA,cACQ,QAAA,iBACL,cAAc;AACb,OAAI,CAAC,kBAAkB,UAAU,CAC/B,cAAa,QAAQ;IAG3B;;EAGA,MAAM,uBAAuB,eAEzB,QAAA,cAAc,SACX,gBACC,YAAY,QAAQ,MACjB,WAAW,OAAO,OAAO,aAAa,MACxC,IAAI,EAAE,CACV,CAAC,GACN;;EAGA,MAAM,kBAAkB,eAAe,mBAAmB,QAAA,cAAc,CAAA;;EAGxE,MAAM,WAAW,eACf,gBAAgB,MAAM,WACnB,mBAAmB,aAAa,UAAU,eAAe,GAC3D,CACH;EAEA,MAAM,UAAU,eAAe,cAAa;;EAG5C,MAAM,eAAe,MAAc;GACjC,MAAM,SAAS,gBAAgB,MAAM;AAErC,OAAI,CAAC,UAAU,CAAC,QAAQ,MACtB;AAGF,WAAA,SAAS,KAAK,oCAAoC,OAAO,GAAE;;AAG7D,WAAa,EACX,sBACD,CAAA;;UAIS,QAAA,cAAc,UAAA,WAAA,EADtB,mBA6CM,OA7CN,YA6CM,CA1CJ,YAyCW,MAAA,SAAA,EAAA;IAxCT,QAAA;IACC,eAAe,SAAA;IACf,UAAQ;;2BAKH;KAJN,mBAIM,OAAA;MAHH,IAAI,MAAA,UAAS;MACd,OAAM;wBACH,MAAA,UAAS,CAAA,0BAAA,CAAA,EAAA,GAAA,WAAA;KAId,YASU,MAAA,QAAA,EAAA;MARP,mBAAiB,MAAA,UAAS;MAC3B,OAAM;;6BAM6B,CALnC,YAKmC,wBAAA;OAJhC,eAAA,QAAA;OACA,UAAA,QAAA;OACA,iBAAA,gBAAA;OACA,WAAA,MAAA,UAAS;OACT,gBAAgB,aAAA;;;;;;;;;;KAIrB,YAiBY,MAAA,UAAA,EAAA,MAAA;6BATC,CAPK,MAAA,iBAAgB,CAAC,aAAA,MAAY,IAAA,UAAA,KAAA,EAC3C,mBAKW,UAAA,EAAA,KAAA,GAAA,EAAA,WAJQ,gBAAA,QAAV,WAAM;2BADf,YAKW,MAAA,SAAA,EAAA;QAHR,KAAK,OAAO;QACb,OAAM;;+BACY,CAAA,gBAAA,gBAAf,OAAO,MAAK,EAAA,EAAA,CAAA,CAAA;;;gCAGnB,mBAOM,OAAA;;OALH,IAAI,MAAA,UAAS;OACd,OAAM;OACN,MAAK;OACL,UAAS;yBACN,qBAAA,OAAsB,MAAK,EAAA,GAAA,WAAA,EAAA,CAAA"}
+{"version":3,"file":"ClientSelector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-client-selector-block/components/ClientSelector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/vue'\nimport {\n  DEFAULT_CLIENT,\n  type ClientOptionGroup,\n} from '@scalar/blocks/code-example'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport type { TargetId } from '@scalar/types/snippetz'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed, ref, useId, useTemplateRef, watch } from 'vue'\n\nimport {\n  getFeaturedClients,\n  isFeaturedClient,\n} from '@/blocks/scalar-client-selector-block/helpers/featured-clients'\nimport { useLocalization } from '@/features/localization'\n\nimport ClientDropdown from './ClientDropdown.vue'\n\nconst {\n  clientOptions,\n  eventBus,\n  selectedClient = DEFAULT_CLIENT,\n} = defineProps<{\n  /** Computed list of all available Http Client options */\n  clientOptions: ClientOptionGroup[]\n  /** The currently selected Http Client (a built-in client id or a custom sample id) */\n  selectedClient?: string\n  /** Event bus */\n  eventBus: WorkspaceEventBus\n}>()\n\nconst headingId = useId()\nconst morePanel = useId()\nconst { translate } = useLocalization()\n\n/**\n * Whether a selection is a custom code sample (e.g. `custom/python`) rather than\n * a built-in client. Custom samples are matched by the `custom/` id prefix, which\n * mirrors the `^custom/` pattern enforced on the stored default client.\n */\nconst isCustomSelection = (client: string | undefined) =>\n  Boolean(client?.startsWith('custom/'))\n\n/**\n * The generic client this selector actually displays.\n *\n * The introduction selector only represents the built-in HTTP clients. Custom\n * code samples are operation-specific and \"always just have the generic\n * clients\", so when one is selected globally we keep showing the last generic\n * client here instead of switching to (and failing to render) a custom sample.\n */\nconst activeClient = ref(\n  isCustomSelection(selectedClient) ? DEFAULT_CLIENT : selectedClient,\n)\n\nwatch(\n  () => selectedClient,\n  (newClient) => {\n    if (!isCustomSelection(newClient)) {\n      activeClient.value = newClient\n    }\n  },\n)\n\n/** Grab the option for the currently selected Http Client */\nconst selectedClientOption = computed(\n  () =>\n    clientOptions.flatMap(\n      (optionGroup) =>\n        optionGroup.options.find(\n          (option) => option.id === activeClient.value,\n        ) ?? [],\n    )[0],\n)\n\n/** List of featured clients */\nconst featuredClients = computed(() => getFeaturedClients(clientOptions))\n\n/** Currently selected tab index */\nconst tabIndex = computed(() =>\n  featuredClients.value.findIndex((client) => client.id === activeClient.value),\n)\n\nconst wrapper = useTemplateRef('wrapper-ref')\n\nconst getIconByLanguageKey = (targetKey: TargetId) =>\n  `programming-language-${targetKey === 'js' ? 'javascript' : targetKey}` as const\n\n/** Handle tab selection */\nconst onTabSelect = (index: number) => {\n  const client = featuredClients.value[index]\n\n  if (!client || !wrapper.value) {\n    return\n  }\n\n  eventBus.emit('workspace:update:selected-client', client.id)\n}\n\ndefineExpose({\n  selectedClientOption,\n})\n</script>\n<template>\n  <div\n    v-if=\"clientOptions.length\"\n    ref=\"wrapper-ref\">\n    <TabGroup\n      manual\n      :selectedIndex=\"tabIndex\"\n      @change=\"onTabSelect\">\n      <div\n        :id=\"headingId\"\n        class=\"client-libraries-heading\">\n        {{ translate('clientLibraries.heading') }}\n      </div>\n\n      <!--\n        TabList may only contain Tab children (aria-required-children).\n        The \"More\" combobox sits beside it in the same visual row.\n      -->\n      <div class=\"client-libraries-list\">\n        <TabList\n          :aria-labelledby=\"headingId\"\n          class=\"client-libraries-tabs\"\n          :style=\"{ flexGrow: featuredClients.length }\">\n          <Tab\n            v-for=\"featuredClient in featuredClients\"\n            :key=\"featuredClient.clientKey\"\n            class=\"client-libraries rendered-code-sdks\"\n            :class=\"{\n              'client-libraries__active': featuredClient.id === activeClient,\n            }\">\n            <div :class=\"`client-libraries-icon__${featuredClient.targetKey}`\">\n              <ScalarIcon\n                class=\"client-libraries-icon\"\n                :icon=\"getIconByLanguageKey(featuredClient.targetKey)\" />\n            </div>\n            <span class=\"client-libraries-text\">{{\n              featuredClient.targetTitle\n            }}</span>\n          </Tab>\n        </TabList>\n\n        <ClientDropdown\n          :clientOptions\n          :eventBus\n          :selectedClient=\"activeClient\" />\n      </div>\n\n      <!-- Content -->\n      <TabPanels>\n        <template v-if=\"isFeaturedClient(activeClient)\">\n          <TabPanel\n            v-for=\"client in featuredClients\"\n            :key=\"client.id\"\n            class=\"selected-client card-footer -outline-offset-2\">\n            {{ client.title }}\n          </TabPanel>\n        </template>\n        <div\n          v-else\n          :id=\"morePanel\"\n          class=\"selected-client card-footer -outline-offset-2\"\n          role=\"tabpanel\"\n          tabindex=\"0\">\n          {{ selectedClientOption?.title }}\n        </div>\n      </TabPanels>\n    </TabGroup>\n  </div>\n</template>\n<style scoped>\n.selected-client {\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-small);\n  font-family: var(--scalar-font-code);\n  padding: 9px 12px;\n  border-top: none;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  background: var(--scalar-background-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom-left-radius: var(--scalar-radius-xl);\n  border-bottom-right-radius: var(--scalar-radius-xl);\n  min-height: fit-content;\n}\n.client-libraries-heading {\n  font-size: var(--scalar-small);\n  font-weight: var(--scalar-font-medium);\n  color: var(--scalar-color-1);\n  padding: 9px 12px;\n  background-color: var(--scalar-background-2);\n  display: flex;\n  align-items: center;\n  max-height: 32px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-top-left-radius: var(--scalar-radius-xl);\n  border-top-right-radius: var(--scalar-radius-xl);\n}\n.client-libraries-list {\n  container: client-libraries-list / inline-size;\n  display: flex;\n  justify-content: center;\n  overflow: hidden;\n  padding: 0 12px;\n  background-color: var(--scalar-background-1);\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n/* Grows once per tab it holds, so tabs and the \"More\" trigger stay even */\n.client-libraries-tabs {\n  display: flex;\n  flex: 1 1 0;\n  min-width: 0;\n}\n.client-libraries {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  position: relative;\n  cursor: pointer;\n  white-space: nowrap;\n  padding: 8px 2px;\n  gap: 6px;\n  color: var(--scalar-color-3);\n  border-bottom: 1px solid transparent;\n  user-select: none;\n}\n\n.client-libraries:not(.client-libraries__active):hover:before {\n  content: '';\n  position: absolute;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n  background: var(--scalar-background-2);\n  left: 2px;\n  top: 2px;\n  z-index: 0;\n  border-radius: var(--scalar-radius);\n}\n.client-libraries:active {\n  color: var(--scalar-color-1);\n}\n.client-libraries:focus-visible {\n  outline: none;\n  box-shadow: inset 0 0 0 1px var(--scalar-color-accent);\n}\n/* remove php and c on mobile */\n@media screen and (max-width: 450px) {\n  .client-libraries:nth-of-type(4),\n  .client-libraries:nth-of-type(5) {\n    display: none;\n  }\n}\n.client-libraries-icon {\n  max-width: 14px;\n  max-height: 14px;\n  min-width: 14px;\n  width: 100%;\n  aspect-ratio: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  box-sizing: border-box;\n  color: currentColor;\n}\n.client-libraries__active {\n  color: var(--scalar-color-1);\n  border-bottom: 1px solid var(--scalar-color-1);\n}\n.client-libraries .client-libraries-text {\n  font-size: var(--scalar-small);\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n.client-libraries__active .client-libraries-text {\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n}\n@media screen and (max-width: 600px) {\n  .references-classic .client-libraries {\n    flex-direction: column;\n  }\n}\n@container client-libraries-list (width < 380px) {\n  .client-libraries {\n    width: 100%;\n  }\n  .client-libraries span {\n    display: none;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAgCA,MAAM,YAAY,MAAM;EACxB,MAAM,YAAY,MAAM;EACxB,MAAM,EAAE,cAAc,gBAAgB;;;;;;EAOtC,MAAM,qBAAqB,WACzB,QAAQ,QAAQ,WAAW,SAAS,CAAC;;;;;;;;;EAUvC,MAAM,eAAe,IACnB,kBAAkB,QAAA,cAAc,IAAI,iBAAiB,QAAA,cACvD;EAEA,YACQ,QAAA,iBACL,cAAc;GACb,IAAI,CAAC,kBAAkB,SAAS,GAC9B,aAAa,QAAQ;EAEzB,CACF;;EAGA,MAAM,uBAAuB,eAEzB,QAAA,cAAc,SACX,gBACC,YAAY,QAAQ,MACjB,WAAW,OAAO,OAAO,aAAa,KACzC,KAAK,CAAC,CACV,CAAC,CAAC,EACN;;EAGA,MAAM,kBAAkB,eAAe,mBAAmB,QAAA,aAAa,CAAC;;EAGxE,MAAM,WAAW,eACf,gBAAgB,MAAM,WAAW,WAAW,OAAO,OAAO,aAAa,KAAK,CAC9E;EAEA,MAAM,UAAU,eAAe,aAAa;EAE5C,MAAM,wBAAwB,cAC5B,wBAAwB,cAAc,OAAO,eAAe;;EAG9D,MAAM,eAAe,UAAkB;GACrC,MAAM,SAAS,gBAAgB,MAAM;GAErC,IAAI,CAAC,UAAU,CAAC,QAAQ,OACtB;GAGF,QAAA,SAAS,KAAK,oCAAoC,OAAO,EAAE;EAC7D;EAEA,SAAa,EACX,qBACF,CAAC;;UAIS,QAAA,cAAc,UAAA,UAAA,GADtB,mBAkEM,OAlEN,YAkEM,CA/DJ,YA8DW,MAAA,QAAA,GAAA;IA7DT,QAAA;IACC,eAAe,SAAA;IACf,UAAQ;;2BAKH;KAJN,mBAIM,OAAA;MAHH,IAAI,MAAA,SAAA;MACL,OAAM;wBACH,MAAA,SAAA,CAAS,CAAA,yBAAA,CAAA,GAAA,GAAA,UAAA;KAOd,mBA2BM,OA3BN,YA2BM,CA1BJ,YAoBU,MAAA,OAAA,GAAA;MAnBP,mBAAiB,MAAA,SAAA;MAClB,OAAM;MACL,OAAK,eAAA,EAAA,UAAc,gBAAA,MAAgB,OAAM,CAAA;;6BAEC,EAAA,UAAA,IAAA,GAD3C,mBAeM,UAAA,MAAA,WAdqB,gBAAA,QAAlB,mBAAc;2BADvB,YAeM,MAAA,GAAA,GAAA;QAbH,KAAK,eAAe;QACrB,OAAK,eAAA,CAAC,uCAAqC,EAAA,4BACS,eAAe,OAAO,aAAA,MAAA,CAAA,CAAA;;+BAOpE,CAJN,mBAIM,OAAA,EAJA,OAAK,eAAA,0BAA4B,eAAe,WAAS,EAAA,GAAA,CAC7D,YAE2D,MAAA,UAAA,GAAA;SADzD,OAAM;SACL,MAAM,qBAAqB,eAAe,SAAS;oCAExD,mBAES,QAFT,YAES,gBADP,eAAe,WAAW,GAAA,CAAA,CAAA,CAAA;;;;;0CAKhC,YAGmC,wBAAA;MAFhC,eAAA,QAAA;MACA,UAAA,QAAA;MACA,gBAAgB,aAAA;;;;;;KAIrB,YAiBY,MAAA,SAAA,GAAA,MAAA;6BATC,CAPK,MAAA,gBAAA,CAAgB,CAAC,aAAA,KAAY,KAAA,UAAA,IAAA,GAC3C,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,WAJQ,gBAAA,QAAV,WAAM;2BADf,YAKW,MAAA,QAAA,GAAA;QAHR,KAAK,OAAO;QACb,OAAM;;+BACY,CAAA,gBAAA,gBAAf,OAAO,KAAK,GAAA,CAAA,CAAA,CAAA;;;gCAGnB,mBAOM,OAAA;;OALH,IAAI,MAAA,SAAA;OACL,OAAM;OACN,MAAK;OACL,UAAS;yBACN,qBAAA,OAAsB,KAAK,GAAA,GAAA,UAAA,EAAA,CAAA"}

package/dist/blocks/scalar-client-selector-block/helpers/featured-clients.js.map

@@ -1 +1 @@
-{"version":3,"file":"featured-clients.js","names":[],"sources":["../../../../src/blocks/scalar-client-selector-block/helpers/featured-clients.ts"],"sourcesContent":["import type { ClientOption, ClientOptionGroup } from '@scalar/blocks/code-example'\nimport type { AvailableClients } from '@scalar/snippetz'\n\n/** Hard coded list of default featured clients */\nconst FEATURED_CLIENTS = [\n  'shell/curl',\n  'ruby/native',\n  'node/undici',\n  'php/guzzle',\n  'python/python3',\n] satisfies AvailableClients[number][]\n\n/** Whether or not a client is in the featured list */\nexport const isFeaturedClient = (\n  clientId: string | undefined,\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n) => Boolean(clientId && featuredClients.includes(clientId as (typeof featuredClients)[number]))\n\n/**\n * Maps featured client IDs to their corresponding ClientOption objects.\n * Returns an array of ClientOption objects that match the featured clients list,\n * maintaining the order of the featured clients.\n */\nexport const getFeaturedClients = (\n  clientOptions: ClientOptionGroup[],\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n): ClientOption[] => {\n  // Create a map of all available client options for quick lookup\n  const clientMap = new Map<string, ClientOption>()\n\n  // Using the map means we only have to loop through once\n  for (const group of clientOptions) {\n    for (const option of group.options) {\n      clientMap.set(option.id, option)\n    }\n  }\n\n  // Map featured clients to their corresponding options, maintaining order\n  return featuredClients.flatMap((clientId) => {\n    const client = clientMap.get(clientId)\n    return client ?? []\n  })\n}\n"],"mappings":";;AAIA,IAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;CACD;;AAGD,IAAa,oBACX,UACA,kBAA8C,qBAC3C,QAAQ,YAAY,gBAAgB,SAAS,SAA6C,CAAC;;;;;;AAOhG,IAAa,sBACX,eACA,kBAA8C,qBAC3B;CAEnB,MAAM,4BAAY,IAAI,KAA2B;AAGjD,MAAK,MAAM,SAAS,cAClB,MAAK,MAAM,UAAU,MAAM,QACzB,WAAU,IAAI,OAAO,IAAI,OAAO;AAKpC,QAAO,gBAAgB,SAAS,aAAa;AAE3C,SADe,UAAU,IAAI,SAAS,IACrB,EAAE;GACnB"}
+{"version":3,"file":"featured-clients.js","names":[],"sources":["../../../../src/blocks/scalar-client-selector-block/helpers/featured-clients.ts"],"sourcesContent":["import type { ClientOption, ClientOptionGroup } from '@scalar/blocks/code-example'\nimport type { AvailableClients } from '@scalar/snippetz'\n\n/** Hard coded list of default featured clients */\nconst FEATURED_CLIENTS = [\n  'shell/curl',\n  'ruby/native',\n  'node/undici',\n  'php/guzzle',\n  'python/python3',\n] satisfies AvailableClients[number][]\n\n/** Whether or not a client is in the featured list */\nexport const isFeaturedClient = (\n  clientId: string | undefined,\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n) => Boolean(clientId && featuredClients.includes(clientId as (typeof featuredClients)[number]))\n\n/**\n * Maps featured client IDs to their corresponding ClientOption objects.\n * Returns an array of ClientOption objects that match the featured clients list,\n * maintaining the order of the featured clients.\n */\nexport const getFeaturedClients = (\n  clientOptions: ClientOptionGroup[],\n  featuredClients: AvailableClients[number][] = FEATURED_CLIENTS,\n): ClientOption[] => {\n  // Create a map of all available client options for quick lookup\n  const clientMap = new Map<string, ClientOption>()\n\n  // Using the map means we only have to loop through once\n  for (const group of clientOptions) {\n    for (const option of group.options) {\n      clientMap.set(option.id, option)\n    }\n  }\n\n  // Map featured clients to their corresponding options, maintaining order\n  return featuredClients.flatMap((clientId) => {\n    const client = clientMap.get(clientId)\n    return client ?? []\n  })\n}\n"],"mappings":";;AAIA,IAAM,mBAAmB;CACvB;CACA;CACA;CACA;CACA;AACF;;AAGA,IAAa,oBACX,UACA,kBAA8C,qBAC3C,QAAQ,YAAY,gBAAgB,SAAS,QAA4C,CAAC;;;;;;AAO/F,IAAa,sBACX,eACA,kBAA8C,qBAC3B;CAEnB,MAAM,4BAAY,IAAI,IAA0B;CAGhD,KAAK,MAAM,SAAS,eAClB,KAAK,MAAM,UAAU,MAAM,SACzB,UAAU,IAAI,OAAO,IAAI,MAAM;CAKnC,OAAO,gBAAgB,SAAS,aAAa;EAE3C,OADe,UAAU,IAAI,QACtB,KAAU,CAAC;CACpB,CAAC;AACH"}

package/dist/blocks/scalar-info-block/components/DownloadLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"names":[],"mappings":"AAqNA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,oBAAoB,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAA;IACvE,iDAAiD;IACjD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACtC,CAAC;AAgJF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DownloadLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"names":[],"mappings":"AA8NA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAMvE,KAAK,WAAW,GAAG;IACjB,kCAAkC;IAClC,oBAAoB,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAA;IACvE,iDAAiD;IACjD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oEAAoE;IACpE,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;CACtC,CAAC;AAwJF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/blocks/scalar-info-block/components/DownloadLink.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import DownloadLink_vue_vue_type_script_setup_true_lang_default from "./DownloadLink.vue.script.js";
 /* empty css                           */
 //#region src/blocks/scalar-info-block/components/DownloadLink.vue
-var DownloadLink_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DownloadLink_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-deac5eaa"]]);
+var DownloadLink_default = /*#__PURE__*/ _plugin_vue_export_helper_default(DownloadLink_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0aba6db2"]]);
 //#endregion
 export { DownloadLink_default as default };
 

package/dist/blocks/scalar-info-block/components/DownloadLink.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadLink.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport Badge from '@/components/Badge/Badge.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst {\n  eventBus,\n  documentDownloadType,\n  documentUrl,\n  documentType = 'openapi',\n} = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives the button label. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n  documentType === 'asyncapi'\n    ? translate('download.asyncapi')\n    : translate('download.openapi'),\n)\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && documentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && documentUrl\"\n      class=\"download-link download-button\"\n      :href=\"documentUrl\">\n      <span>{{ label }}</span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"DownloadLink.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport Badge from '@/components/Badge/Badge.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst {\n  eventBus,\n  documentDownloadType,\n  documentUrl,\n  documentType = 'openapi',\n} = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives the button label. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n  documentType === 'asyncapi'\n    ? translate('download.asyncapi')\n    : translate('download.openapi'),\n)\n\n/**\n * The document URL can be supplied by whoever controls the rendered document, so a protocol like\n * `javascript:` would execute script on click. Drop the direct link in that case.\n */\nconst safeDocumentUrl = computed(() => sanitizeUrl(documentUrl))\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && safeDocumentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && safeDocumentUrl\"\n      class=\"download-link download-button\"\n      :href=\"safeDocumentUrl\">\n      <span>{{ label }}</span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n/* Scoped to `.badge.extension` so the accent colors override the badge base styles. */\n.badge.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n"],"mappings":""}

package/dist/blocks/scalar-info-block/components/DownloadLink.vue.script.js

@@ -1,9 +1,10 @@
 import { useLocalization } from "../../../features/localization/use-localization.js";
 import Badge_default from "../../../components/Badge/Badge.vue.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, withCtx, withModifiers } from "vue";
+import { sanitizeUrl } from "@scalar/helpers/url/is-safe-url";
 //#region src/blocks/scalar-info-block/components/DownloadLink.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["href"];
-var DownloadLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var DownloadLink_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "DownloadLink",
 	props: {
 		documentDownloadType: {},
@@ -14,6 +15,11 @@ var DownloadLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	setup(__props) {
 		const { translate } = useLocalization();
 		const label = computed(() => __props.documentType === "asyncapi" ? translate("download.asyncapi") : translate("download.openapi"));
+		/**
+		* The document URL can be supplied by whoever controls the rendered document, so a protocol like
+		* `javascript:` would execute script on click. Drop the direct link in that case.
+		*/
+		const safeDocumentUrl = computed(() => sanitizeUrl(__props.documentUrl));
 		const handleDownloadClick = (format) => {
 			__props.eventBus.emit("ui:download:document", { format });
 		};
@@ -22,14 +28,14 @@ var DownloadLink_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 				"yaml",
 				"json",
 				"both"
-			].includes(__props.documentDownloadType) || __props.documentDownloadType === "direct" && __props.documentUrl ? (openBlock(), createElementBlock("div", {
+			].includes(__props.documentDownloadType) || __props.documentDownloadType === "direct" && safeDocumentUrl.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["download-container group", { "download-both": __props.documentDownloadType === "both" }])
 			}, [
-				__props.documentDownloadType === "direct" && __props.documentUrl ? (openBlock(), createElementBlock("a", {
+				__props.documentDownloadType === "direct" && safeDocumentUrl.value ? (openBlock(), createElementBlock("a", {
 					key: 0,
 					class: "download-link download-button",
-					href: __props.documentUrl
+					href: safeDocumentUrl.value
 				}, [createElementVNode("span", null, toDisplayString(label.value), 1)], 8, _hoisted_1)) : createCommentVNode("", true),
 				__props.documentDownloadType === "json" || __props.documentDownloadType === "both" ? (openBlock(), createElementBlock("button", {
 					key: 1,

package/dist/blocks/scalar-info-block/components/DownloadLink.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadLink.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport Badge from '@/components/Badge/Badge.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst {\n  eventBus,\n  documentDownloadType,\n  documentUrl,\n  documentType = 'openapi',\n} = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives the button label. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n  documentType === 'asyncapi'\n    ? translate('download.asyncapi')\n    : translate('download.openapi'),\n)\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && documentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && documentUrl\"\n      class=\"download-link download-button\"\n      :href=\"documentUrl\">\n      <span>{{ label }}</span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EA0BA,MAAM,EAAE,cAAc,iBAAgB;EAEtC,MAAM,QAAQ,eACZ,QAAA,iBAAiB,aACb,UAAU,oBAAmB,GAC7B,UAAU,mBAAmB,CACnC;EAGA,MAAM,uBAAuB,WAA4B;AACvD,WAAA,SAAS,KAAK,wBAAwB,EAAE,QAAQ,CAAA;;;;;;;KAKR,SAAS,QAAA,qBAAoB,IAAY,QAAA,yBAAoB,YAAiB,QAAA,eAAA,WAAA,EADtH,mBAoCM,OAAA;;IA/BJ,OAAK,eAAA,CAAC,4BAA0B,EAAA,iBACC,QAAA,yBAAoB,QAAA,CAAA,CAAA;;IAK7C,QAAA,yBAAoB,YAAiB,QAAA,eAAA,WAAA,EAD7C,mBAKI,KAAA;;KAHF,OAAM;KACL,MAAM,QAAA;QACP,mBAAwB,QAAA,MAAA,gBAAf,MAAA,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,IAAA,mBAAA,IAAA,KAAA;IAKR,QAAA,yBAAoB,UAAe,QAAA,yBAAoB,UAAA,WAAA,EAD/D,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAgB,oBAAmB,OAAA,EAAA,CAAA,UAAA,CAAA;QACzC,mBAAwB,QAAA,MAAA,gBAAf,MAAA,MAAK,EAAA,EAAA,EACd,YAA6D,eAAA,EAAtD,OAAM,qCAAmC,EAAA;4BAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA;;;IAK/C,QAAA,yBAAoB,UAAe,QAAA,yBAAoB,UAAA,WAAA,EAD/D,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAgB,oBAAmB,OAAA,EAAA,CAAA,UAAA,CAAA;QACzC,mBAAwB,QAAA,MAAA,gBAAf,MAAA,MAAK,EAAA,EAAA,EACd,YAA6D,eAAA,EAAtD,OAAM,qCAAmC,EAAA;4BAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,CAAA"}
+{"version":3,"file":"DownloadLink.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/DownloadLink.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { sanitizeUrl } from '@scalar/helpers/url/is-safe-url'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport { type WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport Badge from '@/components/Badge/Badge.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst {\n  eventBus,\n  documentDownloadType,\n  documentUrl,\n  documentType = 'openapi',\n} = defineProps<{\n  /** The document download type. */\n  documentDownloadType: ApiReferenceConfiguration['documentDownloadType']\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /**\n   * URL of the OpenAPI document. Required when documentDownloadType is 'direct'\n   * so the link can point to the document.\n   */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives the button label. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\nconst { translate } = useLocalization()\n\nconst label = computed(() =>\n  documentType === 'asyncapi'\n    ? translate('download.asyncapi')\n    : translate('download.openapi'),\n)\n\n/**\n * The document URL can be supplied by whoever controls the rendered document, so a protocol like\n * `javascript:` would execute script on click. Drop the direct link in that case.\n */\nconst safeDocumentUrl = computed(() => sanitizeUrl(documentUrl))\n\n// The id is retrieved at the layout level.\nconst handleDownloadClick = (format: 'json' | 'yaml') => {\n  eventBus.emit('ui:download:document', { format })\n}\n</script>\n<template>\n  <div\n    v-if=\"\n      ['yaml', 'json', 'both'].includes(documentDownloadType) ||\n      (documentDownloadType === 'direct' && safeDocumentUrl)\n    \"\n    class=\"download-container group\"\n    :class=\"{\n      'download-both': documentDownloadType === 'both',\n    }\">\n    <!-- Direct link to the document -->\n    <a\n      v-if=\"documentDownloadType === 'direct' && safeDocumentUrl\"\n      class=\"download-link download-button\"\n      :href=\"safeDocumentUrl\">\n      <span>{{ label }}</span>\n    </a>\n\n    <!-- JSON  -->\n    <button\n      v-if=\"documentDownloadType === 'json' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('json')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">json</Badge>\n    </button>\n\n    <!-- YAML -->\n    <button\n      v-if=\"documentDownloadType === 'yaml' || documentDownloadType === 'both'\"\n      class=\"download-button\"\n      type=\"button\"\n      @click.prevent=\"() => handleDownloadClick('yaml')\">\n      <span>{{ label }}</span>\n      <Badge class=\"extension hidden group-hover:flex\">yaml</Badge>\n    </button>\n  </div>\n</template>\n\n<style scoped>\n@reference '@/style.css';\n\n.download-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  margin: 0 0.5px 8px;\n  position: relative;\n  width: fit-content;\n  z-index: 1;\n}\n\n.download-container:has(:focus-visible)::before,\n.download-container.download-both:hover::before {\n  content: '';\n  width: calc(100% + 24px);\n  height: 90px;\n  position: absolute;\n  top: -11px;\n  left: -12px;\n  border-radius: var(--scalar-radius-lg);\n  box-shadow: var(--scalar-shadow-2);\n  pointer-events: none;\n  background: var(--scalar-background-1);\n}\n\n.download-button {\n  color: var(--scalar-link-color);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  height: fit-content;\n  padding: 0;\n  position: relative;\n  white-space: nowrap !important;\n\n  outline: none;\n}\n\n.download-button::before {\n  border-radius: var(--scalar-radius);\n  content: '';\n  height: calc(100% + 16px);\n  left: -9px;\n  position: absolute;\n  top: -8px;\n  width: calc(100% + 18px);\n}\n\n.download-button:last-of-type::before {\n  width: calc(100% + 15px);\n}\n\n.download-button:hover::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.download-button:focus-visible::before {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  @apply outline;\n}\n\n.download-button span {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n  align-items: center;\n  display: flex;\n  gap: 6px;\n  line-height: 1.625;\n  z-index: 1;\n}\n\n.download-button:hover span {\n  text-decoration-color: var(--scalar-color-1, currentColor);\n  color: var(--scalar-link-color-hover, var(--scalar-color-accent));\n  -webkit-text-decoration: var(--scalar-text-decoration-hover);\n  text-decoration: var(--scalar-text-decoration-hover);\n}\n\n/* Second button displayed when hovering over the download container */\n.download-button:nth-of-type(2) {\n  @apply sr-only;\n}\n\n.download-container:has(:focus-visible) .download-button:nth-of-type(2),\n.download-container:hover .download-button:nth-of-type(2) {\n  @apply not-sr-only;\n\n  position: absolute;\n  top: 42px;\n}\n\n/* Scoped to `.badge.extension` so the accent colors override the badge base styles. */\n.badge.extension {\n  z-index: 1;\n  background: var(--scalar-link-color, var(--scalar-color-accent));\n  color: var(--scalar-background-1);\n}\n.download-container:has(:focus-visible) .extension,\n.download-container:hover .extension {\n  opacity: 1;\n}\n\n.download-link {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  --font-visited: var(--scalar-link-color-visited, var(--scalar-color-2));\n\n  text-decoration: var(--scalar-text-decoration);\n  color: var(--font-color);\n  font-weight: var(--scalar-link-font-weight, var(--scalar-semibold));\n  text-underline-offset: 0.25rem;\n  text-decoration-thickness: 1px;\n  text-decoration-color: color-mix(in srgb, var(--font-color) 30%, transparent);\n}\n\n.download-link:hover {\n  --font-color: var(--scalar-link-color, var(--scalar-color-accent));\n  text-decoration-color: var(--font-color);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EA2BA,MAAM,EAAE,cAAc,gBAAgB;EAEtC,MAAM,QAAQ,eACZ,QAAA,iBAAiB,aACb,UAAU,mBAAmB,IAC7B,UAAU,kBAAkB,CAClC;;;;;EAMA,MAAM,kBAAkB,eAAe,YAAY,QAAA,WAAW,CAAC;EAG/D,MAAM,uBAAuB,WAA4B;GACvD,QAAA,SAAS,KAAK,wBAAwB,EAAE,OAAO,CAAC;EAClD;;;;;;KAI0C,SAAS,QAAA,oBAAoB,KAAY,QAAA,yBAAoB,YAAiB,gBAAA,SAAA,UAAA,GADtH,mBAoCM,OAAA;;IA/BJ,OAAK,eAAA,CAAC,4BAA0B,EAAA,iBACC,QAAA,yBAAoB,OAAA,CAAA,CAAA;;IAK7C,QAAA,yBAAoB,YAAiB,gBAAA,SAAA,UAAA,GAD7C,mBAKI,KAAA;;KAHF,OAAM;KACL,MAAM,gBAAA;QACP,mBAAwB,QAAA,MAAA,gBAAf,MAAA,KAAK,GAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAKR,QAAA,yBAAoB,UAAe,QAAA,yBAAoB,UAAA,UAAA,GAD/D,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAgB,oBAAmB,MAAA,GAAA,CAAA,SAAA,CAAA;QACzC,mBAAwB,QAAA,MAAA,gBAAf,MAAA,KAAK,GAAA,CAAA,GACd,YAA6D,eAAA,EAAtD,OAAM,oCAAmC,GAAA;4BAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,EAAA,CAAA,EAAA,CAAA;;;IAK/C,QAAA,yBAAoB,UAAe,QAAA,yBAAoB,UAAA,UAAA,GAD/D,mBAOS,UAAA;;KALP,OAAM;KACN,MAAK;KACJ,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAgB,oBAAmB,MAAA,GAAA,CAAA,SAAA,CAAA;QACzC,mBAAwB,QAAA,MAAA,gBAAf,MAAA,KAAK,GAAA,CAAA,GACd,YAA6D,eAAA,EAAtD,OAAM,oCAAmC,GAAA;4BAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,EAAA,CAAA,EAAA,CAAA"}

package/dist/blocks/scalar-info-block/components/InfoBlock.vue.script.js

@@ -3,7 +3,7 @@ import IntroductionCard_default from "./IntroductionCard.vue.js";
 import IntroductionLayout_default from "./IntroductionLayout.vue.js";
 import { computed, createBlock, createVNode, defineComponent, openBlock, renderSlot, withCtx } from "vue";
 //#region src/blocks/scalar-info-block/components/InfoBlock.vue?vue&type=script&setup=true&lang.ts
-var InfoBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InfoBlock_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoBlock",
 	props: {
 		id: {},

package/dist/blocks/scalar-info-block/components/InfoBlock.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBlock.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { AsyncApiInfoObject } from '@scalar/types/asyncapi/3.1'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport DownloadLink from '@/blocks/scalar-info-block/components/DownloadLink.vue'\n\nimport IntroductionCard from './IntroductionCard.vue'\nimport IntroductionLayout from './IntroductionLayout.vue'\n\nconst {\n  headingSlugGenerator,\n  layout,\n  eventBus,\n  documentDownloadType = 'both',\n  documentUrl,\n  documentType,\n} = defineProps<{\n  /** Optional unique identifier for the info block. */\n  id?: string\n  /** Original specification version of the input document (OpenAPI or AsyncAPI). */\n  specificationVersion?: string\n  /** The Info object from the OpenAPI document. */\n  info: InfoObject | AsyncApiInfoObject | undefined\n  /** The external documentation object from the OpenAPI document, if present. */\n  externalDocs?: ExternalDocumentationObject\n  /** OpenAPI extension fields at the document level. */\n  documentExtensions?: Record<string, unknown>\n  /** OpenAPI extension fields at the info object level. */\n  infoExtensions?: Record<string, unknown>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n  /** Determines the layout style for the info block ('modern' or 'classic'). */\n  layout?: 'modern' | 'classic'\n  /** The document download type. */\n  documentDownloadType?: ApiReferenceConfiguration['documentDownloadType']\n  /** URL of the OpenAPI document. Used when documentDownloadType is 'direct'. */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives download button labels. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\n/**\n * Put the selectors in\n * - the after slot for classic layout,\n * - and the aside slot for other layouts.\n */\nconst introCardsSlot = computed(() =>\n  layout === 'classic' ? 'after' : 'aside',\n)\n</script>\n\n<template>\n  <IntroductionLayout\n    :id\n    :documentExtensions\n    :documentType\n    :eventBus=\"eventBus\"\n    :externalDocs\n    :headingSlugGenerator\n    :info\n    :infoExtensions\n    :specificationVersion>\n    <template #[introCardsSlot]>\n      <IntroductionCard :row=\"layout === 'classic'\">\n        <slot name=\"selectors\" />\n      </IntroductionCard>\n    </template>\n    <template #download-link>\n      <DownloadLink\n        :documentDownloadType\n        :documentType\n        :documentUrl\n        :eventBus />\n    </template>\n  </IntroductionLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,iBAAiB,eACrB,QAAA,WAAW,YAAY,UAAU,QACnC;;uBAIE,YAsBqB,4BAAA;IArBlB,IAAA,QAAA;IACA,oBAAA,QAAA;IACA,cAAA,QAAA;IACA,UAAU,QAAA;IACV,cAAA,QAAA;IACA,sBAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,sBAAA,QAAA;;KACU,eAAA,QAAgB,cAGN,CAFnB,YAEmB,0BAAA,EAFA,KAAK,QAAA,WAAM,WAAA,EAAA;4BACH,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA;;;IAGlB,iBAAa,cAKR,CAJd,YAIc,sBAAA;KAHX,sBAAA,QAAA;KACA,cAAA,QAAA;KACA,aAAA,QAAA;KACA,UAAA,QAAA"}
+{"version":3,"file":"InfoBlock.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { AsyncApiInfoObject } from '@scalar/types/asyncapi/3.1'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport DownloadLink from '@/blocks/scalar-info-block/components/DownloadLink.vue'\n\nimport IntroductionCard from './IntroductionCard.vue'\nimport IntroductionLayout from './IntroductionLayout.vue'\n\nconst {\n  headingSlugGenerator,\n  layout,\n  eventBus,\n  documentDownloadType = 'both',\n  documentUrl,\n  documentType,\n} = defineProps<{\n  /** Optional unique identifier for the info block. */\n  id?: string\n  /** Original specification version of the input document (OpenAPI or AsyncAPI). */\n  specificationVersion?: string\n  /** The Info object from the OpenAPI document. */\n  info: InfoObject | AsyncApiInfoObject | undefined\n  /** The external documentation object from the OpenAPI document, if present. */\n  externalDocs?: ExternalDocumentationObject\n  /** OpenAPI extension fields at the document level. */\n  documentExtensions?: Record<string, unknown>\n  /** OpenAPI extension fields at the info object level. */\n  infoExtensions?: Record<string, unknown>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n  /** Heading id generator for Markdown headings */\n  headingSlugGenerator: (heading: Heading) => string\n  /** Determines the layout style for the info block ('modern' or 'classic'). */\n  layout?: 'modern' | 'classic'\n  /** The document download type. */\n  documentDownloadType?: ApiReferenceConfiguration['documentDownloadType']\n  /** URL of the OpenAPI document. Used when documentDownloadType is 'direct'. */\n  documentUrl?: string\n  /** The kind of document being rendered. Drives download button labels. */\n  documentType?: 'openapi' | 'asyncapi'\n}>()\n\n/**\n * Put the selectors in\n * - the after slot for classic layout,\n * - and the aside slot for other layouts.\n */\nconst introCardsSlot = computed(() =>\n  layout === 'classic' ? 'after' : 'aside',\n)\n</script>\n\n<template>\n  <IntroductionLayout\n    :id\n    :documentExtensions\n    :documentType\n    :eventBus=\"eventBus\"\n    :externalDocs\n    :headingSlugGenerator\n    :info\n    :infoExtensions\n    :specificationVersion>\n    <template #[introCardsSlot]>\n      <IntroductionCard :row=\"layout === 'classic'\">\n        <slot name=\"selectors\" />\n      </IntroductionCard>\n    </template>\n    <template #download-link>\n      <DownloadLink\n        :documentDownloadType\n        :documentType\n        :documentUrl\n        :eventBus />\n    </template>\n  </IntroductionLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,iBAAiB,eACrB,QAAA,WAAW,YAAY,UAAU,OACnC;;uBAIE,YAsBqB,4BAAA;IArBlB,IAAA,QAAA;IACA,oBAAA,QAAA;IACA,cAAA,QAAA;IACA,UAAU,QAAA;IACV,cAAA,QAAA;IACA,sBAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,sBAAA,QAAA;;KACU,eAAA,QAAgB,cAGN,CAFnB,YAEmB,0BAAA,EAFA,KAAK,QAAA,WAAM,UAAA,GAAA;4BACH,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA;;;IAGlB,iBAAa,cAKR,CAJd,YAIc,sBAAA;KAHX,sBAAA,QAAA;KACA,cAAA,QAAA;KACA,aAAA,QAAA;KACA,UAAA,QAAA"}

package/dist/blocks/scalar-info-block/components/InfoDescription.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import InfoDescription_vue_vue_type_script_setup_true_lang_default from "./InfoDescription.vue.script.js";
 /* empty css                              */
 //#region src/blocks/scalar-info-block/components/InfoDescription.vue
-var InfoDescription_default = /* @__PURE__ */ _plugin_vue_export_helper_default(InfoDescription_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0370764f"]]);
+var InfoDescription_default = /*#__PURE__*/ _plugin_vue_export_helper_default(InfoDescription_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0370764f"]]);
 //#endregion
 export { InfoDescription_default as default };
 

package/dist/blocks/scalar-info-block/components/InfoDescription.vue.script.js

@@ -7,7 +7,7 @@ var _hoisted_1 = {
 	key: 0,
 	class: "introduction-description mt-6 flex flex-col"
 };
-var InfoDescription_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InfoDescription_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoDescription",
 	props: {
 		eventBus: {},

package/dist/blocks/scalar-info-block/components/InfoDescription.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoDescription.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getHeadings,\n  isHeading,\n  splitContent,\n  textFromNode,\n  type Node,\n} from '@scalar/code-highlight/markdown'\nimport { slugger } from '@scalar/helpers/string/slugger'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport InfoMarkdownSection from './InfoMarkdownSection.vue'\n\nconst { description, headingSlugGenerator } = defineProps<{\n  eventBus: WorkspaceEventBus | null\n  headingSlugGenerator: (heading: Heading) => string\n  /** Markdown document */\n  description?: string\n}>()\n\n/**\n * Descriptions, but split into multiple sections.\n * We need this to wrap the headings in IntersectionObserver components.\n */\nconst sections = computed(() => {\n  if (!description) {\n    return []\n  }\n\n  const { slug } = slugger()\n\n  const items = splitContent(description).map((markdown) => {\n    // Get “first” (and only) heading, if available\n    const headings = getHeadings(markdown)\n    const heading = headings[0]\n\n    // Generate an id for the heading\n    const id = heading\n      ? headingSlugGenerator({\n          ...heading,\n          slug: slug(heading.value),\n        })\n      : undefined\n\n    return {\n      id,\n      content: markdown,\n    }\n  })\n\n  return items\n})\n\n/** Add ids to all headings */\nconst transformHeading = (node: Node) => {\n  if (!isHeading(node)) {\n    return node\n  }\n\n  const { slug } = slugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slug(value),\n      }),\n    },\n  }\n\n  return node\n}\n</script>\n\n<template>\n  <div\n    v-if=\"description\"\n    class=\"introduction-description mt-6 flex flex-col\">\n    <InfoMarkdownSection\n      v-for=\"section in sections\"\n      :id=\"section.id\"\n      :key=\"section.id\"\n      :content=\"section.content\"\n      :eventBus=\"eventBus\"\n      :transformHeading=\"transformHeading\" />\n  </div>\n</template>\n\n<style scoped>\n.references-classic .introduction-description :deep(img) {\n  max-width: 720px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,eAAe;AAC9B,OAAI,CAAC,QAAA,YACH,QAAO,EAAC;GAGV,MAAM,EAAE,SAAS,SAAQ;AAqBzB,UAnBc,aAAa,QAAA,YAAY,CAAC,KAAK,aAAa;IAGxD,MAAM,UADW,YAAY,SAAQ,CACZ;AAUzB,WAAO;KACL,IARS,UACP,QAAA,qBAAqB;MACnB,GAAG;MACH,MAAM,KAAK,QAAQ,MAAM;MAC1B,CAAA,GACD,KAAA;KAIF,SAAS;KACX;KACD;IAGF;;EAGD,MAAM,oBAAoB,SAAe;AACvC,OAAI,CAAC,UAAU,KAAK,CAClB,QAAO;GAGT,MAAM,EAAE,SAAS,SAAQ;GAEzB,MAAM,QAAQ,aAAa,KAAI;AAE/B,QAAK,OAAO,EACV,aAAa,EACX,IAAI,QAAA,qBAAqB;IACvB,OAAO,KAAK;IACZ;IACA,MAAM,KAAK,MAAM;IAClB,CAAC,EACH,EACH;AAEA,UAAO;;;UAMC,QAAA,eAAA,WAAA,EADR,mBAUM,OAVN,YAUM,EAAA,UAAA,KAAA,EAPJ,mBAMyC,UAAA,MAAA,WALrB,SAAA,QAAX,YAAO;wBADhB,YAMyC,6BAAA;KAJtC,IAAI,QAAQ;KACZ,KAAK,QAAQ;KACb,SAAS,QAAQ;KACjB,UAAU,QAAA;KACQ"}
+{"version":3,"file":"InfoDescription.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  getHeadings,\n  isHeading,\n  splitContent,\n  textFromNode,\n  type Node,\n} from '@scalar/code-highlight/markdown'\nimport { slugger } from '@scalar/helpers/string/slugger'\nimport type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport InfoMarkdownSection from './InfoMarkdownSection.vue'\n\nconst { description, headingSlugGenerator } = defineProps<{\n  eventBus: WorkspaceEventBus | null\n  headingSlugGenerator: (heading: Heading) => string\n  /** Markdown document */\n  description?: string\n}>()\n\n/**\n * Descriptions, but split into multiple sections.\n * We need this to wrap the headings in IntersectionObserver components.\n */\nconst sections = computed(() => {\n  if (!description) {\n    return []\n  }\n\n  const { slug } = slugger()\n\n  const items = splitContent(description).map((markdown) => {\n    // Get “first” (and only) heading, if available\n    const headings = getHeadings(markdown)\n    const heading = headings[0]\n\n    // Generate an id for the heading\n    const id = heading\n      ? headingSlugGenerator({\n          ...heading,\n          slug: slug(heading.value),\n        })\n      : undefined\n\n    return {\n      id,\n      content: markdown,\n    }\n  })\n\n  return items\n})\n\n/** Add ids to all headings */\nconst transformHeading = (node: Node) => {\n  if (!isHeading(node)) {\n    return node\n  }\n\n  const { slug } = slugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slug(value),\n      }),\n    },\n  }\n\n  return node\n}\n</script>\n\n<template>\n  <div\n    v-if=\"description\"\n    class=\"introduction-description mt-6 flex flex-col\">\n    <InfoMarkdownSection\n      v-for=\"section in sections\"\n      :id=\"section.id\"\n      :key=\"section.id\"\n      :content=\"section.content\"\n      :eventBus=\"eventBus\"\n      :transformHeading=\"transformHeading\" />\n  </div>\n</template>\n\n<style scoped>\n.references-classic .introduction-description :deep(img) {\n  max-width: 720px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA0BA,MAAM,WAAW,eAAe;GAC9B,IAAI,CAAC,QAAA,aACH,OAAO,CAAC;GAGV,MAAM,EAAE,SAAS,QAAQ;GAqBzB,OAnBc,aAAa,QAAA,WAAW,CAAC,CAAC,KAAK,aAAa;IAGxD,MAAM,UADW,YAAY,QACb,CAAA,CAAS;IAUzB,OAAO;KACL,IARS,UACP,QAAA,qBAAqB;MACnB,GAAG;MACH,MAAM,KAAK,QAAQ,KAAK;KAC1B,CAAC,IACD,KAAA;KAIF,SAAS;IACX;GACF,CAEO;EACT,CAAC;;EAGD,MAAM,oBAAoB,SAAe;GACvC,IAAI,CAAC,UAAU,IAAI,GACjB,OAAO;GAGT,MAAM,EAAE,SAAS,QAAQ;GAEzB,MAAM,QAAQ,aAAa,IAAI;GAE/B,KAAK,OAAO,EACV,aAAa,EACX,IAAI,QAAA,qBAAqB;IACvB,OAAO,KAAK;IACZ;IACA,MAAM,KAAK,KAAK;GAClB,CAAC,EACH,EACF;GAEA,OAAO;EACT;;UAKU,QAAA,eAAA,UAAA,GADR,mBAUM,OAVN,YAUM,EAAA,UAAA,IAAA,GAPJ,mBAMyC,UAAA,MAAA,WALrB,SAAA,QAAX,YAAO;wBADhB,YAMyC,6BAAA;KAJtC,IAAI,QAAQ;KACZ,KAAK,QAAQ;KACb,SAAS,QAAQ;KACjB,UAAU,QAAA;KACQ"}

package/dist/blocks/scalar-info-block/components/InfoLinks.vue.script.js

@@ -7,7 +7,7 @@ import TermsOfService_default from "../../../features/info-object/TermsOfService
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList, unref, withCtx } from "vue";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 //#region src/blocks/scalar-info-block/components/InfoLinks.vue?vue&type=script&setup=true&lang.ts
-var InfoLinks_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InfoLinks_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoLinks",
 	props: {
 		info: {},

package/dist/blocks/scalar-info-block/components/InfoLinks.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoLinks.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoLinks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AsyncApiInfoObject } from '@scalar/types/asyncapi/3.1'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport {\n  Contact,\n  InfoLink,\n  License,\n  TermsOfService,\n} from '@/features/info-object'\n\nconst { info, externalDocs } = defineProps<{\n  info: InfoObject | AsyncApiInfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n\n/** Additional named links from the `x-scalar-links` extension (e.g. privacy policy, imprint) */\nconst links = computed(() => {\n  const value = (info as InfoObject)['x-scalar-links']\n\n  // Guard against malformed extension values from the OpenAPI document (a string, a single object, …)\n  // so we only ever render well-formed `{ name, url }` entries.\n  if (!Array.isArray(value)) {\n    return []\n  }\n\n  return value.filter(\n    (link) => typeof link?.name === 'string' && typeof link?.url === 'string',\n  )\n})\n\n/** Whether there is at least one link to show, so we do not render an empty list */\nconst hasLinks = computed(() =>\n  Boolean(\n    externalDocs ||\n    info.contact ||\n    info.license ||\n    info.termsOfService ||\n    links.value.length,\n  ),\n)\n</script>\n\n<template>\n  <LinkList v-if=\"hasLinks\">\n    <ExternalDocs\n      v-if=\"externalDocs\"\n      :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"getResolvedRef(info.license)\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n    <InfoLink\n      v-for=\"link in links\"\n      :key=\"link.url\"\n      :name=\"link.name\"\n      :url=\"link.url\" />\n  </LinkList>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ,eAAe;GAC3B,MAAM,QAAS,QAAA,KAAoB;AAInC,OAAI,CAAC,MAAM,QAAQ,MAAM,CACvB,QAAO,EAAC;AAGV,UAAO,MAAM,QACV,SAAS,OAAO,MAAM,SAAS,YAAY,OAAO,MAAM,QAAQ,SACnE;IACD;;EAGD,MAAM,WAAW,eACf,QACE,QAAA,gBACA,QAAA,KAAK,WACL,QAAA,KAAK,WACL,QAAA,KAAK,kBACL,MAAM,MAAM,OACb,CACH;;UAIkB,SAAA,SAAA,WAAA,EAAhB,YAkBW,MAAA,iBAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BAfiB;KADlB,QAAA,gBAAA,WAAA,EADR,YAE0B,MAAA,qBAAA,EAAA;;MAAvB,OAAO,QAAA;;KAEF,QAAA,KAAK,WAAA,WAAA,EADb,YAE0B,MAAA,gBAAA,EAAA;;MAAvB,OAAO,QAAA,KAAK;;KAEP,QAAA,KAAK,WAAA,WAAA,EADb,YAE0C,MAAA,gBAAA,EAAA;;MAAvC,OAAO,MAAA,eAAc,CAAC,QAAA,KAAK,QAAO;;KAE7B,QAAA,KAAK,kBAAA,WAAA,EADb,YAEiC,MAAA,uBAAA,EAAA;;MAA9B,OAAO,QAAA,KAAK;;uBACf,mBAIoB,UAAA,MAAA,WAHH,MAAA,QAAR,SAAI;0BADb,YAIoB,MAAA,iBAAA,EAAA;OAFjB,KAAK,KAAK;OACV,MAAM,KAAK;OACX,KAAK,KAAK"}
+{"version":3,"file":"InfoLinks.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoLinks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AsyncApiInfoObject } from '@scalar/types/asyncapi/3.1'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport {\n  Contact,\n  InfoLink,\n  License,\n  TermsOfService,\n} from '@/features/info-object'\n\nconst { info, externalDocs } = defineProps<{\n  info: InfoObject | AsyncApiInfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n\n/** Additional named links from the `x-scalar-links` extension (e.g. privacy policy, imprint) */\nconst links = computed(() => {\n  const value = (info as InfoObject)['x-scalar-links']\n\n  // Guard against malformed extension values from the OpenAPI document (a string, a single object, …)\n  // so we only ever render well-formed `{ name, url }` entries.\n  if (!Array.isArray(value)) {\n    return []\n  }\n\n  return value.filter(\n    (link) => typeof link?.name === 'string' && typeof link?.url === 'string',\n  )\n})\n\n/** Whether there is at least one link to show, so we do not render an empty list */\nconst hasLinks = computed(() =>\n  Boolean(\n    externalDocs ||\n    info.contact ||\n    info.license ||\n    info.termsOfService ||\n    links.value.length,\n  ),\n)\n</script>\n\n<template>\n  <LinkList v-if=\"hasLinks\">\n    <ExternalDocs\n      v-if=\"externalDocs\"\n      :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"getResolvedRef(info.license)\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n    <InfoLink\n      v-for=\"link in links\"\n      :key=\"link.url\"\n      :name=\"link.name\"\n      :url=\"link.url\" />\n  </LinkList>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ,eAAe;GAC3B,MAAM,QAAS,QAAA,KAAoB;GAInC,IAAI,CAAC,MAAM,QAAQ,KAAK,GACtB,OAAO,CAAC;GAGV,OAAO,MAAM,QACV,SAAS,OAAO,MAAM,SAAS,YAAY,OAAO,MAAM,QAAQ,QACnE;EACF,CAAC;;EAGD,MAAM,WAAW,eACf,QACE,QAAA,gBACA,QAAA,KAAK,WACL,QAAA,KAAK,WACL,QAAA,KAAK,kBACL,MAAM,MAAM,MACd,CACF;;UAIkB,SAAA,SAAA,UAAA,GAAhB,YAkBW,MAAA,gBAAA,GAAA,EAAA,KAAA,EAAA,GAAA;2BAfiB;KADlB,QAAA,gBAAA,UAAA,GADR,YAE0B,MAAA,oBAAA,GAAA;;MAAvB,OAAO,QAAA;;KAEF,QAAA,KAAK,WAAA,UAAA,GADb,YAE0B,MAAA,eAAA,GAAA;;MAAvB,OAAO,QAAA,KAAK;;KAEP,QAAA,KAAK,WAAA,UAAA,GADb,YAE0C,MAAA,eAAA,GAAA;;MAAvC,OAAO,MAAA,cAAA,CAAc,CAAC,QAAA,KAAK,OAAO;;KAE7B,QAAA,KAAK,kBAAA,UAAA,GADb,YAEiC,MAAA,sBAAA,GAAA;;MAA9B,OAAO,QAAA,KAAK;;uBACf,mBAIoB,UAAA,MAAA,WAHH,MAAA,QAAR,SAAI;0BADb,YAIoB,MAAA,gBAAA,GAAA;OAFjB,KAAK,KAAK;OACV,MAAM,KAAK;OACX,KAAK,KAAK"}

package/dist/blocks/scalar-info-block/components/InfoMarkdownSection.vue.script.js

@@ -3,7 +3,7 @@ import { createElementBlock, createVNode, defineComponent, openBlock, unref, use
 import { ScalarMarkdown } from "@scalar/components/markdown";
 //#region src/blocks/scalar-info-block/components/InfoMarkdownSection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["id"];
-var InfoMarkdownSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InfoMarkdownSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoMarkdownSection",
 	props: {
 		id: {},

package/dist/blocks/scalar-info-block/components/InfoMarkdownSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoMarkdownSection.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoMarkdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Node } from '@scalar/code-highlight'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst { eventBus, id } = defineProps<{\n  id?: string\n  content: string\n  transformHeading: (node: Node) => Node\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst element = useTemplateRef<HTMLElement>('element')\n\nuseIntersection(element, () =>\n  id ? eventBus?.emit('intersecting:nav-item', { id }) : undefined,\n)\n</script>\n\n<template>\n  <div\n    :id\n    ref=\"element\"\n    class=\"introduction-description-heading scroll-mt-16\">\n    <ScalarMarkdown\n      :transform=\"transformHeading\"\n      transformType=\"heading\"\n      :value=\"content\"\n      withImages />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAeA,MAAM,UAAU,eAA4B,UAAS;AAErD,kBAAgB,eACd,QAAA,KAAK,QAAA,UAAU,KAAK,yBAAyB,EAAE,IAAC,QAAA,IAAG,CAAC,GAAG,KAAA,EACzD;;uBAIE,mBASM,OAAA;IARH,IAAA,QAAA;aACG;IAAJ,KAAI;IACJ,OAAM;OACN,YAIe,MAAA,eAAA,EAAA;IAHZ,WAAW,QAAA;IACZ,eAAc;IACb,OAAO,QAAA;IACR,YAAA"}
+{"version":3,"file":"InfoMarkdownSection.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoMarkdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Node } from '@scalar/code-highlight'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\n\nconst { eventBus, id } = defineProps<{\n  id?: string\n  content: string\n  transformHeading: (node: Node) => Node\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst element = useTemplateRef<HTMLElement>('element')\n\nuseIntersection(element, () =>\n  id ? eventBus?.emit('intersecting:nav-item', { id }) : undefined,\n)\n</script>\n\n<template>\n  <div\n    :id\n    ref=\"element\"\n    class=\"introduction-description-heading scroll-mt-16\">\n    <ScalarMarkdown\n      :transform=\"transformHeading\"\n      transformType=\"heading\"\n      :value=\"content\"\n      withImages />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAeA,MAAM,UAAU,eAA4B,SAAS;EAErD,gBAAgB,eACd,QAAA,KAAK,QAAA,UAAU,KAAK,yBAAyB,EAAE,IAAC,QAAA,GAAE,CAAC,IAAI,KAAA,CACzD;;uBAIE,mBASM,OAAA;IARH,IAAA,QAAA;aACG;IAAJ,KAAI;IACJ,OAAM;OACN,YAIe,MAAA,cAAA,GAAA;IAHZ,WAAW,QAAA;IACZ,eAAc;IACb,OAAO,QAAA;IACR,YAAA"}

package/dist/blocks/scalar-info-block/components/InfoVersion.vue.script.js

@@ -1,7 +1,7 @@
 import Badge_default from "../../../components/Badge/Badge.vue.js";
 import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 //#region src/blocks/scalar-info-block/components/InfoVersion.vue?vue&type=script&setup=true&lang.ts
-var InfoVersion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var InfoVersion_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "InfoVersion",
 	props: { version: {} },
 	setup(__props) {

package/dist/blocks/scalar-info-block/components/InfoVersion.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoVersion.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Badge } from '@/components/Badge'\n\nconst { version } = defineProps<{\n  version: InfoObject['version']\n}>()\n\n/** Format the version number to be displayed in the badge */\nconst prefixedVersion = computed(() => {\n  if (version == null) {\n    return version\n  }\n\n  const versionString = String(version)\n\n  // Prefix with \"v\" if the first character is a number\n  return /^\\d/.test(versionString) ? `v${versionString}` : versionString\n})\n</script>\n<template>\n  <Badge v-if=\"prefixedVersion\">{{ prefixedVersion }}</Badge>\n</template>\n"],"mappings":";;;;;;;;EAWA,MAAM,kBAAkB,eAAe;AACrC,OAAI,QAAA,WAAW,KACb,QAAO,QAAA;GAGT,MAAM,gBAAgB,OAAO,QAAA,QAAO;AAGpC,UAAO,MAAM,KAAK,cAAc,GAAG,IAAI,kBAAkB;IAC1D;;UAGc,gBAAA,SAAA,WAAA,EAAb,YAA2D,MAAA,cAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BAAR,CAAA,gBAAA,gBAAlB,gBAAA,MAAe,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"InfoVersion.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { InfoObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Badge } from '@/components/Badge'\n\nconst { version } = defineProps<{\n  version: InfoObject['version']\n}>()\n\n/** Format the version number to be displayed in the badge */\nconst prefixedVersion = computed(() => {\n  if (version == null) {\n    return version\n  }\n\n  const versionString = String(version)\n\n  // Prefix with \"v\" if the first character is a number\n  return /^\\d/.test(versionString) ? `v${versionString}` : versionString\n})\n</script>\n<template>\n  <Badge v-if=\"prefixedVersion\">{{ prefixedVersion }}</Badge>\n</template>\n"],"mappings":";;;;;;;;EAWA,MAAM,kBAAkB,eAAe;GACrC,IAAI,QAAA,WAAW,MACb,OAAO,QAAA;GAGT,MAAM,gBAAgB,OAAO,QAAA,OAAO;GAGpC,OAAO,MAAM,KAAK,aAAa,IAAI,IAAI,kBAAkB;EAC3D,CAAC;;UAGc,gBAAA,SAAA,UAAA,GAAb,YAA2D,MAAA,aAAA,GAAA,EAAA,KAAA,EAAA,GAAA;2BAAR,CAAA,gBAAA,gBAAlB,gBAAA,KAAe,GAAA,CAAA,CAAA,CAAA"}

package/dist/blocks/scalar-info-block/components/IntroductionCard.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntroductionCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"names":[],"mappings":"AAwEA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAC;AA+CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,kSAEd,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":"IntroductionCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"names":[],"mappings":"AAkEA,KAAK,WAAW,GAAG;IACjB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAC;AA2CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU,kSAEd,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/blocks/scalar-info-block/components/IntroductionCard.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import IntroductionCard_vue_vue_type_script_setup_true_lang_default from "./IntroductionCard.vue.script.js";
 /* empty css                               */
 //#region src/blocks/scalar-info-block/components/IntroductionCard.vue
-var IntroductionCard_default = /* @__PURE__ */ _plugin_vue_export_helper_default(IntroductionCard_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5764c94a"]]);
+var IntroductionCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(IntroductionCard_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e60166e1"]]);
 //#endregion
 export { IntroductionCard_default as default };
 

package/dist/blocks/scalar-info-block/components/IntroductionCard.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntroductionCard.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/* Classic layout */\n@media (min-width: 600px) {\n  .introduction-card-row {\n    flex-flow: row wrap;\n  }\n}\n.introduction-card-row > * {\n  flex: 1;\n}\n@media (min-width: 600px) {\n  .introduction-card-row > * {\n    min-width: min-content;\n  }\n}\n@media (max-width: 600px) {\n  .introduction-card-row > * {\n    max-width: 100%;\n  }\n}\n@container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0px;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"IntroductionCard.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/*\n * Classic layout: a row of cards that stacks when the reference is narrow.\n * The reference is an embeddable widget, so the cards adapt to its rendered\n * width (see Content.vue), not to the viewport.\n */\n.introduction-card-row {\n  flex-flow: row wrap;\n}\n.introduction-card-row > * {\n  flex: 1;\n  min-width: min-content;\n}\n@container narrow-references-container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n  .introduction-card-row > * {\n    min-width: auto;\n    max-width: 100%;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":""}

package/dist/blocks/scalar-info-block/components/IntroductionCard.vue.script.js

@@ -1,6 +1,6 @@
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
 //#region src/blocks/scalar-info-block/components/IntroductionCard.vue?vue&type=script&setup=true&lang.ts
-var IntroductionCard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var IntroductionCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "IntroductionCard",
 	props: { row: { type: Boolean } },
 	setup(__props) {

package/dist/blocks/scalar-info-block/components/IntroductionCard.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntroductionCard.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/* Classic layout */\n@media (min-width: 600px) {\n  .introduction-card-row {\n    flex-flow: row wrap;\n  }\n}\n.introduction-card-row > * {\n  flex: 1;\n}\n@media (min-width: 600px) {\n  .introduction-card-row > * {\n    min-width: min-content;\n  }\n}\n@media (max-width: 600px) {\n  .introduction-card-row > * {\n    max-width: 100%;\n  }\n}\n@container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0px;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":";;;;;;;uBAOE,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,qBAAmB,EAAA,yBACU,QAAA,KAAG,CAAA,CAAA,EAAA,EAAA,CACtC,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"IntroductionCard.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { row } = defineProps<{\n  row?: boolean\n}>()\n</script>\n\n<template>\n  <div\n    class=\"introduction-card\"\n    :class=\"{ 'introduction-card-row': row }\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n/* Modern layout */\n.introduction-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.introduction-card-row {\n  gap: 24px;\n}\n/*\n * Classic layout: a row of cards that stacks when the reference is narrow.\n * The reference is an embeddable widget, so the cards adapt to its rendered\n * width (see Content.vue), not to the viewport.\n */\n.introduction-card-row {\n  flex-flow: row wrap;\n}\n.introduction-card-row > * {\n  flex: 1;\n  min-width: min-content;\n}\n@container narrow-references-container (max-width: 900px) {\n  .introduction-card-row {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 0;\n  }\n  .introduction-card-row > * {\n    min-width: auto;\n    max-width: 100%;\n  }\n}\n.introduction-card :deep(.security-scheme-label) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-semibold);\n}\n.introduction-card-row :deep(.scalar-card:nth-of-type(2) .scalar-card-header) {\n  display: none;\n}\n.introduction-card-row\n  :deep(\n    .scalar-card:nth-of-type(2)\n      .scalar-card-header.scalar-card--borderless\n      + .scalar-card-content\n  ) {\n  margin-top: 0;\n}\n</style>\n"],"mappings":";;;;;;;uBAOE,mBAIM,OAAA,EAHJ,OAAK,eAAA,CAAC,qBAAmB,EAAA,yBACU,QAAA,IAAG,CAAA,CAAA,EAAA,GAAA,CACtC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,GAAA,CAAA"}

package/dist/blocks/scalar-info-block/components/IntroductionCardItem.vue.js

@@ -7,7 +7,7 @@ var _hoisted_1 = { class: "introduction-card-item" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]);
 }
-var IntroductionCardItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfab866f"]]);
+var IntroductionCardItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dfab866f"]]);
 //#endregion
 export { IntroductionCardItem_default as default };
 

package/dist/blocks/scalar-info-block/components/IntroductionCardItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"IntroductionCardItem.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCardItem.vue"],"sourcesContent":["<template>\n  <div class=\"introduction-card-item\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.introduction-card-item {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.introduction-card-item:empty {\n  display: none;\n}\n.introduction-card-item:has(.description) :deep(.server-form-container) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.introduction-card-item :deep(.request-item) {\n  border-bottom: 0;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,0BAAwB;;qBAAnC,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"IntroductionCardItem.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionCardItem.vue"],"sourcesContent":["<template>\n  <div class=\"introduction-card-item\">\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n.introduction-card-item {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n}\n.introduction-card-item:empty {\n  display: none;\n}\n.introduction-card-item:has(.description) :deep(.server-form-container) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.introduction-card-item :deep(.request-item) {\n  border-bottom: 0;\n}\n</style>\n"],"mappings":";;;;;mBACO,OAAM,yBAAwB;;qBAAnC,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA"}

package/dist/blocks/scalar-info-block/components/IntroductionLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IntroductionLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/IntroductionLayout.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EACV,2BAA2B,EAC3B,UAAU,EACX,MAAM,8DAA8D,CAAA;AAoBrE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACrC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,SAAS,CAAA;IACjD,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAA;IAClD,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAuPF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,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":"IntroductionLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/blocks/scalar-info-block/components/IntroductionLayout.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EACV,2BAA2B,EAC3B,UAAU,EACX,MAAM,8DAA8D,CAAA;AAoBrE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,UAAU,CAAA;IACrC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAA;IACxC,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,SAAS,CAAA;IACjD,YAAY,CAAC,EAAE,2BAA2B,CAAA;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IACxC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,MAAM,CAAA;IAClD,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAwPF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACrD;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,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/blocks/scalar-info-block/components/IntroductionLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import IntroductionLayout_vue_vue_type_script_setup_true_lang_default from "./IntroductionLayout.vue.script.js";
 /* empty css                                 */
 //#region src/blocks/scalar-info-block/components/IntroductionLayout.vue
-var IntroductionLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(IntroductionLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d6744cde"]]);
+var IntroductionLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(IntroductionLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d6744cde"]]);
 //#endregion
 export { IntroductionLayout_default as default };
 

package/dist/blocks/scalar-info-block/components/IntroductionLayout.vue.script.js

@@ -16,7 +16,7 @@ import { Fragment, createBlock, createCommentVNode, createElementBlock, createEl
 //#region src/blocks/scalar-info-block/components/IntroductionLayout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex gap-1.5" };
 var _hoisted_2 = { class: "sticky-cards" };
-var IntroductionLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var IntroductionLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "IntroductionLayout",
 	props: {
 		id: {},