slds-json-schema-renderer 1.0.0

package/lib/frontend/bundle.mjs

@@ -0,0 +1,1009 @@
+import { openBlock as l, createElementBlock as n, createElementVNode as e, toDisplayString as r, ref as T, Fragment as x, renderList as I, normalizeClass as M, createCommentVNode as g, computed as y, renderSlot as j, createBlock as f, createVNode as p, withCtx as S, provide as E, resolveDynamicComponent as R, createStaticVNode as Y, createApp as q } from "vue";
+import { createApp as ot } from "vue";
+const O = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTAwIiB3aWR0aD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNNzM4IDIwMEgyNjJjLTM0IDAtNjIgMjgtNjIgNjJ2NDc2YzAgMzQgMjggNjIgNjIgNjJoNDc2YzM0IDAgNjItMjggNjItNjJWMjYyYzAtMzQtMjgtNjItNjItNjJ6bS00NTUgNjJoNDM0YzExIDAgMjEgOSAyMSAyMXYzOUgyNjJ2LTM5YzAtMTIgOS0yMSAyMS0yMXptNDM0IDQ3NkgyODNjLTExIDAtMjEtOS0yMS0yMVYzODJoNDc2djMzNWMwIDEyLTkgMjEtMjEgMjF6TTQ2NyA2MzNsLTY2LTY2IDY2LTY2YzQtNCA0LTEwIDAtMTRsLTI4LTI4Yy00LTQtMTAtNC0xNCAwbC03MyA3My0xNSAxNS0xMyAxM2MtMiAyLTMgNS0zIDcgMCAzIDEgNSAzIDdsMTAyIDEwMmM0IDQgMTAgNCAxNCAwbDI4LTI4YzMtNSAzLTExLTEtMTV6bTIxMC03NC0xMy0xMy0xNS0xNS03My03M2MtNC00LTEwLTQtMTQgMGwtMjggMjhjLTQgNC00IDEwIDAgMTRsNjYgNjYtNjYgNjZjLTQgNC00IDEwIDAgMTRsMjggMjhjNCA0IDEwIDQgMTQgMGwxMDItMTAyYzItMiAzLTUgMy03eiIvPjwvc3ZnPg==";
+const V = { class: "slds-page-header" }, G = { class: "slds-page-header__row" }, Q = { class: "slds-page-header__col-title" }, B = { class: "slds-media" }, J = { class: "slds-media__body" }, H = { class: "slds-page-header__name" }, Z = { class: "slds-page-header__name-title" }, U = ["title"], W = {
+  __name: "Header",
+  props: {
+    title: {
+      type: String,
+      default: "JSON Schema Documentation"
+    }
+  },
+  setup(s) {
+    return (a, t) => (l(), n("header", V, [
+      e("div", G, [
+        e("div", Q, [
+          e("div", B, [
+            t[0] || (t[0] = e("div", { class: "slds-media__figure" }, [
+              e("span", { class: "slds-icon_container slds-icon-standard-account" }, [
+                e("img", {
+                  src: O,
+                  class: "slds-icon slds-icon_small",
+                  alt: ""
+                })
+              ])
+            ], -1)),
+            e("div", J, [
+              e("div", H, [
+                e("div", Z, [
+                  e("h1", {
+                    class: "slds-page-header__title slds-truncate",
+                    title: s.title
+                  }, r(s.title), 9, U)
+                ])
+              ])
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+const F = { class: "slds-navigation-list--vertical" }, X = { class: "slds-navigation-list__item-content" }, K = { class: "slds-navigation-list__item-title" }, ee = ["onClick"], se = {
+  __name: "Sidebar",
+  props: {
+    schemas: {
+      type: Array,
+      required: !0
+    },
+    selectedSchema: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["select-schema"],
+  setup(s, { emit: a }) {
+    var _;
+    const t = s, d = a, i = T(((_ = t.selectedSchema) == null ? void 0 : _.fileName) || null), m = (o) => {
+      i.value = o.fileName, d("select-schema", o);
+    }, v = (o) => {
+      var c;
+      return ((c = o.schema) == null ? void 0 : c.title) || o.fileName || "Untitled Schema";
+    };
+    return (o, c) => (l(), n("div", F, [
+      c[0] || (c[0] = e("div", { class: "slds-navigation-list__item" }, [
+        e("div", { class: "slds-navigation-list__item-content" }, [
+          e("div", { class: "slds-navigation-list__item-title" }, [
+            e("span", { class: "slds-text-heading_small" }, "Schemas")
+          ])
+        ])
+      ], -1)),
+      (l(!0), n(x, null, I(s.schemas, (h) => (l(), n("div", {
+        class: "slds-navigation-list__item",
+        key: h.fileName
+      }, [
+        e("div", X, [
+          e("div", K, [
+            e("button", {
+              class: M(["slds-button slds-button_neutral slds-button_stretch", { "slds-is-active": i.value === h.fileName }]),
+              onClick: (u) => m(h)
+            }, r(v(h)), 11, ee)
+          ])
+        ])
+      ]))), 128))
+    ]));
+  }
+}, te = { class: "slds-p-around_medium slds-theme_shade slds-text-align_center slds-text-body_small slds-mt-auto" }, le = { class: "slds-grid slds-grid_align-spread slds-wrap" }, ae = { class: "slds-col slds-size_1-of-1 slds-medium-size_1-of-3 slds-p-vertical_x-small" }, ie = {
+  key: 0,
+  class: "slds-text-color_weak"
+}, ne = { class: "slds-col slds-size_1-of-1 slds-medium-size_1-of-3 slds-p-vertical_x-small" }, oe = { class: "slds-text-color_weak" }, de = { class: "slds-col slds-size_1-of-1 slds-medium-size_1-of-3 slds-p-vertical_x-small" }, ce = { class: "slds-text-color_weak" }, re = {
+  __name: "Footer",
+  props: {
+    description: {
+      type: String,
+      default: ""
+    },
+    generatedAt: {
+      type: String,
+      default: () => (/* @__PURE__ */ new Date()).toISOString()
+    },
+    schemaCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(s) {
+    const a = (t) => new Date(t).toLocaleString();
+    return (t, d) => (l(), n("footer", te, [
+      e("div", le, [
+        e("div", ae, [
+          s.description ? (l(), n("span", ie, r(s.description), 1)) : g("", !0)
+        ]),
+        e("div", ne, [
+          e("span", oe, r(s.schemaCount) + " schema" + r(s.schemaCount !== 1 ? "s" : "") + " documented ", 1)
+        ]),
+        e("div", de, [
+          e("span", ce, " Generated at: " + r(a(s.generatedAt)), 1)
+        ])
+      ])
+    ]));
+  }
+}, me = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTIiIHdpZHRoPSI1MiIgdmlld0JveD0iMCAwIDUyMCA1MjAiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik00NzYgMTc4IDI3MSAzODVjLTYgNi0xNiA2LTIyIDBMNDQgMTc4Yy02LTYtNi0xNiAwLTIybDIyLTIyYzYtNiAxNi02IDIyIDBsMTYxIDE2M2M2IDYgMTYgNiAyMiAwbDE2MS0xNjNjNi02IDE2LTYgMjIgMGwyMiAyMmM1IDcgNSAxNiAwIDIyeiIvPjwvc3ZnPg==";
+const ue = { class: "slds-box slds-m-top_small" }, _e = { class: "slds-box slds-theme_shade" }, he = { class: "slds-dl_horizontal slds-wrap" }, ve = { class: "slds-size_1-of-3 slds-p-around_xx-small" }, pe = { class: "slds-text-title_caps" }, ye = { class: "slds-size_2-of-3 slds-p-around_xx-small" }, ge = { class: "slds-text-body_regular" }, k = {
+  __name: "SchemaConstraints",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = y(() => {
+      const m = {};
+      return [
+        "minimum",
+        "maximum",
+        "exclusiveMinimum",
+        "exclusiveMaximum",
+        "minLength",
+        "maxLength",
+        "pattern",
+        "minItems",
+        "maxItems",
+        "uniqueItems",
+        "minProperties",
+        "maxProperties"
+      ].forEach((_) => {
+        a.schema[_] !== void 0 && (m[_] = a.schema[_]);
+      }), m;
+    }), d = (m) => m.replace(/([A-Z])/g, " $1").replace(/^./, (v) => v.toUpperCase()), i = (m) => typeof m == "boolean" ? m ? "Yes" : "No" : m;
+    return (m, v) => (l(), n("div", ue, [
+      v[0] || (v[0] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Constraints", -1)),
+      e("div", _e, [
+        e("dl", he, [
+          (l(!0), n(x, null, I(t.value, (_, o) => (l(), n(x, { key: o }, [
+            e("dt", ve, [
+              e("div", pe, r(d(o)), 1)
+            ]),
+            e("dd", ye, [
+              e("div", ge, r(i(_)), 1)
+            ])
+          ], 64))), 128))
+        ])
+      ])
+    ]));
+  }
+}, $ = {
+  __name: "NestedSchemaContainer",
+  setup(s) {
+    return (a, t) => (l(), n("div", null, [
+      e("div", null, [
+        j(a.$slots, "default")
+      ])
+    ]));
+  }
+}, L = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNTIiIHdpZHRoPSI1MiIgdmlld0JveD0iMCAwIDUyMCA1MjAiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik01MTQgNDI1IDI4NSA1NWEyOCAyOCAwIDAgMC01MCAwTDYgNDI1Yy0xNCAyMyAwIDU1IDI1IDU1aDQ1OGMyNSAwIDQwLTMyIDI1LTU1em0tMjU0LTI1Yy0xNyAwLTMwLTEzLTMwLTMwczEzLTMwIDMwLTMwIDMwIDEzIDMwIDMwLTEzIDMwLTMwIDMwem0zMC05MGMwIDYtNCAxMC0xMCAxMGgtNDBjLTYgMC0xMC00LTEwLTEwVjE4MGMwLTYgNC0xMCAxMC0xMGg0MGM2IDAgMTAgNCAxMCAxMHYxMzB6Ii8+PC9zdmc+";
+const P = (s, a) => {
+  const t = s.__vccOpts || s;
+  for (const [d, i] of a)
+    t[d] = i;
+  return t;
+}, fe = {
+  class: "slds-notify slds-notify_alert slds-theme_alert-texture slds-theme_warning",
+  role: "alert"
+}, be = { class: "slds-notify__content" }, xe = {
+  __name: "NoPropertiesMessage",
+  props: {
+    title: {
+      type: String,
+      default: "No Properties Defined"
+    },
+    message: {
+      type: String,
+      default: "This object doesn't have any properties defined in the schema."
+    }
+  },
+  setup(s) {
+    return (a, t) => (l(), n("div", fe, [
+      t[0] || (t[0] = e("span", { class: "slds-assistive-text" }, "warning", -1)),
+      t[1] || (t[1] = e("span", { class: "slds-icon_container slds-icon-utility-warning slds-m-right_x-small" }, [
+        e("img", {
+          src: L,
+          class: "slds-icon slds-icon_x-small warning-icon",
+          alt: ""
+        })
+      ], -1)),
+      e("h2", null, r(s.title), 1),
+      e("div", be, [
+        e("p", null, r(s.message), 1)
+      ])
+    ]));
+  }
+}, w = /* @__PURE__ */ P(xe, [["__scopeId", "data-v-4fd65729"]]);
+const Me = { key: 1 }, Se = { key: 2 }, Ie = { class: "slds-box slds-m-top_small" }, $e = { class: "slds-table_container" }, Ne = { class: "slds-table slds-table_cell-buffer slds-table_bordered" }, Ae = { class: "slds-hint-parent" }, Te = ["title"], De = { class: "slds-truncate" }, we = { class: "slds-badge" }, Ce = ["onClick", "title"], je = ["title"], Oe = { class: "slds-truncate" }, ke = {
+  key: 0,
+  class: "slds-badge slds-badge_success"
+}, Le = {
+  key: 1,
+  class: "slds-badge slds-badge_inverse"
+}, Pe = { key: 0 }, ze = {
+  colspan: "4",
+  class: "slds-p-around_medium"
+}, Ee = { class: "slds-box slds-theme_shade" }, Re = { key: 4 }, Ye = { key: 0 }, qe = { key: 5 }, Ve = {
+  __name: "ObjectSchema",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    },
+    rootSchema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = T({}), d = y(() => ["minProperties", "maxProperties"].some((c) => c in a.schema)), i = y(() => a.schema.properties && Object.keys(a.schema.properties).length > 0), m = (o) => a.schema.required && a.schema.required.includes(o), v = (o) => o.type === "object" || o.type === "array" || Array.isArray(o.type) && (o.type.includes("object") || o.type.includes("array")), _ = (o) => {
+      t.value[o] = !t.value[o];
+    };
+    return (o, c) => (l(), n("div", null, [
+      c[7] || (c[7] = e("div", null, [
+        e("div", null, "Type: object")
+      ], -1)),
+      d.value ? (l(), f(k, {
+        key: 0,
+        schema: s.schema
+      }, null, 8, ["schema"])) : g("", !0),
+      s.schema.required && s.schema.required.length > 0 ? (l(), n("div", Me, [
+        c[0] || (c[0] = e("span", null, "Required properties:", -1)),
+        e("span", null, r(s.schema.required.join(", ")), 1)
+      ])) : g("", !0),
+      i.value ? (l(), n("div", Se, [
+        e("div", Ie, [
+          c[3] || (c[3] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Properties", -1)),
+          e("div", $e, [
+            e("table", Ne, [
+              c[2] || (c[2] = e("thead", null, [
+                e("tr", { class: "slds-line-height_reset" }, [
+                  e("th", {
+                    class: "slds-text-title_caps",
+                    scope: "col"
+                  }, [
+                    e("div", {
+                      class: "slds-truncate",
+                      title: "Property"
+                    }, "Property")
+                  ]),
+                  e("th", {
+                    class: "slds-text-title_caps",
+                    scope: "col"
+                  }, [
+                    e("div", {
+                      class: "slds-truncate",
+                      title: "Type"
+                    }, "Type")
+                  ]),
+                  e("th", {
+                    class: "slds-text-title_caps",
+                    scope: "col"
+                  }, [
+                    e("div", {
+                      class: "slds-truncate",
+                      title: "Description"
+                    }, "Description")
+                  ]),
+                  e("th", {
+                    class: "slds-text-title_caps",
+                    scope: "col"
+                  }, [
+                    e("div", {
+                      class: "slds-truncate",
+                      title: "Required"
+                    }, "Required")
+                  ])
+                ])
+              ], -1)),
+              e("tbody", null, [
+                (l(!0), n(x, null, I(s.schema.properties, (h, u) => (l(), n(x, { key: u }, [
+                  e("tr", Ae, [
+                    e("td", null, [
+                      e("div", {
+                        class: "slds-truncate",
+                        title: u
+                      }, r(u), 9, Te)
+                    ]),
+                    e("td", null, [
+                      e("div", De, [
+                        e("span", we, r(h.type), 1),
+                        v(h) ? (l(), n("button", {
+                          key: 0,
+                          class: "slds-button slds-button_icon slds-button_icon_small slds-m-left_x-small",
+                          onClick: (z) => _(u),
+                          title: t.value[u] ? "Collapse" : "Expand"
+                        }, c[1] || (c[1] = [
+                          e("img", {
+                            src: me,
+                            class: "slds-button__icon",
+                            alt: ""
+                          }, null, -1)
+                        ]), 8, Ce)) : g("", !0)
+                      ])
+                    ]),
+                    e("td", null, [
+                      e("div", {
+                        class: "slds-truncate",
+                        title: h.description
+                      }, r(h.description || "No description"), 9, je)
+                    ]),
+                    e("td", null, [
+                      e("div", Oe, [
+                        m(u) ? (l(), n("span", ke, "Required")) : (l(), n("span", Le, "Optional"))
+                      ])
+                    ])
+                  ]),
+                  v(h) && t.value[u] ? (l(), n("tr", Pe, [
+                    e("td", ze, [
+                      e("div", Ee, [
+                        p(b, {
+                          schema: h,
+                          rootSchema: s.rootSchema,
+                          isRoot: !1
+                        }, null, 8, ["schema", "rootSchema"])
+                      ])
+                    ])
+                  ])) : g("", !0)
+                ], 64))), 128))
+              ])
+            ])
+          ])
+        ])
+      ])) : (l(), f(w, { key: 3 })),
+      s.schema.additionalProperties !== void 0 ? (l(), n("div", Re, [
+        c[4] || (c[4] = e("div", null, "Additional Properties", -1)),
+        typeof s.schema.additionalProperties == "boolean" ? (l(), n("div", Ye, [
+          e("span", {
+            class: M(s.schema.additionalProperties ? "status-allowed" : "status-denied")
+          }, r(s.schema.additionalProperties ? "Allowed" : "Not allowed"), 3)
+        ])) : (l(), f($, { key: 1 }, {
+          default: S(() => [
+            p(b, {
+              schema: s.schema.additionalProperties,
+              rootSchema: s.rootSchema,
+              isRoot: !1
+            }, null, 8, ["schema", "rootSchema"])
+          ]),
+          _: 1
+        }))
+      ])) : g("", !0),
+      s.schema.patternProperties ? (l(), n("div", qe, [
+        c[6] || (c[6] = e("div", null, "Pattern Properties", -1)),
+        e("div", null, [
+          (l(!0), n(x, null, I(s.schema.patternProperties, (h, u) => (l(), n("div", { key: u }, [
+            p($, null, {
+              default: S(() => [
+                e("div", null, [
+                  e("div", null, [
+                    c[5] || (c[5] = e("span", null, "Pattern:", -1)),
+                    e("code", null, r(u), 1)
+                  ])
+                ]),
+                p(b, {
+                  schema: h,
+                  rootSchema: s.rootSchema,
+                  isRoot: !1
+                }, null, 8, ["schema", "rootSchema"])
+              ]),
+              _: 2
+            }, 1024)
+          ]))), 128))
+        ])
+      ])) : g("", !0)
+    ]));
+  }
+};
+const Ge = { key: 1 }, Qe = { key: 3 }, Be = { key: 4 }, Je = { key: 0 }, He = {
+  key: 5,
+  class: "slds-box slds-m-top_small"
+}, Ze = { class: "slds-box slds-theme_shade" }, Ue = { class: "slds-text-body_regular" }, We = { class: "slds-grid slds-gutters" }, Fe = { class: "slds-col" }, Xe = { class: "slds-badge" }, Ke = { class: "slds-col" }, es = {
+  __name: "ArraySchema",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    },
+    rootSchema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = y(() => ["minItems", "maxItems", "uniqueItems"].some((i) => i in a.schema));
+    return (d, i) => (l(), n("div", null, [
+      i[6] || (i[6] = e("div", null, [
+        e("span", null, "Type: array")
+      ], -1)),
+      t.value ? (l(), f(k, {
+        key: 0,
+        schema: s.schema
+      }, null, 8, ["schema"])) : g("", !0),
+      s.schema.items ? (l(), n("div", Ge, [
+        i[0] || (i[0] = e("div", null, "Items:", -1)),
+        p($, null, {
+          default: S(() => [
+            Array.isArray(s.schema.items) ? (l(!0), n(x, { key: 0 }, I(s.schema.items, (m, v) => (l(), n("div", { key: v }, [
+              e("div", null, " Index " + r(v) + ": ", 1),
+              p(b, {
+                schema: m,
+                rootSchema: s.rootSchema,
+                isRoot: !1
+              }, null, 8, ["schema", "rootSchema"])
+            ]))), 128)) : (l(), f(b, {
+              key: 1,
+              schema: s.schema.items,
+              rootSchema: s.rootSchema,
+              isRoot: !1
+            }, null, 8, ["schema", "rootSchema"]))
+          ]),
+          _: 1
+        })
+      ])) : (l(), f(w, {
+        key: 2,
+        title: "No Items Defined",
+        message: "This array doesn't have any items defined in the schema."
+      })),
+      s.schema.contains ? (l(), n("div", Qe, [
+        i[1] || (i[1] = e("div", null, "Contains:", -1)),
+        p($, null, {
+          default: S(() => [
+            p(b, {
+              schema: s.schema.contains,
+              rootSchema: s.rootSchema,
+              isRoot: !1
+            }, null, 8, ["schema", "rootSchema"])
+          ]),
+          _: 1
+        })
+      ])) : g("", !0),
+      s.schema.additionalItems !== void 0 && Array.isArray(s.schema.items) ? (l(), n("div", Be, [
+        i[2] || (i[2] = e("div", null, "Additional Items:", -1)),
+        typeof s.schema.additionalItems == "boolean" ? (l(), n("div", Je, [
+          e("span", {
+            class: M(s.schema.additionalItems ? "status-allowed" : "status-denied")
+          }, r(s.schema.additionalItems ? "Allowed" : "Not allowed"), 3)
+        ])) : (l(), f($, { key: 1 }, {
+          default: S(() => [
+            p(b, {
+              schema: s.schema.additionalItems,
+              rootSchema: s.rootSchema,
+              isRoot: !1
+            }, null, 8, ["schema", "rootSchema"])
+          ]),
+          _: 1
+        }))
+      ])) : g("", !0),
+      s.schema.items ? (l(), n("div", He, [
+        i[5] || (i[5] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Array Items", -1)),
+        e("div", Ze, [
+          e("div", Ue, [
+            e("div", We, [
+              e("div", Fe, [
+                i[3] || (i[3] = e("div", { class: "slds-text-title_caps slds-m-bottom_xx-small" }, "Type", -1)),
+                e("div", Xe, r(s.schema.items.type), 1)
+              ]),
+              e("div", Ke, [
+                i[4] || (i[4] = e("div", { class: "slds-text-title_caps slds-m-bottom_xx-small" }, "Description", -1)),
+                e("div", null, r(s.schema.items.description || "No description"), 1)
+              ])
+            ])
+          ])
+        ])
+      ])) : g("", !0)
+    ]));
+  }
+};
+const ss = { class: "slds-box slds-m-top_small" }, ts = { class: "slds-box slds-theme_shade" }, ls = { class: "slds-text-body_regular" }, as = { class: "slds-grid slds-gutters" }, is = { class: "slds-col" }, ns = { class: "slds-badge" }, os = { class: "slds-col" }, N = {
+  __name: "PrimitiveSchema",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s;
+    return y(() => ({
+      string: ["minLength", "maxLength", "pattern"],
+      number: ["minimum", "maximum", "exclusiveMinimum", "exclusiveMaximum", "multipleOf"],
+      integer: ["minimum", "maximum", "exclusiveMinimum", "exclusiveMaximum", "multipleOf"]
+    }[a.schema.type] || []).some((i) => i in a.schema)), y(() => ({
+      string: "type-string",
+      number: "type-number",
+      integer: "type-integer",
+      boolean: "type-boolean",
+      null: "type-null"
+    })[a.schema.type] || ""), (t, d) => (l(), n("div", ss, [
+      d[2] || (d[2] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Type Information", -1)),
+      e("div", ts, [
+        e("div", ls, [
+          e("div", as, [
+            e("div", is, [
+              d[0] || (d[0] = e("div", { class: "slds-text-title_caps slds-m-bottom_xx-small" }, "Type", -1)),
+              e("div", ns, r(s.schema.type), 1)
+            ]),
+            e("div", os, [
+              d[1] || (d[1] = e("div", { class: "slds-text-title_caps slds-m-bottom_xx-small" }, "Description", -1)),
+              e("div", null, r(s.schema.description || "No description"), 1)
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+const ds = { class: "slds-box slds-theme_shade" }, cs = { class: "slds-text-heading_small slds-m-bottom_small" }, rs = { class: "slds-tabs_default" }, ms = {
+  class: "slds-tabs_default__nav",
+  role: "tablist"
+}, us = ["aria-selected", "aria-controls", "onClick"], _s = { class: "slds-tabs_default__title" }, hs = ["id"], vs = { class: "slds-p-around_medium" }, ps = { class: "slds-text-title_caps slds-m-bottom_small" }, ys = {
+  __name: "CompositionSchema",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    },
+    compositionType: {
+      type: String,
+      required: !0,
+      validator: (s) => ["anyOf", "oneOf", "allOf"].includes(s)
+    },
+    rootSchema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = T(0), d = y(() => a.schema[a.compositionType] || []), i = y(() => {
+      switch (a.compositionType) {
+        case "oneOf":
+          return "One Of (Choose One)";
+        case "anyOf":
+          return "Any Of (Choose Any)";
+        case "allOf":
+          return "All Of (Must Match All)";
+        default:
+          return a.compositionType;
+      }
+    }), m = y(() => {
+      switch (a.compositionType) {
+        case "oneOf":
+          return "slds-badge_success";
+        case "anyOf":
+          return "slds-badge_warning";
+        case "allOf":
+          return "slds-badge_inverse";
+        default:
+          return "";
+      }
+    }), v = (o) => Array.isArray(o.type) ? o.type.join(" | ") : o.type || "object", _ = (o, c) => o.title ? o.title : `Option ${c + 1}`;
+    return (o, c) => (l(), n("div", ds, [
+      e("div", cs, [
+        e("span", {
+          class: M(["slds-badge", m.value])
+        }, r(i.value), 3)
+      ]),
+      e("div", rs, [
+        e("ul", ms, [
+          (l(!0), n(x, null, I(d.value, (h, u) => (l(), n("li", {
+            key: u,
+            class: M(["slds-tabs_default__item", { "slds-is-active": t.value === u }]),
+            role: "presentation"
+          }, [
+            e("a", {
+              class: "slds-tabs_default__link",
+              role: "tab",
+              tabindex: "0",
+              "aria-selected": t.value === u,
+              "aria-controls": `tab-${u}`,
+              onClick: (z) => t.value = u
+            }, [
+              e("span", _s, r(_(h, u)), 1)
+            ], 8, us)
+          ], 2))), 128))
+        ]),
+        (l(!0), n(x, null, I(d.value, (h, u) => (l(), n("div", {
+          key: u,
+          id: `tab-${u}`,
+          class: M(["slds-tabs_default__content", { "slds-show": t.value === u, "slds-hide": t.value !== u }]),
+          role: "tabpanel"
+        }, [
+          e("div", vs, [
+            e("div", ps, "Schema Type: " + r(v(h)), 1),
+            p($, null, {
+              default: S(() => [
+                p(b, {
+                  schema: h,
+                  rootSchema: s.rootSchema,
+                  isRoot: !1
+                }, null, 8, ["schema", "rootSchema"])
+              ]),
+              _: 2
+            }, 1024)
+          ])
+        ], 10, hs))), 128))
+      ])
+    ]));
+  }
+};
+const gs = ["title"], fs = { key: 0 }, bs = { key: 1 }, xs = {
+  __name: "ReferenceResolver",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    },
+    rootSchema: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["navigate-to-definition"],
+  setup(s, { emit: a }) {
+    const t = s, d = a, i = (_) => {
+      const o = _.split("/");
+      return o[o.length - 1];
+    }, m = y(() => {
+      if (!t.schema.$ref)
+        return null;
+      const _ = t.schema.$ref.split("/");
+      let o = t.rootSchema;
+      for (let c = 1; c < _.length; c++) {
+        if (!o)
+          return null;
+        o = o[_[c]];
+      }
+      return o;
+    }), v = () => {
+      d("navigate-to-definition", {
+        definitionName: i(t.schema.$ref)
+      });
+    };
+    return (_, o) => (l(), n("div", null, [
+      e("div", null, [
+        o[0] || (o[0] = e("span", null, "Reference", -1)),
+        e("button", {
+          onClick: v,
+          title: s.schema.$ref
+        }, r(i(s.schema.$ref)), 9, gs)
+      ]),
+      m.value ? (l(), n("div", fs, [
+        p($, null, {
+          default: S(() => [
+            p(b, {
+              schema: m.value,
+              rootSchema: s.rootSchema,
+              isRoot: !1
+            }, null, 8, ["schema", "rootSchema"])
+          ]),
+          _: 1
+        })
+      ])) : (l(), n("div", bs, [
+        e("div", null, [
+          o[2] || (o[2] = e("div", null, [
+            e("span", null, [
+              e("img", {
+                src: L,
+                class: "warning-icon",
+                alt: ""
+              })
+            ])
+          ], -1)),
+          e("div", null, [
+            o[1] || (o[1] = e("h3", null, "Reference Not Found", -1)),
+            e("p", null, "Could not resolve reference: " + r(s.schema.$ref), 1)
+          ])
+        ])
+      ]))
+    ]));
+  }
+}, Ms = /* @__PURE__ */ P(xs, [["__scopeId", "data-v-c4f26fb8"]]);
+function D(s, a) {
+  if (!s)
+    return s;
+  if (s.$ref) {
+    const t = s.$ref.split("/");
+    let d = a;
+    for (let i = 1; i < t.length; i++) {
+      if (!d)
+        return s;
+      d = d[t[i]];
+    }
+    return D(d, a);
+  }
+  if (Array.isArray(s))
+    return s.map((t) => D(t, a));
+  if (typeof s == "object") {
+    const t = {};
+    for (const [d, i] of Object.entries(s))
+      d !== "$ref" && (t[d] = D(i, a));
+    return t;
+  }
+  return s;
+}
+const Ss = {
+  object: Ve,
+  array: es,
+  string: N,
+  number: N,
+  integer: N,
+  boolean: N,
+  null: N
+}, A = {
+  hasReference: (s) => !!s.$ref,
+  hasComposition: (s) => !!(s.anyOf || s.oneOf || s.allOf),
+  getCompositionType: (s) => s.anyOf ? "anyOf" : s.oneOf ? "oneOf" : s.allOf ? "allOf" : null,
+  isPrimitiveType: (s) => ["string", "number", "integer", "boolean", "null"].includes(s.type),
+  getComponentForSchema: (s) => A.hasReference(s) ? Ms : A.hasComposition(s) ? ys : Ss[s.type] || null,
+  resolveReferences: D
+};
+const Is = { class: "slds-grid slds-grid_vertical" }, $s = { class: "slds-col slds-size_1-of-1" }, Ns = { class: "slds-card" }, As = { class: "slds-card__body slds-card__body_inner" }, Ts = {
+  __name: "SchemaLayout",
+  setup(s) {
+    return (a, t) => (l(), n("div", Is, [
+      e("div", $s, [
+        e("div", Ns, [
+          e("div", As, [
+            j(a.$slots, "default")
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+const Ds = {
+  class: "slds-tabs_default__nav",
+  role: "tablist"
+}, ws = {
+  __name: "SchemaTabs",
+  props: {
+    modelValue: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(s) {
+    return (a, t) => (l(), n("ul", Ds, [
+      e("li", {
+        class: M(["slds-tabs_default__item", { "slds-is-active": s.modelValue === "visual" }]),
+        role: "presentation"
+      }, [
+        e("a", {
+          class: "slds-tabs_default__link",
+          role: "tab",
+          tabindex: "0",
+          "aria-selected": "true",
+          "aria-controls": "visual-tab",
+          onClick: t[0] || (t[0] = (d) => a.$emit("update:modelValue", "visual"))
+        }, t[2] || (t[2] = [
+          e("span", { class: "slds-tabs_default__title" }, "Visual", -1)
+        ]))
+      ], 2),
+      e("li", {
+        class: M(["slds-tabs_default__item", { "slds-is-active": s.modelValue === "plain" }]),
+        role: "presentation"
+      }, [
+        e("a", {
+          class: "slds-tabs_default__link",
+          role: "tab",
+          tabindex: "0",
+          "aria-selected": "true",
+          "aria-controls": "plain-tab",
+          onClick: t[1] || (t[1] = (d) => a.$emit("update:modelValue", "plain"))
+        }, t[3] || (t[3] = [
+          e("span", { class: "slds-tabs_default__title" }, "Plain JSON", -1)
+        ]))
+      ], 2)
+    ]));
+  }
+};
+const Cs = { class: "slds-page-header" }, js = { class: "slds-page-header__row" }, Os = { class: "slds-page-header__col-title" }, ks = { class: "slds-media" }, Ls = { class: "slds-media__body" }, Ps = { class: "slds-page-header__name" }, zs = { class: "slds-page-header__name-title" }, Es = {
+  class: "slds-page-header__title slds-truncate",
+  title: "{{ schema.title || 'Schema' }}"
+}, Rs = { class: "slds-page-header__meta-text" }, Ys = {
+  __name: "SchemaHeader",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s;
+    return y(() => !!(a.schema.title || a.schema.description)), (t, d) => (l(), n("div", Cs, [
+      e("div", js, [
+        e("div", Os, [
+          e("div", ks, [
+            d[0] || (d[0] = e("div", { class: "slds-media__figure" }, [
+              e("span", { class: "slds-icon_container slds-icon-standard-account" }, [
+                e("img", {
+                  src: O,
+                  class: "slds-icon slds-icon_small",
+                  alt: ""
+                })
+              ])
+            ], -1)),
+            e("div", Ls, [
+              e("div", Ps, [
+                e("div", zs, [
+                  e("h1", Es, r(s.schema.title || "Schema"), 1)
+                ])
+              ]),
+              e("div", Rs, r(s.schema.description || "No description provided"), 1)
+            ])
+          ])
+        ])
+      ])
+    ]));
+  }
+};
+const qs = { class: "slds-box" }, Vs = { class: "slds-box slds-theme_shade" }, Gs = {
+  __name: "PlainSchemaView",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = y(() => JSON.stringify(a.schema, null, 2));
+    return (d, i) => (l(), n("div", qs, [
+      i[0] || (i[0] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Raw JSON Schema", -1)),
+      e("pre", Vs, [
+        e("code", null, r(t.value), 1)
+      ])
+    ]));
+  }
+}, Qs = { class: "slds-box slds-theme_shade" }, Bs = { class: "slds-grid slds-wrap slds-gutters" }, Js = { class: "slds-badge slds-badge_inverse" }, Hs = {
+  __name: "SchemaEnum",
+  props: {
+    values: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(s) {
+    return (a, t) => (l(), n("div", Qs, [
+      t[0] || (t[0] = e("div", { class: "slds-text-heading_small slds-m-bottom_small" }, "Enum Values", -1)),
+      e("div", Bs, [
+        (l(!0), n(x, null, I(s.values, (d, i) => (l(), n("div", {
+          key: i,
+          class: "slds-col slds-size_1-of-3 slds-p-around_xx-small"
+        }, [
+          e("div", Js, r(d), 1)
+        ]))), 128))
+      ])
+    ]));
+  }
+};
+const Zs = { class: "slds-tabs_default" }, Us = { class: "slds-p-around_medium" }, Ws = { class: "slds-m-top_medium" }, Fs = { class: "slds-p-around_medium" }, b = {
+  __name: "SchemaViewer",
+  props: {
+    schema: {
+      type: Object,
+      required: !0
+    },
+    rootSchema: {
+      type: Object,
+      default: null
+    },
+    isRoot: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(s) {
+    const a = s, t = T("visual"), d = y(() => a.isRoot ? a.schema : a.rootSchema), i = y(() => A.resolveReferences(a.schema, d.value));
+    E("rootSchema", d);
+    const m = y(() => A.getComponentForSchema(i.value)), v = y(() => A.getCompositionType(i.value)), _ = (o) => {
+      const c = document.getElementById(`definition-${o.definitionName}`);
+      c && (c.scrollIntoView({ behavior: "smooth" }), c.classList.add("highlight"), setTimeout(() => {
+        c.classList.remove("highlight");
+      }, 2e3));
+    };
+    return (o, c) => (l(), f(Ts, null, {
+      default: S(() => [
+        e("div", Zs, [
+          p(ws, {
+            modelValue: t.value,
+            "onUpdate:modelValue": c[0] || (c[0] = (h) => t.value = h)
+          }, null, 8, ["modelValue"]),
+          e("div", {
+            class: M({ "slds-show": t.value === "visual", "slds-hide": t.value !== "visual" })
+          }, [
+            e("div", Us, [
+              p(Ys, { schema: i.value }, null, 8, ["schema"]),
+              e("div", Ws, [
+                m.value ? (l(), f(R(m.value), {
+                  key: 0,
+                  schema: i.value,
+                  rootSchema: d.value,
+                  compositionType: v.value,
+                  onNavigateToDefinition: _
+                }, null, 40, ["schema", "rootSchema", "compositionType"])) : (l(), f(w, { key: 1 })),
+                i.value.enum ? (l(), f(Hs, {
+                  key: 2,
+                  values: i.value.enum,
+                  class: "slds-m-top_medium"
+                }, null, 8, ["values"])) : g("", !0)
+              ])
+            ])
+          ], 2),
+          e("div", {
+            class: M({ "slds-show": t.value === "plain", "slds-hide": t.value !== "plain" })
+          }, [
+            e("div", Fs, [
+              p(Gs, { schema: i.value }, null, 8, ["schema"])
+            ])
+          ], 2)
+        ])
+      ]),
+      _: 1
+    }));
+  }
+}, Xs = { class: "slds-grid slds-grid_vertical" }, Ks = { class: "slds-grid slds-gutters slds-grid_vertical-fill" }, et = { class: "slds-col slds-size_2-of-12" }, st = { class: "slds-col slds-size_10-of-12" }, tt = {
+  key: 1,
+  class: "slds-p-around_medium"
+}, lt = {
+  __name: "App",
+  props: {
+    title: {
+      type: String,
+      default: "JSON Schema Documentation"
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    schemas: {
+      type: Array,
+      default: () => []
+    },
+    generatedAt: {
+      type: String,
+      default: () => (/* @__PURE__ */ new Date()).toISOString()
+    }
+  },
+  setup(s) {
+    const a = s, t = T(a.schemas.length > 0 ? a.schemas[0] : null), d = (i) => {
+      t.value = i;
+    };
+    return (i, m) => (l(), n("div", Xs, [
+      p(W, { title: s.title }, null, 8, ["title"]),
+      e("div", Ks, [
+        e("div", et, [
+          p(se, {
+            schemas: s.schemas,
+            selectedSchema: t.value,
+            onSelectSchema: d
+          }, null, 8, ["schemas", "selectedSchema"])
+        ]),
+        e("div", st, [
+          t.value ? (l(), f(b, {
+            key: 0,
+            schema: t.value.schema,
+            "is-root": !0
+          }, null, 8, ["schema"])) : (l(), n("div", tt, m[0] || (m[0] = [
+            Y('<div class="slds-text-align_center"><svg viewBox="0 0 454 272" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle vector-effect="non-scaling-stroke" cx="150" cy="150" r="40" fill="#F9F9F9"></circle><circle vector-effect="non-scaling-stroke" cx="150" cy="150" r="30" fill="#ECEBEA"></circle><circle vector-effect="non-scaling-stroke" cx="150" cy="150" r="20" fill="#D9D7D5"></circle></g></svg></div><div class="slds-text-align_center slds-m-top_medium"><h3 class="slds-text-heading_medium">No Schema Selected</h3><p class="slds-text-body_regular slds-m-top_small"> Select a schema from the sidebar to view its documentation. </p></div>', 2)
+          ])))
+        ])
+      ]),
+      p(re, {
+        description: s.description,
+        generatedAt: s.generatedAt,
+        schemaCount: s.schemas.length
+      }, null, 8, ["description", "generatedAt", "schemaCount"])
+    ]));
+  }
+};
+async function C() {
+  const s = window.__JSON_SCHEMA_DOCS_DATA__ || {
+    title: "JSON Schema Documentation",
+    description: "",
+    schemas: [],
+    generatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  document.getElementById("app") && q(lt, s).mount("#app");
+}
+document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", C) : C();
+export {
+  lt as App,
+  ot as createApp
+};