@scalar/api-reference 1.61.0 → 1.62.1

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

@@ -1,9 +1,13 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import ScreenReader_default from "../../ScreenReader.vue.js";
 import { scrollTargetId } from "../../../helpers/lazy-bus.js";
+import { SCHEMA_DYNAMIC_SCOPE_SYMBOL, resolveDynamicSchema, useDynamicScope } from "./helpers/dynamic-scope.js";
+import { inferDiscriminatorMappingComposition } from "./helpers/get-compositions-to-render.js";
 import { isTypeObject } from "./helpers/is-type-object.js";
 import { isEmptySchemaObject } from "./helpers/is-empty-schema-object.js";
 import { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.js";
 import { SCHEMA_ANCESTORS_SYMBOL } from "./helpers/schema-cycle.js";
+import SchemaComposition_default from "./SchemaComposition.vue.js";
 import SchemaHeading_default from "./SchemaHeading.vue.js";
 import SchemaProperty_default from "./SchemaProperty.vue.js";
 import SchemaObjectProperties_default from "./SchemaObjectProperties.vue.js";
@@ -11,6 +15,8 @@ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
 import { ScalarMarkdown } from "@scalar/components/markdown";
 import { ScalarIcon } from "@scalar/components/icon";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { pushDynamicScope } from "@scalar/workspace-store/helpers/dynamic-ref";
 //#region src/components/Content/Schema/Schema.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
@@ -54,6 +60,39 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		cycleKey: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
+		/**
+		* The dynamic scope inherited from ancestor schema resources.
+		*
+		* Used to bind JSON Schema 2020-12 `$dynamicRef`s to the active `$dynamicAnchor` while walking the
+		* tree. Empty at the root. See {@link useDynamicScope}.
+		*/
+		const dynamicScope = useDynamicScope();
+		/**
+		* The schema this node actually renders.
+		*
+		* Two normalizations happen here, both no-ops for ordinary schemas:
+		* - A top-level `$dynamicRef` is bound to its concrete type via the inherited dynamic scope.
+		* - A resource that extends a template through a root `$ref` (JSON Schema 2020-12 `$ref` alongside
+		*   `$defs`, e.g. a `PaginatedResponse` binding) is merged so its inherited properties render.
+		*/
+		const resolvedSchema = computed(() => {
+			if (!__props.schema || typeof __props.schema !== "object") return __props.schema;
+			const bound = resolveDynamicSchema(__props.schema, dynamicScope);
+			return "$ref" in bound ? resolve.schema(bound) : bound;
+		});
+		/**
+		* Re-provide the dynamic scope grown with this resource so nested `$dynamicRef`s bind here.
+		*
+		* Built once at setup from the resource's stable identity (like the ancestor set below);
+		* `pushDynamicScope` only grows the scope for schemas that can carry a `$dynamicAnchor`.
+		*
+		* The raw schema is pushed, not the merged {@link resolvedSchema}: merging through `resolve.schema`
+		* coerces the node and drops the resolved `$ref-value` from entries inside `$defs`, which
+		* `$dynamicAnchor` resolution relies on to dereference the bound type (e.g. `User`).
+		*/
+		const scopeSchema = __props.schema ? resolveDynamicSchema(__props.schema, dynamicScope) : void 0;
+		provide(SCHEMA_DYNAMIC_SCOPE_SYMBOL, scopeSchema ? pushDynamicScope(dynamicScope, scopeSchema) : dynamicScope);
 		/**
 		* Cycle-safe `expandAllSchemaProperties`.
 		*
@@ -101,20 +140,37 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		* not when the target changes for an already-mounted disclosure.
 		*/
 		const defaultOpen = computed(() => __props.noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value);
+		const childAttributesLabel = computed(() => __props.schema?.title ?? translate("schema.childAttributes"));
 		/** Gets the description to show for the schema */
 		const schemaDescription = computed(() => {
+			const value = resolvedSchema.value;
 			if (__props.hideDescription) return null;
 			if (__props.schema?.allOf && __props.schema.allOf.length > 0 && __props.name === "Request Body") return mergeAllOfSchemas(__props.schema)?.description || null;
-			if (!__props.schema?.description || typeof __props.schema.description !== "string") return null;
-			if (__props.schema.enum) return null;
-			if (!("properties" in __props.schema) && !("patternProperties" in __props.schema) && !("additionalProperties" in __props.schema)) return null;
-			return __props.schema.description;
+			if (!value?.description || typeof value.description !== "string") return null;
+			if (value.enum) return null;
+			if (!("properties" in value) && !("patternProperties" in value) && !("additionalProperties" in value)) return null;
+			return value.description;
 		});
+		/**
+		* Some generators (for example NSwag) describe a polymorphic base type as a
+		* plain object with a `discriminator.mapping` but no explicit `oneOf`. We infer
+		* the variant composition from the mapping so the selector still renders.
+		*
+		* The `discriminator` prop is only set when this schema is already a variant
+		* being rendered inside a `SchemaComposition`; skipping the inference in that
+		* case avoids re-inferring (and recursing) on a self-referential mapping.
+		*
+		* The inference is restricted to plain object schemas (`isTypeObject`). A schema
+		* carrying its own composition keyword (`allOf`/`not`) is rendered by the
+		* `SchemaProperty` branch below; inferring a selector there would replace that
+		* keyword's output with the variant dropdown instead of rendering both.
+		*/
+		const inferredDiscriminatorComposition = computed(() => __props.schema && !__props.discriminator && isTypeObject(__props.schema) ? inferDiscriminatorMappingComposition(__props.schema, __props.options.document) : null);
 		const handleClick = (e) => {
 			if (__props.noncollapsible) e.stopPropagation();
 		};
 		return (_ctx, _cache) => {
-			return typeof __props.schema === "object" && Object.keys(__props.schema).length ? (openBlock(), createBlock(unref(Disclosure), {
+			return resolvedSchema.value && Object.keys(resolvedSchema.value).length ? (openBlock(), createBlock(unref(Disclosure), {
 				key: 0,
 				defaultOpen: defaultOpen.value
 			}, {
@@ -127,7 +183,7 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					{ "border-t": __props.additionalProperties && open }
 				]]) }, [
 					schemaDescription.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ScalarMarkdown), { value: schemaDescription.value }, null, 8, ["value"])])) : createCommentVNode("", true),
-					unref(isEmptySchemaObject)(__props.schema) ? (openBlock(), createElementBlock("div", _hoisted_2, " Empty object ")) : createCommentVNode("", true),
+					unref(isEmptySchemaObject)(resolvedSchema.value) ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(translate)("schema.emptyObject")), 1)) : createCommentVNode("", true),
 					createElementVNode("div", { class: normalizeClass(["schema-properties", { "schema-properties-open": open }]) }, [__props.additionalProperties ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(DisclosureButton), {
 						as: "button",
 						class: "schema-card-title schema-card-title--compact",
@@ -139,9 +195,9 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 								icon: "Add",
 								size: "sm"
 							}),
-							_cache[0] || (_cache[0] = createTextVNode(" Show additional properties ", -1)),
+							createTextVNode(" " + toDisplayString(unref(translate)("schema.showAdditionalProperties")) + " ", 1),
 							__props.name ? (openBlock(), createBlock(ScreenReader_default, { key: 0 }, {
-								default: withCtx(() => [createTextVNode("for " + toDisplayString(__props.name), 1)]),
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("schema.forName", { name: __props.name })), 1)]),
 								_: 1
 							})) : createCommentVNode("", true)
 						]),
@@ -159,9 +215,9 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 								icon: "Add",
 								size: "sm"
 							}, null, 8, ["class"]),
