@scalar/api-reference 1.60.0 → 1.62.0

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

@@ -1,4 +1,4 @@
-import type { ClientOptionGroup } from '@scalar/api-client/blocks/operation-code-sample';
+import type { ClientOptionGroup } from '@scalar/blocks/code-example';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
@@ -34,6 +34,8 @@ export type OperationProps = {
     isWebhook: boolean;
     /** The currently selected client for the document */
     selectedClient: WorkspaceStore['workspace']['x-scalar-default-client'];
+    /** The currently selected example key, shared across operations for in-sync example pickers */
+    selectedExample: WorkspaceStore['workspace']['x-scalar-default-example'];
     /** The event bus */
     eventBus: WorkspaceEventBus;
     /** The auth store */

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { filterSelectedSecurity } from "./helpers/filter-selected-security.js";
-import { getFirstServer } from "./helpers/get-first-server.js";
 import { getRequiredSecurity } from "./helpers/get-required-security.js";
 import ClassicLayout_default from "./layouts/ClassicLayout.vue.js";
 import ModernLayout_default from "./layouts/ModernLayout.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock } from "vue";
 import { combineParams } from "@scalar/workspace-store/request-example";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getFirstServer } from "@scalar/workspace-store/helpers/get-first-server";
 var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "Operation",
 	props: {
@@ -21,6 +21,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		isCollapsed: { type: Boolean },
 		isWebhook: { type: Boolean },
 		selectedClient: {},
+		selectedExample: {},
 		eventBus: {},
 		authStore: {}
 	},
@@ -69,6 +70,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				path: __props.path,
 				requiredSecurity: requiredSecurity.value,
 				selectedClient: __props.selectedClient,
+				selectedExample: __props.selectedExample,
 				selectedSecuritySchemes: selectedSecuritySchemes.value,
 				selectedServer: selectedServer.value
 			}, null, 8, [
@@ -84,6 +86,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"path",
 				"requiredSecurity",
 				"selectedClient",
+				"selectedExample",
 				"selectedSecuritySchemes",
 				"selectedServer"
 			])) : (openBlock(), createBlock(ModernLayout_default, {
@@ -99,6 +102,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				path: __props.path,
 				requiredSecurity: requiredSecurity.value,
 				selectedClient: __props.selectedClient,
+				selectedExample: __props.selectedExample,
 				selectedSecuritySchemes: selectedSecuritySchemes.value,
 				selectedServer: selectedServer.value
 			}, null, 8, [
@@ -113,6 +117,7 @@ var Operation_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"path",
 				"requiredSecurity",
 				"selectedClient",
+				"selectedExample",
 				"selectedSecuritySchemes",
 				"selectedServer"
 			]))], 64)) : createCommentVNode("", true);

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AAwFA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAAA;CACrD,CAAC;AAwCF,KAAK,gBAAgB,GAAG;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAsIxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAMnG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAAA;CACrD,CAAC;AAyCF,KAAK,gBAAgB,GAAG;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAwIxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeSelect.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst { content } = defineProps<{\n  content: Record<string, MediaTypeObject> | undefined\n}>()\n\n/** The selected content type with two-way binding */\nconst selectedContentType = defineModel<string>({ required: true })\n\ndefineOptions({ inheritAttrs: false })\n\nconst contentTypes = computed(() => Object.keys(content ?? {}))\n\nconst selectedOption = computed({\n  get: () =>\n    options.value.find((option) => option.id === selectedContentType.value),\n  set: (option) => {\n    if (option) {\n      selectedContentType.value = option.id\n    }\n  },\n})\n\nconst options = computed(() => {\n  return contentTypes.value.map((type) => ({\n    id: type,\n    label: type,\n  }))\n})\n\n// Content type select style variant based on dropdown availability\nconst contentTypeSelect = cva({\n  base: 'font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border',\n  variants: {\n    dropdown: {\n      true: 'hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer',\n      false: 'px-2',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"contentTypes.length > 1\"\n    v-slot=\"{ open }\"\n    v-model=\"selectedOption\"\n    :options=\"options\"\n    placement=\"bottom-end\"\n    teleport\n    @click.stop>\n    <ScalarButton\n      class=\"h-fit\"\n      :class=\"contentTypeSelect({ dropdown: true })\"\n      variant=\"ghost\"\n      v-bind=\"$attrs\"\n      @click.stop>\n      <ScreenReader>Selected Content Type:</ScreenReader>\n      <span>{{ selectedContentType }}</span>\n      <ScalarIconCaretDown\n        class=\"size-2.75 transition-transform duration-100\"\n        :class=\"{ 'rotate-180': open }\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"selected-content-type\"\n    :class=\"contentTypeSelect({ dropdown: false })\"\n    v-bind=\"$attrs\"\n    tabindex=\"0\">\n    <span>{{ selectedContentType }}</span>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ContentTypeSelect.vue.js","names":[],"sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst { content } = defineProps<{\n  content: Record<string, MediaTypeObject> | undefined\n}>()\nconst { translate } = useLocalization()\n\n/** The selected content type with two-way binding */\nconst selectedContentType = defineModel<string>({ required: true })\n\ndefineOptions({ inheritAttrs: false })\n\nconst contentTypes = computed(() => Object.keys(content ?? {}))\n\nconst selectedOption = computed({\n  get: () =>\n    options.value.find((option) => option.id === selectedContentType.value),\n  set: (option) => {\n    if (option) {\n      selectedContentType.value = option.id\n    }\n  },\n})\n\nconst options = computed(() => {\n  return contentTypes.value.map((type) => ({\n    id: type,\n    label: type,\n  }))\n})\n\n// Content type select style variant based on dropdown availability\nconst contentTypeSelect = cva({\n  base: 'font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border',\n  variants: {\n    dropdown: {\n      true: 'hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer',\n      false: 'px-2',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"contentTypes.length > 1\"\n    v-slot=\"{ open }\"\n    v-model=\"selectedOption\"\n    :options=\"options\"\n    placement=\"bottom-end\"\n    teleport\n    @click.stop>\n    <ScalarButton\n      class=\"h-fit\"\n      :class=\"contentTypeSelect({ dropdown: true })\"\n      variant=\"ghost\"\n      v-bind=\"$attrs\"\n      @click.stop>\n      <ScreenReader>\n        {{ translate('operation.selectedContentType') }}:\n      </ScreenReader>\n      <span>{{ selectedContentType }}</span>\n      <ScalarIconCaretDown\n        class=\"size-2.75 transition-transform duration-100\"\n        :class=\"{ 'rotate-180': open }\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"selected-content-type\"\n    :class=\"contentTypeSelect({ dropdown: false })\"\n    v-bind=\"$attrs\"\n    tabindex=\"0\">\n    <span>{{ selectedContentType }}</span>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,8 +1,9 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import ScreenReader_default from "../../../components/ScreenReader.vue.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { ScalarListbox } from "@scalar/components/listbox";
 import { ScalarIconCaretDown } from "@scalar/icons";
 import { ScalarButton } from "@scalar/components/button";
