@scalar/api-reference 1.49.2 → 1.49.4

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyDetail.vue.script.js","names":["$slots"],"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":";;;;;;;;;;;;;;;;;;;;;;uBAOE,mBAkBO,QAAA,EAjBL,OAAK,eAAA,CAAC,mBAAiB,EAAA,4BACe,QAAA,UAAQ,CAAA,CAAA,EAAA,EAAA,CAEtCA,KAAAA,OAAO,UAAA,WAAA,EADf,mBAIM,OAJN,YAIM,CADJ,WAAsB,KAAA,QAAA,UAAA,EAAA,EAAA,KAAA,GAAA,KAAA,EAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,SACxB,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAEQ,QAAA,QAAA,WAAA,EADR,mBAIO,QAJP,YAIO,CADL,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,KAAA,WAAA,EAEV,mBAIO,QAJP,YAIO,CADL,WAAQ,KAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyExamples.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyExamples.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { computed } from 'vue'\n\nimport { formatExample } from './helpers/format-example'\n\nconst { examples, example } = defineProps<{\n  examples?: unknown\n  example?: unknown\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst hasSingleExample = computed(() => isDefined(example))\n\nconst normalizedExamples = computed<Record<string, unknown>>(() => {\n  if (examples && typeof examples === 'object') {\n    return examples as Record<string, unknown>\n  }\n\n  return {}\n})\n\nconst hasMultipleExamples = computed(\n  () => Object.keys(normalizedExamples.value).length > 0,\n)\n\nconst multipleExamplesLabel = computed(() =>\n  Object.keys(normalizedExamples.value).length === 1 ? 'Example' : 'Examples',\n)\n</script>\n<template>\n  <!-- single example (deprecated) -->\n  <template v-if=\"hasSingleExample\">\n    <div class=\"property-example\">\n      <button\n        class=\"property-example-label\"\n        type=\"button\">\n        <span>Example</span>\n      </button>\n      <div class=\"property-example-value-list\">\n        <button\n          class=\"property-example-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatExample(example))\">\n          <span>\n            {{ formatExample(example) }}\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\n  <!-- multiple examples -->\n  <template v-if=\"hasMultipleExamples\">\n    <div class=\"property-example\">\n      <button\n        class=\"property-example-label\"\n        type=\"button\">\n        <span>\n          {{ multipleExamplesLabel }}\n        </span>\n      </button>\n      <div class=\"property-example-value-list\">\n        <button\n          v-for=\"(ex, key) in normalizedExamples\"\n          :key=\"key\"\n          class=\"property-example-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatExample(ex))\">\n          <span>{{ formatExample(ex) }} </span>\n          <ScalarIcon\n            class=\"text-c-3 group-hover:text-c-1 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-example {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n.property-example: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-example:hover .property-example-label span {\n  color: var(--scalar-color-1);\n}\n.property-example-label span {\n  color: var(--scalar-color-3);\n  position: relative;\n  border-bottom: var(--scalar-border-width) dotted currentColor;\n}\n.property-example-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-example-value span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.property-example-value :deep(svg) {\n  color: var(--scalar-color-3);\n}\n\n.property-example-value:hover :deep(svg) {\n  color: var(--scalar-color-1);\n}\n\n.property-example-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-example-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-example:hover .property-example-value-list,\n.property-example:focus-within .property-example-value-list {\n  display: flex;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,67 @@
+import { formatExample } from "./helpers/format-example.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref } from "vue";
+import { ScalarIcon } from "@scalar/components";
+import { useClipboard } from "@scalar/use-hooks/useClipboard";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+//#region src/components/Content/Schema/SchemaPropertyExamples.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "property-example"
+};
+var _hoisted_2 = { class: "property-example-value-list" };
+var _hoisted_3 = {
+	key: 1,
+	class: "property-example"
+};
+var _hoisted_4 = {
+	class: "property-example-label",
+	type: "button"
+};
+var _hoisted_5 = { class: "property-example-value-list" };
+var _hoisted_6 = ["onClick"];
+var SchemaPropertyExamples_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaPropertyExamples",
+	props: {
+		examples: {},
+		example: {}
+	},
+	setup(__props) {
+		const { copyToClipboard } = useClipboard();
+		const hasSingleExample = computed(() => isDefined(__props.example));
+		const normalizedExamples = computed(() => {
+			if (__props.examples && typeof __props.examples === "object") return __props.examples;
+			return {};
+		});
+		const hasMultipleExamples = computed(() => Object.keys(normalizedExamples.value).length > 0);
+		const multipleExamplesLabel = computed(() => Object.keys(normalizedExamples.value).length === 1 ? "Example" : "Examples");
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [hasSingleExample.value ? (openBlock(), createElementBlock("div", _hoisted_1, [_cache[1] || (_cache[1] = createElementVNode("button", {
+				class: "property-example-label",
+				type: "button"
+			}, [createElementVNode("span", null, "Example")], -1)), createElementVNode("div", _hoisted_2, [createElementVNode("button", {
+				class: "property-example-value group",
+				type: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(copyToClipboard)(unref(formatExample)(__props.example)))
+			}, [createElementVNode("span", null, toDisplayString(unref(formatExample)(__props.example)), 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), hasMultipleExamples.value ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("button", _hoisted_4, [createElementVNode("span", null, toDisplayString(multipleExamplesLabel.value), 1)]), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(normalizedExamples.value, (ex, key) => {
+				return openBlock(), createElementBlock("button", {
+					key,
+					class: "property-example-value group",
+					type: "button",
+					onClick: ($event) => unref(copyToClipboard)(unref(formatExample)(ex))
+				}, [createElementVNode("span", null, toDisplayString(unref(formatExample)(ex)), 1), createVNode(unref(ScalarIcon), {
+					class: "text-c-3 group-hover:text-c-1 ml-auto min-h-3 min-w-3",
+					icon: "Clipboard",
+					size: "xs"
+				})], 8, _hoisted_6);
+			}), 128))])])) : createCommentVNode("", true)], 64);
+		};
+	}
+});
+//#endregion
+export { SchemaPropertyExamples_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaPropertyExamples.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyExamples.vue.script.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyExamples.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { useClipboard } from '@scalar/use-hooks/useClipboard'\nimport { computed } from 'vue'\n\nimport { formatExample } from './helpers/format-example'\n\nconst { examples, example } = defineProps<{\n  examples?: unknown\n  example?: unknown\n}>()\n\nconst { copyToClipboard } = useClipboard()\n\nconst hasSingleExample = computed(() => isDefined(example))\n\nconst normalizedExamples = computed<Record<string, unknown>>(() => {\n  if (examples && typeof examples === 'object') {\n    return examples as Record<string, unknown>\n  }\n\n  return {}\n})\n\nconst hasMultipleExamples = computed(\n  () => Object.keys(normalizedExamples.value).length > 0,\n)\n\nconst multipleExamplesLabel = computed(() =>\n  Object.keys(normalizedExamples.value).length === 1 ? 'Example' : 'Examples',\n)\n</script>\n<template>\n  <!-- single example (deprecated) -->\n  <template v-if=\"hasSingleExample\">\n    <div class=\"property-example\">\n      <button\n        class=\"property-example-label\"\n        type=\"button\">\n        <span>Example</span>\n      </button>\n      <div class=\"property-example-value-list\">\n        <button\n          class=\"property-example-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatExample(example))\">\n          <span>\n            {{ formatExample(example) }}\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\n  <!-- multiple examples -->\n  <template v-if=\"hasMultipleExamples\">\n    <div class=\"property-example\">\n      <button\n        class=\"property-example-label\"\n        type=\"button\">\n        <span>\n          {{ multipleExamplesLabel }}\n        </span>\n      </button>\n      <div class=\"property-example-value-list\">\n        <button\n          v-for=\"(ex, key) in normalizedExamples\"\n          :key=\"key\"\n          class=\"property-example-value group\"\n          type=\"button\"\n          @click=\"copyToClipboard(formatExample(ex))\">\n          <span>{{ formatExample(ex) }} </span>\n          <ScalarIcon\n            class=\"text-c-3 group-hover:text-c-1 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-example {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-mini);\n  position: relative;\n}\n.property-example: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-example:hover .property-example-label span {\n  color: var(--scalar-color-1);\n}\n.property-example-label span {\n  color: var(--scalar-color-3);\n  position: relative;\n  border-bottom: var(--scalar-border-width) dotted currentColor;\n}\n.property-example-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-example-value span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.property-example-value :deep(svg) {\n  color: var(--scalar-color-3);\n}\n\n.property-example-value:hover :deep(svg) {\n  color: var(--scalar-color-1);\n}\n\n.property-example-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-example-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-example:hover .property-example-value-list,\n.property-example:focus-within .property-example-value-list {\n  display: flex;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,EAAE,oBAAoB,cAAa;EAEzC,MAAM,mBAAmB,eAAe,UAAU,QAAA,QAAQ,CAAA;EAE1D,MAAM,qBAAqB,eAAwC;AACjE,OAAI,QAAA,YAAY,OAAO,QAAA,aAAa,SAClC,QAAO,QAAA;AAGT,UAAO,EAAC;IACT;EAED,MAAM,sBAAsB,eACpB,OAAO,KAAK,mBAAmB,MAAM,CAAC,SAAS,EACvD;EAEA,MAAM,wBAAwB,eAC5B,OAAO,KAAK,mBAAmB,MAAM,CAAC,WAAW,IAAI,YAAY,WACnE;;2DAIkB,iBAAA,SAAA,WAAA,EACd,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,cAAa,CAAC,QAAA,QAAO,CAAA;OAC7C,mBAEO,QAAA,MAAA,gBADF,MAAA,cAAa,CAAC,QAAA,QAAO,CAAA,EAAA,EAAA,EAE1B,YAGc,MAAA,WAAA,EAAA;IAFZ,OAAM;IACN,MAAK;IACL,MAAK;6CAOC,oBAAA,SAAA,WAAA,EACd,mBAsBM,OAtBN,YAsBM,CArBJ,mBAMS,UANT,YAMS,CAHP,mBAEO,QAAA,MAAA,gBADF,sBAAA,MAAqB,EAAA,EAAA,CAAA,CAAA,EAG5B,mBAaM,OAbN,YAaM,EAAA,UAAA,KAAA,EAZJ,mBAWS,UAAA,MAAA,WAVa,mBAAA,QAAZ,IAAI,QAAG;wBADjB,mBAWS,UAAA;KATD;KACN,OAAM;KACN,MAAK;KACJ,UAAK,WAAE,MAAA,gBAAe,CAAC,MAAA,cAAa,CAAC,GAAE,CAAA;QACxC,mBAAqC,QAAA,MAAA,gBAA5B,MAAA,cAAa,CAAC,GAAE,CAAA,EAAA,EAAA,EACzB,YAGc,MAAA,WAAA,EAAA;KAFZ,OAAM;KACN,MAAK;KACL,MAAK"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyHeading.vue.js","names":[],"sources":["../../../../src/components/Content/Schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport { Badge } from '@/components/Badge'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n  },\n)\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: 'unique!',\n      })\n    }\n  }\n\n  // String length properties\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: 'min length: ',\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: 'max length: ',\n        value: schema.maxLength,\n      })\n    }\n\n    // Pattern\n    if (schema.pattern) {\n      properties.push({\n        key: 'pattern',\n        value: schema.pattern,\n        code: true,\n        truncate: true,\n      })\n    }\n  }\n\n  // Format\n  if (isStringSchema(schema) || isNumberSchema(schema)) {\n    if (schema.format) {\n      properties.push({\n        key: 'format',\n        value: schema.format,\n        truncate: true,\n      })\n    }\n  }\n\n  // Numeric validation properties\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: 'greater than: ',\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: 'min: ',\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: 'less than: ',\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: 'max: ',\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: 'multiple of: ',\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n})\n\n/** Optional schema title/name shown in addition to structural type. */\nconst displayTitle = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  // Use explicit model name when schema was resolved from a $ref (e.g. in response/param body).\n  if (props.modelName) {\n    return props.modelName\n  }\n\n  const modelName = getModelNameFromSchema(props.value)\n  if (modelName) {\n    return modelName\n  }\n\n  if (isArraySchema(props.value) && props.value.items) {\n    const itemName = getModelNameFromSchema(props.value.items)\n    return itemName ? `${itemName}[]` : null\n  }\n\n  return null\n})\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/** Get the display type */\nconst displayType = computed(() => {\n  if (!props.value) {\n    return ''\n  }\n  return getSchemaType(props.value)\n})\n\nconst exampleValue = computed(() => {\n  if (isDefined(props.value?.example)) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsExample = resolve.schema(props.value.items)?.example\n    return isDefined(itemsExample) ? itemsExample : undefined\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div class=\"property-heading\">\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      Discriminator\n    </div>\n    <template v-if=\"props.value\">\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <ScreenReader>Type: </ScreenReader>{{ displayType\n        }}{{ displayTitle ? ` · ${displayTitle}` : '' }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <ScreenReader v-if=\"property.key === 'format'\">Format:</ScreenReader>\n        <ScreenReader v-else-if=\"property.key === 'pattern'\">\n          Pattern:\n        </ScreenReader>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">enum</SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>additional properties</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>deprecated</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>const: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        nullable\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      write-only\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      read-only\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      required\n    </div>\n    <SchemaPropertyDefault :value=\"props.value?.default\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-heading > .property-detail:not(:last-of-type) {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,251 @@
+import Badge_default from "../../Badge/Badge.vue.js";
+import ScreenReader_default from "../../ScreenReader.vue.js";
+import { getSchemaType } from "./helpers/get-schema-type.js";
+import { getModelNameFromSchema } from "./helpers/schema-name.js";
+import RenderString_default from "./RenderString.vue.js";
+import SchemaPropertyDefault_default from "./SchemaPropertyDefault.vue.js";
+import SchemaPropertyDetail_default from "./SchemaPropertyDetail.vue.js";
+import SchemaPropertyExamples_default from "./SchemaPropertyExamples.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, toRef, unref, withCtx } from "vue";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isArraySchema, isNumberSchema, isStringSchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+//#region src/components/Content/Schema/SchemaPropertyHeading.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "property-heading" };
+var _hoisted_2 = {
+	key: 1,
+	class: "property-discriminator"
+};
+var _hoisted_3 = {
+	key: 3,
+	class: "property-additional"
+};
+var _hoisted_4 = {
+	key: 4,
+	class: "property-deprecated"
+};
+var _hoisted_5 = {
+	key: 5,
+	class: "property-const"
+};
+var _hoisted_6 = {
+	key: 7,
+	class: "property-write-only"
+};
+var _hoisted_7 = {
+	key: 8,
+	class: "property-read-only"
+};
+var _hoisted_8 = {
+	key: 9,
+	class: "property-required"
+};
+var SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SchemaPropertyHeading",
+	props: {
+		value: {},
+		enum: { type: Boolean },
+		isDiscriminator: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		additional: { type: Boolean },
+		withExamples: {
+			type: Boolean,
+			default: true
+		},
+		hideModelNames: {
+			type: Boolean,
+			default: false
+		},
+		modelName: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const valueRef = toRef(props, "value");
+		const constValue = computed(() => {
+			if (!valueRef.value) return;
+			const schema = valueRef.value;
+			if (schema.const !== void 0) return schema.const;
+			if (schema.enum?.length === 1) return schema.enum[0];
+			if (isArraySchema(schema) && schema.items) {
+				const items = resolve.schema(schema.items);
+				if (isDefined(items.const)) return items.const;
+				if (items.enum?.length === 1) return items.enum[0];
+			}
+		});
+		const validationProperties = computed(() => {
+			if (!valueRef.value) return [];
+			const schema = valueRef.value;
+			const properties = [];
+			if (isArraySchema(schema)) {
+				if (schema.minItems || schema.maxItems) properties.push({
+					key: "array-range",
+					value: `${schema.minItems || ""}…${schema.maxItems || ""}`
+				});
+				if (schema.uniqueItems) properties.push({
+					key: "unique-items",
+					value: "unique!"
+				});
+			}
+			if (isStringSchema(schema)) {
+				if (schema.minLength) properties.push({
+					key: "min-length",
+					prefix: "min length: ",
+					value: schema.minLength
+				});
+				if (schema.maxLength) properties.push({
+					key: "max-length",
+					prefix: "max length: ",
+					value: schema.maxLength
+				});
+				if (schema.pattern) properties.push({
+					key: "pattern",
+					value: schema.pattern,
+					code: true,
+					truncate: true
+				});
+			}
+			if (isStringSchema(schema) || isNumberSchema(schema)) {
+				if (schema.format) properties.push({
+					key: "format",
+					value: schema.format,
+					truncate: true
+				});
+			}
+			if (isNumberSchema(schema)) {
+				if (isDefined(schema.exclusiveMinimum)) properties.push({
+					key: "exclusive-minimum",
+					prefix: "greater than: ",
+					value: schema.exclusiveMinimum
+				});
+				if (isDefined(schema.minimum)) properties.push({
+					key: "minimum",
+					prefix: "min: ",
+					value: schema.minimum
+				});
+				if (isDefined(schema.exclusiveMaximum)) properties.push({
+					key: "exclusive-maximum",
+					prefix: "less than: ",
+					value: schema.exclusiveMaximum
+				});
+				if (isDefined(schema.maximum)) properties.push({
+					key: "maximum",
+					prefix: "max: ",
+					value: schema.maximum
+				});
+				if (isDefined(schema.multipleOf)) properties.push({
+					key: "multiple-of",
+					prefix: "multiple of: ",
+					value: schema.multipleOf
+				});
+			}
+			return properties;
+		});
+		/** Optional schema title/name shown in addition to structural type. */
+		const displayTitle = computed(() => {
+			if (!props.value) return null;
+			if (props.hideModelNames) return null;
+			if (props.modelName) return props.modelName;
+			const modelName = getModelNameFromSchema(props.value);
+			if (modelName) return modelName;
+			if (isArraySchema(props.value) && props.value.items) {
+				const itemName = getModelNameFromSchema(props.value.items);
+				return itemName ? `${itemName}[]` : null;
+			}
+			return null;
+		});
+		/** Check if we should show the type information */
+		const shouldShowType = computed(() => {
+			if (!props.value || !("type" in props.value)) return false;
+			if (props.value.type === "array") return true;
+			return !constValue.value;
+		});
+		/** Get the display type */
+		const displayType = computed(() => {
+			if (!props.value) return "";
+			return getSchemaType(props.value);
+		});
+		const exampleValue = computed(() => {
+			if (isDefined(props.value?.example)) return props.value.example;
+			if (props.value && isArraySchema(props.value)) {
+				const itemsExample = resolve.schema(props.value.items)?.example;
+				return isDefined(itemsExample) ? itemsExample : void 0;
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				_ctx.$slots.name ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["property-name", { deprecated: props.value?.deprecated }])
+				}, [renderSlot(_ctx.$slots, "name", {}, void 0, true)], 2)) : createCommentVNode("", true),
+				props.isDiscriminator ? (openBlock(), createElementBlock("div", _hoisted_2, " Discriminator ")) : createCommentVNode("", true),
+				props.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					shouldShowType.value ? (openBlock(), createBlock(SchemaPropertyDetail_default, {
+						key: 0,
+						truncate: ""
+					}, {
+						default: withCtx(() => [createVNode(ScreenReader_default, null, {
+							default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Type: ", -1)])]),
+							_: 1
+						}), createTextVNode(toDisplayString(displayType.value) + toDisplayString(displayTitle.value ? ` · ${displayTitle.value}` : ""), 1)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(validationProperties.value, (property) => {
+						return openBlock(), createBlock(SchemaPropertyDetail_default, {
+							key: property.key,
+							code: property.code,
+							truncate: property.truncate
+						}, createSlots({
+							default: withCtx(() => [property.key === "format" ? (openBlock(), createBlock(ScreenReader_default, { key: 0 }, {
+								default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Format:", -1)])]),
+								_: 1
+							})) : property.key === "pattern" ? (openBlock(), createBlock(ScreenReader_default, { key: 1 }, {
+								default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" Pattern: ", -1)])]),
+								_: 1
+							})) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(property.value), 1)]),
+							_: 2
+						}, [property.prefix ? {
+							name: "prefix",
+							fn: withCtx(() => [createTextVNode(toDisplayString(property.prefix), 1)]),
+							key: "0"
+						} : void 0]), 1032, ["code", "truncate"]);
+					}), 128)),
+					props.enum ? (openBlock(), createBlock(SchemaPropertyDetail_default, { key: 1 }, {
+						default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode("enum", -1)])]),
+						_: 1
+					})) : createCommentVNode("", true)
+				], 64)) : createCommentVNode("", true),
+				props.additional ? (openBlock(), createElementBlock("div", _hoisted_3, [props.value?.["x-additionalPropertiesName"] ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(props.value["x-additionalPropertiesName"]), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode("additional properties")], 64))])) : createCommentVNode("", true),
+				props.value?.deprecated ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(Badge_default), null, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode("deprecated", -1)])]),
+					_: 1
+				})])) : createCommentVNode("", true),
+				constValue.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(SchemaPropertyDetail_default, { truncate: "" }, {
+					prefix: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode("const: ", -1)])]),
+					default: withCtx(() => [createVNode(RenderString_default, { value: constValue.value }, null, 8, ["value"])]),
+					_: 1
+				})])) : (openBlock(), createElementBlock(Fragment, { key: 6 }, [props.value?.nullable === true ? (openBlock(), createBlock(SchemaPropertyDetail_default, { key: 0 }, {
+					default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" nullable ", -1)])]),
+					_: 1
+				})) : createCommentVNode("", true)], 64)),
+				props.value?.writeOnly ? (openBlock(), createElementBlock("div", _hoisted_6, " write-only ")) : props.value?.readOnly ? (openBlock(), createElementBlock("div", _hoisted_7, " read-only ")) : createCommentVNode("", true),
+				props.required ? (openBlock(), createElementBlock("div", _hoisted_8, " required ")) : createCommentVNode("", true),
+				createVNode(SchemaPropertyDefault_default, { value: props.value?.default }, null, 8, ["value"]),
+				props.withExamples ? (openBlock(), createBlock(SchemaPropertyExamples_default, {
+					key: 10,
+					example: exampleValue.value,
+					examples: props.value?.examples
+				}, null, 8, ["example", "examples"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { SchemaPropertyHeading_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SchemaPropertyHeading.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaPropertyHeading.vue.script.js","names":["$slots"],"sources":["../../../../src/components/Content/Schema/SchemaPropertyHeading.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { resolve } from '@scalar/workspace-store/resolve'\nimport type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport {\n  isArraySchema,\n  isNumberSchema,\n  isStringSchema,\n} from '@scalar/workspace-store/schemas/v3.1/strict/type-guards'\nimport { computed, toRef } from 'vue'\n\nimport { Badge } from '@/components/Badge'\nimport ScreenReader from '@/components/ScreenReader.vue'\n\nimport { getSchemaType } from './helpers/get-schema-type'\nimport { getModelNameFromSchema } from './helpers/schema-name'\nimport RenderString from './RenderString.vue'\nimport SchemaPropertyDefault from './SchemaPropertyDefault.vue'\nimport SchemaPropertyDetail from './SchemaPropertyDetail.vue'\nimport SchemaPropertyExamples from './SchemaPropertyExamples.vue'\n\nconst props = withDefaults(\n  defineProps<{\n    value: SchemaObject | undefined\n    enum?: boolean\n    isDiscriminator?: boolean\n    required?: boolean\n    additional?: boolean\n    withExamples?: boolean\n    hideModelNames?: boolean\n    /** When the schema was resolved from a $ref, pass the ref name so it displays as e.g. \"Data\" instead of \"object\". */\n    modelName?: string | null\n  }>(),\n  {\n    isDiscriminator: false,\n    required: false,\n    withExamples: true,\n    hideModelNames: false,\n  },\n)\n\n// Convert to reactive refs for composables\nconst valueRef = toRef(props, 'value')\n\nconst constValue = computed(() => {\n  if (!valueRef.value) {\n    return undefined\n  }\n\n  const schema = valueRef.value\n\n  // Direct const value\n  if (schema.const !== undefined) {\n    return schema.const\n  }\n\n  // Single-item enum acts as const\n  if (schema.enum?.length === 1) {\n    return schema.enum[0]\n  }\n\n  // Check items for const values (for arrays)\n  if (isArraySchema(schema) && schema.items) {\n    const items = resolve.schema(schema.items)\n\n    if (isDefined(items.const)) {\n      return items.const\n    }\n\n    if (items.enum?.length === 1) {\n      return items.enum[0]\n    }\n  }\n\n  return undefined\n})\n\nconst validationProperties = computed(() => {\n  if (!valueRef.value) {\n    return []\n  }\n\n  const schema = valueRef.value\n  const properties = []\n\n  // Array validation properties\n  if (isArraySchema(schema)) {\n    if (schema.minItems || schema.maxItems) {\n      properties.push({\n        key: 'array-range',\n        value: `${schema.minItems || ''}…${schema.maxItems || ''}`,\n      })\n    }\n\n    // Unique items\n    if (schema.uniqueItems) {\n      properties.push({\n        key: 'unique-items',\n        value: 'unique!',\n      })\n    }\n  }\n\n  // String length properties\n  if (isStringSchema(schema)) {\n    if (schema.minLength) {\n      properties.push({\n        key: 'min-length',\n        prefix: 'min length: ',\n        value: schema.minLength,\n      })\n    }\n\n    if (schema.maxLength) {\n      properties.push({\n        key: 'max-length',\n        prefix: 'max length: ',\n        value: schema.maxLength,\n      })\n    }\n\n    // Pattern\n    if (schema.pattern) {\n      properties.push({\n        key: 'pattern',\n        value: schema.pattern,\n        code: true,\n        truncate: true,\n      })\n    }\n  }\n\n  // Format\n  if (isStringSchema(schema) || isNumberSchema(schema)) {\n    if (schema.format) {\n      properties.push({\n        key: 'format',\n        value: schema.format,\n        truncate: true,\n      })\n    }\n  }\n\n  // Numeric validation properties\n  if (isNumberSchema(schema)) {\n    if (isDefined(schema.exclusiveMinimum)) {\n      properties.push({\n        key: 'exclusive-minimum',\n        prefix: 'greater than: ',\n        value: schema.exclusiveMinimum,\n      })\n    }\n\n    if (isDefined(schema.minimum)) {\n      properties.push({\n        key: 'minimum',\n        prefix: 'min: ',\n        value: schema.minimum,\n      })\n    }\n\n    if (isDefined(schema.exclusiveMaximum)) {\n      properties.push({\n        key: 'exclusive-maximum',\n        prefix: 'less than: ',\n        value: schema.exclusiveMaximum,\n      })\n    }\n\n    if (isDefined(schema.maximum)) {\n      properties.push({\n        key: 'maximum',\n        prefix: 'max: ',\n        value: schema.maximum,\n      })\n    }\n\n    if (isDefined(schema.multipleOf)) {\n      properties.push({\n        key: 'multiple-of',\n        prefix: 'multiple of: ',\n        value: schema.multipleOf,\n      })\n    }\n  }\n\n  return properties\n})\n\n/** Optional schema title/name shown in addition to structural type. */\nconst displayTitle = computed(() => {\n  if (!props.value) {\n    return null\n  }\n\n  if (props.hideModelNames) {\n    return null\n  }\n\n  // Use explicit model name when schema was resolved from a $ref (e.g. in response/param body).\n  if (props.modelName) {\n    return props.modelName\n  }\n\n  const modelName = getModelNameFromSchema(props.value)\n  if (modelName) {\n    return modelName\n  }\n\n  if (isArraySchema(props.value) && props.value.items) {\n    const itemName = getModelNameFromSchema(props.value.items)\n    return itemName ? `${itemName}[]` : null\n  }\n\n  return null\n})\n\n/** Check if we should show the type information */\nconst shouldShowType = computed(() => {\n  if (!props.value || !('type' in props.value)) {\n    return false\n  }\n\n  // Always show type for arrays, even when items have const values\n  if (props.value.type === 'array') {\n    return true\n  }\n\n  // For non-arrays, only show if no const value at the schema level\n  return !constValue.value\n})\n\n/** Get the display type */\nconst displayType = computed(() => {\n  if (!props.value) {\n    return ''\n  }\n  return getSchemaType(props.value)\n})\n\nconst exampleValue = computed(() => {\n  if (isDefined(props.value?.example)) {\n    return props.value.example\n  }\n\n  if (props.value && isArraySchema(props.value)) {\n    const itemsExample = resolve.schema(props.value.items)?.example\n    return isDefined(itemsExample) ? itemsExample : undefined\n  }\n\n  return undefined\n})\n</script>\n<template>\n  <div class=\"property-heading\">\n    <div\n      v-if=\"$slots.name\"\n      class=\"property-name\"\n      :class=\"{ deprecated: props.value?.deprecated }\">\n      <slot name=\"name\" />\n    </div>\n    <div\n      v-if=\"props.isDiscriminator\"\n      class=\"property-discriminator\">\n      Discriminator\n    </div>\n    <template v-if=\"props.value\">\n      <!-- Type information -->\n      <SchemaPropertyDetail\n        v-if=\"shouldShowType\"\n        truncate>\n        <ScreenReader>Type: </ScreenReader>{{ displayType\n        }}{{ displayTitle ? ` · ${displayTitle}` : '' }}\n      </SchemaPropertyDetail>\n\n      <!-- Dynamic validation properties from composable -->\n      <SchemaPropertyDetail\n        v-for=\"property in validationProperties\"\n        :key=\"property.key\"\n        :code=\"property.code\"\n        :truncate=\"property.truncate\">\n        <ScreenReader v-if=\"property.key === 'format'\">Format:</ScreenReader>\n        <ScreenReader v-else-if=\"property.key === 'pattern'\">\n          Pattern:\n        </ScreenReader>\n        <template\n          v-if=\"property.prefix\"\n          #prefix>\n          {{ property.prefix }}\n        </template>\n        {{ property.value }}\n      </SchemaPropertyDetail>\n\n      <!-- Enum indicator -->\n      <SchemaPropertyDetail v-if=\"props.enum\">enum</SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.additional\"\n      class=\"property-additional\">\n      <template v-if=\"props.value?.['x-additionalPropertiesName']\">\n        {{ props.value['x-additionalPropertiesName'] }}\n      </template>\n      <template v-else>additional properties</template>\n    </div>\n    <div\n      v-if=\"props.value?.deprecated\"\n      class=\"property-deprecated\">\n      <Badge>deprecated</Badge>\n    </div>\n    <!-- Don't use `isDefined` here, we want to show `const` when the value is `null` -->\n    <div\n      v-if=\"constValue !== undefined\"\n      class=\"property-const\">\n      <SchemaPropertyDetail truncate>\n        <template #prefix>const: </template>\n        <RenderString :value=\"constValue\" />\n      </SchemaPropertyDetail>\n    </div>\n    <template v-else>\n      <!-- Shows only when a composition is used (so props.value?.type is undefined) -->\n      <SchemaPropertyDetail v-if=\"(props.value as any)?.nullable === true\">\n        nullable\n      </SchemaPropertyDetail>\n    </template>\n    <div\n      v-if=\"props.value?.writeOnly\"\n      class=\"property-write-only\">\n      write-only\n    </div>\n    <div\n      v-else-if=\"props.value?.readOnly\"\n      class=\"property-read-only\">\n      read-only\n    </div>\n    <div\n      v-if=\"props.required\"\n      class=\"property-required\">\n      required\n    </div>\n    <SchemaPropertyDefault :value=\"props.value?.default\" />\n    <SchemaPropertyExamples\n      v-if=\"props.withExamples\"\n      :example=\"exampleValue\"\n      :examples=\"props.value?.examples\" />\n  </div>\n</template>\n<style scoped>\n.property-heading {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  row-gap: 9px;\n  white-space: nowrap;\n}\n\n.property-heading:has(+ .children),\n.property-heading:has(+ .property-rule) {\n  margin-bottom: 9px;\n}\n\n.property-heading > * {\n  margin-right: 9px;\n}\n\n.property-heading:last-child {\n  margin-right: 0;\n}\n\n.property-heading > .property-detail:not(:last-of-type) {\n  margin-right: 0;\n}\n\n.property-name {\n  max-width: 100%;\n  font-family: var(--scalar-font-code);\n  font-weight: var(--scalar-bold);\n  font-size: var(--scalar-font-size-4);\n  white-space: normal;\n  overflow-wrap: break-word;\n}\n\n.property-additional {\n  font-family: var(--scalar-font-code);\n}\n\n.property-required,\n.property-optional {\n  color: var(--scalar-color-2);\n}\n\n.property-required {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-orange);\n}\n\n.property-read-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-blue);\n}\n\n.property-write-only {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-green);\n}\n\n.property-discriminator {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-purple);\n}\n\n.property-detail {\n  font-size: var(--scalar-mini);\n  color: var(--scalar-color-2);\n  display: flex;\n  align-items: center;\n\n  min-width: 0;\n}\n\n.property-const {\n  color: var(--scalar-color-1);\n}\n\n.deprecated {\n  text-decoration: line-through;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Content/Schema/helpers/format-example.js

@@ -0,0 +1,26 @@
+//#region src/components/Content/Schema/helpers/format-example.ts
+/**
+* Converts an example value to a string that can be displayed in the UI.
+*/
+function formatExample(example) {
+	if (Array.isArray(example)) return `[${example.map((item) => {
+		if (typeof item === "string") return `"${item.toString().trim()}"`;
+		if (typeof item === "object") return JSON.stringify(item);
+		if (item === void 0) return "undefined";
+		if (item === null) return "null";
+		return item;
+	}).join(", ")}]`;
+	if (example === null) return "null";
+	if (typeof example === "object") {
+		if ("value" in example) return example.value;
+		if ("externalValue" in example) return example.externalValue;
+		return JSON.stringify(example);
+	}
+	if (example === void 0) return "undefined";
+	if (typeof example === "string") return example.trim();
+	return example.toString().trim();
+}
+//#endregion
+export { formatExample };
+
+//# sourceMappingURL=format-example.js.map

package/dist/components/Content/Schema/helpers/format-example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-example.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/format-example.ts"],"sourcesContent":["/**\n * Converts an example value to a string that can be displayed in the UI.\n */\nexport function formatExample(example: unknown): string | number {\n  if (Array.isArray(example)) {\n    return `[${example\n      .map((item) => {\n        if (typeof item === 'string') {\n          return `\"${item.toString().trim()}\"`\n        }\n\n        if (typeof item === 'object') {\n          return JSON.stringify(item)\n        }\n\n        if (item === undefined) {\n          return 'undefined'\n        }\n\n        if (item === null) {\n          return 'null'\n        }\n\n        return item\n      })\n      .join(', ')}]`\n  }\n\n  if (example === null) {\n    return 'null'\n  }\n\n  if (typeof example === 'object') {\n    if ('value' in example) {\n      return example.value as string | number\n    }\n\n    if ('externalValue' in example) {\n      return example.externalValue as string | number\n    }\n\n    return JSON.stringify(example)\n  }\n\n  if (example === undefined) {\n    return 'undefined'\n  }\n\n  if (typeof example === 'string') {\n    return example.trim()\n  }\n\n  return example.toString().trim()\n}\n"],"mappings":";;;;AAGA,SAAgB,cAAc,SAAmC;AAC/D,KAAI,MAAM,QAAQ,QAAQ,CACxB,QAAO,IAAI,QACR,KAAK,SAAS;AACb,MAAI,OAAO,SAAS,SAClB,QAAO,IAAI,KAAK,UAAU,CAAC,MAAM,CAAC;AAGpC,MAAI,OAAO,SAAS,SAClB,QAAO,KAAK,UAAU,KAAK;AAG7B,MAAI,SAAS,KAAA,EACX,QAAO;AAGT,MAAI,SAAS,KACX,QAAO;AAGT,SAAO;GACP,CACD,KAAK,KAAK,CAAC;AAGhB,KAAI,YAAY,KACd,QAAO;AAGT,KAAI,OAAO,YAAY,UAAU;AAC/B,MAAI,WAAW,QACb,QAAO,QAAQ;AAGjB,MAAI,mBAAmB,QACrB,QAAO,QAAQ;AAGjB,SAAO,KAAK,UAAU,QAAQ;;AAGhC,KAAI,YAAY,KAAA,EACd,QAAO;AAGT,KAAI,OAAO,YAAY,SACrB,QAAO,QAAQ,MAAM;AAGvB,QAAO,QAAQ,UAAU,CAAC,MAAM"}

package/dist/components/Content/Schema/helpers/format-value.js

@@ -0,0 +1,22 @@
+//#region src/components/Content/Schema/helpers/format-value.ts
+/**
+* Converts a value to a string that can be displayed in the UI.
+*/
+function formatValue(value) {
+	if (Array.isArray(value)) return `[${value.map((item) => {
+		if (typeof item === "string") return `"${item.toString().trim()}"`;
+		if (typeof item === "object") return JSON.stringify(item);
+		if (item === void 0) return "undefined";
+		if (item === null) return "null";
+		return item;
+	}).join(", ")}]`;
+	if (value === null) return "null";
+	if (typeof value === "object") return JSON.stringify(value);
+	if (value === void 0) return "undefined";
+	if (typeof value === "string") return value.trim();
+	return value.toString().trim();
+}
+//#endregion
+export { formatValue };
+
+//# sourceMappingURL=format-value.js.map

package/dist/components/Content/Schema/helpers/format-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-value.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/format-value.ts"],"sourcesContent":["/**\n * Converts a value to a string that can be displayed in the UI.\n */\nexport function formatValue(value: unknown): string | number {\n  if (Array.isArray(value)) {\n    return `[${value\n      .map((item) => {\n        if (typeof item === 'string') {\n          return `\"${item.toString().trim()}\"`\n        }\n\n        if (typeof item === 'object') {\n          return JSON.stringify(item)\n        }\n\n        if (item === undefined) {\n          return 'undefined'\n        }\n\n        if (item === null) {\n          return 'null'\n        }\n\n        return item\n      })\n      .join(', ')}]`\n  }\n\n  if (value === null) {\n    return 'null'\n  }\n\n  if (typeof value === 'object') {\n    return JSON.stringify(value)\n  }\n\n  if (value === undefined) {\n    return 'undefined'\n  }\n\n  if (typeof value === 'string') {\n    return value.trim()\n  }\n\n  return value.toString().trim()\n}\n"],"mappings":";;;;AAGA,SAAgB,YAAY,OAAiC;AAC3D,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,IAAI,MACR,KAAK,SAAS;AACb,MAAI,OAAO,SAAS,SAClB,QAAO,IAAI,KAAK,UAAU,CAAC,MAAM,CAAC;AAGpC,MAAI,OAAO,SAAS,SAClB,QAAO,KAAK,UAAU,KAAK;AAG7B,MAAI,SAAS,KAAA,EACX,QAAO;AAGT,MAAI,SAAS,KACX,QAAO;AAGT,SAAO;GACP,CACD,KAAK,KAAK,CAAC;AAGhB,KAAI,UAAU,KACZ,QAAO;AAGT,KAAI,OAAO,UAAU,SACnB,QAAO,KAAK,UAAU,MAAM;AAG9B,KAAI,UAAU,KAAA,EACZ,QAAO;AAGT,KAAI,OAAO,UAAU,SACnB,QAAO,MAAM,MAAM;AAGrB,QAAO,MAAM,UAAU,CAAC,MAAM"}

package/dist/components/Content/Schema/helpers/get-compositions-to-render.d.ts

@@ -1,5 +1,5 @@
 import type { SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import { type CompositionKeyword } from './schema-composition';
+import { type CompositionKeyword } from './schema-composition.js';
 type CompositionToRender = {
     composition: CompositionKeyword;
     value: SchemaObject;

package/dist/components/Content/Schema/helpers/get-compositions-to-render.js

@@ -0,0 +1,32 @@
+import { compositions } from "./schema-composition.js";
+import { shouldRenderArrayItemComposition } from "./should-render-array-item-composition.js";
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+//#region src/components/Content/Schema/helpers/get-compositions-to-render.ts
+/**
+* Computes which compositions should be rendered and with which values
+*
+* @param value - The schema object to check for compositions
+* @returns Array of compositions to render with their values
+*/
+var getCompositionsToRender = (value) => {
+	if (!value) return [];
+	return compositions.map((composition) => {
+		if (shouldRenderArrayItemComposition(value, composition) && isArraySchema(value) && value.items) return {
+			composition,
+			value: resolve.schema(value.items)
+		};
+		if (value[composition]) {
+			if (!(isArraySchema(value) && value.items && typeof value.items === "object" && composition in value.items)) return {
+				composition,
+				value: resolve.schema(value)
+			};
+		}
+		return null;
+	}).filter(isDefined);
+};
+//#endregion
+export { getCompositionsToRender };
+
+//# sourceMappingURL=get-compositions-to-render.js.map

package/dist/components/Content/Schema/helpers/get-compositions-to-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-compositions-to-render.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/get-compositions-to-render.ts"],"sourcesContent":["import { isDefined } from '@scalar/helpers/array/is-defined'\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'\n\nimport { type CompositionKeyword, compositions } from './schema-composition'\nimport { shouldRenderArrayItemComposition } from './should-render-array-item-composition'\n\ntype CompositionToRender = {\n  composition: CompositionKeyword\n  value: SchemaObject\n}\n\n/**\n * Computes which compositions should be rendered and with which values\n *\n * @param value - The schema object to check for compositions\n * @returns Array of compositions to render with their values\n */\nexport const getCompositionsToRender = (value: SchemaObject | undefined): CompositionToRender[] => {\n  if (!value) {\n    return []\n  }\n\n  return compositions\n    .map((composition) => {\n      // Check for array item-level composition first (more specific case)\n      if (shouldRenderArrayItemComposition(value, composition) && isArraySchema(value) && value.items) {\n        return {\n          composition,\n          value: resolve.schema(value.items),\n        }\n      }\n\n      // Check for property-level composition\n      if (value[composition]) {\n        // Skip if array items have this composition (even if complex/not rendered)\n        const hasArrayItemComposition =\n          isArraySchema(value) && value.items && typeof value.items === 'object' && composition in value.items\n\n        if (!hasArrayItemComposition) {\n          return {\n            composition,\n            value: resolve.schema(value),\n          }\n        }\n      }\n\n      return null\n    })\n    .filter(isDefined)\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,IAAa,2BAA2B,UAA2D;AACjG,KAAI,CAAC,MACH,QAAO,EAAE;AAGX,QAAO,aACJ,KAAK,gBAAgB;AAEpB,MAAI,iCAAiC,OAAO,YAAY,IAAI,cAAc,MAAM,IAAI,MAAM,MACxF,QAAO;GACL;GACA,OAAO,QAAQ,OAAO,MAAM,MAAM;GACnC;AAIH,MAAI,MAAM;OAKJ,EAFF,cAAc,MAAM,IAAI,MAAM,SAAS,OAAO,MAAM,UAAU,YAAY,eAAe,MAAM,OAG/F,QAAO;IACL;IACA,OAAO,QAAQ,OAAO,MAAM;IAC7B;;AAIL,SAAO;GACP,CACD,OAAO,UAAU"}

package/dist/components/Content/Schema/helpers/get-enum-values.js

@@ -0,0 +1,22 @@
+import { resolve } from "@scalar/workspace-store/resolve";
+import { isArraySchema } from "@scalar/workspace-store/schemas/v3.1/strict/type-guards";
+//#region src/components/Content/Schema/helpers/get-enum-values.ts
+/**
+* Extract enum values from schema or array items
+*
+* @param value - The schema object to extract enum values from
+* @returns Array of enum values, or empty array if no enum found
+*/
+var getEnumValues = (value) => {
+	if (!value) return [];
+	if (value.enum) return value.enum;
+	if (isArraySchema(value) && typeof value.items === "object") {
+		const resolvedItems = resolve.schema(value.items);
+		if (resolvedItems && "enum" in resolvedItems && resolvedItems.enum) return resolvedItems.enum;
+	}
+	return [];
+};
+//#endregion
+export { getEnumValues };
+
+//# sourceMappingURL=get-enum-values.js.map

package/dist/components/Content/Schema/helpers/get-enum-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-enum-values.js","names":[],"sources":["../../../../../src/components/Content/Schema/helpers/get-enum-values.ts"],"sourcesContent":["import { 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'\n\n/**\n * Extract enum values from schema or array items\n *\n * @param value - The schema object to extract enum values from\n * @returns Array of enum values, or empty array if no enum found\n */\nexport const getEnumValues = (value: SchemaObject | undefined): unknown[] => {\n  if (!value) {\n    return []\n  }\n\n  // Check for enum directly on the schema\n  if (value.enum) {\n    return value.enum\n  }\n\n  // Check for enum in array items (resolving $ref if present)\n  if (isArraySchema(value) && typeof value.items === 'object') {\n    const resolvedItems = resolve.schema(value.items)\n    if (resolvedItems && 'enum' in resolvedItems && resolvedItems.enum) {\n      return resolvedItems.enum\n    }\n  }\n\n  return []\n}\n"],"mappings":";;;;;;;;;AAUA,IAAa,iBAAiB,UAA+C;AAC3E,KAAI,CAAC,MACH,QAAO,EAAE;AAIX,KAAI,MAAM,KACR,QAAO,MAAM;AAIf,KAAI,cAAc,MAAM,IAAI,OAAO,MAAM,UAAU,UAAU;EAC3D,MAAM,gBAAgB,QAAQ,OAAO,MAAM,MAAM;AACjD,MAAI,iBAAiB,UAAU,iBAAiB,cAAc,KAC5D,QAAO,cAAc;;AAIzB,QAAO,EAAE"}