@scalar/api-reference 1.57.3 → 1.57.5

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

@@ -54,7 +54,7 @@ var _hoisted_5 = {
 	key: 2,
 	class: "references-footer"
 };
-var version = "1.57.3";
+var version = "1.57.5";
 if (typeof window !== "undefined") console.info(`@scalar/api-reference@${version}`);
 var ApiReference_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ApiReference",

package/dist/features/Operation/components/ParameterListItem.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_exp
 import ParameterListItem_vue_vue_type_script_setup_true_lang_default from "./ParameterListItem.vue.script.js";
 /* empty css                                */
 //#region src/features/Operation/components/ParameterListItem.vue
-var ParameterListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ParameterListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d8e5b2a3"]]);
+var ParameterListItem_default = /* @__PURE__ */ _plugin_vue_export_helper_default(ParameterListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ca54f4ef"]]);
 //#endregion
 export { ParameterListItem_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterListItem.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarMarkdown,\n  ScalarMarkdownSummary,\n} from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ResponseObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport { getRefName } from '@/components/Content/Schema/helpers/get-ref-name'\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems } = defineProps<{\n  parameter: ParameterObject | ResponseObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'hideModels' | 'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Whether the markdown summary is being truncated */\nconst truncated = ref(false)\n\n/** Responses and params may both have a schema */\nconst schema = computed<SchemaObject | null>(() =>\n  'schema' in parameter && parameter.schema\n    ? getResolvedRef(parameter.schema)\n    : null,\n)\n\n/** Response and params may both have content */\nconst content = computed(() => {\n  if (!('content' in parameter) || !parameter.content) {\n    return null\n  }\n  const keys = Object.keys(parameter.content)\n  if (keys.length === 0) {\n    return null\n  }\n  return parameter.content\n})\n\nconst selectedContentType = ref<string>(\n  Object.keys(content.value || {})[0] ?? '',\n)\n\n/** Response headers */\nconst headers = computed<ResponseObject['headers'] | null>(() =>\n  'headers' in parameter && parameter.headers ? parameter.headers : null,\n)\n\n/** Raw schema (possibly with $ref) for the selected content type or param. */\nconst baseSchema = computed(() =>\n  content.value\n    ? content.value?.[selectedContentType.value]?.schema\n    : 'schema' in parameter && parameter.schema\n      ? parameter.schema\n      : null,\n)\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst schemaModelName = computed(() => {\n  const raw = baseSchema.value\n  if (!raw) {\n    return null\n  }\n\n  if ('$ref' in raw) {\n    return getRefName(raw.$ref)\n  }\n\n  return null\n})\n\n/** Computed value from the combined schema param and content param */\nconst value = computed(() => {\n  const base = baseSchema.value\n  const resolvedBase = content.value ? getResolvedRef(base) : schema.value\n\n  const deprecated =\n    'deprecated' in parameter ? parameter.deprecated : schema.value?.deprecated\n\n  /** Combine param/content/schema examples while ignoring undefined values. */\n  const examples = getParameterExamples({\n    parameter,\n    schemaExamples: schema.value?.examples,\n    contentExamples: content.value?.[selectedContentType.value]?.examples,\n  })\n\n  return {\n    ...resolvedBase,\n    deprecated: deprecated,\n    examples,\n  } as SchemaObject\n})\n\n/**\n * Determines whether this parameter item should be rendered as a collapsible disclosure.\n * Only collapses when collapsableItems is enabled and the parameter has additional\n * content to display (content types, headers, or schema details).\n */\nconst shouldCollapse = computed<boolean>(() =>\n  Boolean(content.value || headers.value || schema.value || truncated.value),\n)\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure v-slot=\"{ open }\">\n      <component\n        :is=\"shouldCollapse ? DisclosureButton : 'div'\"\n        v-if=\"collapsableItems\"\n        class=\"parameter-item-trigger\"\n        :class=\"{ 'parameter-item-trigger-open': open }\">\n        <div class=\"parameter-item-name min-w-0\">\n          <ScalarIconCaretRight\n            v-if=\"shouldCollapse\"\n            class=\"parameter-item-icon size-3 transition-transform duration-100\"\n            :class=\"{ 'rotate-90': open }\"\n            weight=\"bold\" />\n          <div>\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </div>\n        </div>\n        <ScalarMarkdownSummary\n          v-if=\"!open && parameter.description\"\n          v-model:truncated=\"truncated\"\n          class=\"parameter-item-description-summary min-w-0 flex-1\"\n          controlled\n          :value=\"parameter.description\" />\n        <div\n          v-else\n          class=\"flex-1\" />\n      </component>\n      <div\n        v-if=\"shouldCollapse && content\"\n        class=\"absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base\"\n        :class=\"{\n          'opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100':\n            !open,\n        }\">\n        <div\n          class=\"from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent\" />\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"content\" />\n      </div>\n      <DisclosurePanel\n        class=\"parameter-item-container parameter-item-container-markdown\"\n        :static=\"!collapsableItems\">\n        <ScalarMarkdown\n          v-if=\"collapsableItems && parameter.description\"\n          class=\"parameter-item-description\"\n          :value=\"parameter.description\" />\n        <!-- Headers -->\n        <Headers\n          v-if=\"headers\"\n          :breadcrumb=\"breadcrumb\"\n          :eventBus=\"eventBus\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"breadcrumb\"\n          compact\n          :description=\"collapsableItems ? '' : parameter.description\"\n          :eventBus=\"eventBus\"\n          :hideWriteOnly=\"true\"\n          :modelName=\"schemaModelName\"\n          :name=\"collapsableItems ? '' : name\"\n          :noncollapsible=\"true\"\n          :options=\"{\n            hideWriteOnly: true,\n            orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n            orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          }\"\n          :required=\"'required' in parameter && parameter.required\"\n          :schema=\"value\" />\n      </DisclosurePanel>\n    </Disclosure>\n  </li>\n</template>\n\n<style scoped>\n.parameter-item {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item:last-of-type .parameter-schema {\n  padding-bottom: 0;\n}\n\n.parameter-item-container {\n  padding: 0;\n}\n\n.parameter-item-headers {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item-name {\n  position: relative;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  overflow-wrap: break-word;\n}\n\n.parameter-item-description,\n.parameter-item-description-summary {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n}\n\n.parameter-item-description-summary.parameter-item-description-summary > * {\n  --markdown-line-height: var(--scalar-line-height-5);\n}\n\n/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */\n.parameter-item-trigger\n  ~ .parameter-item-container\n  :deep(.property--level-0 > .property-heading .property-detail-value) {\n  font-size: var(--scalar-micro);\n}\n\n.parameter-item-required-optional {\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  margin-right: 6px;\n  position: relative;\n}\n\n.parameter-item--required {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-orange);\n}\n\n.parameter-item-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-item-description :deep(p) {\n  margin-top: 4px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n}\n\n.parameter-schema {\n  padding-bottom: 9px;\n  margin-top: 3px;\n}\n\n.parameter-item-trigger {\n  display: flex;\n  align-items: baseline;\n  line-height: var(--scalar-line-height-5);\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  outline: none;\n}\n\n.parameter-item-trigger-open {\n  padding-bottom: 0;\n}\n\n.parameter-item-icon {\n  color: var(--scalar-color-3);\n  left: -19px;\n  top: 0.5lh;\n  translate: 0 -50%;\n  position: absolute;\n}\n\n.parameter-item-trigger:hover .parameter-item-icon,\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  color: var(--scalar-color-1);\n}\n\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  outline: 1px solid var(--scalar-color-accent);\n  outline-offset: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ParameterListItem.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarMarkdown,\n  ScalarMarkdownSummary,\n} from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ResponseObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport { getRefName } from '@/components/Content/Schema/helpers/get-ref-name'\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems } = defineProps<{\n  parameter: ParameterObject | ResponseObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'hideModels' | 'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Whether the markdown summary is being truncated */\nconst truncated = ref(false)\n\n/** Responses and params may both have a schema */\nconst schema = computed<SchemaObject | null>(() =>\n  'schema' in parameter && parameter.schema\n    ? getResolvedRef(parameter.schema)\n    : null,\n)\n\n/** Response and params may both have content */\nconst content = computed(() => {\n  if (!('content' in parameter) || !parameter.content) {\n    return null\n  }\n  const keys = Object.keys(parameter.content)\n  if (keys.length === 0) {\n    return null\n  }\n  return parameter.content\n})\n\nconst selectedContentType = ref<string>(\n  Object.keys(content.value || {})[0] ?? '',\n)\n\n/** Response headers */\nconst headers = computed<ResponseObject['headers'] | null>(() =>\n  'headers' in parameter && parameter.headers ? parameter.headers : null,\n)\n\n/** Raw schema (possibly with $ref) for the selected content type or param. */\nconst baseSchema = computed(() =>\n  content.value\n    ? content.value?.[selectedContentType.value]?.schema\n    : 'schema' in parameter && parameter.schema\n      ? parameter.schema\n      : null,\n)\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst schemaModelName = computed(() => {\n  const raw = baseSchema.value\n  if (!raw) {\n    return null\n  }\n\n  if ('$ref' in raw) {\n    return getRefName(raw.$ref)\n  }\n\n  return null\n})\n\n/** Computed value from the combined schema param and content param */\nconst value = computed(() => {\n  const base = baseSchema.value\n  const resolvedBase = content.value ? getResolvedRef(base) : schema.value\n\n  const deprecated =\n    'deprecated' in parameter ? parameter.deprecated : schema.value?.deprecated\n\n  /** Combine param/content/schema examples while ignoring undefined values. */\n  const examples = getParameterExamples({\n    parameter,\n    schemaExamples: schema.value?.examples,\n    contentExamples: content.value?.[selectedContentType.value]?.examples,\n  })\n\n  return {\n    ...resolvedBase,\n    deprecated: deprecated,\n    examples,\n  } as SchemaObject\n})\n\n/**\n * Determines whether this parameter item should be rendered as a collapsible disclosure.\n * Only collapses when collapsableItems is enabled and the parameter has additional\n * content to display (content types, headers, or schema details).\n */\nconst shouldCollapse = computed<boolean>(() =>\n  Boolean(content.value || headers.value || schema.value || truncated.value),\n)\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure v-slot=\"{ open }\">\n      <component\n        :is=\"shouldCollapse ? DisclosureButton : 'div'\"\n        v-if=\"collapsableItems\"\n        class=\"parameter-item-trigger\"\n        :class=\"{ 'parameter-item-trigger-open': open }\">\n        <div class=\"parameter-item-name min-w-0\">\n          <ScalarIconCaretRight\n            v-if=\"shouldCollapse\"\n            class=\"parameter-item-icon size-3 transition-transform duration-100\"\n            :class=\"{ 'rotate-90': open }\"\n            weight=\"bold\" />\n          <div>\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </div>\n        </div>\n        <ScalarMarkdownSummary\n          v-if=\"!open && parameter.description\"\n          v-model:truncated=\"truncated\"\n          class=\"parameter-item-description-summary min-w-0 flex-1\"\n          controlled\n          :value=\"parameter.description\" />\n        <div\n          v-else\n          class=\"flex-1\" />\n      </component>\n      <DisclosurePanel\n        class=\"parameter-item-container parameter-item-container-markdown\"\n        :static=\"!collapsableItems\">\n        <ScalarMarkdown\n          v-if=\"collapsableItems && parameter.description\"\n          class=\"parameter-item-description\"\n          :value=\"parameter.description\" />\n        <!-- Headers -->\n        <Headers\n          v-if=\"headers\"\n          :breadcrumb=\"breadcrumb\"\n          :eventBus=\"eventBus\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"breadcrumb\"\n          compact\n          :description=\"collapsableItems ? '' : parameter.description\"\n          :eventBus=\"eventBus\"\n          :hideWriteOnly=\"true\"\n          :modelName=\"schemaModelName\"\n          :name=\"collapsableItems ? '' : name\"\n          :noncollapsible=\"true\"\n          :options=\"{\n            hideWriteOnly: true,\n            orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n            orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          }\"\n          :required=\"'required' in parameter && parameter.required\"\n          :schema=\"value\" />\n      </DisclosurePanel>\n      <div\n        v-if=\"shouldCollapse && content\"\n        class=\"absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base\"\n        :class=\"{\n          'opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100':\n            !open,\n        }\">\n        <div\n          class=\"from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent\" />\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"content\" />\n      </div>\n    </Disclosure>\n  </li>\n</template>\n\n<style scoped>\n.parameter-item {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item:last-of-type .parameter-schema {\n  padding-bottom: 0;\n}\n\n.parameter-item-container {\n  padding: 0;\n}\n\n.parameter-item-headers {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item-name {\n  position: relative;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  overflow-wrap: break-word;\n}\n\n.parameter-item-description,\n.parameter-item-description-summary {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n}\n\n.parameter-item-description-summary.parameter-item-description-summary > * {\n  --markdown-line-height: var(--scalar-line-height-5);\n}\n\n/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */\n.parameter-item-trigger\n  ~ .parameter-item-container\n  :deep(.property--level-0 > .property-heading .property-detail-value) {\n  font-size: var(--scalar-micro);\n}\n\n.parameter-item-required-optional {\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  margin-right: 6px;\n  position: relative;\n}\n\n.parameter-item--required {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-orange);\n}\n\n.parameter-item-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-item-description :deep(p) {\n  margin-top: 4px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n}\n\n.parameter-schema {\n  padding-bottom: 9px;\n  margin-top: 3px;\n}\n\n.parameter-item-trigger {\n  display: flex;\n  align-items: baseline;\n  line-height: var(--scalar-line-height-5);\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  outline: none;\n}\n\n.parameter-item-trigger-open {\n  padding-bottom: 0;\n}\n\n.parameter-item-icon {\n  color: var(--scalar-color-3);\n  left: -19px;\n  top: 0.5lh;\n  translate: 0 -50%;\n  position: absolute;\n}\n\n.parameter-item-trigger:hover .parameter-item-icon,\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  color: var(--scalar-color-1);\n}\n\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  outline: 1px solid var(--scalar-color-accent);\n  outline-offset: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":""}

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

