@scalar/api-reference 1.60.0 → 1.61.0

package/dist/components/Content/AsyncApi/Channel.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.vue.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Channel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type {\n  AsyncApiChannelObject,\n  AsyncApiDocument,\n} from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getResolvedRef,\n  mergeSiblingReferences,\n} from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { TraversedAsyncApiChannel } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  Section,\n  SectionContainer,\n  SectionContainerAccordion,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport ParameterList from '@/features/Operation/components/ParameterList.vue'\n\nimport { adaptAsyncApiParameters } from './helpers/adapt-async-api-parameters'\n\n/** Subset of the configuration the shared `ParameterList` renderer needs. */\ntype ParameterListOptions = Pick<\n  ApiReferenceConfigurationRaw,\n  | 'hideModels'\n  | 'orderRequiredPropertiesFirst'\n  | 'orderSchemaPropertiesBy'\n  | 'expandAllSchemaProperties'\n>\n\nconst { channel, document, layout, isCollapsed, eventBus, options } =\n  defineProps<{\n    channel: TraversedAsyncApiChannel\n    document: AsyncApiDocument\n    layout: 'classic' | 'modern'\n    isCollapsed: boolean\n    eventBus: WorkspaceEventBus | null\n    options?: Partial<ParameterListOptions>\n  }>()\n\nconst headerId = useId()\n\n/**\n * Resolve the channel from the document so we can read its description.\n * The navigation entry only carries the address and identifying keys.\n */\nconst resolvedChannel = computed<AsyncApiChannelObject | undefined>(() => {\n  const node = document.channels?.[channel.channelName]\n  return node ? getResolvedRef(node, mergeSiblingReferences) : undefined\n})\n\nconst description = computed(() => resolvedChannel.value?.description ?? '')\n\n/**\n * Heading shown above each channel section.\n *\n * Prefers the human-friendly `channel.title` when it is set, then falls back\n * to `channel.address`, and finally to the channel map key.\n * `channel.channelAddress` already encodes the address-or-key fallback during\n * navigation traversal, so we only need to overlay `title` on top of it.\n */\nconst headingText = computed(() => {\n  const title = resolvedChannel.value?.title?.trim()\n  return title || channel.channelAddress\n})\n\n/**\n * Channel address parameters mapped into the OpenAPI parameter shape so we can reuse the shared\n * `ParameterList` component instead of building a dedicated AsyncAPI renderer.\n */\nconst parameters = computed(() =>\n  adaptAsyncApiParameters(resolvedChannel.value?.parameters),\n)\n\n/** Fill in defaults so the shared renderer always receives a complete options object. */\nconst parameterListOptions = computed<ParameterListOptions>(() => ({\n  hideModels: options?.hideModels ?? false,\n  orderRequiredPropertiesFirst: options?.orderRequiredPropertiesFirst ?? false,\n  orderSchemaPropertiesBy: options?.orderSchemaPropertiesBy ?? 'preserve',\n  expandAllSchemaProperties: options?.expandAllSchemaProperties ?? false,\n}))\n</script>\n\n<template>\n  <SectionContainerAccordion\n    v-if=\"layout === 'classic'\"\n    :aria-label=\"headingText\"\n    class=\"channel-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) =>\n        eventBus?.emit('toggle:nav-item', { id: channel.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"channel-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"channel-description\"\n        :value=\"description\"\n        withImages />\n    </template>\n    <ParameterList\n      v-if=\"parameters.length\"\n      :eventBus=\"eventBus\"\n      :options=\"parameterListOptions\"\n      :parameters=\"parameters\">\n      <template #title>Parameters</template>\n    </ParameterList>\n  </SectionContainerAccordion>\n\n  <SectionContainer\n    v-else\n    :aria-labelledby=\"headerId\"\n    role=\"region\">\n    <Section\n      :id=\"channel.id\"\n      role=\"none\"\n      @intersecting=\"\n        () => eventBus?.emit('intersecting:nav-item', { id: channel.id })\n      \">\n      <SectionHeader>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag\n            :id=\"headerId\"\n            :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <SectionContent>\n        <ScalarMarkdown\n          :value=\"description\"\n          withImages />\n        <ParameterList\n          v-if=\"parameters.length\"\n          :eventBus=\"eventBus\"\n          :options=\"parameterListOptions\"\n          :parameters=\"parameters\">\n          <template #title>Parameters</template>\n        </ParameterList>\n      </SectionContent>\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.channel-section {\n  margin-bottom: 48px;\n}\n.channel-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Channel.vue.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Channel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedAsyncApiChannel,\n  TraversedAsyncApiOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  Section,\n  SectionContainer,\n  SectionContainerAccordion,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport ParameterList from '@/features/Operation/components/ParameterList.vue'\n\nimport AsyncApiLabels from './AsyncApiLabels.vue'\nimport { adaptAsyncApiParameters } from './helpers/adapt-async-api-parameters'\nimport {\n  resolveSchemaRenderOptions,\n  type AsyncApiSchemaRenderOptions,\n} from './helpers/async-api-render-options'\nimport { filterChildrenByType } from './helpers/filter-children-by-type'\nimport { getChannelServerLabels } from './helpers/get-async-api-labels'\nimport { pickHeading } from './helpers/pick-heading'\nimport { resolveAsyncApiChannel } from './helpers/resolve-async-api-nodes'\nimport Operation from './Operation.vue'\n\n/** Subset of the configuration the shared `ParameterList` renderer needs. */\ntype ParameterListOptions = AsyncApiSchemaRenderOptions &\n  Pick<ApiReferenceConfigurationRaw, 'hideModels'>\n\nconst {\n  channel,\n  document,\n  layout,\n  isCollapsed,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  channel: TraversedAsyncApiChannel\n  document: AsyncApiDocument\n  layout: 'classic' | 'modern'\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<ParameterListOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\n\n/**\n * Resolve the channel from the document so we can read its description.\n * The navigation entry only carries the address and identifying keys.\n */\nconst resolvedChannel = computed(() =>\n  resolveAsyncApiChannel(document, channel.channelName),\n)\n\nconst description = computed(() => resolvedChannel.value?.description ?? '')\n\n/**\n * Heading shown above each channel section.\n *\n * Prefers the human-friendly `channel.title` when it is set, then falls back\n * to `channel.address`. `channel.channelAddress` already encodes the\n * address-or-key fallback during navigation traversal, so we only need to\n * overlay `title` on top of it.\n */\nconst headingText = computed(() =>\n  pickHeading(resolvedChannel.value?.title, channel.channelAddress),\n)\n\n/**\n * Channel address parameters mapped into the OpenAPI parameter shape so we can reuse the shared\n * `ParameterList` component instead of building a dedicated AsyncAPI renderer.\n */\nconst parameters = computed(() =>\n  adaptAsyncApiParameters(resolvedChannel.value?.parameters),\n)\n\n/** Fill in defaults so the shared renderer always receives a complete options object. */\nconst parameterListOptions = computed<ParameterListOptions>(() => ({\n  hideModels: options?.hideModels ?? false,\n  ...resolveSchemaRenderOptions(options),\n}))\n\n/**\n * Server-name and protocol labels for the channel, resolved from `document.servers`\n * (restricted to `channel.servers` when declared) and rendered as pills in the header.\n */\nconst labels = computed(() =>\n  getChannelServerLabels(document, resolvedChannel.value),\n)\n\n/** Operations that target this channel, rendered nested beneath the channel content. */\nconst operations = computed(() =>\n  filterChildrenByType<TraversedAsyncApiOperation>(\n    channel.children,\n    'asyncapi-operation',\n  ),\n)\n</script>\n\n<template>\n  <SectionContainerAccordion\n    v-if=\"layout === 'classic'\"\n    :aria-label=\"headingText\"\n    class=\"channel-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) =>\n        eventBus?.emit('toggle:nav-item', { id: channel.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"channel-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <AsyncApiLabels\n        class=\"channel-labels\"\n        :protocols=\"labels.protocols\"\n        :servers=\"labels.servers\" />\n      <ScalarMarkdown\n        class=\"channel-description\"\n        :value=\"description\"\n        withImages />\n    </template>\n    <ParameterList\n      v-if=\"parameters.length\"\n      :eventBus=\"eventBus\"\n      :options=\"parameterListOptions\"\n      :parameters=\"parameters\">\n      <template #title>Parameters</template>\n    </ParameterList>\n    <Operation\n      v-for=\"operation in operations\"\n      :key=\"operation.id\"\n      :document=\"document\"\n      :eventBus=\"eventBus\"\n      :expandedItems=\"expandedItems\"\n      :operation=\"operation\"\n      :options=\"options\" />\n  </SectionContainerAccordion>\n\n  <SectionContainer\n    v-else\n    :aria-labelledby=\"headerId\"\n    role=\"region\">\n    <Section\n      :id=\"channel.id\"\n      role=\"none\"\n      @intersecting=\"\n        () => eventBus?.emit('intersecting:nav-item', { id: channel.id })\n      \">\n      <SectionHeader>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag\n            :id=\"headerId\"\n            :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <SectionContent>\n        <AsyncApiLabels\n          class=\"channel-labels\"\n          :protocols=\"labels.protocols\"\n          :servers=\"labels.servers\" />\n        <ScalarMarkdown\n          :value=\"description\"\n          withImages />\n        <ParameterList\n          v-if=\"parameters.length\"\n          :eventBus=\"eventBus\"\n          :options=\"parameterListOptions\"\n          :parameters=\"parameters\">\n          <template #title>Parameters</template>\n        </ParameterList>\n        <Operation\n          v-for=\"operation in operations\"\n          :key=\"operation.id\"\n          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandedItems=\"expandedItems\"\n          :operation=\"operation\"\n          :options=\"options\" />\n      </SectionContent>\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.channel-section {\n  margin-bottom: 48px;\n}\n.channel-labels {\n  margin-bottom: 8px;\n}\n.channel-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/AsyncApi/Channel.vue.script.js

