@scalar/api-reference 1.49.3 → 1.49.4

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

@@ -0,0 +1,213 @@
+import SectionContainer_default from "../../Section/SectionContainer.vue.js";
+import Model_default from "../Models/Model.vue.js";
+import ModelTag_default from "../Models/ModelTag.vue.js";
+import Tag_default from "../Tags/Tag.vue.js";
+import Lazy_default from "../../Lazy/Lazy.vue.js";
+import Operation_default from "../../../features/Operation/Operation.vue.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, renderList, resolveComponent, unref, withCtx } from "vue";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+//#region src/components/Content/Operations/TraversedEntry.vue?vue&type=script&setup=true&lang.ts
+var TraversedEntry_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "TraversedEntry",
+	props: {
+		authStore: {},
+		level: { default: 0 },
+		entries: {},
+		document: {},
+		clientOptions: {},
+		options: {},
+		selectedServer: {},
+		securitySchemes: {},
+		selectedClient: {},
+		expandedItems: {},
+		eventBus: {}
+	},
+	setup(__props) {
+		/**
+		* Type guards for different entry types
+		*/
+		const isTagGroup = (entry) => entry["type"] === "tag" && entry.isGroup === true;
+		const isTag = (entry) => entry["type"] === "tag" && !isTagGroup(entry) && entry.id !== "models";
+		const isOperation = (entry) => entry["type"] === "operation";
+		const isWebhook = (entry) => entry["type"] === "webhook";
+		/** Models are special form of tag entry */
+		const isModelsTag = (entry) => entry["type"] === "models";
+		const isModel = (entry) => entry["type"] === "model";
+		function getPathValue(entry) {
+			return isWebhook(entry) ? __props.document.webhooks?.[entry.name] : __props.document.paths?.[entry.path];
+		}
+		return (_ctx, _cache) => {
+			const _component_TraversedEntry = resolveComponent("TraversedEntry", true);
+			return openBlock(true), createElementBlock(Fragment, null, renderList(__props.entries, (entry) => {
+				return openBlock(), createBlock(Lazy_default, {
+					id: entry.id,
+					key: `${entry.id}-${__props.options.layout}`,
+					expanded: !!__props.expandedItems[entry.id]
+				}, {
+					default: withCtx(() => [isOperation(entry) || isWebhook(entry) ? (openBlock(), createBlock(unref(SectionContainer_default), {
+						key: 0,
+						omit: __props.level !== 0
+					}, {
+						default: withCtx(() => [createVNode(unref(Operation_default), {
+							id: entry.id,
+							authStore: __props.authStore,
+							clientOptions: __props.clientOptions,
+							document: __props.document,
+							eventBus: __props.eventBus,
+							isCollapsed: !__props.expandedItems[entry.id],
+							isWebhook: isWebhook(entry),
+							method: entry.method,
+							options: __props.options,
+							path: isWebhook(entry) ? entry.name : entry.path,
+							pathValue: getPathValue(entry),
+							securitySchemes: __props.securitySchemes,
+							selectedClient: __props.selectedClient,
+							server: __props.selectedServer
+						}, null, 8, [
+							"id",
+							"authStore",
+							"clientOptions",
+							"document",
+							"eventBus",
+							"isCollapsed",
+							"isWebhook",
+							"method",
+							"options",
+							"path",
+							"pathValue",
+							"securitySchemes",
+							"selectedClient",
+							"server"
+						])]),
+						_: 2
+					}, 1032, ["omit"])) : isTag(entry) ? (openBlock(), createBlock(unref(Tag_default), {
+						key: 1,
+						eventBus: __props.eventBus,
+						isCollapsed: !__props.expandedItems[entry.id],
+						isLoading: false,
+						layout: __props.options.layout,
+						moreThanOneTag: __props.entries.filter(isTag).length > 1,
+						tag: entry
+					}, {
+						default: withCtx(() => ["children" in entry && entry.children?.length ? (openBlock(), createBlock(_component_TraversedEntry, {
+							key: 0,
+							authStore: __props.authStore,
+							clientOptions: __props.clientOptions,
+							document: __props.document,
+							entries: entry.children,
+							eventBus: __props.eventBus,
+							expandedItems: __props.expandedItems,
+							level: __props.level + 1,
+							options: __props.options,
+							securitySchemes: __props.securitySchemes,
+							selectedClient: __props.selectedClient,
+							selectedServer: __props.selectedServer
+						}, null, 8, [
+							"authStore",
+							"clientOptions",
+							"document",
+							"entries",
+							"eventBus",
+							"expandedItems",
+							"level",
+							"options",
+							"securitySchemes",
+							"selectedClient",
+							"selectedServer"
+						])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1032, [
+						"eventBus",
+						"isCollapsed",
+						"layout",
+						"moreThanOneTag",
+						"tag"
+					])) : isTagGroup(entry) ? (openBlock(), createBlock(_component_TraversedEntry, {
+						key: 2,
+						authStore: __props.authStore,
+						clientOptions: __props.clientOptions,
+						document: __props.document,
+						entries: entry.children || [],
+						eventBus: __props.eventBus,
+						expandedItems: __props.expandedItems,
+						level: __props.level + 1,
+						options: __props.options,
+						securitySchemes: __props.securitySchemes,
+						selectedClient: __props.selectedClient,
+						selectedServer: __props.selectedServer
+					}, null, 8, [
+						"authStore",
+						"clientOptions",
+						"document",
+						"entries",
+						"eventBus",
+						"expandedItems",
+						"level",
+						"options",
+						"securitySchemes",
+						"selectedClient",
+						"selectedServer"
+					])) : isModelsTag(entry) && __props.document.components?.schemas ? (openBlock(), createBlock(ModelTag_default, {
+						key: 3,
+						id: entry.id,
+						eventBus: __props.eventBus,
+						isCollapsed: !__props.expandedItems[entry.id],
+						layout: __props.options.layout
+					}, {
+						default: withCtx(() => [createVNode(_component_TraversedEntry, {
+							authStore: __props.authStore,
+							clientOptions: __props.clientOptions,
+							document: __props.document,
+							entries: entry.children || [],
+							eventBus: __props.eventBus,
+							expandedItems: __props.expandedItems,
+							level: __props.level + 1,
+							options: __props.options,
+							securitySchemes: __props.securitySchemes,
+							selectedClient: __props.selectedClient,
+							selectedServer: __props.selectedServer
+						}, null, 8, [
+							"authStore",
+							"clientOptions",
+							"document",
+							"entries",
+							"eventBus",
+							"expandedItems",
+							"level",
+							"options",
+							"securitySchemes",
+							"selectedClient",
+							"selectedServer"
+						])]),
+						_: 2
+					}, 1032, [
+						"id",
+						"eventBus",
+						"isCollapsed",
+						"layout"
+					])) : isModel(entry) && __props.document.components?.schemas?.[entry.name] ? (openBlock(), createBlock(Model_default, {
+						key: 4,
+						id: entry.id,
+						eventBus: __props.eventBus,
+						isCollapsed: !__props.expandedItems[entry.id],
+						name: entry.name,
+						options: __props.options,
+						schema: unref(getResolvedRef)(__props.document.components.schemas[entry.name])
+					}, null, 8, [
+						"id",
+						"eventBus",
+						"isCollapsed",
+						"name",
+						"options",
+						"schema"
+					])) : createCommentVNode("", true)]),
+					_: 2
+				}, 1032, ["id", "expanded"]);
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { TraversedEntry_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TraversedEntry.vue.script.js.map

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

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

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

@@ -0,0 +1,7 @@
+import RenderString_vue_vue_type_script_setup_true_lang_default from "./RenderString.vue.script.js";
+//#region src/components/Content/Schema/RenderString.vue
+var RenderString_default = RenderString_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RenderString_default as default };
+
+//# sourceMappingURL=RenderString.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderString.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/RenderString.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Give this component any data, and it tries to render a meaningful string.\n *\n * @example\n * <RenderString :value=\"1\" /> => \"1\"\n * <RenderString :value=\"true\" /> => \"true\"\n * <RenderString :value=\"false\" /> => \"false\"\n * <RenderString :value=\"null\" /> => \"null\"\n * <RenderString :value=\"undefined\" /> => \"undefined\"\n * <RenderString :value=\"{}\" /> => \"{}\"\n * <RenderString :value=\"[]\" /> => \"[]\"\n * <RenderString :value=\"['a', 'b', 'c']\" /> => \"['a', 'b', 'c']\"\n * <RenderString :value=\"() => 'hello'\" /> => \"() => 'hello'\"\n * <RenderString :value=\"Symbol('test')\" /> => \"Symbol(test)\"\n **/\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value: any\n}>()\n\nconst valueAsString = computed(() => {\n  if (value === '') {\n    return `''`\n  }\n\n  if (value === null) {\n    return 'null'\n  }\n\n  if (value === undefined) {\n    return 'undefined'\n  }\n\n  // We don't need to cover all cases, Vue does a good job of rendering objects, arrays and functions.\n  return value\n})\n</script>\n\n<template>\n  {{ valueAsString }}\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,36 @@
+import { computed, defineComponent, toDisplayString } from "vue";
+//#region src/components/Content/Schema/RenderString.vue?vue&type=script&setup=true&lang.ts
+var RenderString_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "RenderString",
+	props: { value: {} },
+	setup(__props) {
+		/**
+		* Give this component any data, and it tries to render a meaningful string.
+		*
+		* @example
+		* <RenderString :value="1" /> => "1"
+		* <RenderString :value="true" /> => "true"
+		* <RenderString :value="false" /> => "false"
+		* <RenderString :value="null" /> => "null"
+		* <RenderString :value="undefined" /> => "undefined"
+		* <RenderString :value="{}" /> => "{}"
+		* <RenderString :value="[]" /> => "[]"
+		* <RenderString :value="['a', 'b', 'c']" /> => "['a', 'b', 'c']"
+		* <RenderString :value="() => 'hello'" /> => "() => 'hello'"
+		* <RenderString :value="Symbol('test')" /> => "Symbol(test)"
+		**/
+		const valueAsString = computed(() => {
+			if (__props.value === "") return `''`;
+			if (__props.value === null) return "null";
+			if (__props.value === void 0) return "undefined";
+			return __props.value;
+		});
+		return (_ctx, _cache) => {
+			return toDisplayString(valueAsString.value);
+		};
+	}
+});
+//#endregion
+export { RenderString_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RenderString.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderString.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/RenderString.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Give this component any data, and it tries to render a meaningful string.\n *\n * @example\n * <RenderString :value=\"1\" /> => \"1\"\n * <RenderString :value=\"true\" /> => \"true\"\n * <RenderString :value=\"false\" /> => \"false\"\n * <RenderString :value=\"null\" /> => \"null\"\n * <RenderString :value=\"undefined\" /> => \"undefined\"\n * <RenderString :value=\"{}\" /> => \"{}\"\n * <RenderString :value=\"[]\" /> => \"[]\"\n * <RenderString :value=\"['a', 'b', 'c']\" /> => \"['a', 'b', 'c']\"\n * <RenderString :value=\"() => 'hello'\" /> => \"() => 'hello'\"\n * <RenderString :value=\"Symbol('test')\" /> => \"Symbol(test)\"\n **/\nimport { computed } from 'vue'\n\nconst { value } = defineProps<{\n  value: any\n}>()\n\nconst valueAsString = computed(() => {\n  if (value === '') {\n    return `''`\n  }\n\n  if (value === null) {\n    return 'null'\n  }\n\n  if (value === undefined) {\n    return 'undefined'\n  }\n\n  // We don't need to cover all cases, Vue does a good job of rendering objects, arrays and functions.\n  return value\n})\n</script>\n\n<template>\n  {{ valueAsString }}\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAsBA,MAAM,gBAAgB,eAAe;AACnC,OAAI,QAAA,UAAU,GACZ,QAAO;AAGT,OAAI,QAAA,UAAU,KACZ,QAAO;AAGT,OAAI,QAAA,UAAU,KAAA,EACZ,QAAO;AAIT,UAAO,QAAA;IACR;;0BAII,cAAA,MAAa"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import Schema_vue_vue_type_script_setup_true_lang_default from "./Schema.vue.script.js";
+/* empty css                     */
+//#region src/components/Content/Schema/Schema.vue
+var Schema_default = /* @__PURE__ */ _plugin_vue_export_helper_default(Schema_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9bd8110"]]);
+//#endregion
+export { Schema_default as default };
+
+//# sourceMappingURL=Schema.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Schema.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon, ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n}>()\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => {\n  return !noncollapsible && level > 0\n})\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  // For the request body we want to show the base description or the first allOf schema description\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return schema.description || schema.allOf[0]?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description if the schema has other composition keywords\n  // This prevents duplicate descriptions when individual schemas are part of compositions\n  if (schema.oneOf || schema.anyOf) {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => noncollapsible && e.stopPropagation()\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"noncollapsible\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,184 @@
+import ScreenReader_default from "../../ScreenReader.vue.js";
+import { isTypeObject } from "./helpers/is-type-object.js";
+import { isEmptySchemaObject } from "./helpers/is-empty-schema-object.js";
+import SchemaHeading_default from "./SchemaHeading.vue.js";
+import SchemaProperty_default from "./SchemaProperty.vue.js";
+import SchemaObjectProperties_default from "./SchemaObjectProperties.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, toDisplayString, unref, vShow, withCtx, withDirectives } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarIcon, ScalarMarkdown } from "@scalar/components";
+//#region src/components/Content/Schema/Schema.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "schema-card-description"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "pt-2"
+};
+var _hoisted_3 = {
+	key: 0,
+	class: "schema-properties"
+};
+var Schema_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Schema",
+	props: {
+		schema: {},
+		level: { default: 0 },
+		name: {},
+		compact: { type: Boolean },
+		noncollapsible: {
+			type: Boolean,
+			default: false
+		},
+		hideHeading: { type: Boolean },
+		additionalProperties: { type: Boolean },
+		hideModelNames: {
+			type: Boolean,
+			default: false
+		},
+		discriminator: {},
+		breadcrumb: {},
+		eventBus: {},
+		options: {}
+	},
+	setup(__props) {
+		/**
+		* Determines whether to show the collapse/expand toggle button.
+		* We hide the toggle for non-collapsible schemas and root-level schemas.
+		*/
+		const shouldShowToggle = computed(() => {
+			return !__props.noncollapsible && __props.level > 0;
+		});
+		/** Gets the description to show for the schema */
+		const schemaDescription = computed(() => {
+			if (__props.schema?.allOf && __props.schema.allOf.length > 0 && __props.name === "Request Body") return __props.schema.description || __props.schema.allOf[0]?.description || null;
+			if (!__props.schema?.description || typeof __props.schema.description !== "string") return null;
+			if (__props.schema.oneOf || __props.schema.anyOf) return null;
+			if (__props.schema.enum) return null;
+			if (!("properties" in __props.schema) && !("patternProperties" in __props.schema) && !("additionalProperties" in __props.schema)) return null;
+			return __props.schema.description;
+		});
+		const handleClick = (e) => __props.noncollapsible && e.stopPropagation();
+		return (_ctx, _cache) => {
+			return typeof __props.schema === "object" && Object.keys(__props.schema).length ? (openBlock(), createBlock(unref(Disclosure), {
+				key: 0,
+				defaultOpen: __props.noncollapsible
+			}, {
+				default: withCtx(({ open }) => [createElementVNode("div", { class: normalizeClass(["schema-card", [
+					`schema-card--level-${__props.level}`,
+					{
+						"schema-card--compact": __props.compact,
+						"schema-card--open": open
+					},
+					{ "border-t": __props.additionalProperties && open }
+				]]) }, [
+					schemaDescription.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(ScalarMarkdown), { value: schemaDescription.value }, null, 8, ["value"])])) : createCommentVNode("", true),
+					unref(isEmptySchemaObject)(__props.schema) ? (openBlock(), createElementBlock("div", _hoisted_2, " Empty object ")) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["schema-properties", { "schema-properties-open": open }]) }, [__props.additionalProperties ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(DisclosureButton), {
+						as: "button",
+						class: "schema-card-title schema-card-title--compact",
+						onClickCapture: handleClick
+					}, {
+						default: withCtx(() => [
+							createVNode(unref(ScalarIcon), {
+								class: "schema-card-title-icon",
+								icon: "Add",
+								size: "sm"
+							}),
+							_cache[0] || (_cache[0] = createTextVNode(" Show additional properties ", -1)),
+							__props.name ? (openBlock(), createBlock(ScreenReader_default, { key: 0 }, {
+								default: withCtx(() => [createTextVNode("for " + toDisplayString(__props.name), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)
+						]),
+						_: 1
+					})], 512)), [[vShow, !open]]) : shouldShowToggle.value ? withDirectives((openBlock(), createBlock(unref(DisclosureButton), {
+						key: 1,
+						as: __props.noncollapsible ? "div" : "button",
+						class: normalizeClass(["schema-card-title", { "schema-card-title--compact": __props.compact }]),
+						style: normalizeStyle({ top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${__props.level}))` }),
+						onClickCapture: handleClick
+					}, {
+						default: withCtx(() => [__props.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+							createVNode(unref(ScalarIcon), {
+								class: normalizeClass(["schema-card-title-icon", { "schema-card-title-icon--open": open }]),
+								icon: "Add",
+								size: "sm"
+							}, null, 8, ["class"]),
+							open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" Hide " + toDisplayString(__props.schema?.title ?? "Child Attributes"), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Show " + toDisplayString(__props.schema?.title ?? "Child Attributes"), 1)], 64)),
+							__props.name ? (openBlock(), createBlock(ScreenReader_default, { key: 2 }, {
+								default: withCtx(() => [createTextVNode("for " + toDisplayString(__props.name), 1)]),
+								_: 1
+							})) : createCommentVNode("", true)
+						], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarIcon), {
+							class: normalizeClass(["schema-card-title-icon", { "schema-card-title-icon--open": open }]),
+							icon: "Add",
+							size: "sm"
+						}, null, 8, ["class"]), createVNode(SchemaHeading_default, {
+							name: __props.schema?.title ?? __props.name,
+							value: __props.schema
+						}, null, 8, ["name", "value"])], 64))]),
+						_: 2
+					}, 1032, [
+						"as",
+						"class",
+						"style"
+					])), [[vShow, !__props.hideHeading && !(__props.noncollapsible && __props.compact)]]) : createCommentVNode("", true), !__props.additionalProperties || open ? (openBlock(), createBlock(unref(DisclosurePanel), {
+						key: 2,
+						as: "ul",
+						static: !shouldShowToggle.value
+					}, {
+						default: withCtx(() => [unref(isTypeObject)(__props.schema) ? (openBlock(), createBlock(SchemaObjectProperties_default, {
+							key: 0,
+							breadcrumb: __props.breadcrumb,
+							compact: __props.compact,
+							discriminator: __props.discriminator,
+							eventBus: __props.eventBus,
+							hideHeading: __props.hideHeading,
+							hideModelNames: __props.hideModelNames,
+							level: __props.level + 1,
+							options: __props.options,
+							schema: __props.schema
+						}, null, 8, [
+							"breadcrumb",
+							"compact",
+							"discriminator",
+							"eventBus",
+							"hideHeading",
+							"hideModelNames",
+							"level",
+							"options",
+							"schema"
+						])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [__props.schema ? (openBlock(), createBlock(SchemaProperty_default, {
+							key: 0,
+							breadcrumb: __props.breadcrumb,
+							compact: __props.compact,
+							eventBus: __props.eventBus,
+							hideHeading: __props.hideHeading,
+							hideModelNames: __props.hideModelNames,
+							level: __props.level,
+							options: __props.options,
+							schema: __props.schema
+						}, null, 8, [
+							"breadcrumb",
+							"compact",
+							"eventBus",
+							"hideHeading",
+							"hideModelNames",
+							"level",
+							"options",
+							"schema"
+						])) : createCommentVNode("", true)], 64))]),
+						_: 1
+					}, 8, ["static"])) : createCommentVNode("", true)], 2)
+				], 2)]),
+				_: 1
+			}, 8, ["defaultOpen"])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Schema_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Schema.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Schema.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/Schema.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue'\nimport { ScalarIcon, ScalarMarkdown } from '@scalar/components'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { isEmptySchemaObject } from './helpers/is-empty-schema-object'\nimport { isTypeObject } from './helpers/is-type-object'\nimport SchemaHeading from './SchemaHeading.vue'\nimport SchemaObjectProperties from './SchemaObjectProperties.vue'\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst {\n  schema,\n  level = 0,\n  name,\n  compact,\n  noncollapsible = false,\n  hideHeading,\n  additionalProperties,\n  discriminator,\n  breadcrumb,\n  hideModelNames = false,\n  options,\n} = defineProps<{\n  schema?: SchemaObject\n  /** Track how deep we've gone */\n  level?: number\n  /* Show as a heading */\n  name?: string\n  /** A tighter layout with less borders and without a heading */\n  compact?: boolean\n  /** Shows a toggle to hide/show children */\n  noncollapsible?: boolean\n  /** Hide the heading */\n  hideHeading?: boolean\n  /** Show a special one way toggle for additional properties, also has a top border when open */\n  additionalProperties?: boolean\n  /** Hide model names in type display */\n  hideModelNames?: boolean\n  /** Discriminator object */\n  discriminator?: DiscriminatorObject\n  /** Breadcrumb for the schema */\n  breadcrumb?: string[]\n  /** Event bus emitting actions */\n  eventBus: WorkspaceEventBus | null\n  /** Move the options into a single prop so they are easy to pass around */\n  options: SchemaOptions\n}>()\n\n/**\n * Determines whether to show the collapse/expand toggle button.\n * We hide the toggle for non-collapsible schemas and root-level schemas.\n */\nconst shouldShowToggle = computed((): boolean => {\n  return !noncollapsible && level > 0\n})\n\n/** Gets the description to show for the schema */\nconst schemaDescription = computed(() => {\n  // For the request body we want to show the base description or the first allOf schema description\n  if (schema?.allOf && schema.allOf.length > 0 && name === 'Request Body') {\n    return schema.description || schema.allOf[0]?.description || null\n  }\n\n  // Don't show description if there's no description or it's not a string\n  if (!schema?.description || typeof schema.description !== 'string') {\n    return null\n  }\n\n  // Don't show description if the schema has other composition keywords\n  // This prevents duplicate descriptions when individual schemas are part of compositions\n  if (schema.oneOf || schema.anyOf) {\n    return null\n  }\n\n  // Don't show description for enum schemas (they have special handling)\n  if (schema.enum) {\n    return null\n  }\n\n  // Will be shown in the properties anyway\n  if (\n    !('properties' in schema) &&\n    !('patternProperties' in schema) &&\n    !('additionalProperties' in schema)\n  ) {\n    return null\n  }\n\n  // Return the schema's own description\n  return schema.description\n})\n\n// Prevent click action if noncollapsible\nconst handleClick = (e: MouseEvent) => noncollapsible && e.stopPropagation()\n</script>\n<template>\n  <Disclosure\n    v-if=\"typeof schema === 'object' && Object.keys(schema).length\"\n    v-slot=\"{ open }\"\n    :defaultOpen=\"noncollapsible\">\n    <div\n      class=\"schema-card\"\n      :class=\"[\n        `schema-card--level-${level}`,\n        { 'schema-card--compact': compact, 'schema-card--open': open },\n        { 'border-t': additionalProperties && open },\n      ]\">\n      <!-- Schema description -->\n      <div\n        v-if=\"schemaDescription\"\n        class=\"schema-card-description\">\n        <ScalarMarkdown :value=\"schemaDescription\" />\n      </div>\n      <div\n        v-if=\"isEmptySchemaObject(schema)\"\n        class=\"pt-2\">\n        Empty object\n      </div>\n      <div\n        class=\"schema-properties\"\n        :class=\"{\n          'schema-properties-open': open,\n        }\">\n        <!-- Toggle to collapse/expand long lists of properties -->\n        <div\n          v-if=\"additionalProperties\"\n          v-show=\"!open\"\n          class=\"schema-properties\">\n          <DisclosureButton\n            as=\"button\"\n            class=\"schema-card-title schema-card-title--compact\"\n            @click.capture=\"handleClick\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              icon=\"Add\"\n              size=\"sm\" />\n            Show additional properties\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </DisclosureButton>\n        </div>\n\n        <DisclosureButton\n          v-else-if=\"shouldShowToggle\"\n          v-show=\"!hideHeading && !(noncollapsible && compact)\"\n          :as=\"noncollapsible ? 'div' : 'button'\"\n          class=\"schema-card-title\"\n          :class=\"{ 'schema-card-title--compact': compact }\"\n          :style=\"{\n            top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${level}))`,\n          }\"\n          @click.capture=\"handleClick\">\n          <template v-if=\"compact\">\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <template v-if=\"open\">\n              Hide {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <template v-else>\n              Show {{ schema?.title ?? 'Child Attributes' }}\n            </template>\n            <ScreenReader v-if=\"name\">for {{ name }}</ScreenReader>\n          </template>\n          <template v-else>\n            <ScalarIcon\n              class=\"schema-card-title-icon\"\n              :class=\"{ 'schema-card-title-icon--open': open }\"\n              icon=\"Add\"\n              size=\"sm\" />\n            <SchemaHeading\n              :name=\"schema?.title ?? name\"\n              :value=\"schema\" />\n          </template>\n        </DisclosureButton>\n        <DisclosurePanel\n          v-if=\"!additionalProperties || open\"\n          as=\"ul\"\n          :static=\"!shouldShowToggle\">\n          <!-- Object properties -->\n          <SchemaObjectProperties\n            v-if=\"isTypeObject(schema)\"\n            :breadcrumb\n            :compact\n            :discriminator\n            :eventBus=\"eventBus\"\n            :hideHeading\n            :hideModelNames\n            :level=\"level + 1\"\n            :options\n            :schema />\n          <!-- Not an object -->\n          <template v-else>\n            <SchemaProperty\n              v-if=\"schema\"\n              :breadcrumb\n              :compact\n              :eventBus=\"eventBus\"\n              :hideHeading\n              :hideModelNames\n              :level\n              :options\n              :schema />\n          </template>\n        </DisclosurePanel>\n      </div>\n    </div>\n  </Disclosure>\n</template>\n<style scoped>\n.error {\n  background-color: var(--scalar-color-red);\n}\n.schema-card {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-1);\n}\n.schema-card-title {\n  height: var(--schema-title-height);\n\n  padding: 6px 8px;\n\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-mini);\n  border-bottom: var(--scalar-border-width) solid transparent;\n}\nbutton.schema-card-title {\n  cursor: pointer;\n}\nbutton.schema-card-title:hover {\n  color: var(--scalar-color-1);\n}\n.schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-properties-open > .schema-properties {\n  width: fit-content;\n}\n.schema-card-description {\n  color: var(--scalar-color-2);\n}\n.schema-card-description + .schema-properties {\n  width: fit-content;\n}\n.schema-card-description + .schema-properties {\n  margin-top: 8px;\n}\n.schema-card--level-0:nth-of-type(1)\n  > .schema-card-description:has(+ .schema-properties) {\n  margin-bottom: -8px;\n  padding-bottom: 8px;\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n.schema-card--level-0\n  ~ .schema-card--level-0\n  > .schema-card-description:has(+ .schema-properties) {\n  padding-top: 8px;\n}\n\n.schema-properties-open.schema-properties,\n.schema-properties-open > .schema-card--open {\n  width: 100%;\n}\n.schema-properties {\n  display: flex;\n  flex-direction: column;\n\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  width: fit-content;\n}\n.schema-properties-name {\n  width: 100%;\n}\n.schema-properties .schema-properties {\n  border-radius: 13.5px;\n}\n.schema-properties .schema-properties.schema-properties-open {\n  border-radius: var(--scalar-radius-lg);\n}\n.schema-properties-open {\n  width: 100%;\n}\n.schema-card--compact {\n  align-self: flex-start;\n}\n.schema-card--compact.schema-card--open {\n  align-self: initial;\n}\n.schema-card-title--compact {\n  color: var(--scalar-color-2);\n  padding: 6px 10px 6px 8px;\n  height: auto;\n  border-bottom: none;\n}\n.schema-card-title--compact > .schema-card-title-icon {\n  margin: 0;\n}\n.schema-card-title--compact > .schema-card-title-icon--open {\n  transform: rotate(45deg);\n}\n.schema-properties-open > .schema-card-title--compact {\n  position: static;\n}\n.property--level-0\n  > .schema-properties\n  > .schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n.property--level-0\n  .schema-card--level-0:not(.schema-card--compact)\n  .property--level-1 {\n  padding: 0 0 8px;\n}\n:not(.composition-panel)\n  > .schema-card--compact.schema-card--level-0\n  > .schema-properties {\n  border: none;\n}\n:deep(.schema-card-description) p {\n  font-size: var(--scalar-small, var(--scalar-paragraph));\n  color: var(--scalar-color-2);\n  line-height: 1.5;\n  margin-bottom: 0;\n  display: block;\n  margin-bottom: 6px;\n}\n.children .schema-card-description:first-of-type {\n  padding-top: 0;\n}\n</style>\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { SchemaOptions } from '../../../components/Content/Schema/types';
-import { type CompositionKeyword } from './helpers/schema-composition';
+import { type CompositionKeyword } from './helpers/schema-composition.js';
 type __VLS_Props = {
     /** The composition keyword (oneOf, anyOf, allOf) */
     composition: CompositionKeyword;

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

@@ -0,0 +1,7 @@
+import SchemaComposition_vue_vue_type_script_setup_true_lang_default from "./SchemaComposition.vue.script.js";
+//#region src/components/Content/Schema/SchemaComposition.vue
+var SchemaComposition_default = SchemaComposition_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SchemaComposition_default as default };
+
+//# sourceMappingURL=SchemaComposition.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaComposition.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarListbox, type ScalarListboxOption } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { ScalarIconCaretDown } from '@scalar/icons'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type {\n  DiscriminatorObject,\n  SchemaObject,\n} from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { mergeAllOfSchemas } from './helpers/merge-all-of-schemas'\nimport { type CompositionKeyword } from './helpers/schema-composition'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport Schema from './Schema.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    /** The composition keyword (oneOf, anyOf, allOf) */\n    composition: CompositionKeyword\n    /** Optional discriminator object for polymorphic schemas */\n    discriminator?: DiscriminatorObject\n    /** Optional name for the schema */\n    name?: string\n    /** The schema value containing the composition */\n    schema: SchemaObject\n    /** Nesting level for proper indentation */\n    level: number\n    /** Whether to use compact layout */\n    compact?: boolean\n    /** Whether to hide the heading */\n    hideHeading?: boolean\n    /** Breadcrumb for navigation */\n    breadcrumb?: string[]\n    /** Event bus emitting actions */\n    eventBus: WorkspaceEventBus | null\n    /** Move the options into  single prop so they are easy to pass around */\n    options: SchemaOptions\n  }>(),\n  {\n    compact: false,\n    hideHeading: false,\n  },\n)\n\n/** The current composition */\nconst composition = computed(() =>\n  [props.schema[props.composition]]\n    .flat()\n    .map((schema) => ({ value: resolve.schema(schema), original: schema }))\n    .filter((it) => isDefined(it.value)),\n)\n\n/**\n * Generate listbox options for the composition selector.\n * Each option represents a schema in the composition with a human-readable label.\n * Prefers schema title/name over structural type when present.\n */\nconst listboxOptions = computed((): ScalarListboxOption[] =>\n  composition.value.map((schema, index: number) => {\n    const resolved = resolve.schema(schema.original!)\n    const label =\n      (getModelNameFromSchema(resolved) ?? getSchemaType(resolved)) || 'Schema'\n    return { id: String(index), label }\n  }),\n)\n\n/**\n * Two-way computed property for the selected option.\n * Handles conversion between the selected index and the listbox option format.\n */\nconst selectedOption = ref<ScalarListboxOption | undefined>(\n  listboxOptions.value[0],\n)\n\n/**\n * Humanize composition keyword name for display.\n * Converts camelCase to Title Case (e.g., oneOf -> One of).\n */\nconst humanizeType = (type: CompositionKeyword): string =>\n  type\n    .replace(/([A-Z])/g, ' $1')\n    .replace(/^./, (str) => str.toUpperCase())\n    .toLowerCase()\n    .replace(/^(\\w)/, (c) => c.toUpperCase())\n\n/** Inside the currently selected composition */\nconst selectedComposition = computed(\n  () => composition.value[Number(selectedOption.value?.id ?? '0')]?.value,\n)\n\n/** Controls whether the nested schema is displayed */\nconst showNestedSchema = ref(false)\n</script>\n\n<template>\n  <div class=\"property-rule\">\n    <!-- We merge allOf schemas into a single schema -->\n    <Schema\n      v-if=\"props.composition === 'allOf'\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :discriminator=\"discriminator\"\n      :eventBus=\"eventBus\"\n      :hideHeading=\"hideHeading\"\n      :level=\"level + 1\"\n      :name=\"name\"\n      :noncollapsible=\"true\"\n      :options=\"options\"\n      :schema=\"mergeAllOfSchemas(schema)\" />\n\n    <template v-else>\n      <!-- Composition selector and panel for nested compositions -->\n      <ScalarListbox\n        v-model=\"selectedOption\"\n        :options=\"listboxOptions\"\n        resize>\n        <button\n          class=\"composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border px-2.5 py-2.5 pr-3 text-left\"\n          type=\"button\">\n          <span class=\"text-c-2\">{{ humanizeType(props.composition) }}</span>\n          <span\n            class=\"composition-selector-label text-c-1\"\n            :class=\"{\n              'line-through': selectedComposition?.deprecated,\n            }\">\n            {{ selectedOption?.label || 'Schema' }}\n          </span>\n          <div\n            v-if=\"selectedComposition?.deprecated\"\n            class=\"text-red\">\n            deprecated\n          </div>\n          <ScalarIconCaretDown />\n        </button>\n      </ScalarListbox>\n\n      <div class=\"composition-panel\">\n        <!-- Button to toggle nested schema display -->\n        <button\n          v-if=\"!showNestedSchema && level > 2\"\n          class=\"bg-b-1 hover:bg-b-2 text-c-1 flex w-full items-center justify-center gap-2 rounded-b-lg border border-t-0 px-2 py-2 text-sm font-medium transition-colors\"\n          type=\"button\"\n          @click=\"showNestedSchema = true\">\n          Show Schema Details\n          <ScalarIconCaretDown class=\"h-3 w-3\" />\n        </button>\n\n        <!-- Render the selected schema if it has content to display -->\n        <Schema\n          v-else\n          :breadcrumb=\"breadcrumb\"\n          :compact=\"compact\"\n          :discriminator=\"discriminator\"\n          :eventBus=\"eventBus\"\n          :hideHeading=\"hideHeading\"\n          :level=\"level + 1\"\n          :name=\"name\"\n          :noncollapsible=\"true\"\n          :options=\"options\"\n          :schema=\"selectedComposition\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}