@scalar/api-reference 1.59.3 → 1.61.0

package/dist/components/Content/Operations/TraversedEntry.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TraversedEntry.vue.js","names":[],"sources":["../../../../src/components/Content/Operations/TraversedEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClientOptionGroup } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Model from '@/components/Content/Models/Model.vue'\nimport ModelTag from '@/components/Content/Models/ModelTag.vue'\nimport { Tag } from '@/components/Content/Tags'\nimport Lazy from '@/components/Lazy/Lazy.vue'\nimport { SectionContainer } from '@/components/Section'\nimport { Operation } from '@/features/Operation'\n\nconst {\n  level = 0,\n  clientOptions,\n  document,\n  authStore,\n  entries,\n} = defineProps<{\n  /** The auth store */\n  authStore: AuthStore\n  /** The level of depth */\n  level?: number\n  /** Traversed entries to render */\n  entries: TraversedEntry[]\n  /** The document object */\n  document: OpenApiDocument\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  /** Currently selected server for the document */\n  selectedServer: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** Currently selected http client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Used to determine if an entry is collapsed */\n  expandedItems: Record<string, boolean>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n}>()\n\n/**\n * Type guards for different entry types\n */\nconst isTagGroup = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: true } =>\n  entry['type'] === 'tag' && entry.isGroup === true\n\nconst isTag = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: false } =>\n  entry['type'] === 'tag' && !isTagGroup(entry) && entry.id !== 'models'\n\nconst isOperation = (entry: TraversedEntry): entry is TraversedOperation =>\n  entry['type'] === 'operation'\n\nconst isWebhook = (entry: TraversedEntry): entry is TraversedWebhook =>\n  entry['type'] === 'webhook'\n\n/** Models are special form of tag entry */\nconst isModelsTag = (entry: TraversedEntry): entry is TraversedModels =>\n  entry['type'] === 'models'\n\nconst isModel = (entry: TraversedEntry): entry is TraversedSchema =>\n  entry['type'] === 'model'\n\nfunction getPathValue(entry: TraversedOperation | TraversedWebhook) {\n  return isWebhook(entry)\n    ? getResolvedPathItem(document.webhooks?.[entry.name])\n    : getResolvedPathItem(document.paths?.[entry.path])\n}\n</script>\n\n<template>\n  <!-- The key must be joined with the layout to force a re-render when the layout changes -->\n  <!-- Without this we get a timing issue where the lazy bus is reset and the element is not rendered -->\n  <Lazy\n    v-for=\"entry in entries\"\n    :id=\"entry.id\"\n    :key=\"`${entry.id}-${options.layout}`\"\n    :expanded=\"!!expandedItems[entry.id]\">\n    <!-- Operation or Webhook -->\n    <SectionContainer\n      v-if=\"isOperation(entry) || isWebhook(entry)\"\n      :omit=\"level !== 0\">\n      <Operation\n        :id=\"entry.id\"\n        :authStore\n        :clientOptions\n        :document\n        :eventBus\n        :isCollapsed=\"!expandedItems[entry.id]\"\n        :isWebhook=\"isWebhook(entry)\"\n        :method=\"entry.method\"\n        :options=\"options\"\n        :path=\"isWebhook(entry) ? entry.name : entry.path\"\n        :pathValue=\"getPathValue(entry)\"\n        :securitySchemes=\"securitySchemes\"\n        :selectedClient=\"selectedClient\"\n        :server=\"selectedServer\" />\n    </SectionContainer>\n\n    <!-- Webhook Group, Tag or Tag Group (only in classic layout) -->\n    <Tag\n      v-else-if=\"\n        isTag(entry) || (isTagGroup(entry) && options.layout === 'classic')\n      \"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :isLoading=\"false\"\n      :layout=\"options.layout\"\n      :moreThanOneTag=\"entries.filter(isTag).length > 1\"\n      :tag=\"entry\">\n      <template v-if=\"'children' in entry && entry.children?.length\">\n        <TraversedEntry\n          :authStore\n          :clientOptions\n          :document\n          :entries=\"entry.children\"\n          :eventBus\n          :expandedItems\n          :level=\"level + 1\"\n          :options\n          :securitySchemes\n          :selectedClient\n          :selectedServer>\n        </TraversedEntry>\n      </template>\n    </Tag>\n\n    <!-- Display tag group entries for modern layout (flattened) -->\n    <!--\n      The wrapping element carries the tag group id so it remains a scroll\n      target. Modern layout flattens groups and renders no header of their own,\n      so without this anchor, selecting a tag group (from search or the sidebar)\n      would have nothing to scroll to.\n    -->\n    <div\n      v-else-if=\"isTagGroup(entry)\"\n      :id=\"entry.id\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </div>\n\n    <!-- Models -->\n    <ModelTag\n      v-else-if=\"isModelsTag(entry) && document.components?.schemas\"\n      :id=\"entry.id\"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :modelsSectionLabel=\"options.modelsSectionLabel\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems=\"expandedItems\"\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </ModelTag>\n\n    <Model\n      v-else-if=\"isModel(entry) && document.components?.schemas?.[entry.name]\"\n      :id=\"entry.id\"\n      :document\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :name=\"entry.name\"\n      :options\n      :schema=\"getResolvedRef(document.components.schemas[entry.name])\">\n    </Model>\n  </Lazy>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TraversedEntry.vue.js","names":[],"sources":["../../../../src/components/Content/Operations/TraversedEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClientOptionGroup } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Model from '@/components/Content/Models/Model.vue'\nimport ModelTag from '@/components/Content/Models/ModelTag.vue'\nimport { Tag } from '@/components/Content/Tags'\nimport Lazy from '@/components/Lazy/Lazy.vue'\nimport { SectionContainer } from '@/components/Section'\nimport { Operation } from '@/features/Operation'\n\nconst {\n  level = 0,\n  clientOptions,\n  document,\n  authStore,\n  entries,\n} = defineProps<{\n  /** The auth store */\n  authStore: AuthStore\n  /** The level of depth */\n  level?: number\n  /** Traversed entries to render */\n  entries: TraversedEntry[]\n  /** The document object */\n  document: OpenApiDocument\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  /** Currently selected server for the document */\n  selectedServer: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** Currently selected http client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Used to determine if an entry is collapsed */\n  expandedItems: Record<string, boolean>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n}>()\n\n/**\n * Type guards for different entry types\n */\nconst isTagGroup = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: true } =>\n  entry['type'] === 'tag' && entry.isGroup === true\n\nconst isTag = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: false } =>\n  entry['type'] === 'tag' && !isTagGroup(entry) && entry.id !== 'models'\n\nconst isOperation = (entry: TraversedEntry): entry is TraversedOperation =>\n  entry['type'] === 'operation'\n\nconst isWebhook = (entry: TraversedEntry): entry is TraversedWebhook =>\n  entry['type'] === 'webhook'\n\n/** Models are special form of tag entry */\nconst isModelsTag = (entry: TraversedEntry): entry is TraversedModels =>\n  entry['type'] === 'models'\n\nconst isModel = (entry: TraversedEntry): entry is TraversedSchema =>\n  entry['type'] === 'model'\n\nfunction getPathValue(entry: TraversedOperation | TraversedWebhook) {\n  return isWebhook(entry)\n    ? getResolvedPathItem(document.webhooks?.[entry.name])\n    : getResolvedPathItem(document.paths?.[entry.path])\n}\n</script>\n\n<template>\n  <!-- The key must be joined with the layout to force a re-render when the layout changes -->\n  <!-- Without this we get a timing issue where the lazy bus is reset and the element is not rendered -->\n  <Lazy\n    v-for=\"entry in entries\"\n    :id=\"entry.id\"\n    :key=\"`${entry.id}-${options.layout}`\"\n    :expanded=\"!!expandedItems[entry.id]\">\n    <!-- Operation or Webhook -->\n    <SectionContainer\n      v-if=\"isOperation(entry) || isWebhook(entry)\"\n      :omit=\"level !== 0\">\n      <Operation\n        :id=\"entry.id\"\n        :authStore\n        :clientOptions\n        :document\n        :eventBus\n        :isCollapsed=\"!expandedItems[entry.id]\"\n        :isWebhook=\"isWebhook(entry)\"\n        :method=\"entry.method\"\n        :options=\"options\"\n        :path=\"isWebhook(entry) ? entry.name : entry.path\"\n        :pathValue=\"getPathValue(entry)\"\n        :securitySchemes=\"securitySchemes\"\n        :selectedClient=\"selectedClient\"\n        :server=\"selectedServer\" />\n    </SectionContainer>\n\n    <!-- Webhook Group, Tag or Tag Group (only in classic layout) -->\n    <Tag\n      v-else-if=\"\n        isTag(entry) || (isTagGroup(entry) && options.layout === 'classic')\n      \"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :moreThanOneTag=\"entries.filter(isTag).length > 1\"\n      :tag=\"entry\">\n      <template v-if=\"'children' in entry && entry.children?.length\">\n        <TraversedEntry\n          :authStore\n          :clientOptions\n          :document\n          :entries=\"entry.children\"\n          :eventBus\n          :expandedItems\n          :level=\"level + 1\"\n          :options\n          :securitySchemes\n          :selectedClient\n          :selectedServer>\n        </TraversedEntry>\n      </template>\n    </Tag>\n\n    <!-- Display tag group entries for modern layout (flattened) -->\n    <!--\n      The wrapping element carries the tag group id so it remains a scroll\n      target. Modern layout flattens groups and renders no header of their own,\n      so without this anchor, selecting a tag group (from search or the sidebar)\n      would have nothing to scroll to.\n    -->\n    <div\n      v-else-if=\"isTagGroup(entry)\"\n      :id=\"entry.id\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </div>\n\n    <!-- Models -->\n    <ModelTag\n      v-else-if=\"isModelsTag(entry) && document.components?.schemas\"\n      :id=\"entry.id\"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :modelsSectionLabel=\"options.modelsSectionLabel\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems=\"expandedItems\"\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </ModelTag>\n\n    <Model\n      v-else-if=\"isModel(entry) && document.components?.schemas?.[entry.name]\"\n      :id=\"entry.id\"\n      :document\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :name=\"entry.name\"\n      :options\n      :schema=\"getResolvedRef(document.components.schemas[entry.name])\">\n    </Model>\n  </Lazy>\n</template>\n"],"mappings":""}

