@scalar/api-reference 1.34.5 → 1.35.0

package/dist/components/ApiReferenceLayout.vue2.js

@@ -1,42 +1,41 @@
-import { defineComponent as me, computed as M, provide as S, ref as C, onBeforeMount as fe, onMounted as V, watch as I, toValue as U, onUnmounted as ve, useId as pe, createElementBlock as m, openBlock as a, Fragment as Y, createElementVNode as p, createVNode as f, normalizeStyle as ge, normalizeClass as he, unref as r, createCommentVNode as l, withDirectives as Se, createBlock as b, renderSlot as d, normalizeProps as g, guardReactiveProps as h, withCtx as s, vShow as be, createSlots as ye } from "vue";
-import { provideUseId as we } from "@headlessui/vue";
-import { OpenApiClientButton as ke } from "@scalar/api-client/components";
-import { LAYOUT_SYMBOL as $e } from "@scalar/api-client/hooks";
-import { WORKSPACE_SYMBOL as Me, ACTIVE_ENTITIES_SYMBOL as Te } from "@scalar/api-client/store";
-import { addScalarClassesToHeadless as De, ScalarErrorBoundary as Ce, ScalarSidebarFooter as Ee, ScalarColorModeToggleButton as Oe, ScalarColorModeToggleIcon as Ie } from "@scalar/components";
-import { sleep as Be } from "@scalar/helpers/testing/sleep";
-import { hasObtrusiveScrollbars as Le, getThemeStyles as Re } from "@scalar/themes";
-import { apiReferenceConfigurationSchema as _e } from "@scalar/types/api-reference";
-import { useBreakpoints as Ae } from "@scalar/use-hooks/useBreakpoints";
-import { useToasts as Pe, ScalarToasts as He } from "@scalar/use-toasts";
-import { useMediaQuery as Fe, useResizeObserver as Ne, useDebounceFn as Ve } from "@vueuse/core";
-import Ue from "./ClassicHeader.vue.js";
-import Ye from "./GettingStarted.vue.js";
-import { hasLazyLoaded as Ke } from "./Lazy/lazyBus.js";
-import ze from "./MobileHeader.vue.js";
-import { CONFIGURATION_SYMBOL as Ge } from "../hooks/useConfig.js";
-import { useNavState as Qe } from "../hooks/useNavState.js";
-import { downloadEventBus as K, downloadDocument as We } from "../libs/download.js";
-import { useDocumentSource as je } from "../features/document-source/hooks/useDocumentSource.js";
-import { OPENAPI_VERSION_SYMBOL as qe } from "../features/download-link/openapi-version-symbol.js";
-import { useSidebar as Je } from "../features/sidebar/hooks/useSidebar.js";
-import { PLUGIN_MANAGER_SYMBOL as Xe } from "../plugins/hooks/usePluginManager.js";
-import { createPluginManager as Ze } from "../plugins/plugin-manager.js";
-import xe from "../features/sidebar/components/Sidebar.vue.js";
+import { defineComponent as ne, computed as $, provide as T, ref as D, onBeforeMount as le, onMounted as de, watch as B, onUnmounted as ue, useId as ce, createElementBlock as f, openBlock as s, Fragment as Y, createElementVNode as h, createVNode as v, normalizeStyle as me, normalizeClass as fe, unref as r, createCommentVNode as i, withDirectives as ve, createBlock as w, renderSlot as d, normalizeProps as S, guardReactiveProps as b, withCtx as n, vShow as ge, createSlots as pe } from "vue";
+import { provideUseId as he } from "@headlessui/vue";
+import { OpenApiClientButton as Se } from "@scalar/api-client/components";
+import { LAYOUT_SYMBOL as be } from "@scalar/api-client/hooks";
+import { WORKSPACE_SYMBOL as ye, ACTIVE_ENTITIES_SYMBOL as we } from "@scalar/api-client/store";
+import { addScalarClassesToHeadless as ke, ScalarErrorBoundary as $e, ScalarSidebarFooter as Te, ScalarColorModeToggleButton as Me, ScalarColorModeToggleIcon as Ce } from "@scalar/components";
+import { sleep as De } from "@scalar/helpers/testing/sleep";
+import { hasObtrusiveScrollbars as Ee, getThemeStyles as Ie } from "@scalar/themes";
+import { apiReferenceConfigurationSchema as Le } from "@scalar/types/api-reference";
+import { useBreakpoints as Be } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as Oe, ScalarToasts as Re } from "@scalar/use-toasts";
+import { useMediaQuery as _e, useResizeObserver as He, useDebounceFn as Ae } from "@vueuse/core";
+import Fe from "./ClassicHeader.vue.js";
+import Pe from "./GettingStarted.vue.js";
+import { hasLazyLoaded as Ne } from "./Lazy/lazyBus.js";
+import Ue from "./MobileHeader.vue.js";
+import { CONFIGURATION_SYMBOL as Ke } from "../hooks/useConfig.js";
+import { useNavState as Ve } from "../hooks/useNavState.js";
+import { useLegacyStoreEvents as Ye } from "../v2/hooks/use-legacy-store-events.js";
+import { useDocumentSource as ze } from "../features/document-source/hooks/useDocumentSource.js";
+import { useSidebar as Ge } from "../features/sidebar/hooks/useSidebar.js";
+import { PLUGIN_MANAGER_SYMBOL as Qe } from "../plugins/hooks/usePluginManager.js";
+import { createPluginManager as We } from "../plugins/plugin-manager.js";
+import je from "../features/sidebar/components/Sidebar.vue.js";
 import z from "../features/Search/components/SearchButton.vue.js";
