@scalar/api-reference 1.49.8 → 1.51.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/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type { ServerObject } 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: WorkspaceDocument\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    | 'showOperationId'\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    ? document.webhooks?.[entry.name]\n    : 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 or Tag -->\n    <Tag\n      v-else-if=\"isTag(entry)\"\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    <!-- Tag Group -->\n    <TraversedEntry\n      v-else-if=\"isTagGroup(entry)\"\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\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      <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      :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/v2/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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type { ServerObject } 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: WorkspaceDocument\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    | 'showOperationId'\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    ? document.webhooks?.[entry.name]\n    : 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 grop entries for modern layout (flattened) -->\n    <TraversedEntry\n      v-else-if=\"isTagGroup(entry)\"\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\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      <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      :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

@@ -80,7 +80,7 @@ var TraversedEntry_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							"server"
 						])]),
 						_: 2
-					}, 1032, ["omit"])) : isTag(entry) ? (openBlock(), createBlock(unref(Tag_default), {
+					}, 1032, ["omit"])) : isTag(entry) || isTagGroup(entry) && __props.options.layout === "classic" ? (openBlock(), createBlock(unref(Tag_default), {
 						key: 1,
 						eventBus: __props.eventBus,
 						isCollapsed: !__props.expandedItems[entry.id],

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/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type { ServerObject } 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: WorkspaceDocument\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    | 'showOperationId'\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    ? document.webhooks?.[entry.name]\n    : 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 or Tag -->\n    <Tag\n      v-else-if=\"isTag(entry)\"\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    <!-- Tag Group -->\n    <TraversedEntry\n      v-else-if=\"isTagGroup(entry)\"\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\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      <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      :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/v2/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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { MergedSecuritySchemes } from '@scalar/workspace-store/request-example'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport type {\n  TraversedEntry,\n  TraversedModels,\n  TraversedOperation,\n  TraversedSchema,\n  TraversedTag,\n  TraversedWebhook,\n} from '@scalar/workspace-store/schemas/navigation'\nimport type { ServerObject } 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: WorkspaceDocument\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    | 'showOperationId'\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    ? document.webhooks?.[entry.name]\n    : 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 grop entries for modern layout (flattened) -->\n    <TraversedEntry\n      v-else-if=\"isTagGroup(entry)\"\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\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      <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      :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/Tags/components/ClassicLayout.vue.d.ts.map

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

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

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import ClassicLayout_vue_vue_type_script_setup_true_lang_default from "./ClassicLayout.vue.script.js";
 /* empty css                            */
 //#region src/components/Content/Tags/components/ClassicLayout.vue
-var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1124be5d"]]);
+var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d4f47ce7"]]);
 //#endregion
 export { ClassicLayout_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"tag-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ClassicLayout.vue.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :class=\"{ 'tag-section-group': tag.isGroup }\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader\n        class=\"tag-name\"\n        :class=\"{ 'tag-group-name': tag.isGroup }\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n\n/* Tag Groups */\n.tag-section-group .tag-group-name {\n  gap: 12px;\n  align-self: stretch;\n  grid-template-columns: auto 1fr;\n}\n.tag-group-name:after {\n  content: '';\n  display: block;\n  height: 1px;\n  align-self: center;\n  background: var(--scalar-border-color);\n}\n.tag-group-name:has(* > *:hover),\n.tag-group-name:has(:focus-visible) {\n  gap: 32px;\n}\n.tag-section-group .tag-section {\n  padding-inline: 0;\n  margin-bottom: 24px;\n}\n.tag-section-group .tag-section:last-of-type {\n  margin-bottom: 0;\n}\n</style>\n"],"mappings":""}

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

@@ -2,7 +2,7 @@ import SectionContainerAccordion_default from "../../../Section/SectionContainer
 import SectionHeader_default from "../../../Section/SectionHeader.vue.js";
 import SectionHeaderTag_default from "../../../Section/SectionHeaderTag.vue.js";
 import Anchor_default from "../../../Anchor/Anchor.vue.js";
-import { createBlock, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
 import { ScalarMarkdown } from "@scalar/components";
 //#region src/components/Content/Tags/components/ClassicLayout.vue?vue&type=script&setup=true&lang.ts
 var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -16,14 +16,14 @@ var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(SectionContainerAccordion_default), {
 				"aria-label": __props.tag.title,
-				class: "tag-section",
+				class: normalizeClass(["tag-section", { "tag-section-group": __props.tag.isGroup }]),
 				modelValue: !__props.isCollapsed,
 				"onUpdate:modelValue": _cache[1] || (_cache[1] = (value) => __props.eventBus?.emit("toggle:nav-item", {
 					id: __props.tag.id,
 					open: value
 				}))
 			}, {
-				title: withCtx(() => [createVNode(unref(SectionHeader_default), { class: "tag-name" }, {
+				title: withCtx(() => [createVNode(unref(SectionHeader_default), { class: normalizeClass(["tag-name", { "tag-group-name": __props.tag.isGroup }]) }, {
 					default: withCtx(() => [createVNode(unref(Anchor_default), { onCopyAnchorUrl: _cache[0] || (_cache[0] = () => __props.eventBus?.emit("copy-url:nav-item", { id: __props.tag.id })) }, {
 						default: withCtx(() => [createVNode(unref(SectionHeaderTag_default), { level: 2 }, {
 							default: withCtx(() => [createTextVNode(toDisplayString(__props.tag.title), 1)]),
@@ -32,14 +32,18 @@ var ClassicLayout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						_: 1
 					})]),
 					_: 1
-				}), createVNode(unref(ScalarMarkdown), {
+				}, 8, ["class"]), createVNode(unref(ScalarMarkdown), {
 					class: "tag-description",
 					value: __props.tag?.description,
 					withImages: ""
 				}, null, 8, ["value"])]),
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
-			}, 8, ["aria-label", "modelValue"]);
+			}, 8, [
+				"aria-label",
+				"class",
+				"modelValue"
+			]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader class=\"tag-name\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAoBE,YAwB4B,MAAA,kCAAA,EAAA;IAvBzB,cAAY,QAAA,IAAI;IACjB,OAAM;IACL,YAAU,CAAG,QAAA;IACb,uBAAiB,OAAA,OAAA,OAAA,MAAU,UAAU,QAAA,UAAU,KAAI,mBAAA;KAAA,IAA0B,QAAA,IAAI;KAAE,MAAQ;KAAK,CAAA;;IAGtF,OAAK,cAUE,CAThB,YASgB,MAAA,sBAAA,EAAA,EATD,OAAM,YAAU,EAAA;4BAQpB,CAPT,YAOS,MAAA,eAAA,EAAA,EANN,iBAAa,OAAA,OAAA,OAAA,WAAqB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;6BAKhE,CAFnB,YAEmB,MAAA,yBAAA,EAAA,EAFA,OAAO,GAAC,EAAA;8BACV,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;QAIlB,YAGe,MAAA,eAAA,EAAA;KAFb,OAAM;KACL,OAAO,QAAA,KAAK;KACb,YAAA;;2BAEI,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}
+{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../../src/components/Content/Tags/components/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { TraversedTag } from '@scalar/workspace-store/schemas/navigation'\n\nimport { Anchor } from '@/components/Anchor'\nimport {\n  SectionContainerAccordion,\n  SectionHeader,\n  SectionHeaderTag,\n} from '@/components/Section'\n\nconst { tag, isCollapsed } = defineProps<{\n  tag: TraversedTag\n  isCollapsed: boolean\n  eventBus: WorkspaceEventBus | null\n}>()\n</script>\n\n<template>\n  <SectionContainerAccordion\n    :aria-label=\"tag.title\"\n    class=\"tag-section\"\n    :class=\"{ 'tag-section-group': tag.isGroup }\"\n    :modelValue=\"!isCollapsed\"\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id: tag.id, open: value })\n    \">\n    <template #title>\n      <SectionHeader\n        class=\"tag-name\"\n        :class=\"{ 'tag-group-name': tag.isGroup }\">\n        <Anchor\n          @copyAnchorUrl=\"\n            () => eventBus?.emit('copy-url:nav-item', { id: tag.id })\n          \">\n          <SectionHeaderTag :level=\"2\">\n            {{ tag.title }}\n          </SectionHeaderTag>\n        </Anchor>\n      </SectionHeader>\n      <ScalarMarkdown\n        class=\"tag-description\"\n        :value=\"tag?.description\"\n        withImages />\n    </template>\n    <slot />\n  </SectionContainerAccordion>\n</template>\n\n<style scoped>\n.tag-section {\n  margin-bottom: 48px;\n}\n.tag-name {\n  text-transform: capitalize;\n}\n.tag-description {\n  padding-bottom: 4px;\n  text-align: left;\n}\n\n/* Tag Groups */\n.tag-section-group .tag-group-name {\n  gap: 12px;\n  align-self: stretch;\n  grid-template-columns: auto 1fr;\n}\n.tag-group-name:after {\n  content: '';\n  display: block;\n  height: 1px;\n  align-self: center;\n  background: var(--scalar-border-color);\n}\n.tag-group-name:has(* > *:hover),\n.tag-group-name:has(:focus-visible) {\n  gap: 32px;\n}\n.tag-section-group .tag-section {\n  padding-inline: 0;\n  margin-bottom: 24px;\n}\n.tag-section-group .tag-section:last-of-type {\n  margin-bottom: 0;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;uBAoBE,YA2B4B,MAAA,kCAAA,EAAA;IA1BzB,cAAY,QAAA,IAAI;IACjB,OAAK,eAAA,CAAC,eAAa,EAAA,qBACY,QAAA,IAAI,SAAO,CAAA,CAAA;IACzC,YAAU,CAAG,QAAA;IACb,uBAAiB,OAAA,OAAA,OAAA,MAAU,UAAU,QAAA,UAAU,KAAI,mBAAA;KAAA,IAA0B,QAAA,IAAI;KAAE,MAAQ;KAAK,CAAA;;IAGtF,OAAK,cAYE,CAXhB,YAWgB,MAAA,sBAAA,EAAA,EAVd,OAAK,eAAA,CAAC,YAAU,EAAA,kBACY,QAAA,IAAI,SAAO,CAAA,CAAA,EAAA,EAAA;4BAQ9B,CAPT,YAOS,MAAA,eAAA,EAAA,EANN,iBAAa,OAAA,OAAA,OAAA,WAAqB,QAAA,UAAU,KAAI,qBAAA,EAAA,IAA4B,QAAA,IAAI,IAAE,CAAA,GAAA,EAAA;6BAKhE,CAFnB,YAEmB,MAAA,yBAAA,EAAA,EAFA,OAAO,GAAC,EAAA;8BACV,CAAA,gBAAA,gBAAZ,QAAA,IAAI,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;sBAIlB,YAGe,MAAA,eAAA,EAAA;KAFb,OAAM;KACL,OAAO,QAAA,KAAK;KACb,YAAA;;2BAEI,CAAR,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA"}

package/dist/features/Operation/Operation.vue.d.ts

@@ -1,10 +1,10 @@
 import type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample';
-import type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { AuthStore } from '@scalar/workspace-store/entities/auth';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type MergedSecuritySchemes } from '@scalar/workspace-store/request-example';
 import type { OpenApiDocument, PathItemObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 /**
  * References Operation "block"

package/dist/features/Operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAuKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAC3F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yDAAyD,CAAA;AAEpG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,8DAA8D,CAAA;AAUrE;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAIzC,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,kFAAkF;IAClF,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC1B,oBAAoB,GACpB,uBAAuB,GACvB,QAAQ,GACR,8BAA8B,GAC9B,yBAAyB,GACzB,iBAAiB,CACpB,CAAA;IACD,sBAAsB;IACtB,QAAQ,EAAE,eAAe,CAAA;IACzB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,SAAS,EAAE,cAAc,GAAG,SAAS,CAAA;IACrC,iDAAiD;IACjD,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,wFAAwF;IACxF,eAAe,EAAE,qBAAqB,CAAA;IACtC,+CAA+C;IAC/C,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,wDAAwD;IACxD,WAAW,EAAE,OAAO,CAAA;IACpB,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,cAAc,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,yBAAyB,CAAC,CAAA;IACtE,oBAAoB;IACpB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,qBAAqB;IACrB,SAAS,EAAE,SAAS,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,YAAY,wSAmKd,CAAC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAyKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAC3F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAA;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACb,MAAM,8DAA8D,CAAA;AAUrE;;GAEG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAIzC,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,kFAAkF;IAClF,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC1B,oBAAoB,GACpB,uBAAuB,GACvB,QAAQ,GACR,8BAA8B,GAC9B,yBAAyB,GACzB,iBAAiB,CACpB,CAAA;IACD,sBAAsB;IACtB,QAAQ,EAAE,eAAe,CAAA;IACzB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,SAAS,EAAE,cAAc,GAAG,SAAS,CAAA;IACrC,iDAAiD;IACjD,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,wFAAwF;IACxF,eAAe,EAAE,qBAAqB,CAAA;IACtC,+CAA+C;IAC/C,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,wDAAwD;IACxD,WAAW,EAAE,OAAO,CAAA;IACpB,yCAAyC;IACzC,SAAS,EAAE,OAAO,CAAA;IAClB,qDAAqD;IACrD,cAAc,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,yBAAyB,CAAC,CAAA;IACtE,oBAAoB;IACpB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,qBAAqB;IACrB,SAAS,EAAE,SAAS,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,YAAY,wSAmKd,CAAC"}

package/dist/features/Operation/Operation.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\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    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { combineParams } from '@scalar/api-client/v2/features/operation'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Operation.vue.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\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    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  combineParams,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":""}

package/dist/features/Operation/Operation.vue.script.js

@@ -3,7 +3,7 @@ import { getFirstServer } from "./helpers/get-first-server.js";
 import ClassicLayout_default from "./layouts/ClassicLayout.vue.js";
 import ModernLayout_default from "./layouts/ModernLayout.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock } from "vue";
-import { combineParams } from "@scalar/api-client/v2/features/operation";
+import { combineParams } from "@scalar/workspace-store/request-example";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Operation",

package/dist/features/Operation/Operation.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\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    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { MergedSecuritySchemes } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { combineParams } from '@scalar/api-client/v2/features/operation'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFA,MAAM,YAAY,eAAe;GAC/B,MAAM,SAAS,eAAe,QAAA,YAAY,QAAA,QAAO;AAEjD,OAAI,CAAC,OACH,QAAO;GAIT,MAAM,aAAa,cAAc,QAAA,WAAW,YAAY,OAAO,WAAU;AACzE,UAAO;IAAE,GAAG;IAAQ;IAAW;IAChC;;;;EAKD,MAAM,iBAAiB,eACrB,eAEE,UAAU,OAAO,WAAW,MAE5B,QAAA,WAAW,WAAW,MAEtB,QAAA,OACD,CACH;;EAGA,MAAM,0BAA0B,eAC9B,uBACE,QAAA,UACA,UAAU,OACV,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GAC1D,CAAC,EACF,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GACzD,MAAG,QAAA;GACH,QAAK,QAAA;GACN,CAAC,EACF,QAAA,gBACD,CACH;;UAIkB,UAAA,SAAA,WAAA,EAAhB,mBA4BW,UAAA,EAAA,KAAA,GAAA,EAAA,CA1BD,QAAA,QAAQ,WAAM,aAAA,WAAA,EADtB,YAaoB,uBAAA;;IAXjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,aAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA;;;;;;;;;;;;;;uBACH,YAYoB,sBAAA;;IAVjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA"}
+{"version":3,"file":"Operation.vue.script.js","names":[],"sources":["../../../src/features/Operation/Operation.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * References Operation \"block\"\n */\nexport default {}\n\nexport type OperationProps = {\n  id: string\n  method: HttpMethod\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    | 'showOperationId'\n  >\n  /** Document object */\n  document: OpenApiDocument\n  /** Key of the operations path in the document.paths object */\n  path: string\n  /** OpenAPI path object that will include the operation */\n  pathValue: PathItemObject | undefined\n  /** Currently selected server for the document */\n  server: ServerObject | null\n  /** The merged security schemes for the document and the authentication configuration */\n  securitySchemes: MergedSecuritySchemes\n  /** The http client options for the dropdown */\n  clientOptions: ClientOptionGroup[]\n  /** Whether the Classic layout operation is collapsed */\n  isCollapsed: boolean\n  /** Whether the operation is a webhook */\n  isWebhook: boolean\n  /** The currently selected client for the document */\n  selectedClient: WorkspaceStore['workspace']['x-scalar-default-client']\n  /** The event bus */\n  eventBus: WorkspaceEventBus\n  /** The auth store */\n  authStore: AuthStore\n}\n</script>\n\n<script lang=\"ts\" setup>\nimport type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\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 { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport {\n  combineParams,\n  type MergedSecuritySchemes,\n} from '@scalar/workspace-store/request-example'\nimport type {\n  OpenApiDocument,\n  PathItemObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { filterSelectedSecurity } from '@/features/Operation/helpers/filter-selected-security'\n\nimport { getFirstServer } from './helpers/get-first-server'\nimport ClassicLayout from './layouts/ClassicLayout.vue'\nimport ModernLayout from './layouts/ModernLayout.vue'\n\nconst {\n  authStore,\n  clientOptions,\n  document,\n  eventBus,\n  isCollapsed,\n  isWebhook,\n  method,\n  options,\n  path,\n  pathValue,\n  securitySchemes,\n  server,\n} = defineProps<OperationProps>()\n\n/**\n * Operation from the new workspace store, ensure we are de-reference\n *\n * Also adds in params from the pathItemObject\n */\nconst operation = computed(() => {\n  const entity = getResolvedRef(pathValue?.[method])\n\n  if (!entity) {\n    return null\n  }\n\n  // Combine params from the pathItem and the operation\n  const parameters = combineParams(pathValue?.parameters, entity.parameters)\n  return { ...entity, parameters }\n})\n\n/**\n * Determine the effective server for the code examples.\n */\nconst selectedServer = computed<ServerObject | null>(() =>\n  getFirstServer(\n    // 1) Operation\n    operation.value?.servers ?? null,\n    // 2) Path Item\n    pathValue?.servers ?? null,\n    // 3) Document\n    server,\n  ),\n)\n\n/** We must ensure the selected security schemes are required on this operation */\nconst selectedSecuritySchemes = computed(() =>\n  filterSelectedSecurity(\n    document,\n    operation.value,\n    authStore.getAuthSelectedSchemas({\n      type: 'document',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n    }),\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName: document?.['x-scalar-navigation']?.name ?? '',\n      path,\n      method,\n    }),\n    securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <template v-if=\"operation\">\n    <ClassicLayout\n      v-if=\"options.layout === 'classic'\"\n      :id\n      :clientOptions\n      :eventBus\n      :isCollapsed\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n    <ModernLayout\n      v-else\n      :id\n      :clientOptions\n      :eventBus\n      :isWebhook\n      :method\n      :operation\n      :options\n      :path\n      :selectedClient\n      :selectedSecuritySchemes\n      :selectedServer />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFA,MAAM,YAAY,eAAe;GAC/B,MAAM,SAAS,eAAe,QAAA,YAAY,QAAA,QAAO;AAEjD,OAAI,CAAC,OACH,QAAO;GAIT,MAAM,aAAa,cAAc,QAAA,WAAW,YAAY,OAAO,WAAU;AACzE,UAAO;IAAE,GAAG;IAAQ;IAAW;IAChC;;;;EAKD,MAAM,iBAAiB,eACrB,eAEE,UAAU,OAAO,WAAW,MAE5B,QAAA,WAAW,WAAW,MAEtB,QAAA,OACD,CACH;;EAGA,MAAM,0BAA0B,eAC9B,uBACE,QAAA,UACA,UAAU,OACV,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GAC1D,CAAC,EACF,QAAA,UAAU,uBAAuB;GAC/B,MAAM;GACN,cAAc,QAAA,WAAW,wBAAwB,QAAQ;GACzD,MAAG,QAAA;GACH,QAAK,QAAA;GACN,CAAC,EACF,QAAA,gBACD,CACH;;UAIkB,UAAA,SAAA,WAAA,EAAhB,mBA4BW,UAAA,EAAA,KAAA,GAAA,EAAA,CA1BD,QAAA,QAAQ,WAAM,aAAA,WAAA,EADtB,YAaoB,uBAAA;;IAXjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,aAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA;;;;;;;;;;;;;;uBACH,YAYoB,sBAAA;;IAVjB,IAAA,QAAA;IACA,eAAA,QAAA;IACA,UAAA,QAAA;IACA,WAAA,QAAA;IACA,QAAA,QAAA;IACA,WAAA,UAAA;IACA,SAAA,QAAA;IACA,MAAA,QAAA;IACA,gBAAA,QAAA;IACA,yBAAA,wBAAA;IACA,gBAAA,eAAA"}

package/dist/features/Operation/helpers/filter-selected-security.d.ts

@@ -1,5 +1,6 @@
-import type { MergedSecuritySchemes, SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
 import type { SelectedSecurity } from '@scalar/workspace-store/entities/auth';
+import type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example';
+import { type MergedSecuritySchemes } from '@scalar/workspace-store/request-example';
 import type { OpenApiDocument, OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 /**
  * Find the intersection between which security is selected on the document and what this operation requires

package/dist/features/Operation/helpers/filter-selected-security.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-selected-security.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,yDAAyD,CAAA;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAEhB,MAAM,8DAA8D,CAAA;AAKrE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,eAAe,EACzB,WAAW,eAAe,GAAG,IAAI,EACjC,2BAA2B,gBAAgB,EAC3C,4BAA4B,gBAAgB,EAC5C,kBAAiB,qBAA0B,KAC1C,0BAA0B,EAmC5B,CAAA"}
+{"version":3,"file":"filter-selected-security.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACzF,OAAO,EACL,KAAK,qBAAqB,EAG3B,MAAM,yCAAyC,CAAA;AAChD,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAEhB,MAAM,8DAA8D,CAAA;AAKrE;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,eAAe,EACzB,WAAW,eAAe,GAAG,IAAI,EACjC,2BAA2B,gBAAgB,EAC3C,4BAA4B,gBAAgB,EAC5C,kBAAiB,qBAA0B,KAC1C,0BAA0B,EAmC5B,CAAA"}

package/dist/features/Operation/helpers/filter-selected-security.js

@@ -1,5 +1,4 @@
-import { getSelectedSecurity } from "@scalar/api-client/v2/features/operation";
-import { getSecuritySchemes } from "@scalar/api-client/v2/blocks/operation-block";
+import { getSecuritySchemes, getSelectedSecurity } from "@scalar/workspace-store/request-example";
 //#region src/features/Operation/helpers/filter-selected-security.ts
 /** Builds a quick cache key from the sorted object keys */
 var getKey = (requirement) => Object.keys(requirement).sort().join(",");

package/dist/features/Operation/helpers/filter-selected-security.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-selected-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"sourcesContent":["import { getSecuritySchemes } from '@scalar/api-client/v2/blocks/operation-block'\nimport type {\n  MergedSecuritySchemes,\n  SecuritySchemeObjectSecret,\n} from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { getSelectedSecurity } from '@scalar/api-client/v2/features/operation'\nimport type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n  SecurityRequirementObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/** Builds a quick cache key from the sorted object keys */\nconst getKey = (requirement: SecurityRequirementObject) => Object.keys(requirement).sort().join(',')\n\n/**\n * Find the intersection between which security is selected on the document and what this operation requires\n *\n * If there is no overlap, we return the first requirement\n */\nexport const filterSelectedSecurity = (\n  document: OpenApiDocument,\n  operation: OperationObject | null,\n  selectedSecurityDocument?: SelectedSecurity,\n  selectedSecurityOperation?: SelectedSecurity,\n  securitySchemes: MergedSecuritySchemes = {},\n): SecuritySchemeObjectSecret[] => {\n  const securityRequirements = operation?.security ?? document.security ?? []\n\n  /** The selected security keys for the document */\n  const selectedSecurity = getSelectedSecurity(\n    selectedSecurityDocument,\n    selectedSecurityOperation,\n    securityRequirements,\n  )\n\n  /** Build a set for O(1) lookup */\n  const requirementSet = new Set(securityRequirements.map((r) => getKey(r)))\n\n  // Lets check the selectedIndex first\n  const selectedRequirement = selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex]\n  if (selectedRequirement && requirementSet.has(getKey(selectedRequirement))) {\n    return getSecuritySchemes(securitySchemes, [selectedRequirement])\n  }\n\n  // Otherwise lets loop over all selected\n  for (const selected of selectedSecurity.selectedSchemes) {\n    if (requirementSet.has(getKey(selected))) {\n      return getSecuritySchemes(securitySchemes, [selected])\n    }\n  }\n\n  /**\n   * If we are selected security on the document,\n   * we should show the first requirement of the operation to show auth is required\n   */\n  if (operation?.security?.length) {\n    return getSecuritySchemes(securitySchemes, securityRequirements.slice(0, 1))\n  }\n\n  return []\n}\n"],"mappings":";;;;AAcA,IAAM,UAAU,gBAA2C,OAAO,KAAK,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI;;;;;;AAOpG,IAAa,0BACX,UACA,WACA,0BACA,2BACA,kBAAyC,EAAE,KACV;CACjC,MAAM,uBAAuB,WAAW,YAAY,SAAS,YAAY,EAAE;;CAG3E,MAAM,mBAAmB,oBACvB,0BACA,2BACA,qBACD;;CAGD,MAAM,iBAAiB,IAAI,IAAI,qBAAqB,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;CAG1E,MAAM,sBAAsB,iBAAiB,gBAAgB,iBAAiB;AAC9E,KAAI,uBAAuB,eAAe,IAAI,OAAO,oBAAoB,CAAC,CACxE,QAAO,mBAAmB,iBAAiB,CAAC,oBAAoB,CAAC;AAInE,MAAK,MAAM,YAAY,iBAAiB,gBACtC,KAAI,eAAe,IAAI,OAAO,SAAS,CAAC,CACtC,QAAO,mBAAmB,iBAAiB,CAAC,SAAS,CAAC;;;;;AAQ1D,KAAI,WAAW,UAAU,OACvB,QAAO,mBAAmB,iBAAiB,qBAAqB,MAAM,GAAG,EAAE,CAAC;AAG9E,QAAO,EAAE"}
+{"version":3,"file":"filter-selected-security.js","names":[],"sources":["../../../../src/features/Operation/helpers/filter-selected-security.ts"],"sourcesContent":["import type { SelectedSecurity } from '@scalar/workspace-store/entities/auth'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport {\n  type MergedSecuritySchemes,\n  getSecuritySchemes,\n  getSelectedSecurity,\n} from '@scalar/workspace-store/request-example'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n  SecurityRequirementObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\n/** Builds a quick cache key from the sorted object keys */\nconst getKey = (requirement: SecurityRequirementObject) => Object.keys(requirement).sort().join(',')\n\n/**\n * Find the intersection between which security is selected on the document and what this operation requires\n *\n * If there is no overlap, we return the first requirement\n */\nexport const filterSelectedSecurity = (\n  document: OpenApiDocument,\n  operation: OperationObject | null,\n  selectedSecurityDocument?: SelectedSecurity,\n  selectedSecurityOperation?: SelectedSecurity,\n  securitySchemes: MergedSecuritySchemes = {},\n): SecuritySchemeObjectSecret[] => {\n  const securityRequirements = operation?.security ?? document.security ?? []\n\n  /** The selected security keys for the document */\n  const selectedSecurity = getSelectedSecurity(\n    selectedSecurityDocument,\n    selectedSecurityOperation,\n    securityRequirements,\n  )\n\n  /** Build a set for O(1) lookup */\n  const requirementSet = new Set(securityRequirements.map((r) => getKey(r)))\n\n  // Lets check the selectedIndex first\n  const selectedRequirement = selectedSecurity.selectedSchemes[selectedSecurity.selectedIndex]\n  if (selectedRequirement && requirementSet.has(getKey(selectedRequirement))) {\n    return getSecuritySchemes(securitySchemes, [selectedRequirement])\n  }\n\n  // Otherwise lets loop over all selected\n  for (const selected of selectedSecurity.selectedSchemes) {\n    if (requirementSet.has(getKey(selected))) {\n      return getSecuritySchemes(securitySchemes, [selected])\n    }\n  }\n\n  /**\n   * If we are selected security on the document,\n   * we should show the first requirement of the operation to show auth is required\n   */\n  if (operation?.security?.length) {\n    return getSecuritySchemes(securitySchemes, securityRequirements.slice(0, 1))\n  }\n\n  return []\n}\n"],"mappings":";;;AAcA,IAAM,UAAU,gBAA2C,OAAO,KAAK,YAAY,CAAC,MAAM,CAAC,KAAK,IAAI;;;;;;AAOpG,IAAa,0BACX,UACA,WACA,0BACA,2BACA,kBAAyC,EAAE,KACV;CACjC,MAAM,uBAAuB,WAAW,YAAY,SAAS,YAAY,EAAE;;CAG3E,MAAM,mBAAmB,oBACvB,0BACA,2BACA,qBACD;;CAGD,MAAM,iBAAiB,IAAI,IAAI,qBAAqB,KAAK,MAAM,OAAO,EAAE,CAAC,CAAC;CAG1E,MAAM,sBAAsB,iBAAiB,gBAAgB,iBAAiB;AAC9E,KAAI,uBAAuB,eAAe,IAAI,OAAO,oBAAoB,CAAC,CACxE,QAAO,mBAAmB,iBAAiB,CAAC,oBAAoB,CAAC;AAInE,MAAK,MAAM,YAAY,iBAAiB,gBACtC,KAAI,eAAe,IAAI,OAAO,SAAS,CAAC,CACtC,QAAO,mBAAmB,iBAAiB,CAAC,SAAS,CAAC;;;;;AAQ1D,KAAI,WAAW,UAAU,OACvB,QAAO,mBAAmB,iBAAiB,qBAAqB,MAAM,GAAG,EAAE,CAAC;AAG9E,QAAO,EAAE"}

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
+import type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example';
 import type { OperationObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = Omit<OperationProps, 'document' | 'pathValue' | 'server' | 'securitySchemes' | 'authStore'> & {

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AA2gBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAA;AAkBzG,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAcrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAUxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACd,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,iBAAiB,GAAG,WAAW,CACtE,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;CACtD,CAAC;AAooBJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AA4hBA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACzF,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAcrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAUxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACd,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,iBAAiB,GAAG,WAAW,CACtE,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;CACtD,CAAC;AAooBJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/Operation/layouts/ClassicLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import ClassicLayout_vue_vue_type_script_setup_true_lang_default from "./ClassicLayout.vue.script.js";
 /* empty css                            */
 //#region src/features/Operation/layouts/ClassicLayout.vue
-var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-29d6b17f"]]);
+var ClassicLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ClassicLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-1f81471a"]]);
 //#endregion
 export { ClassicLayout_default as default };
 

package/dist/features/Operation/layouts/ClassicLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.js","names":[],"sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { OperationCodeSample } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport {\n  ScalarErrorBoundary,\n  ScalarIconButton,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  ScalarIconCopy,\n  ScalarIconPlay,\n  ScalarIconWebhooksLogo,\n} from '@scalar/icons'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { SectionAccordion } from '@/components/Section'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n} = defineProps<\n  Omit<\n    OperationProps,\n    'document' | 'pathValue' | 'server' | 'securitySchemes' | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  }\n>()\n\nconst operationTitle = computed(() => operation.summary || path || '')\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the currently selected example for passing to the modal */\nconst selectedExampleKey = ref<string>('')\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <SectionAccordion\n    :id=\"id\"\n    :aria-label=\"operationTitle\"\n    class=\"reference-endpoint\"\n    :modelValue=\"!isCollapsed\"\n    transparent\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id, open: value })\n    \">\n    <template #title>\n      <div class=\"operation-title\">\n        <div class=\"operation-details\">\n          <HttpMethod\n            class=\"endpoint-type\"\n            :method=\"method\"\n            short />\n          <Anchor\n            class=\"endpoint-anchor\"\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <h3 class=\"endpoint-label\">\n              <div class=\"endpoint-label-path\">\n                <OperationPath\n                  :deprecated=\"isOperationDeprecated(operation)\"\n                  :path=\"path\" />\n              </div>\n              <div class=\"endpoint-label-name\">\n                {{ operationTitle }}\n              </div>\n              <!-- Stability badge -->\n              <Badge\n                v-if=\"getOperationStability(operation)\"\n                class=\"capitalize\"\n                :class=\"getOperationStabilityColor(operation)\">\n                {{ getOperationStability(operation) }}\n              </Badge>\n\n              <!-- Webhook badge -->\n              <Badge\n                v-if=\"isWebhook\"\n                class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n                <ScalarIconWebhooksLogo weight=\"bold\" />Webhook\n              </Badge>\n\n              <!-- x-badges before -->\n              <XBadges\n                :badges=\"operation['x-badges']\"\n                position=\"before\" />\n            </h3>\n          </Anchor>\n        </div>\n      </div>\n    </template>\n    <template #actions=\"{ active }\">\n      <!-- x-badges after -->\n      <XBadges\n        :badges=\"operation['x-badges']\"\n        position=\"after\" />\n      <template v-if=\"!options.hideTestRequestButton\">\n        <TestRequestButton\n          v-if=\"active && !isWebhook\"\n          :id\n          :eventBus\n          :exampleName=\"selectedExampleKey\"\n          :method\n          :path\n          :requestBodyCompositionSelection=\"\n            requestBodyCompositionSelectionForCodeSample\n          \" />\n        <ScalarIconPlay\n          v-else\n          class=\"endpoint-try-hint size-4.5\" />\n      </template>\n      <span\n        v-if=\"options.showOperationId && operation.operationId\"\n        class=\"font-code text-sm\">\n        {{ operation.operationId }}\n      </span>\n      <ScalarIconButton\n        class=\"endpoint-copy p-0.5\"\n        :icon=\"ScalarIconCopy\"\n        label=\"Copy endpoint URL\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click.stop=\"copyToClipboard(path)\" />\n    </template>\n    <template\n      v-if=\"operation.description\"\n      #description>\n      <ScalarMarkdown\n        :anchorPrefix=\"id\"\n        aria-label=\"Operation Description\"\n        role=\"group\"\n        transformType=\"heading\"\n        :value=\"operation.description\"\n        withAnchors\n        withImages />\n    </template>\n    <div class=\"endpoint-content\">\n      <div class=\"operation-details-card\">\n        <div\n          v-if=\"Object.keys(operationExtensions).length > 0\"\n          class=\"operation-details-card-item\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationParameters\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationResponses\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n        </div>\n\n        <!-- Callbacks -->\n        <div\n          v-if=\"operation?.callbacks\"\n          class=\"operation-details-card-item\">\n          <Callbacks\n            :callbacks=\"operation.callbacks\"\n            :eventBus\n            :options\n            :path />\n        </div>\n      </div>\n\n      <ExampleResponses\n        v-if=\"operation.responses\"\n        class=\"operation-example-card\"\n        :responses=\"operation.responses\" />\n\n      <!-- New Example Request -->\n      <div>\n        <!-- External Docs -->\n        <LinkList v-if=\"operation.externalDocs\">\n          <ExternalDocs :value=\"operation.externalDocs\" />\n        </LinkList>\n        <!-- Request Example -->\n        <ScalarErrorBoundary>\n          <OperationCodeSample\n            v-model:selectedExample=\"selectedExampleKey\"\n            :key=\"requestBodyCompositionSelectionKey\"\n            class=\"operation-example-card\"\n            :clientOptions\n            :eventBus\n            fallback\n            :isWebhook\n            :method\n            :operation\n            :path\n            :requestBodyCompositionSelection=\"\n              requestBodyCompositionSelectionForCodeSample\n            \"\n            :securitySchemes=\"selectedSecuritySchemes\"\n            :selectedClient\n            :selectedServer />\n        </ScalarErrorBoundary>\n      </div>\n    </div>\n  </SectionAccordion>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.operation-title {\n  display: flex;\n  justify-content: space-between;\n}\n.operation-details {\n  display: flex;\n  align-items: center;\n  margin-top: 0;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n}\n.operation-details :deep(.endpoint-anchor .scalar-button svg) {\n  width: 16px;\n  height: 16px;\n}\n.endpoint-type {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  position: relative;\n  z-index: 0;\n\n  width: 60px;\n  padding: 6px;\n  flex-shrink: 0;\n\n  font-size: var(--scalar-small);\n\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font);\n}\n.endpoint-type::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  background: currentColor;\n  opacity: 0.15;\n\n  border-radius: var(--scalar-radius);\n}\n\n.endpoint-anchor {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex-shrink: 1;\n}\n.endpoint-anchor.label {\n  display: flex;\n}\n.endpoint-label {\n  display: flex;\n  align-items: baseline;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n\n  color: var(--scalar-color-1);\n}\n\n.endpoint-label-path {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-mini);\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.endpoint-label-path :deep(em) {\n  color: var(--scalar-color-2);\n}\n.endpoint-label-name {\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-small);\n\n  /* Concatenate the name before we shrink the path */\n  flex-shrink: 1000000000;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.endpoint-try-hint {\n  padding: 2px;\n  flex-shrink: 0;\n}\n.endpoint-copy {\n  color: currentColor;\n}\n.endpoint-copy :deep(svg) {\n  stroke-width: 2px;\n}\n\n.endpoint-content {\n  display: grid;\n  grid-auto-columns: 1fr;\n  grid-auto-flow: row;\n  gap: 9px;\n  padding: 9px;\n}\n\n@variant lg {\n  .endpoint-content {\n    grid-auto-flow: column;\n  }\n}\n\n@container (max-width: 900px) {\n  .endpoint-content {\n    grid-template-columns: 1fr;\n  }\n}\n\n.endpoint-content > * {\n  min-width: 0;\n}\n\n.operation-details-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n.operation-details-card-item :deep(.parameter-list),\n.operation-details-card-item :deep(.callbacks-list) {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-top: 0;\n}\n\n.operation-details-card-item {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.operation-details-card-item :deep(.parameter-list-items) {\n  margin-bottom: 0;\n}\n.operation-details-card :deep(.parameter-item:last-of-type .parameter-schema) {\n  padding-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-list .parameter-list) {\n  margin-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-item) {\n  margin: 0;\n  padding: 0;\n}\n.operation-details-card :deep(.property) {\n  padding: 9px;\n  margin: 0;\n}\n.operation-details-card :deep(.parameter-list-title),\n.operation-details-card :deep(.request-body-title),\n.operation-details-card :deep(.callbacks-title) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  line-height: 1.33;\n  padding: 9px;\n  margin: 0;\n}\n\n.operation-details-card :deep(.callback-list-item-title) {\n  padding-left: 28px;\n  padding-right: 12px;\n}\n\n.operation-details-card :deep(.callback-list-item-icon) {\n  left: 6px;\n}\n\n.operation-details-card :deep(.callback-operation-container) {\n  padding-inline: 9px;\n  padding-bottom: 9px;\n}\n\n.operation-details-card :deep(.callback-operation-container > .request-body),\n.operation-details-card :deep(.callback-operation-container > .parameter-list) {\n  border: none;\n}\n\n.operation-details-card\n  :deep(.callback-operation-container > .request-body > .request-body-header) {\n  padding: 0;\n  padding-bottom: 9px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body-description) {\n  margin-top: 0;\n  padding: 9px 9px 0 9px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body) {\n  margin-top: 0;\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.operation-details-card\n  :deep(.request-body .schema-card--level-0 > .schema-card-description) {\n  padding-inline: 9px;\n}\n\n.operation-details-card :deep(.request-body-header) {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n.operation-details-card :deep(.contents button) {\n  margin-right: 9px;\n}\n\n.operation-details-card\n  :deep(.schema-card--open + .schema-card:not(.schema-card--open)) {\n  margin-inline: 9px;\n  margin-bottom: 9px;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n\n.operation-details-card :deep(.selected-content-type) {\n  margin-right: 9px;\n}\n\n.operation-example-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  max-height: calc(var(--refs-viewport-height) - 48px);\n}\n\n@media (max-width: 600px) {\n  .operation-example-card {\n    max-height: unset;\n    position: static;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ClassicLayout.vue.js","names":[],"sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { OperationCodeSample } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarErrorBoundary,\n  ScalarIconButton,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  ScalarIconCopy,\n  ScalarIconPlay,\n  ScalarIconWebhooksLogo,\n} from '@scalar/icons'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport type {\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { SectionAccordion } from '@/components/Section'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n} = defineProps<\n  Omit<\n    OperationProps,\n    'document' | 'pathValue' | 'server' | 'securitySchemes' | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  }\n>()\n\nconst operationTitle = computed(() => operation.summary || path || '')\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the currently selected example for passing to the modal */\nconst selectedExampleKey = ref<string>('')\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <SectionAccordion\n    :id=\"id\"\n    :aria-label=\"operationTitle\"\n    class=\"reference-endpoint\"\n    :modelValue=\"!isCollapsed\"\n    transparent\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id, open: value })\n    \">\n    <template #title>\n      <div class=\"operation-title\">\n        <div class=\"operation-details\">\n          <HttpMethod\n            class=\"endpoint-type\"\n            :method=\"method\"\n            short />\n          <Anchor\n            class=\"endpoint-anchor\"\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <h3 class=\"endpoint-label\">\n              <div class=\"endpoint-label-path\">\n                <OperationPath\n                  :deprecated=\"isOperationDeprecated(operation)\"\n                  :path=\"path\" />\n              </div>\n              <div class=\"endpoint-label-name\">\n                {{ operationTitle }}\n              </div>\n              <!-- Stability badge -->\n              <Badge\n                v-if=\"getOperationStability(operation)\"\n                class=\"capitalize\"\n                :class=\"getOperationStabilityColor(operation)\">\n                {{ getOperationStability(operation) }}\n              </Badge>\n\n              <!-- Webhook badge -->\n              <Badge\n                v-if=\"isWebhook\"\n                class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n                <ScalarIconWebhooksLogo weight=\"bold\" />Webhook\n              </Badge>\n\n              <!-- x-badges before -->\n              <XBadges\n                :badges=\"operation['x-badges']\"\n                position=\"before\" />\n            </h3>\n          </Anchor>\n        </div>\n      </div>\n    </template>\n    <template #actions=\"{ active }\">\n      <!-- x-badges after -->\n      <XBadges\n        :badges=\"operation['x-badges']\"\n        position=\"after\" />\n      <template v-if=\"!options.hideTestRequestButton\">\n        <TestRequestButton\n          v-if=\"active && !isWebhook\"\n          :id\n          :eventBus\n          :exampleName=\"selectedExampleKey\"\n          :method\n          :path\n          :requestBodyCompositionSelection=\"\n            requestBodyCompositionSelectionForCodeSample\n          \" />\n        <ScalarIconPlay\n          v-else\n          class=\"endpoint-try-hint size-4.5\" />\n      </template>\n      <span\n        v-if=\"options.showOperationId && operation.operationId\"\n        class=\"font-code text-sm\">\n        {{ operation.operationId }}\n      </span>\n      <ScalarIconButton\n        class=\"endpoint-copy p-0.5\"\n        :icon=\"ScalarIconCopy\"\n        label=\"Copy endpoint URL\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click.stop=\"copyToClipboard(path)\" />\n    </template>\n    <template\n      v-if=\"operation.description\"\n      #description>\n      <ScalarMarkdown\n        :anchorPrefix=\"id\"\n        aria-label=\"Operation Description\"\n        role=\"group\"\n        transformType=\"heading\"\n        :value=\"operation.description\"\n        withAnchors\n        withImages />\n    </template>\n    <div class=\"endpoint-content\">\n      <div class=\"operation-details-card\">\n        <div\n          v-if=\"Object.keys(operationExtensions).length > 0\"\n          class=\"operation-details-card-item\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationParameters\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationResponses\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n        </div>\n\n        <!-- Callbacks -->\n        <div\n          v-if=\"operation?.callbacks\"\n          class=\"operation-details-card-item\">\n          <Callbacks\n            :callbacks=\"operation.callbacks\"\n            :eventBus\n            :options\n            :path />\n        </div>\n      </div>\n\n      <ExampleResponses\n        v-if=\"operation.responses\"\n        class=\"operation-example-card\"\n        :responses=\"operation.responses\" />\n\n      <!-- New Example Request -->\n      <div>\n        <!-- External Docs -->\n        <LinkList v-if=\"operation.externalDocs\">\n          <ExternalDocs :value=\"operation.externalDocs\" />\n        </LinkList>\n        <!-- Request Example -->\n        <ScalarErrorBoundary>\n          <OperationCodeSample\n            v-model:selectedExample=\"selectedExampleKey\"\n            :key=\"requestBodyCompositionSelectionKey\"\n            class=\"operation-example-card\"\n            :clientOptions\n            :eventBus\n            fallback\n            :isWebhook\n            :method\n            :operation\n            :path\n            :requestBodyCompositionSelection=\"\n              requestBodyCompositionSelectionForCodeSample\n            \"\n            :securitySchemes=\"selectedSecuritySchemes\"\n            :selectedClient\n            :selectedServer />\n        </ScalarErrorBoundary>\n      </div>\n    </div>\n  </SectionAccordion>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.operation-title {\n  display: flex;\n  justify-content: space-between;\n}\n.operation-details {\n  display: flex;\n  align-items: center;\n  margin-top: 0;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n}\n.operation-details :deep(.endpoint-anchor .scalar-button svg) {\n  width: 16px;\n  height: 16px;\n}\n.endpoint-type {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  position: relative;\n  z-index: 0;\n\n  width: 60px;\n  padding: 6px;\n  flex-shrink: 0;\n\n  font-size: var(--scalar-small);\n\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font);\n}\n.endpoint-type::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  background: currentColor;\n  opacity: 0.15;\n\n  border-radius: var(--scalar-radius);\n}\n\n.endpoint-anchor {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex-shrink: 1;\n}\n.endpoint-anchor.label {\n  display: flex;\n}\n.endpoint-label {\n  display: flex;\n  align-items: baseline;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n\n  color: var(--scalar-color-1);\n}\n\n.endpoint-label-path {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-mini);\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.endpoint-label-path :deep(em) {\n  color: var(--scalar-color-2);\n}\n.endpoint-label-name {\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-small);\n\n  /* Concatenate the name before we shrink the path */\n  flex-shrink: 1000000000;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.endpoint-try-hint {\n  padding: 2px;\n  flex-shrink: 0;\n}\n.endpoint-copy {\n  color: currentColor;\n}\n.endpoint-copy :deep(svg) {\n  stroke-width: 2px;\n}\n\n.endpoint-content {\n  display: grid;\n  grid-auto-columns: 1fr;\n  grid-auto-flow: row;\n  gap: 9px;\n  padding: 9px;\n}\n\n@variant lg {\n  .endpoint-content {\n    grid-auto-flow: column;\n  }\n}\n\n@container (max-width: 900px) {\n  .endpoint-content {\n    grid-template-columns: 1fr;\n  }\n}\n\n.endpoint-content > * {\n  min-width: 0;\n}\n\n.operation-details-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n.operation-details-card-item :deep(.parameter-list),\n.operation-details-card-item :deep(.callbacks-list) {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-top: 0;\n}\n\n.operation-details-card-item {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.operation-details-card-item :deep(.parameter-list-items) {\n  margin-bottom: 0;\n}\n.operation-details-card :deep(.parameter-item:last-of-type .parameter-schema) {\n  padding-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-list .parameter-list) {\n  margin-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-item) {\n  margin: 0;\n  padding: 0;\n}\n.operation-details-card :deep(.property) {\n  padding: 9px;\n  margin: 0;\n}\n.operation-details-card :deep(.parameter-list-title),\n.operation-details-card :deep(.request-body-title),\n.operation-details-card :deep(.callbacks-title) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  line-height: 1.33;\n  padding: 9px;\n  margin: 0;\n}\n\n.operation-details-card :deep(.callback-list-item-title) {\n  padding-left: 28px;\n  padding-right: 12px;\n}\n\n.operation-details-card :deep(.callback-list-item-icon) {\n  left: 6px;\n}\n\n.operation-details-card :deep(.callback-operation-container) {\n  padding-inline: 9px;\n  padding-bottom: 9px;\n}\n\n.operation-details-card :deep(.callback-operation-container > .request-body),\n.operation-details-card :deep(.callback-operation-container > .parameter-list) {\n  border: none;\n}\n\n.operation-details-card\n  :deep(.callback-operation-container > .request-body > .request-body-header) {\n  padding: 0;\n  padding-bottom: 9px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body-description) {\n  margin-top: 0;\n  padding: 9px 9px 0 9px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body) {\n  margin-top: 0;\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.operation-details-card\n  :deep(.request-body .schema-card--level-0 > .schema-card-description) {\n  padding-inline: 9px;\n}\n\n.operation-details-card :deep(.request-body-header) {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n.operation-details-card :deep(.contents button) {\n  margin-right: 9px;\n}\n\n.operation-details-card\n  :deep(.schema-card--open + .schema-card:not(.schema-card--open)) {\n  margin-inline: 9px;\n  margin-bottom: 9px;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n\n.operation-details-card :deep(.selected-content-type) {\n  margin-right: 9px;\n}\n\n.operation-example-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  max-height: calc(var(--refs-viewport-height) - 48px);\n}\n\n@media (max-width: 600px) {\n  .operation-example-card {\n    max-height: unset;\n    position: static;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/features/Operation/layouts/ClassicLayout.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { OperationCodeSample } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport {\n  ScalarErrorBoundary,\n  ScalarIconButton,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  ScalarIconCopy,\n  ScalarIconPlay,\n  ScalarIconWebhooksLogo,\n} from '@scalar/icons'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { SectionAccordion } from '@/components/Section'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n} = defineProps<\n  Omit<\n    OperationProps,\n    'document' | 'pathValue' | 'server' | 'securitySchemes' | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  }\n>()\n\nconst operationTitle = computed(() => operation.summary || path || '')\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the currently selected example for passing to the modal */\nconst selectedExampleKey = ref<string>('')\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <SectionAccordion\n    :id=\"id\"\n    :aria-label=\"operationTitle\"\n    class=\"reference-endpoint\"\n    :modelValue=\"!isCollapsed\"\n    transparent\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id, open: value })\n    \">\n    <template #title>\n      <div class=\"operation-title\">\n        <div class=\"operation-details\">\n          <HttpMethod\n            class=\"endpoint-type\"\n            :method=\"method\"\n            short />\n          <Anchor\n            class=\"endpoint-anchor\"\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <h3 class=\"endpoint-label\">\n              <div class=\"endpoint-label-path\">\n                <OperationPath\n                  :deprecated=\"isOperationDeprecated(operation)\"\n                  :path=\"path\" />\n              </div>\n              <div class=\"endpoint-label-name\">\n                {{ operationTitle }}\n              </div>\n              <!-- Stability badge -->\n              <Badge\n                v-if=\"getOperationStability(operation)\"\n                class=\"capitalize\"\n                :class=\"getOperationStabilityColor(operation)\">\n                {{ getOperationStability(operation) }}\n              </Badge>\n\n              <!-- Webhook badge -->\n              <Badge\n                v-if=\"isWebhook\"\n                class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n                <ScalarIconWebhooksLogo weight=\"bold\" />Webhook\n              </Badge>\n\n              <!-- x-badges before -->\n              <XBadges\n                :badges=\"operation['x-badges']\"\n                position=\"before\" />\n            </h3>\n          </Anchor>\n        </div>\n      </div>\n    </template>\n    <template #actions=\"{ active }\">\n      <!-- x-badges after -->\n      <XBadges\n        :badges=\"operation['x-badges']\"\n        position=\"after\" />\n      <template v-if=\"!options.hideTestRequestButton\">\n        <TestRequestButton\n          v-if=\"active && !isWebhook\"\n          :id\n          :eventBus\n          :exampleName=\"selectedExampleKey\"\n          :method\n          :path\n          :requestBodyCompositionSelection=\"\n            requestBodyCompositionSelectionForCodeSample\n          \" />\n        <ScalarIconPlay\n          v-else\n          class=\"endpoint-try-hint size-4.5\" />\n      </template>\n      <span\n        v-if=\"options.showOperationId && operation.operationId\"\n        class=\"font-code text-sm\">\n        {{ operation.operationId }}\n      </span>\n      <ScalarIconButton\n        class=\"endpoint-copy p-0.5\"\n        :icon=\"ScalarIconCopy\"\n        label=\"Copy endpoint URL\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click.stop=\"copyToClipboard(path)\" />\n    </template>\n    <template\n      v-if=\"operation.description\"\n      #description>\n      <ScalarMarkdown\n        :anchorPrefix=\"id\"\n        aria-label=\"Operation Description\"\n        role=\"group\"\n        transformType=\"heading\"\n        :value=\"operation.description\"\n        withAnchors\n        withImages />\n    </template>\n    <div class=\"endpoint-content\">\n      <div class=\"operation-details-card\">\n        <div\n          v-if=\"Object.keys(operationExtensions).length > 0\"\n          class=\"operation-details-card-item\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationParameters\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationResponses\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n        </div>\n\n        <!-- Callbacks -->\n        <div\n          v-if=\"operation?.callbacks\"\n          class=\"operation-details-card-item\">\n          <Callbacks\n            :callbacks=\"operation.callbacks\"\n            :eventBus\n            :options\n            :path />\n        </div>\n      </div>\n\n      <ExampleResponses\n        v-if=\"operation.responses\"\n        class=\"operation-example-card\"\n        :responses=\"operation.responses\" />\n\n      <!-- New Example Request -->\n      <div>\n        <!-- External Docs -->\n        <LinkList v-if=\"operation.externalDocs\">\n          <ExternalDocs :value=\"operation.externalDocs\" />\n        </LinkList>\n        <!-- Request Example -->\n        <ScalarErrorBoundary>\n          <OperationCodeSample\n            v-model:selectedExample=\"selectedExampleKey\"\n            :key=\"requestBodyCompositionSelectionKey\"\n            class=\"operation-example-card\"\n            :clientOptions\n            :eventBus\n            fallback\n            :isWebhook\n            :method\n            :operation\n            :path\n            :requestBodyCompositionSelection=\"\n              requestBodyCompositionSelectionForCodeSample\n            \"\n            :securitySchemes=\"selectedSecuritySchemes\"\n            :selectedClient\n            :selectedServer />\n        </ScalarErrorBoundary>\n      </div>\n    </div>\n  </SectionAccordion>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.operation-title {\n  display: flex;\n  justify-content: space-between;\n}\n.operation-details {\n  display: flex;\n  align-items: center;\n  margin-top: 0;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n}\n.operation-details :deep(.endpoint-anchor .scalar-button svg) {\n  width: 16px;\n  height: 16px;\n}\n.endpoint-type {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  position: relative;\n  z-index: 0;\n\n  width: 60px;\n  padding: 6px;\n  flex-shrink: 0;\n\n  font-size: var(--scalar-small);\n\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font);\n}\n.endpoint-type::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  background: currentColor;\n  opacity: 0.15;\n\n  border-radius: var(--scalar-radius);\n}\n\n.endpoint-anchor {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex-shrink: 1;\n}\n.endpoint-anchor.label {\n  display: flex;\n}\n.endpoint-label {\n  display: flex;\n  align-items: baseline;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n\n  color: var(--scalar-color-1);\n}\n\n.endpoint-label-path {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-mini);\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.endpoint-label-path :deep(em) {\n  color: var(--scalar-color-2);\n}\n.endpoint-label-name {\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-small);\n\n  /* Concatenate the name before we shrink the path */\n  flex-shrink: 1000000000;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.endpoint-try-hint {\n  padding: 2px;\n  flex-shrink: 0;\n}\n.endpoint-copy {\n  color: currentColor;\n}\n.endpoint-copy :deep(svg) {\n  stroke-width: 2px;\n}\n\n.endpoint-content {\n  display: grid;\n  grid-auto-columns: 1fr;\n  grid-auto-flow: row;\n  gap: 9px;\n  padding: 9px;\n}\n\n@variant lg {\n  .endpoint-content {\n    grid-auto-flow: column;\n  }\n}\n\n@container (max-width: 900px) {\n  .endpoint-content {\n    grid-template-columns: 1fr;\n  }\n}\n\n.endpoint-content > * {\n  min-width: 0;\n}\n\n.operation-details-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n.operation-details-card-item :deep(.parameter-list),\n.operation-details-card-item :deep(.callbacks-list) {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-top: 0;\n}\n\n.operation-details-card-item {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.operation-details-card-item :deep(.parameter-list-items) {\n  margin-bottom: 0;\n}\n.operation-details-card :deep(.parameter-item:last-of-type .parameter-schema) {\n  padding-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-list .parameter-list) {\n  margin-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-item) {\n  margin: 0;\n  padding: 0;\n}\n.operation-details-card :deep(.property) {\n  padding: 9px;\n  margin: 0;\n}\n.operation-details-card :deep(.parameter-list-title),\n.operation-details-card :deep(.request-body-title),\n.operation-details-card :deep(.callbacks-title) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  line-height: 1.33;\n  padding: 9px;\n  margin: 0;\n}\n\n.operation-details-card :deep(.callback-list-item-title) {\n  padding-left: 28px;\n  padding-right: 12px;\n}\n\n.operation-details-card :deep(.callback-list-item-icon) {\n  left: 6px;\n}\n\n.operation-details-card :deep(.callback-operation-container) {\n  padding-inline: 9px;\n  padding-bottom: 9px;\n}\n\n.operation-details-card :deep(.callback-operation-container > .request-body),\n.operation-details-card :deep(.callback-operation-container > .parameter-list) {\n  border: none;\n}\n\n.operation-details-card\n  :deep(.callback-operation-container > .request-body > .request-body-header) {\n  padding: 0;\n  padding-bottom: 9px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body-description) {\n  margin-top: 0;\n  padding: 9px 9px 0 9px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body) {\n  margin-top: 0;\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.operation-details-card\n  :deep(.request-body .schema-card--level-0 > .schema-card-description) {\n  padding-inline: 9px;\n}\n\n.operation-details-card :deep(.request-body-header) {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n.operation-details-card :deep(.contents button) {\n  margin-right: 9px;\n}\n\n.operation-details-card\n  :deep(.schema-card--open + .schema-card:not(.schema-card--open)) {\n  margin-inline: 9px;\n  margin-bottom: 9px;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n\n.operation-details-card :deep(.selected-content-type) {\n  margin-right: 9px;\n}\n\n.operation-example-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  max-height: calc(var(--refs-viewport-height) - 48px);\n}\n\n@media (max-width: 600px) {\n  .operation-example-card {\n    max-height: unset;\n    position: static;\n  }\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ClassicLayout.vue.script.js","names":[],"sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { OperationCodeSample } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarErrorBoundary,\n  ScalarIconButton,\n  ScalarMarkdown,\n} from '@scalar/components'\nimport {\n  ScalarIconCopy,\n  ScalarIconPlay,\n  ScalarIconWebhooksLogo,\n} from '@scalar/icons'\nimport {\n  getOperationStability,\n  getOperationStabilityColor,\n  isOperationDeprecated,\n} from '@scalar/oas-utils/helpers'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example'\nimport type {\n  OperationObject,\n  ServerObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, provide, ref } from 'vue'\n\nimport { Anchor } from '@/components/Anchor'\nimport { Badge } from '@/components/Badge'\nimport { HttpMethod } from '@/components/HttpMethod'\nimport { LinkList } from '@/components/LinkList'\nimport OperationPath from '@/components/OperationPath.vue'\nimport { SectionAccordion } from '@/components/Section'\nimport { ExampleResponses } from '@/features/example-responses'\nimport { ExternalDocs } from '@/features/external-docs'\nimport Callbacks from '@/features/Operation/components/callbacks/Callbacks.vue'\nimport OperationParameters from '@/features/Operation/components/OperationParameters.vue'\nimport OperationResponses from '@/features/Operation/components/OperationResponses.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\nimport { getXKeysFromObject } from '@/features/specification-extension'\nimport SpecificationExtension from '@/features/specification-extension/SpecificationExtension.vue'\nimport { TestRequestButton } from '@/features/test-request-button'\nimport { XBadges } from '@/features/x-badges'\n\nconst {\n  clientOptions,\n  eventBus,\n  isWebhook,\n  method,\n  operation,\n  options,\n  path,\n  selectedServer,\n  selectedSecuritySchemes,\n  selectedClient,\n} = defineProps<\n  Omit<\n    OperationProps,\n    'document' | 'pathValue' | 'server' | 'securitySchemes' | 'authStore'\n  > & {\n    /** Operation object with path params */\n    operation: OperationObject\n    /** The selected server for the operation */\n    selectedServer: ServerObject | null\n    /** The selected security schemes for the operation */\n    selectedSecuritySchemes: SecuritySchemeObjectSecret[]\n  }\n>()\n\nconst operationTitle = computed(() => operation.summary || path || '')\nconst operationExtensions = computed(() => getXKeysFromObject(operation))\n\n/** Track the currently selected example for passing to the modal */\nconst selectedExampleKey = ref<string>('')\n\n/** Selected request body oneOf/anyOf variants; synced with schema dropdowns and code sample */\nconst requestBodyCompositionSelection = ref<RequestBodyCompositionSelection>({})\n\nconst requestBodyCompositionSelectionForCodeSample = computed(\n  (): RequestBodyCompositionSelection => ({\n    ...requestBodyCompositionSelection.value,\n  }),\n)\n\nconst requestBodyCompositionSelectionKey = computed(() =>\n  JSON.stringify(requestBodyCompositionSelectionForCodeSample.value),\n)\n\nprovide(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, requestBodyCompositionSelection)\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <SectionAccordion\n    :id=\"id\"\n    :aria-label=\"operationTitle\"\n    class=\"reference-endpoint\"\n    :modelValue=\"!isCollapsed\"\n    transparent\n    @update:modelValue=\"\n      (value) => eventBus?.emit('toggle:nav-item', { id, open: value })\n    \">\n    <template #title>\n      <div class=\"operation-title\">\n        <div class=\"operation-details\">\n          <HttpMethod\n            class=\"endpoint-type\"\n            :method=\"method\"\n            short />\n          <Anchor\n            class=\"endpoint-anchor\"\n            @copyAnchorUrl=\"() => eventBus?.emit('copy-url:nav-item', { id })\">\n            <h3 class=\"endpoint-label\">\n              <div class=\"endpoint-label-path\">\n                <OperationPath\n                  :deprecated=\"isOperationDeprecated(operation)\"\n                  :path=\"path\" />\n              </div>\n              <div class=\"endpoint-label-name\">\n                {{ operationTitle }}\n              </div>\n              <!-- Stability badge -->\n              <Badge\n                v-if=\"getOperationStability(operation)\"\n                class=\"capitalize\"\n                :class=\"getOperationStabilityColor(operation)\">\n                {{ getOperationStability(operation) }}\n              </Badge>\n\n              <!-- Webhook badge -->\n              <Badge\n                v-if=\"isWebhook\"\n                class=\"font-code text-green flex w-fit items-center justify-center gap-1\">\n                <ScalarIconWebhooksLogo weight=\"bold\" />Webhook\n              </Badge>\n\n              <!-- x-badges before -->\n              <XBadges\n                :badges=\"operation['x-badges']\"\n                position=\"before\" />\n            </h3>\n          </Anchor>\n        </div>\n      </div>\n    </template>\n    <template #actions=\"{ active }\">\n      <!-- x-badges after -->\n      <XBadges\n        :badges=\"operation['x-badges']\"\n        position=\"after\" />\n      <template v-if=\"!options.hideTestRequestButton\">\n        <TestRequestButton\n          v-if=\"active && !isWebhook\"\n          :id\n          :eventBus\n          :exampleName=\"selectedExampleKey\"\n          :method\n          :path\n          :requestBodyCompositionSelection=\"\n            requestBodyCompositionSelectionForCodeSample\n          \" />\n        <ScalarIconPlay\n          v-else\n          class=\"endpoint-try-hint size-4.5\" />\n      </template>\n      <span\n        v-if=\"options.showOperationId && operation.operationId\"\n        class=\"font-code text-sm\">\n        {{ operation.operationId }}\n      </span>\n      <ScalarIconButton\n        class=\"endpoint-copy p-0.5\"\n        :icon=\"ScalarIconCopy\"\n        label=\"Copy endpoint URL\"\n        size=\"xs\"\n        variant=\"ghost\"\n        @click.stop=\"copyToClipboard(path)\" />\n    </template>\n    <template\n      v-if=\"operation.description\"\n      #description>\n      <ScalarMarkdown\n        :anchorPrefix=\"id\"\n        aria-label=\"Operation Description\"\n        role=\"group\"\n        transformType=\"heading\"\n        :value=\"operation.description\"\n        withAnchors\n        withImages />\n    </template>\n    <div class=\"endpoint-content\">\n      <div class=\"operation-details-card\">\n        <div\n          v-if=\"Object.keys(operationExtensions).length > 0\"\n          class=\"operation-details-card-item\">\n          <SpecificationExtension :value=\"operationExtensions\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationParameters\n            :eventBus\n            :options\n            :parameters=\"operation.parameters\"\n            :requestBody=\"getResolvedRef(operation.requestBody)\" />\n        </div>\n        <div class=\"operation-details-card-item\">\n          <OperationResponses\n            :eventBus\n            :options\n            :responses=\"operation.responses\" />\n        </div>\n\n        <!-- Callbacks -->\n        <div\n          v-if=\"operation?.callbacks\"\n          class=\"operation-details-card-item\">\n          <Callbacks\n            :callbacks=\"operation.callbacks\"\n            :eventBus\n            :options\n            :path />\n        </div>\n      </div>\n\n      <ExampleResponses\n        v-if=\"operation.responses\"\n        class=\"operation-example-card\"\n        :responses=\"operation.responses\" />\n\n      <!-- New Example Request -->\n      <div>\n        <!-- External Docs -->\n        <LinkList v-if=\"operation.externalDocs\">\n          <ExternalDocs :value=\"operation.externalDocs\" />\n        </LinkList>\n        <!-- Request Example -->\n        <ScalarErrorBoundary>\n          <OperationCodeSample\n            v-model:selectedExample=\"selectedExampleKey\"\n            :key=\"requestBodyCompositionSelectionKey\"\n            class=\"operation-example-card\"\n            :clientOptions\n            :eventBus\n            fallback\n            :isWebhook\n            :method\n            :operation\n            :path\n            :requestBodyCompositionSelection=\"\n              requestBodyCompositionSelectionForCodeSample\n            \"\n            :securitySchemes=\"selectedSecuritySchemes\"\n            :selectedClient\n            :selectedServer />\n        </ScalarErrorBoundary>\n      </div>\n    </div>\n  </SectionAccordion>\n</template>\n\n<style scoped>\n@reference \"@/style.css\";\n\n.operation-title {\n  display: flex;\n  justify-content: space-between;\n}\n.operation-details {\n  display: flex;\n  align-items: center;\n  margin-top: 0;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n}\n.operation-details :deep(.endpoint-anchor .scalar-button svg) {\n  width: 16px;\n  height: 16px;\n}\n.endpoint-type {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n\n  position: relative;\n  z-index: 0;\n\n  width: 60px;\n  padding: 6px;\n  flex-shrink: 0;\n\n  font-size: var(--scalar-small);\n\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-family: var(--scalar-font);\n}\n.endpoint-type::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n\n  background: currentColor;\n  opacity: 0.15;\n\n  border-radius: var(--scalar-radius);\n}\n\n.endpoint-anchor {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  flex-shrink: 1;\n}\n.endpoint-anchor.label {\n  display: flex;\n}\n.endpoint-label {\n  display: flex;\n  align-items: baseline;\n  gap: 9px;\n\n  min-width: 0;\n  flex-shrink: 1;\n\n  color: var(--scalar-color-1);\n}\n\n.endpoint-label-path {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-mini);\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.endpoint-label-path :deep(em) {\n  color: var(--scalar-color-2);\n}\n.endpoint-label-name {\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-small);\n\n  /* Concatenate the name before we shrink the path */\n  flex-shrink: 1000000000;\n\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.endpoint-try-hint {\n  padding: 2px;\n  flex-shrink: 0;\n}\n.endpoint-copy {\n  color: currentColor;\n}\n.endpoint-copy :deep(svg) {\n  stroke-width: 2px;\n}\n\n.endpoint-content {\n  display: grid;\n  grid-auto-columns: 1fr;\n  grid-auto-flow: row;\n  gap: 9px;\n  padding: 9px;\n}\n\n@variant lg {\n  .endpoint-content {\n    grid-auto-flow: column;\n  }\n}\n\n@container (max-width: 900px) {\n  .endpoint-content {\n    grid-template-columns: 1fr;\n  }\n}\n\n.endpoint-content > * {\n  min-width: 0;\n}\n\n.operation-details-card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  min-width: 0;\n}\n.operation-details-card-item :deep(.parameter-list),\n.operation-details-card-item :deep(.callbacks-list) {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-top: 0;\n}\n\n.operation-details-card-item {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.operation-details-card-item :deep(.parameter-list-items) {\n  margin-bottom: 0;\n}\n.operation-details-card :deep(.parameter-item:last-of-type .parameter-schema) {\n  padding-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-list .parameter-list) {\n  margin-bottom: 12px;\n}\n.operation-details-card :deep(.parameter-item) {\n  margin: 0;\n  padding: 0;\n}\n.operation-details-card :deep(.property) {\n  padding: 9px;\n  margin: 0;\n}\n.operation-details-card :deep(.parameter-list-title),\n.operation-details-card :deep(.request-body-title),\n.operation-details-card :deep(.callbacks-title) {\n  text-transform: uppercase;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  line-height: 1.33;\n  padding: 9px;\n  margin: 0;\n}\n\n.operation-details-card :deep(.callback-list-item-title) {\n  padding-left: 28px;\n  padding-right: 12px;\n}\n\n.operation-details-card :deep(.callback-list-item-icon) {\n  left: 6px;\n}\n\n.operation-details-card :deep(.callback-operation-container) {\n  padding-inline: 9px;\n  padding-bottom: 9px;\n}\n\n.operation-details-card :deep(.callback-operation-container > .request-body),\n.operation-details-card :deep(.callback-operation-container > .parameter-list) {\n  border: none;\n}\n\n.operation-details-card\n  :deep(.callback-operation-container > .request-body > .request-body-header) {\n  padding: 0;\n  padding-bottom: 9px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body-description) {\n  margin-top: 0;\n  padding: 9px 9px 0 9px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.operation-details-card :deep(.request-body) {\n  margin-top: 0;\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.operation-details-card\n  :deep(.request-body .schema-card--level-0 > .schema-card-description) {\n  padding-inline: 9px;\n}\n\n.operation-details-card :deep(.request-body-header) {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n.operation-details-card :deep(.contents button) {\n  margin-right: 9px;\n}\n\n.operation-details-card\n  :deep(.schema-card--open + .schema-card:not(.schema-card--open)) {\n  margin-inline: 9px;\n  margin-bottom: 9px;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n.operation-details-card :deep(.request-body-schema .property--level-0) {\n  padding: 0;\n}\n\n.operation-details-card :deep(.selected-content-type) {\n  margin-right: 9px;\n}\n\n.operation-example-card {\n  position: sticky;\n  top: calc(var(--refs-viewport-offset) + 24px);\n  max-height: calc(var(--refs-viewport-height) - 48px);\n}\n\n@media (max-width: 600px) {\n  .operation-example-card {\n    max-height: unset;\n    position: static;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/features/Operation/layouts/ModernLayout.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
+import type { SecuritySchemeObjectSecret } from '@scalar/workspace-store/request-example';
 import type { OperationObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { OperationProps } from '../../../features/Operation/Operation.vue.js';
 type __VLS_Props = Omit<OperationProps, 'document' | 'pathValue' | 'server' | 'isCollapsed' | 'securitySchemes' | 'authStore'> & {

package/dist/features/Operation/layouts/ModernLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AA0RA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAA;AASzG,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAqBrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAUxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,iBAAiB,GACjB,WAAW,CACd,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;CACtD,CAAC;AAklBJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AAkSA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AACzF,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAqBrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAUxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACZ,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,iBAAiB,GACjB,WAAW,CACd,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,0BAA0B,EAAE,CAAA;CACtD,CAAC;AAklBJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/features/Operation/layouts/ModernLayout.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import ModernLayout_vue_vue_type_script_setup_true_lang_default from "./ModernLayout.vue.script.js";
 /* empty css                           */
 //#region src/features/Operation/layouts/ModernLayout.vue
-var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9c51b5c5"]]);
+var ModernLayout_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ModernLayout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6488f75e"]]);
 //#endregion
 export { ModernLayout_default as default };