package/dist/components/Content/Operations/TraversedEntry.vue.script.js

@@ -86,7 +86,6 @@ var TraversedEntry_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						key: 1,
 						eventBus: __props.eventBus,
 						isCollapsed: !__props.expandedItems[entry.id],
-						isLoading: false,
 						layout: __props.options.layout,
 						moreThanOneTag: __props.entries.filter(isTag).length > 1,
 						tag: entry

package/dist/components/Content/Operations/TraversedEntry.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"TraversedEntry.vue.script.js","names":[],"sources":["../../../../src/components/Content/Operations/TraversedEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClientOptionGroup } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Model from '@/components/Content/Models/Model.vue'\nimport ModelTag from '@/components/Content/Models/ModelTag.vue'\nimport { Tag } from '@/components/Content/Tags'\nimport Lazy from '@/components/Lazy/Lazy.vue'\nimport { SectionContainer } from '@/components/Section'\nimport { Operation } from '@/features/Operation'\n\nconst {\n  level = 0,\n  clientOptions,\n  document,\n  authStore,\n  entries,\n} = defineProps<{\n  /** The auth store */\n  authStore: AuthStore\n  /** The level of depth */\n  level?: number\n  /** Traversed entries to render */\n  entries: TraversedEntry[]\n  /** The document object */\n  document: OpenApiDocument\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  /** Currently selected server for the document */\n  selectedServer: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** Currently selected http client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Used to determine if an entry is collapsed */\n  expandedItems: Record<string, boolean>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n}>()\n\n/**\n * Type guards for different entry types\n */\nconst isTagGroup = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: true } =>\n  entry['type'] === 'tag' && entry.isGroup === true\n\nconst isTag = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: false } =>\n  entry['type'] === 'tag' && !isTagGroup(entry) && entry.id !== 'models'\n\nconst isOperation = (entry: TraversedEntry): entry is TraversedOperation =>\n  entry['type'] === 'operation'\n\nconst isWebhook = (entry: TraversedEntry): entry is TraversedWebhook =>\n  entry['type'] === 'webhook'\n\n/** Models are special form of tag entry */\nconst isModelsTag = (entry: TraversedEntry): entry is TraversedModels =>\n  entry['type'] === 'models'\n\nconst isModel = (entry: TraversedEntry): entry is TraversedSchema =>\n  entry['type'] === 'model'\n\nfunction getPathValue(entry: TraversedOperation | TraversedWebhook) {\n  return isWebhook(entry)\n    ? getResolvedPathItem(document.webhooks?.[entry.name])\n    : getResolvedPathItem(document.paths?.[entry.path])\n}\n</script>\n\n<template>\n  <!-- The key must be joined with the layout to force a re-render when the layout changes -->\n  <!-- Without this we get a timing issue where the lazy bus is reset and the element is not rendered -->\n  <Lazy\n    v-for=\"entry in entries\"\n    :id=\"entry.id\"\n    :key=\"`${entry.id}-${options.layout}`\"\n    :expanded=\"!!expandedItems[entry.id]\">\n    <!-- Operation or Webhook -->\n    <SectionContainer\n      v-if=\"isOperation(entry) || isWebhook(entry)\"\n      :omit=\"level !== 0\">\n      <Operation\n        :id=\"entry.id\"\n        :authStore\n        :clientOptions\n        :document\n        :eventBus\n        :isCollapsed=\"!expandedItems[entry.id]\"\n        :isWebhook=\"isWebhook(entry)\"\n        :method=\"entry.method\"\n        :options=\"options\"\n        :path=\"isWebhook(entry) ? entry.name : entry.path\"\n        :pathValue=\"getPathValue(entry)\"\n        :securitySchemes=\"securitySchemes\"\n        :selectedClient=\"selectedClient\"\n        :server=\"selectedServer\" />\n    </SectionContainer>\n\n    <!-- Webhook Group, Tag or Tag Group (only in classic layout) -->\n    <Tag\n      v-else-if=\"\n        isTag(entry) || (isTagGroup(entry) && options.layout === 'classic')\n      \"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :isLoading=\"false\"\n      :layout=\"options.layout\"\n      :moreThanOneTag=\"entries.filter(isTag).length > 1\"\n      :tag=\"entry\">\n      <template v-if=\"'children' in entry && entry.children?.length\">\n        <TraversedEntry\n          :authStore\n          :clientOptions\n          :document\n          :entries=\"entry.children\"\n          :eventBus\n          :expandedItems\n          :level=\"level + 1\"\n          :options\n          :securitySchemes\n          :selectedClient\n          :selectedServer>\n        </TraversedEntry>\n      </template>\n    </Tag>\n\n    <!-- Display tag group entries for modern layout (flattened) -->\n    <!--\n      The wrapping element carries the tag group id so it remains a scroll\n      target. Modern layout flattens groups and renders no header of their own,\n      so without this anchor, selecting a tag group (from search or the sidebar)\n      would have nothing to scroll to.\n    -->\n    <div\n      v-else-if=\"isTagGroup(entry)\"\n      :id=\"entry.id\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </div>\n\n    <!-- Models -->\n    <ModelTag\n      v-else-if=\"isModelsTag(entry) && document.components?.schemas\"\n      :id=\"entry.id\"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :modelsSectionLabel=\"options.modelsSectionLabel\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems=\"expandedItems\"\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </ModelTag>\n\n    <Model\n      v-else-if=\"isModel(entry) && document.components?.schemas?.[entry.name]\"\n      :id=\"entry.id\"\n      :document\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :name=\"entry.name\"\n      :options\n      :schema=\"getResolvedRef(document.components.schemas[entry.name])\">\n    </Model>\n  </Lazy>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"TraversedEntry.vue.script.js","names":[],"sources":["../../../../src/components/Content/Operations/TraversedEntry.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ClientOptionGroup } from '@scalar/api-client/blocks/operation-code-sample'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedPathItem } from '@scalar/workspace-store/helpers/for-each-path-item-operation'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type {\n  OpenApiDocument,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Model from '@/components/Content/Models/Model.vue'\nimport ModelTag from '@/components/Content/Models/ModelTag.vue'\nimport { Tag } from '@/components/Content/Tags'\nimport Lazy from '@/components/Lazy/Lazy.vue'\nimport { SectionContainer } from '@/components/Section'\nimport { Operation } from '@/features/Operation'\n\nconst {\n  level = 0,\n  clientOptions,\n  document,\n  authStore,\n  entries,\n} = defineProps<{\n  /** The auth store */\n  authStore: AuthStore\n  /** The level of depth */\n  level?: number\n  /** Traversed entries to render */\n  entries: TraversedEntry[]\n  /** The document object */\n  document: OpenApiDocument\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** The subset of the configuration object required for the operation component */\n  options: Pick<\n    ApiReferenceConfigurationRaw,\n    | 'expandAllResponses'\n    | 'hideTestRequestButton'\n    | 'layout'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n    | 'showOperationId'\n    | 'hideModels'\n    | 'modelsSectionLabel'\n  >\n  /** Currently selected server for the document */\n  selectedServer: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** Currently selected http client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** Used to determine if an entry is collapsed */\n  expandedItems: Record<string, boolean>\n  /** The event bus for the handling all events. */\n  eventBus: WorkspaceEventBus\n}>()\n\n/**\n * Type guards for different entry types\n */\nconst isTagGroup = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: true } =>\n  entry['type'] === 'tag' && entry.isGroup === true\n\nconst isTag = (\n  entry: TraversedEntry,\n): entry is TraversedTag & { isGroup: false } =>\n  entry['type'] === 'tag' && !isTagGroup(entry) && entry.id !== 'models'\n\nconst isOperation = (entry: TraversedEntry): entry is TraversedOperation =>\n  entry['type'] === 'operation'\n\nconst isWebhook = (entry: TraversedEntry): entry is TraversedWebhook =>\n  entry['type'] === 'webhook'\n\n/** Models are special form of tag entry */\nconst isModelsTag = (entry: TraversedEntry): entry is TraversedModels =>\n  entry['type'] === 'models'\n\nconst isModel = (entry: TraversedEntry): entry is TraversedSchema =>\n  entry['type'] === 'model'\n\nfunction getPathValue(entry: TraversedOperation | TraversedWebhook) {\n  return isWebhook(entry)\n    ? getResolvedPathItem(document.webhooks?.[entry.name])\n    : getResolvedPathItem(document.paths?.[entry.path])\n}\n</script>\n\n<template>\n  <!-- The key must be joined with the layout to force a re-render when the layout changes -->\n  <!-- Without this we get a timing issue where the lazy bus is reset and the element is not rendered -->\n  <Lazy\n    v-for=\"entry in entries\"\n    :id=\"entry.id\"\n    :key=\"`${entry.id}-${options.layout}`\"\n    :expanded=\"!!expandedItems[entry.id]\">\n    <!-- Operation or Webhook -->\n    <SectionContainer\n      v-if=\"isOperation(entry) || isWebhook(entry)\"\n      :omit=\"level !== 0\">\n      <Operation\n        :id=\"entry.id\"\n        :authStore\n        :clientOptions\n        :document\n        :eventBus\n        :isCollapsed=\"!expandedItems[entry.id]\"\n        :isWebhook=\"isWebhook(entry)\"\n        :method=\"entry.method\"\n        :options=\"options\"\n        :path=\"isWebhook(entry) ? entry.name : entry.path\"\n        :pathValue=\"getPathValue(entry)\"\n        :securitySchemes=\"securitySchemes\"\n        :selectedClient=\"selectedClient\"\n        :server=\"selectedServer\" />\n    </SectionContainer>\n\n    <!-- Webhook Group, Tag or Tag Group (only in classic layout) -->\n    <Tag\n      v-else-if=\"\n        isTag(entry) || (isTagGroup(entry) && options.layout === 'classic')\n      \"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :moreThanOneTag=\"entries.filter(isTag).length > 1\"\n      :tag=\"entry\">\n      <template v-if=\"'children' in entry && entry.children?.length\">\n        <TraversedEntry\n          :authStore\n          :clientOptions\n          :document\n          :entries=\"entry.children\"\n          :eventBus\n          :expandedItems\n          :level=\"level + 1\"\n          :options\n          :securitySchemes\n          :selectedClient\n          :selectedServer>\n        </TraversedEntry>\n      </template>\n    </Tag>\n\n    <!-- Display tag group entries for modern layout (flattened) -->\n    <!--\n      The wrapping element carries the tag group id so it remains a scroll\n      target. Modern layout flattens groups and renders no header of their own,\n      so without this anchor, selecting a tag group (from search or the sidebar)\n      would have nothing to scroll to.\n    -->\n    <div\n      v-else-if=\"isTagGroup(entry)\"\n      :id=\"entry.id\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </div>\n\n    <!-- Models -->\n    <ModelTag\n      v-else-if=\"isModelsTag(entry) && document.components?.schemas\"\n      :id=\"entry.id\"\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :layout=\"options.layout\"\n      :modelsSectionLabel=\"options.modelsSectionLabel\">\n      <TraversedEntry\n        :authStore\n        :clientOptions\n        :document\n        :entries=\"entry.children || []\"\n        :eventBus\n        :expandedItems=\"expandedItems\"\n        :level=\"level + 1\"\n        :options\n        :securitySchemes\n        :selectedClient\n        :selectedServer>\n      </TraversedEntry>\n    </ModelTag>\n\n    <Model\n      v-else-if=\"isModel(entry) && document.components?.schemas?.[entry.name]\"\n      :id=\"entry.id\"\n      :document\n      :eventBus\n      :isCollapsed=\"!expandedItems[entry.id]\"\n      :name=\"entry.name\"\n      :options\n      :schema=\"getResolvedRef(document.components.schemas[entry.name])\">\n    </Model>\n  </Lazy>\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Schema.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/Schema.vue"],"names":[],"mappings":"AAiaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAUtE,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+FAA+F;IAC/F,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iCAAiC;IACjC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,0EAA0E;IAC1E,OAAO,EAAE,aAAa,CAAA;IACtB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAsfF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Schema.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/Schema.vue"],"names":[],"mappings":"AA8bA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAYtE,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kCAAkC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+FAA+F;IAC/F,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iCAAiC;IACjC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,0EAA0E;IAC1E,OAAO,EAAE,aAAa,CAAA;IACtB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAihBF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Schema.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown selection is synced with the example snippet */\n  schemaContext?: string\n  /** Internal path used to sync nested request body compositions with the code sample */\n  compositionPath?: string[]\n  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether 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.\n */\nconst defaultOpen = computed(\n  (): boolean => noncollapsible || shouldForceExpand.value,\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the base description or the first allOf schema description\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return schema.description || schema.allOf[0]?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Schema.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown selection is synced with the example snippet */\n  schemaContext?: string\n  /** Internal path used to sync nested request body compositions with the code sample */\n  compositionPath?: string[]\n  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether this schema sits on the path to the current anchor/scroll target.\n *\n * Property anchors are dot-joined breadcrumbs, so every disclosure that wraps\n * the target has a breadcrumb that is a prefix of the target id. Opening those\n * disclosures is what makes deep links to collapsed (hidden) properties work\n * without forcing every schema open via `expandAllSchemaProperties`.\n */\nconst isOnScrollTargetPath = computed((): boolean => {\n  if (!breadcrumb?.length) {\n    return false\n  }\n  const path = breadcrumb.join('.')\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n\n/**\n * Whether the disclosure starts expanded. Non-collapsible schemas are always\n * open. When `expandAllSchemaProperties` is enabled, finite branches start\n * expanded by default while cyclic branches remain collapsed to avoid recursion\n * loops. We also open any disclosure on the path to the current scroll target so\n * deep links resolve even when the property is collapsed.\n *\n * Note: the Disclosure only reads this at mount, so it expands collapsed\n * properties on a fresh navigation (the schema mounts after the target is set),\n * not when the target changes for an already-mounted disclosure.\n */\nconst defaultOpen = computed(\n  (): boolean =>\n    noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value,\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the description of the merged allOf schema.\n  // Merging keeps the base description (when set) and otherwise lets the last allOf\n  // member win, matching how the merged composition is rendered below. The nested\n  // merged Schema in `SchemaComposition` hides its own description in this case so\n  // the text is not rendered twice.\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return mergeAllOfSchemas(schema)?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":""}

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

