@scalar/api-reference 1.49.3 → 1.49.5

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

@@ -0,0 +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 { 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} = defineProps<{\n  /** Optional unique identifier for the info block. */\n  id?: string\n  /** Original openapi version of the input document */\n  oasVersion?: string\n  /** The Info object from the OpenAPI document. */\n  info: InfoObject | 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}>()\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    :eventBus=\"eventBus\"\n    :externalDocs\n    :headingSlugGenerator\n    :info\n    :infoExtensions\n    :oasVersion>\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        :documentUrl\n        :eventBus />\n    </template>\n  </IntroductionLayout>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,iBAAiB,eACrB,QAAA,WAAW,YAAY,UAAU,QACnC;;uBAIE,YAoBqB,4BAAA;IAnBlB,IAAA,QAAA;IACA,oBAAA,QAAA;IACA,UAAU,QAAA;IACV,cAAA,QAAA;IACA,sBAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,YAAA,QAAA;;KACU,eAAA,QAAgB,cAGN,CAFnB,YAEmB,0BAAA,EAFA,KAAK,QAAA,WAAM,WAAA,EAAA;4BACH,CAAzB,WAAyB,KAAA,QAAA,YAAA,CAAA,CAAA;;;IAGlB,iBAAa,cAIR,CAHd,YAGc,sBAAA;KAFX,sBAAA,QAAA;KACA,aAAA,QAAA;KACA,UAAA,QAAA"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+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-5065bb4a"]]);
+//#endregion
+export { InfoDescription_default as default };
+
+//# sourceMappingURL=InfoDescription.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoDescription.vue.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 type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport GitHubSlugger from 'github-slugger'\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 slugger = new GitHubSlugger()\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: slugger.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 slugger = new GitHubSlugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slugger.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":""}

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

