@scalar/api-reference 1.59.2 → 1.60.0

package/dist/components/Content/Schema/SchemaProperty.vue.script.js

@@ -45,6 +45,7 @@ var _hoisted_5 = {
 * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).
 * So you should basically use the optimizedValue everywhere in the component.
 */
+/** Composition keywords that hold a list of schemas and can be flattened when they contain a single member. */
 var SchemaProperty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SchemaProperty",
 	props: {
@@ -80,6 +81,11 @@ var SchemaProperty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		cycleKey: {}
 	},
 	setup(__props) {
+		const SINGLE_ITEM_COMPOSITIONS = [
+			"oneOf",
+			"anyOf",
+			"allOf"
+		];
 		const props = __props;
 		/** Simplified composition with `null` type. */
 		const optimizedValue = computed(() => optimizeValueForDisplay(props.schema));
@@ -122,11 +128,19 @@ var SchemaProperty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const shouldDisplayHeadingComputed = computed(() => shouldDisplayHeading(optimizedValue.value, props.name, props.required));
 		/** Computes which compositions should be rendered and with which values */
 		const compositionsToRender = computed(() => getCompositionsToRender(optimizedValue.value, props.options.document));
-		/** Get resolved array items for rendering */
+		/**
+		* Get resolved array items for rendering.
+		*
+		* When the items are wrapped in a single-item composition (e.g. `items: { allOf: [{ type: 'object', ... }] }`), we
+		* flatten that wrapper into its plain form. A composition with a single member is equivalent to that member, so
+		* keeping the composition keyword only makes the items render through an extra schema layer, which adds an
+		* unnecessary level of nesting and duplicates the item description. See https://github.com/scalar/scalar/issues/5900
+		*/
 		const resolvedArrayItems = computed(() => {
 			const value = optimizedValue.value;
 			if (!value || !isArraySchema(value) || typeof value.items !== "object") return;
-			return resolve.schema(value.items);
+			const items = resolve.schema(value.items);
+			return SINGLE_ITEM_COMPOSITIONS.some((keyword) => Array.isArray(items?.[keyword]) && items[keyword]?.length === 1) ? optimizeValueForDisplay(items) : items;
 		});
 		/**
 		* Cycle key for the array items schema, derived from the raw (unresolved) items

package/dist/components/Content/Schema/SchemaProperty.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaProperty.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, type Component } from 'vue'\n\nimport { WithBreadcrumb } from '@/components/Anchor'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getCycleKey } from '@/components/Content/Schema/helpers/schema-cycle'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport { getCompositionsToRender } from './helpers/get-compositions-to-render'\nimport { getEnumValues } from './helpers/get-enum-values'\nimport { getPropertyDescription } from './helpers/get-property-description'\nimport { hasComplexArrayItems } from './helpers/has-complex-array-items'\nimport { optimizeValueForDisplay } from './helpers/optimize-value-for-display'\nimport { shouldDisplayDescription } from './helpers/should-display-description'\nimport { shouldDisplayHeading } from './helpers/should-display-heading'\nimport Schema from './Schema.vue'\nimport SchemaComposition from './SchemaComposition.vue'\nimport SchemaEnums from './SchemaEnums.vue'\nimport SchemaPropertyHeading from './SchemaPropertyHeading.vue'\n\n/**\n * Note: We're taking in a prop called `value` which should be a JSON Schema.\n *\n * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).\n * So you should basically use the optimizedValue everywhere in the component.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    is?: string | Component\n    schema: SchemaObject | undefined\n    noncollapsible?: boolean\n    level?: number\n    name?: string\n    required?: boolean\n    compact?: boolean\n    discriminator?: DiscriminatorObject\n    description?: string\n    hideModelNames?: boolean\n    hideHeading?: boolean\n    /** When the root schema was resolved from a $ref, pass the ref name for display (e.g. \"Data\"). */\n    modelName?: string | null\n    variant?: 'additionalProperties' | 'patternProperties'\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    options: SchemaOptions\n    /** Enum values for property names (from JSON Schema propertyNames keyword). */\n    propertyNamesEnum?: string[]\n    /** When \"requestBody\", composition selection is synced with the example snippet */\n    schemaContext?: string\n    /** Internal path used to sync nested request body compositions with the code sample */\n    compositionPath?: string[]\n    /** Internal path segment for this property when building nested composition keys */\n    compositionPathSegment?: string\n    /** Stable identity of this property's schema, used for cycle detection. */\n    cycleKey?: unknown\n  }>(),\n  {\n    level: 0,\n    required: false,\n    compact: false,\n    hideModelNames: false,\n  },\n)\n\n/** Simplified composition with `null` type. */\nconst optimizedValue = computed(() => optimizeValueForDisplay(props.schema))\n\nconst childBreadcrumb = computed<string[] | undefined>(() =>\n  props.breadcrumb && props.name\n    ? [...props.breadcrumb, props.name]\n    : undefined,\n)\n\nconst currentCompositionPath = computed<string[]>(() =>\n  props.compositionPathSegment\n    ? [...(props.compositionPath ?? []), props.compositionPathSegment]\n    : (props.compositionPath ?? []),\n)\n\nconst arrayItemsCompositionPath = computed<string[]>(() => [\n  ...currentCompositionPath.value,\n  'items',\n])\n\nconst shouldHaveLink = computed(() => props.level <= 2)\n\n/** Checks if array items have complex structure */\nconst hasComplexArrayItemsComputed = computed(() =>\n  hasComplexArrayItems(optimizedValue.value),\n)\n\n/** Check if enum should be displayed (from value schema or from propertyNames) */\nconst hasEnum = computed(() => enumValues.value.length > 0)\n\n/** Determine if object properties should be displayed */\nconst shouldRenderObjectProperties = computed(() => {\n  const value = optimizedValue.value\n  if (!value) {\n    return false\n  }\n\n  return (\n    isTypeObject(value) &&\n    ('properties' in value || 'additionalProperties' in value)\n  )\n})\n\n/** Determine if array of objects should be rendered */\nconst shouldRenderArrayOfObjects = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return false\n  }\n\n  return hasComplexArrayItemsComputed.value\n})\n\n/** Extract enum values from schema or array items */\nconst enumValues = computed(() => getEnumValues(optimizedValue.value))\n\n/** Generate property description from type/format */\nconst propertyDescription = computed(() =>\n  getPropertyDescription(optimizedValue.value),\n)\n\n/** Determine if description should be displayed */\nconst displayDescription = computed(() =>\n  shouldDisplayDescription(optimizedValue.value, props.description),\n)\n\n/**\n * When the property already renders the description, avoid repeating it in the nested object schema card.\n */\nconst objectSchemaForChildren = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !displayDescription.value || !('description' in value)) {\n    return value\n  }\n\n  const { description: _description, ...schemaWithoutDescription } = value\n  return schemaWithoutDescription as SchemaObject\n})\n\n/** Determine if property heading should be displayed */\nconst shouldDisplayHeadingComputed = computed(() =>\n  shouldDisplayHeading(optimizedValue.value, props.name, props.required),\n)\n\n/** Computes which compositions should be rendered and with which values */\nconst compositionsToRender = computed(() =>\n  getCompositionsToRender(optimizedValue.value, props.options.document),\n)\n\n/** Get resolved array items for rendering */\nconst resolvedArrayItems = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return undefined\n  }\n  return resolve.schema(value.items)\n})\n\n/**\n * Cycle key for the array items schema, derived from the raw (unresolved) items\n * so a self-referential array element is detected as a cycle.\n */\nconst arrayItemsCycleKey = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value)) {\n    return undefined\n  }\n  return getCycleKey(value.items)\n})\n\n/** Check if discriminator matches current property */\nconst isDiscriminatorProperty = computed(() =>\n  Boolean(props.name && props.discriminator?.propertyName === props.name),\n)\n</script>\n<template>\n  <component\n    :is=\"is ?? 'li'\"\n    class=\"property\"\n    :class=\"[\n      `property--level-${level}`,\n      {\n        'property--compact': compact,\n        'property--deprecated': optimizedValue?.deprecated,\n      },\n    ]\">\n    <SchemaPropertyHeading\n      v-if=\"shouldDisplayHeadingComputed\"\n      class=\"group\"\n      :enum=\"hasEnum\"\n      :eventBus=\"eventBus\"\n      :hideModelNames\n      :isDiscriminator=\"isDiscriminatorProperty\"\n      :modelName=\"modelName\"\n      :required\n      :value=\"optimizedValue\">\n      <template\n        v-if=\"name\"\n        #name>\n        <WithBreadcrumb\n          :breadcrumb=\"shouldHaveLink ? childBreadcrumb : undefined\"\n          :eventBus=\"eventBus\">\n          <span\n            v-if=\"variant === 'patternProperties'\"\n            class=\"property-name-pattern-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <span\n            v-else-if=\"variant === 'additionalProperties'\"\n            class=\"property-name-additional-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <ScalarWrappingText\n            v-else\n            preset=\"property\"\n            :text=\"name\" />\n        </WithBreadcrumb>\n      </template>\n      <template\n        v-if=\"optimizedValue?.example !== undefined\"\n        #example>\n        Example:\n        {{ optimizedValue.example }}\n      </template>\n    </SchemaPropertyHeading>\n\n    <!-- Description -->\n    <div\n      v-if=\"displayDescription || propertyDescription\"\n      class=\"property-description\">\n      <ScalarMarkdown\n        :value=\"displayDescription || propertyDescription || ''\" />\n    </div>\n\n    <!-- Enum for property names -->\n    <SchemaEnums\n      v-if=\"propertyNamesEnum && propertyNamesEnum.length > 0\"\n      propertyNames\n      :value=\"{ enum: propertyNamesEnum } as SchemaObject\" />\n\n    <!-- Enum values -->\n    <SchemaEnums\n      v-if=\"enumValues.length > 0\"\n      :value=\"optimizedValue\" />\n\n    <!-- Object -->\n    <div\n      v-if=\"shouldRenderObjectProperties\"\n      class=\"children\">\n      <Schema\n        :breadcrumb=\"childBreadcrumb\"\n        :compact=\"compact\"\n        :compositionPath=\"currentCompositionPath\"\n        :cycleKey=\"cycleKey\"\n        :eventBus=\"eventBus\"\n        :hideModelNames\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"objectSchemaForChildren\"\n        :schemaContext=\"schemaContext\" />\n    </div>\n\n    <!-- Array of objects or nested arrays -->\n    <div\n      v-if=\"shouldRenderArrayOfObjects && resolvedArrayItems\"\n      class=\"children\">\n      <Schema\n        :compact=\"compact\"\n        :compositionPath=\"arrayItemsCompositionPath\"\n        :cycleKey=\"arrayItemsCycleKey\"\n        :eventBus=\"eventBus\"\n        :hideModelNames\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"resolve.schema(resolvedArrayItems)\"\n        :schemaContext=\"schemaContext\" />\n    </div>\n\n    <!-- Compositions -->\n    <SchemaComposition\n      v-for=\"compositionData in compositionsToRender\"\n      :key=\"compositionData.composition\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :composition=\"compositionData.composition\"\n      :compositionPath=\"currentCompositionPath\"\n      :discriminator=\"schema?.discriminator\"\n      :eventBus=\"eventBus\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level\"\n      :name=\"name\"\n      :noncollapsible=\"noncollapsible\"\n      :options=\"options\"\n      :schema=\"compositionData.value\"\n      :schemaContext=\"schemaContext\" />\n    <SpecificationExtension :value=\"optimizedValue\" />\n  </component>\n</template>\n\n<style scoped>\n.property {\n  color: var(--scalar-color-1);\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  font-size: var(--scalar-small);\n  position: relative;\n}\n\n/** Remove top padding for top level schema card */\n.property.property--level-0:has(\n    > .property-rule\n      > .schema-card\n      > .schema-properties.schema-properties-open\n      > ul\n      > li.property\n  ) {\n  padding-top: 0;\n}\n\n.property--compact.property--level-0,\n.property--compact.property--level-1 {\n  padding: 10px 0;\n}\n\n.composition-panel .property.property.property.property--level-0 {\n  padding: 0px;\n}\n\n.property--compact.property--level-0\n  .composition-panel\n  .property--compact.property--level-1 {\n  padding: 8px;\n}\n\n/*  if a property doesn't have a heading, remove the top padding */\n.property:has(> .property-rule:nth-of-type(1)):not(.property--compact) {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.property--deprecated {\n  background: repeating-linear-gradient(\n    -45deg,\n    var(--scalar-background-2) 0,\n    var(--scalar-background-2) 2px,\n    transparent 2px,\n    transparent 5px\n  );\n  background-size: 100%;\n}\n\n.property--deprecated > * {\n  opacity: 0.75;\n}\n\n.property-description {\n  margin-top: 6px;\n  line-height: 1.4;\n  font-size: var(--scalar-small);\n}\n\n.property-description:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n:deep(.property-description) * {\n  color: var(--scalar-color-2) !important;\n}\n\n.property:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-description + .children,\n.children + .property-rule {\n  margin-top: 9px;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n}\n\n.children .property--compact.property--level-1 {\n  padding: 12px;\n}\n\n.property-example-value {\n  all: unset;\n  font-family: var(--scalar-font-code);\n  padding: 6px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-rule {\n  border-radius: var(--scalar-radius-lg);\n  display: flex;\n  flex-direction: column;\n}\n\n.property--level-2 :deep(.relative > button) {\n  left: -2rem;\n}\n\n.property-rule\n  :deep(\n    .composition-panel\n      .schema-card--level-1\n      > .schema-properties.schema-properties-open\n  ) {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n\n.property-rule\n  :deep(.composition-panel > .schema-card > .schema-card-description) {\n  padding: 10px;\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  & + .schema-properties {\n    margin-top: 0;\n  }\n}\n\n.property-example {\n  background: transparent;\n  border: none;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n}\n\n.property-example-label,\n.property-example-value {\n  padding: 3px 0 0 0;\n}\n\n.property-example-value {\n  background: var(--scalar-background-2);\n  border-top: 0;\n  border-radius: var(--scalar-radius);\n  padding: 3px 4px;\n}\n\n.property-name {\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-semibold);\n}\n\n.property-name-additional-properties::before,\n.property-name-pattern-properties::before {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  display: inline-block;\n  padding: 2px 4px;\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  background-color: var(--scalar-background-2);\n  margin-right: 4px;\n}\n\n.property-name-pattern-properties::before {\n  content: 'regex';\n}\n\n.property-name-additional-properties,\n.property-name-pattern-properties {\n  border: 1px dashed var(--scalar-border-color);\n  color: var(--scalar-color-accent);\n  display: inline-block;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"SchemaProperty.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, type Component } from 'vue'\n\nimport { WithBreadcrumb } from '@/components/Anchor'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getCycleKey } from '@/components/Content/Schema/helpers/schema-cycle'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport { getCompositionsToRender } from './helpers/get-compositions-to-render'\nimport { getEnumValues } from './helpers/get-enum-values'\nimport { getPropertyDescription } from './helpers/get-property-description'\nimport { hasComplexArrayItems } from './helpers/has-complex-array-items'\nimport { optimizeValueForDisplay } from './helpers/optimize-value-for-display'\nimport { shouldDisplayDescription } from './helpers/should-display-description'\nimport { shouldDisplayHeading } from './helpers/should-display-heading'\nimport Schema from './Schema.vue'\nimport SchemaComposition from './SchemaComposition.vue'\nimport SchemaEnums from './SchemaEnums.vue'\nimport SchemaPropertyHeading from './SchemaPropertyHeading.vue'\n\n/**\n * Note: We're taking in a prop called `value` which should be a JSON Schema.\n *\n * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).\n * So you should basically use the optimizedValue everywhere in the component.\n */\n\n/** Composition keywords that hold a list of schemas and can be flattened when they contain a single member. */\nconst SINGLE_ITEM_COMPOSITIONS = ['oneOf', 'anyOf', 'allOf'] as const\n\nconst props = withDefaults(\n  defineProps<{\n    is?: string | Component\n    schema: SchemaObject | undefined\n    noncollapsible?: boolean\n    level?: number\n    name?: string\n    required?: boolean\n    compact?: boolean\n    discriminator?: DiscriminatorObject\n    description?: string\n    hideModelNames?: boolean\n    hideHeading?: boolean\n    /** When the root schema was resolved from a $ref, pass the ref name for display (e.g. \"Data\"). */\n    modelName?: string | null\n    variant?: 'additionalProperties' | 'patternProperties'\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    options: SchemaOptions\n    /** Enum values for property names (from JSON Schema propertyNames keyword). */\n    propertyNamesEnum?: string[]\n    /** When \"requestBody\", composition selection is synced with the example snippet */\n    schemaContext?: string\n    /** Internal path used to sync nested request body compositions with the code sample */\n    compositionPath?: string[]\n    /** Internal path segment for this property when building nested composition keys */\n    compositionPathSegment?: string\n    /** Stable identity of this property's schema, used for cycle detection. */\n    cycleKey?: unknown\n  }>(),\n  {\n    level: 0,\n    required: false,\n    compact: false,\n    hideModelNames: false,\n  },\n)\n\n/** Simplified composition with `null` type. */\nconst optimizedValue = computed(() => optimizeValueForDisplay(props.schema))\n\nconst childBreadcrumb = computed<string[] | undefined>(() =>\n  props.breadcrumb && props.name\n    ? [...props.breadcrumb, props.name]\n    : undefined,\n)\n\nconst currentCompositionPath = computed<string[]>(() =>\n  props.compositionPathSegment\n    ? [...(props.compositionPath ?? []), props.compositionPathSegment]\n    : (props.compositionPath ?? []),\n)\n\nconst arrayItemsCompositionPath = computed<string[]>(() => [\n  ...currentCompositionPath.value,\n  'items',\n])\n\nconst shouldHaveLink = computed(() => props.level <= 2)\n\n/** Checks if array items have complex structure */\nconst hasComplexArrayItemsComputed = computed(() =>\n  hasComplexArrayItems(optimizedValue.value),\n)\n\n/** Check if enum should be displayed (from value schema or from propertyNames) */\nconst hasEnum = computed(() => enumValues.value.length > 0)\n\n/** Determine if object properties should be displayed */\nconst shouldRenderObjectProperties = computed(() => {\n  const value = optimizedValue.value\n  if (!value) {\n    return false\n  }\n\n  return (\n    isTypeObject(value) &&\n    ('properties' in value || 'additionalProperties' in value)\n  )\n})\n\n/** Determine if array of objects should be rendered */\nconst shouldRenderArrayOfObjects = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return false\n  }\n\n  return hasComplexArrayItemsComputed.value\n})\n\n/** Extract enum values from schema or array items */\nconst enumValues = computed(() => getEnumValues(optimizedValue.value))\n\n/** Generate property description from type/format */\nconst propertyDescription = computed(() =>\n  getPropertyDescription(optimizedValue.value),\n)\n\n/** Determine if description should be displayed */\nconst displayDescription = computed(() =>\n  shouldDisplayDescription(optimizedValue.value, props.description),\n)\n\n/**\n * When the property already renders the description, avoid repeating it in the nested object schema card.\n */\nconst objectSchemaForChildren = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !displayDescription.value || !('description' in value)) {\n    return value\n  }\n\n  const { description: _description, ...schemaWithoutDescription } = value\n  return schemaWithoutDescription as SchemaObject\n})\n\n/** Determine if property heading should be displayed */\nconst shouldDisplayHeadingComputed = computed(() =>\n  shouldDisplayHeading(optimizedValue.value, props.name, props.required),\n)\n\n/** Computes which compositions should be rendered and with which values */\nconst compositionsToRender = computed(() =>\n  getCompositionsToRender(optimizedValue.value, props.options.document),\n)\n\n/**\n * Get resolved array items for rendering.\n *\n * When the items are wrapped in a single-item composition (e.g. `items: { allOf: [{ type: 'object', ... }] }`), we\n * flatten that wrapper into its plain form. A composition with a single member is equivalent to that member, so\n * keeping the composition keyword only makes the items render through an extra schema layer, which adds an\n * unnecessary level of nesting and duplicates the item description. See https://github.com/scalar/scalar/issues/5900\n */\nconst resolvedArrayItems = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return undefined\n  }\n\n  const items = resolve.schema(value.items)\n  const hasSingleItemComposition = SINGLE_ITEM_COMPOSITIONS.some(\n    (keyword) =>\n      Array.isArray(items?.[keyword]) && items[keyword]?.length === 1,\n  )\n\n  return hasSingleItemComposition ? optimizeValueForDisplay(items) : items\n})\n\n/**\n * Cycle key for the array items schema, derived from the raw (unresolved) items\n * so a self-referential array element is detected as a cycle.\n */\nconst arrayItemsCycleKey = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value)) {\n    return undefined\n  }\n  return getCycleKey(value.items)\n})\n\n/** Check if discriminator matches current property */\nconst isDiscriminatorProperty = computed(() =>\n  Boolean(props.name && props.discriminator?.propertyName === props.name),\n)\n</script>\n<template>\n  <component\n    :is=\"is ?? 'li'\"\n    class=\"property\"\n    :class=\"[\n      `property--level-${level}`,\n      {\n        'property--compact': compact,\n        'property--deprecated': optimizedValue?.deprecated,\n      },\n    ]\">\n    <SchemaPropertyHeading\n      v-if=\"shouldDisplayHeadingComputed\"\n      class=\"group\"\n      :enum=\"hasEnum\"\n      :eventBus=\"eventBus\"\n      :hideModelNames\n      :isDiscriminator=\"isDiscriminatorProperty\"\n      :modelName=\"modelName\"\n      :required\n      :value=\"optimizedValue\">\n      <template\n        v-if=\"name\"\n        #name>\n        <WithBreadcrumb\n          :breadcrumb=\"shouldHaveLink ? childBreadcrumb : undefined\"\n          :eventBus=\"eventBus\">\n          <span\n            v-if=\"variant === 'patternProperties'\"\n            class=\"property-name-pattern-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <span\n            v-else-if=\"variant === 'additionalProperties'\"\n            class=\"property-name-additional-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <ScalarWrappingText\n            v-else\n            preset=\"property\"\n            :text=\"name\" />\n        </WithBreadcrumb>\n      </template>\n      <template\n        v-if=\"optimizedValue?.example !== undefined\"\n        #example>\n        Example:\n        {{ optimizedValue.example }}\n      </template>\n    </SchemaPropertyHeading>\n\n    <!-- Description -->\n    <div\n      v-if=\"displayDescription || propertyDescription\"\n      class=\"property-description\">\n      <ScalarMarkdown\n        :value=\"displayDescription || propertyDescription || ''\" />\n    </div>\n\n    <!-- Enum for property names -->\n    <SchemaEnums\n      v-if=\"propertyNamesEnum && propertyNamesEnum.length > 0\"\n      propertyNames\n      :value=\"{ enum: propertyNamesEnum } as SchemaObject\" />\n\n    <!-- Enum values -->\n    <SchemaEnums\n      v-if=\"enumValues.length > 0\"\n      :value=\"optimizedValue\" />\n\n    <!-- Object -->\n    <div\n      v-if=\"shouldRenderObjectProperties\"\n      class=\"children\">\n      <Schema\n        :breadcrumb=\"childBreadcrumb\"\n        :compact=\"compact\"\n        :compositionPath=\"currentCompositionPath\"\n        :cycleKey=\"cycleKey\"\n        :eventBus=\"eventBus\"\n        :hideModelNames\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"objectSchemaForChildren\"\n        :schemaContext=\"schemaContext\" />\n    </div>\n\n    <!-- Array of objects or nested arrays -->\n    <div\n      v-if=\"shouldRenderArrayOfObjects && resolvedArrayItems\"\n      class=\"children\">\n      <Schema\n        :compact=\"compact\"\n        :compositionPath=\"arrayItemsCompositionPath\"\n        :cycleKey=\"arrayItemsCycleKey\"\n        :eventBus=\"eventBus\"\n        :hideModelNames\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"resolve.schema(resolvedArrayItems)\"\n        :schemaContext=\"schemaContext\" />\n    </div>\n\n    <!-- Compositions -->\n    <SchemaComposition\n      v-for=\"compositionData in compositionsToRender\"\n      :key=\"compositionData.composition\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :composition=\"compositionData.composition\"\n      :compositionPath=\"currentCompositionPath\"\n      :discriminator=\"schema?.discriminator\"\n      :eventBus=\"eventBus\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level\"\n      :name=\"name\"\n      :noncollapsible=\"noncollapsible\"\n      :options=\"options\"\n      :schema=\"compositionData.value\"\n      :schemaContext=\"schemaContext\" />\n    <SpecificationExtension :value=\"optimizedValue\" />\n  </component>\n</template>\n\n<style scoped>\n.property {\n  color: var(--scalar-color-1);\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  font-size: var(--scalar-small);\n  position: relative;\n}\n\n/** Remove top padding for top level schema card */\n.property.property--level-0:has(\n    > .property-rule\n      > .schema-card\n      > .schema-properties.schema-properties-open\n      > ul\n      > li.property\n  ) {\n  padding-top: 0;\n}\n\n.property--compact.property--level-0,\n.property--compact.property--level-1 {\n  padding: 10px 0;\n}\n\n.composition-panel .property.property.property.property--level-0 {\n  padding: 0px;\n}\n\n.property--compact.property--level-0\n  .composition-panel\n  .property--compact.property--level-1 {\n  padding: 8px;\n}\n\n/*  if a property doesn't have a heading, remove the top padding */\n.property:has(> .property-rule:nth-of-type(1)):not(.property--compact) {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.property--deprecated {\n  background: repeating-linear-gradient(\n    -45deg,\n    var(--scalar-background-2) 0,\n    var(--scalar-background-2) 2px,\n    transparent 2px,\n    transparent 5px\n  );\n  background-size: 100%;\n}\n\n.property--deprecated > * {\n  opacity: 0.75;\n}\n\n.property-description {\n  margin-top: 6px;\n  line-height: 1.4;\n  font-size: var(--scalar-small);\n}\n\n.property-description:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n:deep(.property-description) * {\n  color: var(--scalar-color-2) !important;\n}\n\n.property:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-description + .children,\n.children + .property-rule {\n  margin-top: 9px;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n}\n\n.children .property--compact.property--level-1 {\n  padding: 12px;\n}\n\n.property-example-value {\n  all: unset;\n  font-family: var(--scalar-font-code);\n  padding: 6px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-rule {\n  border-radius: var(--scalar-radius-lg);\n  display: flex;\n  flex-direction: column;\n}\n\n.property--level-2 :deep(.relative > button) {\n  left: -2rem;\n}\n\n.property-rule\n  :deep(\n    .composition-panel\n      .schema-card--level-1\n      > .schema-properties.schema-properties-open\n  ) {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n\n.property-rule\n  :deep(.composition-panel > .schema-card > .schema-card-description) {\n  padding: 10px;\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  & + .schema-properties {\n    margin-top: 0;\n  }\n}\n\n.property-example {\n  background: transparent;\n  border: none;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n}\n\n.property-example-label,\n.property-example-value {\n  padding: 3px 0 0 0;\n}\n\n.property-example-value {\n  background: var(--scalar-background-2);\n  border-top: 0;\n  border-radius: var(--scalar-radius);\n  padding: 3px 4px;\n}\n\n.property-name {\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-semibold);\n}\n\n.property-name-additional-properties::before,\n.property-name-pattern-properties::before {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  display: inline-block;\n  padding: 2px 4px;\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  background-color: var(--scalar-background-2);\n  margin-right: 4px;\n}\n\n.property-name-pattern-properties::before {\n  content: 'regex';\n}\n\n.property-name-additional-properties,\n.property-name-pattern-properties {\n  border: 1px dashed var(--scalar-border-color);\n  color: var(--scalar-color-accent);\n  display: inline-block;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Content/Schema/helpers/should-display-description.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"should-display-description.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAEhG;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,GAAG,SAAS,EAAE,kBAAkB,MAAM,KAAG,MAAM,GAAG,IAe9G,CAAA"}
+{"version":3,"file":"should-display-description.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAEhG;;;;;;GAMG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,GAAG,SAAS,EAAE,kBAAkB,MAAM,KAAG,MAAM,GAAG,IAmB9G,CAAA"}