@@ -6,10 +6,16 @@ import SectionHeader_default from "../../Section/SectionHeader.vue.js";
 import SectionHeaderTag_default from "../../Section/SectionHeaderTag.vue.js";
 import Anchor_default from "../../Anchor/Anchor.vue.js";
 import ParameterList_default from "../../../features/Operation/components/ParameterList.vue.js";
+import AsyncApiLabels_default from "./AsyncApiLabels.vue.js";
 import { adaptAsyncApiParameters } from "./helpers/adapt-async-api-parameters.js";
-import { computed, createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, useId, withCtx } from "vue";
+import { resolveSchemaRenderOptions } from "./helpers/async-api-render-options.js";
+import { filterChildrenByType } from "./helpers/filter-children-by-type.js";
+import { getChannelServerLabels } from "./helpers/get-async-api-labels.js";
+import { pickHeading } from "./helpers/pick-heading.js";
+import { resolveAsyncApiChannel } from "./helpers/resolve-async-api-nodes.js";
+import Operation_default from "./Operation.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useId, withCtx } from "vue";
 import { ScalarMarkdown } from "@scalar/components/markdown";
-import { getResolvedRef, mergeSiblingReferences } from "@scalar/workspace-store/helpers/get-resolved-ref";
 //#region src/components/Content/AsyncApi/Channel.vue?vue&type=script&setup=true&lang.ts
 var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Channel",
@@ -19,7 +25,8 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		layout: {},
 		isCollapsed: { type: Boolean },
 		eventBus: {},
-		options: {}
+		options: {},
+		expandedItems: { default: () => ({}) }
 	},
 	setup(__props) {
 		const headerId = useId();
@@ -27,22 +34,17 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		* Resolve the channel from the document so we can read its description.
 		* The navigation entry only carries the address and identifying keys.
 		*/
-		const resolvedChannel = computed(() => {
-			const node = __props.document.channels?.[__props.channel.channelName];
-			return node ? getResolvedRef(node, mergeSiblingReferences) : void 0;
-		});
+		const resolvedChannel = computed(() => resolveAsyncApiChannel(__props.document, __props.channel.channelName));
 		const description = computed(() => resolvedChannel.value?.description ?? "");
 		/**
 		* Heading shown above each channel section.
 		*
 		* Prefers the human-friendly `channel.title` when it is set, then falls back
-		* to `channel.address`, and finally to the channel map key.
-		* `channel.channelAddress` already encodes the address-or-key fallback during
-		* navigation traversal, so we only need to overlay `title` on top of it.
+		* to `channel.address`. `channel.channelAddress` already encodes the
+		* address-or-key fallback during navigation traversal, so we only need to
+		* overlay `title` on top of it.
 		*/
-		const headingText = computed(() => {
-			return resolvedChannel.value?.title?.trim() || __props.channel.channelAddress;
-		});
+		const headingText = computed(() => pickHeading(resolvedChannel.value?.title, __props.channel.channelAddress));
 		/**
 		* Channel address parameters mapped into the OpenAPI parameter shape so we can reuse the shared
 		* `ParameterList` component instead of building a dedicated AsyncAPI renderer.
@@ -51,10 +53,15 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		/** Fill in defaults so the shared renderer always receives a complete options object. */
 		const parameterListOptions = computed(() => ({
 			hideModels: __props.options?.hideModels ?? false,
-			orderRequiredPropertiesFirst: __props.options?.orderRequiredPropertiesFirst ?? false,
-			orderSchemaPropertiesBy: __props.options?.orderSchemaPropertiesBy ?? "preserve",
-			expandAllSchemaProperties: __props.options?.expandAllSchemaProperties ?? false
+			...resolveSchemaRenderOptions(__props.options)
 		}));
+		/**
+		* Server-name and protocol labels for the channel, resolved from `document.servers`
+		* (restricted to `channel.servers` when declared) and rendered as pills in the header.
+		*/
+		const labels = computed(() => getChannelServerLabels(__props.document, resolvedChannel.value));
+		/** Operations that target this channel, rendered nested beneath the channel content. */
+		const operations = computed(() => filterChildrenByType(__props.channel.children, "asyncapi-operation"));
 		return (_ctx, _cache) => {
 			return __props.layout === "classic" ? (openBlock(), createBlock(unref(SectionContainerAccordion_default), {
 				key: 0,
@@ -66,20 +73,28 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					open: value
 				}))
 			}, {
-				title: withCtx(() => [createVNode(unref(SectionHeader_default), { class: "channel-name" }, {
-					default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.channel.id })) }, {
-						default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), { level: 2 }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(headingText.value), 1)]),
+				title: withCtx(() => [
+					createVNode(unref(SectionHeader_default), { class: "channel-name" }, {
+						default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.channel.id })) }, {
+							default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), { level: 2 }, {
+								default: withCtx(() => [createTextVNode(toDisplayString(headingText.value), 1)]),
+								_: 1
+							})]),
 							_: 1
 						})]),
 						_: 1
