@scalar/api-reference 1.49.3 → 1.49.4

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

@@ -0,0 +1,161 @@
+import { isTypeObject } from "./helpers/is-type-object.js";
+import { sortPropertyNames } from "./helpers/sort-property-names.js";
+import SchemaProperty_default from "./SchemaProperty.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, renderList, unref } from "vue";
+import { resolve } from "@scalar/workspace-store/resolve";
+//#region src/components/Content/Schema/SchemaObjectProperties.vue?vue&type=script&setup=true&lang.ts
+var SchemaObjectProperties_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaObjectProperties",
+	props: {
+		schema: {},
+		discriminator: {},
+		compact: { type: Boolean },
+		hideHeading: { type: Boolean },
+		level: {},
+		hideModelNames: { type: Boolean },
+		breadcrumb: {},
+		eventBus: {},
+		options: {}
+	},
+	setup(__props) {
+		/**
+		* Sorts properties by required status first, then alphabetically.
+		* Required properties appear first, followed by optional properties.
+		*/
+		const sortedProperties = computed(() => sortPropertyNames(__props.schema, __props.discriminator, __props.options));
+		/**
+		* Get the display name for additional properties.
+		*
+		* Checks x-additionalPropertiesName extension first, then falls back to the
+		* propertyNames schema title if available.
+		*/
+		const getAdditionalPropertiesName = (_additionalProperties, _propertyNames) => {
+			const additionalProperties = typeof _additionalProperties === "boolean" ? _additionalProperties : resolve.schema(_additionalProperties);
+			if (typeof additionalProperties === "object" && typeof additionalProperties["x-additionalPropertiesName"] === "string" && additionalProperties["x-additionalPropertiesName"].trim().length > 0) return `${additionalProperties["x-additionalPropertiesName"].trim()}`;
+			if (_propertyNames) {
+				const resolved = resolve.schema(_propertyNames);
+				if (resolved?.title) return resolved.title;
+			}
+			return "propertyName";
+		};
+		/**
+		* Extract enum values from the propertyNames schema.
+		*
+		* JSON Schema's propertyNames keyword constrains which keys are valid
+		* in an object with additionalProperties. When it contains an enum,
+		* these are the allowed key names.
+		*/
+		const getPropertyNamesEnum = (_propertyNames) => {
+			if (!_propertyNames) return;
+			const resolved = resolve.schema(_propertyNames);
+			if (resolved && "enum" in resolved && Array.isArray(resolved.enum) && resolved.enum.length > 0) return resolved.enum;
+		};
+		/** Enum values for the property keys, derived from propertyNames if present. */
+		const additionalPropertiesEnum = computed(() => {
+			if (!isTypeObject(__props.schema) || !__props.schema.additionalProperties) return;
+			return getPropertyNamesEnum(__props.schema.propertyNames);
+		});
+		/**
+		* Get the value for additional properties.
+		*
+		* When additionalProperties is true or an empty object, it should render as { type: 'anything' }.
+		*/
+		const getAdditionalPropertiesValue = (additionalProperties) => {
+			if (additionalProperties === true || typeof additionalProperties === "object" && Object.keys(additionalProperties).length === 0 || typeof additionalProperties !== "object" || !("type" in additionalProperties)) return {
+				type: "anything",
+				...typeof additionalProperties === "object" ? additionalProperties : {}
+			};
+			return additionalProperties;
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				unref(isTypeObject)(__props.schema) && __props.schema.properties ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(sortedProperties.value, (property) => {
+					return openBlock(), createBlock(SchemaProperty_default, {
+						key: property,
+						breadcrumb: __props.breadcrumb,
+						compact: __props.compact,
+						discriminator: __props.discriminator,
+						eventBus: __props.eventBus,
+						hideHeading: __props.hideHeading,
+						hideModelNames: __props.hideModelNames,
+						level: __props.level,
+						name: property,
+						options: __props.options,
+						required: __props.schema.required?.includes(property),
+						schema: unref(resolve).schema(__props.schema.properties[property])
+					}, null, 8, [
+						"breadcrumb",
+						"compact",
+						"discriminator",
+						"eventBus",
+						"hideHeading",
+						"hideModelNames",
+						"level",
+						"name",
+						"options",
+						"required",
+						"schema"
+					]);
+				}), 128)) : createCommentVNode("", true),
+				unref(isTypeObject)(__props.schema) && __props.schema.patternProperties ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(Object.entries(__props.schema.patternProperties), ([key, property]) => {
+					return openBlock(), createBlock(SchemaProperty_default, {
+						key,
+						breadcrumb: __props.breadcrumb,
+						compact: __props.compact,
+						discriminator: __props.discriminator,
+						eventBus: __props.eventBus,
+						hideHeading: __props.hideHeading,
+						hideModelNames: __props.hideModelNames,
+						level: __props.level,
+						name: key,
+						options: __props.options,
+						schema: unref(resolve).schema(property)
+					}, null, 8, [
+						"breadcrumb",
+						"compact",
+						"discriminator",
+						"eventBus",
+						"hideHeading",
+						"hideModelNames",
+						"level",
+						"name",
+						"options",
+						"schema"
+					]);
+				}), 128)) : createCommentVNode("", true),
+				unref(isTypeObject)(__props.schema) && __props.schema.additionalProperties ? (openBlock(), createBlock(SchemaProperty_default, {
+					key: 2,
+					breadcrumb: __props.breadcrumb,
+					compact: __props.compact,
+					discriminator: __props.discriminator,
+					eventBus: __props.eventBus,
+					hideHeading: __props.hideHeading,
+					hideModelNames: __props.hideModelNames,
+					level: __props.level,
+					name: getAdditionalPropertiesName(__props.schema.additionalProperties, __props.schema.propertyNames),
+					noncollapsible: "",
+					options: __props.options,
+					propertyNamesEnum: additionalPropertiesEnum.value,
+					schema: getAdditionalPropertiesValue(__props.schema.additionalProperties),
+					variant: "additionalProperties"
+				}, null, 8, [
+					"breadcrumb",
+					"compact",
+					"discriminator",
+					"eventBus",
+					"hideHeading",
+					"hideModelNames",
+					"level",
+					"name",
+					"options",
+					"propertyNamesEnum",
+					"schema"
+				])) : createCommentVNode("", true)
+			], 64);
+		};
+	}
+});
+//#endregion
+export { SchemaObjectProperties_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaObjectProperties.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaObjectProperties.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaObjectProperties.vue"],"sourcesContent":["<script setup lang=\"ts\">\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 } from 'vue'\n\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport { sortPropertyNames } from '@/components/Content/Schema/helpers/sort-property-names'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\n\nimport SchemaProperty from './SchemaProperty.vue'\n\nconst { schema, discriminator, options } = defineProps<{\n  schema: SchemaObject\n  discriminator?: DiscriminatorObject\n  compact?: boolean\n  hideHeading?: boolean\n  level?: number\n  hideModelNames?: boolean\n  breadcrumb?: string[]\n  eventBus: WorkspaceEventBus | null\n  options: SchemaOptions\n}>()\n\n/**\n * Sorts properties by required status first, then alphabetically.\n * Required properties appear first, followed by optional properties.\n */\nconst sortedProperties = computed(() =>\n  sortPropertyNames(schema, discriminator, options),\n)\n\n/**\n * Get the display name for additional properties.\n *\n * Checks x-additionalPropertiesName extension first, then falls back to the\n * propertyNames schema title if available.\n */\nconst getAdditionalPropertiesName = (\n  _additionalProperties: Extract<\n    SchemaObject,\n    { type: 'object' }\n  >['additionalProperties'],\n  _propertyNames?: Extract<SchemaObject, { type: 'object' }>['propertyNames'],\n) => {\n  const additionalProperties =\n    typeof _additionalProperties === 'boolean'\n      ? _additionalProperties\n      : resolve.schema(_additionalProperties)\n\n  if (\n    typeof additionalProperties === 'object' &&\n    typeof additionalProperties['x-additionalPropertiesName'] === 'string' &&\n    additionalProperties['x-additionalPropertiesName'].trim().length > 0\n  ) {\n    return `${additionalProperties['x-additionalPropertiesName'].trim()}`\n  }\n\n  // Fall back to the propertyNames title when available\n  if (_propertyNames) {\n    const resolved = resolve.schema(_propertyNames)\n    if (resolved?.title) {\n      return resolved.title\n    }\n  }\n\n  return 'propertyName'\n}\n\n/**\n * Extract enum values from the propertyNames schema.\n *\n * JSON Schema's propertyNames keyword constrains which keys are valid\n * in an object with additionalProperties. When it contains an enum,\n * these are the allowed key names.\n */\nconst getPropertyNamesEnum = (\n  _propertyNames?: Extract<SchemaObject, { type: 'object' }>['propertyNames'],\n): string[] | undefined => {\n  if (!_propertyNames) {\n    return undefined\n  }\n\n  const resolved = resolve.schema(_propertyNames)\n  if (\n    resolved &&\n    'enum' in resolved &&\n    Array.isArray(resolved.enum) &&\n    resolved.enum.length > 0\n  ) {\n    return resolved.enum as string[]\n  }\n\n  return undefined\n}\n\n/** Enum values for the property keys, derived from propertyNames if present. */\nconst additionalPropertiesEnum = computed(() => {\n  if (!isTypeObject(schema) || !schema.additionalProperties) {\n    return undefined\n  }\n  return getPropertyNamesEnum(schema.propertyNames)\n})\n\n/**\n * Get the value for additional properties.\n *\n * When additionalProperties is true or an empty object, it should render as { type: 'anything' }.\n */\nconst getAdditionalPropertiesValue = (\n  additionalProperties: Extract<\n    SchemaObject,\n    { type: 'object' }\n  >['additionalProperties'],\n): SchemaObject => {\n  if (\n    additionalProperties === true ||\n    (typeof additionalProperties === 'object' &&\n      Object.keys(additionalProperties).length === 0) ||\n    typeof additionalProperties !== 'object' ||\n    !('type' in additionalProperties)\n  ) {\n    return {\n      // @ts-expect-error - ask hans\n      type: 'anything',\n      ...(typeof additionalProperties === 'object' ? additionalProperties : {}),\n    }\n  }\n\n  return additionalProperties\n}\n</script>\n\n<template>\n  <!-- Properties -->\n  <template v-if=\"isTypeObject(schema) && schema.properties\">\n    <SchemaProperty\n      v-for=\"property in sortedProperties\"\n      :key=\"property\"\n      :breadcrumb\n      :compact\n      :discriminator\n      :eventBus=\"eventBus\"\n      :hideHeading\n      :hideModelNames\n      :level\n      :name=\"property\"\n      :options=\"options\"\n      :required=\"schema.required?.includes(property)\"\n      :schema=\"resolve.schema(schema.properties[property])\" />\n  </template>\n\n  <!-- patternProperties -->\n  <template v-if=\"isTypeObject(schema) && schema.patternProperties\">\n    <SchemaProperty\n      v-for=\"[key, property] in Object.entries(schema.patternProperties)\"\n      :key=\"key\"\n      :breadcrumb\n      :compact\n      :discriminator\n      :eventBus=\"eventBus\"\n      :hideHeading\n      :hideModelNames=\"hideModelNames\"\n      :level\n      :name=\"key\"\n      :options=\"options\"\n      :schema=\"resolve.schema(property)\" />\n  </template>\n\n  <!-- additionalProperties -->\n  <template v-if=\"isTypeObject(schema) && schema.additionalProperties\">\n    <SchemaProperty\n      :breadcrumb\n      :compact\n      :discriminator\n      :eventBus=\"eventBus\"\n      :hideHeading\n      :hideModelNames\n      :level\n      :name=\"\n        getAdditionalPropertiesName(\n          schema.additionalProperties,\n          schema.propertyNames,\n        )\n      \"\n      noncollapsible\n      :options=\"options\"\n      :propertyNamesEnum=\"additionalPropertiesEnum\"\n      :schema=\"getAdditionalPropertiesValue(schema.additionalProperties)\"\n      variant=\"additionalProperties\" />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,mBAAmB,eACvB,kBAAkB,QAAA,QAAQ,QAAA,eAAe,QAAA,QAAQ,CACnD;;;;;;;EAQA,MAAM,+BACJ,uBAIA,mBACG;GACH,MAAM,uBACJ,OAAO,0BAA0B,YAC7B,wBACA,QAAQ,OAAO,sBAAqB;AAE1C,OACE,OAAO,yBAAyB,YAChC,OAAO,qBAAqB,kCAAkC,YAC9D,qBAAqB,8BAA8B,MAAM,CAAC,SAAS,EAEnE,QAAO,GAAG,qBAAqB,8BAA8B,MAAM;AAIrE,OAAI,gBAAgB;IAClB,MAAM,WAAW,QAAQ,OAAO,eAAc;AAC9C,QAAI,UAAU,MACZ,QAAO,SAAS;;AAIpB,UAAO;;;;;;;;;EAUT,MAAM,wBACJ,mBACyB;AACzB,OAAI,CAAC,eACH;GAGF,MAAM,WAAW,QAAQ,OAAO,eAAc;AAC9C,OACE,YACA,UAAU,YACV,MAAM,QAAQ,SAAS,KAAK,IAC5B,SAAS,KAAK,SAAS,EAEvB,QAAO,SAAS;;;EAOpB,MAAM,2BAA2B,eAAe;AAC9C,OAAI,CAAC,aAAa,QAAA,OAAO,IAAI,CAAC,QAAA,OAAO,qBACnC;AAEF,UAAO,qBAAqB,QAAA,OAAO,cAAa;IACjD;;;;;;EAOD,MAAM,gCACJ,yBAIiB;AACjB,OACE,yBAAyB,QACxB,OAAO,yBAAyB,YAC/B,OAAO,KAAK,qBAAqB,CAAC,WAAW,KAC/C,OAAO,yBAAyB,YAChC,EAAE,UAAU,sBAEZ,QAAO;IAEL,MAAM;IACN,GAAI,OAAO,yBAAyB,WAAW,uBAAuB,EAAE;IAC1E;AAGF,UAAO;;;;IAMS,MAAA,aAAY,CAAC,QAAA,OAAM,IAAK,QAAA,OAAO,cAAA,UAAA,KAAA,EAC7C,mBAa0D,UAAA,EAAA,KAAA,GAAA,EAAA,WAZrC,iBAAA,QAAZ,aAAQ;yBADjB,YAa0D,wBAAA;MAXvD,KAAK;MACL,YAAA,QAAA;MACA,SAAA,QAAA;MACA,eAAA,QAAA;MACA,UAAU,QAAA;MACV,aAAA,QAAA;MACA,gBAAA,QAAA;MACA,OAAA,QAAA;MACA,MAAM;MACN,SAAS,QAAA;MACT,UAAU,QAAA,OAAO,UAAU,SAAS,SAAQ;MAC5C,QAAQ,MAAA,QAAO,CAAC,OAAO,QAAA,OAAO,WAAW,UAAQ;;;;;;;;;;;;;;;IAItC,MAAA,aAAY,CAAC,QAAA,OAAM,IAAK,QAAA,OAAO,qBAAA,UAAA,KAAA,EAC7C,mBAYuC,UAAA,EAAA,KAAA,GAAA,EAAA,WAXX,OAAO,QAAQ,QAAA,OAAO,kBAAiB,GAAA,CAAzD,KAAK,cAAQ;yBADvB,YAYuC,wBAAA;MAV/B;MACL,YAAA,QAAA;MACA,SAAA,QAAA;MACA,eAAA,QAAA;MACA,UAAU,QAAA;MACV,aAAA,QAAA;MACA,gBAAgB,QAAA;MAChB,OAAA,QAAA;MACA,MAAM;MACN,SAAS,QAAA;MACT,QAAQ,MAAA,QAAO,CAAC,OAAO,SAAQ;;;;;;;;;;;;;;IAIpB,MAAA,aAAY,CAAC,QAAA,OAAM,IAAK,QAAA,OAAO,wBAAA,WAAA,EAC7C,YAkBmC,wBAAA;;KAjBhC,YAAA,QAAA;KACA,SAAA,QAAA;KACA,eAAA,QAAA;KACA,UAAU,QAAA;KACV,aAAA,QAAA;KACA,gBAAA,QAAA;KACA,OAAA,QAAA;KACA,MAAe,4BAAuC,QAAA,OAAO,sBAAgC,QAAA,OAAO,cAAA;KAMrG,gBAAA;KACC,SAAS,QAAA;KACT,mBAAmB,yBAAA;KACnB,QAAQ,6BAA6B,QAAA,OAAO,qBAAoB;KACjE,SAAQ"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown, ScalarWrappingText } from '@scalar/components'\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 { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, type Component } from 'vue'\n\nimport { WithBreadcrumb } from '@/components/Anchor'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport { getCompositionsToRender } from './helpers/get-compositions-to-render'\nimport { getEnumValues } from './helpers/get-enum-values'\nimport { getPropertyDescription } from './helpers/get-property-description'\nimport { hasComplexArrayItems } from './helpers/has-complex-array-items'\nimport { optimizeValueForDisplay } from './helpers/optimize-value-for-display'\nimport { shouldDisplayDescription } from './helpers/should-display-description'\nimport { shouldDisplayHeading } from './helpers/should-display-heading'\nimport Schema from './Schema.vue'\nimport SchemaComposition from './SchemaComposition.vue'\nimport SchemaEnums from './SchemaEnums.vue'\nimport SchemaPropertyHeading from './SchemaPropertyHeading.vue'\n\n/**\n * Note: We're taking in a prop called `value` which should be a JSON Schema.\n *\n * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).\n * So you should basically use the optimizedValue everywhere in the component.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    is?: string | Component\n    schema: SchemaObject | undefined\n    noncollapsible?: boolean\n    level?: number\n    name?: string\n    required?: boolean\n    compact?: boolean\n    discriminator?: DiscriminatorObject\n    description?: string\n    hideModelNames?: boolean\n    hideHeading?: boolean\n    /** When the root schema was resolved from a $ref, pass the ref name for display (e.g. \"Data\"). */\n    modelName?: string | null\n    variant?: 'additionalProperties' | 'patternProperties'\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    options: SchemaOptions\n    /** Enum values for property names (from JSON Schema propertyNames keyword). */\n    propertyNamesEnum?: string[]\n  }>(),\n  {\n    level: 0,\n    required: false,\n    compact: false,\n    hideModelNames: false,\n  },\n)\n\n/** Simplified composition with `null` type. */\nconst optimizedValue = computed(() => optimizeValueForDisplay(props.schema))\n\nconst childBreadcrumb = computed<string[] | undefined>(() =>\n  props.breadcrumb && props.name\n    ? [...props.breadcrumb, props.name]\n    : undefined,\n)\n\nconst shouldHaveLink = computed(() => props.level <= 1)\n\n/** Checks if array items have complex structure */\nconst hasComplexArrayItemsComputed = computed(() =>\n  hasComplexArrayItems(optimizedValue.value),\n)\n\n/** Check if enum should be displayed (from value schema or from propertyNames) */\nconst hasEnum = computed(() => enumValues.value.length > 0)\n\n/** Determine if object properties should be displayed */\nconst shouldRenderObjectProperties = computed(() => {\n  const value = optimizedValue.value\n  if (!value) {\n    return false\n  }\n\n  return (\n    isTypeObject(value) &&\n    ('properties' in value || 'additionalProperties' in value)\n  )\n})\n\n/** Determine if array of objects should be rendered */\nconst shouldRenderArrayOfObjects = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return false\n  }\n\n  return hasComplexArrayItemsComputed.value\n})\n\n/** Extract enum values from schema or array items */\nconst enumValues = computed(() => getEnumValues(optimizedValue.value))\n\n/** Generate property description from type/format */\nconst propertyDescription = computed(() =>\n  getPropertyDescription(optimizedValue.value),\n)\n\n/** Determine if description should be displayed */\nconst displayDescription = computed(() =>\n  shouldDisplayDescription(optimizedValue.value, props.description),\n)\n\n/**\n * When the property already renders the description, avoid repeating it in the nested object schema card.\n */\nconst objectSchemaForChildren = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !displayDescription.value || !('description' in value)) {\n    return value\n  }\n\n  const { description: _description, ...schemaWithoutDescription } = value\n  return schemaWithoutDescription as SchemaObject\n})\n\n/** Determine if property heading should be displayed */\nconst shouldDisplayHeadingComputed = computed(() =>\n  shouldDisplayHeading(optimizedValue.value, props.name, props.required),\n)\n\n/** Computes which compositions should be rendered and with which values */\nconst compositionsToRender = computed(() =>\n  getCompositionsToRender(optimizedValue.value),\n)\n\n/** Get resolved array items for rendering */\nconst resolvedArrayItems = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return undefined\n  }\n  return resolve.schema(value.items)\n})\n\n/** Check if discriminator matches current property */\nconst isDiscriminatorProperty = computed(() =>\n  Boolean(props.name && props.discriminator?.propertyName === props.name),\n)\n</script>\n<template>\n  <component\n    :is=\"is ?? 'li'\"\n    class=\"property\"\n    :class=\"[\n      `property--level-${level}`,\n      {\n        'property--compact': compact,\n        'property--deprecated': optimizedValue?.deprecated,\n      },\n    ]\">\n    <SchemaPropertyHeading\n      v-if=\"shouldDisplayHeadingComputed\"\n      class=\"group\"\n      :enum=\"hasEnum\"\n      :hideModelNames\n      :isDiscriminator=\"isDiscriminatorProperty\"\n      :modelName=\"modelName\"\n      :required\n      :value=\"optimizedValue\">\n      <template\n        v-if=\"name\"\n        #name>\n        <WithBreadcrumb\n          :breadcrumb=\"shouldHaveLink ? childBreadcrumb : undefined\"\n          :eventBus=\"eventBus\">\n          <span\n            v-if=\"variant === 'patternProperties'\"\n            class=\"property-name-pattern-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <span\n            v-else-if=\"variant === 'additionalProperties'\"\n            class=\"property-name-additional-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <ScalarWrappingText\n            v-else\n            preset=\"property\"\n            :text=\"name\" />\n        </WithBreadcrumb>\n      </template>\n      <template\n        v-if=\"optimizedValue?.example !== undefined\"\n        #example>\n        Example:\n        {{ optimizedValue.example }}\n      </template>\n    </SchemaPropertyHeading>\n\n    <!-- Description -->\n    <div\n      v-if=\"displayDescription || propertyDescription\"\n      class=\"property-description\">\n      <ScalarMarkdown\n        :value=\"displayDescription || propertyDescription || ''\" />\n    </div>\n\n    <!-- Enum for property names -->\n    <SchemaEnums\n      v-if=\"propertyNamesEnum && propertyNamesEnum.length > 0\"\n      propertyNames\n      :value=\"{ enum: propertyNamesEnum } as SchemaObject\" />\n\n    <!-- Enum values -->\n    <SchemaEnums\n      v-if=\"enumValues.length > 0\"\n      :value=\"optimizedValue\" />\n\n    <!-- Object -->\n    <div\n      v-if=\"shouldRenderObjectProperties\"\n      class=\"children\">\n      <Schema\n        :breadcrumb=\"childBreadcrumb\"\n        :compact=\"compact\"\n        :eventBus=\"eventBus\"\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"objectSchemaForChildren\" />\n    </div>\n\n    <!-- Array of objects or nested arrays -->\n    <div\n      v-if=\"shouldRenderArrayOfObjects && resolvedArrayItems\"\n      class=\"children\">\n      <Schema\n        :compact=\"compact\"\n        :eventBus=\"eventBus\"\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"resolve.schema(resolvedArrayItems)\" />\n    </div>\n\n    <!-- Compositions -->\n    <SchemaComposition\n      v-for=\"compositionData in compositionsToRender\"\n      :key=\"compositionData.composition\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :composition=\"compositionData.composition\"\n      :discriminator=\"schema?.discriminator\"\n      :eventBus=\"eventBus\"\n      :hideHeading=\"hideHeading\"\n      :level=\"level\"\n      :name=\"name\"\n      :noncollapsible=\"noncollapsible\"\n      :options=\"options\"\n      :schema=\"compositionData.value\" />\n    <SpecificationExtension :value=\"optimizedValue\" />\n  </component>\n</template>\n\n<style scoped>\n.property {\n  color: var(--scalar-color-1);\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  font-size: var(--scalar-small);\n  position: relative;\n}\n\n/** Remove top padding for top level schema card */\n.property.property--level-0:has(\n    > .property-rule\n      > .schema-card\n      > .schema-properties.schema-properties-open\n      > ul\n      > li.property\n  ) {\n  padding-top: 0;\n}\n\n.property--compact.property--level-0,\n.property--compact.property--level-1 {\n  padding: 10px 0;\n}\n\n.composition-panel .property.property.property.property--level-0 {\n  padding: 0px;\n}\n\n.property--compact.property--level-0\n  .composition-panel\n  .property--compact.property--level-1 {\n  padding: 8px;\n}\n\n/*  if a property doesn't have a heading, remove the top padding */\n.property:has(> .property-rule:nth-of-type(1)):not(.property--compact) {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.property--deprecated {\n  background: repeating-linear-gradient(\n    -45deg,\n    var(--scalar-background-2) 0,\n    var(--scalar-background-2) 2px,\n    transparent 2px,\n    transparent 5px\n  );\n  background-size: 100%;\n}\n\n.property--deprecated > * {\n  opacity: 0.75;\n}\n\n.property-description {\n  margin-top: 6px;\n  line-height: 1.4;\n  font-size: var(--scalar-small);\n}\n\n.property-description:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n:deep(.property-description) * {\n  color: var(--scalar-color-2) !important;\n}\n\n.property:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-description + .children,\n.children + .property-rule {\n  margin-top: 9px;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n}\n\n.children .property--compact.property--level-1 {\n  padding: 12px;\n}\n\n.property-example-value {\n  all: unset;\n  font-family: var(--scalar-font-code);\n  padding: 6px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-rule {\n  border-radius: var(--scalar-radius-lg);\n  display: flex;\n  flex-direction: column;\n}\n\n.property-rule\n  :deep(\n    .composition-panel\n      .schema-card--level-1\n      > .schema-properties.schema-properties-open\n  ) {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n\n.property-rule\n  :deep(.composition-panel > .schema-card > .schema-card-description) {\n  padding: 10px;\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  & + .schema-properties {\n    margin-top: 0;\n  }\n}\n\n.property-example {\n  background: transparent;\n  border: none;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n}\n\n.property-example-label,\n.property-example-value {\n  padding: 3px 0 0 0;\n}\n\n.property-example-value {\n  background: var(--scalar-background-2);\n  border-top: 0;\n  border-radius: var(--scalar-radius);\n  padding: 3px 4px;\n}\n\n.property-name {\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-semibold);\n}\n\n.property-name-additional-properties::before,\n.property-name-pattern-properties::before {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  display: inline-block;\n  padding: 2px 4px;\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  background-color: var(--scalar-background-2);\n  margin-right: 4px;\n}\n\n.property-name-pattern-properties::before {\n  content: 'regex';\n}\n\n.property-name-additional-properties,\n.property-name-pattern-properties {\n  border: 1px dashed var(--scalar-border-color);\n  color: var(--scalar-color-accent);\n  display: inline-block;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,256 @@
+import WithBreadcrumb_default from "../../Anchor/WithBreadcrumb.vue.js";
+import SpecificationExtension_default from "../../../features/specification-extension/SpecificationExtension.vue.js";
+import { isTypeObject } from "./helpers/is-type-object.js";
+import { hasComplexArrayItems } from "./helpers/has-complex-array-items.js";
+import { getCompositionsToRender } from "./helpers/get-compositions-to-render.js";
+import { getEnumValues } from "./helpers/get-enum-values.js";
+import { getPropertyDescription } from "./helpers/get-property-description.js";
+import { optimizeValueForDisplay } from "./helpers/optimize-value-for-display.js";
+import { shouldDisplayDescription } from "./helpers/should-display-description.js";
+import { shouldDisplayHeading } from "./helpers/should-display-heading.js";
+import SchemaComposition_default from "./SchemaComposition.vue.js";
+import SchemaEnums_default from "./SchemaEnums.vue.js";
+import SchemaPropertyHeading_default from "./SchemaPropertyHeading.vue.js";
+import Schema_default from "./Schema.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { ScalarMarkdown, ScalarWrappingText } from "@scalar/components";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+//#region src/components/Content/Schema/SchemaProperty.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "property-name-pattern-properties"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "property-name-additional-properties"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "property-description"
+};
+var _hoisted_4 = {
+	key: 4,
+	class: "children"
+};
+var _hoisted_5 = {
+	key: 5,
+	class: "children"
+};
+/**
+* Note: We're taking in a prop called `value` which should be a JSON Schema.
+*
+* We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).
+* So you should basically use the optimizedValue everywhere in the component.
+*/
+var SchemaProperty_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaProperty",
+	props: {
+		is: {},
+		schema: {},
+		noncollapsible: { type: Boolean },
+		level: { default: 0 },
+		name: {},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		compact: {
+			type: Boolean,
+			default: false
+		},
+		discriminator: {},
+		description: {},
+		hideModelNames: {
+			type: Boolean,
+			default: false
+		},
+		hideHeading: { type: Boolean },
+		modelName: {},
+		variant: {},
+		breadcrumb: {},
+		eventBus: {},
+		options: {},
+		propertyNamesEnum: {}
+	},
+	setup(__props) {
+		const props = __props;
+		/** Simplified composition with `null` type. */
+		const optimizedValue = computed(() => optimizeValueForDisplay(props.schema));
+		const childBreadcrumb = computed(() => props.breadcrumb && props.name ? [...props.breadcrumb, props.name] : void 0);
+		const shouldHaveLink = computed(() => props.level <= 1);
+		/** Checks if array items have complex structure */
+		const hasComplexArrayItemsComputed = computed(() => hasComplexArrayItems(optimizedValue.value));
+		/** Check if enum should be displayed (from value schema or from propertyNames) */
+		const hasEnum = computed(() => enumValues.value.length > 0);
+		/** Determine if object properties should be displayed */
+		const shouldRenderObjectProperties = computed(() => {
+			const value = optimizedValue.value;
+			if (!value) return false;
+			return isTypeObject(value) && ("properties" in value || "additionalProperties" in value);
+		});
+		/** Determine if array of objects should be rendered */
+		const shouldRenderArrayOfObjects = computed(() => {
+			const value = optimizedValue.value;
+			if (!value || !isArraySchema(value) || typeof value.items !== "object") return false;
+			return hasComplexArrayItemsComputed.value;
+		});
+		/** Extract enum values from schema or array items */
+		const enumValues = computed(() => getEnumValues(optimizedValue.value));
+		/** Generate property description from type/format */
+		const propertyDescription = computed(() => getPropertyDescription(optimizedValue.value));
+		/** Determine if description should be displayed */
+		const displayDescription = computed(() => shouldDisplayDescription(optimizedValue.value, props.description));
+		/**
+		* When the property already renders the description, avoid repeating it in the nested object schema card.
+		*/
+		const objectSchemaForChildren = computed(() => {
+			const value = optimizedValue.value;
+			if (!value || !displayDescription.value || !("description" in value)) return value;
+			const { description: _description, ...schemaWithoutDescription } = value;
+			return schemaWithoutDescription;
+		});
+		/** Determine if property heading should be displayed */
+		const shouldDisplayHeadingComputed = computed(() => shouldDisplayHeading(optimizedValue.value, props.name, props.required));
+		/** Computes which compositions should be rendered and with which values */
+		const compositionsToRender = computed(() => getCompositionsToRender(optimizedValue.value));
+		/** Get resolved array items for rendering */
+		const resolvedArrayItems = computed(() => {
+			const value = optimizedValue.value;
+			if (!value || !isArraySchema(value) || typeof value.items !== "object") return;
+			return resolve.schema(value.items);
+		});
+		/** Check if discriminator matches current property */
+		const isDiscriminatorProperty = computed(() => Boolean(props.name && props.discriminator?.propertyName === props.name));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.is ?? "li"), { class: normalizeClass(["property", [`property--level-${__props.level}`, {
+				"property--compact": __props.compact,
+				"property--deprecated": optimizedValue.value?.deprecated
+			}]]) }, {
+				default: withCtx(() => [
+					shouldDisplayHeadingComputed.value ? (openBlock(), createBlock(SchemaPropertyHeading_default, {
+						key: 0,
+						class: "group",
+						enum: hasEnum.value,
+						hideModelNames: __props.hideModelNames,
+						isDiscriminator: isDiscriminatorProperty.value,
+						modelName: __props.modelName,
+						required: __props.required,
+						value: optimizedValue.value
+					}, createSlots({ _: 2 }, [__props.name ? {
+						name: "name",
+						fn: withCtx(() => [createVNode(unref(WithBreadcrumb_default), {
+							breadcrumb: shouldHaveLink.value ? childBreadcrumb.value : void 0,
+							eventBus: __props.eventBus
+						}, {
+							default: withCtx(() => [__props.variant === "patternProperties" ? (openBlock(), createElementBlock("span", _hoisted_1, [createVNode(unref(ScalarWrappingText), {
+								preset: "property",
+								text: __props.name
+							}, null, 8, ["text"])])) : __props.variant === "additionalProperties" ? (openBlock(), createElementBlock("span", _hoisted_2, [createVNode(unref(ScalarWrappingText), {
+								preset: "property",
+								text: __props.name
+							}, null, 8, ["text"])])) : (openBlock(), createBlock(unref(ScalarWrappingText), {
+								key: 2,
+								preset: "property",
+								text: __props.name
+							}, null, 8, ["text"]))]),
+							_: 1
+						}, 8, ["breadcrumb", "eventBus"])]),
+						key: "0"
+					} : void 0, optimizedValue.value?.example !== void 0 ? {
+						name: "example",
+						fn: withCtx(() => [createTextVNode(" Example: " + toDisplayString(optimizedValue.value.example), 1)]),
+						key: "1"
+					} : void 0]), 1032, [
+						"enum",
+						"hideModelNames",
+						"isDiscriminator",
+						"modelName",
+						"required",
+						"value"
+					])) : createCommentVNode("", true),
+					displayDescription.value || propertyDescription.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(ScalarMarkdown), { value: displayDescription.value || propertyDescription.value || "" }, null, 8, ["value"])])) : createCommentVNode("", true),
+					__props.propertyNamesEnum && __props.propertyNamesEnum.length > 0 ? (openBlock(), createBlock(SchemaEnums_default, {
+						key: 2,
+						propertyNames: "",
+						value: { enum: __props.propertyNamesEnum }
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					enumValues.value.length > 0 ? (openBlock(), createBlock(SchemaEnums_default, {
+						key: 3,
+						value: optimizedValue.value
+					}, null, 8, ["value"])) : createCommentVNode("", true),
+					shouldRenderObjectProperties.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(Schema_default, {
+						breadcrumb: childBreadcrumb.value,
+						compact: __props.compact,
+						eventBus: __props.eventBus,
+						level: __props.level + 1,
+						name: __props.name,
+						noncollapsible: __props.noncollapsible,
+						options: __props.options,
+						schema: objectSchemaForChildren.value
+					}, null, 8, [
+						"breadcrumb",
+						"compact",
+						"eventBus",
+						"level",
+						"name",
+						"noncollapsible",
+						"options",
+						"schema"
+					])])) : createCommentVNode("", true),
+					shouldRenderArrayOfObjects.value && resolvedArrayItems.value ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(Schema_default, {
+						compact: __props.compact,
+						eventBus: __props.eventBus,
+						level: __props.level + 1,
+						name: __props.name,
+						noncollapsible: __props.noncollapsible,
+						options: __props.options,
+						schema: unref(resolve).schema(resolvedArrayItems.value)
+					}, null, 8, [
+						"compact",
+						"eventBus",
+						"level",
+						"name",
+						"noncollapsible",
+						"options",
+						"schema"
+					])])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(compositionsToRender.value, (compositionData) => {
+						return openBlock(), createBlock(SchemaComposition_default, {
+							key: compositionData.composition,
+							breadcrumb: __props.breadcrumb,
+							compact: __props.compact,
+							composition: compositionData.composition,
+							discriminator: __props.schema?.discriminator,
+							eventBus: __props.eventBus,
+							hideHeading: __props.hideHeading,
+							level: __props.level,
+							name: __props.name,
+							noncollapsible: __props.noncollapsible,
+							options: __props.options,
+							schema: compositionData.value
+						}, null, 8, [
+							"breadcrumb",
+							"compact",
+							"composition",
+							"discriminator",
+							"eventBus",
+							"hideHeading",
+							"level",
+							"name",
+							"noncollapsible",
+							"options",
+							"schema"
+						]);
+					}), 128)),
+					createVNode(unref(SpecificationExtension_default), { value: optimizedValue.value }, null, 8, ["value"])
+				]),
+				_: 1
+			}, 8, ["class"]);
+		};
+	}
+});
+//#endregion
+export { SchemaProperty_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaProperty.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaProperty.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaProperty.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { ScalarMarkdown, ScalarWrappingText } from '@scalar/components'\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 { isArraySchema } from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, type Component } from 'vue'\n\nimport { WithBreadcrumb } from '@/components/Anchor'\nimport { isTypeObject } from '@/components/Content/Schema/helpers/is-type-object'\nimport type { SchemaOptions } from '@/components/Content/Schema/types'\nimport { SpecificationExtension } from '@/features/specification-extension'\n\nimport { getCompositionsToRender } from './helpers/get-compositions-to-render'\nimport { getEnumValues } from './helpers/get-enum-values'\nimport { getPropertyDescription } from './helpers/get-property-description'\nimport { hasComplexArrayItems } from './helpers/has-complex-array-items'\nimport { optimizeValueForDisplay } from './helpers/optimize-value-for-display'\nimport { shouldDisplayDescription } from './helpers/should-display-description'\nimport { shouldDisplayHeading } from './helpers/should-display-heading'\nimport Schema from './Schema.vue'\nimport SchemaComposition from './SchemaComposition.vue'\nimport SchemaEnums from './SchemaEnums.vue'\nimport SchemaPropertyHeading from './SchemaPropertyHeading.vue'\n\n/**\n * Note: We're taking in a prop called `value` which should be a JSON Schema.\n *\n * We're using `optimizeValueForDisplay` to merge null types in compositions (anyOf, allOf, oneOf, not).\n * So you should basically use the optimizedValue everywhere in the component.\n */\n\nconst props = withDefaults(\n  defineProps<{\n    is?: string | Component\n    schema: SchemaObject | undefined\n    noncollapsible?: boolean\n    level?: number\n    name?: string\n    required?: boolean\n    compact?: boolean\n    discriminator?: DiscriminatorObject\n    description?: string\n    hideModelNames?: boolean\n    hideHeading?: boolean\n    /** When the root schema was resolved from a $ref, pass the ref name for display (e.g. \"Data\"). */\n    modelName?: string | null\n    variant?: 'additionalProperties' | 'patternProperties'\n    breadcrumb?: string[]\n    eventBus: WorkspaceEventBus | null\n    options: SchemaOptions\n    /** Enum values for property names (from JSON Schema propertyNames keyword). */\n    propertyNamesEnum?: string[]\n  }>(),\n  {\n    level: 0,\n    required: false,\n    compact: false,\n    hideModelNames: false,\n  },\n)\n\n/** Simplified composition with `null` type. */\nconst optimizedValue = computed(() => optimizeValueForDisplay(props.schema))\n\nconst childBreadcrumb = computed<string[] | undefined>(() =>\n  props.breadcrumb && props.name\n    ? [...props.breadcrumb, props.name]\n    : undefined,\n)\n\nconst shouldHaveLink = computed(() => props.level <= 1)\n\n/** Checks if array items have complex structure */\nconst hasComplexArrayItemsComputed = computed(() =>\n  hasComplexArrayItems(optimizedValue.value),\n)\n\n/** Check if enum should be displayed (from value schema or from propertyNames) */\nconst hasEnum = computed(() => enumValues.value.length > 0)\n\n/** Determine if object properties should be displayed */\nconst shouldRenderObjectProperties = computed(() => {\n  const value = optimizedValue.value\n  if (!value) {\n    return false\n  }\n\n  return (\n    isTypeObject(value) &&\n    ('properties' in value || 'additionalProperties' in value)\n  )\n})\n\n/** Determine if array of objects should be rendered */\nconst shouldRenderArrayOfObjects = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return false\n  }\n\n  return hasComplexArrayItemsComputed.value\n})\n\n/** Extract enum values from schema or array items */\nconst enumValues = computed(() => getEnumValues(optimizedValue.value))\n\n/** Generate property description from type/format */\nconst propertyDescription = computed(() =>\n  getPropertyDescription(optimizedValue.value),\n)\n\n/** Determine if description should be displayed */\nconst displayDescription = computed(() =>\n  shouldDisplayDescription(optimizedValue.value, props.description),\n)\n\n/**\n * When the property already renders the description, avoid repeating it in the nested object schema card.\n */\nconst objectSchemaForChildren = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !displayDescription.value || !('description' in value)) {\n    return value\n  }\n\n  const { description: _description, ...schemaWithoutDescription } = value\n  return schemaWithoutDescription as SchemaObject\n})\n\n/** Determine if property heading should be displayed */\nconst shouldDisplayHeadingComputed = computed(() =>\n  shouldDisplayHeading(optimizedValue.value, props.name, props.required),\n)\n\n/** Computes which compositions should be rendered and with which values */\nconst compositionsToRender = computed(() =>\n  getCompositionsToRender(optimizedValue.value),\n)\n\n/** Get resolved array items for rendering */\nconst resolvedArrayItems = computed(() => {\n  const value = optimizedValue.value\n  if (!value || !isArraySchema(value) || typeof value.items !== 'object') {\n    return undefined\n  }\n  return resolve.schema(value.items)\n})\n\n/** Check if discriminator matches current property */\nconst isDiscriminatorProperty = computed(() =>\n  Boolean(props.name && props.discriminator?.propertyName === props.name),\n)\n</script>\n<template>\n  <component\n    :is=\"is ?? 'li'\"\n    class=\"property\"\n    :class=\"[\n      `property--level-${level}`,\n      {\n        'property--compact': compact,\n        'property--deprecated': optimizedValue?.deprecated,\n      },\n    ]\">\n    <SchemaPropertyHeading\n      v-if=\"shouldDisplayHeadingComputed\"\n      class=\"group\"\n      :enum=\"hasEnum\"\n      :hideModelNames\n      :isDiscriminator=\"isDiscriminatorProperty\"\n      :modelName=\"modelName\"\n      :required\n      :value=\"optimizedValue\">\n      <template\n        v-if=\"name\"\n        #name>\n        <WithBreadcrumb\n          :breadcrumb=\"shouldHaveLink ? childBreadcrumb : undefined\"\n          :eventBus=\"eventBus\">\n          <span\n            v-if=\"variant === 'patternProperties'\"\n            class=\"property-name-pattern-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <span\n            v-else-if=\"variant === 'additionalProperties'\"\n            class=\"property-name-additional-properties\">\n            <ScalarWrappingText\n              preset=\"property\"\n              :text=\"name\" />\n          </span>\n          <ScalarWrappingText\n            v-else\n            preset=\"property\"\n            :text=\"name\" />\n        </WithBreadcrumb>\n      </template>\n      <template\n        v-if=\"optimizedValue?.example !== undefined\"\n        #example>\n        Example:\n        {{ optimizedValue.example }}\n      </template>\n    </SchemaPropertyHeading>\n\n    <!-- Description -->\n    <div\n      v-if=\"displayDescription || propertyDescription\"\n      class=\"property-description\">\n      <ScalarMarkdown\n        :value=\"displayDescription || propertyDescription || ''\" />\n    </div>\n\n    <!-- Enum for property names -->\n    <SchemaEnums\n      v-if=\"propertyNamesEnum && propertyNamesEnum.length > 0\"\n      propertyNames\n      :value=\"{ enum: propertyNamesEnum } as SchemaObject\" />\n\n    <!-- Enum values -->\n    <SchemaEnums\n      v-if=\"enumValues.length > 0\"\n      :value=\"optimizedValue\" />\n\n    <!-- Object -->\n    <div\n      v-if=\"shouldRenderObjectProperties\"\n      class=\"children\">\n      <Schema\n        :breadcrumb=\"childBreadcrumb\"\n        :compact=\"compact\"\n        :eventBus=\"eventBus\"\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"objectSchemaForChildren\" />\n    </div>\n\n    <!-- Array of objects or nested arrays -->\n    <div\n      v-if=\"shouldRenderArrayOfObjects && resolvedArrayItems\"\n      class=\"children\">\n      <Schema\n        :compact=\"compact\"\n        :eventBus=\"eventBus\"\n        :level=\"level + 1\"\n        :name=\"name\"\n        :noncollapsible=\"noncollapsible\"\n        :options=\"options\"\n        :schema=\"resolve.schema(resolvedArrayItems)\" />\n    </div>\n\n    <!-- Compositions -->\n    <SchemaComposition\n      v-for=\"compositionData in compositionsToRender\"\n      :key=\"compositionData.composition\"\n      :breadcrumb=\"breadcrumb\"\n      :compact=\"compact\"\n      :composition=\"compositionData.composition\"\n      :discriminator=\"schema?.discriminator\"\n      :eventBus=\"eventBus\"\n      :hideHeading=\"hideHeading\"\n      :level=\"level\"\n      :name=\"name\"\n      :noncollapsible=\"noncollapsible\"\n      :options=\"options\"\n      :schema=\"compositionData.value\" />\n    <SpecificationExtension :value=\"optimizedValue\" />\n  </component>\n</template>\n\n<style scoped>\n.property {\n  color: var(--scalar-color-1);\n  display: flex;\n  flex-direction: column;\n  padding: 10px;\n  font-size: var(--scalar-small);\n  position: relative;\n}\n\n/** Remove top padding for top level schema card */\n.property.property--level-0:has(\n    > .property-rule\n      > .schema-card\n      > .schema-properties.schema-properties-open\n      > ul\n      > li.property\n  ) {\n  padding-top: 0;\n}\n\n.property--compact.property--level-0,\n.property--compact.property--level-1 {\n  padding: 10px 0;\n}\n\n.composition-panel .property.property.property.property--level-0 {\n  padding: 0px;\n}\n\n.property--compact.property--level-0\n  .composition-panel\n  .property--compact.property--level-1 {\n  padding: 8px;\n}\n\n/*  if a property doesn't have a heading, remove the top padding */\n.property:has(> .property-rule:nth-of-type(1)):not(.property--compact) {\n  padding-top: 8px;\n  padding-bottom: 8px;\n}\n\n.property--deprecated {\n  background: repeating-linear-gradient(\n    -45deg,\n    var(--scalar-background-2) 0,\n    var(--scalar-background-2) 2px,\n    transparent 2px,\n    transparent 5px\n  );\n  background-size: 100%;\n}\n\n.property--deprecated > * {\n  opacity: 0.75;\n}\n\n.property-description {\n  margin-top: 6px;\n  line-height: 1.4;\n  font-size: var(--scalar-small);\n}\n\n.property-description:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n:deep(.property-description) * {\n  color: var(--scalar-color-2) !important;\n}\n\n.property:not(:last-of-type) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-description + .children,\n.children + .property-rule {\n  margin-top: 9px;\n}\n\n.children {\n  display: flex;\n  flex-direction: column;\n}\n\n.children .property--compact.property--level-1 {\n  padding: 12px;\n}\n\n.property-example-value {\n  all: unset;\n  font-family: var(--scalar-font-code);\n  padding: 6px;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.property-rule {\n  border-radius: var(--scalar-radius-lg);\n  display: flex;\n  flex-direction: column;\n}\n\n.property-rule\n  :deep(\n    .composition-panel\n      .schema-card--level-1\n      > .schema-properties.schema-properties-open\n  ) {\n  border-radius: 0 0 var(--scalar-radius-lg) var(--scalar-radius-lg);\n}\n\n.property-rule\n  :deep(.composition-panel > .schema-card > .schema-card-description) {\n  padding: 10px;\n  border-left: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-right: var(--scalar-border-width) solid var(--scalar-border-color);\n\n  & + .schema-properties {\n    margin-top: 0;\n  }\n}\n\n.property-example {\n  background: transparent;\n  border: none;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n}\n\n.property-example-label,\n.property-example-value {\n  padding: 3px 0 0 0;\n}\n\n.property-example-value {\n  background: var(--scalar-background-2);\n  border-top: 0;\n  border-radius: var(--scalar-radius);\n  padding: 3px 4px;\n}\n\n.property-name {\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-semibold);\n}\n\n.property-name-additional-properties::before,\n.property-name-pattern-properties::before {\n  text-transform: uppercase;\n  font-size: var(--scalar-micro);\n  display: inline-block;\n  padding: 2px 4px;\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-1);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  background-color: var(--scalar-background-2);\n  margin-right: 4px;\n}\n\n.property-name-pattern-properties::before {\n  content: 'regex';\n}\n\n.property-name-additional-properties,\n.property-name-pattern-properties {\n  border: 1px dashed var(--scalar-border-color);\n  color: var(--scalar-color-accent);\n  display: inline-block;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyDefault.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyDefault.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport { formatValue } from './helpers/format-value'\n\ndefineProps<{\n  value?: unknown\n}>()\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <template v-if=\"value !== undefined\">\n    <div class=\"property-default\">\n      <button\n        class=\"property-default-label\"\n        type=\"button\">\n        <span>Default</span>\n      </button>\n      <div class=\"property-default-value-list\">\n        <button\n          class=\"property-default-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatValue(value))\">\n          <span>\n            {{ formatValue(value) }}\n          </span>\n          <ScalarIcon\n            class=\"group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3\"\n            icon=\"Clipboard\"\n            size=\"xs\" />\n        </button>\n      </div>\n    </div>\n  </template>\n</template>\n\n<style scoped>\n.property-default {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n.property-default:hover:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 20px;\n  border-radius: var(--scalar-radius);\n}\n.property-default:hover .property-default-label span {\n  color: var(--scalar-color-1);\n}\n.property-default-label span {\n  color: var(--scalar-color-3);\n  position: relative;\n  border-bottom: var(--scalar-border-width) dotted currentColor;\n}\n.property-default-value {\n  font-family: var(--scalar-font-code);\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  width: 100%;\n  padding: 6px;\n}\n.property-default-value span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.property-default-value :deep(svg) {\n  color: var(--scalar-color-3);\n}\n\n.property-default-value:hover :deep(svg) {\n  color: var(--scalar-color-1);\n}\n\n.property-default-value {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n}\n.property-default-value-list {\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n  overflow: auto;\n  background-color: var(--scalar-background-1);\n  box-shadow: var(--scalar-shadow-1);\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 9px;\n  min-width: 200px;\n  max-width: 300px;\n  flex-direction: column;\n  gap: 3px;\n  display: none;\n  z-index: 2;\n}\n.property-default:hover .property-default-value-list,\n.property-default:focus-within .property-default-value-list {\n  display: flex;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,35 @@
+import { formatValue } from "./helpers/format-value.js";
+import { createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { useClipboard } from "@scalar/use-hooks/useClipboard";
+//#region src/components/Content/Schema/SchemaPropertyDefault.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "property-default"
+};
+var _hoisted_2 = { class: "property-default-value-list" };
+var SchemaPropertyDefault_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaPropertyDefault",
+	props: { value: {} },
+	setup(__props) {
+		const { copyToClipboard } = useClipboard();
+		return (_ctx, _cache) => {
+			return __props.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("button", {
+				class: "property-default-label",
+				type: "button"
+			}, [createElementVNode("span", null, "Default")], -1)), createElementVNode("div", _hoisted_2, [createElementVNode("button", {
+				class: "property-default-value group",
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(copyToClipboard)(unref(formatValue)(__props.value)))
+			}, [createElementVNode("span", null, toDisplayString(unref(formatValue)(__props.value)), 1), createVNode(unref(ScalarIcon), {
+				class: "group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3",
+				icon: "Clipboard",
+				size: "xs"
+			})])])])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { SchemaPropertyDefault_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaPropertyDefault.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyDefault.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyDefault.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\n\nimport { formatValue } from './helpers/format-value'\n\ndefineProps<{\n  value?: unknown\n}>()\n\nconst { copyToClipboard } = useClipboard()\n</script>\n<template>\n  <template v-if=\"value !== undefined\">\n    <div class=\"property-default\">\n      <button\n        class=\"property-default-label\"\n        type=\"button\">\n        <span>Default</span>\n      </button>\n      <div class=\"property-default-value-list\">\n        <button\n          class=\"property-default-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatValue(value))\">\n          <span>\n            {{ formatValue(value) }}\n          </span>\n          <ScalarIcon\n            class=\"group-hover:text-c-1 text-c-3 ml-auto min-h-3 min-w-3\"\n            icon=\"Clipboard\"\n            size=\"xs\" />\n        </button>\n      </div>\n    </div>\n  </template>\n</template>\n\n<style scoped>\n.property-default {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n.property-default:hover:before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 20px;\n  border-radius: var(--scalar-radius);\n}\n.property-default:hover .property-default-label span {\n  color: var(--scalar-color-1);\n}\n.property-default-label span {\n  color: var(--scalar-color-3);\n  position: relative;\n  border-bottom: var(--scalar-border-width) dotted currentColor;\n}\n.property-default-value {\n  font-family: var(--scalar-font-code);\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  width: 100%;\n  padding: 6px;\n}\n.property-default-value span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.property-default-value :deep(svg) {\n  color: var(--scalar-color-3);\n}\n\n.property-default-value:hover :deep(svg) {\n  color: var(--scalar-color-1);\n}\n\n.property-default-value {\n  background: var(--scalar-background-2);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n}\n.property-default-value-list {\n  position: absolute;\n  top: 18px;\n  left: 50%;\n  transform: translate3d(-50%, 0, 0);\n  overflow: auto;\n  background-color: var(--scalar-background-1);\n  box-shadow: var(--scalar-shadow-1);\n  border-radius: var(--scalar-radius-lg);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 9px;\n  min-width: 200px;\n  max-width: 300px;\n  flex-direction: column;\n  gap: 3px;\n  display: none;\n  z-index: 2;\n}\n.property-default:hover .property-default-value-list,\n.property-default:focus-within .property-default-value-list {\n  display: flex;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAUA,MAAM,EAAE,oBAAoB,cAAa;;UAGvB,QAAA,UAAU,KAAA,KAAA,WAAA,EACxB,mBAoBM,OApBN,YAoBM,CAAA,OAAA,OAAA,OAAA,KAnBJ,mBAIS,UAAA;IAHP,OAAM;IACN,MAAK;OACL,mBAAoB,QAAA,MAAd,UAAO,CAAA,EAAA,GAAA,GAEf,mBAaM,OAbN,YAaM,CAZJ,mBAWS,UAAA;IAVP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,gBAAe,CAAC,MAAA,YAAW,CAAC,QAAA,MAAK,CAAA;OACzC,mBAEO,QAAA,MAAA,gBADF,MAAA,YAAW,CAAC,QAAA,MAAK,CAAA,EAAA,EAAA,EAEtB,YAGc,MAAA,WAAA,EAAA;IAFZ,OAAM;IACN,MAAK;IACL,MAAK"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyDetail.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyDetail.vue"],"sourcesContent":["<script lang=\"ts\" setup>\ndefineProps<{\n  truncate?: boolean\n  code?: boolean\n}>()\n</script>\n<template>\n  <span\n    class=\"property-detail\"\n    :class=\"{ 'property-detail-truncate': truncate }\">\n    <div\n      v-if=\"$slots.prefix\"\n      class=\"property-detail-prefix\">\n      <slot name=\"prefix\" />&nbsp;\n    </div>\n    <code\n      v-if=\"code\"\n      class=\"property-detail-value\">\n      <slot />\n    </code>\n    <span\n      v-else\n      class=\"property-detail-value\">\n      <slot />\n    </span>\n  </span>\n</template>\n<style scoped>\n.property-detail {\n  display: inline-flex;\n}\n.property-detail + .property-detail:before {\n  display: block;\n  content: '·';\n  margin: 0 0.5ch;\n}\n.property-detail-truncate {\n  overflow: hidden;\n}\n\n.property-detail-truncate > .property-detail-value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.property-detail-prefix {\n  color: var(--scalar-color-2);\n}\n\ncode.property-detail-value {\n  font-family: var(--scalar-font-code);\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  padding: 0 4px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius);\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,30 @@
+import { createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot } from "vue";
+//#region src/components/Content/Schema/SchemaPropertyDetail.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "property-detail-prefix"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "property-detail-value"
+};
+var _hoisted_3 = {
+	key: 2,
+	class: "property-detail-value"
+};
+var SchemaPropertyDetail_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaPropertyDetail",
+	props: {
+		truncate: { type: Boolean },
+		code: { type: Boolean }
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", { class: normalizeClass(["property-detail", { "property-detail-truncate": __props.truncate }]) }, [_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true), _cache[0] || (_cache[0] = createTextVNode("\xA0 ", -1))])) : createCommentVNode("", true), __props.code ? (openBlock(), createElementBlock("code", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])) : (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]))], 2);
+		};
+	}
+});
+//#endregion
+export { SchemaPropertyDetail_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaPropertyDetail.vue.script.js.map