@@ -0,0 +1,68 @@
+import InfoMarkdownSection_default from "./InfoMarkdownSection.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList } from "vue";
+import { getHeadings, isHeading, splitContent, textFromNode } from "@scalar/code-highlight/markdown";
+import GithubSlugger from "github-slugger";
+//#region src/blocks/scalar-info-block/components/InfoDescription.vue?vue&type=script&setup=true&lang.ts
+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({
+	__name: "InfoDescription",
+	props: {
+		eventBus: {},
+		headingSlugGenerator: { type: Function },
+		description: {}
+	},
+	setup(__props) {
+		/**
+		* Descriptions, but split into multiple sections.
+		* We need this to wrap the headings in IntersectionObserver components.
+		*/
+		const sections = computed(() => {
+			if (!__props.description) return [];
+			const slugger = new GithubSlugger();
+			return splitContent(__props.description).map((markdown) => {
+				const heading = getHeadings(markdown)[0];
+				return {
+					id: heading ? __props.headingSlugGenerator({
+						...heading,
+						slug: slugger.slug(heading.value)
+					}) : void 0,
+					content: markdown
+				};
+			});
+		});
+		/** Add ids to all headings */
+		const transformHeading = (node) => {
+			if (!isHeading(node)) return node;
+			const slugger = new GithubSlugger();
+			const value = textFromNode(node);
+			node.data = { hProperties: { id: __props.headingSlugGenerator({
+				depth: node.depth,
+				value,
+				slug: slugger.slug(value)
+			}) } };
+			return node;
+		};
+		return (_ctx, _cache) => {
+			return __props.description ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
+				return openBlock(), createBlock(InfoMarkdownSection_default, {
+					id: section.id,
+					key: section.id,
+					content: section.content,
+					eventBus: __props.eventBus,
+					transformHeading
+				}, null, 8, [
+					"id",
+					"content",
+					"eventBus"
+				]);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { InfoDescription_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=InfoDescription.vue.script.js.map

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

@@ -0,0 +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 type { Heading } from '@scalar/types/legacy'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport GitHubSlugger from 'github-slugger'\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 slugger = new GitHubSlugger()\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: slugger.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 slugger = new GitHubSlugger()\n\n  const value = textFromNode(node)\n\n  node.data = {\n    hProperties: {\n      id: headingSlugGenerator({\n        depth: node.depth,\n        value,\n        slug: slugger.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,UAAU,IAAI,eAAc;AAqBlC,UAnBc,aAAa,QAAA,YAAY,CAAC,KAAK,aAAa;IAGxD,MAAM,UADW,YAAY,SAAQ,CACZ;AAUzB,WAAO;KACL,IARS,UACP,QAAA,qBAAqB;MACnB,GAAG;MACH,MAAM,QAAQ,KAAK,QAAQ,MAAM;MAClC,CAAA,GACD,KAAA;KAIF,SAAS;KACX;KACD;IAGF;;EAGD,MAAM,oBAAoB,SAAe;AACvC,OAAI,CAAC,UAAU,KAAK,CAClB,QAAO;GAGT,MAAM,UAAU,IAAI,eAAc;GAElC,MAAM,QAAQ,aAAa,KAAI;AAE/B,QAAK,OAAO,EACV,aAAa,EACX,IAAI,QAAA,qBAAqB;IACvB,OAAO,KAAK;IACZ;IACA,MAAM,QAAQ,KAAK,MAAM;IAC1B,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"}

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

@@ -0,0 +1,7 @@
+import InfoLinks_vue_vue_type_script_setup_true_lang_default from "./InfoLinks.vue.script.js";
+//#region src/blocks/scalar-info-block/components/InfoLinks.vue
+var InfoLinks_default = InfoLinks_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InfoLinks_default as default };
+
+//# sourceMappingURL=InfoLinks.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoLinks.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/InfoLinks.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { Contact, License, TermsOfService } from '@/features/info-object'\n\ndefineProps<{\n  info: InfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <LinkList>\n    <ExternalDocs :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"info.license\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n  </LinkList>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,40 @@
+import LinkList_default from "../../../components/LinkList/LinkList.vue.js";
+import ExternalDocs_default from "../../../features/external-docs/ExternalDocs.vue.js";
+import Contact_default from "../../../features/info-object/Contact.vue.js";
+import License_default from "../../../features/info-object/License.vue.js";
+import TermsOfService_default from "../../../features/info-object/TermsOfService.vue.js";
+import { createBlock, createCommentVNode, createVNode, defineComponent, openBlock, unref, withCtx } from "vue";
+//#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({
+	__name: "InfoLinks",
+	props: {
+		info: {},
+		externalDocs: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(LinkList_default), null, {
+				default: withCtx(() => [
+					createVNode(unref(ExternalDocs_default), { value: __props.externalDocs }, null, 8, ["value"]),
+					__props.info.contact ? (openBlock(), createBlock(unref(Contact_default), {
+						key: 0,
+						value: __props.info.contact
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					__props.info.license ? (openBlock(), createBlock(unref(License_default), {
+						key: 1,
+						value: __props.info.license
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					__props.info.termsOfService ? (openBlock(), createBlock(unref(TermsOfService_default), {
+						key: 2,
+						value: __props.info.termsOfService
+					}, null, 8, ["value"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { InfoLinks_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=InfoLinks.vue.script.js.map

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

@@ -0,0 +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 {\n  ExternalDocumentationObject,\n  InfoObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { LinkList } from '@/components/LinkList'\nimport { ExternalDocs } from '@/features/external-docs'\nimport { Contact, License, TermsOfService } from '@/features/info-object'\n\ndefineProps<{\n  info: InfoObject\n  externalDocs?: ExternalDocumentationObject\n}>()\n</script>\n\n<template>\n  <LinkList>\n    <ExternalDocs :value=\"externalDocs\" />\n    <Contact\n      v-if=\"info.contact\"\n      :value=\"info.contact\" />\n    <License\n      v-if=\"info.license\"\n      :value=\"info.license\" />\n    <TermsOfService\n      v-if=\"info.termsOfService\"\n      :value=\"info.termsOfService\" />\n  </LinkList>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;uBAiBE,YAWW,MAAA,iBAAA,EAAA,MAAA;2BAV6B;KAAtC,YAAsC,MAAA,qBAAA,EAAA,EAAvB,OAAO,QAAA,cAAY,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;KAE1B,QAAA,KAAK,WAAA,WAAA,EADb,YAE0B,MAAA,gBAAA,EAAA;;MAAvB,OAAO,QAAA,KAAK;;KAEP,QAAA,KAAK,WAAA,WAAA,EADb,YAE0B,MAAA,gBAAA,EAAA;;MAAvB,OAAO,QAAA,KAAK;;KAEP,QAAA,KAAK,kBAAA,WAAA,EADb,YAEiC,MAAA,uBAAA,EAAA;;MAA9B,OAAO,QAAA,KAAK"}

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

@@ -0,0 +1,7 @@
+import InfoMarkdownSection_vue_vue_type_script_setup_true_lang_default from "./InfoMarkdownSection.vue.script.js";
+//#region src/blocks/scalar-info-block/components/InfoMarkdownSection.vue
+var InfoMarkdownSection_default = InfoMarkdownSection_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InfoMarkdownSection_default as default };
+
+//# sourceMappingURL=InfoMarkdownSection.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoMarkdownSection.vue.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'\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":""}

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

@@ -0,0 +1,35 @@
+import { useIntersection } from "../../../hooks/use-intersection.js";
+import { createElementBlock, createVNode, defineComponent, openBlock, unref, useTemplateRef } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+//#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({
+	__name: "InfoMarkdownSection",
+	props: {
+		id: {},
+		content: {},
+		transformHeading: { type: Function },
+		eventBus: {}
+	},
+	setup(__props) {
+		const element = useTemplateRef("element");
+		useIntersection(element, () => __props.id ? __props.eventBus?.emit("intersecting:nav-item", { id: __props.id }) : void 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.id,
+				ref_key: "element",
+				ref: element,
+				class: "introduction-description-heading scroll-mt-16"
+			}, [createVNode(unref(ScalarMarkdown), {
+				transform: __props.transformHeading,
+				transformType: "heading",
+				value: __props.content,
+				withImages: ""
+			}, null, 8, ["transform", "value"])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { InfoMarkdownSection_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=InfoMarkdownSection.vue.script.js.map

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

@@ -0,0 +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'\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"}

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

@@ -0,0 +1,7 @@
+import InfoVersion_vue_vue_type_script_setup_true_lang_default from "./InfoVersion.vue.script.js";
+//#region src/blocks/scalar-info-block/components/InfoVersion.vue
+var InfoVersion_default = InfoVersion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InfoVersion_default as default };
+
+//# sourceMappingURL=InfoVersion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoVersion.vue.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":""}

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

@@ -0,0 +1,25 @@
+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({
+	__name: "InfoVersion",
+	props: { version: {} },
+	setup(__props) {
+		/** Format the version number to be displayed in the badge */
+		const prefixedVersion = computed(() => {
+			if (__props.version == null) return __props.version;
+			const versionString = String(__props.version);
+			return /^\d/.test(versionString) ? `v${versionString}` : versionString;
+		});
+		return (_ctx, _cache) => {
+			return prefixedVersion.value ? (openBlock(), createBlock(unref(Badge_default), { key: 0 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(prefixedVersion.value), 1)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { InfoVersion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=InfoVersion.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+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"]]);
+//#endregion
+export { IntroductionCard_default as default };
+
+//# sourceMappingURL=IntroductionCard.vue.js.map

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,15 @@
+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({
+	__name: "IntroductionCard",
+	props: { row: { type: Boolean } },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["introduction-card", { "introduction-card-row": __props.row }]) }, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2);
+		};
+	}
+});
+//#endregion
+export { IntroductionCard_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=IntroductionCard.vue.script.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+/* empty css                                   */
+import { createElementBlock, openBlock, renderSlot } from "vue";
+//#region src/blocks/scalar-info-block/components/IntroductionCardItem.vue
+var _sfc_main = {};
+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"]]);
+//#endregion
+export { IntroductionCardItem_default as default };
+
+//# sourceMappingURL=IntroductionCardItem.vue.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+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-0b1e2255"]]);
+//#endregion
+export { IntroductionLayout_default as default };
+
+//# sourceMappingURL=IntroductionLayout.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntroductionLayout.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\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'\n\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContainer,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport InfoDescription from './InfoDescription.vue'\nimport InfoLinks from './InfoLinks.vue'\nimport InfoVersion from './InfoVersion.vue'\nimport OpenApiVersion from './OpenApiVersion.vue'\n\ndefineProps<{\n  id: string | undefined\n  oasVersion: string | undefined\n  info: InfoObject | undefined\n  externalDocs?: ExternalDocumentationObject\n  documentExtensions?: Record<string, unknown>\n  infoExtensions?: Record<string, unknown>\n  headingSlugGenerator: (heading: Heading) => string\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainer>\n    <!-- If the #after slot is used, we need to add a gap to the section. -->\n    <Section\n      :id=\"id\"\n      aria-label=\"Introduction\"\n      class=\"introduction-section z-1 gap-12\"\n      @intersecting=\"\n        () => id && eventBus?.emit('intersecting:nav-item', { id })\n      \">\n      <SectionContent :loading=\"!info\">\n        <div class=\"flex gap-1.5\">\n          <InfoVersion\n            v-if=\"info\"\n            :version=\"info?.version\" />\n          <OpenApiVersion :oasVersion=\"oasVersion\" />\n        </div>\n        <SectionHeader\n          :loading=\"!info?.title\"\n          tight>\n          <SectionHeaderTag :level=\"1\">\n            {{ info?.title }}\n          </SectionHeaderTag>\n          <template #links>\n            <InfoLinks\n              v-if=\"info\"\n              :externalDocs=\"externalDocs\"\n              :info=\"info\" />\n          </template>\n        </SectionHeader>\n        <SectionColumns>\n          <SectionColumn>\n            <slot name=\"download-link\" />\n            <InfoDescription\n              :description=\"info?.description\"\n              :eventBus=\"eventBus\"\n              :headingSlugGenerator=\"headingSlugGenerator\" />\n          </SectionColumn>\n          <SectionColumn v-if=\"$slots.aside\">\n            <div class=\"sticky-cards\">\n              <slot name=\"aside\" />\n            </div>\n          </SectionColumn>\n        </SectionColumns>\n        <SpecificationExtension :value=\"documentExtensions\" />\n        <SpecificationExtension :value=\"infoExtensions\" />\n      </SectionContent>\n      <slot name=\"after\" />\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.sticky-cards {\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,92 @@
+import Section_default from "../../../components/Section/Section.vue.js";
+import SectionColumn_default from "../../../components/Section/SectionColumn.vue.js";
+import SectionColumns_default from "../../../components/Section/SectionColumns.vue.js";
+import SectionContainer_default from "../../../components/Section/SectionContainer.vue.js";
+import SectionContent_default from "../../../components/Section/SectionContent.vue.js";
+import SectionHeader_default from "../../../components/Section/SectionHeader.vue.js";
+import SectionHeaderTag_default from "../../../components/Section/SectionHeaderTag.vue.js";
+import SpecificationExtension_default from "../../../features/specification-extension/SpecificationExtension.vue.js";
+import InfoDescription_default from "./InfoDescription.vue.js";
+import InfoLinks_default from "./InfoLinks.vue.js";
+import InfoVersion_default from "./InfoVersion.vue.js";
+import OpenApiVersion_default from "./OpenApiVersion.vue.js";
+import { createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+//#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({
+	__name: "IntroductionLayout",
+	props: {
+		id: {},
+		oasVersion: {},
+		info: {},
+		externalDocs: {},
+		documentExtensions: {},
+		infoExtensions: {},
+		headingSlugGenerator: { type: Function },
+		eventBus: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(SectionContainer_default), null, {
+				default: withCtx(() => [createVNode(unref(Section_default), {
+					id: __props.id,
+					"aria-label": "Introduction",
+					class: "introduction-section z-1 gap-12",
+					onIntersecting: _cache[0] || (_cache[0] = () => __props.id && __props.eventBus?.emit("intersecting:nav-item", { id: __props.id }))
+				}, {
+					default: withCtx(() => [createVNode(unref(SectionContent_default), { loading: !__props.info }, {
+						default: withCtx(() => [
+							createElementVNode("div", _hoisted_1, [__props.info ? (openBlock(), createBlock(InfoVersion_default, {
+								key: 0,
+								version: __props.info?.version
+							}, null, 8, ["version"])) : createCommentVNode("", true), createVNode(OpenApiVersion_default, { oasVersion: __props.oasVersion }, null, 8, ["oasVersion"])]),
+							createVNode(unref(SectionHeader_default), {
+								loading: !__props.info?.title,
+								tight: ""
+							}, {
+								links: withCtx(() => [__props.info ? (openBlock(), createBlock(InfoLinks_default, {
+									key: 0,
+									externalDocs: __props.externalDocs,
+									info: __props.info
+								}, null, 8, ["externalDocs", "info"])) : createCommentVNode("", true)]),
+								default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), { level: 1 }, {
+									default: withCtx(() => [createTextVNode(toDisplayString(__props.info?.title), 1)]),
+									_: 1
+								})]),
+								_: 1
+							}, 8, ["loading"]),
+							createVNode(unref(SectionColumns_default), null, {
+								default: withCtx(() => [createVNode(unref(SectionColumn_default), null, {
+									default: withCtx(() => [renderSlot(_ctx.$slots, "download-link", {}, void 0, true), createVNode(InfoDescription_default, {
+										description: __props.info?.description,
+										eventBus: __props.eventBus,
+										headingSlugGenerator: __props.headingSlugGenerator
+									}, null, 8, [
+										"description",
+										"eventBus",
+										"headingSlugGenerator"
+									])]),
+									_: 3
+								}), _ctx.$slots.aside ? (openBlock(), createBlock(unref(SectionColumn_default), { key: 0 }, {
+									default: withCtx(() => [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "aside", {}, void 0, true)])]),
+									_: 3
+								})) : createCommentVNode("", true)]),
+								_: 3
+							}),
+							createVNode(unref(SpecificationExtension_default), { value: __props.documentExtensions }, null, 8, ["value"]),
+							createVNode(unref(SpecificationExtension_default), { value: __props.infoExtensions }, null, 8, ["value"])
+						]),
+						_: 3
+					}, 8, ["loading"]), renderSlot(_ctx.$slots, "after", {}, void 0, true)]),
+					_: 3
+				}, 8, ["id"])]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { IntroductionLayout_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=IntroductionLayout.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IntroductionLayout.vue.script.js","names":["$slots"],"sources":["../../../../src/blocks/scalar-info-block/components/IntroductionLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\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'\n\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContainer,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport InfoDescription from './InfoDescription.vue'\nimport InfoLinks from './InfoLinks.vue'\nimport InfoVersion from './InfoVersion.vue'\nimport OpenApiVersion from './OpenApiVersion.vue'\n\ndefineProps<{\n  id: string | undefined\n  oasVersion: string | undefined\n  info: InfoObject | undefined\n  externalDocs?: ExternalDocumentationObject\n  documentExtensions?: Record<string, unknown>\n  infoExtensions?: Record<string, unknown>\n  headingSlugGenerator: (heading: Heading) => string\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainer>\n    <!-- If the #after slot is used, we need to add a gap to the section. -->\n    <Section\n      :id=\"id\"\n      aria-label=\"Introduction\"\n      class=\"introduction-section z-1 gap-12\"\n      @intersecting=\"\n        () => id && eventBus?.emit('intersecting:nav-item', { id })\n      \">\n      <SectionContent :loading=\"!info\">\n        <div class=\"flex gap-1.5\">\n          <InfoVersion\n            v-if=\"info\"\n            :version=\"info?.version\" />\n          <OpenApiVersion :oasVersion=\"oasVersion\" />\n        </div>\n        <SectionHeader\n          :loading=\"!info?.title\"\n          tight>\n          <SectionHeaderTag :level=\"1\">\n            {{ info?.title }}\n          </SectionHeaderTag>\n          <template #links>\n            <InfoLinks\n              v-if=\"info\"\n              :externalDocs=\"externalDocs\"\n              :info=\"info\" />\n          </template>\n        </SectionHeader>\n        <SectionColumns>\n          <SectionColumn>\n            <slot name=\"download-link\" />\n            <InfoDescription\n              :description=\"info?.description\"\n              :eventBus=\"eventBus\"\n              :headingSlugGenerator=\"headingSlugGenerator\" />\n          </SectionColumn>\n          <SectionColumn v-if=\"$slots.aside\">\n            <div class=\"sticky-cards\">\n              <slot name=\"aside\" />\n            </div>\n          </SectionColumn>\n        </SectionColumns>\n        <SpecificationExtension :value=\"documentExtensions\" />\n        <SpecificationExtension :value=\"infoExtensions\" />\n      </SectionContent>\n      <slot name=\"after\" />\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.sticky-cards {\n  display: flex;\n  flex-direction: column;\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAqCE,YAgDmB,MAAA,yBAAA,EAAA,MAAA;2BADP,CA7CV,YA6CU,MAAA,gBAAA,EAAA;KA5CP,IAAI,QAAA;KACL,cAAW;KACX,OAAM;KACL,gBAAY,OAAA,OAAA,OAAA,WAAiB,QAAA,MAAM,QAAA,UAAU,KAAI,yBAAA,EAAA,IAA4B,QAAA,IAAE,CAAA;;4BAuC/D,CApCjB,YAoCiB,MAAA,uBAAA,EAAA,EApCA,SAAO,CAAG,QAAA,MAAA,EAAA;6BAMnB;OALN,mBAKM,OALN,YAKM,CAHI,QAAA,QAAA,WAAA,EADR,YAE6B,qBAAA;;QAA1B,SAAS,QAAA,MAAM;iEAClB,YAA2C,wBAAA,EAA1B,YAAY,QAAA,YAAU,EAAA,MAAA,GAAA,CAAA,aAAA,CAAA,CAAA,CAAA;OAEzC,YAYgB,MAAA,sBAAA,EAAA;QAXb,SAAO,CAAG,QAAA,MAAM;QACjB,OAAA;;QAIW,OAAK,cAIG,CAFT,QAAA,QAAA,WAAA,EADR,YAGiB,mBAAA;;SADd,cAAc,QAAA;SACd,MAAM,QAAA;;+BALQ,CAFnB,YAEmB,MAAA,yBAAA,EAAA,EAFA,OAAO,GAAC,EAAA;gCACR,CAAA,gBAAA,gBAAd,QAAA,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;OASlB,YAaiB,MAAA,uBAAA,EAAA,MAAA;+BANC,CANhB,YAMgB,MAAA,sBAAA,EAAA,MAAA;gCALe,CAA7B,WAA6B,KAAA,QAAA,iBAAA,EAAA,EAAA,KAAA,GAAA,KAAA,EAC7B,YAGiD,yBAAA;UAF9C,aAAa,QAAA,MAAM;UACnB,UAAU,QAAA;UACV,sBAAsB,QAAA;;;;;;;YAENA,KAAAA,OAAO,SAAA,WAAA,EAA5B,YAIgB,MAAA,sBAAA,EAAA,EAAA,KAAA,GAAA,EAAA;gCADR,CAFN,mBAEM,OAFN,YAEM,CADJ,WAAqB,KAAA,QAAA,SAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,CAAA,CAAA;;;;;OAI3B,YAAsD,MAAA,+BAAA,EAAA,EAA7B,OAAO,QAAA,oBAAkB,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;OAClD,YAAkD,MAAA,+BAAA,EAAA,EAAzB,OAAO,QAAA,gBAAc,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA;;;yBAEhD,WAAqB,KAAA,QAAA,SAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

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

@@ -0,0 +1,7 @@
+import OpenApiVersion_vue_vue_type_script_setup_true_lang_default from "./OpenApiVersion.vue.script.js";
+//#region src/blocks/scalar-info-block/components/OpenApiVersion.vue
+var OpenApiVersion_default = OpenApiVersion_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { OpenApiVersion_default as default };
+
+//# sourceMappingURL=OpenApiVersion.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenApiVersion.vue.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/OpenApiVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Badge } from '@/components/Badge'\n\ndefineProps<{\n  oasVersion?: string\n}>()\n</script>\n\n<template>\n  <Badge v-if=\"oasVersion\">OAS {{ oasVersion }}</Badge>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,19 @@
+import Badge_default from "../../../components/Badge/Badge.vue.js";
+import { createBlock, createCommentVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+//#region src/blocks/scalar-info-block/components/OpenApiVersion.vue?vue&type=script&setup=true&lang.ts
+var OpenApiVersion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "OpenApiVersion",
+	props: { oasVersion: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return __props.oasVersion ? (openBlock(), createBlock(unref(Badge_default), { key: 0 }, {
+				default: withCtx(() => [createTextVNode("OAS " + toDisplayString(__props.oasVersion), 1)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { OpenApiVersion_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=OpenApiVersion.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenApiVersion.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-info-block/components/OpenApiVersion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Badge } from '@/components/Badge'\n\ndefineProps<{\n  oasVersion?: string\n}>()\n</script>\n\n<template>\n  <Badge v-if=\"oasVersion\">OAS {{ oasVersion }}</Badge>\n</template>\n"],"mappings":";;;;;;;;UASe,QAAA,cAAA,WAAA,EAAb,YAAqD,MAAA,cAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BAAxB,CAAA,gBAAJ,SAAI,gBAAG,QAAA,WAAU,EAAA,EAAA,CAAA,CAAA"}

package/dist/blocks/scalar-info-block/index.d.ts

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

package/dist/blocks/scalar-server-selector-block/components/Selector.vue.js

@@ -0,0 +1,7 @@
+import Selector_vue_vue_type_script_setup_true_lang_default from "./Selector.vue.script.js";
+//#region src/blocks/scalar-server-selector-block/components/Selector.vue
+var Selector_default = Selector_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Selector_default as default };
+
+//# sourceMappingURL=Selector.vue.js.map

package/dist/blocks/scalar-server-selector-block/components/Selector.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.vue.js","names":[],"sources":["../../../../src/blocks/scalar-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none !rounded-b-xl px-3 py-1.5 text-base/5.25 font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 !rounded-b-xl px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":""}

package/dist/blocks/scalar-server-selector-block/components/Selector.vue.script.js

@@ -0,0 +1,71 @@
+import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton, ScalarListbox } from "@scalar/components";
+import { ScalarIconCaretDown } from "@scalar/icons";
+//#region src/blocks/scalar-server-selector-block/components/Selector.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "overflow-x-auto" };
+var _hoisted_2 = {
+	key: 1,
+	class: "text-c-1 flex h-auto w-full items-center gap-0.75 !rounded-b-xl px-3 py-1.5 text-base leading-[20px] whitespace-nowrap"
+};
+var _hoisted_3 = { class: "overflow-x-auto" };
+var Selector_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Selector",
+	props: {
+		selectedServer: {},
+		servers: {},
+		target: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		const serverOptions = computed(() => __props.servers.map((server) => ({
+			id: server.url,
+			label: server.url
+		})));
+		const serverUrlWithoutTrailingSlash = computed(() => __props.selectedServer?.url?.replace(/\/$/, "") || "");
+		const selectedServerOption = computed(() => serverOptions.value.find((opt) => opt.id === __props.selectedServer?.url));
+		__expose({
+			servers: __props.servers,
+			serverUrlWithoutTrailingSlash,
+			serverOptions,
+			selectedServer: __props.selectedServer
+		});
+		return (_ctx, _cache) => {
+			return serverOptions.value.length > 1 ? (openBlock(), createBlock(unref(ScalarListbox), {
+				key: 0,
+				ref: "elem",
+				class: "group",
+				modelValue: selectedServerOption.value,
+				options: serverOptions.value,
+				placement: "bottom-start",
+				resize: "",
+				target: __props.target,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = (e) => emit("update:modelValue", e.id))
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarButton), {
+					class: "bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none !rounded-b-xl px-3 py-1.5 text-base/5.25 font-normal whitespace-nowrap -outline-offset-1",
+					variant: "ghost"
+				}, {
+					default: withCtx(() => [
+						_cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)),
+						createElementVNode("span", _hoisted_1, toDisplayString(serverUrlWithoutTrailingSlash.value || "Select a server"), 1),
+						createVNode(unref(ScalarIconCaretDown), {
+							class: "text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100",
+							weight: "bold"
+						})
+					]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"options",
+				"target"
+			])) : (openBlock(), createElementBlock("div", _hoisted_2, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "sr-only" }, "Server:", -1)), createElementVNode("span", _hoisted_3, toDisplayString(serverUrlWithoutTrailingSlash.value), 1)]));
+		};
+	}
+});
+//#endregion
+export { Selector_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Selector.vue.script.js.map

package/dist/blocks/scalar-server-selector-block/components/Selector.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selector.vue.script.js","names":[],"sources":["../../../../src/blocks/scalar-server-selector-block/components/Selector.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton, ScalarListbox } from '@scalar/components'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nconst { target, servers, selectedServer } = defineProps<{\n  /** The selected server URL */\n  selectedServer: ServerObject | null\n  /** Available servers */\n  servers: ServerObject[]\n  /** The id of the target to use for the popover (e.g. address bar) */\n  target: string\n}>()\n\nconst emit = defineEmits<{\n  /** Emitted when the selected server changes */\n  (e: 'update:modelValue', value: string): void\n}>()\n\nconst serverOptions = computed(() =>\n  servers.map((server) => ({\n    id: server.url,\n    label: server.url,\n  })),\n)\n\nconst serverUrlWithoutTrailingSlash = computed(\n  () => selectedServer?.url?.replace(/\\/$/, '') || '',\n)\n\nconst selectedServerOption = computed(() =>\n  serverOptions.value.find((opt) => opt.id === selectedServer?.url),\n)\n\n// For testing\ndefineExpose({\n  servers,\n  serverUrlWithoutTrailingSlash,\n  serverOptions,\n  selectedServer,\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"serverOptions.length > 1\"\n    ref=\"elem\"\n    class=\"group\"\n    :modelValue=\"selectedServerOption\"\n    :options=\"serverOptions\"\n    placement=\"bottom-start\"\n    resize\n    :target=\"target\"\n    @update:modelValue=\"(e) => emit('update:modelValue', e.id)\">\n    <ScalarButton\n      class=\"bg-b-1 text-c-1 h-auto w-full justify-start gap-1.5 overflow-x-auto rounded-t-none !rounded-b-xl px-3 py-1.5 text-base/5.25 font-normal whitespace-nowrap -outline-offset-1\"\n      variant=\"ghost\">\n      <span class=\"sr-only\">Server:</span>\n      <span class=\"overflow-x-auto\">{{\n        serverUrlWithoutTrailingSlash || 'Select a server'\n      }}</span>\n      <ScalarIconCaretDown\n        class=\"text-c-2 ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"text-c-1 flex h-auto w-full items-center gap-0.75 !rounded-b-xl px-3 py-1.5 text-base leading-[20px] whitespace-nowrap\">\n    <span class=\"sr-only\">Server:</span>\n    <span class=\"overflow-x-auto\">{{ serverUrlWithoutTrailingSlash }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAeA,MAAM,OAAO;EAKb,MAAM,gBAAgB,eACpB,QAAA,QAAQ,KAAK,YAAY;GACvB,IAAI,OAAO;GACX,OAAO,OAAO;GACf,EAAE,CACL;EAEA,MAAM,gCAAgC,eAC9B,QAAA,gBAAgB,KAAK,QAAQ,OAAO,GAAG,IAAI,GACnD;EAEA,MAAM,uBAAuB,eAC3B,cAAc,MAAM,MAAM,QAAQ,IAAI,OAAO,QAAA,gBAAgB,IAAI,CACnE;AAGA,WAAa;GACX,SAAM,QAAA;GACN;GACA;GACA,gBAAa,QAAA;GACd,CAAA;;UAIS,cAAA,MAAc,SAAM,KAAA,WAAA,EAD5B,YAqBgB,MAAA,cAAA,EAAA;;IAnBd,KAAI;IACJ,OAAM;IACL,YAAY,qBAAA;IACZ,SAAS,cAAA;IACV,WAAU;IACV,QAAA;IACC,QAAQ,QAAA;IACR,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAE,GAAE;;2BAW1C,CAVf,YAUe,MAAA,aAAA,EAAA;KATb,OAAM;KACN,SAAQ;;4BAC4B;gCAApC,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA;MAC7B,mBAES,QAFT,YAES,gBADP,8BAAA,SAA6B,kBAAA,EAAA,EAAA;MAE/B,YAEkB,MAAA,oBAAA,EAAA;OADhB,OAAM;OACN,QAAO;;;;;;;;;;uBAGb,mBAKM,OALN,YAKM,CAAA,OAAA,OAAA,OAAA,KAFJ,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAC7B,mBAAwE,QAAxE,YAAwE,gBAAvC,8BAAA,MAA6B,EAAA,EAAA,CAAA,CAAA"}