-					})]),
-					_: 1
-				}), createVNode(unref(ScalarMarkdown), {
-					class: "channel-description",
-					value: description.value,
-					withImages: ""
-				}, null, 8, ["value"])]),
+					}),
+					createVNode(AsyncApiLabels_default, {
+						class: "channel-labels",
+						protocols: labels.value.protocols,
+						servers: labels.value.servers
+					}, null, 8, ["protocols", "servers"]),
+					createVNode(unref(ScalarMarkdown), {
+						class: "channel-description",
+						value: description.value,
+						withImages: ""
+					}, null, 8, ["value"])
+				]),
 				default: withCtx(() => [parameters.value.length ? (openBlock(), createBlock(ParameterList_default, {
 					key: 0,
 					eventBus: __props.eventBus,
@@ -92,7 +107,22 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 					"eventBus",
 					"options",
 					"parameters"
-				])) : createCommentVNode("", true)]),
+				])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(operations.value, (operation) => {
+					return openBlock(), createBlock(Operation_default, {
+						key: operation.id,
+						document: __props.document,
+						eventBus: __props.eventBus,
+						expandedItems: __props.expandedItems,
+						operation,
+						options: __props.options
+					}, null, 8, [
+						"document",
+						"eventBus",
+						"expandedItems",
+						"operation",
+						"options"
+					]);
+				}), 128))]),
 				_: 1
 			}, 8, ["aria-label", "modelValue"])) : (openBlock(), createBlock(unref(SectionContainer_default), {
 				key: 1,
@@ -117,22 +147,46 @@ var Channel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						})]),
 						_: 1
 					}), createVNode(unref(SectionContent_default), null, {
-						default: withCtx(() => [createVNode(unref(ScalarMarkdown), {
-							value: description.value,
-							withImages: ""
-						}, null, 8, ["value"]), parameters.value.length ? (openBlock(), createBlock(ParameterList_default, {
-							key: 0,
-							eventBus: __props.eventBus,
-							options: parameterListOptions.value,
-							parameters: parameters.value
-						}, {
-							title: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Parameters", -1)])]),
-							_: 1
-						}, 8, [
-							"eventBus",
-							"options",
-							"parameters"
-						])) : createCommentVNode("", true)]),
+						default: withCtx(() => [
+							createVNode(AsyncApiLabels_default, {
+								class: "channel-labels",
+								protocols: labels.value.protocols,
+								servers: labels.value.servers
+							}, null, 8, ["protocols", "servers"]),
+							createVNode(unref(ScalarMarkdown), {
+								value: description.value,
+								withImages: ""
+							}, null, 8, ["value"]),
+							parameters.value.length ? (openBlock(), createBlock(ParameterList_default, {
+								key: 0,
+								eventBus: __props.eventBus,
+								options: parameterListOptions.value,
+								parameters: parameters.value
+							}, {
+								title: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Parameters", -1)])]),
+								_: 1
+							}, 8, [
+								"eventBus",
+								"options",
+								"parameters"
+							])) : createCommentVNode("", true),
+							(openBlock(true), createElementBlock(Fragment, null, renderList(operations.value, (operation) => {
+								return openBlock(), createBlock(Operation_default, {
+									key: operation.id,
+									document: __props.document,
+									eventBus: __props.eventBus,
+									expandedItems: __props.expandedItems,
+									operation,
+									options: __props.options
+								}, null, 8, [
+									"document",
+									"eventBus",
+									"expandedItems",
+									"operation",
+									"options"
+								]);
+							}), 128))
+						]),
 						_: 1
 					})]),
 					_: 1