-import { ScalarListbox } from "@scalar/components/listbox";
 import { cva } from "@scalar/use-hooks/useBindCx";
 //#region src/features/Operation/components/ContentTypeSelect.vue?vue&type=script&setup=true&lang.ts
 var ContentTypeSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -14,6 +15,7 @@ var ContentTypeSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
+		const { translate } = useLocalization();
 		/** The selected content type with two-way binding */
 		const selectedContentType = useModel(__props, "modelValue");
 		const contentTypes = computed(() => Object.keys(__props.content ?? {}));
@@ -52,7 +54,7 @@ var ContentTypeSelect_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				}, _ctx.$attrs, { onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])) }), {
 					default: withCtx(() => [
 						createVNode(ScreenReader_default, null, {
-							default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Selected Content Type:", -1)])]),
+							default: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.selectedContentType")) + ": ", 1)]),
 							_: 1
 						}),
 						createElementVNode("span", null, toDisplayString(selectedContentType.value), 1),

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeSelect.vue.script.js","names":["$attrs"],"sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nconst { content } = defineProps<{\n  content: Record<string, MediaTypeObject> | undefined\n}>()\n\n/** The selected content type with two-way binding */\nconst selectedContentType = defineModel<string>({ required: true })\n\ndefineOptions({ inheritAttrs: false })\n\nconst contentTypes = computed(() => Object.keys(content ?? {}))\n\nconst selectedOption = computed({\n  get: () =>\n    options.value.find((option) => option.id === selectedContentType.value),\n  set: (option) => {\n    if (option) {\n      selectedContentType.value = option.id\n    }\n  },\n})\n\nconst options = computed(() => {\n  return contentTypes.value.map((type) => ({\n    id: type,\n    label: type,\n  }))\n})\n\n// Content type select style variant based on dropdown availability\nconst contentTypeSelect = cva({\n  base: 'font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border',\n  variants: {\n    dropdown: {\n      true: 'hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer',\n      false: 'px-2',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"contentTypes.length > 1\"\n    v-slot=\"{ open }\"\n    v-model=\"selectedOption\"\n    :options=\"options\"\n    placement=\"bottom-end\"\n    teleport\n    @click.stop>\n    <ScalarButton\n      class=\"h-fit\"\n      :class=\"contentTypeSelect({ dropdown: true })\"\n      variant=\"ghost\"\n      v-bind=\"$attrs\"\n      @click.stop>\n      <ScreenReader>Selected Content Type:</ScreenReader>\n      <span>{{ selectedContentType }}</span>\n      <ScalarIconCaretDown\n        class=\"size-2.75 transition-transform duration-100\"\n        :class=\"{ 'rotate-180': open }\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"selected-content-type\"\n    :class=\"contentTypeSelect({ dropdown: false })\"\n    v-bind=\"$attrs\"\n    tabindex=\"0\">\n    <span>{{ selectedContentType }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,MAAM,sBAAsB,SAAmB,SAAA,aAAmB;EAIlE,MAAM,eAAe,eAAe,OAAO,KAAK,QAAA,WAAW,EAAE,CAAC,CAAA;EAE9D,MAAM,iBAAiB,SAAS;GAC9B,WACE,QAAQ,MAAM,MAAM,WAAW,OAAO,OAAO,oBAAoB,MAAM;GACzE,MAAM,WAAW;AACf,QAAI,OACF,qBAAoB,QAAQ,OAAO;;GAGxC,CAAA;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,aAAa,MAAM,KAAK,UAAU;IACvC,IAAI;IACJ,OAAO;IACR,EAAC;IACH;EAGD,MAAM,oBAAoB,IAAI;GAC5B,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;;UAIS,aAAA,MAAa,SAAM,KAAA,WAAA,EAD3B,YAqBgB,MAAA,cAAA,EAAA;;gBAlBL,eAAA;gFAAc,QAAA;IACtB,SAAS,QAAA;IACV,WAAU;IACV,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;sBAaI,EAlBL,WAAI,CAMd,YAYe,MAAA,aAAA,EAZf,WAYe;KAXb,OAAK,CAAC,SACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,MAAA,CAAA,CAAA;KACzB,SAAQ;OACAA,KAAAA,QAAM,EACb,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA,GAAA,CAAA,EAAA;4BACwC;MAAnD,YAAmD,sBAAA,MAAA;8BAAf,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAtB,0BAAsB,GAAA,CAAA,EAAA,CAAA;;;MACpC,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA;MAC5B,YAGkB,MAAA,oBAAA,EAAA;OAFhB,OAAK,eAAA,CAAC,+CAA6C,EAAA,cAC3B,MAAI,CAAA,CAAA;OAC5B,QAAO;;;;;;qDAGb,mBAOM,OAPN,WAOM;;IALJ,OAAK,CAAC,yBACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,OAAA,CAAA,CAAA;MACjBA,KAAAA,QAAM,EACd,UAAS,KAAG,CAAA,EAAA,CACZ,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"ContentTypeSelect.vue.script.js","names":["$attrs"],"sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarListbox } from '@scalar/components/listbox'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport { cva } from '@scalar/use-hooks/useBindCx'\nimport type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport ScreenReader from '@/components/ScreenReader.vue'\nimport { useLocalization } from '@/features/localization'\n\nconst { content } = defineProps<{\n  content: Record<string, MediaTypeObject> | undefined\n}>()\nconst { translate } = useLocalization()\n\n/** The selected content type with two-way binding */\nconst selectedContentType = defineModel<string>({ required: true })\n\ndefineOptions({ inheritAttrs: false })\n\nconst contentTypes = computed(() => Object.keys(content ?? {}))\n\nconst selectedOption = computed({\n  get: () =>\n    options.value.find((option) => option.id === selectedContentType.value),\n  set: (option) => {\n    if (option) {\n      selectedContentType.value = option.id\n    }\n  },\n})\n\nconst options = computed(() => {\n  return contentTypes.value.map((type) => ({\n    id: type,\n    label: type,\n  }))\n})\n\n// Content type select style variant based on dropdown availability\nconst contentTypeSelect = cva({\n  base: 'font-normal text-c-2 bg-b-1 py-1 flex items-center gap-1 rounded-full text-xs leading-none border',\n  variants: {\n    dropdown: {\n      true: 'hover:text-c-1 pl-2 pr-1.5 font-medium cursor-pointer',\n      false: 'px-2',\n    },\n  },\n})\n</script>\n<template>\n  <ScalarListbox\n    v-if=\"contentTypes.length > 1\"\n    v-slot=\"{ open }\"\n    v-model=\"selectedOption\"\n    :options=\"options\"\n    placement=\"bottom-end\"\n    teleport\n    @click.stop>\n    <ScalarButton\n      class=\"h-fit\"\n      :class=\"contentTypeSelect({ dropdown: true })\"\n      variant=\"ghost\"\n      v-bind=\"$attrs\"\n      @click.stop>\n      <ScreenReader>\n        {{ translate('operation.selectedContentType') }}:\n      </ScreenReader>\n      <span>{{ selectedContentType }}</span>\n      <ScalarIconCaretDown\n        class=\"size-2.75 transition-transform duration-100\"\n        :class=\"{ 'rotate-180': open }\"\n        weight=\"bold\" />\n    </ScalarButton>\n  </ScalarListbox>\n  <div\n    v-else\n    class=\"selected-content-type\"\n    :class=\"contentTypeSelect({ dropdown: false })\"\n    v-bind=\"$attrs\"\n    tabindex=\"0\">\n    <span>{{ selectedContentType }}</span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAcA,MAAM,EAAE,cAAc,iBAAgB;;EAGtC,MAAM,sBAAsB,SAAmB,SAAA,aAAmB;EAIlE,MAAM,eAAe,eAAe,OAAO,KAAK,QAAA,WAAW,EAAE,CAAC,CAAA;EAE9D,MAAM,iBAAiB,SAAS;GAC9B,WACE,QAAQ,MAAM,MAAM,WAAW,OAAO,OAAO,oBAAoB,MAAM;GACzE,MAAM,WAAW;AACf,QAAI,OACF,qBAAoB,QAAQ,OAAO;;GAGxC,CAAA;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,aAAa,MAAM,KAAK,UAAU;IACvC,IAAI;IACJ,OAAO;IACR,EAAC;IACH;EAGD,MAAM,oBAAoB,IAAI;GAC5B,MAAM;GACN,UAAU,EACR,UAAU;IACR,MAAM;IACN,OAAO;IACR,EACF;GACF,CAAA;;UAIS,aAAA,MAAa,SAAM,KAAA,WAAA,EAD3B,YAuBgB,MAAA,cAAA,EAAA;;gBApBL,eAAA;gFAAc,QAAA;IACtB,SAAS,QAAA;IACV,WAAU;IACV,UAAA;IACC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;sBAeI,EApBL,WAAI,CAMd,YAce,MAAA,aAAA,EAdf,WAce;KAbb,OAAK,CAAC,SACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,MAAA,CAAA,CAAA;KACzB,SAAQ;OACAA,KAAAA,QAAM,EACb,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA,GAAA,CAAA,EAAA;4BAGI;MAFf,YAEe,sBAAA,MAAA;8BADmC,CAAA,gBAAA,gBAA7C,MAAA,UAAS,CAAA,gCAAA,CAAA,GAAoC,MAClD,EAAA,CAAA,CAAA;;;MACA,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA;MAC5B,YAGkB,MAAA,oBAAA,EAAA;OAFhB,OAAK,eAAA,CAAC,+CAA6C,EAAA,cAC3B,MAAI,CAAA,CAAA;OAC5B,QAAO;;;;;;qDAGb,mBAOM,OAPN,WAOM;;IALJ,OAAK,CAAC,yBACE,MAAA,kBAAiB,CAAA,EAAA,UAAA,OAAA,CAAA,CAAA;MACjBA,KAAAA,QAAM,EACd,UAAS,KAAG,CAAA,EAAA,CACZ,mBAAsC,QAAA,MAAA,gBAA7B,oBAAA,MAAmB,EAAA,EAAA,CAAA,EAAA,GAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Headers.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/Headers.vue"],"names":[],"mappings":"AAsIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAIrE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,4BAA4B,EAAE,OAAO,GAAG,SAAS,CAAA;IACjD,uBAAuB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;IACzD,yBAAyB,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/C,CAAC;AA+JF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Headers.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/Headers.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,YAAY,EACZ,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAMrE,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,4BAA4B,EAAE,OAAO,GAAG,SAAS,CAAA;IACjD,uBAAuB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;IACzD,yBAAyB,EAAE,OAAO,GAAG,SAAS,CAAA;CAC/C,CAAC;AAqKF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Headers.vue.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  HeaderObject,\n  OpenApiDocument,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  /** The document the headers belong to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  expandAllSchemaProperties: boolean | undefined\n}>()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\"> Hide Headers </template>\n          <template v-else> Show Headers </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :document=\"document\"\n              :eventBus=\"eventBus\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\"\n              :expandAllSchemaProperties=\"expandAllSchemaProperties\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"Headers.vue.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  HeaderObject,\n  OpenApiDocument,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  /** The document the headers belong to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  expandAllSchemaProperties: boolean | undefined\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\">\n            {{ translate('operation.hideHeaders') }}\n          </template>\n          <template v-else>\n            {{ translate('operation.showHeaders') }}\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :document=\"document\"\n              :eventBus=\"eventBus\"\n              :expandAllSchemaProperties=\"expandAllSchemaProperties\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":""}

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

@@ -1,5 +1,6 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import Header_default from "./Header.vue.js";
-import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, unref, withCtx } from "vue";
+import { Fragment, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import { ScalarIcon } from "@scalar/components/icon";
@@ -16,6 +17,7 @@ var Headers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 		expandAllSchemaProperties: { type: Boolean }
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Disclosure), null, {
 				default: withCtx(({ open }) => [createElementVNode("div", { class: normalizeClass(["headers-card headers-card--compact", [{ "headers-card--open": open }]]) }, [createElementVNode("div", { class: normalizeClass(["headers-properties", { "headers-properties-open": open }]) }, [createVNode(unref(DisclosureButton), {
@@ -26,7 +28,7 @@ var Headers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 						class: normalizeClass(["headers-card-title-icon", { "headers-card-title-icon--open": open }]),
 						icon: "Add",
 						size: "sm"
-					}, null, 8, ["class"]), open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Hide Headers ")], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Show Headers ")], 64))]),
+					}, null, 8, ["class"]), open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(unref(translate)("operation.hideHeaders")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(translate)("operation.showHeaders")), 1)], 64))]),
 					_: 2
 				}, 1024), createVNode(unref(DisclosurePanel), null, {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.headers, (header, key) => {
@@ -35,20 +37,20 @@ var Headers_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 							breadcrumb: __props.breadcrumb ? [...__props.breadcrumb, "headers"] : void 0,
 							document: __props.document,
 							eventBus: __props.eventBus,
+							expandAllSchemaProperties: __props.expandAllSchemaProperties,
 							header: unref(getResolvedRef)(header),
 							name: key,
 							orderRequiredPropertiesFirst: __props.orderRequiredPropertiesFirst,
-							orderSchemaPropertiesBy: __props.orderSchemaPropertiesBy,
-							expandAllSchemaProperties: __props.expandAllSchemaProperties
+							orderSchemaPropertiesBy: __props.orderSchemaPropertiesBy
 						}, null, 8, [
 							"breadcrumb",
 							"document",
 							"eventBus",
+							"expandAllSchemaProperties",
 							"header",
 							"name",
 							"orderRequiredPropertiesFirst",
-							"orderSchemaPropertiesBy",
-							"expandAllSchemaProperties"
+							"orderSchemaPropertiesBy"
 						]);
 					}), 128))]),
 					_: 1

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

