@scalar/api-reference 1.49.3 → 1.49.5

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, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\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    /** When \"requestBody\", sync selected index with the example snippet */\n    schemaContext?: string\n    /** Internal path used to sync nested request body compositions with the code sample */\n    compositionPath?: string[]\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\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\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\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\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\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\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      :compositionPath=\"compositionPath\"\n      :schemaContext=\"schemaContext\"\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          :compositionPath=\"compositionPath\"\n          :schemaContext=\"schemaContext\"\n          :schema=\"selectedComposition\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,176 @@
+import { REQUEST_BODY_COMPOSITION_INDEX_SYMBOL } from "../../../features/Operation/request-body-composition-index.js";
+import { getSchemaType } from "./helpers/get-schema-type.js";
+import { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.js";
+import { getModelNameFromSchema } from "./helpers/schema-name.js";
+import Schema_default from "./Schema.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarListbox } from "@scalar/components";
+import { ScalarIconCaretDown } from "@scalar/icons";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+//#region src/components/Content/Schema/SchemaComposition.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "property-rule" };
+var _hoisted_2 = {
+	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",
+	type: "button"
+};
+var _hoisted_3 = { class: "text-c-2" };
+var _hoisted_4 = {
+	key: 0,
+	class: "text-red"
+};
+var _hoisted_5 = { class: "composition-panel" };
+var SchemaComposition_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaComposition",
+	props: {
+		composition: {},
+		discriminator: {},
+		name: {},
+		schema: {},
+		level: {},
+		compact: {
+			type: Boolean,
+			default: false
+		},
+		hideHeading: {
+			type: Boolean,
+			default: false
+		},
+		breadcrumb: {},
+		eventBus: {},
+		options: {},
+		schemaContext: {},
+		compositionPath: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** The current composition */
+		const composition = computed(() => [props.schema[props.composition]].flat().map((schema) => ({
+			value: resolve.schema(schema),
+			original: schema
+		})).filter((it) => isDefined(it.value)));
+		/**
+		* Generate listbox options for the composition selector.
+		* Each option represents a schema in the composition with a human-readable label.
+		* Prefers schema title/name over structural type when present.
+		*/
+		const listboxOptions = computed(() => composition.value.map((schema, index) => {
+			const resolved = resolve.schema(schema.original);
+			const label = (getModelNameFromSchema(resolved) ?? getSchemaType(resolved)) || "Schema";
+			return {
+				id: String(index),
+				label
+			};
+		}));
+		const compositionSelectionKey = computed(() => props.compositionPath?.length ? [...props.compositionPath, props.composition].join(".") : "");
+		/** When this composition is in the request body, sync selection with the example snippet */
+		const requestBodyCompositionSelectionRef = inject(REQUEST_BODY_COMPOSITION_INDEX_SYMBOL, void 0);
+		const initialSelectedIndex = computed(() => {
+			if (props.schemaContext !== "requestBody" || !requestBodyCompositionSelectionRef?.value || !compositionSelectionKey.value) return 0;
+			const selectedIndex = requestBodyCompositionSelectionRef.value[compositionSelectionKey.value];
+			if (typeof selectedIndex !== "number" || Number.isNaN(selectedIndex)) return 0;
+			return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1));
+		});
+		/**
+		* Two-way computed property for the selected option.
+		* Handles conversion between the selected index and the listbox option format.
+		*/
+		const selectedOption = ref();
+		watch([listboxOptions, initialSelectedIndex], ([options, selectedIndex]) => {
+			if (!selectedOption.value || !options.some((option) => option.id === selectedOption.value?.id)) selectedOption.value = options[selectedIndex] ?? options[0];
+		}, { immediate: true });
+		/**
+		* Humanize composition keyword name for display.
+		* Converts camelCase to Title Case (e.g., oneOf -> One of).
+		*/
+		const humanizeType = (type) => type.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).toLowerCase().replace(/^(\w)/, (c) => c.toUpperCase());
+		/** Inside the currently selected composition */
+		const selectedComposition = computed(() => composition.value[Number(selectedOption.value?.id ?? "0")]?.value);
+		/** Controls whether the nested schema is displayed */
+		const showNestedSchema = ref(false);
+		if (requestBodyCompositionSelectionRef && props.schemaContext === "requestBody" && compositionSelectionKey.value) watch(selectedOption, (option) => {
+			const index = option ? Number(option.id) : 0;
+			if (!Number.isNaN(index)) requestBodyCompositionSelectionRef.value = {
+				...requestBodyCompositionSelectionRef.value,
+				[compositionSelectionKey.value]: index
+			};
+		}, { immediate: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [props.composition === "allOf" ? (openBlock(), createBlock(Schema_default, {
+				key: 0,
+				breadcrumb: __props.breadcrumb,
+				compact: __props.compact,
+				discriminator: __props.discriminator,
+				eventBus: __props.eventBus,
+				hideHeading: __props.hideHeading,
+				level: __props.level + 1,
+				name: __props.name,
+				noncollapsible: true,
+				options: __props.options,
+				compositionPath: __props.compositionPath,
+				schemaContext: __props.schemaContext,
+				schema: unref(mergeAllOfSchemas)(__props.schema)
+			}, null, 8, [
+				"breadcrumb",
+				"compact",
+				"discriminator",
+				"eventBus",
+				"hideHeading",
+				"level",
+				"name",
+				"options",
+				"compositionPath",
+				"schemaContext",
+				"schema"
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ScalarListbox), {
+				modelValue: selectedOption.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
+				options: listboxOptions.value,
+				resize: ""
+			}, {
+				default: withCtx(() => [createElementVNode("button", _hoisted_2, [
+					createElementVNode("span", _hoisted_3, toDisplayString(humanizeType(props.composition)), 1),
+					createElementVNode("span", { class: normalizeClass(["composition-selector-label text-c-1", { "line-through": selectedComposition.value?.deprecated }]) }, toDisplayString(selectedOption.value?.label || "Schema"), 3),
+					selectedComposition.value?.deprecated ? (openBlock(), createElementBlock("div", _hoisted_4, " deprecated ")) : createCommentVNode("", true),
+					createVNode(unref(ScalarIconCaretDown))
+				])]),
+				_: 1
+			}, 8, ["modelValue", "options"]), createElementVNode("div", _hoisted_5, [!showNestedSchema.value && __props.level > 2 ? (openBlock(), createElementBlock("button", {
+				key: 0,
+				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",
+				type: "button",
+				onClick: _cache[1] || (_cache[1] = ($event) => showNestedSchema.value = true)
+			}, [_cache[2] || (_cache[2] = createTextVNode(" Show Schema Details ", -1)), createVNode(unref(ScalarIconCaretDown), { class: "h-3 w-3" })])) : (openBlock(), createBlock(Schema_default, {
+				key: 1,
+				breadcrumb: __props.breadcrumb,
+				compact: __props.compact,
+				discriminator: __props.discriminator,
+				eventBus: __props.eventBus,
+				hideHeading: __props.hideHeading,
+				level: __props.level + 1,
+				name: __props.name,
+				noncollapsible: true,
+				options: __props.options,
+				compositionPath: __props.compositionPath,
+				schemaContext: __props.schemaContext,
+				schema: selectedComposition.value
+			}, null, 8, [
+				"breadcrumb",
+				"compact",
+				"discriminator",
+				"eventBus",
+				"hideHeading",
+				"level",
+				"name",
+				"options",
+				"compositionPath",
+				"schemaContext",
+				"schema"
+			]))])], 64))]);
+		};
+	}
+});
+//#endregion
+export { SchemaComposition_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaComposition.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaComposition.vue.script.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, inject, ref, watch } from 'vue'\n\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport {\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  type RequestBodyCompositionSelection,\n} from '@/features/Operation/request-body-composition-index'\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    /** When \"requestBody\", sync selected index with the example snippet */\n    schemaContext?: string\n    /** Internal path used to sync nested request body compositions with the code sample */\n    compositionPath?: string[]\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\nconst compositionSelectionKey = computed(() =>\n  props.compositionPath?.length\n    ? [...props.compositionPath, props.composition].join('.')\n    : '',\n)\n\n/** When this composition is in the request body, sync selection with the example snippet */\nconst requestBodyCompositionSelectionRef = inject(\n  REQUEST_BODY_COMPOSITION_INDEX_SYMBOL,\n  undefined,\n)\n\nconst initialSelectedIndex = computed(() => {\n  if (\n    props.schemaContext !== 'requestBody' ||\n    !requestBodyCompositionSelectionRef?.value ||\n    !compositionSelectionKey.value\n  ) {\n    return 0\n  }\n\n  const selectedIndex =\n    requestBodyCompositionSelectionRef.value[compositionSelectionKey.value]\n\n  if (typeof selectedIndex !== 'number' || Number.isNaN(selectedIndex)) {\n    return 0\n  }\n\n  return Math.max(0, Math.min(selectedIndex, listboxOptions.value.length - 1))\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\nwatch(\n  [listboxOptions, initialSelectedIndex],\n  ([options, selectedIndex]) => {\n    if (\n      !selectedOption.value ||\n      !options.some((option) => option.id === selectedOption.value?.id)\n    ) {\n      selectedOption.value = options[selectedIndex] ?? options[0]\n    }\n  },\n  { immediate: true },\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\nif (\n  requestBodyCompositionSelectionRef &&\n  props.schemaContext === 'requestBody' &&\n  compositionSelectionKey.value\n) {\n  watch(\n    selectedOption,\n    (option) => {\n      const index = option ? Number(option.id) : 0\n      if (!Number.isNaN(index)) {\n        requestBodyCompositionSelectionRef.value = {\n          ...requestBodyCompositionSelectionRef.value,\n          [compositionSelectionKey.value]: index,\n        } satisfies RequestBodyCompositionSelection\n      }\n    },\n    { immediate: true },\n  )\n}\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      :compositionPath=\"compositionPath\"\n      :schemaContext=\"schemaContext\"\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          :compositionPath=\"compositionPath\"\n          :schemaContext=\"schemaContext\"\n          :schema=\"selectedComposition\" />\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;;EAkCd,MAAM,cAAc,eAClB,CAAC,MAAM,OAAO,MAAM,aAAY,CAC7B,MAAK,CACL,KAAK,YAAY;GAAE,OAAO,QAAQ,OAAO,OAAO;GAAE,UAAU;GAAQ,EAAC,CACrE,QAAQ,OAAO,UAAU,GAAG,MAAM,CAAC,CACxC;;;;;;EAOA,MAAM,iBAAiB,eACrB,YAAY,MAAM,KAAK,QAAQ,UAAkB;GAC/C,MAAM,WAAW,QAAQ,OAAO,OAAO,SAAS;GAChD,MAAM,SACH,uBAAuB,SAAS,IAAI,cAAc,SAAS,KAAK;AACnE,UAAO;IAAE,IAAI,OAAO,MAAM;IAAE;IAAM;IAClC,CACJ;EAEA,MAAM,0BAA0B,eAC9B,MAAM,iBAAiB,SACnB,CAAC,GAAG,MAAM,iBAAiB,MAAM,YAAY,CAAC,KAAK,IAAG,GACtD,GACN;;EAGA,MAAM,qCAAqC,OACzC,uCACA,KAAA,EACF;EAEA,MAAM,uBAAuB,eAAe;AAC1C,OACE,MAAM,kBAAkB,iBACxB,CAAC,oCAAoC,SACrC,CAAC,wBAAwB,MAEzB,QAAO;GAGT,MAAM,gBACJ,mCAAmC,MAAM,wBAAwB;AAEnE,OAAI,OAAO,kBAAkB,YAAY,OAAO,MAAM,cAAc,CAClE,QAAO;AAGT,UAAO,KAAK,IAAI,GAAG,KAAK,IAAI,eAAe,eAAe,MAAM,SAAS,EAAE,CAAA;IAC5E;;;;;EAMD,MAAM,iBAAiB,KAAqC;AAE5D,QACE,CAAC,gBAAgB,qBAAqB,GACrC,CAAC,SAAS,mBAAmB;AAC5B,OACE,CAAC,eAAe,SAChB,CAAC,QAAQ,MAAM,WAAW,OAAO,OAAO,eAAe,OAAO,GAAE,CAEhE,gBAAe,QAAQ,QAAQ,kBAAkB,QAAQ;KAG7D,EAAE,WAAW,MAAM,CACrB;;;;;EAMA,MAAM,gBAAgB,SACpB,KACG,QAAQ,YAAY,MAAK,CACzB,QAAQ,OAAO,QAAQ,IAAI,aAAa,CAAA,CACxC,aAAY,CACZ,QAAQ,UAAU,MAAM,EAAE,aAAa,CAAA;;EAG5C,MAAM,sBAAsB,eACpB,YAAY,MAAM,OAAO,eAAe,OAAO,MAAM,IAAI,GAAG,MACpE;;EAGA,MAAM,mBAAmB,IAAI,MAAK;AAElC,MACE,sCACA,MAAM,kBAAkB,iBACxB,wBAAwB,MAExB,OACE,iBACC,WAAW;GACV,MAAM,QAAQ,SAAS,OAAO,OAAO,GAAG,GAAG;AAC3C,OAAI,CAAC,OAAO,MAAM,MAAM,CACtB,oCAAmC,QAAQ;IACzC,GAAG,mCAAmC;KACrC,wBAAwB,QAAQ;IAClC;KAGL,EAAE,WAAW,MAAM,CACrB;;uBAKA,mBAuEM,OAvEN,YAuEM,CApEI,MAAM,gBAAW,WAAA,WAAA,EADzB,YAawC,gBAAA;;IAXrC,YAAY,QAAA;IACZ,SAAS,QAAA;IACT,eAAe,QAAA;IACf,UAAU,QAAA;IACV,aAAa,QAAA;IACb,OAAO,QAAA,QAAK;IACZ,MAAM,QAAA;IACN,gBAAgB;IAChB,SAAS,QAAA;IACT,iBAAiB,QAAA;IACjB,eAAe,QAAA;IACf,QAAQ,MAAA,kBAAiB,CAAC,QAAA,OAAM;;;;;;;;;;;;;uBAEnC,mBAqDW,UAAA,EAAA,KAAA,GAAA,EAAA,CAnDT,YAsBgB,MAAA,cAAA,EAAA;gBArBL,eAAA;gFAAc,QAAA;IACtB,SAAS,eAAA;IACV,QAAA;;2BAkBS,CAjBT,mBAiBS,UAjBT,YAiBS;KAdP,mBAAmE,QAAnE,YAAmE,gBAAzC,aAAa,MAAM,YAAW,CAAA,EAAA,EAAA;KACxD,mBAMO,QAAA,EALL,OAAK,eAAA,CAAC,uCAAqC,EAAA,gBACH,oBAAA,OAAqB,YAAA,CAAA,CAAA,EAAA,EAAA,gBAG1D,eAAA,OAAgB,SAAK,SAAA,EAAA,EAAA;KAGlB,oBAAA,OAAqB,cAAA,WAAA,EAD7B,mBAIM,OAJN,YAEmB,eAEnB,IAAA,mBAAA,IAAA,KAAA;KACA,YAAuB,MAAA,oBAAA,CAAA;;;qCAI3B,mBA0BM,OA1BN,YA0BM,CAAA,CAvBK,iBAAA,SAAoB,QAAA,QAAK,KAAA,WAAA,EADlC,mBAOS,UAAA;;IALP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,iBAAA,QAAgB;iDAAS,yBAEjC,GAAA,GAAA,YAAuC,MAAA,oBAAA,EAAA,EAAlB,OAAM,WAAS,CAAA,CAAA,CAAA,KAAA,WAAA,EAItC,YAakC,gBAAA;;IAX/B,YAAY,QAAA;IACZ,SAAS,QAAA;IACT,eAAe,QAAA;IACf,UAAU,QAAA;IACV,aAAa,QAAA;IACb,OAAO,QAAA,QAAK;IACZ,MAAM,QAAA;IACN,gBAAgB;IAChB,SAAS,QAAA;IACT,iBAAiB,QAAA;IACjB,eAAe,QAAA;IACf,QAAQ,oBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEnumPropertyItem.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown, ScalarWrappingText } from '@scalar/components'\n\ndefineProps<{\n  label: string\n  description?: string\n}>()\n</script>\n\n<template>\n  <li class=\"property-enum-value\">\n    <div class=\"property-enum-value-content\">\n      <span class=\"property-enum-value-label\">\n        <ScalarWrappingText\n          :text=\"label\"\n          preset=\"property\" />\n      </span>\n      <span\n        v-if=\"description\"\n        class=\"property-enum-value-description\">\n        <ScalarMarkdown :value=\"description\" />\n      </span>\n    </div>\n  </li>\n</template>\n\n<style scoped>\n.property-enum-value {\n  color: var(--scalar-color-3);\n  line-height: 1.5;\n  overflow-wrap: break-word;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n\n  --decorator-width: 1px;\n  --decorator-color: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-color-1) 25%\n  );\n}\n\n.property-enum-value-content {\n  display: flex;\n  flex-direction: column;\n  padding: 3px 0;\n}\n\n.property-enum-value-label {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-font-size-4);\n  position: relative;\n}\n\n.property-enum-value:last-of-type .property-enum-value-label {\n  padding-bottom: 0;\n}\n\n.property-enum-value::before {\n  content: '';\n  margin-right: 12px;\n  width: var(--decorator-width);\n  display: block;\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::before,\n.property-enum-values:has(.enum-toggle-button)\n  .property-enum-value:nth-last-child(2)::before {\n  height: calc(0.5lh + 4px);\n}\n\n.property-enum-value-label::after {\n  content: '';\n  position: absolute;\n  top: calc(0.5lh);\n  left: -12px;\n  width: 8px;\n  height: var(--decorator-width);\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::after {\n  bottom: 0;\n  height: 50%;\n  background: var(--scalar-background-1);\n  border-top: var(--scalar-border-width) solid var(--decorator-color);\n}\n\n.property-enum-value-description {\n  color: var(--scalar-color-3);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,29 @@
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, unref } from "vue";
+import { ScalarMarkdown, ScalarWrappingText } from "@scalar/components";
+//#region src/components/Content/Schema/SchemaEnumPropertyItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "property-enum-value" };
+var _hoisted_2 = { class: "property-enum-value-content" };
+var _hoisted_3 = { class: "property-enum-value-label" };
+var _hoisted_4 = {
+	key: 0,
+	class: "property-enum-value-description"
+};
+var SchemaEnumPropertyItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaEnumPropertyItem",
+	props: {
+		label: {},
+		description: {}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("li", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, [createVNode(unref(ScalarWrappingText), {
+				text: __props.label,
+				preset: "property"
+			}, null, 8, ["text"])]), __props.description ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(unref(ScalarMarkdown), { value: __props.description }, null, 8, ["value"])])) : createCommentVNode("", true)])]);
+		};
+	}
+});
+//#endregion
+export { SchemaEnumPropertyItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaEnumPropertyItem.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEnumPropertyItem.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown, ScalarWrappingText } from '@scalar/components'\n\ndefineProps<{\n  label: string\n  description?: string\n}>()\n</script>\n\n<template>\n  <li class=\"property-enum-value\">\n    <div class=\"property-enum-value-content\">\n      <span class=\"property-enum-value-label\">\n        <ScalarWrappingText\n          :text=\"label\"\n          preset=\"property\" />\n      </span>\n      <span\n        v-if=\"description\"\n        class=\"property-enum-value-description\">\n        <ScalarMarkdown :value=\"description\" />\n      </span>\n    </div>\n  </li>\n</template>\n\n<style scoped>\n.property-enum-value {\n  color: var(--scalar-color-3);\n  line-height: 1.5;\n  overflow-wrap: break-word;\n  display: flex;\n  align-items: stretch;\n  position: relative;\n\n  --decorator-width: 1px;\n  --decorator-color: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-color-1) 25%\n  );\n}\n\n.property-enum-value-content {\n  display: flex;\n  flex-direction: column;\n  padding: 3px 0;\n}\n\n.property-enum-value-label {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n  font-size: var(--scalar-font-size-4);\n  position: relative;\n}\n\n.property-enum-value:last-of-type .property-enum-value-label {\n  padding-bottom: 0;\n}\n\n.property-enum-value::before {\n  content: '';\n  margin-right: 12px;\n  width: var(--decorator-width);\n  display: block;\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::before,\n.property-enum-values:has(.enum-toggle-button)\n  .property-enum-value:nth-last-child(2)::before {\n  height: calc(0.5lh + 4px);\n}\n\n.property-enum-value-label::after {\n  content: '';\n  position: absolute;\n  top: calc(0.5lh);\n  left: -12px;\n  width: 8px;\n  height: var(--decorator-width);\n  background-color: var(--decorator-color);\n}\n\n.property-enum-value:last-of-type::after {\n  bottom: 0;\n  height: 50%;\n  background: var(--scalar-background-1);\n  border-top: var(--scalar-border-width) solid var(--decorator-color);\n}\n\n.property-enum-value-description {\n  color: var(--scalar-color-3);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;uBAUE,mBAaK,MAbL,YAaK,CAZH,mBAWM,OAXN,YAWM,CAVJ,mBAIO,QAJP,YAIO,CAHL,YAEsB,MAAA,mBAAA,EAAA;IADnB,MAAM,QAAA;IACP,QAAO;4BAGH,QAAA,eAAA,WAAA,EADR,mBAIO,QAJP,YAIO,CADL,YAAuC,MAAA,eAAA,EAAA,EAAtB,OAAO,QAAA,aAAW,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEnums.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, ref } from 'vue'\n\nimport SchemaEnumPropertyItem from './SchemaEnumPropertyItem.vue'\n\nconst { value } = defineProps<{\n  /** The schema object containing enum values and metadata */\n  value: SchemaObject | undefined\n  /** Whether to display the enum for property names */\n  propertyNames?: boolean\n}>()\n\nconst ENUM_DISPLAY_THRESHOLD = 9\nconst INITIAL_VISIBLE_COUNT = 5\nconst THIN_SPACE = '\\u2009'\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => {\n  if (!value) {\n    return []\n  }\n  return (\n    value.enum ||\n    (isArraySchema(value) && resolve.schema(value.items)?.enum) ||\n    []\n  )\n})\n\n/**\n * Determines if we should show the long enum list UI.\n * When there are many enum values, we initially show only a subset.\n */\nconst shouldUseLongListDisplay = computed(\n  () => enumValues.value.length > ENUM_DISPLAY_THRESHOLD,\n)\n\nconst initialVisibleCount = computed(() =>\n  shouldUseLongListDisplay.value\n    ? INITIAL_VISIBLE_COUNT\n    : enumValues.value.length,\n)\n\nconst visibleEnumValues = computed(() =>\n  enumValues.value.slice(0, initialVisibleCount.value),\n)\n\nconst hiddenEnumValues = computed(() =>\n  enumValues.value.slice(initialVisibleCount.value),\n)\n\n/**\n * Gets the description for an enum value.\n * Supports both array and object formats for x-enumDescriptions.\n */\nconst getEnumValueDescription = (\n  enumValue: any,\n  index: number,\n): string | undefined => {\n  const descriptions =\n    value?.['x-enumDescriptions'] ?? value?.['x-enum-descriptions']\n\n  if (!descriptions) {\n    return undefined\n  }\n\n  if (Array.isArray(descriptions)) {\n    return descriptions[index]\n  }\n\n  if (typeof descriptions === 'object' && descriptions !== null) {\n    return (descriptions as Record<string, string>)[String(enumValue)]\n  }\n\n  return undefined\n}\n\n/**\n * Formats an enum value with its variable name if available.\n * This supports both x-enum-varnames and x-enumNames extensions.\n */\nconst formatEnumValueWithName = (enumValue: any, index: number): string => {\n  const varNames = value?.['x-enum-varnames'] ?? value?.['x-enumNames']\n  const varName = Array.isArray(varNames) ? varNames[index] : undefined\n  return varName\n    ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}`\n    : String(enumValue)\n}\n\n/**\n * Controls whether the hidden enum values are visible.\n */\nconst isExpanded = ref(false)\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"enumValues.length > 0\"\n    class=\"property-enum\">\n    <div\n      v-if=\"propertyNames\"\n      class=\"property-enum-property-names\">\n      property names\n    </div>\n    <div\n      v-else\n      class=\"property-enum-property-names\">\n      values\n    </div>\n    <ul class=\"property-enum-values\">\n      <!-- Visible enum values -->\n      <SchemaEnumPropertyItem\n        v-for=\"(enumValue, index) in visibleEnumValues\"\n        :key=\"String(enumValue)\"\n        :description=\"getEnumValueDescription(enumValue, index)\"\n        :label=\"formatEnumValueWithName(enumValue, index)\" />\n\n      <!-- Hidden enum values (when expanded) -->\n      <template v-if=\"shouldUseLongListDisplay && isExpanded\">\n        <SchemaEnumPropertyItem\n          v-for=\"(enumValue, index) in hiddenEnumValues\"\n          :key=\"String(enumValue)\"\n          :description=\"\n            getEnumValueDescription(enumValue, initialVisibleCount + index)\n          \"\n          :label=\"\n            formatEnumValueWithName(enumValue, initialVisibleCount + index)\n          \" />\n      </template>\n\n      <!-- Toggle button for long lists -->\n      <li v-if=\"shouldUseLongListDisplay\">\n        <ScalarButton\n          class=\"enum-toggle-button my-2 flex h-fit gap-1 rounded-full border py-1.5 pr-2.5 pl-2 leading-none\"\n          variant=\"ghost\"\n          @click=\"toggleExpanded\">\n          <ScalarIconPlus\n            :class=\"{ 'rotate-45': isExpanded }\"\n            weight=\"bold\" />\n          {{ isExpanded ? 'Hide values' : 'Show all values' }}\n        </ScalarButton>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.property-heading:empty + .property-description:last-of-type,\n.property-description:first-of-type:last-of-type {\n  margin-top: 0;\n}\n\n.property-list {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n  margin-top: 10px;\n}\n\n.property-list .property:last-of-type {\n  padding-bottom: 10px;\n}\n\n.property-enum-values {\n  font-size: var(--scalar-font-size-3);\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 2px;\n}\n\n.enum-toggle-button:hover {\n  color: var(--scalar-color-1);\n}\n\n.property-enum-property-names {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-2);\n  display: inline-block;\n  padding: 0 2px;\n  margin-top: 8px;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,108 @@
+import SchemaEnumPropertyItem_default from "./SchemaEnumPropertyItem.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconPlus } from "@scalar/icons";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+//#region src/components/Content/Schema/SchemaEnums.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "property-enum"
+};
+var _hoisted_2 = {
+	key: 0,
+	class: "property-enum-property-names"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "property-enum-property-names"
+};
+var _hoisted_4 = { class: "property-enum-values" };
+var _hoisted_5 = { key: 1 };
+var ENUM_DISPLAY_THRESHOLD = 9;
+var INITIAL_VISIBLE_COUNT = 5;
+var THIN_SPACE = " ";
+/**
+* Extracts enum values from the schema object.
+* Handles both direct enum values and nested enum arrays.
+*/
+var SchemaEnums_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaEnums",
+	props: {
+		value: {},
+		propertyNames: { type: Boolean }
+	},
+	setup(__props) {
+		const enumValues = computed(() => {
+			if (!__props.value) return [];
+			return __props.value.enum || isArraySchema(__props.value) && resolve.schema(__props.value.items)?.enum || [];
+		});
+		/**
+		* Determines if we should show the long enum list UI.
+		* When there are many enum values, we initially show only a subset.
+		*/
+		const shouldUseLongListDisplay = computed(() => enumValues.value.length > ENUM_DISPLAY_THRESHOLD);
+		const initialVisibleCount = computed(() => shouldUseLongListDisplay.value ? INITIAL_VISIBLE_COUNT : enumValues.value.length);
+		const visibleEnumValues = computed(() => enumValues.value.slice(0, initialVisibleCount.value));
+		const hiddenEnumValues = computed(() => enumValues.value.slice(initialVisibleCount.value));
+		/**
+		* Gets the description for an enum value.
+		* Supports both array and object formats for x-enumDescriptions.
+		*/
+		const getEnumValueDescription = (enumValue, index) => {
+			const descriptions = __props.value?.["x-enumDescriptions"] ?? __props.value?.["x-enum-descriptions"];
+			if (!descriptions) return;
+			if (Array.isArray(descriptions)) return descriptions[index];
+			if (typeof descriptions === "object" && descriptions !== null) return descriptions[String(enumValue)];
+		};
+		/**
+		* Formats an enum value with its variable name if available.
+		* This supports both x-enum-varnames and x-enumNames extensions.
+		*/
+		const formatEnumValueWithName = (enumValue, index) => {
+			const varNames = __props.value?.["x-enum-varnames"] ?? __props.value?.["x-enumNames"];
+			const varName = Array.isArray(varNames) ? varNames[index] : void 0;
+			return varName ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}` : String(enumValue);
+		};
+		/**
+		* Controls whether the hidden enum values are visible.
+		*/
+		const isExpanded = ref(false);
+		const toggleExpanded = () => {
+			isExpanded.value = !isExpanded.value;
+		};
+		return (_ctx, _cache) => {
+			return enumValues.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [__props.propertyNames ? (openBlock(), createElementBlock("div", _hoisted_2, " property names ")) : (openBlock(), createElementBlock("div", _hoisted_3, " values ")), createElementVNode("ul", _hoisted_4, [
+				(openBlock(true), createElementBlock(Fragment, null, renderList(visibleEnumValues.value, (enumValue, index) => {
+					return openBlock(), createBlock(SchemaEnumPropertyItem_default, {
+						key: String(enumValue),
+						description: getEnumValueDescription(enumValue, index),
+						label: formatEnumValueWithName(enumValue, index)
+					}, null, 8, ["description", "label"]);
+				}), 128)),
+				shouldUseLongListDisplay.value && isExpanded.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(hiddenEnumValues.value, (enumValue, index) => {
+					return openBlock(), createBlock(SchemaEnumPropertyItem_default, {
+						key: String(enumValue),
+						description: getEnumValueDescription(enumValue, initialVisibleCount.value + index),
+						label: formatEnumValueWithName(enumValue, initialVisibleCount.value + index)
+					}, null, 8, ["description", "label"]);
+				}), 128)) : createCommentVNode("", true),
+				shouldUseLongListDisplay.value ? (openBlock(), createElementBlock("li", _hoisted_5, [createVNode(unref(ScalarButton), {
+					class: "enum-toggle-button my-2 flex h-fit gap-1 rounded-full border py-1.5 pr-2.5 pl-2 leading-none",
+					variant: "ghost",
+					onClick: toggleExpanded
+				}, {
+					default: withCtx(() => [createVNode(unref(ScalarIconPlus), {
+						class: normalizeClass({ "rotate-45": isExpanded.value }),
+						weight: "bold"
+					}, null, 8, ["class"]), createTextVNode(" " + toDisplayString(isExpanded.value ? "Hide values" : "Show all values"), 1)]),
+					_: 1
+				})])) : createCommentVNode("", true)
+			])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { SchemaEnums_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaEnums.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaEnums.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaEnums.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconPlus } from '@scalar/icons'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, ref } from 'vue'\n\nimport SchemaEnumPropertyItem from './SchemaEnumPropertyItem.vue'\n\nconst { value } = defineProps<{\n  /** The schema object containing enum values and metadata */\n  value: SchemaObject | undefined\n  /** Whether to display the enum for property names */\n  propertyNames?: boolean\n}>()\n\nconst ENUM_DISPLAY_THRESHOLD = 9\nconst INITIAL_VISIBLE_COUNT = 5\nconst THIN_SPACE = '\\u2009'\n\n/**\n * Extracts enum values from the schema object.\n * Handles both direct enum values and nested enum arrays.\n */\nconst enumValues = computed(() => {\n  if (!value) {\n    return []\n  }\n  return (\n    value.enum ||\n    (isArraySchema(value) && resolve.schema(value.items)?.enum) ||\n    []\n  )\n})\n\n/**\n * Determines if we should show the long enum list UI.\n * When there are many enum values, we initially show only a subset.\n */\nconst shouldUseLongListDisplay = computed(\n  () => enumValues.value.length > ENUM_DISPLAY_THRESHOLD,\n)\n\nconst initialVisibleCount = computed(() =>\n  shouldUseLongListDisplay.value\n    ? INITIAL_VISIBLE_COUNT\n    : enumValues.value.length,\n)\n\nconst visibleEnumValues = computed(() =>\n  enumValues.value.slice(0, initialVisibleCount.value),\n)\n\nconst hiddenEnumValues = computed(() =>\n  enumValues.value.slice(initialVisibleCount.value),\n)\n\n/**\n * Gets the description for an enum value.\n * Supports both array and object formats for x-enumDescriptions.\n */\nconst getEnumValueDescription = (\n  enumValue: any,\n  index: number,\n): string | undefined => {\n  const descriptions =\n    value?.['x-enumDescriptions'] ?? value?.['x-enum-descriptions']\n\n  if (!descriptions) {\n    return undefined\n  }\n\n  if (Array.isArray(descriptions)) {\n    return descriptions[index]\n  }\n\n  if (typeof descriptions === 'object' && descriptions !== null) {\n    return (descriptions as Record<string, string>)[String(enumValue)]\n  }\n\n  return undefined\n}\n\n/**\n * Formats an enum value with its variable name if available.\n * This supports both x-enum-varnames and x-enumNames extensions.\n */\nconst formatEnumValueWithName = (enumValue: any, index: number): string => {\n  const varNames = value?.['x-enum-varnames'] ?? value?.['x-enumNames']\n  const varName = Array.isArray(varNames) ? varNames[index] : undefined\n  return varName\n    ? `${enumValue}${THIN_SPACE}=${THIN_SPACE}${varName}`\n    : String(enumValue)\n}\n\n/**\n * Controls whether the hidden enum values are visible.\n */\nconst isExpanded = ref(false)\n\nconst toggleExpanded = () => {\n  isExpanded.value = !isExpanded.value\n}\n</script>\n\n<template>\n  <div\n    v-if=\"enumValues.length > 0\"\n    class=\"property-enum\">\n    <div\n      v-if=\"propertyNames\"\n      class=\"property-enum-property-names\">\n      property names\n    </div>\n    <div\n      v-else\n      class=\"property-enum-property-names\">\n      values\n    </div>\n    <ul class=\"property-enum-values\">\n      <!-- Visible enum values -->\n      <SchemaEnumPropertyItem\n        v-for=\"(enumValue, index) in visibleEnumValues\"\n        :key=\"String(enumValue)\"\n        :description=\"getEnumValueDescription(enumValue, index)\"\n        :label=\"formatEnumValueWithName(enumValue, index)\" />\n\n      <!-- Hidden enum values (when expanded) -->\n      <template v-if=\"shouldUseLongListDisplay && isExpanded\">\n        <SchemaEnumPropertyItem\n          v-for=\"(enumValue, index) in hiddenEnumValues\"\n          :key=\"String(enumValue)\"\n          :description=\"\n            getEnumValueDescription(enumValue, initialVisibleCount + index)\n          \"\n          :label=\"\n            formatEnumValueWithName(enumValue, initialVisibleCount + index)\n          \" />\n      </template>\n\n      <!-- Toggle button for long lists -->\n      <li v-if=\"shouldUseLongListDisplay\">\n        <ScalarButton\n          class=\"enum-toggle-button my-2 flex h-fit gap-1 rounded-full border py-1.5 pr-2.5 pl-2 leading-none\"\n          variant=\"ghost\"\n          @click=\"toggleExpanded\">\n          <ScalarIconPlus\n            :class=\"{ 'rotate-45': isExpanded }\"\n            weight=\"bold\" />\n          {{ isExpanded ? 'Hide values' : 'Show all values' }}\n        </ScalarButton>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<style scoped>\n.property-heading:empty + .property-description:last-of-type,\n.property-description:first-of-type:last-of-type {\n  margin-top: 0;\n}\n\n.property-list {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n  margin-top: 10px;\n}\n\n.property-list .property:last-of-type {\n  padding-bottom: 10px;\n}\n\n.property-enum-values {\n  font-size: var(--scalar-font-size-3);\n  list-style: none;\n  margin-top: 8px;\n  padding-left: 2px;\n}\n\n.enum-toggle-button:hover {\n  color: var(--scalar-color-1);\n}\n\n.property-enum-property-names {\n  font-size: var(--scalar-font-size-4);\n  color: var(--scalar-color-2);\n  display: inline-block;\n  padding: 0 2px;\n  margin-top: 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,yBAAyB;AAC/B,IAAM,wBAAwB;AAC9B,IAAM,aAAa;;;;;;;;;;;;EAMnB,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,QAAA,MACH,QAAO,EAAC;AAEV,UACE,QAAA,MAAM,QACL,cAAc,QAAA,MAAM,IAAI,QAAQ,OAAO,QAAA,MAAM,MAAM,EAAE,QACtD,EAAC;IAEJ;;;;;EAMD,MAAM,2BAA2B,eACzB,WAAW,MAAM,SAAS,uBAClC;EAEA,MAAM,sBAAsB,eAC1B,yBAAyB,QACrB,wBACA,WAAW,MAAM,OACvB;EAEA,MAAM,oBAAoB,eACxB,WAAW,MAAM,MAAM,GAAG,oBAAoB,MAAM,CACtD;EAEA,MAAM,mBAAmB,eACvB,WAAW,MAAM,MAAM,oBAAoB,MAAM,CACnD;;;;;EAMA,MAAM,2BACJ,WACA,UACuB;GACvB,MAAM,eACJ,QAAA,QAAQ,yBAAyB,QAAA,QAAQ;AAE3C,OAAI,CAAC,aACH;AAGF,OAAI,MAAM,QAAQ,aAAa,CAC7B,QAAO,aAAa;AAGtB,OAAI,OAAO,iBAAiB,YAAY,iBAAiB,KACvD,QAAQ,aAAwC,OAAO,UAAU;;;;;;EAUrE,MAAM,2BAA2B,WAAgB,UAA0B;GACzE,MAAM,WAAW,QAAA,QAAQ,sBAAsB,QAAA,QAAQ;GACvD,MAAM,UAAU,MAAM,QAAQ,SAAS,GAAG,SAAS,SAAS,KAAA;AAC5D,UAAO,UACH,GAAG,YAAY,WAAW,GAAG,aAAa,YAC1C,OAAO,UAAS;;;;;EAMtB,MAAM,aAAa,IAAI,MAAK;EAE5B,MAAM,uBAAuB;AAC3B,cAAW,QAAQ,CAAC,WAAW;;;UAMvB,WAAA,MAAW,SAAM,KAAA,WAAA,EADzB,mBA+CM,OA/CN,YA+CM,CA3CI,QAAA,iBAAA,WAAA,EADR,mBAIM,OAJN,YAEuC,mBAEvC,KAAA,WAAA,EACA,mBAIM,OAJN,YAEuC,WAEvC,GACA,mBAiCK,MAjCL,YAiCK;sBA/BH,mBAIuD,UAAA,MAAA,WAHxB,kBAAA,QAArB,WAAW,UAAK;yBAD1B,YAIuD,gCAAA;MAFpD,KAAK,OAAO,UAAS;MACrB,aAAa,wBAAwB,WAAW,MAAK;MACrD,OAAO,wBAAwB,WAAW,MAAK;;;IAGlC,yBAAA,SAA4B,WAAA,SAAA,UAAA,KAAA,EAC1C,mBAQM,UAAA,EAAA,KAAA,GAAA,EAAA,WAPyB,iBAAA,QAArB,WAAW,UAAK;yBAD1B,YAQM,gCAAA;MANH,KAAK,OAAO,UAAS;MACrB,aAA0B,wBAAwB,WAAW,oBAAA,QAAsB,MAAK;MAGxF,OAAoB,wBAAwB,WAAW,oBAAA,QAAsB,MAAK;;;IAM7E,yBAAA,SAAA,WAAA,EAAV,mBAUK,MAAA,YAAA,CATH,YAQe,MAAA,aAAA,EAAA;KAPb,OAAM;KACN,SAAQ;KACP,SAAO;;4BAGU,CAFlB,YAEkB,MAAA,eAAA,EAAA;MADf,OAAK,eAAA,EAAA,aAAiB,WAAA,OAAU,CAAA;MACjC,QAAO;6CAAS,MAClB,gBAAG,WAAA,QAAU,gBAAA,kBAAA,EAAA,EAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaHeading.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed } from 'vue'\n\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\n\nconst { value } = defineProps<{\n  value: SchemaObject\n  name?: string\n}>()\n\n/** Generate a failsafe type from the properties when we don't have one */\nconst failsafeType = computed(() => {\n  if ('type' in value) {\n    return value.type\n  }\n\n  if (value.enum) {\n    return 'enum'\n  }\n\n  if (isArraySchema(value) && value.items) {\n    return 'array'\n  }\n\n  if (isTypeObject(value) && (value.properties || value.additionalProperties)) {\n    return 'object'\n  }\n\n  return 'unknown'\n})\n</script>\n\n<template>\n  <span\n    v-if=\"typeof value === 'object'\"\n    class=\"schema-type\">\n    <span\n      class=\"schema-type-icon\"\n      :title=\"\n        'type' in value && typeof value.type === 'string'\n          ? value.type\n          : 'type' in value && Array.isArray(value.type)\n            ? value.type.join(' | ')\n            : 'unknown type'\n      \">\n      <template v-if=\"isTypeObject(value)\"> {} </template>\n      <template v-if=\"isArraySchema(value)\"> [] </template>\n      <template v-if=\"value.enum\"> enum </template>\n    </span>\n    <template v-if=\"name\">\n      <ScalarWrappingText\n        :text=\"name\"\n        preset=\"property\" />\n    </template>\n    <template v-else>\n      {{ failsafeType }}\n    </template>\n  </span>\n</template>\n<style scoped>\n/* Style the \"icon\" */\n.schema-type-icon {\n  color: var(--scalar-color-1);\n  display: none;\n}\n.schema-type {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,45 @@
+import { isTypeObject } from "./helpers/is-type-object.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { ScalarWrappingText } from "@scalar/components";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+//#region src/components/Content/Schema/SchemaHeading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "schema-type"
+};
+var _hoisted_2 = ["title"];
+var SchemaHeading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaHeading",
+	props: {
+		value: {},
+		name: {}
+	},
+	setup(__props) {
+		/** Generate a failsafe type from the properties when we don't have one */
+		const failsafeType = computed(() => {
+			if ("type" in __props.value) return __props.value.type;
+			if (__props.value.enum) return "enum";
+			if (isArraySchema(__props.value) && __props.value.items) return "array";
+			if (isTypeObject(__props.value) && (__props.value.properties || __props.value.additionalProperties)) return "object";
+			return "unknown";
+		});
+		return (_ctx, _cache) => {
+			return typeof __props.value === "object" ? (openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
+				class: "schema-type-icon",
+				title: "type" in __props.value && typeof __props.value.type === "string" ? __props.value.type : "type" in __props.value && Array.isArray(__props.value.type) ? __props.value.type.join(" | ") : "unknown type"
+			}, [
+				unref(isTypeObject)(__props.value) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(" {} ")], 64)) : createCommentVNode("", true),
+				unref(isArraySchema)(__props.value) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" [] ")], 64)) : createCommentVNode("", true),
+				__props.value.enum ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(" enum ")], 64)) : createCommentVNode("", true)
+			], 8, _hoisted_2), __props.name ? (openBlock(), createBlock(unref(ScalarWrappingText), {
+				key: 0,
+				text: __props.name,
+				preset: "property"
+			}, null, 8, ["text"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(failsafeType.value), 1)], 64))])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { SchemaHeading_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaHeading.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaHeading.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarWrappingText } from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed } from 'vue'\n\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\n\nconst { value } = defineProps<{\n  value: SchemaObject\n  name?: string\n}>()\n\n/** Generate a failsafe type from the properties when we don't have one */\nconst failsafeType = computed(() => {\n  if ('type' in value) {\n    return value.type\n  }\n\n  if (value.enum) {\n    return 'enum'\n  }\n\n  if (isArraySchema(value) && value.items) {\n    return 'array'\n  }\n\n  if (isTypeObject(value) && (value.properties || value.additionalProperties)) {\n    return 'object'\n  }\n\n  return 'unknown'\n})\n</script>\n\n<template>\n  <span\n    v-if=\"typeof value === 'object'\"\n    class=\"schema-type\">\n    <span\n      class=\"schema-type-icon\"\n      :title=\"\n        'type' in value && typeof value.type === 'string'\n          ? value.type\n          : 'type' in value && Array.isArray(value.type)\n            ? value.type.join(' | ')\n            : 'unknown type'\n      \">\n      <template v-if=\"isTypeObject(value)\"> {} </template>\n      <template v-if=\"isArraySchema(value)\"> [] </template>\n      <template v-if=\"value.enum\"> enum </template>\n    </span>\n    <template v-if=\"name\">\n      <ScalarWrappingText\n        :text=\"name\"\n        preset=\"property\" />\n    </template>\n    <template v-else>\n      {{ failsafeType }}\n    </template>\n  </span>\n</template>\n<style scoped>\n/* Style the \"icon\" */\n.schema-type-icon {\n  color: var(--scalar-color-1);\n  display: none;\n}\n.schema-type {\n  font-family: var(--scalar-font-code);\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAcA,MAAM,eAAe,eAAe;AAClC,OAAI,UAAU,QAAA,MACZ,QAAO,QAAA,MAAM;AAGf,OAAI,QAAA,MAAM,KACR,QAAO;AAGT,OAAI,cAAc,QAAA,MAAM,IAAI,QAAA,MAAM,MAChC,QAAO;AAGT,OAAI,aAAa,QAAA,MAAM,KAAK,QAAA,MAAM,cAAc,QAAA,MAAM,sBACpD,QAAO;AAGT,UAAO;IACR;;iBAKgB,QAAA,UAAK,YAAA,WAAA,EADpB,mBAwBO,QAxBP,YAwBO,CArBL,mBAYO,QAAA;IAXL,OAAM;IACL,OAAA,UAA0B,QAAA,SAAK,OAAW,QAAA,MAAM,SAAI,WAA0B,QAAA,MAAM,OAAA,UAA2B,QAAA,SAAS,MAAM,QAAQ,QAAA,MAAM,KAAI,GAAgB,QAAA,MAAM,KAAK,KAAI,MAAA,GAAA;;IAOhK,MAAA,aAAY,CAAC,QAAA,MAAK,IAAA,WAAA,EAAlC,mBAAoD,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAf,OAAI,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA;IACzB,MAAA,cAAa,CAAC,QAAA,MAAK,IAAA,WAAA,EAAnC,mBAAqD,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAf,OAAI,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA;IAC1B,QAAA,MAAM,QAAA,WAAA,EAAtB,mBAA6C,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAjB,SAAM,CAAA,EAAA,GAAA,IAAA,mBAAA,IAAA,KAAA;sBAEpB,QAAA,QAAA,WAAA,EACd,YAEsB,MAAA,mBAAA,EAAA;;IADnB,MAAM,QAAA;IACP,QAAO;0CAEX,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,aAAA,MAAY,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaObjectExampleCodeBlock.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarCodeBlock,\n} from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nconst { schema } = defineProps<{ schema: SchemaObject }>()\n\n/** Grab the examples for the schema object */\nconst examples = computed<Record<string, string>>(() => {\n  const base: Record<string, string> = {}\n\n  // x-examples extension\n  if (schema['x-examples']) {\n    Object.entries(schema['x-examples']).forEach(([key, value]) => {\n      base[key] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  // Regular schema examples array\n  if (schema.examples) {\n    schema.examples.forEach((value, index) => {\n      base[`Example ${index + 1}`] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  return base\n})\n\n/** The currently selected example key */\nconst selectedExampleKey = ref<string>(Object.keys(examples.value)[0] ?? '')\n</script>\n<template>\n  <ScalarCard\n    v-if=\"Object.keys(examples).length > 0\"\n    class=\"dark-mode\">\n    <!-- Code snippet -->\n    <ScalarCardSection>\n      <div class=\"code-snippet\">\n        <ScalarCodeBlock\n          class=\"bg-b-2\"\n          lang=\"json\"\n          lineNumbers\n          :prettyPrintedContent=\"\n            examples[selectedExampleKey] ??\n            'There was an error loading the example'\n          \" />\n      </div>\n    </ScalarCardSection>\n\n    <!-- Example picker -->\n    <ScalarCardFooter\n      v-if=\"Object.keys(examples).length > 1\"\n      class=\"bg-b-3\">\n      <ExamplePicker\n        v-model=\"selectedExampleKey\"\n        :examples />\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,55 @@
+import { computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, openBlock, ref, unref, withCtx } from "vue";
+import { ScalarCard, ScalarCardFooter, ScalarCardSection, ScalarCodeBlock } from "@scalar/components";
+import { ExamplePicker } from "@scalar/api-client/v2/blocks/operation-code-sample";
+//#region src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "code-snippet" };
+var SchemaObjectExampleCodeBlock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaObjectExampleCodeBlock",
+	props: { schema: {} },
+	setup(__props) {
+		/** Grab the examples for the schema object */
+		const examples = computed(() => {
+			const base = {};
+			if (__props.schema["x-examples"]) Object.entries(__props.schema["x-examples"]).forEach(([key, value]) => {
+				base[key] = typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
+			});
+			if (__props.schema.examples) __props.schema.examples.forEach((value, index) => {
+				base[`Example ${index + 1}`] = typeof value === "object" ? JSON.stringify(value, null, 2) : String(value);
+			});
+			return base;
+		});
+		/** The currently selected example key */
+		const selectedExampleKey = ref(Object.keys(examples.value)[0] ?? "");
+		return (_ctx, _cache) => {
+			return Object.keys(examples.value).length > 0 ? (openBlock(), createBlock(unref(ScalarCard), {
+				key: 0,
+				class: "dark-mode"
+			}, {
+				default: withCtx(() => [createVNode(unref(ScalarCardSection), null, {
+					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ScalarCodeBlock), {
+						class: "bg-b-2",
+						lang: "json",
+						lineNumbers: "",
+						prettyPrintedContent: examples.value[selectedExampleKey.value] ?? "There was an error loading the example"
+					}, null, 8, ["prettyPrintedContent"])])]),
+					_: 1
+				}), Object.keys(examples.value).length > 1 ? (openBlock(), createBlock(unref(ScalarCardFooter), {
+					key: 0,
+					class: "bg-b-3"
+				}, {
+					default: withCtx(() => [createVNode(unref(ExamplePicker), {
+						modelValue: selectedExampleKey.value,
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedExampleKey.value = $event),
+						examples: examples.value
+					}, null, 8, ["modelValue", "examples"])]),
+					_: 1
+				})) : createCommentVNode("", true)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { SchemaObjectExampleCodeBlock_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaObjectExampleCodeBlock.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaObjectExampleCodeBlock.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaObjectExampleCodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ExamplePicker } from '@scalar/api-client/v2/blocks/operation-code-sample'\nimport {\n  ScalarCard,\n  ScalarCardFooter,\n  ScalarCardSection,\n  ScalarCodeBlock,\n} from '@scalar/components'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport { computed, ref } from 'vue'\n\nconst { schema } = defineProps<{ schema: SchemaObject }>()\n\n/** Grab the examples for the schema object */\nconst examples = computed<Record<string, string>>(() => {\n  const base: Record<string, string> = {}\n\n  // x-examples extension\n  if (schema['x-examples']) {\n    Object.entries(schema['x-examples']).forEach(([key, value]) => {\n      base[key] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  // Regular schema examples array\n  if (schema.examples) {\n    schema.examples.forEach((value, index) => {\n      base[`Example ${index + 1}`] =\n        typeof value === 'object'\n          ? JSON.stringify(value, null, 2)\n          : String(value)\n    })\n  }\n\n  return base\n})\n\n/** The currently selected example key */\nconst selectedExampleKey = ref<string>(Object.keys(examples.value)[0] ?? '')\n</script>\n<template>\n  <ScalarCard\n    v-if=\"Object.keys(examples).length > 0\"\n    class=\"dark-mode\">\n    <!-- Code snippet -->\n    <ScalarCardSection>\n      <div class=\"code-snippet\">\n        <ScalarCodeBlock\n          class=\"bg-b-2\"\n          lang=\"json\"\n          lineNumbers\n          :prettyPrintedContent=\"\n            examples[selectedExampleKey] ??\n            'There was an error loading the example'\n          \" />\n      </div>\n    </ScalarCardSection>\n\n    <!-- Example picker -->\n    <ScalarCardFooter\n      v-if=\"Object.keys(examples).length > 1\"\n      class=\"bg-b-3\">\n      <ExamplePicker\n        v-model=\"selectedExampleKey\"\n        :examples />\n    </ScalarCardFooter>\n  </ScalarCard>\n</template>\n"],"mappings":";;;;;;;;;;EAcA,MAAM,WAAW,eAAuC;GACtD,MAAM,OAA+B,EAAC;AAGtC,OAAI,QAAA,OAAO,cACT,QAAO,QAAQ,QAAA,OAAO,cAAc,CAAC,SAAS,CAAC,KAAK,WAAW;AAC7D,SAAK,OACH,OAAO,UAAU,WACb,KAAK,UAAU,OAAO,MAAM,EAAC,GAC7B,OAAO,MAAK;KACnB;AAIH,OAAI,QAAA,OAAO,SACT,SAAA,OAAO,SAAS,SAAS,OAAO,UAAU;AACxC,SAAK,WAAW,QAAQ,OACtB,OAAO,UAAU,WACb,KAAK,UAAU,OAAO,MAAM,EAAC,GAC7B,OAAO,MAAK;KACnB;AAGH,UAAO;IACR;;EAGD,MAAM,qBAAqB,IAAY,OAAO,KAAK,SAAS,MAAM,CAAC,MAAM,GAAE;;UAIjE,OAAO,KAAK,SAAA,MAAQ,CAAE,SAAM,KAAA,WAAA,EADpC,YAyBa,MAAA,WAAA,EAAA;;IAvBX,OAAM;;2BAac,CAXpB,YAWoB,MAAA,kBAAA,EAAA,MAAA;4BADZ,CATN,mBASM,OATN,YASM,CARJ,YAOM,MAAA,gBAAA,EAAA;MANJ,OAAM;MACN,MAAK;MACL,aAAA;MACC,sBAAmC,SAAA,MAAS,mBAAA,UAAA;;;QAS3C,OAAO,KAAK,SAAA,MAAQ,CAAE,SAAM,KAAA,WAAA,EADpC,YAMmB,MAAA,iBAAA,EAAA;;KAJjB,OAAM;;4BAGQ,CAFd,YAEc,MAAA,cAAA,EAAA;kBADH,mBAAA;sFAAkB,QAAA;MAC1B,UAAA,SAAA"}

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

@@ -11,6 +11,8 @@ type __VLS_Props = {
     breadcrumb?: string[];
     eventBus: WorkspaceEventBus | null;
     options: SchemaOptions;
+    schemaContext?: string;
+    compositionPath?: string[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/Content/Schema/SchemaObjectProperties.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaObjectProperties.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaObjectProperties.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAItE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,YAAY,CAAA;IACpB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,aAAa,CAAA;CACvB,CAAC;AA0PF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SchemaObjectProperties.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaObjectProperties.vue"],"names":[],"mappings":"AAuNA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAItE,KAAK,WAAW,GAAG;IACf,MAAM,EAAE,YAAY,CAAA;IACpB,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,OAAO,EAAE,aAAa,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAC;AAuRJ,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}