@scalar/api-reference 1.63.0 → 1.64.1

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 { 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"}
+{"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 * Infer a selector for mapped discriminators that do not declare `oneOf`.\n * Threaded discriminators skip inference to avoid recursive allOf variants.\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              :discriminator\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":"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"}

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":"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"}
+{"version":3,"file":"SchemaComposition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"names":[],"mappings":"AA6UA,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;AAmbJ,QAAA,MAAM,YAAY;aAlcJ,OAAO;iBAEH,OAAO;6EAmcvB,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 { 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":""}
+{"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 { partitionAllOfCompositions } from './helpers/partition-all-of-compositions'\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/**\n * Split an `allOf` into an ordered list of segments (object chunks + choice\n * pickers) so multiple mutually-exclusive selections each render their own\n * picker, in the position they were declared, instead of all but the first\n * being dropped and the rest bubbling to the end.\n */\nconst allOfSegments = computed(() =>\n  props.composition === 'allOf'\n    ? partitionAllOfCompositions(props.schema).segments\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      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    <!--\n      allOf: render the members in source order — object chunks as fields, each\n      oneOf/anyOf group as its own picker in place. Keeps every mutually-exclusive\n      selection (mergeAllOfSchemas alone drops all but the first) and preserves the\n      position of each choice group among the surrounding fields, flowing inline\n      with them as one continuous list (no extra spacing or card).\n    -->\n    <template v-if=\"props.composition === 'allOf'\">\n      <template\n        v-for=\"(segment, segmentIndex) in allOfSegments\"\n        :key=\"segmentIndex\">\n        <Schema\n          v-if=\"segment.kind === 'object'\"\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=\"segment.schema\"\n          :schemaContext=\"schemaContext\" />\n        <SchemaComposition\n          v-else\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :composition=\"segment.composition\"\n          :compositionPath=\"[\n            ...(compositionPath ?? []),\n            String(segment.choiceIndex),\n          ]\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level\"\n          :options=\"options\"\n          :schema=\"segment.value\"\n          :schemaContext=\"schemaContext\" />\n      </template>\n    </template>\n\n    <template v-else>\n      <!-- Composition selector + selected branch -->\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,11 +1,11 @@
 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";
 import { getSchemaType } from "./helpers/get-schema-type.js";
+import { partitionAllOfCompositions } from "./helpers/partition-all-of-compositions.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 { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
 import { ScalarListbox } from "@scalar/components/listbox";
 import { ScalarIconCaretDown } from "@scalar/icons";
 import { resolve } from "@scalar/workspace-store/resolve";
@@ -22,7 +22,7 @@ var _hoisted_4 = {
 	class: "text-red"
 };
 var _hoisted_5 = { class: "composition-panel" };
-var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SchemaComposition",
 	props: {
 		composition: {},
@@ -48,6 +48,13 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	setup(__props) {
 		const props = __props;
 		const { translate } = useLocalization();
+		/**
+		* Split an `allOf` into an ordered list of segments (object chunks + choice
+		* pickers) so multiple mutually-exclusive selections each render their own
+		* picker, in the position they were declared, instead of all but the first
+		* being dropped and the rest bubbling to the end.
+		*/
+		const allOfSegments = computed(() => props.composition === "allOf" ? partitionAllOfCompositions(props.schema).segments : []);
 		/** The current composition */
 		const composition = computed(() => [props.schema[props.composition]].flat().map((schema) => ({
 			value: resolve.schema(schema),
@@ -119,37 +126,65 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			};
 		}, { immediate: true });
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [props.composition === "allOf" ? (openBlock(), createBlock(Schema_default, {
-				key: 0,
-				breadcrumb: __props.breadcrumb,
-				compact: __props.compact,
-				compositionPath: __props.compositionPath,
-				discriminator: __props.discriminator,
-				eventBus: __props.eventBus,
-				hideDescription: isRequestBodyRootComposition.value,
-				hideHeading: __props.hideHeading,
-				hideModelNames: __props.hideModelNames,
-				level: __props.level + 1,
-				name: __props.name,
-				noncollapsible: true,
-				options: __props.options,
-				schema: unref(mergeAllOfSchemas)(__props.schema),
-				schemaContext: __props.schemaContext
-			}, null, 8, [
-				"breadcrumb",
-				"compact",
-				"compositionPath",
-				"discriminator",
-				"eventBus",
-				"hideDescription",
-				"hideHeading",
-				"hideModelNames",
-				"level",
-				"name",
-				"options",
-				"schema",
-				"schemaContext"
-			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarListbox), {
+			const _component_SchemaComposition = resolveComponent("SchemaComposition", true);
+			return openBlock(), createElementBlock("div", _hoisted_1, [props.composition === "allOf" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(allOfSegments.value, (segment, segmentIndex) => {
+				return openBlock(), createElementBlock(Fragment, { key: segmentIndex }, [segment.kind === "object" ? (openBlock(), createBlock(Schema_default, {
+					key: 0,
+					breadcrumb: __props.breadcrumb,
+					compact: __props.compact,
+					compositionPath: __props.compositionPath,
+					discriminator: __props.discriminator,
+					eventBus: __props.eventBus,
+					hideDescription: isRequestBodyRootComposition.value,
+					hideHeading: __props.hideHeading,
+					hideModelNames: __props.hideModelNames,
+					level: __props.level + 1,
+					name: __props.name,
+					noncollapsible: true,
+					options: __props.options,
+					schema: segment.schema,
+					schemaContext: __props.schemaContext
+				}, null, 8, [
+					"breadcrumb",
+					"compact",
+					"compositionPath",
+					"discriminator",
+					"eventBus",
+					"hideDescription",
+					"hideHeading",
+					"hideModelNames",
+					"level",
+					"name",
+					"options",
+					"schema",
+					"schemaContext"
+				])) : (openBlock(), createBlock(_component_SchemaComposition, {
+					key: 1,
+					breadcrumb: __props.breadcrumb,
+					compact: __props.compact,
+					composition: segment.composition,
+					compositionPath: [...__props.compositionPath ?? [], String(segment.choiceIndex)],
+					eventBus: __props.eventBus,
+					hideHeading: __props.hideHeading,
+					hideModelNames: __props.hideModelNames,
+					level: __props.level,
+					options: __props.options,
+					schema: segment.value,
+					schemaContext: __props.schemaContext
+				}, null, 8, [
+					"breadcrumb",
+					"compact",
+					"composition",
+					"compositionPath",
+					"eventBus",
+					"hideHeading",
+					"hideModelNames",
+					"level",
+					"options",
+					"schema",
+					"schemaContext"
+				]))], 64);
+			}), 128)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarListbox), {
 				modelValue: selectedOption.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
 				options: listboxOptions.value,

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 { 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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"}
+{"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 { partitionAllOfCompositions } from './helpers/partition-all-of-compositions'\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/**\n * Split an `allOf` into an ordered list of segments (object chunks + choice\n * pickers) so multiple mutually-exclusive selections each render their own\n * picker, in the position they were declared, instead of all but the first\n * being dropped and the rest bubbling to the end.\n */\nconst allOfSegments = computed(() =>\n  props.composition === 'allOf'\n    ? partitionAllOfCompositions(props.schema).segments\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      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    <!--\n      allOf: render the members in source order — object chunks as fields, each\n      oneOf/anyOf group as its own picker in place. Keeps every mutually-exclusive\n      selection (mergeAllOfSchemas alone drops all but the first) and preserves the\n      position of each choice group among the surrounding fields, flowing inline\n      with them as one continuous list (no extra spacing or card).\n    -->\n    <template v-if=\"props.composition === 'allOf'\">\n      <template\n        v-for=\"(segment, segmentIndex) in allOfSegments\"\n        :key=\"segmentIndex\">\n        <Schema\n          v-if=\"segment.kind === 'object'\"\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=\"segment.schema\"\n          :schemaContext=\"schemaContext\" />\n        <SchemaComposition\n          v-else\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :composition=\"segment.composition\"\n          :compositionPath=\"[\n            ...(compositionPath ?? []),\n            String(segment.choiceIndex),\n          ]\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :hideModelNames\n          :level=\"level\"\n          :options=\"options\"\n          :schema=\"segment.value\"\n          :schemaContext=\"schemaContext\" />\n      </template>\n    </template>\n\n    <template v-else>\n      <!-- Composition selector + selected branch -->\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/SchemaEnumPropertyItem.vue.js

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

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

@@ -9,7 +9,7 @@ var _hoisted_4 = {
 	key: 0,
 	class: "property-enum-value-description"
 };
-var SchemaEnumPropertyItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SchemaEnumPropertyItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SchemaEnumPropertyItem",
 	props: {
 		label: {},

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaEnumPropertyItem.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\ndefineProps<{\n  label: string\n  description?: string\n}>()\n</script>\n\n<template>\n  <li class=\"property-enum-value\">\n    <div class=\"property-enum-value-content\">\n      <span class=\"property-enum-value-label\">\n        <ScalarWrappingText\n          :text=\"label\"\n          preset=\"property\" />\n      </span>\n      <span\n        v-if=\"description\"\n        class=\"property-enum-value-description\">\n        <ScalarMarkdown :value=\"description\" />\n      </span>\n    </div>\n  </li>\n</template>\n\n<style scoped>\n.property-enum-value {\n  color: var(--scalar-color-3);\n  line-height: 1.5;\n  overflow-wrap: break-word;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n\n  --decorator-width: 1px;\n  --decorator-color: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-color-1) 25%\n  );\n}\n\n.property-enum-value-content {\n  display: flex;\n  flex-direction: column;\n  padding: 3px 0;\n}\n\n.property-enum-value-label {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-font-size-4);\n  position: relative;\n}\n\n.property-enum-value:last-of-type .property-enum-value-label {\n  padding-bottom: 0;\n}\n\n.property-enum-value::before {\n  content: '';\n  margin-right: 12px;\n  width: var(--decorator-width);\n  display: block;\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::before,\n.property-enum-values:has(.enum-toggle-button)\n  .property-enum-value:nth-last-child(2)::before {\n  height: calc(0.5lh + 4px);\n}\n\n.property-enum-value-label::after {\n  content: '';\n  position: absolute;\n  top: calc(0.5lh);\n  left: -12px;\n  width: 8px;\n  height: var(--decorator-width);\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::after {\n  bottom: 0;\n  height: 50%;\n  background: var(--scalar-background-1);\n  border-top: var(--scalar-border-width) solid var(--decorator-color);\n}\n\n.property-enum-value-description {\n  color: var(--scalar-color-3);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;uBAWE,mBAaK,MAbL,YAaK,CAZH,mBAWM,OAXN,YAWM,CAVJ,mBAIO,QAJP,YAIO,CAHL,YAEsB,MAAA,mBAAA,EAAA;IADnB,MAAM,QAAA;IACP,QAAO;4BAGH,QAAA,eAAA,WAAA,EADR,mBAIO,QAJP,YAIO,CADL,YAAuC,MAAA,eAAA,EAAA,EAAtB,OAAO,QAAA,aAAW,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"SchemaEnumPropertyItem.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\n\ndefineProps<{\n  label: string\n  description?: string\n}>()\n</script>\n\n<template>\n  <li class=\"property-enum-value\">\n    <div class=\"property-enum-value-content\">\n      <span class=\"property-enum-value-label\">\n        <ScalarWrappingText\n          :text=\"label\"\n          preset=\"property\" />\n      </span>\n      <span\n        v-if=\"description\"\n        class=\"property-enum-value-description\">\n        <ScalarMarkdown :value=\"description\" />\n      </span>\n    </div>\n  </li>\n</template>\n\n<style scoped>\n.property-enum-value {\n  color: var(--scalar-color-3);\n  line-height: 1.5;\n  overflow-wrap: break-word;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n\n  --decorator-width: 1px;\n  --decorator-color: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-color-1) 25%\n  );\n}\n\n.property-enum-value-content {\n  display: flex;\n  flex-direction: column;\n  padding: 3px 0;\n}\n\n.property-enum-value-label {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-font-size-4);\n  position: relative;\n}\n\n.property-enum-value:last-of-type .property-enum-value-label {\n  padding-bottom: 0;\n}\n\n.property-enum-value::before {\n  content: '';\n  margin-right: 12px;\n  width: var(--decorator-width);\n  display: block;\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::before,\n.property-enum-values:has(.enum-toggle-button)\n  .property-enum-value:nth-last-child(2)::before {\n  height: calc(0.5lh + 4px);\n}\n\n.property-enum-value-label::after {\n  content: '';\n  position: absolute;\n  top: calc(0.5lh);\n  left: -12px;\n  width: 8px;\n  height: var(--decorator-width);\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::after {\n  bottom: 0;\n  height: 50%;\n  background: var(--scalar-background-1);\n  border-top: var(--scalar-border-width) solid var(--decorator-color);\n}\n\n.property-enum-value-description {\n  color: var(--scalar-color-3);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;uBAWE,mBAaK,MAbL,YAaK,CAZH,mBAWM,OAXN,YAWM,CAVJ,mBAIO,QAJP,YAIO,CAHL,YAEsB,MAAA,kBAAA,GAAA;IADnB,MAAM,QAAA;IACP,QAAO;4BAGH,QAAA,eAAA,UAAA,GADR,mBAIO,QAJP,YAIO,CADL,YAAuC,MAAA,cAAA,GAAA,EAAtB,OAAO,QAAA,YAAW,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,CAAA"}

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":"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"}
+{"version":3,"file":"SchemaEnums.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"names":[],"mappings":"AAqNA,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;AA0QF,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-bf1bfd02"]]);
+var SchemaEnums_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SchemaEnums_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-602e2e26"]]);
 //#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 { 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":""}
+{"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 * Resolves the schema that carries the enum values.\n * For arrays, the enum and its x-enum-* metadata live on the items schema, so\n * both the values and their varnames/descriptions have to be read from there.\n */\nconst enumSchema = computed(() => {\n  if (!value) {\n    return undefined\n  }\n  if (value.enum) {\n    return value\n  }\n  return isArraySchema(value) ? resolve.schema(value.items) : undefined\n})\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => enumSchema.value?.enum ?? [])\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 schema = enumSchema.value\n  const descriptions =\n    schema?.['x-enumDescriptions'] ?? schema?.['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 =\n    enumSchema.value?.['x-enum-varnames'] ?? enumSchema.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

@@ -24,10 +24,11 @@ var ENUM_DISPLAY_THRESHOLD = 9;
 var INITIAL_VISIBLE_COUNT = 5;
 var THIN_SPACE = " ";
 /**
-* Extracts enum values from the schema object.
-* Handles both direct enum values and nested enum arrays.
+* Resolves the schema that carries the enum values.
+* For arrays, the enum and its x-enum-* metadata live on the items schema, so
+* both the values and their varnames/descriptions have to be read from there.
 */
-var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SchemaEnums",
 	props: {
 		value: {},
@@ -35,11 +36,17 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	},
 	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 || [];
+		const enumSchema = computed(() => {
+			if (!__props.value) return;
+			if (__props.value.enum) return __props.value;
+			return isArraySchema(__props.value) ? resolve.schema(__props.value.items) : void 0;
 		});
 		/**
+		* Extracts enum values from the schema object.
+		* Handles both direct enum values and nested enum arrays.
+		*/
+		const enumValues = computed(() => enumSchema.value?.enum ?? []);
+		/**
 		* Determines if we should show the long enum list UI.
 		* When there are many enum values, we initially show only a subset.
 		*/
@@ -52,7 +59,8 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		* Supports both array and object formats for x-enumDescriptions.
 		*/
 		const getEnumValueDescription = (enumValue, index) => {
-			const descriptions = __props.value?.["x-enumDescriptions"] ?? __props.value?.["x-enum-descriptions"];
+			const schema = enumSchema.value;
+			const descriptions = schema?.["x-enumDescriptions"] ?? schema?.["x-enum-descriptions"];
 			if (!descriptions) return;
 			if (Array.isArray(descriptions)) return descriptions[index];
 			if (typeof descriptions === "object" && descriptions !== null) return descriptions[String(enumValue)];
@@ -62,7 +70,7 @@ var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		* This supports both x-enum-varnames and x-enumNames extensions.
 		*/
 		const formatEnumValueWithName = (enumValue, index) => {
-			const varNames = __props.value?.["x-enum-varnames"] ?? __props.value?.["x-enumNames"];
+			const varNames = enumSchema.value?.["x-enum-varnames"] ?? enumSchema.value?.["x-enumNames"];
 			const varName = Array.isArray(varNames) ? varNames[index] : void 0;
 			return varName ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}` : String(enumValue);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaEnums.vue.script.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":";;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAC9B,IAAM,aAAa;;;;;;;;;;;;EAJnB,MAAM,EAAE,cAAc,iBAAgB;EAUtC,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,QAAA,MACH,QAAO,EAAC;AAEV,UACE,QAAA,MAAM,QACL,cAAc,QAAA,MAAM,IAAI,QAAQ,OAAO,QAAA,MAAM,MAAM,EAAE,QACtD,EAAC;IAEJ;;;;;EAMD,MAAM,2BAA2B,eACzB,WAAW,MAAM,SAAS,uBAClC;EAEA,MAAM,sBAAsB,eAC1B,yBAAyB,QACrB,wBACA,WAAW,MAAM,OACvB;EAEA,MAAM,oBAAoB,eACxB,WAAW,MAAM,MAAM,GAAG,oBAAoB,MAAM,CACtD;EAEA,MAAM,mBAAmB,eACvB,WAAW,MAAM,MAAM,oBAAoB,MAAM,CACnD;;;;;EAMA,MAAM,2BACJ,WACA,UACuB;GACvB,MAAM,eACJ,QAAA,QAAQ,yBAAyB,QAAA,QAAQ;AAE3C,OAAI,CAAC,aACH;AAGF,OAAI,MAAM,QAAQ,aAAa,CAC7B,QAAO,aAAa;AAGtB,OAAI,OAAO,iBAAiB,YAAY,iBAAiB,KACvD,QAAQ,aAAwC,OAAO,UAAU;;;;;;EAUrE,MAAM,2BAA2B,WAAgB,UAA0B;GACzE,MAAM,WAAW,QAAA,QAAQ,sBAAsB,QAAA,QAAQ;GACvD,MAAM,UAAU,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,KAAA;AAC5D,UAAO,UACH,GAAG,YAAY,WAAW,GAAG,aAAa,YAC1C,OAAO,UAAS;;;;;EAMtB,MAAM,aAAa,IAAI,MAAK;EAE5B,MAAM,uBAAuB;AAC3B,cAAW,QAAQ,CAAC,WAAW;;;UAMvB,WAAA,MAAW,SAAM,KAAA,WAAA,EADzB,mBAmDM,OAnDN,YAmDM,CA/CI,QAAA,iBAAA,WAAA,EADR,mBAIM,OAJN,YAIM,gBADD,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,KAAA,WAAA,EAEd,mBAIM,OAJN,YAIM,gBADD,MAAA,UAAS,CAAA,gBAAA,CAAA,EAAA,EAAA,GAEd,mBAqCK,MArCL,YAqCK;sBAnCH,mBAIuD,UAAA,MAAA,WAHxB,kBAAA,QAArB,WAAW,UAAK;yBAD1B,YAIuD,gCAAA;MAFpD,KAAK,OAAO,UAAS;MACrB,aAAa,wBAAwB,WAAW,MAAK;MACrD,OAAO,wBAAwB,WAAW,MAAK;;;IAGlC,yBAAA,SAA4B,WAAA,SAAA,UAAA,KAAA,EAC1C,mBAQM,UAAA,EAAA,KAAA,GAAA,EAAA,WAPyB,iBAAA,QAArB,WAAW,UAAK;yBAD1B,YAQM,gCAAA;MANH,KAAK,OAAO,UAAS;MACrB,aAA0B,wBAAwB,WAAW,oBAAA,QAAsB,MAAK;MAGxF,OAAoB,wBAAwB,WAAW,oBAAA,QAAsB,MAAK;;;IAM7E,yBAAA,SAAA,WAAA,EAAV,mBAcK,MAAA,YAAA,CAbH,YAYe,MAAA,aAAA,EAAA;KAXb,OAAM;KACN,SAAQ;KACP,SAAO;;4BAGU,CAFlB,YAEkB,MAAA,eAAA,EAAA;MADf,OAAK,eAAA,EAAA,aAAiB,WAAA,OAAU,CAAA;MACjC,QAAO;6CAAS,MAClB,gBACE,WAAA,QAA2B,MAAA,UAAS,CAAA,oBAAA,GAAsC,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"SchemaEnums.vue.script.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 * Resolves the schema that carries the enum values.\n * For arrays, the enum and its x-enum-* metadata live on the items schema, so\n * both the values and their varnames/descriptions have to be read from there.\n */\nconst enumSchema = computed(() => {\n  if (!value) {\n    return undefined\n  }\n  if (value.enum) {\n    return value\n  }\n  return isArraySchema(value) ? resolve.schema(value.items) : undefined\n})\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => enumSchema.value?.enum ?? [])\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 schema = enumSchema.value\n  const descriptions =\n    schema?.['x-enumDescriptions'] ?? schema?.['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 =\n    enumSchema.value?.['x-enum-varnames'] ?? enumSchema.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":";;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAC9B,IAAM,aAAa;;;;;;;;;;;;;EAJnB,MAAM,EAAE,cAAc,gBAAgB;EAWtC,MAAM,aAAa,eAAe;GAChC,IAAI,CAAC,QAAA,OACH;GAEF,IAAI,QAAA,MAAM,MACR,OAAO,QAAA;GAET,OAAO,cAAc,QAAA,KAAK,IAAI,QAAQ,OAAO,QAAA,MAAM,KAAK,IAAI,KAAA;EAC9D,CAAC;;;;;EAMD,MAAM,aAAa,eAAe,WAAW,OAAO,QAAQ,CAAC,CAAC;;;;;EAM9D,MAAM,2BAA2B,eACzB,WAAW,MAAM,SAAS,sBAClC;EAEA,MAAM,sBAAsB,eAC1B,yBAAyB,QACrB,wBACA,WAAW,MAAM,MACvB;EAEA,MAAM,oBAAoB,eACxB,WAAW,MAAM,MAAM,GAAG,oBAAoB,KAAK,CACrD;EAEA,MAAM,mBAAmB,eACvB,WAAW,MAAM,MAAM,oBAAoB,KAAK,CAClD;;;;;EAMA,MAAM,2BACJ,WACA,UACuB;GACvB,MAAM,SAAS,WAAW;GAC1B,MAAM,eACJ,SAAS,yBAAyB,SAAS;GAE7C,IAAI,CAAC,cACH;GAGF,IAAI,MAAM,QAAQ,YAAY,GAC5B,OAAO,aAAa;GAGtB,IAAI,OAAO,iBAAiB,YAAY,iBAAiB,MACvD,OAAQ,aAAwC,OAAO,SAAS;EAIpE;;;;;EAMA,MAAM,2BAA2B,WAAgB,UAA0B;GACzE,MAAM,WACJ,WAAW,QAAQ,sBAAsB,WAAW,QAAQ;GAC9D,MAAM,UAAU,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS,KAAA;GAC5D,OAAO,UACH,GAAG,YAAY,WAAW,GAAG,aAAa,YAC1C,OAAO,SAAS;EACtB;;;;EAKA,MAAM,aAAa,IAAI,KAAK;EAE5B,MAAM,uBAAuB;GAC3B,WAAW,QAAQ,CAAC,WAAW;EACjC;;UAKU,WAAA,MAAW,SAAM,KAAA,UAAA,GADzB,mBAmDM,OAnDN,YAmDM,CA/CI,QAAA,iBAAA,UAAA,GADR,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAEd,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,eAAA,CAAA,GAAA,CAAA,IAEd,mBAqCK,MArCL,YAqCK;sBAnCH,mBAIuD,UAAA,MAAA,WAHxB,kBAAA,QAArB,WAAW,UAAK;yBAD1B,YAIuD,gCAAA;MAFpD,KAAK,OAAO,SAAS;MACrB,aAAa,wBAAwB,WAAW,KAAK;MACrD,OAAO,wBAAwB,WAAW,KAAK;;;IAGlC,yBAAA,SAA4B,WAAA,SAAA,UAAA,IAAA,GAC1C,mBAQM,UAAA,EAAA,KAAA,EAAA,GAAA,WAPyB,iBAAA,QAArB,WAAW,UAAK;yBAD1B,YAQM,gCAAA;MANH,KAAK,OAAO,SAAS;MACrB,aAA0B,wBAAwB,WAAW,oBAAA,QAAsB,KAAK;MAGxF,OAAoB,wBAAwB,WAAW,oBAAA,QAAsB,KAAK;;;IAM7E,yBAAA,SAAA,UAAA,GAAV,mBAcK,MAAA,YAAA,CAbH,YAYe,MAAA,YAAA,GAAA;KAXb,OAAM;KACN,SAAQ;KACP,SAAO;;4BAGU,CAFlB,YAEkB,MAAA,cAAA,GAAA;MADf,OAAK,eAAA,EAAA,aAAiB,WAAA,MAAU,CAAA;MACjC,QAAO;6CAAS,MAClB,gBACE,WAAA,QAA2B,MAAA,SAAA,CAAS,CAAA,mBAAA,IAAsC,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}