@@ -96,14 +96,6 @@ var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 						}, null, 8, ["truncated", "value"])) : (openBlock(), createElementBlock("div", _hoisted_3))]),
 						_: 2
 					}, 1032, ["class"])) : createCommentVNode("", true),
-					shouldCollapse.value && content.value ? (openBlock(), createElementBlock("div", {
-						key: 1,
-						class: normalizeClass(["absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base", { "opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100": !open }])
-					}, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent" }, null, -1)), createVNode(ContentTypeSelect_default, {
-						modelValue: selectedContentType.value,
-						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedContentType.value = $event),
-						content: content.value
-					}, null, 8, ["modelValue", "content"])], 2)) : createCommentVNode("", true),
 					createVNode(unref(DisclosurePanel), {
 						class: "parameter-item-container parameter-item-container-markdown",
 						static: !__props.collapsableItems
@@ -157,7 +149,15 @@ var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 							])
 						]),
 						_: 1
-					}, 8, ["static"])
+					}, 8, ["static"]),
+					shouldCollapse.value && content.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(["absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base", { "opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100": !open }])
+					}, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent" }, null, -1)), createVNode(ContentTypeSelect_default, {
+						modelValue: selectedContentType.value,
+						"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedContentType.value = $event),
+						content: content.value
+					}, null, 8, ["modelValue", "content"])], 2)) : createCommentVNode("", true)
 				]),
 				_: 1
 			})]);

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterListItem.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarMarkdown,\n  ScalarMarkdownSummary,\n} from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ResponseObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport { getRefName } from '@/components/Content/Schema/helpers/get-ref-name'\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems } = defineProps<{\n  parameter: ParameterObject | ResponseObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'hideModels' | 'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Whether the markdown summary is being truncated */\nconst truncated = ref(false)\n\n/** Responses and params may both have a schema */\nconst schema = computed<SchemaObject | null>(() =>\n  'schema' in parameter && parameter.schema\n    ? getResolvedRef(parameter.schema)\n    : null,\n)\n\n/** Response and params may both have content */\nconst content = computed(() => {\n  if (!('content' in parameter) || !parameter.content) {\n    return null\n  }\n  const keys = Object.keys(parameter.content)\n  if (keys.length === 0) {\n    return null\n  }\n  return parameter.content\n})\n\nconst selectedContentType = ref<string>(\n  Object.keys(content.value || {})[0] ?? '',\n)\n\n/** Response headers */\nconst headers = computed<ResponseObject['headers'] | null>(() =>\n  'headers' in parameter && parameter.headers ? parameter.headers : null,\n)\n\n/** Raw schema (possibly with $ref) for the selected content type or param. */\nconst baseSchema = computed(() =>\n  content.value\n    ? content.value?.[selectedContentType.value]?.schema\n    : 'schema' in parameter && parameter.schema\n      ? parameter.schema\n      : null,\n)\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst schemaModelName = computed(() => {\n  const raw = baseSchema.value\n  if (!raw) {\n    return null\n  }\n\n  if ('$ref' in raw) {\n    return getRefName(raw.$ref)\n  }\n\n  return null\n})\n\n/** Computed value from the combined schema param and content param */\nconst value = computed(() => {\n  const base = baseSchema.value\n  const resolvedBase = content.value ? getResolvedRef(base) : schema.value\n\n  const deprecated =\n    'deprecated' in parameter ? parameter.deprecated : schema.value?.deprecated\n\n  /** Combine param/content/schema examples while ignoring undefined values. */\n  const examples = getParameterExamples({\n    parameter,\n    schemaExamples: schema.value?.examples,\n    contentExamples: content.value?.[selectedContentType.value]?.examples,\n  })\n\n  return {\n    ...resolvedBase,\n    deprecated: deprecated,\n    examples,\n  } as SchemaObject\n})\n\n/**\n * Determines whether this parameter item should be rendered as a collapsible disclosure.\n * Only collapses when collapsableItems is enabled and the parameter has additional\n * content to display (content types, headers, or schema details).\n */\nconst shouldCollapse = computed<boolean>(() =>\n  Boolean(content.value || headers.value || schema.value || truncated.value),\n)\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure v-slot=\"{ open }\">\n      <component\n        :is=\"shouldCollapse ? DisclosureButton : 'div'\"\n        v-if=\"collapsableItems\"\n        class=\"parameter-item-trigger\"\n        :class=\"{ 'parameter-item-trigger-open': open }\">\n        <div class=\"parameter-item-name min-w-0\">\n          <ScalarIconCaretRight\n            v-if=\"shouldCollapse\"\n            class=\"parameter-item-icon size-3 transition-transform duration-100\"\n            :class=\"{ 'rotate-90': open }\"\n            weight=\"bold\" />\n          <div>\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </div>\n        </div>\n        <ScalarMarkdownSummary\n          v-if=\"!open && parameter.description\"\n          v-model:truncated=\"truncated\"\n          class=\"parameter-item-description-summary min-w-0 flex-1\"\n          controlled\n          :value=\"parameter.description\" />\n        <div\n          v-else\n          class=\"flex-1\" />\n      </component>\n      <div\n        v-if=\"shouldCollapse && content\"\n        class=\"absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base\"\n        :class=\"{\n          'opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100':\n            !open,\n        }\">\n        <div\n          class=\"from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent\" />\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"content\" />\n      </div>\n      <DisclosurePanel\n        class=\"parameter-item-container parameter-item-container-markdown\"\n        :static=\"!collapsableItems\">\n        <ScalarMarkdown\n          v-if=\"collapsableItems && parameter.description\"\n          class=\"parameter-item-description\"\n          :value=\"parameter.description\" />\n        <!-- Headers -->\n        <Headers\n          v-if=\"headers\"\n          :breadcrumb=\"breadcrumb\"\n          :eventBus=\"eventBus\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"breadcrumb\"\n          compact\n          :description=\"collapsableItems ? '' : parameter.description\"\n          :eventBus=\"eventBus\"\n          :hideWriteOnly=\"true\"\n          :modelName=\"schemaModelName\"\n          :name=\"collapsableItems ? '' : name\"\n          :noncollapsible=\"true\"\n          :options=\"{\n            hideWriteOnly: true,\n            orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n            orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          }\"\n          :required=\"'required' in parameter && parameter.required\"\n          :schema=\"value\" />\n      </DisclosurePanel>\n    </Disclosure>\n  </li>\n</template>\n\n<style scoped>\n.parameter-item {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item:last-of-type .parameter-schema {\n  padding-bottom: 0;\n}\n\n.parameter-item-container {\n  padding: 0;\n}\n\n.parameter-item-headers {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item-name {\n  position: relative;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  overflow-wrap: break-word;\n}\n\n.parameter-item-description,\n.parameter-item-description-summary {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n}\n\n.parameter-item-description-summary.parameter-item-description-summary > * {\n  --markdown-line-height: var(--scalar-line-height-5);\n}\n\n/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */\n.parameter-item-trigger\n  ~ .parameter-item-container\n  :deep(.property--level-0 > .property-heading .property-detail-value) {\n  font-size: var(--scalar-micro);\n}\n\n.parameter-item-required-optional {\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  margin-right: 6px;\n  position: relative;\n}\n\n.parameter-item--required {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-orange);\n}\n\n.parameter-item-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-item-description :deep(p) {\n  margin-top: 4px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n}\n\n.parameter-schema {\n  padding-bottom: 9px;\n  margin-top: 3px;\n}\n\n.parameter-item-trigger {\n  display: flex;\n  align-items: baseline;\n  line-height: var(--scalar-line-height-5);\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  outline: none;\n}\n\n.parameter-item-trigger-open {\n  padding-bottom: 0;\n}\n\n.parameter-item-icon {\n  color: var(--scalar-color-3);\n  left: -19px;\n  top: 0.5lh;\n  translate: 0 -50%;\n  position: absolute;\n}\n\n.parameter-item-trigger:hover .parameter-item-icon,\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  color: var(--scalar-color-1);\n}\n\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  outline: 1px solid var(--scalar-color-accent);\n  outline-offset: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"ParameterListItem.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport {\n  ScalarMarkdown,\n  ScalarMarkdownSummary,\n} from '@scalar/components/markdown'\nimport { ScalarWrappingText } from '@scalar/components/wrapping-text'\nimport { ScalarIconCaretRight } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  ParameterObject,\n  ResponseObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport { getRefName } from '@/components/Content/Schema/helpers/get-ref-name'\nimport SchemaProperty from '@/components/Content/Schema/SchemaProperty.vue'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems } = defineProps<{\n  parameter: ParameterObject | ResponseObject\n  name: string\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  options: Pick<\n    OperationProps['options'],\n    'hideModels' | 'orderRequiredPropertiesFirst' | 'orderSchemaPropertiesBy'\n  >\n}>()\n\n/** Whether the markdown summary is being truncated */\nconst truncated = ref(false)\n\n/** Responses and params may both have a schema */\nconst schema = computed<SchemaObject | null>(() =>\n  'schema' in parameter && parameter.schema\n    ? getResolvedRef(parameter.schema)\n    : null,\n)\n\n/** Response and params may both have content */\nconst content = computed(() => {\n  if (!('content' in parameter) || !parameter.content) {\n    return null\n  }\n  const keys = Object.keys(parameter.content)\n  if (keys.length === 0) {\n    return null\n  }\n  return parameter.content\n})\n\nconst selectedContentType = ref<string>(\n  Object.keys(content.value || {})[0] ?? '',\n)\n\n/** Response headers */\nconst headers = computed<ResponseObject['headers'] | null>(() =>\n  'headers' in parameter && parameter.headers ? parameter.headers : null,\n)\n\n/** Raw schema (possibly with $ref) for the selected content type or param. */\nconst baseSchema = computed(() =>\n  content.value\n    ? content.value?.[selectedContentType.value]?.schema\n    : 'schema' in parameter && parameter.schema\n      ? parameter.schema\n      : null,\n)\n\n/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */\nconst schemaModelName = computed(() => {\n  const raw = baseSchema.value\n  if (!raw) {\n    return null\n  }\n\n  if ('$ref' in raw) {\n    return getRefName(raw.$ref)\n  }\n\n  return null\n})\n\n/** Computed value from the combined schema param and content param */\nconst value = computed(() => {\n  const base = baseSchema.value\n  const resolvedBase = content.value ? getResolvedRef(base) : schema.value\n\n  const deprecated =\n    'deprecated' in parameter ? parameter.deprecated : schema.value?.deprecated\n\n  /** Combine param/content/schema examples while ignoring undefined values. */\n  const examples = getParameterExamples({\n    parameter,\n    schemaExamples: schema.value?.examples,\n    contentExamples: content.value?.[selectedContentType.value]?.examples,\n  })\n\n  return {\n    ...resolvedBase,\n    deprecated: deprecated,\n    examples,\n  } as SchemaObject\n})\n\n/**\n * Determines whether this parameter item should be rendered as a collapsible disclosure.\n * Only collapses when collapsableItems is enabled and the parameter has additional\n * content to display (content types, headers, or schema details).\n */\nconst shouldCollapse = computed<boolean>(() =>\n  Boolean(content.value || headers.value || schema.value || truncated.value),\n)\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure v-slot=\"{ open }\">\n      <component\n        :is=\"shouldCollapse ? DisclosureButton : 'div'\"\n        v-if=\"collapsableItems\"\n        class=\"parameter-item-trigger\"\n        :class=\"{ 'parameter-item-trigger-open': open }\">\n        <div class=\"parameter-item-name min-w-0\">\n          <ScalarIconCaretRight\n            v-if=\"shouldCollapse\"\n            class=\"parameter-item-icon size-3 transition-transform duration-100\"\n            :class=\"{ 'rotate-90': open }\"\n            weight=\"bold\" />\n          <div>\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </div>\n        </div>\n        <ScalarMarkdownSummary\n          v-if=\"!open && parameter.description\"\n          v-model:truncated=\"truncated\"\n          class=\"parameter-item-description-summary min-w-0 flex-1\"\n          controlled\n          :value=\"parameter.description\" />\n        <div\n          v-else\n          class=\"flex-1\" />\n      </component>\n      <DisclosurePanel\n        class=\"parameter-item-container parameter-item-container-markdown\"\n        :static=\"!collapsableItems\">\n        <ScalarMarkdown\n          v-if=\"collapsableItems && parameter.description\"\n          class=\"parameter-item-description\"\n          :value=\"parameter.description\" />\n        <!-- Headers -->\n        <Headers\n          v-if=\"headers\"\n          :breadcrumb=\"breadcrumb\"\n          :eventBus=\"eventBus\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"breadcrumb\"\n          compact\n          :description=\"collapsableItems ? '' : parameter.description\"\n          :eventBus=\"eventBus\"\n          :hideWriteOnly=\"true\"\n          :modelName=\"schemaModelName\"\n          :name=\"collapsableItems ? '' : name\"\n          :noncollapsible=\"true\"\n          :options=\"{\n            hideWriteOnly: true,\n            orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n            orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          }\"\n          :required=\"'required' in parameter && parameter.required\"\n          :schema=\"value\" />\n      </DisclosurePanel>\n      <div\n        v-if=\"shouldCollapse && content\"\n        class=\"absolute top-[calc(10px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center text-base\"\n        :class=\"{\n          'opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100':\n            !open,\n        }\">\n        <div\n          class=\"from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent\" />\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"content\" />\n      </div>\n    </Disclosure>\n  </li>\n</template>\n\n<style scoped>\n.parameter-item {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item:last-of-type .parameter-schema {\n  padding-bottom: 0;\n}\n\n.parameter-item-container {\n  padding: 0;\n}\n\n.parameter-item-headers {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.parameter-item-name {\n  position: relative;\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  overflow-wrap: break-word;\n}\n\n.parameter-item-description,\n.parameter-item-description-summary {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n}\n\n.parameter-item-description-summary.parameter-item-description-summary > * {\n  --markdown-line-height: var(--scalar-line-height-5);\n}\n\n/* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */\n.parameter-item-trigger\n  ~ .parameter-item-container\n  :deep(.property--level-0 > .property-heading .property-detail-value) {\n  font-size: var(--scalar-micro);\n}\n\n.parameter-item-required-optional {\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  margin-right: 6px;\n  position: relative;\n}\n\n.parameter-item--required {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-orange);\n}\n\n.parameter-item-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n  line-height: 1.4;\n}\n\n.parameter-item-description :deep(p) {\n  margin-top: 4px;\n  font-size: var(--scalar-small);\n  color: var(--scalar-color-2);\n}\n\n.parameter-schema {\n  padding-bottom: 9px;\n  margin-top: 3px;\n}\n\n.parameter-item-trigger {\n  display: flex;\n  align-items: baseline;\n  line-height: var(--scalar-line-height-5);\n  gap: 6px;\n  flex-wrap: wrap;\n  padding: 10px 0;\n  outline: none;\n}\n\n.parameter-item-trigger-open {\n  padding-bottom: 0;\n}\n\n.parameter-item-icon {\n  color: var(--scalar-color-3);\n  left: -19px;\n  top: 0.5lh;\n  translate: 0 -50%;\n  position: absolute;\n}\n\n.parameter-item-trigger:hover .parameter-item-icon,\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  color: var(--scalar-color-1);\n}\n\n.parameter-item-trigger:focus-visible .parameter-item-icon {\n  outline: 1px solid var(--scalar-color-accent);\n  outline-offset: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":"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"}

package/dist/style.css

@@ -10373,22 +10373,22 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   transform: rotate(45deg);
 }
 