@@ -1 +1 @@
-{"version":3,"file":"Headers.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  HeaderObject,\n  OpenApiDocument,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  /** The document the headers belong to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  expandAllSchemaProperties: boolean | undefined\n}>()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\"> Hide Headers </template>\n          <template v-else> Show Headers </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :document=\"document\"\n              :eventBus=\"eventBus\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\"\n              :expandAllSchemaProperties=\"expandAllSchemaProperties\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;uBAwBE,YAqCa,MAAA,WAAA,EAAA,MAAA;sBADL,EApCc,WAAI,CACxB,mBAmCM,OAAA,EAlCJ,OAAK,eAAA,CAAC,sCAAoC,CAAA,EAAA,sBACT,MAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,mBA+BM,OAAA,EA9BJ,OAAK,eAAA,CAAC,sBAAoB,EAAA,2BACW,MAAI,CAAA,CAAA,EAAA,EAAA,CACzC,YAYmB,MAAA,iBAAA,EAAA;KAXjB,OAAM;KACL,OAAO,EAAA,KAAA,sCAEP;;4BAKa,CAJd,YAIc,MAAA,WAAA,EAAA;MAHZ,OAAK,eAAA,CAAC,2BAAyB,EAAA,iCACY,MAAI,CAAA,CAAA;MAC/C,MAAK;MACL,MAAK;6BACS,QAAA,WAAA,EAAhB,mBAA+C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAzB,iBAAc,CAAA,EAAA,GAAA,KAAA,WAAA,EACpC,mBAA0C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAzB,iBAAc,CAAA,EAAA,GAAA,EAAA,CAAA;;cAEjC,YAckB,MAAA,gBAAA,EAAA,MAAA;4BAZkB,EAAA,UAAA,KAAA,EADlC,mBAYW,UAAA,MAAA,WAXe,QAAA,UAAhB,QAAQ,QAAG;0BAEnB,YAQ2D,gBAAA;OATrD;OAEH,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;OACtD,UAAU,QAAA;OACV,UAAU,QAAA;OACV,QAAQ,MAAA,eAAc,CAAC,OAAM;OAC7B,MAAM;OACN,8BAA8B,QAAA;OAC9B,yBAAyB,QAAA;OACzB,2BAA2B,QAAA"}
+{"version":3,"file":"Headers.vue.script.js","names":[],"sources":["../../../../src/features/Operation/components/Headers.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon } from '@scalar/components/icon'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getResolvedRef } from '@scalar/workspace-store/helpers/get-resolved-ref'\nimport type {\n  HeaderObject,\n  OpenApiDocument,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\n\nimport { useLocalization } from '@/features/localization'\n\nimport Header from './Header.vue'\n\nconst { headers, breadcrumb } = defineProps<{\n  headers: Record<string, HeaderObject>\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  /** The document the headers belong to, used to resolve schema references for display */\n  document?: OpenApiDocument\n  orderRequiredPropertiesFirst: boolean | undefined\n  orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined\n  expandAllSchemaProperties: boolean | undefined\n}>()\nconst { translate } = useLocalization()\n</script>\n<template>\n  <Disclosure v-slot=\"{ open }\">\n    <div\n      class=\"headers-card headers-card--compact\"\n      :class=\"[{ 'headers-card--open': open }]\">\n      <div\n        class=\"headers-properties\"\n        :class=\"{ 'headers-properties-open': open }\">\n        <DisclosureButton\n          class=\"headers-card-title headers-card-title--compact\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset)))`,\n          }\">\n          <ScalarIcon\n            class=\"headers-card-title-icon\"\n            :class=\"{ 'headers-card-title-icon--open': open }\"\n            icon=\"Add\"\n            size=\"sm\" />\n          <template v-if=\"open\">\n            {{ translate('operation.hideHeaders') }}\n          </template>\n          <template v-else>\n            {{ translate('operation.showHeaders') }}\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel>\n          <template\n            v-for=\"(header, key) in headers\"\n            :key=\"key\">\n            <Header\n              :breadcrumb=\"breadcrumb ? [...breadcrumb, 'headers'] : undefined\"\n              :document=\"document\"\n              :eventBus=\"eventBus\"\n              :expandAllSchemaProperties=\"expandAllSchemaProperties\"\n              :header=\"getResolvedRef(header)\"\n              :name=\"key\"\n              :orderRequiredPropertiesFirst=\"orderRequiredPropertiesFirst\"\n              :orderSchemaPropertiesBy=\"orderSchemaPropertiesBy\" />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.headers-card {\n  z-index: 0;\n  margin-top: 12px;\n  margin-bottom: 6px;\n  position: relative;\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n\n  align-self: flex-start;\n}\n.headers-card.headers-card--open {\n  align-self: initial;\n}\n.headers-card-title {\n  padding: 6px 10px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-3);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-micro);\n\n  border-radius: 13.5px;\n}\nbutton.headers-card-title {\n  cursor: pointer;\n}\nbutton.headers-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.headers-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  border-radius: 13.5px;\n  width: fit-content;\n}\n.headers-properties-open > .headers-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.headers-properties-open {\n  border-radius: var(--scalar-radius-lg);\n  width: 100%;\n}\n.headers-card .property:last-of-type {\n  padding-bottom: 10px;\n}\n.headers-card-title > .headers-card-title-icon {\n  width: 14px;\n  height: 14px;\n  margin: 0;\n}\n.headers-card-title > .headers-card-title-icon--open {\n  transform: rotate(45deg);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAwBA,MAAM,EAAE,cAAc,iBAAgB;;uBAGpC,YAyCa,MAAA,WAAA,EAAA,MAAA;sBADL,EAxCc,WAAI,CACxB,mBAuCM,OAAA,EAtCJ,OAAK,eAAA,CAAC,sCAAoC,CAAA,EAAA,sBACT,MAAI,CAAA,CAAA,CAAA,EAAA,EAAA,CACrC,mBAmCM,OAAA,EAlCJ,OAAK,eAAA,CAAC,sBAAoB,EAAA,2BACW,MAAI,CAAA,CAAA,EAAA,EAAA,CACzC,YAgBmB,MAAA,iBAAA,EAAA;KAfjB,OAAM;KACL,OAAO,EAAA,KAAA,sCAEP;;4BAKa,CAJd,YAIc,MAAA,WAAA,EAAA;MAHZ,OAAK,eAAA,CAAC,2BAAyB,EAAA,iCACY,MAAI,CAAA,CAAA;MAC/C,MAAK;MACL,MAAK;6BACS,QAAA,WAAA,EAAhB,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,KAAA,WAAA,EAEd,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,UAAS,CAAA,wBAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;cAGhB,YAckB,MAAA,gBAAA,EAAA,MAAA;4BAZkB,EAAA,UAAA,KAAA,EADlC,mBAYW,UAAA,MAAA,WAXe,QAAA,UAAhB,QAAQ,QAAG;0BAEnB,YAQuD,gBAAA;OATjD;OAEH,YAAY,QAAA,aAAU,CAAA,GAAO,QAAA,YAAU,UAAA,GAAe,KAAA;OACtD,UAAU,QAAA;OACV,UAAU,QAAA;OACV,2BAA2B,QAAA;OAC3B,QAAQ,MAAA,eAAc,CAAC,OAAM;OAC7B,MAAM;OACN,8BAA8B,QAAA;OAC9B,yBAAyB,QAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"OperationParameters.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"names":[],"mappings":"AAsHA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAKxE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,CAAA;IAC7C,WAAW,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAC3C,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,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;AAiCF,KAAK,gBAAgB,GAAG;IACxB,qEAAqE;IACrE,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAsJxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"OperationParameters.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/OperationParameters.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,aAAa,EACb,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAMrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAKxE,KAAK,WAAW,GAAG;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,CAAA;IAC7C,WAAW,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAA;IAC3C,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,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;AAkCF,KAAK,gBAAgB,GAAG;IACxB,qEAAqE;IACrE,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AA4JxD,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"OperationParameters.vue.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 { 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}>()\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>Path Parameters</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>Query Parameters</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>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>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>Body</template>\n  </RequestBody>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OperationParameters.vue.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":""}

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

@@ -1,8 +1,9 @@
+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, useModel, withCtx } from "vue";
+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";
 //#region src/features/Operation/components/OperationParameters.vue?vue&type=script&setup=true&lang.ts
 /** Use a single loop to reduce parameters by type(in) */