-import et from "./Content/Content.vue.js";
+import qe from "./Content/Content.vue.js";
 import "./Content/Content.vue2.js";
-import tt from "../features/api-client-modal/ApiClientModal.vue.js";
-const ot = ["innerHTML"], rt = { class: "references-header" }, at = ["aria-label"], nt = { class: "references-navigation-list" }, lt = { key: 0 }, st = {
+import Je from "../features/api-client-modal/ApiClientModal.vue.js";
+const Xe = ["innerHTML"], Ze = { class: "references-header" }, xe = ["aria-label"], et = { class: "references-navigation-list" }, tt = { key: 0 }, ot = {
   key: 1,
   class: "scalar-api-references-standalone-search"
-}, it = { key: 1 }, dt = { class: "references-editor" }, ut = { class: "references-editor-textarea" }, ct = ["aria-label"], mt = {
+}, rt = { key: 1 }, at = { class: "references-editor" }, st = { class: "references-editor-textarea" }, it = ["aria-label"], nt = {
   key: 0,
   class: "w-64 *:!p-0 empty:hidden"
-}, ft = {
+}, lt = {
   key: 0,
   class: "references-footer"
-}, Kt = /* @__PURE__ */ me({
+}, Ft = /* @__PURE__ */ ne({
   inheritAttrs: !1,
   __name: "ApiReferenceLayout",
   props: {
@@ -48,124 +47,113 @@ const ot = ["innerHTML"], rt = { class: "references-header" }, at = ["aria-label
     store: {}
   },
   emits: ["changeTheme", "updateContent", "loadSwaggerFile", "linkSwaggerFile", "toggleDarkMode"],
-  setup(T) {
-    const t = M(
-      () => _e.parse(T.configuration)
-    ), { initializeToasts: G, toast: Q } = Pe();
+  setup(M) {
+    const t = $(
+      () => Le.parse(M.configuration)
+    ), { initializeToasts: G, toast: Q } = Oe();
     G((e) => Q(e));
-    const {
-      originalDocument: W,
-      originalOpenApiVersion: j,
-      dereferencedDocument: v,
-      workspaceStore: q,
-      activeEntitiesStore: J
-    } = je({
+    const { dereferencedDocument: g, workspaceStore: O, activeEntitiesStore: R } = ze({
       configuration: t,
-      dereferencedDocument: T.dereferencedDocument,
-      originalDocument: T.originalDocument
+      dereferencedDocument: M.dereferencedDocument,
+      originalDocument: M.originalDocument
     });
-    S(qe, j), S(Me, q), S(Te, J);
-    const X = Fe("(min-width: 1150px)"), Z = C("100dvh"), y = C(null);
-    Ne(y, (e) => {
-      Z.value = e[0] ? e[0].contentRect.height + "px" : "100dvh";
+    T(ye, O), T(we, R);
+    const W = _e("(min-width: 1150px)"), j = D("100dvh"), y = D(null);
+    He(y, (e) => {
+      j.value = e[0] ? e[0].contentRect.height + "px" : "100dvh";
     });
-    const x = M(Le), B = Qe(t), { isSidebarOpen: E, setCollapsedSidebarItem: L, scrollToOperation: ee, items: te } = Je(v, {
-      ...B,
+    const q = $(Ee), _ = Ve(t), { isSidebarOpen: E, setCollapsedSidebarItem: I, scrollToOperation: J, items: H } = Ge(g, {
+      ..._,
       config: t
     }), {
-      getReferenceId: oe,
-      getPathRoutingId: re,
-      getSectionId: ae,
-      getTagId: ne,
-      hash: D,
-      isIntersectionEnabled: R,
-      updateHash: _,
-      replaceUrlState: le
-    } = B;
+      getReferenceId: X,
+      getPathRoutingId: Z,
+      getSectionId: x,
+      getTagId: ee,
+      hash: C,
+      isIntersectionEnabled: A,
+      updateHash: F,
+      replaceUrlState: te
+    } = _;
     if (t.value.redirect && typeof window < "u") {
       const e = t.value.redirect(
         (t.value.pathRouting ? window.location.pathname : "") + window.location.hash
       );
       e && history.replaceState({}, "", e);
     }
-    fe(() => {
-      _(), De();
+    le(() => {
+      F(), ke();
     });
-    const A = async (e) => {
+    const P = async (e) => {
       var o;
-      R.value = !1, _(), e ? ee(e) : (o = y.value) == null || o.scrollTo(0, 0), await Be(100), R.value = !0;
-    }, P = C(0);
-    V(() => {
-      var n, w, k;
+      A.value = !1, F(), e ? J(e) : (o = y.value) == null || o.scrollTo(0, 0), await De(100), A.value = !0;
+    }, N = D(0);
+    de(() => {
+      var c, a, p;
       history.scrollRestoration = "manual";
-      const e = (w = (n = y.value) == null ? void 0 : n.parentElement) == null ? void 0 : w.getBoundingClientRect(), o = (k = y.value) == null ? void 0 : k.getBoundingClientRect();
+      const e = (a = (c = y.value) == null ? void 0 : c.parentElement) == null ? void 0 : a.getBoundingClientRect(), o = (p = y.value) == null ? void 0 : p.getBoundingClientRect();
       if (e && o) {
-        const $ = o.top - e.top;
-        P.value = $ < 2 ? 0 : $;
+        const k = o.top - e.top;
+        N.value = k < 2 ? 0 : k;
       }
       window.onhashchange = () => {
-        A(oe());
-      }, window.onpopstate = () => t.value.pathRouting && A(re(window.location.pathname)), window.addEventListener("scroll", H, { passive: !0 });
+        P(X());
+      }, window.onpopstate = () => t.value.pathRouting && P(Z(window.location.pathname)), window.addEventListener("scroll", U, { passive: !0 });
     });
-    const se = M(
-      () => X.value || !t.value.isEditable
-    ), H = Ve(() => {
-      window.scrollY < 50 && Ke.value && le("");
-    }), ie = C(!1);
-    I(v, (e) => {
-      var o;
-      if (D.value) {
-        const n = ae(D.value);
-        n && L(n, !0);
+    const oe = $(
+      () => W.value || !t.value.isEditable
+    ), U = Ae(() => {
+      window.scrollY < 50 && Ne.value && te("");
+    }), re = D(!1);
+    B(g, (e) => {
+      var o, c;
+      if (C.value) {
+        const a = x(C.value);
+        a && I(a, !0);
+      } else if ((o = e.tags) != null && o.length) {
+        const a = (c = e.tags) == null ? void 0 : c[0];
+        a && I(ee(a), !0);
       } else {
-        const n = (o = e.tags) == null ? void 0 : o[0];
-        n && L(ne(n), !0);
+        const a = H.value.entries.find((p) => "tag" in p);
+        a && I(a.id, !0);
       }
-      ie.value = !0;
+      re.value = !0;
     });
-    const u = M(() => {
+    const u = $(() => {
       var e;
       return {
-        breadcrumb: ((e = te.value) == null ? void 0 : e.titles.get(D.value)) ?? ""
+        breadcrumb: ((e = H.value) == null ? void 0 : e.titles.get(C.value)) ?? ""
       };
     });
-    V(
-      () => K.on(({ filename: e, format: o }) => {
-        We(
-          U(W) || U(T.rawSpec) || "",
-          e,
-          o
-        );
-      })
-    ), ve(() => {
-      window.removeEventListener("scroll", H), K.reset();
-    }), we(() => pe()), S($e, "modal"), S(Ge, t), S(
-      Xe,
-      Ze({
+    ue(() => {
+      window.removeEventListener("scroll", U);
+    }), he(() => ce()), T(be, "modal"), T(Ke, t), T(
+      Qe,
+      We({
         plugins: t.value.plugins
       })
     );
-    const de = M(
+    const ae = $(
       () => `<style>
-  ${Re(t.value.theme, {
+  ${Ie(t.value.theme, {
         fonts: t.value.withDefaultFonts
       })}</style>`
-    ), { mediaQueries: ue } = Ae(), ce = !1;
-    return I(ue.lg, (e, o) => {
+    ), { mediaQueries: se } = Be(), ie = !1;
+    return B(se.lg, (e, o) => {
       o && !e && (E.value = !1);
-    }), I(D, (e, o) => {
+    }), B(C, (e, o) => {
       e && e !== o && (E.value = !1);
-    }), (e, o) => {
-      var n, w, k, $, F;
-      return a(), m(Y, null, [
-        p("div", { innerHTML: de.value }, null, 8, ot),
-        p("div", {
+    }), Ye(M.store, O, R, y), (e, o) => {
+      var c, a, p, k, K;
+      return s(), f(Y, null, [
+        h("div", { innerHTML: ae.value }, null, 8, Xe),
+        h("div", {
           ref_key: "documentEl",
           ref: y,
-          class: he(["scalar-app scalar-api-reference references-layout", [
+          class: fe(["scalar-app scalar-api-reference references-layout", [
             {
               "scalar-api-references-standalone-mobile": t.value.showSidebar ?? !0,
-              "scalar-scrollbars-obtrusive": x.value,
+              "scalar-scrollbars-obtrusive": q.value,
               "references-editable": t.value.isEditable,
               "references-sidebar": t.value.showSidebar,
               "references-sidebar-mobile-open": r(E),
@@ -173,61 +161,61 @@ const ot = ["innerHTML"], rt = { class: "references-header" }, at = ["aria-label
             },
             e.$attrs.class
           ]]),
-          style: ge({
-            "--scalar-y-offset": `var(--scalar-custom-header-height, ${P.value}px)`
+          style: me({
+            "--scalar-y-offset": `var(--scalar-custom-header-height, ${N.value}px)`
           })
         }, [
-          p("div", rt, [
-            t.value.layout === "modern" && (t.value.showSidebar ?? !0) ? (a(), b(ze, {
+          h("div", Ze, [
+            t.value.layout === "modern" && (t.value.showSidebar ?? !0) ? (s(), w(Ue, {
               key: 0,
               breadcrumb: u.value.breadcrumb
-            }, null, 8, ["breadcrumb"])) : l("", !0),
-            d(e.$slots, "header", g(h(u.value)), void 0, !0)
+            }, null, 8, ["breadcrumb"])) : i("", !0),
+            d(e.$slots, "header", S(b(u.value)), void 0, !0)
           ]),
-          t.value.showSidebar ? (a(), m("aside", {
+          t.value.showSidebar ? (s(), f("aside", {
             key: 0,
-            "aria-label": `Sidebar for ${(w = (n = r(v)) == null ? void 0 : n.info) == null ? void 0 : w.title}`,
+            "aria-label": `Sidebar for ${(a = (c = r(g)) == null ? void 0 : c.info) == null ? void 0 : a.title}`,
             class: "references-navigation t-doc__sidebar"
           }, [
-            p("div", nt, [
-              f(r(Ce), null, {
-                default: s(() => {
-                  var i, c;
+            h("div", et, [
+              v(r($e), null, {
+                default: n(() => {
+                  var l, m;
                   return [
-                    f(r(xe), {
-                      title: ((c = (i = r(v)) == null ? void 0 : i.info) == null ? void 0 : c.title) ?? "The OpenAPI Schema"
+                    v(r(je), {
+                      title: ((m = (l = r(g)) == null ? void 0 : l.info) == null ? void 0 : m.title) ?? "The OpenAPI Schema"
                     }, {
-                      "sidebar-start": s(() => {
-                        var O, N;
+                      "sidebar-start": n(() => {
+                        var L, V;
                         return [
-                          e.$slots["document-selector"] ? (a(), m("div", lt, [
+                          e.$slots["document-selector"] ? (s(), f("div", tt, [
                             d(e.$slots, "document-selector", {}, void 0, !0)
-                          ])) : l("", !0),
-                          t.value.hideSearch ? l("", !0) : (a(), m("div", st, [
-                            f(r(z), {
-                              searchHotKey: (O = t.value) == null ? void 0 : O.searchHotKey,
-                              hideModels: (N = t.value) == null ? void 0 : N.hideModels
-                            }, null, 8, ["searchHotKey", "hideModels"])
+                          ])) : i("", !0),
+                          t.value.hideSearch ? i("", !0) : (s(), f("div", ot, [
+                            v(r(z), {
+                              hideModels: (L = t.value) == null ? void 0 : L.hideModels,
+                              searchHotKey: (V = t.value) == null ? void 0 : V.searchHotKey
+                            }, null, 8, ["hideModels", "searchHotKey"])
                           ])),
-                          d(e.$slots, "sidebar-start", g(h(u.value)), void 0, !0)
+                          d(e.$slots, "sidebar-start", S(b(u.value)), void 0, !0)
                         ];
                       }),
-                      "sidebar-end": s(() => [
-                        d(e.$slots, "sidebar-end", g(h(u.value)), () => [
-                          f(r(Ee), { class: "darklight-reference" }, {
-                            toggle: s(() => [
-                              t.value.hideDarkModeToggle ? (a(), m("span", it)) : (a(), b(r(Oe), {
+                      "sidebar-end": n(() => [
+                        d(e.$slots, "sidebar-end", S(b(u.value)), () => [
+                          v(r(Te), { class: "darklight-reference" }, {
+                            toggle: n(() => [
+                              t.value.hideDarkModeToggle ? (s(), f("span", rt)) : (s(), w(r(Me), {
                                 key: 0,
                                 modelValue: e.isDark,
-                                "onUpdate:modelValue": o[0] || (o[0] = (O) => e.$emit("toggleDarkMode"))
+                                "onUpdate:modelValue": o[0] || (o[0] = (L) => e.$emit("toggleDarkMode"))
                               }, null, 8, ["modelValue"]))
                             ]),
-                            default: s(() => [
-                              t.value.hideClientButton ? l("", !0) : (a(), b(r(ke), {
+                            default: n(() => [
+                              t.value.hideClientButton ? i("", !0) : (s(), w(r(Se), {
                                 key: 0,
                                 buttonSource: "sidebar",
                                 integration: t.value._integration,
-                                isDevelopment: ce,
+                                isDevelopment: ie,
                                 url: t.value.url
                               }, null, 8, ["integration", "url"]))
                             ]),
@@ -242,92 +230,92 @@ const ot = ["innerHTML"], rt = { class: "references-header" }, at = ["aria-label
                 _: 3
               })
             ])
-          ], 8, at)) : l("", !0),
-          Se(p("div", dt, [
-            p("div", ut, [
-              d(e.$slots, "editor", g(h(u.value)), void 0, !0)
+          ], 8, xe)) : i("", !0),
+          ve(h("div", at, [
+            h("div", st, [
+              d(e.$slots, "editor", S(b(u.value)), void 0, !0)
             ])
           ], 512), [
-            [be, t.value.isEditable]
+            [ge, t.value.isEditable]
           ]),
-          se.value ? (a(), m(Y, { key: 1 }, [
-            p("main", {
-              "aria-label": `Open API Documentation for ${($ = (k = r(v)) == null ? void 0 : k.info) == null ? void 0 : $.title}`,
+          oe.value ? (s(), f(Y, { key: 1 }, [
+            h("main", {
+              "aria-label": `Open API Documentation for ${(k = (p = r(g)) == null ? void 0 : p.info) == null ? void 0 : k.title}`,
               class: "references-rendered"
             }, [
-              f(r(et), {
-                document: r(v),
+              v(r(qe), {
                 config: t.value,
+                document: r(g),
                 store: e.store
-              }, ye({
-                start: s(() => [
-                  d(e.$slots, "content-start", g(h(u.value)), () => [
-                    t.value.layout === "classic" ? (a(), b(Ue, { key: 0 }, {
-                      "dark-mode-toggle": s(() => [
-                        t.value.hideDarkModeToggle ? l("", !0) : (a(), b(r(Ie), {
+              }, pe({
+                start: n(() => [
+                  d(e.$slots, "content-start", S(b(u.value)), () => [
+                    t.value.layout === "classic" ? (s(), w(Fe, { key: 0 }, {
+                      "dark-mode-toggle": n(() => [
+                        t.value.hideDarkModeToggle ? i("", !0) : (s(), w(r(Ce), {
                           key: 0,
                           class: "text-c-2 hover:text-c-1",
                           mode: e.isDark ? "dark" : "light",
                           style: { transform: "scale(1.4)" },
                           variant: "icon",
-                          onClick: o[1] || (o[1] = (i) => e.$emit("toggleDarkMode"))
+                          onClick: o[1] || (o[1] = (l) => e.$emit("toggleDarkMode"))
                         }, null, 8, ["mode"]))
                       ]),
-                      default: s(() => {
-                        var i;
+                      default: n(() => {
+                        var l;
                         return [
-                          e.$slots["document-selector"] ? (a(), m("div", mt, [
+                          e.$slots["document-selector"] ? (s(), f("div", nt, [
                             d(e.$slots, "document-selector", {}, void 0, !0)
-                          ])) : l("", !0),
-                          t.value.hideSearch ? l("", !0) : (a(), b(r(z), {
+                          ])) : i("", !0),
+                          t.value.hideSearch ? i("", !0) : (s(), w(r(z), {
                             key: 1,
                             class: "t-doc__sidebar max-w-64",
-                            searchHotKey: t.value.searchHotKey,
-                            hideModels: (i = t.value) == null ? void 0 : i.hideModels
-                          }, null, 8, ["searchHotKey", "hideModels"]))
+                            hideModels: (l = t.value) == null ? void 0 : l.hideModels,
+                            searchHotKey: t.value.searchHotKey
+                          }, null, 8, ["hideModels", "searchHotKey"]))
                         ];
                       }),
                       _: 3
-                    })) : l("", !0)
+                    })) : i("", !0)
                   ], !0)
                 ]),
-                end: s(() => [
-                  d(e.$slots, "content-end", g(h(u.value)), void 0, !0)
+                end: n(() => [
+                  d(e.$slots, "content-end", S(b(u.value)), void 0, !0)
                 ]),
                 _: 2
               }, [
-                (F = t.value) != null && F.isEditable ? {
+                (K = t.value) != null && K.isEditable ? {
                   name: "empty-state",
-                  fn: s(() => {
-                    var i;
+                  fn: n(() => {
+                    var l;
                     return [
-                      f(Ye, {
-                        theme: ((i = t.value) == null ? void 0 : i.theme) || "default",
-                        onChangeTheme: o[2] || (o[2] = (c) => e.$emit("changeTheme", c)),
-                        onLinkSwaggerFile: o[3] || (o[3] = (c) => e.$emit("linkSwaggerFile")),
-                        onLoadSwaggerFile: o[4] || (o[4] = (c) => e.$emit("loadSwaggerFile")),
-                        onUpdateContent: o[5] || (o[5] = (c) => e.$emit("updateContent", c))
+                      v(Pe, {
+                        theme: ((l = t.value) == null ? void 0 : l.theme) || "default",
+                        onChangeTheme: o[2] || (o[2] = (m) => e.$emit("changeTheme", m)),
+                        onLinkSwaggerFile: o[3] || (o[3] = (m) => e.$emit("linkSwaggerFile")),
+                        onLoadSwaggerFile: o[4] || (o[4] = (m) => e.$emit("loadSwaggerFile")),
+                        onUpdateContent: o[5] || (o[5] = (m) => e.$emit("updateContent", m))
                       }, null, 8, ["theme"])
                     ];
                   }),
                   key: "0"
                 } : void 0
-              ]), 1032, ["document", "config", "store"])
-            ], 8, ct),
-            e.$slots.footer ? (a(), m("div", ft, [
-              d(e.$slots, "footer", g(h(u.value)), void 0, !0)
-            ])) : l("", !0)
-          ], 64)) : l("", !0),
-          f(r(tt), {
+              ]), 1032, ["config", "document", "store"])
+            ], 8, it),
+            e.$slots.footer ? (s(), f("div", lt, [
+              d(e.$slots, "footer", S(b(u.value)), void 0, !0)
+            ])) : i("", !0)
+          ], 64)) : i("", !0),
+          v(r(Je), {
             configuration: t.value,
-            dereferencedDocument: r(v)
+            dereferencedDocument: r(g)
           }, null, 8, ["configuration", "dereferencedDocument"])
         ], 6),
-        f(r(He))
+        v(r(Re))
       ], 64);
     };
   }
 });
 export {
-  Kt as default
+  Ft as default
 };

package/dist/components/Badge/Badge.vue.d.ts

@@ -1,19 +1,14 @@
 type __VLS_Props = {
     color?: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Badge/Badge.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAkBF,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Badge.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.vue"],"names":[],"mappings":"AA6DA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AA0CF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ClassicHeader.vue.d.ts

@@ -1,17 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        "dark-mode-toggle"?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    'dark-mode-toggle'?: (props: typeof __VLS_3) => any;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/ClassicHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/ClassicHeader.vue"],"names":[],"mappings":"AAoDA,iBAAS,cAAc;WAkDT,OAAO,IAA6B;;yBATrB,GAAG;oCACQ,GAAG;;;;EAa1C;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ClassicHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/ClassicHeader.vue"],"names":[],"mappings":"AA+EA,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAkB1D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts

@@ -9,8 +9,6 @@ type __VLS_Props = {
     /** The currently selected Http Client */
     selectedClient?: AvailableClients[number];
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    wrapper: HTMLDivElement;
-}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ClientLibraries.vue.d.ts.map

package/dist/components/Content/ClientLibraries/ClientLibraries.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAQvF,KAAK,WAAW,GAAG;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,yDAAyD;IACzD,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC1C,CAAC;;;;AA8PF,wBAOG"}
+{"version":3,"file":"ClientLibraries.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientLibraries.vue"],"names":[],"mappings":"AAsMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAIlF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAKvF,KAAK,WAAW,GAAG;IACjB,sCAAsC;IACtC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,yDAAyD;IACzD,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAC1C,CAAC;;AAqRF,wBAMG"}

package/dist/components/Content/ClientLibraries/ClientSelector.vue.d.ts

@@ -10,6 +10,6 @@ type __VLS_Props = {
     /** The id of the tab panel that contains for the non featured clients */
     morePanel?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=ClientSelector.vue.d.ts.map

package/dist/components/Content/ClientLibraries/ClientSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,wBAAwB,CAAA;AAIxE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAOvD,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,+BAA+B;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAA;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AAmNF,wBAOG"}
+{"version":3,"file":"ClientSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/ClientSelector.vue"],"names":[],"mappings":"AA0PA,OAAO,KAAK,EAAE,gBAAgB,EAAY,MAAM,wBAAwB,CAAA;AAKxE,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAIvD,KAAK,WAAW,GAAG;IACjB,qBAAqB;IACrB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,yCAAyC;IACzC,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC,+BAA+B;IAC/B,eAAe,EAAE,YAAY,EAAE,CAAA;IAC/B,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAC;;AA+OF,wBAMG"}

package/dist/components/Content/ClientLibraries/featured-clients.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featured-clients.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/featured-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AACrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAWxD,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,aACjB,gBAAgB,CAAC,MAAM,CAAC,GAAG,SAAS,oBAC7B,gBAAgB,CAAC,MAAM,CAAC,EAAE,YACmD,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,kBACd,iBAAiB,EAAE,oBACjB,gBAAgB,CAAC,MAAM,CAAC,EAAE,KAC1C,YAAY,EAgBd,CAAA"}
+{"version":3,"file":"featured-clients.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/ClientLibraries/featured-clients.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AACrG,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAWxD,sDAAsD;AACtD,eAAO,MAAM,gBAAgB,GAC3B,UAAU,gBAAgB,CAAC,MAAM,CAAC,GAAG,SAAS,EAC9C,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,YACgC,CAAA;AAEhG;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,iBAAiB,EAAE,EAClC,kBAAiB,gBAAgB,CAAC,MAAM,CAAC,EAAqB,KAC7D,YAAY,EAgBd,CAAA"}