@scalar/api-reference 1.38.1 → 1.39.1

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

@@ -1,160 +1,187 @@
-import { defineComponent as H, computed as k, createBlock as s, createCommentVNode as t, openBlock as i, unref as l, withCtx as r, createElementVNode as g, normalizeClass as m, createElementBlock as c, createVNode as n, withDirectives as S, createTextVNode as d, toDisplayString as u, vShow as C, normalizeStyle as O, Fragment as h } from "vue";
-import { Disclosure as P, DisclosureButton as N, DisclosurePanel as w } from "@headlessui/vue";
-import { ScalarMarkdown as M, ScalarIcon as p } from "@scalar/components";
-import B from "../../ScreenReader.vue.js";
-import { isTypeObject as D } from "./helpers/is-type-object.js";
-import z from "./SchemaHeading.vue.js";
-import A from "./SchemaObjectProperties.vue.js";
-import V from "./SchemaProperty.vue.js";
-const j = {
+import { defineComponent, computed, createBlock, createCommentVNode, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, createVNode, withDirectives, createTextVNode, toDisplayString, vShow, normalizeStyle, Fragment } from "vue";
+import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { ScalarMarkdown, ScalarIcon } from "@scalar/components";
+import ScreenReader from "../../ScreenReader.vue.js";
+import { isTypeObject } from "./helpers/is-type-object.js";
+import SchemaHeading from "./SchemaHeading.vue.js";
+import _sfc_main$1 from "./SchemaObjectProperties.vue.js";
+import SchemaProperty from "./SchemaProperty.vue.js";
+const _hoisted_1 = {
   key: 0,
   class: "schema-card-description"
-}, T = {
+};
+const _hoisted_2 = {
   key: 0,
   class: "schema-properties"
-}, K = /* @__PURE__ */ H({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Schema",
   props: {
     schema: {},
     level: { default: 0 },
     name: {},
     compact: { type: Boolean },
-    noncollapsible: { type: Boolean, default: !1 },
+    noncollapsible: { type: Boolean, default: false },
     hideHeading: { type: Boolean },
     additionalProperties: { type: Boolean },
-    hideModelNames: { type: Boolean, default: !1 },
+    hideModelNames: { type: Boolean, default: false },
     discriminator: {},
     breadcrumb: {},
+    eventBus: {},
     options: {}
   },
-  setup(a) {
-    const f = k(() => !a.noncollapsible && a.level > 0), y = k(() => a.schema?.allOf && a.schema.allOf.length > 0 && a.name === "Request Body" ? a.schema.description || a.schema.allOf[0].description : !a.schema?.description || typeof a.schema.description != "string" || a.schema.oneOf || a.schema.anyOf || a.schema.enum || !("properties" in a.schema) && !("patternProperties" in a.schema) && !("additionalProperties" in a.schema) ? null : a.schema.description), v = (e) => a.noncollapsible && e.stopPropagation();
-    return (e, b) => typeof e.schema == "object" && Object.keys(e.schema).length ? (i(), s(l(P), {
-      key: 0,
-      defaultOpen: e.noncollapsible
-    }, {
-      default: r(({ open: o }) => [
-        g("div", {
-          class: m(["schema-card", [
-            `schema-card--level-${e.level}`,
-            { "schema-card--compact": e.compact, "schema-card--open": o },
-            { "border-t": e.additionalProperties && o }
-          ]])
-        }, [
-          y.value ? (i(), c("div", j, [
-            n(l(M), { value: y.value }, null, 8, ["value"])
-          ])) : t("", !0),
-          g("div", {
-            class: m(["schema-properties", {
-              "schema-properties-open": o
-            }])
+  setup(__props) {
+    const shouldShowToggle = computed(() => {
+      return !__props.noncollapsible && __props.level > 0;
+    });
+    const schemaDescription = computed(() => {
+      if (__props.schema?.allOf && __props.schema.allOf.length > 0 && __props.name === "Request Body") {
+        return __props.schema.description || __props.schema.allOf[0]?.description || null;
+      }
+      if (!__props.schema?.description || typeof __props.schema.description !== "string") {
+        return null;
+      }
+      if (__props.schema.oneOf || __props.schema.anyOf) {
+        return null;
+      }
+      if (__props.schema.enum) {
+        return null;
+      }
+      if (!("properties" in __props.schema) && !("patternProperties" in __props.schema) && !("additionalProperties" in __props.schema)) {
+        return null;
+      }
+      return __props.schema.description;
+    });
+    const handleClick = (e) => __props.noncollapsible && e.stopPropagation();
+    return (_ctx, _cache) => {
+      return typeof _ctx.schema === "object" && Object.keys(_ctx.schema).length ? (openBlock(), createBlock(unref(Disclosure), {
+        key: 0,
+        defaultOpen: _ctx.noncollapsible
+      }, {
+        default: withCtx(({ open }) => [
+          createElementVNode("div", {
+            class: normalizeClass(["schema-card", [
+              `schema-card--level-${_ctx.level}`,
+              { "schema-card--compact": _ctx.compact, "schema-card--open": open },
+              { "border-t": _ctx.additionalProperties && open }
+            ]])
           }, [
-            e.additionalProperties ? S((i(), c("div", T, [
-              n(l(N), {
-                as: "button",
-                class: "schema-card-title schema-card-title--compact",
-                onClickCapture: v
+            schemaDescription.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(unref(ScalarMarkdown), { value: schemaDescription.value }, null, 8, ["value"])
+            ])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: normalizeClass(["schema-properties", {
+                "schema-properties-open": open
+              }])
+            }, [
+              _ctx.additionalProperties ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(unref(DisclosureButton), {
+                  as: "button",
+                  class: "schema-card-title schema-card-title--compact",
+                  onClickCapture: handleClick
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ScalarIcon), {
+                      class: "schema-card-title-icon",
+                      icon: "Add",
+                      size: "sm"
+                    }),
+                    _cache[0] || (_cache[0] = createTextVNode(" Show additional properties ", -1)),
+                    _ctx.name ? (openBlock(), createBlock(ScreenReader, { key: 0 }, {
+                      default: withCtx(() => [
+                        createTextVNode("for " + toDisplayString(_ctx.name), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ]),
+                  _: 1
+                })
+              ], 512)), [
+                [vShow, !open]
+              ]) : shouldShowToggle.value ? withDirectives((openBlock(), createBlock(unref(DisclosureButton), {
+                key: 1,
+                as: _ctx.noncollapsible ? "div" : "button",
+                class: normalizeClass(["schema-card-title", { "schema-card-title--compact": _ctx.compact }]),
+                style: normalizeStyle({
+                  top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${_ctx.level}))`
+                }),
+                onClickCapture: handleClick
               }, {
-                default: r(() => [
-                  n(l(p), {
-                    class: "schema-card-title-icon",
-                    icon: "Add",
-                    size: "sm"
-                  }),
-                  b[0] || (b[0] = d(" Show additional properties ")),
-                  e.name ? (i(), s(B, { key: 0 }, {
-                    default: r(() => [
-                      d("for " + u(e.name), 1)
-                    ]),
-                    _: 1
-                  })) : t("", !0)
+                default: withCtx(() => [
+                  _ctx.compact ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                    createVNode(unref(ScalarIcon), {
+                      class: normalizeClass(["schema-card-title-icon", { "schema-card-title-icon--open": open }]),
+                      icon: "Add",
+                      size: "sm"
+                    }, null, 8, ["class"]),
+                    open ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(" Hide " + toDisplayString(_ctx.schema?.title ?? "Child Attributes"), 1)
+                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(" Show " + toDisplayString(_ctx.schema?.title ?? "Child Attributes"), 1)
+                    ], 64)),
+                    _ctx.name ? (openBlock(), createBlock(ScreenReader, { key: 2 }, {
+                      default: withCtx(() => [
+                        createTextVNode("for " + toDisplayString(_ctx.name), 1)
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createVNode(unref(ScalarIcon), {
+                      class: normalizeClass(["schema-card-title-icon", { "schema-card-title-icon--open": open }]),
+                      icon: "Add",
+                      size: "sm"
+                    }, null, 8, ["class"]),
+                    createVNode(SchemaHeading, {
+                      name: _ctx.schema?.title ?? _ctx.name,
+                      value: _ctx.schema
+                    }, null, 8, ["name", "value"])
+                  ], 64))
                 ]),
-                _: 1,
-                __: [0]
-              })
-            ], 512)), [
-              [C, !o]
-            ]) : f.value ? S((i(), s(l(N), {
-              key: 1,
-              as: e.noncollapsible ? "div" : "button",
-              class: m(["schema-card-title", { "schema-card-title--compact": e.compact }]),
-              style: O({
-                top: `calc(var(--refs-viewport-offset) +  calc(var(--schema-title-height) * ${e.level}))`
-              }),
-              onClickCapture: v
-            }, {
-              default: r(() => [
-                e.compact ? (i(), c(h, { key: 0 }, [
-                  n(l(p), {
-                    class: m(["schema-card-title-icon", { "schema-card-title-icon--open": o }]),
-                    icon: "Add",
-                    size: "sm"
-                  }, null, 8, ["class"]),
-                  o ? (i(), c(h, { key: 0 }, [
-                    d(" Hide " + u(e.schema?.title ?? "Child Attributes"), 1)
-                  ], 64)) : (i(), c(h, { key: 1 }, [
-                    d(" Show " + u(e.schema?.title ?? "Child Attributes"), 1)
-                  ], 64)),
-                  e.name ? (i(), s(B, { key: 2 }, {
-                    default: r(() => [
-                      d("for " + u(e.name), 1)
-                    ]),
-                    _: 1
-                  })) : t("", !0)
-                ], 64)) : (i(), c(h, { key: 1 }, [
-                  n(l(p), {
-                    class: m(["schema-card-title-icon", { "schema-card-title-icon--open": o }]),
-                    icon: "Add",
-                    size: "sm"
-                  }, null, 8, ["class"]),
-                  n(z, {
-                    name: e.schema?.title ?? e.name,
-                    value: e.schema
-                  }, null, 8, ["name", "value"])
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["as", "class", "style"])), [
-              [C, !e.hideHeading && !(e.noncollapsible && e.compact)]
-            ]) : t("", !0),
-            !e.additionalProperties || o ? (i(), s(l(w), {
-              key: 2,
-              as: "ul",
-              static: !f.value
-            }, {
-              default: r(() => [
-                l(D)(e.schema) ? (i(), s(A, {
-                  key: 0,
-                  breadcrumb: e.breadcrumb,
-                  compact: e.compact,
-                  discriminator: e.discriminator,
-                  hideHeading: e.hideHeading,
-                  hideModelNames: e.hideModelNames,
-                  level: e.level + 1,
-                  options: e.options,
-                  schema: e.schema
-                }, null, 8, ["breadcrumb", "compact", "discriminator", "hideHeading", "hideModelNames", "level", "options", "schema"])) : (i(), c(h, { key: 1 }, [
-                  e.schema ? (i(), s(V, {
+                _: 2
+              }, 1032, ["as", "class", "style"])), [
+                [vShow, !_ctx.hideHeading && !(_ctx.noncollapsible && _ctx.compact)]
+              ]) : createCommentVNode("", true),
+              !_ctx.additionalProperties || open ? (openBlock(), createBlock(unref(DisclosurePanel), {
+                key: 2,
+                as: "ul",
+                static: !shouldShowToggle.value
+              }, {
+                default: withCtx(() => [
+                  unref(isTypeObject)(_ctx.schema) ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
-                    breadcrumb: e.breadcrumb,
-                    compact: e.compact,
-                    hideHeading: e.hideHeading,
-                    hideModelNames: e.hideModelNames,
-                    level: e.level,
-                    options: e.options,
-                    schema: e.schema
-                  }, null, 8, ["breadcrumb", "compact", "hideHeading", "hideModelNames", "level", "options", "schema"])) : t("", !0)
-                ], 64))
-              ]),
-              _: 1
-            }, 8, ["static"])) : t("", !0)
+                    breadcrumb: _ctx.breadcrumb,
+                    compact: _ctx.compact,
+                    discriminator: _ctx.discriminator,
+                    eventBus: _ctx.eventBus,
+                    hideHeading: _ctx.hideHeading,
+                    hideModelNames: _ctx.hideModelNames,
+                    level: _ctx.level + 1,
+                    options: _ctx.options,
+                    schema: _ctx.schema
+                  }, null, 8, ["breadcrumb", "compact", "discriminator", "eventBus", "hideHeading", "hideModelNames", "level", "options", "schema"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    _ctx.schema ? (openBlock(), createBlock(SchemaProperty, {
+                      key: 0,
+                      breadcrumb: _ctx.breadcrumb,
+                      compact: _ctx.compact,
+                      eventBus: _ctx.eventBus,
+                      hideHeading: _ctx.hideHeading,
+                      hideModelNames: _ctx.hideModelNames,
+                      level: _ctx.level,
+                      options: _ctx.options,
+                      schema: _ctx.schema
+                    }, null, 8, ["breadcrumb", "compact", "eventBus", "hideHeading", "hideModelNames", "level", "options", "schema"])) : createCommentVNode("", true)
+                  ], 64))
+                ]),
+                _: 1
+              }, 8, ["static"])) : createCommentVNode("", true)
+            ], 2)
           ], 2)
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["defaultOpen"])) : t("", !0);
+        ]),
+        _: 1
+      }, 8, ["defaultOpen"])) : createCommentVNode("", true);
+    };
   }
 });
 export {
-  K as default
+  _sfc_main as default
 };

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

@@ -1,3 +1,4 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { DiscriminatorObject, SchemaObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { SchemaOptions } from '../../../components/Content/Schema/types';
 import { type CompositionKeyword } from './helpers/schema-composition.js';
@@ -18,6 +19,8 @@ type __VLS_Props = {
     hideHeading?: boolean;
     /** Breadcrumb for navigation */
     breadcrumb?: string[];
+    /** Event bus emitting actions */
+    eventBus: WorkspaceEventBus | null;
     /** Move the options into  single prop so they are easy to pass around */
     options: SchemaOptions;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaComposition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"names":[],"mappings":"AAsJA,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAItE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGtE,KAAK,WAAW,GAAG;IACf,oDAAoD;IACpD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,MAAM,EAAE,YAAY,CAAA;IACpB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,yEAAyE;IACzE,OAAO,EAAE,aAAa,CAAA;CACvB,CAAC;;aAPU,OAAO;iBAEH,OAAO;;AAyNzB,wBAOG"}
+{"version":3,"file":"SchemaComposition.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaComposition.vue"],"names":[],"mappings":"AA4JA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,mBAAmB,EACnB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAGrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAItE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAGtE,KAAK,WAAW,GAAG;IACf,oDAAoD;IACpD,WAAW,EAAE,kBAAkB,CAAA;IAC/B,4DAA4D;IAC5D,aAAa,CAAC,EAAE,mBAAmB,CAAA;IACnC,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kDAAkD;IAClD,MAAM,EAAE,YAAY,CAAA;IACpB,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gCAAgC;IAChC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,iCAAiC;IACjC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,yEAAyE;IACzE,OAAO,EAAE,aAAa,CAAA;CACvB,CAAC;;aATU,OAAO;iBAEH,OAAO;;AAiOzB,wBAOG"}

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

@@ -1,18 +1,23 @@
-import { defineComponent as g, computed as n, ref as y, createElementBlock as s, openBlock as i, createBlock as C, unref as m, Fragment as S, createVNode as c, createElementVNode as r, withCtx as H, createCommentVNode as k, toDisplayString as u, normalizeClass as V } from "vue";
-import { ScalarListbox as w } from "@scalar/components";
-import { isDefined as B } from "@scalar/helpers/array/is-defined";
-import { ScalarIconCaretDown as N } from "@scalar/icons";
-import { getResolvedRef as O } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { getSchemaType as z } from "./helpers/get-schema-type.js";
-import { mergeAllOfSchemas as D } from "./helpers/merge-all-of-schemas.js";
-import b from "./Schema.vue.js";
-const U = { class: "property-rule" }, A = {
+import { defineComponent, computed, ref, createElementBlock, openBlock, createBlock, unref, Fragment, createVNode, createElementVNode, withCtx, createCommentVNode, toDisplayString, normalizeClass } from "vue";
+import { ScalarListbox } from "@scalar/components";
+import { isDefined } from "@scalar/helpers/array/is-defined";
+import { ScalarIconCaretDown } from "@scalar/icons";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { getSchemaType } from "./helpers/get-schema-type.js";
+import { mergeAllOfSchemas } from "./helpers/merge-all-of-schemas.js";
+import Schema from "./Schema.vue.js";
+const _hoisted_1 = { class: "property-rule" };
+const _hoisted_2 = {
   class: "composition-selector bg-b-1.5 hover:bg-b-2 flex w-full cursor-pointer items-center gap-1 rounded-t-lg border border-b-0 px-2 py-1.25 pr-3 text-left",
   type: "button"
-}, E = { class: "text-c-2" }, L = {
+};
+const _hoisted_3 = { class: "text-c-2" };
+const _hoisted_4 = {
   key: 0,
   class: "text-red"
-}, R = { class: "composition-panel" }, J = /* @__PURE__ */ g({
+};
+const _hoisted_5 = { class: "composition-panel" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SchemaComposition",
   props: {
     composition: {},
@@ -20,72 +25,84 @@ const U = { class: "property-rule" }, A = {
     name: {},
     schema: {},
     level: {},
-    compact: { type: Boolean, default: !1 },
-    hideHeading: { type: Boolean, default: !1 },
+    compact: { type: Boolean, default: false },
+    hideHeading: { type: Boolean, default: false },
     breadcrumb: {},
+    eventBus: {},
     options: {}
   },
-  setup(h) {
-    const a = h, p = n(
-      () => [a.schema[a.composition]].flat().map((e) => ({ value: O(e), original: e })).filter((e) => B(e.value))
-    ), d = n(
-      () => p.value.map((e, o) => ({
-        id: String(o),
-        label: z(e.original) || "Schema"
+  setup(__props) {
+    const props = __props;
+    const composition = computed(
+      () => [props.schema[props.composition]].flat().map((schema) => ({ value: getResolvedRef(schema), original: schema })).filter((it) => isDefined(it.value))
+    );
+    const listboxOptions = computed(
+      () => composition.value.map((schema, index) => ({
+        id: String(index),
+        label: getSchemaType(schema.original) || "Schema"
       }))
-    ), t = y(d.value[0]), f = (e) => e.replace(/([A-Z])/g, " $1").replace(/^./, (o) => o.toUpperCase()).toLowerCase().replace(/^(\w)/, (o) => o.toUpperCase()), l = n(
-      () => p.value[Number(t.value.id)].value
     );
-    return (e, o) => (i(), s("div", U, [
-      a.composition === "allOf" ? (i(), C(b, {
-        key: 0,
-        breadcrumb: e.breadcrumb,
-        compact: e.compact,
-        discriminator: e.discriminator,
-        hideHeading: e.hideHeading,
-        level: e.level,
-        name: e.name,
-        noncollapsible: !0,
-        options: e.options,
-        schema: m(D)(e.schema)
-      }, null, 8, ["breadcrumb", "compact", "discriminator", "hideHeading", "level", "name", "options", "schema"])) : (i(), s(S, { key: 1 }, [
-        c(m(w), {
-          modelValue: t.value,
-          "onUpdate:modelValue": o[0] || (o[0] = (v) => t.value = v),
-          options: d.value,
-          resize: ""
-        }, {
-          default: H(() => [
-            r("button", A, [
-              r("span", E, u(f(a.composition)), 1),
-              r("span", {
-                class: V(["composition-selector-label text-c-1", {
-                  "line-through": l.value?.deprecated
-                }])
-              }, u(t.value?.label || "Schema"), 3),
-              l.value?.deprecated ? (i(), s("div", L, " deprecated ")) : k("", !0),
-              c(m(N))
-            ])
-          ]),
-          _: 1
-        }, 8, ["modelValue", "options"]),
-        r("div", R, [
-          c(b, {
-            breadcrumb: e.breadcrumb,
-            compact: e.compact,
-            discriminator: e.discriminator,
-            hideHeading: e.hideHeading,
-            level: e.level + 1,
-            name: e.name,
-            noncollapsible: !0,
-            options: e.options,
-            schema: l.value
-          }, null, 8, ["breadcrumb", "compact", "discriminator", "hideHeading", "level", "name", "options", "schema"])
-        ])
-      ], 64))
-    ]));
+    const selectedOption = ref(
+      listboxOptions.value[0]
+    );
+    const humanizeType = (type) => type.replace(/([A-Z])/g, " $1").replace(/^./, (str) => str.toUpperCase()).toLowerCase().replace(/^(\w)/, (c) => c.toUpperCase());
+    const selectedComposition = computed(
+      () => composition.value[Number(selectedOption.value?.id ?? "0")]?.value
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.composition === "allOf" ? (openBlock(), createBlock(Schema, {
+          key: 0,
+          breadcrumb: _ctx.breadcrumb,
+          compact: _ctx.compact,
+          discriminator: _ctx.discriminator,
+          eventBus: _ctx.eventBus,
+          hideHeading: _ctx.hideHeading,
+          level: _ctx.level,
+          name: _ctx.name,
+          noncollapsible: true,
+          options: _ctx.options,
+          schema: unref(mergeAllOfSchemas)(_ctx.schema)
+        }, null, 8, ["breadcrumb", "compact", "discriminator", "eventBus", "hideHeading", "level", "name", "options", "schema"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createVNode(unref(ScalarListbox), {
+            modelValue: selectedOption.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
+            options: listboxOptions.value,
+            resize: ""
+          }, {
+            default: withCtx(() => [
+              createElementVNode("button", _hoisted_2, [
+                createElementVNode("span", _hoisted_3, toDisplayString(humanizeType(props.composition)), 1),
+                createElementVNode("span", {
+                  class: normalizeClass(["composition-selector-label text-c-1", {
+                    "line-through": selectedComposition.value?.deprecated
+                  }])
+                }, toDisplayString(selectedOption.value?.label || "Schema"), 3),
+                selectedComposition.value?.deprecated ? (openBlock(), createElementBlock("div", _hoisted_4, " deprecated ")) : createCommentVNode("", true),
+                createVNode(unref(ScalarIconCaretDown))
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "options"]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(Schema, {
+              breadcrumb: _ctx.breadcrumb,
+              compact: _ctx.compact,
+              discriminator: _ctx.discriminator,
+              eventBus: _ctx.eventBus,
+              hideHeading: _ctx.hideHeading,
+              level: _ctx.level + 1,
+              name: _ctx.name,
+              noncollapsible: true,
+              options: _ctx.options,
+              schema: selectedComposition.value
+            }, null, 8, ["breadcrumb", "compact", "discriminator", "eventBus", "hideHeading", "level", "name", "options", "schema"])
+          ])
+        ], 64))
+      ]);
+    };
   }
 });
 export {
-  J as default
+  _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import f from "./SchemaComposition.vue.js";
+import _sfc_main from "./SchemaComposition.vue.js";
 export {
-  f as default
+  _sfc_main as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SchemaEnumPropertyItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"names":[],"mappings":"AAkGA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;;AA4EF,wBAMG"}
+{"version":3,"file":"SchemaEnumPropertyItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Schema/SchemaEnumPropertyItem.vue"],"names":[],"mappings":"AA2FA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;;AA2EF,wBAMG"}

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

@@ -1,7 +1,7 @@
-import o from "./SchemaEnumPropertyItem.vue2.js";
+import _sfc_main from "./SchemaEnumPropertyItem.vue2.js";
 /* empty css                            */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7d21d96b"]]);
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SchemaEnumPropertyItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a9e61b34"]]);
 export {
-  p as default
+  SchemaEnumPropertyItem as default
 };

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

@@ -1,25 +1,31 @@
-import { defineComponent as n, createElementBlock as o, openBlock as t, createElementVNode as r, createCommentVNode as a, toDisplayString as s, createVNode as l, unref as p } from "vue";
-import { ScalarMarkdown as c } from "@scalar/components";
-const i = { class: "property-enum-value" }, m = { class: "property-enum-value-content" }, u = { class: "property-enum-value-label" }, d = {
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, createVNode, unref } from "vue";
+import { ScalarMarkdown } from "@scalar/components";
+const _hoisted_1 = { class: "property-enum-value" };
+const _hoisted_2 = { class: "property-enum-value-content" };
+const _hoisted_3 = { class: "property-enum-value-label" };
+const _hoisted_4 = {
   key: 0,
   class: "property-enum-value-description"
-}, h = /* @__PURE__ */ n({
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SchemaEnumPropertyItem",
   props: {
     label: {},
     description: {}
   },
-  setup(_) {
-    return (e, v) => (t(), o("li", i, [
-      r("div", m, [
-        r("span", u, s(e.label), 1),
-        e.description ? (t(), o("span", d, [
-          l(p(c), { value: e.description }, null, 8, ["value"])
-        ])) : a("", !0)
-      ])
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("span", _hoisted_3, toDisplayString(_ctx.label), 1),
+          _ctx.description ? (openBlock(), createElementBlock("span", _hoisted_4, [
+            createVNode(unref(ScalarMarkdown), { value: _ctx.description }, null, 8, ["value"])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
   }
 });
 export {
-  h as default
+  _sfc_main as default
 };

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

@@ -1,7 +1,7 @@
-import o from "./SchemaEnumValues.vue2.js";
+import _sfc_main from "./SchemaEnumValues.vue2.js";
 /* empty css                      */
-import m from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ m(o, [["__scopeId", "data-v-d4946030"]]);
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SchemaEnumValues = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d4946030"]]);
 export {
-  e as default
+  SchemaEnumValues as default
 };