@@ -21,6 +22,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 	}),
 	emits: ["update:selectedContentType"],
 	setup(__props) {
+		const { translate } = useLocalization();
 		/** Thread the selected request body content type up to the layout */
 		const selectedContentType = useModel(__props, "selectedContentType");
 		const splitParameters = computed(() => (__props.parameters ?? []).reduce((acc, p) => {
@@ -44,7 +46,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					options: __props.options,
 					parameters: splitParameters.value["path"]
 				}, {
-					title: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Path Parameters", -1)])]),
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.pathParameters")), 1)]),
 					_: 1
 				}, 8, [
 					"breadcrumb",
@@ -60,7 +62,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					options: __props.options,
 					parameters: splitParameters.value["query"]
 				}, {
-					title: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode("Query Parameters", -1)])]),
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.queryParameters")), 1)]),
 					_: 1
 				}, 8, [
 					"breadcrumb",
@@ -76,7 +78,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					options: __props.options,
 					parameters: splitParameters.value["header"]
 				}, {
-					title: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("Headers", -1)])]),
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.headers")), 1)]),
 					_: 1
 				}, 8, [
 					"breadcrumb",
@@ -92,7 +94,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					options: __props.options,
 					parameters: splitParameters.value["cookie"]
 				}, {
-					title: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("Cookies", -1)])]),
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.cookies")), 1)]),
 					_: 1
 				}, 8, [
 					"breadcrumb",
@@ -111,7 +113,7 @@ var OperationParameters_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 					options: __props.options,
 					requestBody: __props.requestBody
 				}, {
-					title: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("Body", -1)])]),
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(translate)("operation.body")), 1)]),
 					_: 1
 				}, 8, [
 					"selectedContentType",

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 { 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}>()\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>Path Parameters</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>Query Parameters</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>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>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>Body</template>\n  </RequestBody>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmCA,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,cAAgB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAf,mBAAe,GAAA,CAAA,EAAA,CAAA;;;;;;;;;IAIlC,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,cAAiB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAhB,oBAAgB,GAAA,CAAA,EAAA,CAAA;;;;;;;;;IAInC,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,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;;;;;IAI1B,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,cAAQ,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAP,WAAO,GAAA,CAAA,EAAA,CAAA;;;;;;;;;IAKlB,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,cAAK,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAJ,QAAI,GAAA,CAAA,EAAA,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 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"OperationResponses.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAErE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAIxE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,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;AAyEF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"OperationResponses.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/OperationResponses.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAIxE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACvC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,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;AA4EF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1 +1 @@
-{"version":3,"file":"OperationResponses.vue.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 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}>()\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\">Responses</div>\n    <ul\n      aria-label=\"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\n        :collapsableItems\n        :document\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"OperationResponses.vue.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\n        :collapsableItems\n        :document\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,15 +1,14 @@
+import { useLocalization } from "../../localization/use-localization.js";
 import ParameterListItem_default from "./ParameterListItem.vue.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, unref } from "vue";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 //#region src/features/Operation/components/OperationResponses.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	key: 0,
 	class: "mt-6"
 };
-var _hoisted_2 = {
-	"aria-label": "Responses",
-	class: "mb-3 list-none p-0 text-sm"
-};
+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({
 	__name: "OperationResponses",
 	props: {
@@ -21,8 +20,12 @@ var OperationResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		options: {}
 	},
 	setup(__props) {
+		const { translate } = useLocalization();
 		return (_ctx, _cache) => {
-			return Object.keys(__props.responses ?? {}).length ? (openBlock(), createElementBlock("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("div", { class: "text-c-1 mt-3 mb-3 leading-[1.45] font-medium" }, "Responses", -1)), createElementVNode("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.responses, (response, status) => {
+			return Object.keys(__props.responses ?? {}).length ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(translate)("operation.responses")), 1), createElementVNode("ul", {
+				"aria-label": unref(translate)("operation.responses"),
+				class: "mb-3 list-none p-0 text-sm"
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.responses, (response, status) => {
 				return openBlock(), createBlock(ParameterListItem_default, {
 					key: status,
 					breadcrumb: __props.breadcrumb,
@@ -41,7 +44,7 @@ var OperationResponses_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 					"options",
 					"parameter"
 				]);
-			}), 128))])])) : createCommentVNode("", true);
+			}), 128))], 8, _hoisted_3)])) : createCommentVNode("", true);
 		};
 	}
 });

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 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}>()\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\">Responses</div>\n    <ul\n      aria-label=\"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\n        :collapsableItems\n        :document\n        :eventBus\n        :name=\"status\"\n        :options\n        :parameter=\"getResolvedRef(response)\" />\n    </ul>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;UA8BU,OAAO,KAAK,QAAA,aAAS,EAAA,CAAA,CAAQ,UAAA,WAAA,EADrC,mBAkBM,OAlBN,YAkBM,CAAA,OAAA,OAAA,OAAA,KAfJ,mBAA0E,OAAA,EAArE,OAAM,iDAA+C,EAAC,aAAS,GAAA,GACpE,mBAaK,MAbL,YAaK,EAAA,UAAA,KAAA,EAVH,mBAS0C,UAAA,MAAA,WARX,QAAA,YAArB,UAAU,WAAM;wBAD1B,YAS0C,2BAAA;KAPvC,KAAK;KACL,YAAA,QAAA;KACA,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\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,YAAA,QAAA;KACA,kBAAA,QAAA;KACA,UAAA,QAAA;KACA,UAAA,QAAA;KACA,MAAM;KACN,SAAA,QAAA;KACA,WAAW,MAAA,eAAc,CAAC,SAAQ"}

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

@@ -6,8 +6,8 @@ import { getParameterExamples } from "./helpers/get-parameter-examples.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, resolveDynamicComponent, unref, withCtx } from "vue";
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
 import { ScalarIconCaretRight } from "@scalar/icons";
-import { ScalarMarkdown, ScalarMarkdownSummary } from "@scalar/components/markdown";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { ScalarMarkdown, ScalarMarkdownSummary } from "@scalar/components/markdown";
 import { ScalarWrappingText } from "@scalar/components/wrapping-text";
 //#region src/features/Operation/components/ParameterListItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "parameter-item group/parameter-item" };

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":"AAiSA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAcrE,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;AAsGF,KAAK,gBAAgB,GAAG;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAKF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAqRxD,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":"AAmSA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EAClB,MAAM,8DAA8D,CAAA;AAerE,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;AAuGF,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"}