package/dist/components/Content/Schema/helpers/should-display-description.js

@@ -9,7 +9,7 @@
 var shouldDisplayDescription = (schema, propDescription) => {
 	if (!schema) return null;
 	if (schema.allOf) return null;
-	if (propDescription && schema.description && (schema.oneOf || schema.anyOf)) return propDescription === schema.description ? propDescription : `${propDescription}\n\n${schema.description}`;
+	if (propDescription && schema.description) return propDescription === schema.description ? propDescription : `${propDescription}\n\n${schema.description}`;
 	return propDescription || schema.description || null;
 };
 //#endregion

package/dist/components/Content/Schema/helpers/should-display-description.js.map

@@ -1 +1 @@
-{"version":3,"file":"should-display-description.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if description should be displayed\n *\n * @param schema - The schema object to check\n * @param propDescription - Optional description from props\n * @returns Description string to display, or null if should not be displayed\n */\nexport const shouldDisplayDescription = (schema: SchemaObject | undefined, propDescription?: string): string | null => {\n  if (!schema) {\n    return null\n  }\n\n  // Don't show description for schemas with compositions to avoid duplicate descriptions\n  if (schema.allOf) {\n    return null\n  }\n\n  if (propDescription && schema.description && (schema.oneOf || schema.anyOf)) {\n    return propDescription === schema.description ? propDescription : `${propDescription}\\n\\n${schema.description}`\n  }\n\n  return propDescription || schema.description || null\n}\n"],"mappings":";;;;;;;;AASA,IAAa,4BAA4B,QAAkC,oBAA4C;AACrH,KAAI,CAAC,OACH,QAAO;AAIT,KAAI,OAAO,MACT,QAAO;AAGT,KAAI,mBAAmB,OAAO,gBAAgB,OAAO,SAAS,OAAO,OACnE,QAAO,oBAAoB,OAAO,cAAc,kBAAkB,GAAG,gBAAgB,MAAM,OAAO;AAGpG,QAAO,mBAAmB,OAAO,eAAe"}
+{"version":3,"file":"should-display-description.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/should-display-description.ts"],"sourcesContent":["import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/**\n * Determine if description should be displayed\n *\n * @param schema - The schema object to check\n * @param propDescription - Optional description from props\n * @returns Description string to display, or null if should not be displayed\n */\nexport const shouldDisplayDescription = (schema: SchemaObject | undefined, propDescription?: string): string | null => {\n  if (!schema) {\n    return null\n  }\n\n  // Don't show description for schemas with compositions to avoid duplicate descriptions\n  if (schema.allOf) {\n    return null\n  }\n\n  // When both an external description (e.g. a response or parameter description) and the\n  // schema's own description are present, show both so neither is lost. This matters for\n  // responses with multiple content types where each media type schema carries its own\n  // description (see expandAllResponses). Identical descriptions are shown only once.\n  if (propDescription && schema.description) {\n    return propDescription === schema.description ? propDescription : `${propDescription}\\n\\n${schema.description}`\n  }\n\n  return propDescription || schema.description || null\n}\n"],"mappings":";;;;;;;;AASA,IAAa,4BAA4B,QAAkC,oBAA4C;AACrH,KAAI,CAAC,OACH,QAAO;AAIT,KAAI,OAAO,MACT,QAAO;AAOT,KAAI,mBAAmB,OAAO,YAC5B,QAAO,oBAAoB,OAAO,cAAc,kBAAkB,GAAG,gBAAgB,MAAM,OAAO;AAGpG,QAAO,mBAAmB,OAAO,eAAe"}