package/dist/components/Content/AsyncApi/Channel.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Channel.vue.script.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Channel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type {\n  AsyncApiChannelObject,\n  AsyncApiDocument,\n} from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport {\n  getResolvedRef,\n  mergeSiblingReferences,\n} from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { TraversedAsyncApiChannel } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  Section,\n  SectionContainer,\n  SectionContainerAccordion,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport ParameterList from '@/features/Operation/components/ParameterList.vue'\n\nimport { adaptAsyncApiParameters } from './helpers/adapt-async-api-parameters'\n\n/** Subset of the configuration the shared `ParameterList` renderer needs. */\ntype ParameterListOptions = Pick<\n  ApiReferenceConfigurationRaw,\n  | 'hideModels'\n  | 'orderRequiredPropertiesFirst'\n  | 'orderSchemaPropertiesBy'\n  | 'expandAllSchemaProperties'\n>\n\nconst { channel, document, layout, isCollapsed, eventBus, options } =\n  defineProps<{\n    channel: TraversedAsyncApiChannel\n    document: AsyncApiDocument\n    layout: 'classic' | 'modern'\n    isCollapsed: boolean\n    eventBus: WorkspaceEventBus | null\n    options?: Partial<ParameterListOptions>\n  }>()\n\nconst headerId = useId()\n\n/**\n * Resolve the channel from the document so we can read its description.\n * The navigation entry only carries the address and identifying keys.\n */\nconst resolvedChannel = computed<AsyncApiChannelObject | undefined>(() => {\n  const node = document.channels?.[channel.channelName]\n  return node ? getResolvedRef(node, mergeSiblingReferences) : undefined\n})\n\nconst description = computed(() => resolvedChannel.value?.description ?? '')\n\n/**\n * Heading shown above each channel section.\n *\n * Prefers the human-friendly `channel.title` when it is set, then falls back\n * to `channel.address`, and finally to the channel map key.\n * `channel.channelAddress` already encodes the address-or-key fallback during\n * navigation traversal, so we only need to overlay `title` on top of it.\n */\nconst headingText = computed(() => {\n  const title = resolvedChannel.value?.title?.trim()\n  return title || channel.channelAddress\n})\n\n/**\n * Channel address parameters mapped into the OpenAPI parameter shape so we can reuse the shared\n * `ParameterList` component instead of building a dedicated AsyncAPI renderer.\n */\nconst parameters = computed(() =>\n  adaptAsyncApiParameters(resolvedChannel.value?.parameters),\n)\n\n/** Fill in defaults so the shared renderer always receives a complete options object. */\nconst parameterListOptions = computed<ParameterListOptions>(() => ({\n  hideModels: options?.hideModels ?? false,\n  orderRequiredPropertiesFirst: options?.orderRequiredPropertiesFirst ?? false,\n  orderSchemaPropertiesBy: options?.orderSchemaPropertiesBy ?? 'preserve',\n  expandAllSchemaProperties: options?.expandAllSchemaProperties ?? false,\n}))\n</script>\n\n<template>\n  <SectionContainerAccordion\n    v-if=\"layout === 'classic'\"\n    :aria-label=\"headingText\"\n    class=\"channel-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) =>\n        eventBus?.emit('toggle:nav-item', { id: channel.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"channel-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"channel-description\"\n        :value=\"description\"\n        withImages />\n    </template>\n    <ParameterList\n      v-if=\"parameters.length\"\n      :eventBus=\"eventBus\"\n      :options=\"parameterListOptions\"\n      :parameters=\"parameters\">\n      <template #title>Parameters</template>\n    </ParameterList>\n  </SectionContainerAccordion>\n\n  <SectionContainer\n    v-else\n    :aria-labelledby=\"headerId\"\n    role=\"region\">\n    <Section\n      :id=\"channel.id\"\n      role=\"none\"\n      @intersecting=\"\n        () => eventBus?.emit('intersecting:nav-item', { id: channel.id })\n      \">\n      <SectionHeader>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag\n            :id=\"headerId\"\n            :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <SectionContent>\n        <ScalarMarkdown\n          :value=\"description\"\n          withImages />\n        <ParameterList\n          v-if=\"parameters.length\"\n          :eventBus=\"eventBus\"\n          :options=\"parameterListOptions\"\n          :parameters=\"parameters\">\n          <template #title>Parameters</template>\n        </ParameterList>\n      </SectionContent>\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.channel-section {\n  margin-bottom: 48px;\n}\n.channel-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"Channel.vue.script.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Channel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedAsyncApiChannel,\n  TraversedAsyncApiOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  Section,\n  SectionContainer,\n  SectionContainerAccordion,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport ParameterList from '@/features/Operation/components/ParameterList.vue'\n\nimport AsyncApiLabels from './AsyncApiLabels.vue'\nimport { adaptAsyncApiParameters } from './helpers/adapt-async-api-parameters'\nimport {\n  resolveSchemaRenderOptions,\n  type AsyncApiSchemaRenderOptions,\n} from './helpers/async-api-render-options'\nimport { filterChildrenByType } from './helpers/filter-children-by-type'\nimport { getChannelServerLabels } from './helpers/get-async-api-labels'\nimport { pickHeading } from './helpers/pick-heading'\nimport { resolveAsyncApiChannel } from './helpers/resolve-async-api-nodes'\nimport Operation from './Operation.vue'\n\n/** Subset of the configuration the shared `ParameterList` renderer needs. */\ntype ParameterListOptions = AsyncApiSchemaRenderOptions &\n  Pick<ApiReferenceConfigurationRaw, 'hideModels'>\n\nconst {\n  channel,\n  document,\n  layout,\n  isCollapsed,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  channel: TraversedAsyncApiChannel\n  document: AsyncApiDocument\n  layout: 'classic' | 'modern'\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<ParameterListOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\n\n/**\n * Resolve the channel from the document so we can read its description.\n * The navigation entry only carries the address and identifying keys.\n */\nconst resolvedChannel = computed(() =>\n  resolveAsyncApiChannel(document, channel.channelName),\n)\n\nconst description = computed(() => resolvedChannel.value?.description ?? '')\n\n/**\n * Heading shown above each channel section.\n *\n * Prefers the human-friendly `channel.title` when it is set, then falls back\n * to `channel.address`. `channel.channelAddress` already encodes the\n * address-or-key fallback during navigation traversal, so we only need to\n * overlay `title` on top of it.\n */\nconst headingText = computed(() =>\n  pickHeading(resolvedChannel.value?.title, channel.channelAddress),\n)\n\n/**\n * Channel address parameters mapped into the OpenAPI parameter shape so we can reuse the shared\n * `ParameterList` component instead of building a dedicated AsyncAPI renderer.\n */\nconst parameters = computed(() =>\n  adaptAsyncApiParameters(resolvedChannel.value?.parameters),\n)\n\n/** Fill in defaults so the shared renderer always receives a complete options object. */\nconst parameterListOptions = computed<ParameterListOptions>(() => ({\n  hideModels: options?.hideModels ?? false,\n  ...resolveSchemaRenderOptions(options),\n}))\n\n/**\n * Server-name and protocol labels for the channel, resolved from `document.servers`\n * (restricted to `channel.servers` when declared) and rendered as pills in the header.\n */\nconst labels = computed(() =>\n  getChannelServerLabels(document, resolvedChannel.value),\n)\n\n/** Operations that target this channel, rendered nested beneath the channel content. */\nconst operations = computed(() =>\n  filterChildrenByType<TraversedAsyncApiOperation>(\n    channel.children,\n    'asyncapi-operation',\n  ),\n)\n</script>\n\n<template>\n  <SectionContainerAccordion\n    v-if=\"layout === 'classic'\"\n    :aria-label=\"headingText\"\n    class=\"channel-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) =>\n        eventBus?.emit('toggle:nav-item', { id: channel.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"channel-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <AsyncApiLabels\n        class=\"channel-labels\"\n        :protocols=\"labels.protocols\"\n        :servers=\"labels.servers\" />\n      <ScalarMarkdown\n        class=\"channel-description\"\n        :value=\"description\"\n        withImages />\n    </template>\n    <ParameterList\n      v-if=\"parameters.length\"\n      :eventBus=\"eventBus\"\n      :options=\"parameterListOptions\"\n      :parameters=\"parameters\">\n      <template #title>Parameters</template>\n    </ParameterList>\n    <Operation\n      v-for=\"operation in operations\"\n      :key=\"operation.id\"\n      :document=\"document\"\n      :eventBus=\"eventBus\"\n      :expandedItems=\"expandedItems\"\n      :operation=\"operation\"\n      :options=\"options\" />\n  </SectionContainerAccordion>\n\n  <SectionContainer\n    v-else\n    :aria-labelledby=\"headerId\"\n    role=\"region\">\n    <Section\n      :id=\"channel.id\"\n      role=\"none\"\n      @intersecting=\"\n        () => eventBus?.emit('intersecting:nav-item', { id: channel.id })\n      \">\n      <SectionHeader>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: channel.id })\n          \">\n          <SectionHeaderTag\n            :id=\"headerId\"\n            :level=\"2\">\n            {{ headingText }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <SectionContent>\n        <AsyncApiLabels\n          class=\"channel-labels\"\n          :protocols=\"labels.protocols\"\n          :servers=\"labels.servers\" />\n        <ScalarMarkdown\n          :value=\"description\"\n          withImages />\n        <ParameterList\n          v-if=\"parameters.length\"\n          :eventBus=\"eventBus\"\n          :options=\"parameterListOptions\"\n          :parameters=\"parameters\">\n          <template #title>Parameters</template>\n        </ParameterList>\n        <Operation\n          v-for=\"operation in operations\"\n          :key=\"operation.id\"\n          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandedItems=\"expandedItems\"\n          :operation=\"operation\"\n          :options=\"options\" />\n      </SectionContent>\n    </Section>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.channel-section {\n  margin-bottom: 48px;\n}\n.channel-labels {\n  margin-bottom: 8px;\n}\n.channel-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Content/AsyncApi/Message.vue.d.ts

@@ -0,0 +1,18 @@
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { TraversedAsyncApiMessage } from '@scalar/workspace-store/schemas/navigation';
+import { type AsyncApiSchemaRenderOptions } from './helpers/async-api-render-options.js';
+/** Subset of the configuration the shared `Schema` renderer needs. */
+type SchemaRenderOptions = AsyncApiSchemaRenderOptions;
+type __VLS_Props = {
+    message: TraversedAsyncApiMessage;
+    document: AsyncApiDocument;
+    eventBus: WorkspaceEventBus | null;
+    options?: Partial<SchemaRenderOptions>;
+    /** Map of navigation item id to expanded state, shared with the sidebar. */
+    expandedItems?: Record<string, boolean>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Message.vue.d.ts.map

package/dist/components/Content/AsyncApi/Message.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/AsyncApi/Message.vue"],"names":[],"mappings":"AA8PA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAA;AAc1F,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,oCAAoC,CAAA;AAQ3C,sEAAsE;AACtE,KAAK,mBAAmB,GAAG,2BAA2B,CAAA;AAEtD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,wBAAwB,CAAA;IACjC,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACtC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACxC,CAAC;AA8TF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/AsyncApi/Message.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Message_vue_vue_type_script_setup_true_lang_default from "./Message.vue.script.js";
+/* empty css                      */
+//#region src/components/Content/AsyncApi/Message.vue
+var Message_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Message_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-50be0795"]]);
+//#endregion
+export { Message_default as default };
+
+//# sourceMappingURL=Message.vue.js.map

package/dist/components/Content/AsyncApi/Message.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.vue.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Message.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { TraversedAsyncApiMessage } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref, useId, useTemplateRef, watch } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Schema } from '@/components/Content/Schema'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SectionAccordion, SectionHeaderTag } from '@/components/Section'\nimport {\n  getAsyncApiMessageHeadersSchema,\n  getAsyncApiMessagePayloadSchema,\n} from '@/helpers/get-async-api-message-payload-schema'\nimport { useIntersection } from '@/hooks/use-intersection'\n\nimport AsyncApiLabels from './AsyncApiLabels.vue'\nimport {\n  resolveSchemaRenderOptions,\n  type AsyncApiSchemaRenderOptions,\n} from './helpers/async-api-render-options'\nimport { getChannelServerLabels } from './helpers/get-async-api-labels'\nimport { pickHeading } from './helpers/pick-heading'\nimport {\n  resolveAsyncApiChannel,\n  resolveAsyncApiMessage,\n} from './helpers/resolve-async-api-nodes'\n\n/** Subset of the configuration the shared `Schema` renderer needs. */\ntype SchemaRenderOptions = AsyncApiSchemaRenderOptions\n\nconst {\n  message,\n  document,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  message: TraversedAsyncApiMessage\n  document: AsyncApiDocument\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<SchemaRenderOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () =>\n  eventBus?.emit('intersecting:nav-item', { id: message.id }),\n)\n\n/**\n * Resolve the message from the channel it lives on. The navigation entry only\n * carries the identifying keys, so we walk `document.channels[channelName].messages`.\n */\nconst resolvedMessage = computed(() =>\n  resolveAsyncApiMessage(document, message.channelName, message.messageName),\n)\n\n/** Heading prefers the human-friendly title, falling back to the message map key. */\nconst headingText = computed(() =>\n  pickHeading(resolvedMessage.value?.title, message.title, message.messageName),\n)\n\nconst description = computed(\n  () =>\n    resolvedMessage.value?.description || resolvedMessage.value?.summary || '',\n)\n\n/**\n * Protocol keys declared directly on the message's protocol-specific `bindings`\n * (for example `ws`, `kafka`). The bindings object may be a `$ref`, so it is resolved\n * before reading the keys. Keys are lowercased to match the server protocols (which the\n * helper normalizes), so the union below de-duplicates case-insensitively.\n */\nconst messageBindingProtocols = computed(() => {\n  const bindings = resolvedMessage.value?.bindings\n  if (!bindings) {\n    return []\n  }\n  const resolved = getResolvedRef(bindings)\n  return Object.entries(resolved)\n    .filter(([, value]) => value != null)\n    .map(([protocol]) => protocol.toLowerCase())\n})\n\n/**\n * Protocol labels for the message. A message is carried over whatever protocols its\n * channel's servers speak, so we start from the channel's server protocols and union in\n * any extra protocols the message declares its own bindings for. Without this a\n * multi-protocol message would only surface the single protocol it happens to declare a\n * binding for (or none at all).\n */\nconst protocolLabels = computed(() => {\n  const channel = resolveAsyncApiChannel(document, message.channelName)\n  const { protocols } = getChannelServerLabels(document, channel)\n  return [...new Set([...protocols, ...messageBindingProtocols.value])]\n})\n\n/** Payload schema, unwrapped from `$ref`s and Multi Format Schema wrappers. */\nconst payloadSchema = computed(() =>\n  resolvedMessage.value\n    ? getAsyncApiMessagePayloadSchema(resolvedMessage.value)\n    : undefined,\n)\n\n/** Header schema, unwrapped the same way as the payload. */\nconst headersSchema = computed(() =>\n  resolvedMessage.value\n    ? getAsyncApiMessageHeadersSchema(resolvedMessage.value)\n    : undefined,\n)\n\n/** Fill in defaults so the shared Schema renderer always receives a complete options object. */\nconst schemaOptions = computed<SchemaOptions>(() => ({\n  hideReadOnly: false,\n  ...resolveSchemaRenderOptions(options),\n}))\n\n/**\n * Accordion open state. Kept locally so clicking the header always toggles\n * immediately, and seeded/synced from the shared sidebar expansion map so\n * expanding the message in the sidebar (or deep-linking to it) opens it here too.\n */\nconst isExpanded = ref(expandedItems[message.id] ?? false)\n\nwatch(\n  () => expandedItems[message.id],\n  (value) => {\n    if (value !== undefined) {\n      isExpanded.value = value\n    }\n  },\n)\n\n/** Toggling the accordion updates local state and keeps the sidebar in sync. */\nconst onToggle = (open: boolean) => {\n  isExpanded.value = open\n  eventBus?.emit('toggle:nav-item', { id: message.id, open })\n}\n</script>\n\n<template>\n  <div\n    :id=\"message.id\"\n    ref=\"section\"\n    class=\"message\">\n    <SectionAccordion\n      class=\"message-accordion\"\n      :modelValue=\"isExpanded\"\n      @update:modelValue=\"onToggle\">\n      <template #title>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: message.id })\n          \">\n          <span class=\"message-heading\">\n            <SectionHeaderTag\n              :id=\"headerId\"\n              class=\"message-title\"\n              :level=\"4\">\n              {{ headingText }}\n            </SectionHeaderTag>\n            <AsyncApiLabels :protocols=\"protocolLabels\" />\n          </span>\n        </Anchor>\n      </template>\n\n      <ScalarMarkdown\n        v-if=\"description\"\n        class=\"message-description\"\n        :value=\"description\"\n        withImages />\n\n      <div\n        v-if=\"headersSchema\"\n        class=\"message-schema\">\n        <div class=\"message-schema-title\">Headers</div>\n        <Schema\n          compact\n          :eventBus=\"eventBus\"\n          name=\"Headers\"\n          noncollapsible\n          :options=\"schemaOptions\"\n          :schema=\"headersSchema\" />\n      </div>\n\n      <div\n        v-if=\"payloadSchema\"\n        class=\"message-schema\">\n        <div class=\"message-schema-title\">Payload</div>\n        <Schema\n          compact\n          :eventBus=\"eventBus\"\n          name=\"Payload\"\n          noncollapsible\n          :options=\"schemaOptions\"\n          :schema=\"payloadSchema\" />\n      </div>\n    </SectionAccordion>\n  </div>\n</template>\n\n<style scoped>\n.message {\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n.message-title {\n  font-size: var(--scalar-heading-4);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n/*\n * Lay the heading and protocol labels out on one wrapping row. The labels live inside the\n * Anchor slot so the copy-anchor \"#\" button (absolutely positioned just past the end of the\n * slot content on hover) trails after the last pill instead of overlapping the first one.\n */\n.message-heading {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n/* Pad the expanded body so the description and schemas don't sit flush against the border. */\n.message-accordion :deep(.section-accordion-content-card) {\n  padding: 12px;\n}\n.message-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n.message-schema {\n  margin-top: 12px;\n}\n.message-schema:first-child {\n  margin-top: 0;\n}\n.message-schema-title {\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  margin-bottom: 8px;\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/AsyncApi/Message.vue.script.js