-							open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Hide " + toDisplayString(__props.schema?.title ?? "Child Attributes"), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Show " + toDisplayString(__props.schema?.title ?? "Child Attributes"), 1)], 64)),
+							open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(translate)("schema.hideChildAttributes", { name: childAttributesLabel.value })), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("schema.showChildAttributes", { name: childAttributesLabel.value })), 1)], 64)),
 							__props.name ? (openBlock(), createBlock(ScreenReader_default, { key: 2 }, {
-								default: withCtx(() => [createTextVNode("for " + toDisplayString(__props.name), 1)]),
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("schema.forName", { name: __props.name })), 1)]),
 								_: 1
 							})) : createCommentVNode("", true)
 						], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIcon), {
@@ -169,8 +225,8 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							icon: "Add",
 							size: "sm"
 						}, null, 8, ["class"]), createVNode(SchemaHeading_default, {
-							name: __props.schema?.title ?? __props.name,
-							value: __props.schema
+							name: resolvedSchema.value?.title ?? __props.name,
+							value: resolvedSchema.value
 						}, null, 8, ["name", "value"])], 64))]),
 						_: 2
 					}, 1032, [
@@ -182,10 +238,38 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 						as: "ul",
 						static: !shouldShowToggle.value
 					}, {
-						default: withCtx(() => [unref(isTypeObject)(__props.schema) ? (openBlock(), createBlock(SchemaObjectProperties_default, {
+						default: withCtx(() => [inferredDiscriminatorComposition.value ? (openBlock(), createBlock(SchemaComposition_default, {
 							key: 0,
 							breadcrumb: __props.breadcrumb,
 							compact: __props.compact,
+							composition: "oneOf",
+							compositionPath: __props.compositionPath,
+							discriminator: __props.schema?.discriminator,
+							eventBus: __props.eventBus,
+							hideHeading: __props.hideHeading,
+							hideModelNames: __props.hideModelNames,
+							level: __props.level,
+							name: __props.name,
+							options: __props.options,
+							schema: inferredDiscriminatorComposition.value,
+							schemaContext: __props.schemaContext
+						}, null, 8, [
+							"breadcrumb",
+							"compact",
+							"compositionPath",
+							"discriminator",
+							"eventBus",
+							"hideHeading",
+							"hideModelNames",
+							"level",
+							"name",
+							"options",
+							"schema",
+							"schemaContext"
+						])) : unref(isTypeObject)(resolvedSchema.value) ? (openBlock(), createBlock(SchemaObjectProperties_default, {
+							key: 1,
+							breadcrumb: __props.breadcrumb,
+							compact: __props.compact,
 							compositionPath: __props.compositionPath,
 							discriminator: __props.discriminator,
 							eventBus: __props.eventBus,
@@ -193,7 +277,7 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							hideModelNames: __props.hideModelNames,
 							level: __props.level + 1,
 							options: __props.options,
-							schema: __props.schema,
+							schema: resolvedSchema.value,
 							schemaContext: __props.schemaContext
 						}, null, 8, [
 							"breadcrumb",
@@ -207,7 +291,7 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							"options",
 							"schema",
 							"schemaContext"
-						])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.schema ? (openBlock(), createBlock(SchemaProperty_default, {
+						])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [resolvedSchema.value ? (openBlock(), createBlock(SchemaProperty_default, {
 							key: 0,
 							breadcrumb: __props.breadcrumb,
 							compact: __props.compact,
@@ -217,7 +301,7 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 							hideModelNames: __props.hideModelNames,
 							level: __props.level,
 							options: __props.options,
-							schema: __props.schema,
+							schema: resolvedSchema.value,
 							schemaContext: __props.schemaContext
 						}, null, 8, [
 							"breadcrumb",

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

@@ -1 +1 @@
-{"version":3,"file":"Schema.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown 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  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether this schema sits on the path to the current anchor/scroll target.\n *\n * Property anchors are dot-joined breadcrumbs, so every disclosure that wraps\n * the target has a breadcrumb that is a prefix of the target id. Opening those\n * disclosures is what makes deep links to collapsed (hidden) properties work\n * without forcing every schema open via `expandAllSchemaProperties`.\n */\nconst isOnScrollTargetPath = computed((): boolean => {\n  if (!breadcrumb?.length) {\n    return false\n  }\n  const path = breadcrumb.join('.')\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n\n/**\n * Whether the disclosure starts expanded. Non-collapsible schemas are always\n * open. When `expandAllSchemaProperties` is enabled, finite branches start\n * expanded by default while cyclic branches remain collapsed to avoid recursion\n * loops. We also open any disclosure on the path to the current scroll target so\n * deep links resolve even when the property is collapsed.\n *\n * Note: the Disclosure only reads this at mount, so it expands collapsed\n * properties on a fresh navigation (the schema mounts after the target is set),\n * not when the target changes for an already-mounted disclosure.\n */\nconst defaultOpen = computed(\n  (): boolean =>\n    noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value,\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the description of the merged allOf schema.\n  // Merging keeps the base description (when set) and otherwise lets the last allOf\n  // member win, matching how the merged composition is rendered below. The nested\n  // merged Schema in `SchemaComposition` hides its own description in this case so\n  // the text is not rendered twice.\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return mergeAllOfSchemas(schema)?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"Schema.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { pushDynamicScope } from '@scalar/workspace-store/helpers/dynamic-ref'\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 { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport {\n  resolveDynamicSchema,\n  SCHEMA_DYNAMIC_SCOPE_SYMBOL,\n  useDynamicScope,\n} from './helpers/dynamic-scope'\nimport { inferDiscriminatorMappingComposition } from './helpers/get-compositions-to-render'\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaComposition from './SchemaComposition.vue'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown 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  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The dynamic scope inherited from ancestor schema resources.\n *\n * Used to bind JSON Schema 2020-12 `$dynamicRef`s to the active `$dynamicAnchor` while walking the\n * tree. Empty at the root. See {@link useDynamicScope}.\n */\nconst dynamicScope = useDynamicScope()\n\n/**\n * The schema this node actually renders.\n *\n * Two normalizations happen here, both no-ops for ordinary schemas:\n * - A top-level `$dynamicRef` is bound to its concrete type via the inherited dynamic scope.\n * - A resource that extends a template through a root `$ref` (JSON Schema 2020-12 `$ref` alongside\n *   `$defs`, e.g. a `PaginatedResponse` binding) is merged so its inherited properties render.\n */\nconst resolvedSchema = computed((): SchemaObject | undefined => {\n  if (!schema || typeof schema !== 'object') {\n    return schema\n  }\n\n  const bound = resolveDynamicSchema(schema, dynamicScope)\n  return '$ref' in bound ? resolve.schema(bound) : bound\n})\n\n/**\n * Re-provide the dynamic scope grown with this resource so nested `$dynamicRef`s bind here.\n *\n * Built once at setup from the resource's stable identity (like the ancestor set below);\n * `pushDynamicScope` only grows the scope for schemas that can carry a `$dynamicAnchor`.\n *\n * The raw schema is pushed, not the merged {@link resolvedSchema}: merging through `resolve.schema`\n * coerces the node and drops the resolved `$ref-value` from entries inside `$defs`, which\n * `$dynamicAnchor` resolution relies on to dereference the bound type (e.g. `User`).\n */\nconst scopeSchema = schema\n  ? resolveDynamicSchema(schema, dynamicScope)\n  : undefined\nprovide(\n  SCHEMA_DYNAMIC_SCOPE_SYMBOL,\n  scopeSchema ? pushDynamicScope(dynamicScope, scopeSchema) : dynamicScope,\n)\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether this schema sits on the path to the current anchor/scroll target.\n *\n * Property anchors are dot-joined breadcrumbs, so every disclosure that wraps\n * the target has a breadcrumb that is a prefix of the target id. Opening those\n * disclosures is what makes deep links to collapsed (hidden) properties work\n * without forcing every schema open via `expandAllSchemaProperties`.\n */\nconst isOnScrollTargetPath = computed((): boolean => {\n  if (!breadcrumb?.length) {\n    return false\n  }\n  const path = breadcrumb.join('.')\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n\n/**\n * Whether the disclosure starts expanded. Non-collapsible schemas are always\n * open. When `expandAllSchemaProperties` is enabled, finite branches start\n * expanded by default while cyclic branches remain collapsed to avoid recursion\n * loops. We also open any disclosure on the path to the current scroll target so\n * deep links resolve even when the property is collapsed.\n *\n * Note: the Disclosure only reads this at mount, so it expands collapsed\n * properties on a fresh navigation (the schema mounts after the target is set),\n * not when the target changes for an already-mounted disclosure.\n */\nconst defaultOpen = computed(\n  (): boolean =>\n    noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value,\n)\n\nconst childAttributesLabel = computed(\n  (): string => schema?.title ?? translate('schema.childAttributes'),\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  const value = resolvedSchema.value\n\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the description of the merged allOf schema.\n  // Merging keeps the base description (when set) and otherwise lets the last allOf\n  // member win, matching how the merged composition is rendered below. The nested\n  // merged Schema in `SchemaComposition` hides its own description in this case so\n  // the text is not rendered twice.\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return mergeAllOfSchemas(schema)?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!value?.description || typeof value.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (value.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in value) &&\n    !('patternProperties' in value) &&\n    !('additionalProperties' in value)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return value.description\n})\n\n/**\n * Some generators (for example NSwag) describe a polymorphic base type as a\n * plain object with a `discriminator.mapping` but no explicit `oneOf`. We infer\n * the variant composition from the mapping so the selector still renders.\n *\n * The `discriminator` prop is only set when this schema is already a variant\n * being rendered inside a `SchemaComposition`; skipping the inference in that\n * case avoids re-inferring (and recursing) on a self-referential mapping.\n *\n * The inference is restricted to plain object schemas (`isTypeObject`). A schema\n * carrying its own composition keyword (`allOf`/`not`) is rendered by the\n * `SchemaProperty` branch below; inferring a selector there would replace that\n * keyword's output with the variant dropdown instead of rendering both.\n */\nconst inferredDiscriminatorComposition = computed(() =>\n  schema && !discriminator && isTypeObject(schema)\n    ? inferDiscriminatorMappingComposition(schema, options.document)\n    : null,\n)\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"resolvedSchema && Object.keys(resolvedSchema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(resolvedSchema)\"\n        class=\"pt-2\">\n        {{ translate('schema.emptyObject') }}\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            {{ translate('schema.showAdditionalProperties') }}\n            <ScreenReader v-if=\"name\">\n              {{ translate('schema.forName', { name }) }}\n            </ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              {{\n                translate('schema.hideChildAttributes', {\n                  name: childAttributesLabel,\n                })\n              }}\n            </template>\n            <template v-else>\n              {{\n                translate('schema.showChildAttributes', {\n                  name: childAttributesLabel,\n                })\n              }}\n            </template>\n            <ScreenReader v-if=\"name\">\n              {{ translate('schema.forName', { name }) }}\n            </ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"resolvedSchema?.title ?? name\"\n              :value=\"resolvedSchema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Variant selector inferred from a discriminator mapping -->\n          <SchemaComposition\n            v-if=\"inferredDiscriminatorComposition\"\n            :breadcrumb\n            :compact\n            composition=\"oneOf\"\n            :compositionPath=\"compositionPath\"\n            :discriminator=\"schema?.discriminator\"\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level\"\n            :name=\"name\"\n            :options\n            :schema=\"inferredDiscriminatorComposition\"\n            :schemaContext=\"schemaContext\" />\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-else-if=\"isTypeObject(resolvedSchema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema=\"resolvedSchema\"\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"resolvedSchema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema=\"resolvedSchema\"\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,EAAE,cAAc,iBAAgB;;;;;;;EAQtC,MAAM,eAAe,iBAAgB;;;;;;;;;EAUrC,MAAM,iBAAiB,eAAyC;AAC9D,OAAI,CAAC,QAAA,UAAU,OAAO,QAAA,WAAW,SAC/B,QAAO,QAAA;GAGT,MAAM,QAAQ,qBAAqB,QAAA,QAAQ,aAAY;AACvD,UAAO,UAAU,QAAQ,QAAQ,OAAO,MAAM,GAAG;IAClD;;;;;;;;;;;EAYD,MAAM,cAAc,QAAA,SAChB,qBAAqB,QAAA,QAAQ,aAAY,GACzC,KAAA;AACJ,UACE,6BACA,cAAc,iBAAiB,cAAc,YAAY,GAAG,aAC9D;;;;;;;;;;;EAYA,MAAM,YAAY,OAAO,yBAAyB,KAAA,EAAS;EAE3D,MAAM,WAAW,eACA,QAAA,YAAY,QAAQ,CAAC,CAAC,WAAW,IAAI,QAAA,SAAS,CAC/D;EAIA,MAAM,iBAAiB,IAAI,IAAa,aAAa,EAAE,CAAA;AACvD,MAAI,QAAA,YAAY,KACd,gBAAe,IAAI,QAAA,SAAQ;AAE7B,UAAQ,yBAAyB,eAAc;EAE/C,MAAM,oBAAoB,eACT,CAAC,CAAC,QAAA,QAAQ,6BAA6B,CAAC,SAAS,MAClE;;;;;EAMA,MAAM,mBAAmB,eAAwB,CAAC,QAAA,kBAAkB,QAAA,QAAQ,EAAC;;;;;;;;;EAU7E,MAAM,uBAAuB,eAAwB;AACnD,OAAI,CAAC,QAAA,YAAY,OACf,QAAO;GAET,MAAM,OAAO,QAAA,WAAW,KAAK,IAAG;GAChC,MAAM,SAAS,eAAe;AAC9B,UAAO,WAAW,QAAQ,OAAO,WAAW,GAAG,KAAK,GAAE;IACvD;;;;;;;;;;;;EAaD,MAAM,cAAc,eAEhB,QAAA,kBAAkB,kBAAkB,SAAS,qBAAqB,MACtE;EAEA,MAAM,uBAAuB,eACb,QAAA,QAAQ,SAAS,UAAU,yBAAyB,CACpE;;EAGA,MAAM,oBAAoB,eAAe;GACvC,MAAM,QAAQ,eAAe;AAE7B,OAAI,QAAA,gBACF,QAAO;AAQT,OAAI,QAAA,QAAQ,SAAS,QAAA,OAAO,MAAM,SAAS,KAAK,QAAA,SAAS,eACvD,QAAO,kBAAkB,QAAA,OAAO,EAAE,eAAe;AAInD,OAAI,CAAC,OAAO,eAAe,OAAO,MAAM,gBAAgB,SACtD,QAAO;AAIT,OAAI,MAAM,KACR,QAAO;AAIT,OACE,EAAE,gBAAgB,UAClB,EAAE,uBAAuB,UACzB,EAAE,0BAA0B,OAE5B,QAAO;AAIT,UAAO,MAAM;IACd;;;;;;;;;;;;;;;EAgBD,MAAM,mCAAmC,eACvC,QAAA,UAAU,CAAC,QAAA,iBAAiB,aAAa,QAAA,OAAM,GAC3C,qCAAqC,QAAA,QAAQ,QAAA,QAAQ,SAAQ,GAC7D,KACN;EAGA,MAAM,eAAe,MAAkB;AACrC,OAAI,QAAA,eACF,GAAE,iBAAgB;;;UAMZ,eAAA,SAAkB,OAAO,KAAK,eAAA,MAAc,CAAE,UAAA,WAAA,EADtD,YAgJa,MAAA,WAAA,EAAA;;IA7IV,aAAa,YAAA;;sBA4IR,EA7II,WAAI,CAEd,mBA2IM,OAAA,EA1IJ,OAAK,eAAA,CAAC,eAAa;2BACqB,QAAA;;8BAA2C,QAAA;MAAO,qBAAuB;MAAI;mBAA0B,QAAA,wBAAwB,MAAI;;KAOnK,kBAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAIM,CADJ,YAA6C,MAAA,eAAA,EAAA,EAA5B,OAAO,kBAAA,OAAiB,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;KAGnC,MAAA,oBAAmB,CAAC,eAAA,MAAc,IAAA,WAAA,EAD1C,mBAIM,OAJN,YAIM,gBADD,MAAA,UAAS,CAAA,qBAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAEd,mBAwHM,OAAA,EAvHJ,OAAK,eAAA,CAAC,qBAAmB,EAAA,0BACqB,MAAA,CAAA,CAAA,EAAA,EAAA,CAKtC,QAAA,uBAAA,gBAAA,WAAA,EADR,mBAiBM,OAjBN,YAiBM,CAbJ,YAYmB,MAAA,iBAAA,EAAA;MAXjB,IAAG;MACH,OAAM;sBACU;;6BAIF;OAHd,YAGc,MAAA,WAAA,EAAA;QAFZ,OAAM;QACN,MAAK;QACL,MAAK;;uBAAO,MACd,gBAAG,MAAA,UAAS,CAAA,kCAAA,CAAA,GAAsC,KAClD,EAAA;OAAoB,QAAA,QAAA,WAAA,EAApB,YAEe,sBAAA,EAAA,KAAA,GAAA,EAAA;+BAD8B,CAAA,gBAAA,gBAAxC,MAAA,UAAS,CAAA,kBAAA,EAAA,MAAqB,QAAA,MAAI,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;2BAZhC,KAAI,CAAA,CAAA,GAkBF,iBAAA,QAAA,gBAAA,WAAA,EADb,YA4CmB,MAAA,iBAAA,EAAA;;MAzChB,IAAI,QAAA,iBAAc,QAAA;MACnB,OAAK,eAAA,CAAC,qBAAmB,EAAA,8BACe,QAAA,SAAO,CAAA,CAAA;MAC9C,OAAK,eAAA,EAAA,KAAA,yEAA8F,QAAA,MAAK,KAAA,CAAA;sBAGzF;;6BAwBL,CAvBK,QAAA,WAAA,WAAA,EAAhB,mBAuBW,UAAA,EAAA,KAAA,GAAA,EAAA;OAtBT,YAIc,MAAA,WAAA,EAAA;QAHZ,OAAK,eAAA,CAAC,0BAAwB,EAAA,gCACY,MAAI,CAAA,CAAA;QAC9C,MAAK;QACL,MAAK;;OACS,QAAA,WAAA,EAAhB,mBAMW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBAJP,MAAA,UAAS,CAAA,8BAAA,EAAA,MAAyD,qBAAA,OAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,KAAA,WAAA,EAKtE,mBAMW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBAJP,MAAA,UAAS,CAAA,8BAAA,EAAA,MAAyD,qBAAA,OAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA;OAKlD,QAAA,QAAA,WAAA,EAApB,YAEe,sBAAA,EAAA,KAAA,GAAA,EAAA;+BAD8B,CAAA,gBAAA,gBAAxC,MAAA,UAAS,CAAA,kBAAA,EAAA,MAAqB,QAAA,MAAI,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;8BAGzC,mBASW,UAAA,EAAA,KAAA,GAAA,EAAA,CART,YAIc,MAAA,WAAA,EAAA;OAHZ,OAAK,eAAA,CAAC,0BAAwB,EAAA,gCACY,MAAI,CAAA,CAAA;OAC9C,MAAK;OACL,MAAK;8BACP,YAE4B,uBAAA;OADzB,MAAM,eAAA,OAAgB,SAAS,QAAA;OAC/B,OAAO,eAAA;;;;;;;oBAxCH,QAAA,eAAW,EAAM,QAAA,kBAAkB,QAAA,SAAO,CAAA,CAAA,GAAA,mBAAA,IAAA,KAAA,EAAA,CA4C5C,QAAA,wBAAwB,QAAA,WAAA,EADjC,YAiDkB,MAAA,gBAAA,EAAA;;MA/ChB,IAAG;MACF,QAAM,CAAG,iBAAA;;6BAgByB,CAb3B,iCAAA,SAAA,WAAA,EADR,YAcmC,2BAAA;;OAZhC,YAAA,QAAA;OACA,SAAA,QAAA;OACD,aAAY;OACX,iBAAiB,QAAA;OACjB,eAAe,QAAA,QAAQ;OACvB,UAAU,QAAA;OACV,aAAA,QAAA;OACA,gBAAA,QAAA;OACA,OAAO,QAAA;OACP,MAAM,QAAA;OACN,SAAA,QAAA;OACA,QAAQ,iCAAA;OACR,eAAe,QAAA;;;;;;;;;;;;;;YAGL,MAAA,aAAY,CAAC,eAAA,MAAc,IAAA,WAAA,EADxC,YAYmC,gCAAA;;OAVhC,YAAA,QAAA;OACA,SAAA,QAAA;OACA,iBAAiB,QAAA;OACjB,eAAA,QAAA;OACA,UAAU,QAAA;OACV,aAAA,QAAA;OACA,gBAAA,QAAA;OACA,OAAO,QAAA,QAAK;OACZ,SAAA,QAAA;OACA,QAAQ,eAAA;OACR,eAAe,QAAA;;;;;;;;;;;;;0BAElB,mBAaW,UAAA,EAAA,KAAA,GAAA,EAAA,CAXD,eAAA,SAAA,WAAA,EADR,YAWmC,wBAAA;;OAThC,YAAA,QAAA;OACA,SAAA,QAAA;OACA,iBAAiB,QAAA;OACjB,UAAU,QAAA;OACV,aAAA,QAAA;OACA,gBAAA,QAAA;OACA,OAAA,QAAA;OACA,SAAA,QAAA;OACA,QAAQ,eAAA;OACR,eAAe,QAAA"}

package/dist/components/Content/Schema/SchemaComposition.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaComposition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAQtE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAKtE,KAAK,WAAW,GAAG;IACf,oDAAoD;IACpD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,MAAM,EAAE,YAAY,CAAA;IACpB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iCAAiC;IACjC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,yEAAyE;IACzE,OAAO,EAAE,aAAa,CAAA;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAC;AA0XJ,QAAA,MAAM,YAAY;aAzYJ,OAAO;iBAEH,OAAO;6EA0YvB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SchemaComposition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"names":[],"mappings":"AAqSA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAStE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAKtE,KAAK,WAAW,GAAG;IACf,oDAAoD;IACpD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,MAAM,EAAE,YAAY,CAAA;IACpB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iCAAiC;IACjC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,yEAAyE;IACzE,OAAO,EAAE,aAAa,CAAA;IACtB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAC;AAwXJ,QAAA,MAAM,YAAY;aAvYJ,OAAO;iBAEH,OAAO;6EAwYvB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/Schema/SchemaComposition.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaComposition.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconCaretDown } from '@scalar/icons'\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 { computed, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { type CompositionKeyword } from './helpers/schema-composition'\nimport { getCycleKey } from './helpers/schema-cycle'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport Schema from './Schema.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The composition keyword (oneOf, anyOf, allOf) */\n    composition: CompositionKeyword\n    /** Optional discriminator object for polymorphic schemas */\n    discriminator?: DiscriminatorObject\n    /** Optional name for the schema */\n    name?: string\n    /** The schema value containing the composition */\n    schema: SchemaObject\n    /** Nesting level for proper indentation */\n    level: number\n    /** Whether to use compact layout */\n    compact?: boolean\n    /** Whether to hide the heading */\n    hideHeading?: boolean\n    /** Hide model names in type display */\n    hideModelNames?: boolean\n    /** Breadcrumb for navigation */\n    breadcrumb?: string[]\n    /** Event bus emitting actions */\n    eventBus: WorkspaceEventBus | null\n    /** Move the options into  single prop so they are easy to pass around */\n    options: SchemaOptions\n    /** When \"requestBody\", sync selected index 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  }>(),\n  {\n    compact: false,\n    hideHeading: false,\n  },\n)\n\n/** The current composition */\nconst composition = computed(() =>\n  [props.schema[props.composition]]\n    .flat()\n    .map((schema) => ({ value: resolve.schema(schema), original: schema }))\n    .filter((it) => isDefined(it.value)),\n)\n\n/**\n * Generate listbox options for the composition selector.\n * Each option represents a schema in the composition with a human-readable label.\n * Prefers schema title/name over structural type when present.\n */\nconst listboxOptions = computed((): ScalarListboxOption[] =>\n  composition.value.map((schema, index: number) => {\n    const resolved = resolve.schema(schema.original!)\n    const label =\n      (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) ||\n      'Schema'\n    return { id: String(index), label }\n  }),\n)\n\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\n})\n\n/**\n * Two-way computed property for the selected option.\n * Handles conversion between the selected index and the listbox option format.\n */\nconst selectedOption = ref<ScalarListboxOption | undefined>()\n\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\n)\n\n/**\n * Humanize composition keyword name for display.\n * Converts camelCase to Title Case (e.g., oneOf -> One of).\n */\nconst humanizeType = (type: CompositionKeyword): string =>\n  type\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, (str) => str.toUpperCase())\n    .toLowerCase()\n    .replace(/^(\\w)/, (c) => c.toUpperCase())\n\n/** Inside the currently selected composition */\nconst selectedComposition = computed(\n  () => composition.value[Number(selectedOption.value?.id ?? '0')]?.value,\n)\n\n/**\n * The request body card renders the merged `allOf` description on its outer card\n * (see `Schema.vue`), but only for the top-level request body schema. For that\n * single composition we hide the nested merged `Schema`'s description so the text\n * is not shown twice. Nested request-body compositions (deeper properties) are\n * not shown on the outer card and would otherwise lose their description\n * entirely, because the property row already skips it when `allOf` is present.\n *\n * The top-level request body composition is the one whose `compositionPath` is\n * still the request body root (`['requestBody']`); nested compositions append\n * property segments and therefore have a longer path.\n */\nconst isRequestBodyRootComposition = computed(\n  () =>\n    props.schemaContext === 'requestBody' &&\n    props.compositionPath?.length === 1,\n)\n\n/**\n * Cycle key for the selected composition member, derived from its raw\n * (unresolved) value so a member that references an ancestor is detected as a\n * cycle.\n */\nconst selectedCompositionCycleKey = computed(() =>\n  getCycleKey(\n    composition.value[Number(selectedOption.value?.id ?? '0')]?.original,\n  ),\n)\n\n/**\n * Controls whether the nested schema is displayed. When expanding all schema\n * properties we open it by default; the nested Schema handles cycle detection,\n * so finite compositions render fully while recursive ones still stop.\n */\nconst showNestedSchema = ref(!!props.options.expandAllSchemaProperties)\n\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div class=\"property-rule\">\n    <!-- We merge allOf schemas into a single schema -->\n    <Schema\n      v-if=\"props.composition === 'allOf'\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :compositionPath=\"compositionPath\"\n      :discriminator=\"discriminator\"\n      :eventBus=\"eventBus\"\n      :hideDescription=\"isRequestBodyRootComposition\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level + 1\"\n      :name=\"name\"\n      :noncollapsible=\"true\"\n      :options=\"options\"\n      :schema=\"mergeAllOfSchemas(schema)\"\n      :schemaContext=\"schemaContext\" />\n\n    <template v-else>\n      <!-- Composition selector and panel for nested compositions -->\n      <ScalarListbox\n        v-model=\"selectedOption\"\n        :options=\"listboxOptions\"\n        resize>\n        <button\n          class=\"composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border px-2.5 py-2.5 pr-3 text-left\"\n          type=\"button\">\n          <span class=\"text-c-2\">{{ humanizeType(props.composition) }}</span>\n          <span\n            class=\"composition-selector-label text-c-1\"\n            :class=\"{\n              'line-through': selectedComposition?.deprecated,\n            }\">\n            {{ selectedOption?.label || 'Schema' }}\n          </span>\n          <div\n            v-if=\"selectedComposition?.deprecated\"\n            class=\"text-red\">\n            deprecated\n          </div>\n          <ScalarIconCaretDown />\n        </button>\n      </ScalarListbox>\n\n      <div class=\"composition-panel\">\n        <!-- Button to toggle nested schema display -->\n        <button\n          v-if=\"!showNestedSchema && level > 2\"\n          class=\"bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors\"\n          type=\"button\"\n          @click=\"showNestedSchema = true\">\n          Show Schema Details\n          <ScalarIconCaretDown class=\"h-3 w-3\" />\n        </button>\n\n        <!-- Render the selected schema if it has content to display -->\n        <Schema\n          v-else\n          :key=\"selectedOption?.id ?? '0'\"\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :compositionPath=\"compositionPath\"\n          :cycleKey=\"selectedCompositionCycleKey\"\n          :discriminator=\"discriminator\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level + 1\"\n          :name=\"name\"\n          :noncollapsible=\"true\"\n          :options=\"options\"\n          :schema=\"selectedComposition\"\n          :schemaContext=\"schemaContext\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SchemaComposition.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconCaretDown } from '@scalar/icons'\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 { computed, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { useLocalization } from '@/features/localization'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { type CompositionKeyword } from './helpers/schema-composition'\nimport { getCycleKey } from './helpers/schema-cycle'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport Schema from './Schema.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The composition keyword (oneOf, anyOf, allOf) */\n    composition: CompositionKeyword\n    /** Optional discriminator object for polymorphic schemas */\n    discriminator?: DiscriminatorObject\n    /** Optional name for the schema */\n    name?: string\n    /** The schema value containing the composition */\n    schema: SchemaObject\n    /** Nesting level for proper indentation */\n    level: number\n    /** Whether to use compact layout */\n    compact?: boolean\n    /** Whether to hide the heading */\n    hideHeading?: boolean\n    /** Hide model names in type display */\n    hideModelNames?: boolean\n    /** Breadcrumb for navigation */\n    breadcrumb?: string[]\n    /** Event bus emitting actions */\n    eventBus: WorkspaceEventBus | null\n    /** Move the options into  single prop so they are easy to pass around */\n    options: SchemaOptions\n    /** When \"requestBody\", sync selected index 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  }>(),\n  {\n    compact: false,\n    hideHeading: false,\n  },\n)\nconst { translate } = useLocalization()\n\n/** The current composition */\nconst composition = computed(() =>\n  [props.schema[props.composition]]\n    .flat()\n    .map((schema) => ({ value: resolve.schema(schema), original: schema }))\n    .filter((it) => isDefined(it.value)),\n)\n\n/**\n * Generate listbox options for the composition selector.\n * Each option represents a schema in the composition with a human-readable label.\n * Prefers schema title/name over structural type when present.\n */\nconst listboxOptions = computed((): ScalarListboxOption[] =>\n  composition.value.map((schema, index: number) => {\n    const resolved = resolve.schema(schema.original!)\n    const label =\n      (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) ||\n      translate('schema.schema')\n    return { id: String(index), label }\n  }),\n)\n\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\n})\n\n/**\n * Two-way computed property for the selected option.\n * Handles conversion between the selected index and the listbox option format.\n */\nconst selectedOption = ref<ScalarListboxOption | undefined>()\n\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\n)\n\nconst compositionLabel = (type: CompositionKeyword): string =>\n  translate(`schema.${type}`)\n\n/** Inside the currently selected composition */\nconst selectedComposition = computed(\n  () => composition.value[Number(selectedOption.value?.id ?? '0')]?.value,\n)\n\n/**\n * The request body card renders the merged `allOf` description on its outer card\n * (see `Schema.vue`), but only for the top-level request body schema. For that\n * single composition we hide the nested merged `Schema`'s description so the text\n * is not shown twice. Nested request-body compositions (deeper properties) are\n * not shown on the outer card and would otherwise lose their description\n * entirely, because the property row already skips it when `allOf` is present.\n *\n * The top-level request body composition is the one whose `compositionPath` is\n * still the request body root (`['requestBody']`); nested compositions append\n * property segments and therefore have a longer path.\n */\nconst isRequestBodyRootComposition = computed(\n  () =>\n    props.schemaContext === 'requestBody' &&\n    props.compositionPath?.length === 1,\n)\n\n/**\n * Cycle key for the selected composition member, derived from its raw\n * (unresolved) value so a member that references an ancestor is detected as a\n * cycle.\n */\nconst selectedCompositionCycleKey = computed(() =>\n  getCycleKey(\n    composition.value[Number(selectedOption.value?.id ?? '0')]?.original,\n  ),\n)\n\n/**\n * Controls whether the nested schema is displayed. When expanding all schema\n * properties we open it by default; the nested Schema handles cycle detection,\n * so finite compositions render fully while recursive ones still stop.\n */\nconst showNestedSchema = ref(!!props.options.expandAllSchemaProperties)\n\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div class=\"property-rule\">\n    <!-- We merge allOf schemas into a single schema -->\n    <Schema\n      v-if=\"props.composition === 'allOf'\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :compositionPath=\"compositionPath\"\n      :discriminator=\"discriminator\"\n      :eventBus=\"eventBus\"\n      :hideDescription=\"isRequestBodyRootComposition\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level + 1\"\n      :name=\"name\"\n      :noncollapsible=\"true\"\n      :options=\"options\"\n      :schema=\"mergeAllOfSchemas(schema)\"\n      :schemaContext=\"schemaContext\" />\n\n    <template v-else>\n      <!-- Composition selector and panel for nested compositions -->\n      <ScalarListbox\n        v-model=\"selectedOption\"\n        :options=\"listboxOptions\"\n        resize>\n        <button\n          class=\"composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border px-2.5 py-2.5 pr-3 text-left\"\n          type=\"button\">\n          <span class=\"text-c-2\">{{\n            compositionLabel(props.composition)\n          }}</span>\n          <span\n            class=\"composition-selector-label text-c-1\"\n            :class=\"{\n              'line-through': selectedComposition?.deprecated,\n            }\">\n            {{ selectedOption?.label || translate('schema.schema') }}\n          </span>\n          <div\n            v-if=\"selectedComposition?.deprecated\"\n            class=\"text-red\">\n            {{ translate('common.deprecated') }}\n          </div>\n          <ScalarIconCaretDown />\n        </button>\n      </ScalarListbox>\n\n      <div class=\"composition-panel\">\n        <!-- Button to toggle nested schema display -->\n        <button\n          v-if=\"!showNestedSchema && level > 2\"\n          class=\"bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors\"\n          type=\"button\"\n          @click=\"showNestedSchema = true\">\n          {{ translate('schema.showSchemaDetails') }}\n          <ScalarIconCaretDown class=\"h-3 w-3\" />\n        </button>\n\n        <!-- Render the selected schema if it has content to display -->\n        <Schema\n          v-else\n          :key=\"selectedOption?.id ?? '0'\"\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :compositionPath=\"compositionPath\"\n          :cycleKey=\"selectedCompositionCycleKey\"\n          :discriminator=\"discriminator\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level + 1\"\n          :name=\"name\"\n          :noncollapsible=\"true\"\n          :options=\"options\"\n          :schema=\"selectedComposition\"\n          :schemaContext=\"schemaContext\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.js";
 import { getCycleKey } from "./helpers/schema-cycle.js";
 import { REQUEST_BODY_COMPOSITION_INDEX_SYMBOL } from "../../../features/Operation/request-body-composition-index.js";
@@ -5,8 +6,8 @@ import { getSchemaType } from "./helpers/get-schema-type.js";
 import { getModelNameFromSchema } from "./helpers/schema-name.js";
 import Schema_default from "./Schema.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
-import { ScalarIconCaretDown } from "@scalar/icons";
 import { ScalarListbox } from "@scalar/components/listbox";
+import { ScalarIconCaretDown } from "@scalar/icons";
 import { resolve } from "@scalar/workspace-store/resolve";
 import { isDefined } from "@scalar/helpers/array/is-defined";
 //#region src/components/Content/Schema/SchemaComposition.vue?vue&type=script&setup=true&lang.ts
@@ -46,6 +47,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	},
 	setup(__props) {
 		const props = __props;
+		const { translate } = useLocalization();
 		/** The current composition */
 		const composition = computed(() => [props.schema[props.composition]].flat().map((schema) => ({
 			value: resolve.schema(schema),
@@ -58,7 +60,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		*/
 		const listboxOptions = computed(() => composition.value.map((schema, index) => {
 			const resolved = resolve.schema(schema.original);
-			const label = (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) || "Schema";
+			const label = (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) || translate("schema.schema");
 			return {
 				id: String(index),
 				label
@@ -81,11 +83,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		watch([listboxOptions, initialSelectedIndex], ([options, selectedIndex]) => {
 			if (!selectedOption.value || !options.some((option) => option.id === selectedOption.value?.id)) selectedOption.value = options[selectedIndex] ?? options[0];
 		}, { immediate: true });
-		/**
-		* Humanize composition keyword name for display.
-		* Converts camelCase to Title Case (e.g., oneOf -> One of).
-		*/
-		const humanizeType = (type) => type.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).toLowerCase().replace(/^(\w)/, (c) => c.toUpperCase());
+		const compositionLabel = (type) => translate(`schema.${type}`);
 		/** Inside the currently selected composition */
 		const selectedComposition = computed(() => composition.value[Number(selectedOption.value?.id ?? "0")]?.value);
 		/**
@@ -158,9 +156,9 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				resize: ""
 			}, {
 				default: withCtx(() => [createElementVNode("button", _hoisted_2, [
-					createElementVNode("span", _hoisted_3, toDisplayString(humanizeType(props.composition)), 1),
-					createElementVNode("span", { class: normalizeClass(["composition-selector-label text-c-1", { "line-through": selectedComposition.value?.deprecated }]) }, toDisplayString(selectedOption.value?.label || "Schema"), 3),
-					selectedComposition.value?.deprecated ? (openBlock(), createElementBlock("div", _hoisted_4, " deprecated ")) : createCommentVNode("", true),
+					createElementVNode("span", _hoisted_3, toDisplayString(compositionLabel(props.composition)), 1),
+					createElementVNode("span", { class: normalizeClass(["composition-selector-label text-c-1", { "line-through": selectedComposition.value?.deprecated }]) }, toDisplayString(selectedOption.value?.label || unref(translate)("schema.schema")), 3),
+					selectedComposition.value?.deprecated ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(translate)("common.deprecated")), 1)) : createCommentVNode("", true),
 					createVNode(unref(ScalarIconCaretDown))
 				])]),
 				_: 1
@@ -169,7 +167,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				class: "bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors",
 				type: "button",
 				onClick: _cache[1] || (_cache[1] = ($event) => showNestedSchema.value = true)
-			}, [_cache[2] || (_cache[2] = createTextVNode(" Show Schema Details ", -1)), createVNode(unref(ScalarIconCaretDown), { class: "h-3 w-3" })])) : (openBlock(), createBlock(Schema_default, {
+			}, [createTextVNode(toDisplayString(unref(translate)("schema.showSchemaDetails")) + " ", 1), createVNode(unref(ScalarIconCaretDown), { class: "h-3 w-3" })])) : (openBlock(), createBlock(Schema_default, {
 				key: selectedOption.value?.id ?? "0",
 				breadcrumb: __props.breadcrumb,
 				compact: __props.compact,

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaComposition.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconCaretDown } from '@scalar/icons'\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 { computed, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { type CompositionKeyword } from './helpers/schema-composition'\nimport { getCycleKey } from './helpers/schema-cycle'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport Schema from './Schema.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The composition keyword (oneOf, anyOf, allOf) */\n    composition: CompositionKeyword\n    /** Optional discriminator object for polymorphic schemas */\n    discriminator?: DiscriminatorObject\n    /** Optional name for the schema */\n    name?: string\n    /** The schema value containing the composition */\n    schema: SchemaObject\n    /** Nesting level for proper indentation */\n    level: number\n    /** Whether to use compact layout */\n    compact?: boolean\n    /** Whether to hide the heading */\n    hideHeading?: boolean\n    /** Hide model names in type display */\n    hideModelNames?: boolean\n    /** Breadcrumb for navigation */\n    breadcrumb?: string[]\n    /** Event bus emitting actions */\n    eventBus: WorkspaceEventBus | null\n    /** Move the options into  single prop so they are easy to pass around */\n    options: SchemaOptions\n    /** When \"requestBody\", sync selected index 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  }>(),\n  {\n    compact: false,\n    hideHeading: false,\n  },\n)\n\n/** The current composition */\nconst composition = computed(() =>\n  [props.schema[props.composition]]\n    .flat()\n    .map((schema) => ({ value: resolve.schema(schema), original: schema }))\n    .filter((it) => isDefined(it.value)),\n)\n\n/**\n * Generate listbox options for the composition selector.\n * Each option represents a schema in the composition with a human-readable label.\n * Prefers schema title/name over structural type when present.\n */\nconst listboxOptions = computed((): ScalarListboxOption[] =>\n  composition.value.map((schema, index: number) => {\n    const resolved = resolve.schema(schema.original!)\n    const label =\n      (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) ||\n      'Schema'\n    return { id: String(index), label }\n  }),\n)\n\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\n})\n\n/**\n * Two-way computed property for the selected option.\n * Handles conversion between the selected index and the listbox option format.\n */\nconst selectedOption = ref<ScalarListboxOption | undefined>()\n\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\n)\n\n/**\n * Humanize composition keyword name for display.\n * Converts camelCase to Title Case (e.g., oneOf -> One of).\n */\nconst humanizeType = (type: CompositionKeyword): string =>\n  type\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, (str) => str.toUpperCase())\n    .toLowerCase()\n    .replace(/^(\\w)/, (c) => c.toUpperCase())\n\n/** Inside the currently selected composition */\nconst selectedComposition = computed(\n  () => composition.value[Number(selectedOption.value?.id ?? '0')]?.value,\n)\n\n/**\n * The request body card renders the merged `allOf` description on its outer card\n * (see `Schema.vue`), but only for the top-level request body schema. For that\n * single composition we hide the nested merged `Schema`'s description so the text\n * is not shown twice. Nested request-body compositions (deeper properties) are\n * not shown on the outer card and would otherwise lose their description\n * entirely, because the property row already skips it when `allOf` is present.\n *\n * The top-level request body composition is the one whose `compositionPath` is\n * still the request body root (`['requestBody']`); nested compositions append\n * property segments and therefore have a longer path.\n */\nconst isRequestBodyRootComposition = computed(\n  () =>\n    props.schemaContext === 'requestBody' &&\n    props.compositionPath?.length === 1,\n)\n\n/**\n * Cycle key for the selected composition member, derived from its raw\n * (unresolved) value so a member that references an ancestor is detected as a\n * cycle.\n */\nconst selectedCompositionCycleKey = computed(() =>\n  getCycleKey(\n    composition.value[Number(selectedOption.value?.id ?? '0')]?.original,\n  ),\n)\n\n/**\n * Controls whether the nested schema is displayed. When expanding all schema\n * properties we open it by default; the nested Schema handles cycle detection,\n * so finite compositions render fully while recursive ones still stop.\n */\nconst showNestedSchema = ref(!!props.options.expandAllSchemaProperties)\n\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div class=\"property-rule\">\n    <!-- We merge allOf schemas into a single schema -->\n    <Schema\n      v-if=\"props.composition === 'allOf'\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :compositionPath=\"compositionPath\"\n      :discriminator=\"discriminator\"\n      :eventBus=\"eventBus\"\n      :hideDescription=\"isRequestBodyRootComposition\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level + 1\"\n      :name=\"name\"\n      :noncollapsible=\"true\"\n      :options=\"options\"\n      :schema=\"mergeAllOfSchemas(schema)\"\n      :schemaContext=\"schemaContext\" />\n\n    <template v-else>\n      <!-- Composition selector and panel for nested compositions -->\n      <ScalarListbox\n        v-model=\"selectedOption\"\n        :options=\"listboxOptions\"\n        resize>\n        <button\n          class=\"composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border px-2.5 py-2.5 pr-3 text-left\"\n          type=\"button\">\n          <span class=\"text-c-2\">{{ humanizeType(props.composition) }}</span>\n          <span\n            class=\"composition-selector-label text-c-1\"\n            :class=\"{\n              'line-through': selectedComposition?.deprecated,\n            }\">\n            {{ selectedOption?.label || 'Schema' }}\n          </span>\n          <div\n            v-if=\"selectedComposition?.deprecated\"\n            class=\"text-red\">\n            deprecated\n          </div>\n          <ScalarIconCaretDown />\n        </button>\n      </ScalarListbox>\n\n      <div class=\"composition-panel\">\n        <!-- Button to toggle nested schema display -->\n        <button\n          v-if=\"!showNestedSchema && level > 2\"\n          class=\"bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors\"\n          type=\"button\"\n          @click=\"showNestedSchema = true\">\n          Show Schema Details\n          <ScalarIconCaretDown class=\"h-3 w-3\" />\n        </button>\n\n        <!-- Render the selected schema if it has content to display -->\n        <Schema\n          v-else\n          :key=\"selectedOption?.id ?? '0'\"\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :compositionPath=\"compositionPath\"\n          :cycleKey=\"selectedCompositionCycleKey\"\n          :discriminator=\"discriminator\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level + 1\"\n          :name=\"name\"\n          :noncollapsible=\"true\"\n          :options=\"options\"\n          :schema=\"selectedComposition\"\n          :schemaContext=\"schemaContext\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"SchemaComposition.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport {\n  ScalarListbox,\n  type ScalarListboxOption,\n} from '@scalar/components/listbox'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconCaretDown } from '@scalar/icons'\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 { computed, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { useLocalization } from '@/features/localization'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { type CompositionKeyword } from './helpers/schema-composition'\nimport { getCycleKey } from './helpers/schema-cycle'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport Schema from './Schema.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The composition keyword (oneOf, anyOf, allOf) */\n    composition: CompositionKeyword\n    /** Optional discriminator object for polymorphic schemas */\n    discriminator?: DiscriminatorObject\n    /** Optional name for the schema */\n    name?: string\n    /** The schema value containing the composition */\n    schema: SchemaObject\n    /** Nesting level for proper indentation */\n    level: number\n    /** Whether to use compact layout */\n    compact?: boolean\n    /** Whether to hide the heading */\n    hideHeading?: boolean\n    /** Hide model names in type display */\n    hideModelNames?: boolean\n    /** Breadcrumb for navigation */\n    breadcrumb?: string[]\n    /** Event bus emitting actions */\n    eventBus: WorkspaceEventBus | null\n    /** Move the options into  single prop so they are easy to pass around */\n    options: SchemaOptions\n    /** When \"requestBody\", sync selected index 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  }>(),\n  {\n    compact: false,\n    hideHeading: false,\n  },\n)\nconst { translate } = useLocalization()\n\n/** The current composition */\nconst composition = computed(() =>\n  [props.schema[props.composition]]\n    .flat()\n    .map((schema) => ({ value: resolve.schema(schema), original: schema }))\n    .filter((it) => isDefined(it.value)),\n)\n\n/**\n * Generate listbox options for the composition selector.\n * Each option represents a schema in the composition with a human-readable label.\n * Prefers schema title/name over structural type when present.\n */\nconst listboxOptions = computed((): ScalarListboxOption[] =>\n  composition.value.map((schema, index: number) => {\n    const resolved = resolve.schema(schema.original!)\n    const label =\n      (getModelNameFromSchema(resolved)?.label ?? getSchemaType(resolved)) ||\n      translate('schema.schema')\n    return { id: String(index), label }\n  }),\n)\n\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\n})\n\n/**\n * Two-way computed property for the selected option.\n * Handles conversion between the selected index and the listbox option format.\n */\nconst selectedOption = ref<ScalarListboxOption | undefined>()\n\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\n)\n\nconst compositionLabel = (type: CompositionKeyword): string =>\n  translate(`schema.${type}`)\n\n/** Inside the currently selected composition */\nconst selectedComposition = computed(\n  () => composition.value[Number(selectedOption.value?.id ?? '0')]?.value,\n)\n\n/**\n * The request body card renders the merged `allOf` description on its outer card\n * (see `Schema.vue`), but only for the top-level request body schema. For that\n * single composition we hide the nested merged `Schema`'s description so the text\n * is not shown twice. Nested request-body compositions (deeper properties) are\n * not shown on the outer card and would otherwise lose their description\n * entirely, because the property row already skips it when `allOf` is present.\n *\n * The top-level request body composition is the one whose `compositionPath` is\n * still the request body root (`['requestBody']`); nested compositions append\n * property segments and therefore have a longer path.\n */\nconst isRequestBodyRootComposition = computed(\n  () =>\n    props.schemaContext === 'requestBody' &&\n    props.compositionPath?.length === 1,\n)\n\n/**\n * Cycle key for the selected composition member, derived from its raw\n * (unresolved) value so a member that references an ancestor is detected as a\n * cycle.\n */\nconst selectedCompositionCycleKey = computed(() =>\n  getCycleKey(\n    composition.value[Number(selectedOption.value?.id ?? '0')]?.original,\n  ),\n)\n\n/**\n * Controls whether the nested schema is displayed. When expanding all schema\n * properties we open it by default; the nested Schema handles cycle detection,\n * so finite compositions render fully while recursive ones still stop.\n */\nconst showNestedSchema = ref(!!props.options.expandAllSchemaProperties)\n\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div class=\"property-rule\">\n    <!-- We merge allOf schemas into a single schema -->\n    <Schema\n      v-if=\"props.composition === 'allOf'\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :compositionPath=\"compositionPath\"\n      :discriminator=\"discriminator\"\n      :eventBus=\"eventBus\"\n      :hideDescription=\"isRequestBodyRootComposition\"\n      :hideHeading=\"hideHeading\"\n      :hideModelNames\n      :level=\"level + 1\"\n      :name=\"name\"\n      :noncollapsible=\"true\"\n      :options=\"options\"\n      :schema=\"mergeAllOfSchemas(schema)\"\n      :schemaContext=\"schemaContext\" />\n\n    <template v-else>\n      <!-- Composition selector and panel for nested compositions -->\n      <ScalarListbox\n        v-model=\"selectedOption\"\n        :options=\"listboxOptions\"\n        resize>\n        <button\n          class=\"composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border px-2.5 py-2.5 pr-3 text-left\"\n          type=\"button\">\n          <span class=\"text-c-2\">{{\n            compositionLabel(props.composition)\n          }}</span>\n          <span\n            class=\"composition-selector-label text-c-1\"\n            :class=\"{\n              'line-through': selectedComposition?.deprecated,\n            }\">\n            {{ selectedOption?.label || translate('schema.schema') }}\n          </span>\n          <div\n            v-if=\"selectedComposition?.deprecated\"\n            class=\"text-red\">\n            {{ translate('common.deprecated') }}\n          </div>\n          <ScalarIconCaretDown />\n        </button>\n      </ScalarListbox>\n\n      <div class=\"composition-panel\">\n        <!-- Button to toggle nested schema display -->\n        <button\n          v-if=\"!showNestedSchema && level > 2\"\n          class=\"bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors\"\n          type=\"button\"\n          @click=\"showNestedSchema = true\">\n          {{ translate('schema.showSchemaDetails') }}\n          <ScalarIconCaretDown class=\"h-3 w-3\" />\n        </button>\n\n        <!-- Render the selected schema if it has content to display -->\n        <Schema\n          v-else\n          :key=\"selectedOption?.id ?? '0'\"\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :compositionPath=\"compositionPath\"\n          :cycleKey=\"selectedCompositionCycleKey\"\n          :discriminator=\"discriminator\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level + 1\"\n          :name=\"name\"\n          :noncollapsible=\"true\"\n          :options=\"options\"\n          :schema=\"selectedComposition\"\n          :schemaContext=\"schemaContext\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/Content/Schema/SchemaEnums.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaEnums.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAMhG,KAAK,WAAW,GAAG;IACjB,4DAA4D;IAC5D,KAAK,EAAE,YAAY,GAAG,SAAS,CAAA;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AAyPF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SchemaEnums.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"names":[],"mappings":"AA6MA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAQhG,KAAK,WAAW,GAAG;IACjB,4DAA4D;IAC5D,KAAK,EAAE,YAAY,GAAG,SAAS,CAAA;IAC/B,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AAiQF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Content/Schema/SchemaEnums.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import SchemaEnums_vue_vue_type_script_setup_true_lang_default from "./SchemaEnums.vue.script.js";
 /* empty css                          */
 //#region src/components/Content/Schema/SchemaEnums.vue
-var SchemaEnums_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SchemaEnums_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fa093e1b"]]);
+var SchemaEnums_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SchemaEnums_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-bf1bfd02"]]);
 //#endregion
 export { SchemaEnums_default as default };
 

package/dist/components/Content/Schema/SchemaEnums.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaEnums.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, ref } from 'vue'\n\nimport SchemaEnumPropertyItem from './SchemaEnumPropertyItem.vue'\n\nconst { value } = defineProps<{\n  /** The schema object containing enum values and metadata */\n  value: SchemaObject | undefined\n  /** Whether to display the enum for property names */\n  propertyNames?: boolean\n}>()\n\nconst ENUM_DISPLAY_THRESHOLD = 9\nconst INITIAL_VISIBLE_COUNT = 5\nconst THIN_SPACE = '\\u2009'\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => {\n  if (!value) {\n    return []\n  }\n  return (\n    value.enum ||\n    (isArraySchema(value) && resolve.schema(value.items)?.enum) ||\n    []\n  )\n})\n\n/**\n * Determines if we should show the long enum list UI.\n * When there are many enum values, we initially show only a subset.\n */\nconst shouldUseLongListDisplay = computed(\n  () => enumValues.value.length > ENUM_DISPLAY_THRESHOLD,\n)\n\nconst initialVisibleCount = computed(() =>\n  shouldUseLongListDisplay.value\n    ? INITIAL_VISIBLE_COUNT\n    : enumValues.value.length,\n)\n\nconst visibleEnumValues = computed(() =>\n  enumValues.value.slice(0, initialVisibleCount.value),\n)\n\nconst hiddenEnumValues = computed(() =>\n  enumValues.value.slice(initialVisibleCount.value),\n)\n\n/**\n * Gets the description for an enum value.\n * Supports both array and object formats for x-enumDescriptions.\n */\nconst getEnumValueDescription = (\n  enumValue: any,\n  index: number,\n): string | undefined => {\n  const descriptions =\n    value?.['x-enumDescriptions'] ?? value?.['x-enum-descriptions']\n\n  if (!descriptions) {\n    return undefined\n  }\n\n  if (Array.isArray(descriptions)) {\n    return descriptions[index]\n  }\n\n  if (typeof descriptions === 'object' && descriptions !== null) {\n    return (descriptions as Record<string, string>)[String(enumValue)]\n  }\n\n  return undefined\n}\n\n/**\n * Formats an enum value with its variable name if available.\n * This supports both x-enum-varnames and x-enumNames extensions.\n */\nconst formatEnumValueWithName = (enumValue: any, index: number): string => {\n  const varNames = value?.['x-enum-varnames'] ?? value?.['x-enumNames']\n  const varName = Array.isArray(varNames) ? varNames[index] : undefined\n  return varName\n    ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}`\n    : String(enumValue)\n}\n\n/**\n * Controls whether the hidden enum values are visible.\n */\nconst isExpanded = ref(false)\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"enumValues.length > 0\"\n    class=\"property-enum\">\n    <div\n      v-if=\"propertyNames\"\n      class=\"property-enum-property-names\">\n      property names\n    </div>\n    <div\n      v-else\n      class=\"property-enum-property-names\">\n      values\n    </div>\n    <ul class=\"property-enum-values\">\n      <!-- Visible enum values -->\n      <SchemaEnumPropertyItem\n        v-for=\"(enumValue, index) in visibleEnumValues\"\n        :key=\"String(enumValue)\"\n        :description=\"getEnumValueDescription(enumValue, index)\"\n        :label=\"formatEnumValueWithName(enumValue, index)\" />\n\n      <!-- Hidden enum values (when expanded) -->\n      <template v-if=\"shouldUseLongListDisplay && isExpanded\">\n        <SchemaEnumPropertyItem\n          v-for=\"(enumValue, index) in hiddenEnumValues\"\n          :key=\"String(enumValue)\"\n          :description=\"\n            getEnumValueDescription(enumValue, initialVisibleCount + index)\n          \"\n          :label=\"\n            formatEnumValueWithName(enumValue, initialVisibleCount + index)\n          \" />\n      </template>\n\n      <!-- Toggle button for long lists -->\n      <li v-if=\"shouldUseLongListDisplay\">\n        <ScalarButton\n          class=\"enum-toggle-button my-2 flex h-fit gap-1 rounded-full border py-1.5 pr-2.5 pl-2 leading-none\"\n          variant=\"ghost\"\n          @click=\"toggleExpanded\">\n          <ScalarIconPlus\n            :class=\"{ 'rotate-45': isExpanded }\"\n            weight=\"bold\" />\n          {{ isExpanded ? 'Hide values' : 'Show all values' }}\n        </ScalarButton>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.property-heading:empty + .property-description:last-of-type,\n.property-description:first-of-type:last-of-type {\n  margin-top: 0;\n}\n\n.property-list {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n  margin-top: 10px;\n}\n\n.property-list .property:last-of-type {\n  padding-bottom: 10px;\n}\n\n.property-enum-values {\n  font-size: var(--scalar-font-size-3);\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 2px;\n}\n\n.enum-toggle-button:hover {\n  color: var(--scalar-color-1);\n}\n\n.property-enum-property-names {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-2);\n  display: inline-block;\n  padding: 0 2px;\n  margin-top: 8px;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"SchemaEnums.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, ref } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\n\nimport SchemaEnumPropertyItem from './SchemaEnumPropertyItem.vue'\n\nconst { value } = defineProps<{\n  /** The schema object containing enum values and metadata */\n  value: SchemaObject | undefined\n  /** Whether to display the enum for property names */\n  propertyNames?: boolean\n}>()\nconst { translate } = useLocalization()\n\nconst ENUM_DISPLAY_THRESHOLD = 9\nconst INITIAL_VISIBLE_COUNT = 5\nconst THIN_SPACE = '\\u2009'\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => {\n  if (!value) {\n    return []\n  }\n  return (\n    value.enum ||\n    (isArraySchema(value) && resolve.schema(value.items)?.enum) ||\n    []\n  )\n})\n\n/**\n * Determines if we should show the long enum list UI.\n * When there are many enum values, we initially show only a subset.\n */\nconst shouldUseLongListDisplay = computed(\n  () => enumValues.value.length > ENUM_DISPLAY_THRESHOLD,\n)\n\nconst initialVisibleCount = computed(() =>\n  shouldUseLongListDisplay.value\n    ? INITIAL_VISIBLE_COUNT\n    : enumValues.value.length,\n)\n\nconst visibleEnumValues = computed(() =>\n  enumValues.value.slice(0, initialVisibleCount.value),\n)\n\nconst hiddenEnumValues = computed(() =>\n  enumValues.value.slice(initialVisibleCount.value),\n)\n\n/**\n * Gets the description for an enum value.\n * Supports both array and object formats for x-enumDescriptions.\n */\nconst getEnumValueDescription = (\n  enumValue: any,\n  index: number,\n): string | undefined => {\n  const descriptions =\n    value?.['x-enumDescriptions'] ?? value?.['x-enum-descriptions']\n\n  if (!descriptions) {\n    return undefined\n  }\n\n  if (Array.isArray(descriptions)) {\n    return descriptions[index]\n  }\n\n  if (typeof descriptions === 'object' && descriptions !== null) {\n    return (descriptions as Record<string, string>)[String(enumValue)]\n  }\n\n  return undefined\n}\n\n/**\n * Formats an enum value with its variable name if available.\n * This supports both x-enum-varnames and x-enumNames extensions.\n */\nconst formatEnumValueWithName = (enumValue: any, index: number): string => {\n  const varNames = value?.['x-enum-varnames'] ?? value?.['x-enumNames']\n  const varName = Array.isArray(varNames) ? varNames[index] : undefined\n  return varName\n    ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}`\n    : String(enumValue)\n}\n\n/**\n * Controls whether the hidden enum values are visible.\n */\nconst isExpanded = ref(false)\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"enumValues.length > 0\"\n    class=\"property-enum\">\n    <div\n      v-if=\"propertyNames\"\n      class=\"property-enum-property-names\">\n      {{ translate('common.propertyNames') }}\n    </div>\n    <div\n      v-else\n      class=\"property-enum-property-names\">\n      {{ translate('common.values') }}\n    </div>\n    <ul class=\"property-enum-values\">\n      <!-- Visible enum values -->\n      <SchemaEnumPropertyItem\n        v-for=\"(enumValue, index) in visibleEnumValues\"\n        :key=\"String(enumValue)\"\n        :description=\"getEnumValueDescription(enumValue, index)\"\n        :label=\"formatEnumValueWithName(enumValue, index)\" />\n\n      <!-- Hidden enum values (when expanded) -->\n      <template v-if=\"shouldUseLongListDisplay && isExpanded\">\n        <SchemaEnumPropertyItem\n          v-for=\"(enumValue, index) in hiddenEnumValues\"\n          :key=\"String(enumValue)\"\n          :description=\"\n            getEnumValueDescription(enumValue, initialVisibleCount + index)\n          \"\n          :label=\"\n            formatEnumValueWithName(enumValue, initialVisibleCount + index)\n          \" />\n      </template>\n\n      <!-- Toggle button for long lists -->\n      <li v-if=\"shouldUseLongListDisplay\">\n        <ScalarButton\n          class=\"enum-toggle-button my-2 flex h-fit gap-1 rounded-full border py-1.5 pr-2.5 pl-2 leading-none\"\n          variant=\"ghost\"\n          @click=\"toggleExpanded\">\n          <ScalarIconPlus\n            :class=\"{ 'rotate-45': isExpanded }\"\n            weight=\"bold\" />\n          {{\n            isExpanded\n              ? translate('common.hideValues')\n              : translate('common.showAllValues')\n          }}\n        </ScalarButton>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.property-heading:empty + .property-description:last-of-type,\n.property-description:first-of-type:last-of-type {\n  margin-top: 0;\n}\n\n.property-list {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n  margin-top: 10px;\n}\n\n.property-list .property:last-of-type {\n  padding-bottom: 10px;\n}\n\n.property-enum-values {\n  font-size: var(--scalar-font-size-3);\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 2px;\n}\n\n.enum-toggle-button:hover {\n  color: var(--scalar-color-1);\n}\n\n.property-enum-property-names {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-2);\n  display: inline-block;\n  padding: 0 2px;\n  margin-top: 8px;\n}\n</style>\n"],"mappings":""}

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

@@ -1,3 +1,4 @@
+import { useLocalization } from "../../../features/localization/use-localization.js";
 import SchemaEnumPropertyItem_default from "./SchemaEnumPropertyItem.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
 import { ScalarIconPlus } from "@scalar/icons";
@@ -33,6 +34,7 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		propertyNames: { type: Boolean }
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		const enumValues = computed(() => {
 			if (!__props.value) return [];
 			return __props.value.enum || isArraySchema(__props.value) && resolve.schema(__props.value.items)?.enum || [];
@@ -72,7 +74,7 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 			isExpanded.value = !isExpanded.value;
 		};
 		return (_ctx, _cache) => {
-			return enumValues.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.propertyNames ? (openBlock(), createElementBlock("div", _hoisted_2, " property names ")) : (openBlock(), createElementBlock("div", _hoisted_3, " values ")), createElementVNode("ul", _hoisted_4, [
+			return enumValues.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.propertyNames ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(translate)("common.propertyNames")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(translate)("common.values")), 1)), createElementVNode("ul", _hoisted_4, [
 				(openBlock(true), createElementBlock(Fragment, null, renderList(visibleEnumValues.value, (enumValue, index) => {
 					return openBlock(), createBlock(SchemaEnumPropertyItem_default, {
 						key: String(enumValue),
@@ -95,7 +97,7 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					default: withCtx(() => [createVNode(unref(ScalarIconPlus), {
 						class: normalizeClass({ "rotate-45": isExpanded.value }),
 						weight: "bold"
-					}, null, 8, ["class"]), createTextVNode(" " + toDisplayString(isExpanded.value ? "Hide values" : "Show all values"), 1)]),
+					}, null, 8, ["class"]), createTextVNode(" " + toDisplayString(isExpanded.value ? unref(translate)("common.hideValues") : unref(translate)("common.showAllValues")), 1)]),
 					_: 1
 				})])) : createCommentVNode("", true)
 			])])) : createCommentVNode("", true);