package/dist/components/Content/Tags/Tag.vue.d.ts

@@ -4,7 +4,6 @@ type __VLS_Props = {
     tag: TraversedTag;
     layout: 'classic' | 'modern';
     moreThanOneTag: boolean;
-    isLoading: boolean;
     isCollapsed: boolean;
     eventBus: WorkspaceEventBus | null;
 };

package/dist/components/Content/Tags/Tag.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AA0CA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAK9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAoEF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/Tag.vue"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAK9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAkEF,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/Tag.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag, isLoading } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Tag.vue.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":""}

package/dist/components/Content/Tags/Tag.vue.script.js

@@ -8,7 +8,6 @@ var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 		tag: {},
 		layout: {},
 		moreThanOneTag: { type: Boolean },
-		isLoading: { type: Boolean },
 		isCollapsed: { type: Boolean },
 		eventBus: {}
 	},
@@ -32,7 +31,6 @@ var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 				key: 1,
 				eventBus: __props.eventBus,
 				isCollapsed: __props.isCollapsed,
-				isLoading: __props.isLoading,
 				layout: __props.layout,
 				moreThanOneTag: __props.moreThanOneTag,
 				tag: __props.tag
@@ -42,7 +40,6 @@ var Tag_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			}, 8, [
 				"eventBus",
 				"isCollapsed",
-				"isLoading",
 				"layout",
 				"moreThanOneTag",
 				"tag"

package/dist/components/Content/Tags/Tag.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.script.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag, isLoading } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;UAkBkB,QAAA,WAAM,aAAA,WAAA,EACpB,YAMgB,uBAAA;;IALb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;uBAIV,YAQe,sBAAA;;IAPZ,UAAU,QAAA;IACV,aAAa,QAAA;IACb,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,gBAAgB,QAAA;IAChB,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Tag.vue.script.js","names":[],"sources":["../../../../src/components/Content/Tags/Tag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport ClassicLayout from './components/ClassicLayout.vue'\nimport ModernLayout from './components/ModernLayout.vue'\n\nconst { tag, layout, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  layout: 'classic' | 'modern'\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <template v-if=\"layout === 'classic'\">\n    <ClassicLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :tag=\"tag\">\n      <slot />\n    </ClassicLayout>\n  </template>\n  <template v-else>\n    <ModernLayout\n      :eventBus=\"eventBus\"\n      :isCollapsed=\"isCollapsed\"\n      :layout=\"layout\"\n      :moreThanOneTag=\"moreThanOneTag\"\n      :tag=\"tag\">\n      <slot />\n    </ModernLayout>\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;UAiBkB,QAAA,WAAM,aAAA,WAAA,EACpB,YAMgB,uBAAA;;IALb,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;uBAIV,YAOe,sBAAA;;IANZ,UAAU,QAAA;IACV,aAAa,QAAA;IACb,QAAQ,QAAA;IACR,gBAAgB,QAAA;IAChB,KAAK,QAAA;;2BACE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/Content/Tags/components/ModernLayout.vue.d.ts

@@ -3,7 +3,6 @@ import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
     moreThanOneTag: boolean;
-    isLoading: boolean;
     isCollapsed: boolean;
     eventBus: WorkspaceEventBus | null;
 };