-.parameter-item[data-v-d8e5b2a3] {
+.parameter-item[data-v-ca54f4ef] {
   display: flex;
   flex-direction: column;
   position: relative;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item:last-of-type .parameter-schema[data-v-d8e5b2a3] {
+.parameter-item:last-of-type .parameter-schema[data-v-ca54f4ef] {
   padding-bottom: 0;
 }
-.parameter-item-container[data-v-d8e5b2a3] {
+.parameter-item-container[data-v-ca54f4ef] {
   padding: 0;
 }
-.parameter-item-headers[data-v-d8e5b2a3] {
+.parameter-item-headers[data-v-ca54f4ef] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item-name[data-v-d8e5b2a3] {
+.parameter-item-name[data-v-ca54f4ef] {
   position: relative;
   font-weight: var(--scalar-bold);
   font-size: var(--scalar-font-size-4);
@@ -10396,49 +10396,49 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   color: var(--scalar-color-1);
   overflow-wrap: break-word;
 }
-.parameter-item-description[data-v-d8e5b2a3],
-.parameter-item-description-summary[data-v-d8e5b2a3] {
+.parameter-item-description[data-v-ca54f4ef],
+.parameter-item-description-summary[data-v-ca54f4ef] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-2);
 }
-.parameter-item-description-summary.parameter-item-description-summary[data-v-d8e5b2a3] > * {
+.parameter-item-description-summary.parameter-item-description-summary[data-v-ca54f4ef] > * {
   --markdown-line-height: var(--scalar-line-height-5);
 }
 
 /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
 .parameter-item-trigger
-  ~ .parameter-item-container[data-v-d8e5b2a3]
+  ~ .parameter-item-container[data-v-ca54f4ef]
   .property--level-0 > .property-heading .property-detail-value {
   font-size: var(--scalar-micro);
 }
-.parameter-item-required-optional[data-v-d8e5b2a3] {
+.parameter-item-required-optional[data-v-ca54f4ef] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   margin-right: 6px;
   position: relative;
 }
-.parameter-item--required[data-v-d8e5b2a3] {
+.parameter-item--required[data-v-ca54f4ef] {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-orange);
 }
-.parameter-item-description[data-v-d8e5b2a3] {
+.parameter-item-description[data-v-ca54f4ef] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
   line-height: 1.4;
 }
-.parameter-item-description[data-v-d8e5b2a3] p {
+.parameter-item-description[data-v-ca54f4ef] p {
   margin-top: 4px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
 }
-.parameter-schema[data-v-d8e5b2a3] {
+.parameter-schema[data-v-ca54f4ef] {
   padding-bottom: 9px;
   margin-top: 3px;
 }
-.parameter-item-trigger[data-v-d8e5b2a3] {
+.parameter-item-trigger[data-v-ca54f4ef] {
   display: flex;
   align-items: baseline;
   line-height: var(--scalar-line-height-5);
@@ -10447,21 +10447,21 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   padding: 10px 0;
   outline: none;
 }
-.parameter-item-trigger-open[data-v-d8e5b2a3] {
+.parameter-item-trigger-open[data-v-ca54f4ef] {
   padding-bottom: 0;
 }
-.parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-icon[data-v-ca54f4ef] {
   color: var(--scalar-color-3);
   left: -19px;
   top: 0.5lh;
   translate: 0 -50%;
   position: absolute;
 }
-.parameter-item-trigger:hover .parameter-item-icon[data-v-d8e5b2a3],
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-trigger:hover .parameter-item-icon[data-v-ca54f4ef],
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-ca54f4ef] {
   color: var(--scalar-color-1);
 }
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-ca54f4ef] {
   outline: 1px solid var(--scalar-color-accent);
   outline-offset: 2px;
   border-radius: var(--scalar-radius);

package/dist/vue-styles.css

@@ -1577,22 +1577,22 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   transform: rotate(45deg);
 }
 
-.parameter-item[data-v-d8e5b2a3] {
+.parameter-item[data-v-ca54f4ef] {
   display: flex;
   flex-direction: column;
   position: relative;
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item:last-of-type .parameter-schema[data-v-d8e5b2a3] {
+.parameter-item:last-of-type .parameter-schema[data-v-ca54f4ef] {
   padding-bottom: 0;
 }
-.parameter-item-container[data-v-d8e5b2a3] {
+.parameter-item-container[data-v-ca54f4ef] {
   padding: 0;
 }
-.parameter-item-headers[data-v-d8e5b2a3] {
+.parameter-item-headers[data-v-ca54f4ef] {
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.parameter-item-name[data-v-d8e5b2a3] {
+.parameter-item-name[data-v-ca54f4ef] {
   position: relative;
   font-weight: var(--scalar-bold);
   font-size: var(--scalar-font-size-4);
@@ -1600,49 +1600,49 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   color: var(--scalar-color-1);
   overflow-wrap: break-word;
 }
-.parameter-item-description[data-v-d8e5b2a3],
-.parameter-item-description-summary[data-v-d8e5b2a3] {
+.parameter-item-description[data-v-ca54f4ef],
+.parameter-item-description-summary[data-v-ca54f4ef] {
   font-size: var(--scalar-mini);
   color: var(--scalar-color-2);
 }
-.parameter-item-description-summary.parameter-item-description-summary[data-v-d8e5b2a3] > * {
+.parameter-item-description-summary.parameter-item-description-summary[data-v-ca54f4ef] > * {
   --markdown-line-height: var(--scalar-line-height-5);
 }
 
 /* Match font size of markdown for property-detail-value since first child within accordian is displayed as if it were in the markdown section */
 .parameter-item-trigger
-  ~ .parameter-item-container[data-v-d8e5b2a3]
+  ~ .parameter-item-container[data-v-ca54f4ef]
   .property--level-0 > .property-heading .property-detail-value {
   font-size: var(--scalar-micro);
 }
-.parameter-item-required-optional[data-v-d8e5b2a3] {
+.parameter-item-required-optional[data-v-ca54f4ef] {
   color: var(--scalar-color-2);
   font-weight: var(--scalar-semibold);
   margin-right: 6px;
   position: relative;
 }
-.parameter-item--required[data-v-d8e5b2a3] {
+.parameter-item--required[data-v-ca54f4ef] {
   text-transform: uppercase;
   font-size: var(--scalar-micro);
   font-weight: var(--scalar-semibold);
   color: var(--scalar-color-orange);
 }
-.parameter-item-description[data-v-d8e5b2a3] {
+.parameter-item-description[data-v-ca54f4ef] {
   margin-top: 6px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
   line-height: 1.4;
 }
-.parameter-item-description[data-v-d8e5b2a3] p {
+.parameter-item-description[data-v-ca54f4ef] p {
   margin-top: 4px;
   font-size: var(--scalar-small);
   color: var(--scalar-color-2);
 }
-.parameter-schema[data-v-d8e5b2a3] {
+.parameter-schema[data-v-ca54f4ef] {
   padding-bottom: 9px;
   margin-top: 3px;
 }
-.parameter-item-trigger[data-v-d8e5b2a3] {
+.parameter-item-trigger[data-v-ca54f4ef] {
   display: flex;
   align-items: baseline;
   line-height: var(--scalar-line-height-5);
@@ -1651,21 +1651,21 @@ button.headers-card-title[data-v-c4fe6aa2]:hover {
   padding: 10px 0;
   outline: none;
 }
-.parameter-item-trigger-open[data-v-d8e5b2a3] {
+.parameter-item-trigger-open[data-v-ca54f4ef] {
   padding-bottom: 0;
 }
-.parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-icon[data-v-ca54f4ef] {
   color: var(--scalar-color-3);
   left: -19px;
   top: 0.5lh;
   translate: 0 -50%;
   position: absolute;
 }
-.parameter-item-trigger:hover .parameter-item-icon[data-v-d8e5b2a3],
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-trigger:hover .parameter-item-icon[data-v-ca54f4ef],
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-ca54f4ef] {
   color: var(--scalar-color-1);
 }
-.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-d8e5b2a3] {
+.parameter-item-trigger:focus-visible .parameter-item-icon[data-v-ca54f4ef] {
   outline: 1px solid var(--scalar-color-accent);
   outline-offset: 2px;
   border-radius: var(--scalar-radius);

package/package.json

@@ -20,7 +20,7 @@
     "vue",
     "vue3"
   ],
-  "version": "1.57.3",
+  "version": "1.57.5",
   "engines": {
     "node": ">=22"
   },
@@ -91,22 +91,22 @@
     "nanoid": "^5.1.6",
     "vue": "^3.5.30",
     "yaml": "^2.8.3",
-    "@scalar/agent-chat": "0.12.3",
-    "@scalar/api-client": "3.8.3",
+    "@scalar/agent-chat": "0.12.5",
+    "@scalar/api-client": "3.8.5",
+    "@scalar/code-highlight": "0.3.4",
+    "@scalar/helpers": "0.8.0",
     "@scalar/components": "0.26.0",
     "@scalar/icons": "0.7.2",
-    "@scalar/helpers": "0.8.0",
-    "@scalar/code-highlight": "0.3.4",
-    "@scalar/schemas": "0.3.0",
-    "@scalar/oas-utils": "0.17.1",
-    "@scalar/sidebar": "0.9.15",
-    "@scalar/snippetz": "0.9.9",
-    "@scalar/types": "0.12.0",
+    "@scalar/oas-utils": "0.17.3",
+    "@scalar/schemas": "0.3.2",
+    "@scalar/sidebar": "0.9.17",
+    "@scalar/themes": "0.15.5",
+    "@scalar/snippetz": "0.9.11",
     "@scalar/use-hooks": "0.4.6",
-    "@scalar/validation": "0.6.0",
-    "@scalar/workspace-store": "0.51.1",
+    "@scalar/types": "0.12.2",
     "@scalar/use-toasts": "0.10.2",
-    "@scalar/themes": "0.15.5"
+    "@scalar/validation": "0.6.0",
+    "@scalar/workspace-store": "0.52.0"
   },
   "devDependencies": {
     "@hono/node-server": "^1.19.10",
@@ -125,7 +125,7 @@
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-css-injected-by-js": "^5.0.0",
     "vitest": "4.1.0",
-    "@scalar/core": "0.5.10",
+    "@scalar/core": "0.5.12",
     "@scalar/galaxy": "0.6.4"
   },
   "scripts": {