@@ -1,6 +1,8 @@
 import ScreenReader_default from "../../ScreenReader.vue.js";
+import { scrollTargetId } from "../../../helpers/lazy-bus.js";
 import { isTypeObject } from "./helpers/is-type-object.js";
 import { isEmptySchemaObject } from "./helpers/is-empty-schema-object.js";
+import { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.js";
 import { SCHEMA_ANCESTORS_SYMBOL } from "./helpers/schema-cycle.js";
 import SchemaHeading_default from "./SchemaHeading.vue.js";
 import SchemaProperty_default from "./SchemaProperty.vue.js";
@@ -74,16 +76,35 @@ var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		*/
 		const shouldShowToggle = computed(() => !__props.noncollapsible && __props.level > 0);
 		/**
+		* Whether this schema sits on the path to the current anchor/scroll target.
+		*
+		* Property anchors are dot-joined breadcrumbs, so every disclosure that wraps
+		* the target has a breadcrumb that is a prefix of the target id. Opening those
+		* disclosures is what makes deep links to collapsed (hidden) properties work
+		* without forcing every schema open via `expandAllSchemaProperties`.
+		*/
+		const isOnScrollTargetPath = computed(() => {
+			if (!__props.breadcrumb?.length) return false;
+			const path = __props.breadcrumb.join(".");
+			const target = scrollTargetId.value;
+			return target === path || target.startsWith(`${path}.`);
+		});
+		/**
 		* Whether the disclosure starts expanded. Non-collapsible schemas are always
 		* open. When `expandAllSchemaProperties` is enabled, finite branches start
 		* expanded by default while cyclic branches remain collapsed to avoid recursion
-		* loops.
+		* loops. We also open any disclosure on the path to the current scroll target so
+		* deep links resolve even when the property is collapsed.
+		*
+		* Note: the Disclosure only reads this at mount, so it expands collapsed
+		* properties on a fresh navigation (the schema mounts after the target is set),
+		* not when the target changes for an already-mounted disclosure.
 		*/
-		const defaultOpen = computed(() => __props.noncollapsible || shouldForceExpand.value);
+		const defaultOpen = computed(() => __props.noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value);
 		/** Gets the description to show for the schema */
 		const schemaDescription = computed(() => {
 			if (__props.hideDescription) return null;
-			if (__props.schema?.allOf && __props.schema.allOf.length > 0 && __props.name === "Request Body") return __props.schema.description || __props.schema.allOf[0]?.description || null;
+			if (__props.schema?.allOf && __props.schema.allOf.length > 0 && __props.name === "Request Body") return mergeAllOfSchemas(__props.schema)?.description || null;
 			if (!__props.schema?.description || typeof __props.schema.description !== "string") return null;
 			if (__props.schema.enum) return null;
 			if (!("properties" in __props.schema) && !("patternProperties" in __props.schema) && !("additionalProperties" in __props.schema)) return null;

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

@@ -1 +1 @@
-{"version":3,"file":"Schema.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown selection is synced with the example snippet */\n  schemaContext?: string\n  /** Internal path used to sync nested request body compositions with the code sample */\n  compositionPath?: string[]\n  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether 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.\n */\nconst defaultOpen = computed(\n  (): boolean => noncollapsible || shouldForceExpand.value,\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the base description or the first allOf schema description\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return schema.description || schema.allOf[0]?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"Schema.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, inject, provide } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { SCHEMA_ANCESTORS_SYMBOL } from './helpers/schema-cycle'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  hideDescription = false,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n  schemaContext,\n  compositionPath,\n  cycleKey,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Hide the schema description */\n  hideDescription?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n  /** When \"requestBody\", composition dropdown selection is synced with the example snippet */\n  schemaContext?: string\n  /** Internal path used to sync nested request body compositions with the code sample */\n  compositionPath?: string[]\n  /**\n   * Stable identity of this schema node, derived from its raw (unresolved)\n   * value by the parent. Used to detect self-referential cycles. See\n   * {@link getCycleKey}.\n   */\n  cycleKey?: unknown\n}>()\n\n/**\n * Cycle-safe `expandAllSchemaProperties`.\n *\n * We track ancestor schema keys along the current render path. A node is\n * treated as cyclic when its key is already present in the ancestor set, which\n * indicates that rendering has looped back onto a self-referential schema.\n *\n * This lets us default-expand finite branches while stopping automatic\n * expansion only at cycle boundaries, preventing infinite recursion.\n */\nconst ancestors = inject(SCHEMA_ANCESTORS_SYMBOL, undefined)\n\nconst isCyclic = computed(\n  (): boolean => cycleKey != null && !!ancestors?.has(cycleKey),\n)\n\n// Re-provide the ancestor set augmented with this node so descendants can\n// detect cycles back to it. Built once at setup; a node's key is stable.\nconst childAncestors = new Set<unknown>(ancestors ?? [])\nif (cycleKey != null) {\n  childAncestors.add(cycleKey)\n}\nprovide(SCHEMA_ANCESTORS_SYMBOL, childAncestors)\n\nconst shouldForceExpand = computed(\n  (): boolean => !!options.expandAllSchemaProperties && !isCyclic.value,\n)\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => !noncollapsible && level > 0)\n\n/**\n * Whether this schema sits on the path to the current anchor/scroll target.\n *\n * Property anchors are dot-joined breadcrumbs, so every disclosure that wraps\n * the target has a breadcrumb that is a prefix of the target id. Opening those\n * disclosures is what makes deep links to collapsed (hidden) properties work\n * without forcing every schema open via `expandAllSchemaProperties`.\n */\nconst isOnScrollTargetPath = computed((): boolean => {\n  if (!breadcrumb?.length) {\n    return false\n  }\n  const path = breadcrumb.join('.')\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n\n/**\n * Whether the disclosure starts expanded. Non-collapsible schemas are always\n * open. When `expandAllSchemaProperties` is enabled, finite branches start\n * expanded by default while cyclic branches remain collapsed to avoid recursion\n * loops. We also open any disclosure on the path to the current scroll target so\n * deep links resolve even when the property is collapsed.\n *\n * Note: the Disclosure only reads this at mount, so it expands collapsed\n * properties on a fresh navigation (the schema mounts after the target is set),\n * not when the target changes for an already-mounted disclosure.\n */\nconst defaultOpen = computed(\n  (): boolean =>\n    noncollapsible || shouldForceExpand.value || isOnScrollTargetPath.value,\n)\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  if (hideDescription) {\n    return null\n  }\n\n  // For the request body we want to show the description of the merged allOf schema.\n  // Merging keeps the base description (when set) and otherwise lets the last allOf\n  // member win, matching how the merged composition is rendered below. The nested\n  // merged Schema in `SchemaComposition` hides its own description in this case so\n  // the text is not rendered twice.\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return mergeAllOfSchemas(schema)?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => {\n  if (noncollapsible) {\n    e.stopPropagation()\n  }\n}\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"defaultOpen\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :compositionPath=\"compositionPath\"\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema\n            :schemaContext=\"schemaContext\" />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :compositionPath=\"compositionPath\"\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema\n              :schemaContext=\"schemaContext\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":"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"}

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

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

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

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

@@ -1,7 +1,7 @@
+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 { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.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";
@@ -89,6 +89,19 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		/** Inside the currently selected composition */
 		const selectedComposition = computed(() => composition.value[Number(selectedOption.value?.id ?? "0")]?.value);
 		/**
+		* The request body card renders the merged `allOf` description on its outer card
+		* (see `Schema.vue`), but only for the top-level request body schema. For that
+		* single composition we hide the nested merged `Schema`'s description so the text
+		* is not shown twice. Nested request-body compositions (deeper properties) are
+		* not shown on the outer card and would otherwise lose their description
+		* entirely, because the property row already skips it when `allOf` is present.
+		*
+		* The top-level request body composition is the one whose `compositionPath` is
+		* still the request body root (`['requestBody']`); nested compositions append
+		* property segments and therefore have a longer path.
+		*/
+		const isRequestBodyRootComposition = computed(() => props.schemaContext === "requestBody" && props.compositionPath?.length === 1);
+		/**
 		* Cycle key for the selected composition member, derived from its raw
 		* (unresolved) value so a member that references an ancestor is detected as a
 		* cycle.
@@ -115,6 +128,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				compositionPath: __props.compositionPath,
 				discriminator: __props.discriminator,
 				eventBus: __props.eventBus,
+				hideDescription: isRequestBodyRootComposition.value,
 				hideHeading: __props.hideHeading,
 				hideModelNames: __props.hideModelNames,
 				level: __props.level + 1,
@@ -129,6 +143,7 @@ var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"compositionPath",
 				"discriminator",
 				"eventBus",
+				"hideDescription",
 				"hideHeading",
 				"hideModelNames",
 				"level",

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

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

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

@@ -1,7 +1,7 @@
 import { isTypeObject } from "./helpers/is-type-object.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
-import { ScalarWrappingText } from "@scalar/components/wrapping-text";
 import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+import { ScalarWrappingText } from "@scalar/components/wrapping-text";
 //#region src/components/Content/Schema/SchemaHeading.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,

package/dist/components/Content/Schema/SchemaProperty.vue.d.ts

@@ -2,12 +2,6 @@ import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import { type Component } from 'vue';
 import type { SchemaOptions } from '../../../components/Content/Schema/types';
-/**
- * Note: We're taking in a prop called `value` which should be a JSON Schema.
- *
- * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).
- * So you should basically use the optimizedValue everywhere in the component.
- */
 type __VLS_Props = {
     is?: string | Component;
     schema: SchemaObject | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaProperty.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"names":[],"mappings":"AAyfA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAErE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAK9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAetE;;;;;GAKG;AAEH,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,sBAAsB,GAAG,mBAAmB,CAAA;IACtD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,aAAa,CAAA;IACtB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oFAAoF;IACpF,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAyhBJ,QAAA,MAAM,YAAY;WAjjBN,MAAM;cAEH,OAAO;aACR,OAAO;oBAGA,OAAO;6EA8iB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SchemaProperty.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"names":[],"mappings":"AAgjBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAErE,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAK9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAyBtE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACvB,MAAM,EAAE,YAAY,GAAG,SAAS,CAAA;IAChC,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,sBAAsB,GAAG,mBAAmB,CAAA;IACtD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,aAAa,CAAA;IACtB,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC5B,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uFAAuF;IACvF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,oFAAoF;IACpF,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AA6kBJ,QAAA,MAAM,YAAY;WArmBN,MAAM;cAEH,OAAO;aACR,OAAO;oBAGA,OAAO;6EAkmB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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