@scalar/api-reference 1.64.0 → 1.65.0

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

@@ -1,15 +1,15 @@
 import { useLocalization } from "../../localization/use-localization.js";
 import ParameterList_default from "./ParameterList.vue.js";
 import { flattenDeepObjectQueryParameter } from "../helpers/flatten-deep-object-query-parameter.js";
-import { shouldIgnoreEntity } from "../helpers/should-ignore-entity.js";
 import RequestBody_default from "./RequestBody.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, toDisplayString, unref, useModel, withCtx } from "vue";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { isHidden } from "@scalar/workspace-store/helpers/is-hidden";
 //#region src/features/Operation/components/OperationParameters.vue?vue&type=script&setup=true&lang.ts
 /** Use a single loop to reduce parameters by type(in) */
-var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationParameters_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationParameters",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		breadcrumb: {},
 		parameters: { default: () => [] },
 		requestBody: {},
@@ -27,7 +27,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 		const selectedContentType = useModel(__props, "selectedContentType");
 		const splitParameters = computed(() => (__props.parameters ?? []).reduce((acc, p) => {
 			const parameter = getResolvedRef(p);
-			if (!shouldIgnoreEntity(parameter)) flattenDeepObjectQueryParameter(parameter).forEach((flattenedParameter) => {
+			if (!isHidden(parameter)) flattenDeepObjectQueryParameter(parameter).forEach((flattenedParameter) => {
 				acc[flattenedParameter.in].push(flattenedParameter);
 			});
 			return acc;

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

@@ -1 +1 @@
-{"version":3,"file":"OperationParameters.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  ParameterObject,\n  ReferenceType,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { flattenDeepObjectQueryParameter } from '@/features/Operation/helpers/flatten-deep-object-query-parameter'\nimport { shouldIgnoreEntity } from '@/features/Operation/helpers/should-ignore-entity'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterList from './ParameterList.vue'\nimport RequestBody from './RequestBody.vue'\n\nconst { parameters = [], requestBody } = defineProps<{\n  breadcrumb?: string[]\n  parameters?: ReferenceType<ParameterObject>[]\n  requestBody?: RequestBodyObject | undefined\n  eventBus: WorkspaceEventBus | null\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\nconst { translate } = useLocalization()\n\n/** Thread the selected request body content type up to the layout */\nconst selectedContentType = defineModel<string>('selectedContentType')\n\ntype ParameterLocation = 'cookie' | 'header' | 'path' | 'query'\n\n/** Use a single loop to reduce parameters by type(in) */\nconst splitParameters = computed(() =>\n  (parameters ?? []).reduce(\n    (acc, p) => {\n      const parameter = getResolvedRef(p)\n      // Filter out ignored parameters\n      if (!shouldIgnoreEntity(parameter)) {\n        const flattenedParameters = flattenDeepObjectQueryParameter(parameter)\n        flattenedParameters.forEach((flattenedParameter) => {\n          acc[flattenedParameter.in as ParameterLocation].push(\n            flattenedParameter,\n          )\n        })\n      }\n      return acc\n    },\n    { cookie: [], header: [], path: [], query: [] } as Record<\n      'cookie' | 'header' | 'path' | 'query',\n      ParameterObject[]\n    >,\n  ),\n)\n</script>\n<template>\n  <!-- Path parameters-->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'path'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['path']\">\n    <template #title>{{ translate('operation.pathParameters') }}</template>\n  </ParameterList>\n\n  <!-- Query parameters -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'query'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['query']\">\n    <template #title>{{ translate('operation.queryParameters') }}</template>\n  </ParameterList>\n\n  <!-- Headers -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['header']\">\n    <template #title>{{ translate('operation.headers') }}</template>\n  </ParameterList>\n\n  <!-- Cookies -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'cookies'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['cookie']\">\n    <template #title>{{ translate('operation.cookies') }}</template>\n  </ParameterList>\n\n  <!-- Request body -->\n  <RequestBody\n    v-if=\"requestBody\"\n    v-model:selectedContentType=\"selectedContentType\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'body'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :requestBody=\"requestBody\">\n    <template #title>{{ translate('operation.body') }}</template>\n  </RequestBody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,EAAE,cAAc,iBAAgB;;EAGtC,MAAM,sBAAsB,SAAmB,SAAC,sBAAqB;EAKrE,MAAM,kBAAkB,gBACrB,QAAA,cAAc,EAAE,EAAE,QAChB,KAAK,MAAM;GACV,MAAM,YAAY,eAAe,EAAC;AAElC,OAAI,CAAC,mBAAmB,UAAU,CACJ,iCAAgC,UAAS,CACjD,SAAS,uBAAuB;AAClD,QAAI,mBAAmB,IAAyB,KAC9C,mBACF;KACD;AAEH,UAAO;KAET;GAAE,QAAQ,EAAE;GAAE,QAAQ,EAAE;GAAE,MAAM,EAAE;GAAE,OAAO,EAAE;GAAE,CAIhD,CACH;;;IAIE,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,OAAA,GAAY,KAAA;KACnD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAA4C,CAAA,gBAAA,gBAAxC,MAAA,UAAS,CAAA,2BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,QAAA,GAAa,KAAA;KACpD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,UAAS,CAAA,4BAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;KACtD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAqC,CAAA,gBAAA,gBAAjC,MAAA,UAAS,CAAA,oBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;KACtD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAqC,CAAA,gBAAA,gBAAjC,MAAA,UAAS,CAAA,oBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAKvB,QAAA,eAAA,WAAA,EADR,YASc,qBAAA;;KAPJ,qBAAqB,oBAAA;+FAAmB,QAAA;KAC/C,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,OAAA,GAAY,KAAA;KACnD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,aAAa,QAAA;;KACH,OAAK,cAAkC,CAAA,gBAAA,gBAA9B,MAAA,UAAS,CAAA,iBAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"OperationParameters.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport { isHidden } from '@scalar/workspace-store/helpers/is-hidden'\nimport type {\n  OpenApiDocument,\n  ParameterObject,\n  ReferenceType,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport { flattenDeepObjectQueryParameter } from '@/features/Operation/helpers/flatten-deep-object-query-parameter'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterList from './ParameterList.vue'\nimport RequestBody from './RequestBody.vue'\n\nconst { parameters = [], requestBody } = defineProps<{\n  breadcrumb?: string[]\n  parameters?: ReferenceType<ParameterObject>[]\n  requestBody?: RequestBodyObject | undefined\n  eventBus: WorkspaceEventBus | null\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\nconst { translate } = useLocalization()\n\n/** Thread the selected request body content type up to the layout */\nconst selectedContentType = defineModel<string>('selectedContentType')\n\ntype ParameterLocation = 'cookie' | 'header' | 'path' | 'query'\n\n/** Use a single loop to reduce parameters by type(in) */\nconst splitParameters = computed(() =>\n  (parameters ?? []).reduce(\n    (acc, p) => {\n      const parameter = getResolvedRef(p)\n      // Filter out ignored parameters\n      if (!isHidden(parameter)) {\n        const flattenedParameters = flattenDeepObjectQueryParameter(parameter)\n        flattenedParameters.forEach((flattenedParameter) => {\n          acc[flattenedParameter.in as ParameterLocation].push(\n            flattenedParameter,\n          )\n        })\n      }\n      return acc\n    },\n    { cookie: [], header: [], path: [], query: [] } as Record<\n      'cookie' | 'header' | 'path' | 'query',\n      ParameterObject[]\n    >,\n  ),\n)\n</script>\n<template>\n  <!-- Path parameters-->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'path'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['path']\">\n    <template #title>{{ translate('operation.pathParameters') }}</template>\n  </ParameterList>\n\n  <!-- Query parameters -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'query'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['query']\">\n    <template #title>{{ translate('operation.queryParameters') }}</template>\n  </ParameterList>\n\n  <!-- Headers -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['header']\">\n    <template #title>{{ translate('operation.headers') }}</template>\n  </ParameterList>\n\n  <!-- Cookies -->\n  <ParameterList\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'cookies'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :parameters=\"splitParameters['cookie']\">\n    <template #title>{{ translate('operation.cookies') }}</template>\n  </ParameterList>\n\n  <!-- Request body -->\n  <RequestBody\n    v-if=\"requestBody\"\n    v-model:selectedContentType=\"selectedContentType\"\n    :breadcrumb=\"breadcrumb ? [...breadcrumb, 'body'] : undefined\"\n    :document=\"document\"\n    :eventBus=\"eventBus\"\n    :options=\"options\"\n    :requestBody=\"requestBody\">\n    <template #title>{{ translate('operation.body') }}</template>\n  </RequestBody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,EAAE,cAAc,gBAAgB;;EAGtC,MAAM,sBAAsB,SAAmB,SAAC,qBAAqB;EAKrE,MAAM,kBAAkB,gBACrB,QAAA,cAAc,CAAC,EAAA,CAAG,QAChB,KAAK,MAAM;GACV,MAAM,YAAY,eAAe,CAAC;GAElC,IAAI,CAAC,SAAS,SAAS,GAErB,gCAD4D,SAC5D,CAAA,CAAoB,SAAS,uBAAuB;IAClD,IAAI,mBAAmB,GAAwB,CAAC,KAC9C,kBACF;GACF,CAAC;GAEH,OAAO;EACT,GACA;GAAE,QAAQ,CAAC;GAAG,QAAQ,CAAC;GAAG,MAAM,CAAC;GAAG,OAAO,CAAC;EAAE,CAIhD,CACF;;;IAIE,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,MAAA,IAAY,KAAA;KACnD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAA4C,CAAA,gBAAA,gBAAxC,MAAA,SAAA,CAAS,CAAA,0BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,OAAA,IAAa,KAAA;KACpD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAA6C,CAAA,gBAAA,gBAAzC,MAAA,SAAA,CAAS,CAAA,2BAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,SAAA,IAAe,KAAA;KACtD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAqC,CAAA,gBAAA,gBAAjC,MAAA,SAAA,CAAS,CAAA,mBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;IAI/B,YAOgB,uBAAA;KANb,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,SAAA,IAAe,KAAA;KACtD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,YAAY,gBAAA,MAAe;;KACjB,OAAK,cAAqC,CAAA,gBAAA,gBAAjC,MAAA,SAAA,CAAS,CAAA,mBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;;;;;;IAKvB,QAAA,eAAA,UAAA,GADR,YASc,qBAAA;;KAPJ,qBAAqB,oBAAA;+FAAmB,QAAA;KAC/C,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,MAAA,IAAY,KAAA;KACnD,UAAU,QAAA;KACV,UAAU,QAAA;KACV,SAAS,QAAA;KACT,aAAa,QAAA;;KACH,OAAK,cAAkC,CAAA,gBAAA,gBAA9B,MAAA,SAAA,CAAS,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

@@ -9,7 +9,7 @@ var _hoisted_1 = {
 };
 var _hoisted_2 = { class: "text-c-1 mt-3 mb-3 leading-[1.45] font-medium" };
 var _hoisted_3 = ["aria-label"];
-var OperationResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationResponses_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationResponses",
 	props: {
 		responses: {},

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

@@ -1 +1 @@
-{"version":3,"file":"OperationResponses.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { responses } = defineProps<{\n  responses: OperationObject['responses']\n  breadcrumb?: string[]\n  collapsableItems?: boolean\n  eventBus: WorkspaceEventBus | null\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    v-if=\"Object.keys(responses ?? {}).length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 leading-[1.45] font-medium\">\n      {{ translate('operation.responses') }}\n    </div>\n    <ul\n      :aria-label=\"translate('operation.responses')\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"(response, status) in responses\"\n        :key=\"status\"\n        :breadcrumb=\"breadcrumb ? [...breadcrumb, 'responses'] : undefined\"\n        :collapsableItems\n        :document\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,EAAE,cAAc,iBAAgB;;UAI5B,OAAO,KAAK,QAAA,aAAS,EAAA,CAAA,CAAQ,UAAA,WAAA,EADrC,mBAoBM,OApBN,YAoBM,CAjBJ,mBAEM,OAFN,YAEM,gBADD,MAAA,UAAS,CAAA,sBAAA,CAAA,EAAA,EAAA,EAEd,mBAaK,MAAA;IAZF,cAAY,MAAA,UAAS,CAAA,sBAAA;IACtB,OAAM;yBACN,mBAS0C,UAAA,MAAA,WARX,QAAA,YAArB,UAAU,WAAM;wBAD1B,YAS0C,2BAAA;KAPvC,KAAK;KACL,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,YAAA,GAAiB,KAAA;KACxD,kBAAA,QAAA;KACA,UAAA,QAAA;KACA,UAAA,QAAA;KACA,MAAM;KACN,SAAA,QAAA;KACA,WAAW,MAAA,eAAc,CAAC,SAAQ"}
+{"version":3,"file":"OperationResponses.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  OperationObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { responses } = defineProps<{\n  responses: OperationObject['responses']\n  breadcrumb?: string[]\n  collapsableItems?: boolean\n  eventBus: WorkspaceEventBus | null\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <div\n    v-if=\"Object.keys(responses ?? {}).length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 leading-[1.45] font-medium\">\n      {{ translate('operation.responses') }}\n    </div>\n    <ul\n      :aria-label=\"translate('operation.responses')\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"(response, status) in responses\"\n        :key=\"status\"\n        :breadcrumb=\"breadcrumb ? [...breadcrumb, 'responses'] : undefined\"\n        :collapsableItems\n        :document\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,EAAE,cAAc,gBAAgB;;UAI5B,OAAO,KAAK,QAAA,aAAS,CAAA,CAAA,CAAA,CAAQ,UAAA,UAAA,GADrC,mBAoBM,OApBN,YAoBM,CAjBJ,mBAEM,OAFN,YAEM,gBADD,MAAA,SAAA,CAAS,CAAA,qBAAA,CAAA,GAAA,CAAA,GAEd,mBAaK,MAAA;IAZF,cAAY,MAAA,SAAA,CAAS,CAAA,qBAAA;IACtB,OAAM;yBACN,mBAS0C,UAAA,MAAA,WARX,QAAA,YAArB,UAAU,WAAM;wBAD1B,YAS0C,2BAAA;KAPvC,KAAK;KACL,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,WAAA,IAAiB,KAAA;KACxD,kBAAA,QAAA;KACA,UAAA,QAAA;KACA,UAAA,QAAA;KACA,MAAM;KACN,SAAA,QAAA;KACA,WAAW,MAAA,cAAA,CAAc,CAAC,QAAQ"}

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

@@ -11,7 +11,7 @@ var _hoisted_3 = {
 	key: 0,
 	class: "text-c-2 mb-2 text-sm"
 };
-var OperationScopes_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var OperationScopes_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "OperationScopes",
 	props: { requiredSecurity: {} },
 	setup(__props) {

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

@@ -1 +1 @@
-{"version":3,"file":"OperationScopes.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationScopes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport {\n  getRequiredScopeGroups,\n  type RequiredSecurity,\n} from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity } = defineProps<{\n  requiredSecurity: RequiredSecurity\n}>()\n\nconst { translate } = useLocalization()\n\n/**\n * Required OAuth scopes grouped by security alternative (OR). A single group is the\n * common case and renders as a plain list. Multiple groups are kept separate so that\n * mutually exclusive scope sets are not implied to be required all at once.\n */\nconst scopeGroups = computed(() => getRequiredScopeGroups(requiredSecurity))\n\n/**\n * Whether at least one security alternative is satisfied without any OAuth scopes\n * (for example an API key or HTTP bearer). Those alternatives carry no scopes, so they\n * are absent from `scopeGroups`, but their existence means the listed scopes are only\n * required for some auth paths — not mandatory for the operation.\n */\nconst hasScopeFreeAlternative = computed(() =>\n  requiredSecurity.requirements.some((group) =>\n    group.schemes.every((scheme) => scheme.scopes.length === 0),\n  ),\n)\n\n/**\n * Show the \"one of\" hint whenever the listed scopes are just one of several auth\n * alternatives — either multiple scoped groups, or a single scoped group alongside a\n * scope-free alternative. Without it, a lone scope list would read as mandatory.\n */\nconst showAlternativesHint = computed(\n  () =>\n    scopeGroups.value.length > 1 ||\n    (scopeGroups.value.length > 0 && hasScopeFreeAlternative.value),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"scopeGroups.length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      {{ translate('authentication.scopes') }}\n    </div>\n    <!-- Multiple alternatives (or a scope-free one): satisfying any single alternative is enough (OR). -->\n    <div\n      v-if=\"showAlternativesHint\"\n      class=\"text-c-2 mb-2 text-sm\">\n      {{ translate('authentication.oneOf') }}\n    </div>\n    <ul\n      v-for=\"(group, index) in scopeGroups\"\n      :key=\"index\"\n      class=\"mb-3 list-none p-0 text-sm\"\n      :class=\"{ 'mt-3 border-t pt-3': scopeGroups.length > 1 && index > 0 }\">\n      <li\n        v-for=\"scope in group\"\n        :key=\"scope\"\n        class=\"font-code text-c-2\">\n        {{ scope }}\n      </li>\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,MAAM,EAAE,cAAc,iBAAgB;;;;;;EAOtC,MAAM,cAAc,eAAe,uBAAuB,QAAA,iBAAiB,CAAA;;;;;;;EAQ3E,MAAM,0BAA0B,eAC9B,QAAA,iBAAiB,aAAa,MAAM,UAClC,MAAM,QAAQ,OAAO,WAAW,OAAO,OAAO,WAAW,EAAE,CAC5D,CACH;;;;;;EAOA,MAAM,uBAAuB,eAEzB,YAAY,MAAM,SAAS,KAC1B,YAAY,MAAM,SAAS,KAAK,wBAAwB,MAC7D;;UAKU,YAAA,MAAY,UAAA,WAAA,EADpB,mBAwBM,OAxBN,YAwBM;IArBJ,mBAEM,OAFN,YAEM,gBADD,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA;IAIN,qBAAA,SAAA,WAAA,EADR,mBAIM,OAJN,YAIM,gBADD,MAAA,UAAS,CAAA,uBAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;sBAEd,mBAWK,UAAA,MAAA,WAVsB,YAAA,QAAjB,OAAO,UAAK;yBADtB,mBAWK,MAAA;MATF,KAAK;MACN,OAAK,eAAA,CAAC,8BAA4B,EAAA,sBACF,YAAA,MAAY,SAAM,KAAQ,QAAK,GAAA,CAAA,CAAA;2BAC/D,mBAKK,UAAA,MAAA,WAJa,QAAT,UAAK;0BADd,mBAKK,MAAA;OAHF,KAAK;OACN,OAAM;yBACH,MAAK,EAAA,EAAA"}
+{"version":3,"file":"OperationScopes.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/OperationScopes.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useLocalization } from '@/features/localization'\nimport {\n  getRequiredScopeGroups,\n  type RequiredSecurity,\n} from '@/features/Operation/helpers/get-required-security'\n\nconst { requiredSecurity } = defineProps<{\n  requiredSecurity: RequiredSecurity\n}>()\n\nconst { translate } = useLocalization()\n\n/**\n * Required OAuth scopes grouped by security alternative (OR). A single group is the\n * common case and renders as a plain list. Multiple groups are kept separate so that\n * mutually exclusive scope sets are not implied to be required all at once.\n */\nconst scopeGroups = computed(() => getRequiredScopeGroups(requiredSecurity))\n\n/**\n * Whether at least one security alternative is satisfied without any OAuth scopes\n * (for example an API key or HTTP bearer). Those alternatives carry no scopes, so they\n * are absent from `scopeGroups`, but their existence means the listed scopes are only\n * required for some auth paths — not mandatory for the operation.\n */\nconst hasScopeFreeAlternative = computed(() =>\n  requiredSecurity.requirements.some((group) =>\n    group.schemes.every((scheme) => scheme.scopes.length === 0),\n  ),\n)\n\n/**\n * Show the \"one of\" hint whenever the listed scopes are just one of several auth\n * alternatives — either multiple scoped groups, or a single scoped group alongside a\n * scope-free alternative. Without it, a lone scope list would read as mandatory.\n */\nconst showAlternativesHint = computed(\n  () =>\n    scopeGroups.value.length > 1 ||\n    (scopeGroups.value.length > 0 && hasScopeFreeAlternative.value),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"scopeGroups.length\"\n    class=\"mt-6\">\n    <div class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      {{ translate('authentication.scopes') }}\n    </div>\n    <!-- Multiple alternatives (or a scope-free one): satisfying any single alternative is enough (OR). -->\n    <div\n      v-if=\"showAlternativesHint\"\n      class=\"text-c-2 mb-2 text-sm\">\n      {{ translate('authentication.oneOf') }}\n    </div>\n    <ul\n      v-for=\"(group, index) in scopeGroups\"\n      :key=\"index\"\n      class=\"mb-3 list-none p-0 text-sm\"\n      :class=\"{ 'mt-3 border-t pt-3': scopeGroups.length > 1 && index > 0 }\">\n      <li\n        v-for=\"scope in group\"\n        :key=\"scope\"\n        class=\"font-code text-c-2\">\n        {{ scope }}\n      </li>\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAaA,MAAM,EAAE,cAAc,gBAAgB;;;;;;EAOtC,MAAM,cAAc,eAAe,uBAAuB,QAAA,gBAAgB,CAAC;;;;;;;EAQ3E,MAAM,0BAA0B,eAC9B,QAAA,iBAAiB,aAAa,MAAM,UAClC,MAAM,QAAQ,OAAO,WAAW,OAAO,OAAO,WAAW,CAAC,CAC5D,CACF;;;;;;EAOA,MAAM,uBAAuB,eAEzB,YAAY,MAAM,SAAS,KAC1B,YAAY,MAAM,SAAS,KAAK,wBAAwB,KAC7D;;UAKU,YAAA,MAAY,UAAA,UAAA,GADpB,mBAwBM,OAxBN,YAwBM;IArBJ,mBAEM,OAFN,YAEM,gBADD,MAAA,SAAA,CAAS,CAAA,uBAAA,CAAA,GAAA,CAAA;IAIN,qBAAA,SAAA,UAAA,GADR,mBAIM,OAJN,YAIM,gBADD,MAAA,SAAA,CAAS,CAAA,sBAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;sBAEd,mBAWK,UAAA,MAAA,WAVsB,YAAA,QAAjB,OAAO,UAAK;yBADtB,mBAWK,MAAA;MATF,KAAK;MACN,OAAK,eAAA,CAAC,8BAA4B,EAAA,sBACF,YAAA,MAAY,SAAM,KAAQ,QAAK,EAAA,CAAA,CAAA;2BAC/D,mBAKK,UAAA,MAAA,WAJa,QAAT,UAAK;0BADd,mBAKK,MAAA;OAHF,KAAK;OACN,OAAM;yBACH,KAAK,GAAA,CAAA"}

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

@@ -7,7 +7,7 @@ var _hoisted_1 = {
 };
 var _hoisted_2 = ["id"];
 var _hoisted_3 = ["aria-labelledby"];
-var ParameterList_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ParameterList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ParameterList",
 	props: {
 		parameters: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterList.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  OpenApiDocument,\n  ParameterObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { parameters } = defineProps<{\n  parameters: ParameterObject[]\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\n\n/** Accessible id for the heading */\nconst id = useId()\n</script>\n<template>\n  <div\n    v-if=\"parameters?.length\"\n    class=\"mt-6\">\n    <div\n      :id\n      class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      <slot name=\"title\" />\n    </div>\n    <ul\n      :aria-labelledby=\"id\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"item in parameters\"\n        :key=\"item.name\"\n        :breadcrumb=\"breadcrumb\"\n        :collapsableItems\n        :document=\"document\"\n        :eventBus=\"eventBus\"\n        :name=\"item.name\"\n        :options=\"options\"\n        :parameter=\"item\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,KAAK,OAAM;;UAIP,QAAA,YAAY,UAAA,WAAA,EADpB,mBAsBM,OAtBN,YAsBM,CAnBJ,mBAIM,OAAA;IAHH,IAAA,MAAA,GAAE;IACH,OAAM;OACN,WAAqB,KAAA,QAAA,QAAA,CAAA,EAAA,GAAA,WAAA,EAEvB,mBAaK,MAAA;IAZF,mBAAiB,MAAA,GAAE;IACpB,OAAM;yBACN,mBASsB,UAAA,MAAA,WARL,QAAA,aAAR,SAAI;wBADb,YASsB,2BAAA;KAPnB,KAAK,KAAK;KACV,YAAY,QAAA;KACZ,kBAAA,QAAA;KACA,UAAU,QAAA;KACV,UAAU,QAAA;KACV,MAAM,KAAK;KACX,SAAS,QAAA;KACT,WAAW"}
+{"version":3,"file":"ParameterList.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/ParameterList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  OpenApiDocument,\n  ParameterObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { useId } from 'vue'\n\nimport type { OperationProps } from '@/features/Operation/Operation.vue'\n\nimport ParameterListItem from './ParameterListItem.vue'\n\nconst { parameters } = defineProps<{\n  parameters: ParameterObject[]\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  collapsableItems?: boolean\n  /** The document the operation belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: Pick<\n    OperationProps['options'],\n    | 'hideModels'\n    | 'orderRequiredPropertiesFirst'\n    | 'orderSchemaPropertiesBy'\n    | 'expandAllSchemaProperties'\n  >\n}>()\n\n/** Accessible id for the heading */\nconst id = useId()\n</script>\n<template>\n  <div\n    v-if=\"parameters?.length\"\n    class=\"mt-6\">\n    <div\n      :id\n      class=\"text-c-1 mt-3 mb-3 text-lg leading-[1.45] font-medium\">\n      <slot name=\"title\" />\n    </div>\n    <ul\n      :aria-labelledby=\"id\"\n      class=\"mb-3 list-none p-0 text-sm\">\n      <ParameterListItem\n        v-for=\"item in parameters\"\n        :key=\"item.name\"\n        :breadcrumb=\"breadcrumb\"\n        :collapsableItems\n        :document=\"document\"\n        :eventBus=\"eventBus\"\n        :name=\"item.name\"\n        :options=\"options\"\n        :parameter=\"item\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,KAAK,MAAM;;UAIP,QAAA,YAAY,UAAA,UAAA,GADpB,mBAsBM,OAtBN,YAsBM,CAnBJ,mBAIM,OAAA;IAHH,IAAA,MAAA,EAAA;IACD,OAAM;OACN,WAAqB,KAAA,QAAA,OAAA,CAAA,GAAA,GAAA,UAAA,GAEvB,mBAaK,MAAA;IAZF,mBAAiB,MAAA,EAAA;IAClB,OAAM;yBACN,mBASsB,UAAA,MAAA,WARL,QAAA,aAAR,SAAI;wBADb,YASsB,2BAAA;KAPnB,KAAK,KAAK;KACV,YAAY,QAAA;KACZ,kBAAA,QAAA;KACA,UAAU,QAAA;KACV,UAAU,QAAA;KACV,MAAM,KAAK;KACX,SAAS,QAAA;KACT,WAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"ParameterListItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"names":[],"mappings":"AA0WA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,cAAc,EAEf,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAOxE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,eAAe,GAAG,cAAc,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,IAAI,CACX,cAAc,CAAC,SAAS,CAAC,EACvB,YAAY,GACZ,8BAA8B,GAC9B,yBAAyB,GACzB,2BAA2B,CAC9B,CAAA;CACF,CAAC;AA0aJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ParameterListItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"names":[],"mappings":"AA4WA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,cAAc,EAEf,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAOxE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,eAAe,GAAG,cAAc,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,IAAI,CACX,cAAc,CAAC,SAAS,CAAC,EACvB,YAAY,GACZ,8BAA8B,GAC9B,yBAAyB,GACzB,2BAA2B,CAC9B,CAAA;CACF,CAAC;AA8aJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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-830e91ce"]]);
+var ParameterListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ParameterListItem_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-df03174a"]]);
 //#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  OpenApiDocument,\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'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems, breadcrumb, document } =\n  defineProps<{\n    parameter: ParameterObject | ResponseObject\n    name: string\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    collapsableItems?: boolean\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n    options: Pick<\n      OperationProps['options'],\n      | 'hideModels'\n      | 'orderRequiredPropertiesFirst'\n      | 'orderSchemaPropertiesBy'\n      | 'expandAllSchemaProperties'\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\n/**\n * The breadcrumb passed to the schema. Collapsible items (responses) render their\n * schema without a name to avoid a duplicate heading, so we push the item name\n * (e.g. the status code) onto the breadcrumb here to keep property anchors unique.\n */\nconst schemaBreadcrumb = computed<string[] | undefined>(() =>\n  collapsableItems && breadcrumb && name ? [...breadcrumb, name] : breadcrumb,\n)\n\n/**\n * Whether a deep link points at a property inside this collapsed item. When it\n * does, the disclosure opens on mount so a fresh navigation can render the target\n * and scroll it into view (mirrors how collapsible schema disclosures behave).\n */\nconst isOnScrollTargetPath = computed<boolean>(() => {\n  const path = schemaBreadcrumb.value?.join('.')\n  if (!path) {\n    return false\n  }\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure\n      v-slot=\"{ open }\"\n      :defaultOpen=\"isOnScrollTargetPath\">\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          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandAllSchemaProperties=\"options.expandAllSchemaProperties\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"schemaBreadcrumb\"\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            expandAllSchemaProperties: options.expandAllSchemaProperties,\n            document,\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":""}
+{"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  OpenApiDocument,\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'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems, breadcrumb, document } =\n  defineProps<{\n    parameter: ParameterObject | ResponseObject\n    name: string\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    collapsableItems?: boolean\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n    options: Pick<\n      OperationProps['options'],\n      | 'hideModels'\n      | 'orderRequiredPropertiesFirst'\n      | 'orderSchemaPropertiesBy'\n      | 'expandAllSchemaProperties'\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\n/**\n * The breadcrumb passed to the schema. Collapsible items (responses) render their\n * schema without a name to avoid a duplicate heading, so we push the item name\n * (e.g. the status code) onto the breadcrumb here to keep property anchors unique.\n */\nconst schemaBreadcrumb = computed<string[] | undefined>(() =>\n  collapsableItems && breadcrumb && name ? [...breadcrumb, name] : breadcrumb,\n)\n\n/**\n * Whether a deep link points at a property inside this collapsed item. When it\n * does, the disclosure opens on mount so a fresh navigation can render the target\n * and scroll it into view (mirrors how collapsible schema disclosures behave).\n */\nconst isOnScrollTargetPath = computed<boolean>(() => {\n  const path = schemaBreadcrumb.value?.join('.')\n  if (!path) {\n    return false\n  }\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure\n      v-slot=\"{ open }\"\n      :defaultOpen=\"isOnScrollTargetPath\">\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          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandAllSchemaProperties=\"options.expandAllSchemaProperties\"\n          :headers=\"headers\"\n          :hideModels=\"options.hideModels\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"schemaBreadcrumb\"\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            expandAllSchemaProperties: options.expandAllSchemaProperties,\n            hideModels: options.hideModels,\n            document,\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

@@ -17,7 +17,7 @@ var _hoisted_3 = {
 	key: 1,
 	class: "flex-1"
 };
-var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ParameterListItem",
 	props: {
 		parameter: {},
@@ -132,6 +132,7 @@ var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								eventBus: __props.eventBus,
 								expandAllSchemaProperties: __props.options.expandAllSchemaProperties,
 								headers: headers.value,
+								hideModels: __props.options.hideModels,
 								orderRequiredPropertiesFirst: __props.options.orderRequiredPropertiesFirst,
 								orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy
 							}, null, 8, [
@@ -140,6 +141,7 @@ var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 								"eventBus",
 								"expandAllSchemaProperties",
 								"headers",
+								"hideModels",
 								"orderRequiredPropertiesFirst",
 								"orderSchemaPropertiesBy"
 							])) : createCommentVNode("", true),
@@ -158,6 +160,7 @@ var ParameterListItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 									orderRequiredPropertiesFirst: __props.options.orderRequiredPropertiesFirst,
 									orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy,
 									expandAllSchemaProperties: __props.options.expandAllSchemaProperties,
+									hideModels: __props.options.hideModels,
 									document: __props.document
 								},
 								required: "required" in __props.parameter && __props.parameter.required,

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  OpenApiDocument,\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'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems, breadcrumb, document } =\n  defineProps<{\n    parameter: ParameterObject | ResponseObject\n    name: string\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    collapsableItems?: boolean\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n    options: Pick<\n      OperationProps['options'],\n      | 'hideModels'\n      | 'orderRequiredPropertiesFirst'\n      | 'orderSchemaPropertiesBy'\n      | 'expandAllSchemaProperties'\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\n/**\n * The breadcrumb passed to the schema. Collapsible items (responses) render their\n * schema without a name to avoid a duplicate heading, so we push the item name\n * (e.g. the status code) onto the breadcrumb here to keep property anchors unique.\n */\nconst schemaBreadcrumb = computed<string[] | undefined>(() =>\n  collapsableItems && breadcrumb && name ? [...breadcrumb, name] : breadcrumb,\n)\n\n/**\n * Whether a deep link points at a property inside this collapsed item. When it\n * does, the disclosure opens on mount so a fresh navigation can render the target\n * and scroll it into view (mirrors how collapsible schema disclosures behave).\n */\nconst isOnScrollTargetPath = computed<boolean>(() => {\n  const path = schemaBreadcrumb.value?.join('.')\n  if (!path) {\n    return false\n  }\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure\n      v-slot=\"{ open }\"\n      :defaultOpen=\"isOnScrollTargetPath\">\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          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandAllSchemaProperties=\"options.expandAllSchemaProperties\"\n          :headers=\"headers\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"schemaBreadcrumb\"\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            expandAllSchemaProperties: options.expandAllSchemaProperties,\n            document,\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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"}
+{"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  OpenApiDocument,\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'\nimport { scrollTargetId } from '@/helpers/lazy-bus'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\nimport Headers from './Headers.vue'\nimport { getParameterExamples } from './helpers/get-parameter-examples'\n\nconst { name, parameter, options, collapsableItems, breadcrumb, document } =\n  defineProps<{\n    parameter: ParameterObject | ResponseObject\n    name: string\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    collapsableItems?: boolean\n    /** The document the operation belongs to, used to resolve schema references for display */\n    document?: OpenApiDocument\n    options: Pick<\n      OperationProps['options'],\n      | 'hideModels'\n      | 'orderRequiredPropertiesFirst'\n      | 'orderSchemaPropertiesBy'\n      | 'expandAllSchemaProperties'\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\n/**\n * The breadcrumb passed to the schema. Collapsible items (responses) render their\n * schema without a name to avoid a duplicate heading, so we push the item name\n * (e.g. the status code) onto the breadcrumb here to keep property anchors unique.\n */\nconst schemaBreadcrumb = computed<string[] | undefined>(() =>\n  collapsableItems && breadcrumb && name ? [...breadcrumb, name] : breadcrumb,\n)\n\n/**\n * Whether a deep link points at a property inside this collapsed item. When it\n * does, the disclosure opens on mount so a fresh navigation can render the target\n * and scroll it into view (mirrors how collapsible schema disclosures behave).\n */\nconst isOnScrollTargetPath = computed<boolean>(() => {\n  const path = schemaBreadcrumb.value?.join('.')\n  if (!path) {\n    return false\n  }\n  const target = scrollTargetId.value\n  return target === path || target.startsWith(`${path}.`)\n})\n</script>\n<template>\n  <li class=\"parameter-item group/parameter-item\">\n    <Disclosure\n      v-slot=\"{ open }\"\n      :defaultOpen=\"isOnScrollTargetPath\">\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          :document=\"document\"\n          :eventBus=\"eventBus\"\n          :expandAllSchemaProperties=\"options.expandAllSchemaProperties\"\n          :headers=\"headers\"\n          :hideModels=\"options.hideModels\"\n          :orderRequiredPropertiesFirst=\"options.orderRequiredPropertiesFirst\"\n          :orderSchemaPropertiesBy=\"options.orderSchemaPropertiesBy\" />\n\n        <!-- Schema -->\n        <SchemaProperty\n          is=\"div\"\n          :breadcrumb=\"schemaBreadcrumb\"\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            expandAllSchemaProperties: options.expandAllSchemaProperties,\n            hideModels: options.hideModels,\n            document,\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/features/Operation/components/RequestBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/RequestBody.vue"],"names":[],"mappings":"AA4SA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAgBrE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE;QACP,4BAA4B,EAAE,OAAO,GAAG,SAAS,CAAA;QACjD,uBAAuB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;QACzD,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;QAC/B,yBAAyB,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/C,CAAA;CACF,CAAC;AA+GF,KAAK,gBAAgB,GAAG;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAuRxD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;;;;kFAGd,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":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/RequestBody.vue"],"names":[],"mappings":"AAwTA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAiBrE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE;QACP,4BAA4B,EAAE,OAAO,GAAG,SAAS,CAAA;QACjD,uBAAuB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;QACzD,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;QAC/B,yBAAyB,EAAE,OAAO,GAAG,SAAS,CAAA;KAC/C,CAAA;CACF,CAAC;AAuHF,KAAK,gBAAgB,GAAG;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA+RxD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK7C,QAAA,MAAM,UAAU;;;;kFAGd,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/features/Operation/components/RequestBody.vue.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\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 modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // A schema whose variants are inferred from a `discriminator.mapping` renders\n  // as a single variant selector, not a flat property list. Splitting it would\n  // duplicate that selector across the visible and collapsed blocks, so we keep\n  // it whole. See https://github.com/scalar/scalar/issues/7472\n  if (inferDiscriminatorMappingComposition(schema.value, document)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"RequestBody.vue.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isModelLinkable } from '@/components/Content/Schema/helpers/is-model-linkable'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\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 modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/** Whether the model name links to the models section, or renders as plain text. */\nconst modelLinkable = computed(() =>\n  isModelLinkable(modelLink.value?.schemaKey, {\n    hideModels: options.hideModels,\n    document,\n  }),\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // A schema whose variants are inferred from a `discriminator.mapping` renders\n  // as a single variant selector, not a flat property list. Splitting it would\n  // duplicate that selector across the visible and collapsed blocks, so we keep\n  // it whole. See https://github.com/scalar/scalar/issues/7472\n  if (inferDiscriminatorMappingComposition(schema.value, document)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey && modelLinkable\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":""}

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

@@ -4,6 +4,7 @@ import { isTypeObject } from "../../../components/Content/Schema/helpers/is-type
 import { getModelNameFromSchema } from "../../../components/Content/Schema/helpers/schema-name.js";
 import { reduceNamesToObject, sortPropertyNames } from "../../../components/Content/Schema/helpers/sort-property-names.js";
 import LinkButton_default from "../../../components/Content/Schema/LinkButton.vue.js";
+import { isModelLinkable } from "../../../components/Content/Schema/helpers/is-model-linkable.js";
 import Schema_default from "../../../components/Content/Schema/Schema.vue.js";
 import ContentTypeSelect_default from "./ContentTypeSelect.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, openBlock, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
@@ -36,9 +37,9 @@ var _hoisted_9 = {
 	class: "request-body-schema"
 };
 var MAX_VISIBLE_PROPERTIES = 12;
-var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var RequestBody_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "RequestBody",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		breadcrumb: {},
 		requestBody: {},
 		eventBus: {},
@@ -64,6 +65,11 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 		const schema = computed(() => getResolvedRef(rawSchema.value));
 		/** When the schema is a $ref, preserve its name so the UI can show the ref name instead of just the type. */
 		const modelLink = computed(() => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null);
+		/** Whether the model name links to the models section, or renders as plain text. */
+		const modelLinkable = computed(() => isModelLinkable(modelLink.value?.schemaKey, {
+			hideModels: __props.options.hideModels,
+			document: __props.document
+		}));
 		/**
 		* Splits schema properties into visible and collapsed sections when there are more than 12 properties.
 		* Returns null for schemas with fewer properties or non-object schemas.
@@ -105,7 +111,7 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 				class: "request-body",
 				role: "group"
 			}, [createElementVNode("div", _hoisted_2, [
-				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {}, void 0, true), modelLink.value ? (openBlock(), createElementBlock("span", _hoisted_4, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-c-3 mx-1.5" }, "·", -1)), __props.eventBus && modelLink.value.schemaKey ? (openBlock(), createBlock(LinkButton_default, {
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "title", {}, void 0, true), modelLink.value ? (openBlock(), createElementBlock("span", _hoisted_4, [_cache[2] || (_cache[2] = createElementVNode("span", { class: "text-c-3 mx-1.5" }, "·", -1)), __props.eventBus && modelLink.value.schemaKey && modelLinkable.value ? (openBlock(), createBlock(LinkButton_default, {
 					key: 0,
 					onClick: _cache[0] || (_cache[0] = ($event) => __props.eventBus.emit("scroll-to:model-by-name", { name: modelLink.value.schemaKey }))
 				}, {
@@ -130,6 +136,7 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					orderRequiredPropertiesFirst: __props.options.orderRequiredPropertiesFirst,
 					orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy,
 					expandAllSchemaProperties: __props.options.expandAllSchemaProperties,
+					hideModels: __props.options.hideModels,
 					document: __props.document
 				},
 				schema: partitionedSchema.value.visibleProperties,
@@ -153,6 +160,7 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					orderRequiredPropertiesFirst: __props.options.orderRequiredPropertiesFirst,
 					orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy,
 					expandAllSchemaProperties: __props.options.expandAllSchemaProperties,
+					hideModels: __props.options.hideModels,
 					document: __props.document
 				},
 				schema: partitionedSchema.value.collapsedProperties,
@@ -176,6 +184,7 @@ var RequestBody_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 					orderRequiredPropertiesFirst: __props.options.orderRequiredPropertiesFirst,
 					orderSchemaPropertiesBy: __props.options.orderSchemaPropertiesBy,
 					expandAllSchemaProperties: __props.options.expandAllSchemaProperties,
+					hideModels: __props.options.hideModels,
 					document: __props.document
 				},
 				schema: schema.value,

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

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\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 modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // A schema whose variants are inferred from a `discriminator.mapping` renders\n  // as a single variant selector, not a flat property list. Splitting it would\n  // duplicate that selector across the visible and collapsed blocks, so we keep\n  // it whole. See https://github.com/scalar/scalar/issues/7472\n  if (inferDiscriminatorMappingComposition(schema.value, document)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"RequestBody.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/RequestBody.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  OpenApiDocument,\n  RequestBodyObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport { Schema } from '@/components/Content/Schema'\nimport { inferDiscriminatorMappingComposition } from '@/components/Content/Schema/helpers/get-compositions-to-render'\nimport { isModelLinkable } from '@/components/Content/Schema/helpers/is-model-linkable'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { getModelNameFromSchema } from '@/components/Content/Schema/helpers/schema-name'\nimport {\n  reduceNamesToObject,\n  sortPropertyNames,\n} from '@/components/Content/Schema/helpers/sort-property-names'\nimport LinkButton from '@/components/Content/Schema/LinkButton.vue'\nimport { useLocalization } from '@/features/localization'\n\nimport ContentTypeSelect from './ContentTypeSelect.vue'\n\nconst { requestBody, options, document } = defineProps<{\n  breadcrumb?: string[]\n  requestBody?: RequestBodyObject\n  eventBus: WorkspaceEventBus | null\n  /** The document the request body belongs to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  options: {\n    orderRequiredPropertiesFirst: boolean | undefined\n    orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n    hideModels: boolean | undefined\n    expandAllSchemaProperties: boolean | undefined\n  }\n}>()\nconst { translate } = useLocalization()\n\n/**\n * The maximum number of properties to show in the request body schema.\n */\nconst MAX_VISIBLE_PROPERTIES = 12\n\nconst availableContentTypes = computed(() =>\n  Object.keys(requestBody?.content ?? {}),\n)\n\nconst selectedContentType = defineModel<string>('selectedContentType', {\n  default: 'application/json',\n})\n\nif (requestBody?.content) {\n  if (availableContentTypes.value[0]) {\n    selectedContentType.value = availableContentTypes.value[0]\n  }\n}\n\n/** Raw schema (possibly with $ref) for the selected content type */\nconst rawSchema = computed(\n  () => requestBody?.content?.[selectedContentType.value]?.schema,\n)\n\nconst schema = computed(() => getResolvedRef(rawSchema.value))\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 modelLink = computed(\n  () => (rawSchema.value && getModelNameFromSchema(rawSchema.value)) ?? null,\n)\n\n/** Whether the model name links to the models section, or renders as plain text. */\nconst modelLinkable = computed(() =>\n  isModelLinkable(modelLink.value?.schemaKey, {\n    hideModels: options.hideModels,\n    document,\n  }),\n)\n\n/**\n * Splits schema properties into visible and collapsed sections when there are more than 12 properties.\n * Returns null for schemas with fewer properties or non-object schemas.\n */\nconst partitionedSchema = computed(() => {\n  // Early return if not an object schema\n  if (!schema.value || !isTypeObject(schema.value)) {\n    return null\n  }\n\n  // A schema whose variants are inferred from a `discriminator.mapping` renders\n  // as a single variant selector, not a flat property list. Splitting it would\n  // duplicate that selector across the visible and collapsed blocks, so we keep\n  // it whole. See https://github.com/scalar/scalar/issues/7472\n  if (inferDiscriminatorMappingComposition(schema.value, document)) {\n    return null\n  }\n\n  // Lets sort the names first\n  const sortedNames = sortPropertyNames(\n    schema.value,\n    schema.value.discriminator,\n    {\n      hideReadOnly: true,\n      orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n      orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n    },\n  )\n\n  if (sortedNames.length <= MAX_VISIBLE_PROPERTIES) {\n    return null\n  }\n\n  // Destructure everything except properties\n  const { properties, ...schemaMetadata } = schema.value\n  if (!properties) {\n    return null\n  }\n\n  return {\n    visibleProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(0, MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n    collapsedProperties: {\n      ...schemaMetadata,\n      properties: reduceNamesToObject(\n        sortedNames.slice(MAX_VISIBLE_PROPERTIES),\n        properties,\n      ),\n    },\n  }\n})\n\n/**\n * We don't want to render the request body if its completely empty\n * @example\n * {\n *   \"content\": {},\n * }\n */\nconst shouldRenderRequestBody = computed(\n  () =>\n    Object.keys(requestBody?.content ?? {}).length > 0 ||\n    requestBody?.description ||\n    requestBody?.required,\n)\n</script>\n<template>\n  <div\n    v-if=\"requestBody && shouldRenderRequestBody\"\n    :aria-label=\"translate('operation.requestBody')\"\n    class=\"request-body\"\n    role=\"group\">\n    <div class=\"request-body-header\">\n      <div class=\"request-body-title\">\n        <slot name=\"title\" />\n        <span\n          v-if=\"modelLink\"\n          class=\"text-c-2 text-xs leading-none font-normal\"\n          data-testid=\"request-body-schema-name\">\n          <span class=\"text-c-3 mx-1.5\">·</span>\n          <LinkButton\n            v-if=\"eventBus && modelLink.schemaKey && modelLinkable\"\n            @click=\"\n              eventBus.emit('scroll-to:model-by-name', {\n                name: modelLink.schemaKey,\n              })\n            \">\n            {{ modelLink.label }}\n          </LinkButton>\n          <template v-else>{{ modelLink.label }}</template>\n        </span>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <div\n          v-if=\"requestBody.required\"\n          class=\"request-body-required\">\n          {{ translate('common.required') }}\n        </div>\n        <ContentTypeSelect\n          v-model=\"selectedContentType\"\n          :content=\"requestBody.content\" />\n      </div>\n      <div\n        v-if=\"requestBody.description\"\n        class=\"request-body-description\">\n        <ScalarMarkdown :value=\"requestBody.description\" />\n      </div>\n    </div>\n\n    <!-- For over 12 properties we want to show 12 and collapse the rest -->\n    <div\n      v-if=\"partitionedSchema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"partitionedSchema.visibleProperties\"\n        schemaContext=\"requestBody\" />\n\n      <Schema\n        additionalProperties\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        hideDescription\n        :name=\"translate('operation.requestBody')\"\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"partitionedSchema.collapsedProperties\"\n        schemaContext=\"requestBody\" />\n    </div>\n\n    <!-- Show em all 12 and under -->\n    <div\n      v-else-if=\"schema\"\n      class=\"request-body-schema\">\n      <Schema\n        :breadcrumb\n        compact\n        :compositionPath=\"['requestBody']\"\n        :eventBus=\"eventBus\"\n        :hideReadOnly=\"true\"\n        :name=\"translate('operation.requestBody')\"\n        noncollapsible\n        :options=\"{\n          hideReadOnly: true,\n          orderRequiredPropertiesFirst: options.orderRequiredPropertiesFirst,\n          orderSchemaPropertiesBy: options.orderSchemaPropertiesBy,\n          expandAllSchemaProperties: options.expandAllSchemaProperties,\n          hideModels: options.hideModels,\n          document,\n        }\"\n        :schema=\"schema\"\n        schemaContext=\"requestBody\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.request-body {\n  margin-top: 24px;\n}\n.request-body-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 12px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  flex-flow: wrap;\n}\n.request-body-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: var(--scalar-font-size-2);\n  font-weight: var(--scalar-semibold);\n  color: var(--scalar-color-1);\n}\n.request-body-required {\n  font-size: var(--scalar-micro);\n  color: var(--scalar-color-orange);\n  font-weight: normal;\n  border-radius: 16px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 2px 8px;\n  height: 20px;\n}\n.request-body-description {\n  margin-top: 6px;\n  font-size: var(--scalar-small);\n  width: 100%;\n}\n\n.request-body-header\n  + .request-body-schema:has(> .schema-card > .schema-card-description),\n.request-body-header\n  + .request-body-schema:has(\n    > .schema-card > .schema-properties > * > .property--level-0\n  ) {\n  /** Add a bit of space between the heading border and the schema description or properties */\n  padding-top: 8px;\n}\n.request-body-description :deep(.markdown) * {\n  color: var(--scalar-color-2) !important;\n}\n</style>\n"],"mappings":"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"}

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

@@ -21,7 +21,7 @@ var _hoisted_7 = {
 	key: 1,
 	class: "contents"
 };
-var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+var SecurityRequirementBadge_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "SecurityRequirementBadge",
 	props: {
 		requiredSecurity: {},