package/dist/components/Content/Tags/components/ModernLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAQ9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AA0GF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAQ9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAwGF,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Content/Tags/components/ModernLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ModernLayout_vue_vue_type_script_setup_true_lang_default from "./ModernLayout.vue.script.js";
 /* empty css                           */
 //#region src/components/Content/Tags/components/ModernLayout.vue
-var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8f1a275c"]]);
+var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-5d1b311c"]]);
 //#endregion
 export { ModernLayout_default as default };
 

package/dist/components/Content/Tags/components/ModernLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ModernLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":""}

package/dist/components/Content/Tags/components/ModernLayout.vue.script.js

@@ -12,7 +12,6 @@ var ModernLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 	props: {
 		tag: {},
 		moreThanOneTag: { type: Boolean },
-		isLoading: { type: Boolean },
 		isCollapsed: { type: Boolean },
 		eventBus: {}
 	},
@@ -32,13 +31,11 @@ var ModernLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 						eventBus: __props.eventBus,
 						headerId: unref(headerId),
 						isCollapsed: __props.isCollapsed,
-						isLoading: __props.isLoading,
 						tag: __props.tag
 					}, null, 8, [
 						"eventBus",
 						"headerId",
 						"isCollapsed",
-						"isLoading",
 						"tag"
 					])) : createCommentVNode("", true),
 					__props.isCollapsed && __props.moreThanOneTag && hasChildren.value ? (openBlock(), createBlock(ShowMoreButton_default, {

package/dist/components/Content/Tags/components/ModernLayout.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isLoading: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :isLoading=\"isLoading\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAkBA,MAAM,WAAW,OAAM;EAEvB,MAAM,wBAAwB,eACtB,QAAA,kBAAkB,QAAA,KAAK,UAAU,aAAa,QAAA,KAAK,gBAAgB,GAC3E;EAEA,MAAM,cAAc,gBAAgB,QAAA,KAAK,UAAU,UAAU,KAAK,EAAC;;uBAIjE,YAyBmB,MAAA,yBAAA,EAAA;IAxBhB,mBAAiB,MAAA,SAAQ;IAC1B,OAAM;IACN,MAAK;;2BAOU;KALP,sBAAA,SAAA,WAAA,EADR,YAMe,oBAAA;;MAJZ,UAAU,QAAA;MACV,UAAU,MAAA,SAAQ;MAClB,aAAa,QAAA;MACb,WAAW,QAAA;MACX,KAAK,QAAA;;;;;;;;KAEA,QAAA,eAAe,QAAA,kBAAkB,YAAA,SAAA,WAAA,EADzC,YAMM,wBAAA;;MAJH,IAAI,QAAA,IAAI;MACR,cAAU,YAAc,QAAA,IAAI,MAAK;MACjC,SAAK,OAAA,OAAA,OAAA,WAAiB,QAAA,UAAU,KAAI,mBAAA;OAAA,IAA0B,QAAA,IAAI;OAAE,MAAA;OAAA,CAAA;;OAM7D,QAAA,eAAe,QAAA,mBAAA,WAAA,EADzB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}
+{"version":3,"file":"ModernLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ModernLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\nimport { computed, useId } from 'vue'\n\nimport { SectionContainer } from '@/components/Section'\nimport ShowMoreButton from '@/components/ShowMoreButton.vue'\n\nimport TagSection from './TagSection.vue'\n\nconst { tag, moreThanOneTag } = defineProps<{\n  tag: TraversedTag\n  moreThanOneTag: boolean\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n\nconst headerId = useId()\n\nconst moreThanOneDefaultTag = computed(\n  () => moreThanOneTag || tag?.title !== 'default' || tag?.description !== '',\n)\n\nconst hasChildren = computed(() => (tag?.children?.length ?? 0) > 0)\n</script>\n\n<template>\n  <SectionContainer\n    :aria-labelledby=\"headerId\"\n    class=\"tag-section-container\"\n    role=\"region\">\n    <TagSection\n      v-if=\"moreThanOneDefaultTag\"\n      :eventBus=\"eventBus\"\n      :headerId=\"headerId\"\n      :isCollapsed=\"isCollapsed\"\n      :tag=\"tag\" />\n    <ShowMoreButton\n      v-if=\"isCollapsed && moreThanOneTag && hasChildren\"\n      :id=\"tag.id\"\n      :aria-label=\"`Show all ${tag.title} endpoints`\"\n      @click=\"\n        () => eventBus?.emit('toggle:nav-item', { id: tag.id, open: true })\n      \" />\n\n    <!-- Show slot when section is expanded or single-tag (inverse of ShowMoreButton visibility). -->\n    <div\n      v-if=\"!(isCollapsed && moreThanOneTag)\"\n      class=\"contents divide-y\">\n      <slot />\n    </div>\n  </SectionContainer>\n</template>\n\n<style scoped>\n.section-container {\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.section-container:has(.show-more) {\n  background-color: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAiBA,MAAM,WAAW,OAAM;EAEvB,MAAM,wBAAwB,eACtB,QAAA,kBAAkB,QAAA,KAAK,UAAU,aAAa,QAAA,KAAK,gBAAgB,GAC3E;EAEA,MAAM,cAAc,gBAAgB,QAAA,KAAK,UAAU,UAAU,KAAK,EAAC;;uBAIjE,YAwBmB,MAAA,yBAAA,EAAA;IAvBhB,mBAAiB,MAAA,SAAQ;IAC1B,OAAM;IACN,MAAK;;2BAMU;KAJP,sBAAA,SAAA,WAAA,EADR,YAKe,oBAAA;;MAHZ,UAAU,QAAA;MACV,UAAU,MAAA,SAAQ;MAClB,aAAa,QAAA;MACb,KAAK,QAAA;;;;;;;KAEA,QAAA,eAAe,QAAA,kBAAkB,YAAA,SAAA,WAAA,EADzC,YAMM,wBAAA;;MAJH,IAAI,QAAA,IAAI;MACR,cAAU,YAAc,QAAA,IAAI,MAAK;MACjC,SAAK,OAAA,OAAA,OAAA,WAAiB,QAAA,UAAU,KAAI,mBAAA;OAAA,IAA0B,QAAA,IAAI;OAAE,MAAA;OAAA,CAAA;;OAM7D,QAAA,eAAe,QAAA,mBAAA,WAAA,EADzB,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

package/dist/components/Content/Tags/components/TagSection.vue.d.ts

@@ -4,7 +4,6 @@ type __VLS_Props = {
     tag: TraversedTag;
     headerId?: string;
     isCollapsed?: boolean;
-    isLoading?: boolean;
     eventBus: WorkspaceEventBus | null;
 };
 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>;

package/dist/components/Content/Tags/components/TagSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAe9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAmNF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAe9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;CACnC,CAAC;AAgNF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/Tags/components/TagSection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  isLoading?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader v-show=\"!isLoading\">\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent :loading=\"isLoading\">\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TagSection.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent>\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":""}

package/dist/components/Content/Tags/components/TagSection.vue.script.js

@@ -8,7 +8,7 @@ import ScreenReader_default from "../../../ScreenReader.vue.js";
 import Anchor_default from "../../../Anchor/Anchor.vue.js";
 import SpecificationExtension_default from "../../../../features/specification-extension/SpecificationExtension.vue.js";
 import OperationsList_default from "../../../OperationsList/OperationsList.vue.js";
-import { createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { createBlock, createCommentVNode, createTextVNode, createVNode, defineComponent, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { ScalarMarkdown } from "@scalar/components/markdown";
 //#region src/components/Content/Tags/components/TagSection.vue?vue&type=script&setup=true&lang.ts
 var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -17,7 +17,6 @@ var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		tag: {},
 		headerId: {},
 		isCollapsed: { type: Boolean },
-		isLoading: { type: Boolean },
 		eventBus: {}
 	},
 	setup(__props) {
@@ -29,7 +28,7 @@ var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				onIntersecting: _cache[1] || (_cache[1] = () => __props.eventBus?.emit("intersecting:nav-item", { id: __props.tag.id }))
 			}, {
 				default: withCtx(() => [
-					withDirectives(createVNode(unref(SectionHeader_default), null, {
+					createVNode(unref(SectionHeader_default), null, {
 						default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.tag.id })) }, {
 							default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), {
 								id: __props.headerId,
@@ -44,8 +43,8 @@ var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							_: 1
 						})]),
 						_: 1
-					}, 512), [[vShow, !__props.isLoading]]),
-					createVNode(unref(SectionContent_default), { loading: __props.isLoading }, {
+					}),
+					createVNode(unref(SectionContent_default), null, {
 						default: withCtx(() => [createVNode(unref(SectionColumns_default), null, {
 							default: withCtx(() => [createVNode(unref(SectionColumn_default), null, {
 								default: withCtx(() => [createVNode(unref(ScalarMarkdown), {
@@ -64,7 +63,7 @@ var TagSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 							_: 1
 						})]),
 						_: 1
-					}, 8, ["loading"]),
+					}),
 					createVNode(unref(SpecificationExtension_default), { value: __props.tag.xKeys }, null, 8, ["value"])
 				]),
 				_: 1

package/dist/components/Content/Tags/components/TagSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  isLoading?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader v-show=\"!isLoading\">\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent :loading=\"isLoading\">\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;UA4BU,QAAA,OAAA,WAAA,EADR,YAoCU,MAAA,gBAAA,EAAA;;IAlCP,IAAI,QAAA,IAAI;IACT,MAAK;IACJ,gBAAY,OAAA,OAAA,OAAA,WAAe,QAAA,UAAU,KAAI,yBAAA,EAAA,IAAgC,QAAA,IAAI,IAAE,CAAA;;2BAehE;oBAZhB,YAYgB,MAAA,sBAAA,EAAA,MAAA;6BADL,CAVT,YAUS,MAAA,eAAA,EAAA,EATN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;8BAQ9D,CALnB,YAKmB,MAAA,yBAAA,EAAA;QAJhB,IAAI,QAAA;QACJ,OAAO;;+BACO,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,GAAG,KACf,EAAA,EAAoB,QAAA,eAAA,WAAA,EAApB,YAA4D,sBAAA,EAAA,KAAA,GAAA,EAAA;gCAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;;;;;;;;wBAT3B,QAAA,UAAS,CAAA,CAAA;KAajC,YAciB,MAAA,uBAAA,EAAA,EAdA,SAAS,QAAA,WAAS,EAAA;6BAahB,CAZjB,YAYiB,MAAA,uBAAA,EAAA,MAAA;8BANC,CALhB,YAKgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAHf,YAGe,MAAA,eAAA,EAAA;SAFZ,OAAO,QAAA,cAAW,IAAO,KAAA;SACzB,OAAO,QAAA,KAAK,eAAW;SACxB,YAAA;;;WAEJ,YAIgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAFf,YAEe,MAAA,uBAAA,EAAA;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;;;;;;;;KAId,YAA6C,MAAA,+BAAA,EAAA,EAApB,OAAO,QAAA,IAAI,OAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"TagSection.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/TagSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport { OperationsList } from '@/components/OperationsList'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport {\n  Section,\n  SectionColumn,\n  SectionColumns,\n  SectionContent,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nconst { tag, headerId, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  headerId?: string\n  isCollapsed?: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n<template>\n  <Section\n    v-if=\"tag\"\n    :id=\"tag.id\"\n    role=\"none\"\n    @intersecting=\"\n      () => eventBus?.emit('intersecting:nav-item', { id: tag.id })\n    \">\n    <SectionHeader>\n      <Anchor\n        @copyAnchorUrl=\"\n          () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n        \">\n        <SectionHeaderTag\n          :id=\"headerId\"\n          :level=\"2\">\n          {{ tag.title }}\n          <ScreenReader v-if=\"isCollapsed\"> (Collapsed)</ScreenReader>\n        </SectionHeaderTag>\n      </Anchor>\n    </SectionHeader>\n    <SectionContent>\n      <SectionColumns>\n        <SectionColumn>\n          <ScalarMarkdown\n            :clamp=\"isCollapsed ? 7 : undefined\"\n            :value=\"tag?.description ?? ''\"\n            withImages />\n        </SectionColumn>\n        <SectionColumn>\n          <OperationsList\n            :eventBus=\"eventBus\"\n            :tag=\"tag\" />\n        </SectionColumn>\n      </SectionColumns>\n    </SectionContent>\n    <SpecificationExtension :value=\"tag.xKeys\" />\n  </Section>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;UA2BU,QAAA,OAAA,WAAA,EADR,YAoCU,MAAA,gBAAA,EAAA;;IAlCP,IAAI,QAAA,IAAI;IACT,MAAK;IACJ,gBAAY,OAAA,OAAA,OAAA,WAAe,QAAA,UAAU,KAAI,yBAAA,EAAA,IAAgC,QAAA,IAAI,IAAE,CAAA;;2BAehE;KAZhB,YAYgB,MAAA,sBAAA,EAAA,MAAA;6BADL,CAVT,YAUS,MAAA,eAAA,EAAA,EATN,iBAAa,OAAA,OAAA,OAAA,WAAmB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;8BAQ9D,CALnB,YAKmB,MAAA,yBAAA,EAAA;QAJhB,IAAI,QAAA;QACJ,OAAO;;+BACO,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,GAAG,KACf,EAAA,EAAoB,QAAA,eAAA,WAAA,EAApB,YAA4D,sBAAA,EAAA,KAAA,GAAA,EAAA;gCAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAZ,gBAAY,GAAA,CAAA,EAAA,CAAA;;;;;;;;;KAInD,YAciB,MAAA,uBAAA,EAAA,MAAA;6BADE,CAZjB,YAYiB,MAAA,uBAAA,EAAA,MAAA;8BANC,CALhB,YAKgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAHf,YAGe,MAAA,eAAA,EAAA;SAFZ,OAAO,QAAA,cAAW,IAAO,KAAA;SACzB,OAAO,QAAA,KAAK,eAAW;SACxB,YAAA;;;WAEJ,YAIgB,MAAA,sBAAA,EAAA,MAAA;+BADC,CAFf,YAEe,MAAA,uBAAA,EAAA;SADZ,UAAU,QAAA;SACV,KAAK,QAAA;;;;;;;;KAId,YAA6C,MAAA,+BAAA,EAAA,EAApB,OAAO,QAAA,IAAI,OAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/components/RenderPlugins/RenderPluginView.vue.d.ts

@@ -0,0 +1,11 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { PluginViewComponent } from '../../plugins/index.js';
+type __VLS_Props = {
+    item: PluginViewComponent;
+    options: Record<string, any>;
+    eventBus?: WorkspaceEventBus;
+};
+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=RenderPluginView.vue.d.ts.map

package/dist/components/RenderPlugins/RenderPluginView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPluginView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RenderPlugins/RenderPluginView.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,mBAAmB,CAAA;IACzB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;CAC7B,CAAC;AAgFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/RenderPlugins/RenderPluginView.vue.js

@@ -0,0 +1,7 @@
+import RenderPluginView_vue_vue_type_script_setup_true_lang_default from "./RenderPluginView.vue.script.js";
+//#region src/components/RenderPlugins/RenderPluginView.vue
+var RenderPluginView_default = RenderPluginView_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RenderPluginView_default as default };
+
+//# sourceMappingURL=RenderPluginView.vue.js.map

package/dist/components/RenderPlugins/RenderPluginView.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPluginView.vue.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPluginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\nimport type { PluginViewComponent } from '@/plugins'\n\nconst { item, options, eventBus } = defineProps<{\n  item: PluginViewComponent\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n}>()\n\nconst el = useTemplateRef<HTMLElement>('el')\n\n/**\n * Participate in the existing scroll-spy. We only emit when the view opts into a sidebar\n * entry, because otherwise we would select a navigation item that does not exist and clear\n * the currently active section as the user scrolls past the plugin view.\n */\nuseIntersection(el, () => {\n  if (item.sidebar?.show) {\n    eventBus?.emit('intersecting:nav-item', { id: item.id })\n  }\n})\n</script>\n\n<template>\n  <!-- The id mirrors the sidebar entry id so navigation can scroll to this element -->\n  <div\n    :id=\"item.id\"\n    ref=\"el\">\n    <ScalarErrorBoundary>\n      <template v-if=\"item.renderer\">\n        <!-- Custom renderer (e.g. React) -->\n        <component\n          :is=\"item.renderer\"\n          v-bind=\"{\n            component: item.component,\n            options,\n            ...item.props,\n          }\" />\n      </template>\n      <template v-else>\n        <!-- Vue component -->\n        <component\n          :is=\"item.component\"\n          v-bind=\"{ options, ...item.props }\" />\n      </template>\n    </ScalarErrorBoundary>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/RenderPlugins/RenderPluginView.vue.script.js

@@ -0,0 +1,45 @@
+import { useIntersection } from "../../hooks/use-intersection.js";
+import { createBlock, createElementBlock, createVNode, defineComponent, mergeProps, normalizeProps, openBlock, resolveDynamicComponent, unref, useTemplateRef, withCtx } from "vue";
+import { ScalarErrorBoundary } from "@scalar/components/error-boundary";
+//#region src/components/RenderPlugins/RenderPluginView.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["id"];
+var RenderPluginView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RenderPluginView",
+	props: {
+		item: {},
+		options: {},
+		eventBus: {}
+	},
+	setup(__props) {
+		const el = useTemplateRef("el");
+		/**
+		* Participate in the existing scroll-spy. We only emit when the view opts into a sidebar
+		* entry, because otherwise we would select a navigation item that does not exist and clear
+		* the currently active section as the user scrolls past the plugin view.
+		*/
+		useIntersection(el, () => {
+			if (__props.item.sidebar?.show) __props.eventBus?.emit("intersecting:nav-item", { id: __props.item.id });
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				id: __props.item.id,
+				ref_key: "el",
+				ref: el
+			}, [createVNode(unref(ScalarErrorBoundary), null, {
+				default: withCtx(() => [__props.item.renderer ? (openBlock(), createBlock(resolveDynamicComponent(__props.item.renderer), normalizeProps(mergeProps({ key: 0 }, {
+					component: __props.item.component,
+					options: __props.options,
+					...__props.item.props
+				})), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(__props.item.component), normalizeProps(mergeProps({ key: 1 }, {
+					options: __props.options,
+					...__props.item.props
+				})), null, 16))]),
+				_: 1
+			})], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RenderPluginView_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RenderPluginView.vue.script.js.map

package/dist/components/RenderPlugins/RenderPluginView.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderPluginView.vue.script.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPluginView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { useTemplateRef } from 'vue'\n\nimport { useIntersection } from '@/hooks/use-intersection'\nimport type { PluginViewComponent } from '@/plugins'\n\nconst { item, options, eventBus } = defineProps<{\n  item: PluginViewComponent\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n}>()\n\nconst el = useTemplateRef<HTMLElement>('el')\n\n/**\n * Participate in the existing scroll-spy. We only emit when the view opts into a sidebar\n * entry, because otherwise we would select a navigation item that does not exist and clear\n * the currently active section as the user scrolls past the plugin view.\n */\nuseIntersection(el, () => {\n  if (item.sidebar?.show) {\n    eventBus?.emit('intersecting:nav-item', { id: item.id })\n  }\n})\n</script>\n\n<template>\n  <!-- The id mirrors the sidebar entry id so navigation can scroll to this element -->\n  <div\n    :id=\"item.id\"\n    ref=\"el\">\n    <ScalarErrorBoundary>\n      <template v-if=\"item.renderer\">\n        <!-- Custom renderer (e.g. React) -->\n        <component\n          :is=\"item.renderer\"\n          v-bind=\"{\n            component: item.component,\n            options,\n            ...item.props,\n          }\" />\n      </template>\n      <template v-else>\n        <!-- Vue component -->\n        <component\n          :is=\"item.component\"\n          v-bind=\"{ options, ...item.props }\" />\n      </template>\n    </ScalarErrorBoundary>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAcA,MAAM,KAAK,eAA4B,KAAI;;;;;;AAO3C,kBAAgB,UAAU;AACxB,OAAI,QAAA,KAAK,SAAS,KAChB,SAAA,UAAU,KAAK,yBAAyB,EAAE,IAAI,QAAA,KAAK,IAAI,CAAA;IAE1D;;uBAKC,mBAqBM,OAAA;IApBH,IAAI,QAAA,KAAK;aACN;IAAJ,KAAI;OACJ,YAiBsB,MAAA,oBAAA,EAAA,MAAA;2BAPT,CATK,QAAA,KAAK,YAAA,WAAA,EAEnB,YAMO,wBALA,QAAA,KAAK,SAAQ,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAA;gBACe,QAAA,KAAK;cAAuB,QAAA;QAAwB,QAAA,KAAK;oCAQ5F,YAEwC,wBADjC,QAAA,KAAK,UAAS,EAAA,eAAA,WAAA,EAAA,KAAA,GAAA,EAAA;KAAA,SACT,QAAA;KAAO,GAAK,QAAA,KAAK;KAAK,CAAA,CAAA,EAAA,MAAA,GAAA,EAAA,CAAA"}

package/dist/components/RenderPlugins/RenderPlugins.vue.d.ts

@@ -1,6 +1,10 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 type __VLS_Props = {
-    viewName: 'content.end';
+    viewName: 'content.start' | 'content.end';
     options: Record<string, any>;
+    eventBus?: WorkspaceEventBus;
+    /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */
+    documentSlug: string;
 };
 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;

package/dist/components/RenderPlugins/RenderPlugins.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPlugins.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"names":[],"mappings":"AAiDA,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,aAAa,CAAA;IACvB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC7B,CAAC;AAiFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"RenderPlugins.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"names":[],"mappings":"AAmCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,GAAG,aAAa,CAAA;IACzC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,iGAAiG;IACjG,YAAY,EAAE,MAAM,CAAA;CACrB,CAAC;AAoDF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/RenderPlugins/RenderPlugins.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderPlugins.vue.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarErrorBoundary } from '@scalar/components/error-boundary'\n\nimport { usePluginManager } from '@/plugins'\n\nconst { viewName, options } = defineProps<{\n  viewName: 'content.end'\n  options: Record<string, any>\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = getViewComponents(viewName)\n</script>\n\n<template>\n  <template v-if=\"components.length\">\n    <div class=\"plugin-view\">\n      <template\n        v-for=\"(item, _index) in components\"\n        :key=\"_index\">\n        <ScalarErrorBoundary>\n          <template v-if=\"item.renderer\">\n            <!-- Custom renderer (e.g. React) -->\n            <component\n              :is=\"item.renderer\"\n              v-bind=\"{\n                component: item.component,\n                options,\n                ...item.props,\n              }\" />\n          </template>\n          <template v-else>\n            <!-- Vue component -->\n            <component\n              :is=\"item.component\"\n              v-bind=\"{ options, ...item.props }\" />\n          </template>\n        </ScalarErrorBoundary>\n      </template>\n    </div>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RenderPlugins.vue.js","names":[],"sources":["../../../src/components/RenderPlugins/RenderPlugins.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { computed } from 'vue'\n\nimport { usePluginManager } from '@/plugins'\n\nimport RenderPluginView from './RenderPluginView.vue'\n\nconst { viewName, options, eventBus, documentSlug } = defineProps<{\n  viewName: 'content.start' | 'content.end'\n  options: Record<string, any>\n  eventBus?: WorkspaceEventBus\n  /** Slug of the active document, used to scope plugin view ids for navigation and deep-linking */\n  documentSlug: string\n}>()\n\nconst { getViewComponents } = usePluginManager()\nconst components = computed(() => getViewComponents(viewName, documentSlug))\n</script>\n\n<template>\n  <div\n    v-if=\"components.length\"\n    class=\"plugin-view\">\n    <RenderPluginView\n      v-for=\"item in components\"\n      :key=\"item.id\"\n      :eventBus=\"eventBus\"\n      :item=\"item\"\n      :options=\"options\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/RenderPlugins/RenderPlugins.vue.script.js

@@ -1,6 +1,6 @@
 import { usePluginManager } from "../../plugins/hooks/usePluginManager.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, resolveDynamicComponent, unref, withCtx } from "vue";
-import { ScalarErrorBoundary } from "@scalar/components/error-boundary";
+import RenderPluginView_default from "./RenderPluginView.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList } from "vue";
 //#region src/components/RenderPlugins/RenderPlugins.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -10,30 +10,25 @@ var RenderPlugins_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	__name: "RenderPlugins",
 	props: {
 		viewName: {},
-		options: {}
+		options: {},
+		eventBus: {},
+		documentSlug: {}
 	},
 	setup(__props) {
 		const { getViewComponents } = usePluginManager();
-		const components = getViewComponents(__props.viewName);
+		const components = computed(() => getViewComponents(__props.viewName, __props.documentSlug));
 		return (_ctx, _cache) => {
-			return unref(components).length ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(components), (item, _index) => {
-				return openBlock(), createBlock(unref(ScalarErrorBoundary), { key: _index }, {
-					default: withCtx(() => [item.renderer ? (openBlock(), createBlock(resolveDynamicComponent(item.renderer), mergeProps({
-						key: 0,
-						ref_for: true
-					}, {
-						component: item.component,
-						options: __props.options,
-						...item.props
-					}), null, 16)) : (openBlock(), createBlock(resolveDynamicComponent(item.component), mergeProps({
-						key: 1,
-						ref_for: true
-					}, {
-						options: __props.options,
-						...item.props
-					}), null, 16))]),
-					_: 2
-				}, 1024);
+			return components.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(components.value, (item) => {
+				return openBlock(), createBlock(RenderPluginView_default, {
+					key: item.id,
+					eventBus: __props.eventBus,
+					item,
+					options: __props.options
+				}, null, 8, [
+					"eventBus",
+					"item",
+					"options"
+				]);
 			}), 128))])) : createCommentVNode("", true);
 		};
 	}