@@ -0,0 +1,159 @@
+import { useIntersection } from "../../../hooks/use-intersection.js";
+import SectionAccordion_default from "../../Section/SectionAccordion.vue.js";
+import SectionHeaderTag_default from "../../Section/SectionHeaderTag.vue.js";
+import Anchor_default from "../../Anchor/Anchor.vue.js";
+import Schema_default from "../Schema/Schema.vue.js";
+import { getAsyncApiMessageHeadersSchema, getAsyncApiMessagePayloadSchema } from "../../../helpers/get-async-api-message-payload-schema.js";
+import AsyncApiLabels_default from "./AsyncApiLabels.vue.js";
+import { resolveSchemaRenderOptions } from "./helpers/async-api-render-options.js";
+import { getChannelServerLabels } from "./helpers/get-async-api-labels.js";
+import { pickHeading } from "./helpers/pick-heading.js";
+import { resolveAsyncApiChannel, resolveAsyncApiMessage } from "./helpers/resolve-async-api-nodes.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, toDisplayString, unref, useId, useTemplateRef, watch, withCtx } from "vue";
+import { ScalarMarkdown } from "@scalar/components/markdown";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/components/Content/AsyncApi/Message.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var _hoisted_2 = { class: "message-heading" };
+var _hoisted_3 = {
+	key: 1,
+	class: "message-schema"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "message-schema"
+};
+var Message_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Message",
+	props: {
+		message: {},
+		document: {},
+		eventBus: {},
+		options: {},
+		expandedItems: { default: () => ({}) }
+	},
+	setup(__props) {
+		const headerId = useId();
+		const section = useTemplateRef("section");
+		useIntersection(section, () => __props.eventBus?.emit("intersecting:nav-item", { id: __props.message.id }));
+		/**
+		* Resolve the message from the channel it lives on. The navigation entry only
+		* carries the identifying keys, so we walk `document.channels[channelName].messages`.
+		*/
+		const resolvedMessage = computed(() => resolveAsyncApiMessage(__props.document, __props.message.channelName, __props.message.messageName));
+		/** Heading prefers the human-friendly title, falling back to the message map key. */
+		const headingText = computed(() => pickHeading(resolvedMessage.value?.title, __props.message.title, __props.message.messageName));
+		const description = computed(() => resolvedMessage.value?.description || resolvedMessage.value?.summary || "");
+		/**
+		* Protocol keys declared directly on the message's protocol-specific `bindings`
+		* (for example `ws`, `kafka`). The bindings object may be a `$ref`, so it is resolved
+		* before reading the keys. Keys are lowercased to match the server protocols (which the
+		* helper normalizes), so the union below de-duplicates case-insensitively.
+		*/
+		const messageBindingProtocols = computed(() => {
+			const bindings = resolvedMessage.value?.bindings;
+			if (!bindings) return [];
+			const resolved = getResolvedRef(bindings);
+			return Object.entries(resolved).filter(([, value]) => value != null).map(([protocol]) => protocol.toLowerCase());
+		});
+		/**
+		* Protocol labels for the message. A message is carried over whatever protocols its
+		* channel's servers speak, so we start from the channel's server protocols and union in
+		* any extra protocols the message declares its own bindings for. Without this a
+		* multi-protocol message would only surface the single protocol it happens to declare a
+		* binding for (or none at all).
+		*/
+		const protocolLabels = computed(() => {
+			const channel = resolveAsyncApiChannel(__props.document, __props.message.channelName);
+			const { protocols } = getChannelServerLabels(__props.document, channel);
+			return [...new Set([...protocols, ...messageBindingProtocols.value])];
+		});
+		/** Payload schema, unwrapped from `$ref`s and Multi Format Schema wrappers. */
+		const payloadSchema = computed(() => resolvedMessage.value ? getAsyncApiMessagePayloadSchema(resolvedMessage.value) : void 0);
+		/** Header schema, unwrapped the same way as the payload. */
+		const headersSchema = computed(() => resolvedMessage.value ? getAsyncApiMessageHeadersSchema(resolvedMessage.value) : void 0);
+		/** Fill in defaults so the shared Schema renderer always receives a complete options object. */
+		const schemaOptions = computed(() => ({
+			hideReadOnly: false,
+			...resolveSchemaRenderOptions(__props.options)
+		}));
+		/**
+		* Accordion open state. Kept locally so clicking the header always toggles
+		* immediately, and seeded/synced from the shared sidebar expansion map so
+		* expanding the message in the sidebar (or deep-linking to it) opens it here too.
+		*/
+		const isExpanded = ref(__props.expandedItems[__props.message.id] ?? false);
+		watch(() => __props.expandedItems[__props.message.id], (value) => {
+			if (value !== void 0) isExpanded.value = value;
+		});
+		/** Toggling the accordion updates local state and keeps the sidebar in sync. */
+		const onToggle = (open) => {
+			isExpanded.value = open;
+			__props.eventBus?.emit("toggle:nav-item", {
+				id: __props.message.id,
+				open
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.message.id,
+				ref_key: "section",
+				ref: section,
+				class: "message"
+			}, [createVNode(unref(SectionAccordion_default), {
+				class: "message-accordion",
+				modelValue: isExpanded.value,
+				"onUpdate:modelValue": onToggle
+			}, {
+				title: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.message.id })) }, {
+					default: withCtx(() => [createElementVNode("span", _hoisted_2, [createVNode(unref(SectionHeaderTag_default), {
+						id: unref(headerId),
+						class: "message-title",
+						level: 4
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(headingText.value), 1)]),
+						_: 1
+					}, 8, ["id"]), createVNode(AsyncApiLabels_default, { protocols: protocolLabels.value }, null, 8, ["protocols"])])]),
+					_: 1
+				})]),
+				default: withCtx(() => [
+					description.value ? (openBlock(), createBlock(unref(ScalarMarkdown), {
+						key: 0,
+						class: "message-description",
+						value: description.value,
+						withImages: ""
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					headersSchema.value ? (openBlock(), createElementBlock("div", _hoisted_3, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "message-schema-title" }, "Headers", -1)), createVNode(unref(Schema_default), {
+						compact: "",
+						eventBus: __props.eventBus,
+						name: "Headers",
+						noncollapsible: "",
+						options: schemaOptions.value,
+						schema: headersSchema.value
+					}, null, 8, [
+						"eventBus",
+						"options",
+						"schema"
+					])])) : createCommentVNode("", true),
+					payloadSchema.value ? (openBlock(), createElementBlock("div", _hoisted_4, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "message-schema-title" }, "Payload", -1)), createVNode(unref(Schema_default), {
+						compact: "",
+						eventBus: __props.eventBus,
+						name: "Payload",
+						noncollapsible: "",
+						options: schemaOptions.value,
+						schema: payloadSchema.value
+					}, null, 8, [
+						"eventBus",
+						"options",
+						"schema"
+					])])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, ["modelValue"])], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Message_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Message.vue.script.js.map

package/dist/components/Content/AsyncApi/Message.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.vue.script.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Message.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { TraversedAsyncApiMessage } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, ref, useId, useTemplateRef, watch } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Schema } from '@/components/Content/Schema'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SectionAccordion, SectionHeaderTag } from '@/components/Section'\nimport {\n  getAsyncApiMessageHeadersSchema,\n  getAsyncApiMessagePayloadSchema,\n} from '@/helpers/get-async-api-message-payload-schema'\nimport { useIntersection } from '@/hooks/use-intersection'\n\nimport AsyncApiLabels from './AsyncApiLabels.vue'\nimport {\n  resolveSchemaRenderOptions,\n  type AsyncApiSchemaRenderOptions,\n} from './helpers/async-api-render-options'\nimport { getChannelServerLabels } from './helpers/get-async-api-labels'\nimport { pickHeading } from './helpers/pick-heading'\nimport {\n  resolveAsyncApiChannel,\n  resolveAsyncApiMessage,\n} from './helpers/resolve-async-api-nodes'\n\n/** Subset of the configuration the shared `Schema` renderer needs. */\ntype SchemaRenderOptions = AsyncApiSchemaRenderOptions\n\nconst {\n  message,\n  document,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  message: TraversedAsyncApiMessage\n  document: AsyncApiDocument\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<SchemaRenderOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () =>\n  eventBus?.emit('intersecting:nav-item', { id: message.id }),\n)\n\n/**\n * Resolve the message from the channel it lives on. The navigation entry only\n * carries the identifying keys, so we walk `document.channels[channelName].messages`.\n */\nconst resolvedMessage = computed(() =>\n  resolveAsyncApiMessage(document, message.channelName, message.messageName),\n)\n\n/** Heading prefers the human-friendly title, falling back to the message map key. */\nconst headingText = computed(() =>\n  pickHeading(resolvedMessage.value?.title, message.title, message.messageName),\n)\n\nconst description = computed(\n  () =>\n    resolvedMessage.value?.description || resolvedMessage.value?.summary || '',\n)\n\n/**\n * Protocol keys declared directly on the message's protocol-specific `bindings`\n * (for example `ws`, `kafka`). The bindings object may be a `$ref`, so it is resolved\n * before reading the keys. Keys are lowercased to match the server protocols (which the\n * helper normalizes), so the union below de-duplicates case-insensitively.\n */\nconst messageBindingProtocols = computed(() => {\n  const bindings = resolvedMessage.value?.bindings\n  if (!bindings) {\n    return []\n  }\n  const resolved = getResolvedRef(bindings)\n  return Object.entries(resolved)\n    .filter(([, value]) => value != null)\n    .map(([protocol]) => protocol.toLowerCase())\n})\n\n/**\n * Protocol labels for the message. A message is carried over whatever protocols its\n * channel's servers speak, so we start from the channel's server protocols and union in\n * any extra protocols the message declares its own bindings for. Without this a\n * multi-protocol message would only surface the single protocol it happens to declare a\n * binding for (or none at all).\n */\nconst protocolLabels = computed(() => {\n  const channel = resolveAsyncApiChannel(document, message.channelName)\n  const { protocols } = getChannelServerLabels(document, channel)\n  return [...new Set([...protocols, ...messageBindingProtocols.value])]\n})\n\n/** Payload schema, unwrapped from `$ref`s and Multi Format Schema wrappers. */\nconst payloadSchema = computed(() =>\n  resolvedMessage.value\n    ? getAsyncApiMessagePayloadSchema(resolvedMessage.value)\n    : undefined,\n)\n\n/** Header schema, unwrapped the same way as the payload. */\nconst headersSchema = computed(() =>\n  resolvedMessage.value\n    ? getAsyncApiMessageHeadersSchema(resolvedMessage.value)\n    : undefined,\n)\n\n/** Fill in defaults so the shared Schema renderer always receives a complete options object. */\nconst schemaOptions = computed<SchemaOptions>(() => ({\n  hideReadOnly: false,\n  ...resolveSchemaRenderOptions(options),\n}))\n\n/**\n * Accordion open state. Kept locally so clicking the header always toggles\n * immediately, and seeded/synced from the shared sidebar expansion map so\n * expanding the message in the sidebar (or deep-linking to it) opens it here too.\n */\nconst isExpanded = ref(expandedItems[message.id] ?? false)\n\nwatch(\n  () => expandedItems[message.id],\n  (value) => {\n    if (value !== undefined) {\n      isExpanded.value = value\n    }\n  },\n)\n\n/** Toggling the accordion updates local state and keeps the sidebar in sync. */\nconst onToggle = (open: boolean) => {\n  isExpanded.value = open\n  eventBus?.emit('toggle:nav-item', { id: message.id, open })\n}\n</script>\n\n<template>\n  <div\n    :id=\"message.id\"\n    ref=\"section\"\n    class=\"message\">\n    <SectionAccordion\n      class=\"message-accordion\"\n      :modelValue=\"isExpanded\"\n      @update:modelValue=\"onToggle\">\n      <template #title>\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: message.id })\n          \">\n          <span class=\"message-heading\">\n            <SectionHeaderTag\n              :id=\"headerId\"\n              class=\"message-title\"\n              :level=\"4\">\n              {{ headingText }}\n            </SectionHeaderTag>\n            <AsyncApiLabels :protocols=\"protocolLabels\" />\n          </span>\n        </Anchor>\n      </template>\n\n      <ScalarMarkdown\n        v-if=\"description\"\n        class=\"message-description\"\n        :value=\"description\"\n        withImages />\n\n      <div\n        v-if=\"headersSchema\"\n        class=\"message-schema\">\n        <div class=\"message-schema-title\">Headers</div>\n        <Schema\n          compact\n          :eventBus=\"eventBus\"\n          name=\"Headers\"\n          noncollapsible\n          :options=\"schemaOptions\"\n          :schema=\"headersSchema\" />\n      </div>\n\n      <div\n        v-if=\"payloadSchema\"\n        class=\"message-schema\">\n        <div class=\"message-schema-title\">Payload</div>\n        <Schema\n          compact\n          :eventBus=\"eventBus\"\n          name=\"Payload\"\n          noncollapsible\n          :options=\"schemaOptions\"\n          :schema=\"payloadSchema\" />\n      </div>\n    </SectionAccordion>\n  </div>\n</template>\n\n<style scoped>\n.message {\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n.message-title {\n  font-size: var(--scalar-heading-4);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n/*\n * Lay the heading and protocol labels out on one wrapping row. The labels live inside the\n * Anchor slot so the copy-anchor \"#\" button (absolutely positioned just past the end of the\n * slot content on hover) trails after the last pill instead of overlapping the first one.\n */\n.message-heading {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n/* Pad the expanded body so the description and schemas don't sit flush against the border. */\n.message-accordion :deep(.section-accordion-content-card) {\n  padding: 12px;\n}\n.message-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n.message-schema {\n  margin-top: 12px;\n}\n.message-schema:first-child {\n  margin-top: 0;\n}\n.message-schema-title {\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  margin-bottom: 8px;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Content/AsyncApi/Operation.vue.d.ts

@@ -0,0 +1,18 @@
+import type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { TraversedAsyncApiOperation } from '@scalar/workspace-store/schemas/navigation';
+import type { AsyncApiSchemaRenderOptions } from './helpers/async-api-render-options.js';
+/** Subset of the configuration the nested `Message`/`Schema` renderers need. */
+type OperationOptions = AsyncApiSchemaRenderOptions;
+type __VLS_Props = {
+    operation: TraversedAsyncApiOperation;
+    document: AsyncApiDocument;
+    eventBus: WorkspaceEventBus | null;
+    options?: Partial<OperationOptions>;
+    /** Map of navigation item id to expanded state, shared with the sidebar. */
+    expandedItems?: Record<string, boolean>;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Operation.vue.d.ts.map

package/dist/components/Content/AsyncApi/Operation.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/AsyncApi/Operation.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAEV,0BAA0B,EAC3B,MAAM,4CAA4C,CAAA;AAOnD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAMrF,gFAAgF;AAChF,KAAK,gBAAgB,GAAG,2BAA2B,CAAA;AAEnD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,0BAA0B,CAAA;IACrC,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IACnC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACxC,CAAC;AA0LF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/AsyncApi/Operation.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Operation_vue_vue_type_script_setup_true_lang_default from "./Operation.vue.script.js";
+/* empty css                        */
+//#region src/components/Content/AsyncApi/Operation.vue
+var Operation_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Operation_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ef35fcd1"]]);
+//#endregion
+export { Operation_default as default };
+
+//# sourceMappingURL=Operation.vue.js.map

package/dist/components/Content/AsyncApi/Operation.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../../src/components/Content/AsyncApi/Operation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { AsyncApiDocument } from '@scalar/types/asyncapi/3.1'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  TraversedAsyncApiMessage,\n  TraversedAsyncApiOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId, useTemplateRef } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { SectionHeaderTag } from '@/components/Section'\nimport { useIntersection } from '@/hooks/use-intersection'\n\nimport type { AsyncApiSchemaRenderOptions } from './helpers/async-api-render-options'\nimport { filterChildrenByType } from './helpers/filter-children-by-type'\nimport { pickHeading } from './helpers/pick-heading'\nimport { resolveAsyncApiOperation } from './helpers/resolve-async-api-nodes'\nimport Message from './Message.vue'\n\n/** Subset of the configuration the nested `Message`/`Schema` renderers need. */\ntype OperationOptions = AsyncApiSchemaRenderOptions\n\nconst {\n  operation,\n  document,\n  eventBus,\n  options,\n  expandedItems = {},\n} = defineProps<{\n  operation: TraversedAsyncApiOperation\n  document: AsyncApiDocument\n  eventBus: WorkspaceEventBus | null\n  options?: Partial<OperationOptions>\n  /** Map of navigation item id to expanded state, shared with the sidebar. */\n  expandedItems?: Record<string, boolean>\n}>()\n\nconst headerId = useId()\nconst section = useTemplateRef<HTMLElement>('section')\n\nuseIntersection(section, () =>\n  eventBus?.emit('intersecting:nav-item', { id: operation.id }),\n)\n\n/**\n * Resolve the operation from the document so we can read its summary/description.\n * Operation traits are merged in (matching the channel connection UI) so trait-only\n * fields render as part of the operation.\n */\nconst resolvedOperation = computed(() =>\n  resolveAsyncApiOperation(document, operation.operationName),\n)\n\n/** Heading prefers title, then summary, then the operation map key. */\nconst headingText = computed(() =>\n  pickHeading(\n    resolvedOperation.value?.title,\n    operation.title,\n    operation.operationName,\n  ),\n)\n\nconst description = computed(\n  () =>\n    resolvedOperation.value?.description ||\n    resolvedOperation.value?.summary ||\n    '',\n)\n\n/** Only the message children of this operation. */\nconst messages = computed(() =>\n  filterChildrenByType<TraversedAsyncApiMessage>(\n    operation.children,\n    'asyncapi-message',\n  ),\n)\n</script>\n\n<template>\n  <div\n    :id=\"operation.id\"\n    ref=\"section\"\n    class=\"operation\"\n    :class=\"`operation--${operation.action}`\">\n    <div class=\"operation-header\">\n      <span\n        class=\"operation-action\"\n        :class=\"`operation-action--${operation.action}`\">\n        {{ operation.action }}\n      </span>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: operation.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          class=\"operation-title\"\n          :level=\"3\">\n          {{ headingText }}\n        </SectionHeaderTag>\n      </Anchor>\n    </div>\n\n    <ScalarMarkdown\n      v-if=\"description\"\n      class=\"operation-description\"\n      :value=\"description\"\n      withImages />\n\n    <Message\n      v-for=\"message in messages\"\n      :key=\"message.id\"\n      :document=\"document\"\n      :eventBus=\"eventBus\"\n      :expandedItems=\"expandedItems\"\n      :message=\"message\"\n      :options=\"options\" />\n  </div>\n</template>\n\n<style scoped>\n.operation {\n  margin-top: 32px;\n  scroll-margin-top: var(--refs-viewport-offset);\n}\n\n.operation-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.operation-title {\n  font-size: var(--scalar-heading-3);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n\n/* Filled, color-coded pill carries the primary send/receive signal. */\n.operation-action {\n  text-transform: uppercase;\n  font-size: var(--scalar-mini);\n  font-weight: var(--scalar-semibold);\n  letter-spacing: 0.05em;\n  border-radius: 12px;\n  padding: 2px 8px;\n  display: inline-flex;\n  align-items: center;\n}\n.operation-action--send {\n  color: var(--scalar-color-blue);\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 88%);\n}\n.operation-action--receive {\n  color: var(--scalar-color-green);\n  background: color-mix(in srgb, var(--scalar-color-green), transparent 88%);\n}\n\n.operation-description {\n  text-align: left;\n  margin-top: 4px;\n}\n/* Space the first message accordion away from the operation header/description. */\n.operation > :deep(.message) {\n  margin-top: 12px;\n}\n</style>\n"],"mappings":""}