@scalar/api-reference 1.25.130 → 1.26.1

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

@@ -1,24 +1,11 @@
-import type { ReferenceProps } from '../types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        footer?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
+import type { ApiReferenceConfiguration, ApiReferenceConfigurationWithSources } from '@scalar/types/api-reference';
+type __VLS_Props = {
+    /**
+     * Configuration for the API reference.
+     * Can be a single configuration or an array of configurations for multiple documents.
+     */
+    configuration?: Partial<ApiReferenceConfiguration> | Partial<ApiReferenceConfiguration>[] | Partial<ApiReferenceConfigurationWithSources>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<ReferenceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    updateContent: (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<ReferenceProps> & Readonly<{
-    onUpdateContent?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+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;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=ApiReference.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAsFA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgD7C,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;wBATrB,GAAG;wBACH,GAAG;;;;EAa/B;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAOnB,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":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAuCA,OAAO,KAAK,EACV,yBAAyB,EACzB,oCAAoC,EACrC,MAAM,6BAA6B,CAAA;AASpC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,aAAa,CAAC,EACV,OAAO,CAAC,yBAAyB,CAAC,GAClC,OAAO,CAAC,yBAAyB,CAAC,EAAE,GACpC,OAAO,CAAC,oCAAoC,CAAC,CAAA;CAClD,CAAC;;AAgFF,wBAOG"}

package/dist/components/ApiReference.vue.js

@@ -1,61 +1,29 @@
-import { defineComponent as S, computed as p, watch as M, toRef as c, openBlock as l, createElementBlock as D, Fragment as y, createBlock as w, resolveDynamicComponent as R, withCtx as a, createTextVNode as $, toDisplayString as x, createCommentVNode as B, createVNode as N, unref as t, renderSlot as u } from "vue";
-import { apiReferenceConfigurationSchema as U } from "@scalar/types/api-reference";
-import { useColorMode as V } from "@scalar/use-hooks/useColorMode";
-import { useSeoMeta as _ } from "@unhead/vue";
-import { useFavicon as F } from "@vueuse/core";
-import { useReactiveSpec as T } from "../hooks/useReactiveSpec.js";
-import A from "./Layouts/Layouts.vue.js";
-const H = /* @__PURE__ */ S({
+import { defineComponent as a, toRef as l, openBlock as m, createBlock as f, unref as o, withCtx as s, createVNode as p, isRef as d } from "vue";
+import _ from "./SingleApiReference.vue.js";
+/* empty css                        */
+import { useMultipleDocuments as g } from "../hooks/useMultipleDocuments.js";
+import x from "./DocumentSelector/DocumentSelector.vue.js";
+const B = /* @__PURE__ */ a({
   __name: "ApiReference",
   props: {
     configuration: {}
   },
-  emits: ["updateContent"],
-  setup(m) {
-    var i;
-    const f = m, e = p(
-      () => U.parse(f.configuration)
-    ), { toggleColorMode: d, isDarkMode: n } = V({
-      initialColorMode: e.value.darkMode ? "dark" : void 0,
-      overrideColorMode: e.value.forceDarkModeState
+  setup(t) {
+    const i = t, { selectedConfiguration: r, availableDocuments: u, selectedDocumentIndex: e } = g({
+      configuration: l(i, "configuration")
     });
-    M(
-      () => e.value.darkMode,
-      (o) => n.value = !!o
-    ), (i = e.value) != null && i.metaData && _(e.value.metaData);
-    const { parsedSpec: v, rawSpec: C } = T({
-      proxyUrl: c(() => e.value.proxyUrl || ""),
-      specConfig: c(() => e.value.spec || {})
-    }), g = p(() => e.value.favicon);
-    return F(g), (o, r) => {
-      var s;
-      return l(), D(y, null, [
-        (s = e.value) != null && s.customCss ? (l(), w(R("style"), { key: 0 }, {
-          default: a(() => [
-            $(x(e.value.customCss), 1)
-          ]),
-          _: 1
-        })) : B("", !0),
-        N(t(A), {
-          configuration: e.value,
-          isDark: t(n),
-          parsedSpec: t(v),
-          rawSpec: t(C),
-          onToggleDarkMode: r[0] || (r[0] = () => t(d)()),
-          onUpdateContent: r[1] || (r[1] = (k) => o.$emit("updateContent", k))
-        }, {
-          footer: a(() => [
-            u(o.$slots, "footer")
-          ]),
-          "content-end": a(() => [
-            u(o.$slots, "footer")
-          ]),
-          _: 3
-        }, 8, ["configuration", "isDark", "parsedSpec", "rawSpec"])
-      ], 64);
-    };
+    return (V, n) => (m(), f(_, { configuration: o(r) }, {
+      "document-selector": s(() => [
+        p(o(x), {
+          modelValue: o(e),
+          "onUpdate:modelValue": n[0] || (n[0] = (c) => d(e) ? e.value = c : null),
+          options: o(u)
+        }, null, 8, ["modelValue", "options"])
+      ]),
+      _: 1
+    }, 8, ["configuration"]));
   }
 });
 export {
-  H as default
+  B as default
 };

package/dist/components/ApiReference.vue2.js

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

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

@@ -4,16 +4,16 @@ type __VLS_Props = Omit<ReferenceLayoutProps, 'isDark'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        header: (props: ReferenceSlotProps) => any;
         footer: (props: ReferenceSlotProps) => any;
+        header: (props: ReferenceSlotProps) => any;
         editor: (props: ReferenceSlotProps) => any;
         "content-start": (props: ReferenceSlotProps) => any;
         "content-end": (props: ReferenceSlotProps) => any;
         "sidebar-start": (props: ReferenceSlotProps) => any;
         "sidebar-end": (props: ReferenceSlotProps) => any;
     }> & {
-        header: (props: ReferenceSlotProps) => any;
         footer: (props: ReferenceSlotProps) => any;
+        header: (props: ReferenceSlotProps) => any;
         editor: (props: ReferenceSlotProps) => any;
         "content-start": (props: ReferenceSlotProps) => any;
         "content-end": (props: ReferenceSlotProps) => any;

package/dist/components/ApiReferenceLayout.vue.js

@@ -2,7 +2,7 @@ import o from "./ApiReferenceLayout.vue2.js";
 /* empty css                        */
 /* empty css                        */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fb8f58f4"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2f1a12fb"]]);
 export {
-  m as default
+  a as default
 };

package/dist/components/ApiReferenceLayout.vue2.js

@@ -138,7 +138,7 @@ const Ke = ["innerHTML"], We = { class: "references-header" }, je = ["aria-label
       { immediate: !0 }
     ), w(Ce, $);
     const re = Te($);
-    w($e, re), w(we, "modal"), w(He, a.value);
+    w($e, re), w(we, "modal"), w(He, a);
     function B(e, t) {
       E(
         () => a.value[e],

package/dist/components/Content/Introduction/Introduction.vue.js

@@ -1,7 +1,7 @@
 import o from "./Introduction.vue2.js";
 /* empty css                  */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ce99a34"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-53fa9a98"]]);
 export {
   m as default
 };

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

@@ -1,99 +1,102 @@
-import { defineComponent as V, computed as f, onMounted as $, openBlock as l, createBlock as s, unref as o, withCtx as t, createVNode as n, createElementVNode as S, createTextVNode as u, toDisplayString as d, createCommentVNode as m, renderSlot as _ } from "vue";
+import { defineComponent as V, computed as a, onMounted as $, openBlock as l, createBlock as s, unref as o, withCtx as t, createVNode as r, createElementVNode as g, createTextVNode as d, toDisplayString as f, createCommentVNode as u, renderSlot as S } from "vue";
 import w from "github-slugger";
 import { useConfig as N } from "../../../hooks/useConfig.js";
 import b from "../../../features/DownloadLink/DownloadLink.vue.js";
 import B from "./Description.vue.js";
 import D from "../../Section/SectionContainer.vue.js";
 import H from "../../Section/Section.vue.js";
-import A from "../../Section/SectionContent.vue.js";
-import C from "../../Badge/Badge.vue.js";
-import E from "../../Section/SectionHeader.vue.js";
-import F from "../../Section/SectionHeaderTag.vue.js";
-import G from "../../Section/SectionColumns.vue.js";
-import k from "../../Section/SectionColumn.vue.js";
-const I = { class: "badges" }, M = { class: "sticky-cards" }, Y = /* @__PURE__ */ V({
+import L from "../../Section/SectionContent.vue.js";
+import _ from "../../Badge/Badge.vue.js";
+import A from "../../Section/SectionHeader.vue.js";
+import E from "../../Section/SectionHeaderTag.vue.js";
+import F from "../../Section/SectionColumns.vue.js";
+import C from "../../Section/SectionColumn.vue.js";
+const G = { class: "badges" }, I = { class: "sticky-cards" }, Y = /* @__PURE__ */ V({
   __name: "Introduction",
   props: {
     info: {},
     parsedSpec: {}
   },
-  setup(y) {
-    const i = y, p = f(
+  setup(k) {
+    const i = k, m = a(
       () => {
-        var e, r;
-        return ((e = i.parsedSpec) == null ? void 0 : e.openapi) ?? ((r = i.parsedSpec) == null ? void 0 : r.swagger) ?? "";
+        var e, n;
+        return ((e = i.parsedSpec) == null ? void 0 : e.openapi) ?? ((n = i.parsedSpec) == null ? void 0 : n.swagger) ?? "";
       }
-    ), h = new w(), T = f(() => {
+    ), y = new w(), h = a(() => {
       var e;
-      return h.slug(((e = i.info) == null ? void 0 : e.title) ?? "");
-    }), c = f(() => {
-      var e, r;
-      return typeof ((e = i.info) == null ? void 0 : e.version) == "string" ? i.info.version.toString().match(/^\d/) ? `v${i.info.version}` : i.info.version : typeof ((r = i.info) == null ? void 0 : r.version) == "number" ? `v${i.info.version}` : void 0;
-    }), { onLoaded: a } = N();
-    return $(() => a == null ? void 0 : a()), (e, r) => (l(), s(o(D), null, {
+      return y.slug(((e = i.info) == null ? void 0 : e.title) ?? "");
+    }), p = a(() => {
+      var e, n;
+      return typeof ((e = i.info) == null ? void 0 : e.version) == "string" ? i.info.version.toString().match(/^\d/) ? `v${i.info.version}` : i.info.version : typeof ((n = i.info) == null ? void 0 : n.version) == "number" ? `v${i.info.version}` : void 0;
+    }), T = N();
+    return $(() => {
+      var e, n;
+      return (n = (e = T.value).onLoaded) == null ? void 0 : n.call(e);
+    }), (e, n) => (l(), s(o(D), null, {
       default: t(() => [
-        n(o(H), { class: "introduction-section gap-12" }, {
+        r(o(H), { class: "introduction-section gap-12" }, {
           default: t(() => {
-            var v, g;
+            var c, v;
             return [
-              n(o(A), {
-                loading: !((v = e.info) != null && v.description) && !((g = e.info) != null && g.title)
+              r(o(L), {
+                loading: !((c = e.info) != null && c.description) && !((v = e.info) != null && v.title)
               }, {
                 default: t(() => [
-                  S("div", I, [
-                    c.value ? (l(), s(o(C), { key: 0 }, {
+                  g("div", G, [
+                    p.value ? (l(), s(o(_), { key: 0 }, {
                       default: t(() => [
-                        u(d(c.value), 1)
+                        d(f(p.value), 1)
                       ]),
                       _: 1
-                    })) : m("", !0),
-                    p.value ? (l(), s(o(C), { key: 1 }, {
+                    })) : u("", !0),
+                    m.value ? (l(), s(o(_), { key: 1 }, {
                       default: t(() => [
-                        u("OAS " + d(p.value), 1)
+                        d("OAS " + f(m.value), 1)
                       ]),
                       _: 1
-                    })) : m("", !0)
+                    })) : u("", !0)
                   ]),
-                  n(o(E), {
+                  r(o(A), {
                     loading: !e.info.title,
                     tight: ""
                   }, {
                     default: t(() => [
-                      n(o(F), { level: 1 }, {
+                      r(o(E), { level: 1 }, {
                         default: t(() => [
-                          u(d(e.info.title), 1)
+                          d(f(e.info.title), 1)
                         ]),
                         _: 1
                       })
                     ]),
                     _: 1
                   }, 8, ["loading"]),
-                  n(b, { specTitle: T.value }, null, 8, ["specTitle"]),
-                  n(o(G), null, {
+                  r(b, { specTitle: h.value }, null, 8, ["specTitle"]),
+                  r(o(F), null, {
                     default: t(() => [
-                      n(o(k), null, {
+                      r(o(C), null, {
                         default: t(() => [
-                          n(B, {
+                          r(B, {
                             value: e.info.description
                           }, null, 8, ["value"])
                         ]),
                         _: 1
                       }),
-                      e.$slots.aside ? (l(), s(o(k), { key: 0 }, {
+                      e.$slots.aside ? (l(), s(o(C), { key: 0 }, {
                         default: t(() => [
-                          S("div", M, [
-                            _(e.$slots, "aside", {}, void 0, !0)
+                          g("div", I, [
+                            S(e.$slots, "aside", {}, void 0, !0)
                           ])
                         ]),
                         _: 3
-                      })) : m("", !0)
+                      })) : u("", !0)
                     ]),
                     _: 3
                   })
                 ]),
                 _: 3
               }, 8, ["loading"]),
-              _(e.$slots, "after", {}, void 0, !0)
+              S(e.$slots, "after", {}, void 0, !0)
             ];
           }),
           _: 3

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

@@ -0,0 +1,12 @@
+import type { SpecConfiguration } from '@scalar/types/api-reference';
+type __VLS_Props = {
+    options?: SpecConfiguration[];
+    modelValue?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=DocumentSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DocumentSelector/DocumentSelector.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAKpE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;;;;;;AAoIF,wBAOG"}

package/dist/components/DocumentSelector/DocumentSelector.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as b, computed as n, openBlock as f, createElementBlock as v, createVNode as i, unref as a, withCtx as h, createElementVNode as c, toDisplayString as x, createCommentVNode as V } from "vue";
+import { ScalarListbox as g, ScalarIcon as d } from "@scalar/components";
+const w = {
+  key: 0,
+  class: "document-selector -mb-1 p-3 pb-0"
+}, S = {
+  class: "group/dropdown-label hover:bg-b-2 text-c-2 py-1.75 pl-1.75 flex w-full cursor-pointer items-center rounded border pr-1.5",
+  tabindex: "0"
+}, k = { class: "text-c-1 overflow-hidden text-ellipsis text-sm font-medium" }, N = /* @__PURE__ */ b({
+  __name: "DocumentSelector",
+  props: {
+    options: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: m }) {
+    const u = m, p = n(() => {
+      var e;
+      return l.options && ((e = l.options) == null ? void 0 : e.length) > 1;
+    }), r = n(
+      () => {
+        var e;
+        return ((e = l.options) == null ? void 0 : e.map((o, t) => ({
+          id: String(t),
+          // Get the display text for the selected option
+          label: o.title || o.slug || `API #${t + 1}`
+        }))) || [];
+      }
+    ), s = n({
+      get: () => r.value.find(({ id: e }) => e === String(l.modelValue)),
+      set: (e) => u("update:modelValue", Number(e.id))
+    });
+    return (e, o) => p.value ? (f(), v("div", w, [
+      i(a(g), {
+        modelValue: s.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (t) => s.value = t),
+        options: r.value,
+        resize: ""
+      }, {
+        default: h(() => {
+          var t;
+          return [
+            c("div", S, [
+              i(a(d), {
+                class: "mr-1.25 min-w-4",
+                icon: "Versions",
+                size: "sm",
+                thickness: "2"
+              }),
+              c("span", k, x(((t = s.value) == null ? void 0 : t.label) || "Select API"), 1),
+              i(a(d), {
+                class: "group-hover/dropdown-label:text-c-1 ml-auto",
+                icon: "ChevronDown",
+                size: "sm",
+                thickness: "2"
+              })
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue", "options"])
+    ])) : V("", !0);
+  }
+});
+export {
+  N as default
+};

package/dist/components/DocumentSelector/DocumentSelector.vue2.js

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

package/dist/components/DocumentSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DocumentSelector } from './DocumentSelector.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DocumentSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DocumentSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/components/Layouts/ClassicLayout.vue.d.ts

@@ -1,15 +1,15 @@
-import type { InternalReferenceProps, ReferenceLayoutSlots } from '../../types';
+import type { DocumentSelectorSlot, ReferenceLayoutProps, ReferenceLayoutSlots } from '../../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ReferenceLayoutSlots> & ReferenceLayoutSlots;
+    slots: Readonly<ReferenceLayoutSlots & DocumentSelectorSlot> & ReferenceLayoutSlots & DocumentSelectorSlot;
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<InternalReferenceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<ReferenceLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     updateContent: (v: string) => any;
     toggleDarkMode: () => any;
-}, string, import("vue").PublicProps, Readonly<InternalReferenceProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ReferenceLayoutProps> & Readonly<{
     onUpdateContent?: ((v: string) => any) | undefined;
     onToggleDarkMode?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/Layouts/ClassicLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layouts/ClassicLayout.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAwB3E,iBAAS,cAAc;WAkHT,OAAO,IAA6B;;;;EAKjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAQnB,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":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layouts/ClassicLayout.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAwBhB,iBAAS,cAAc;WAwHT,OAAO,IAA6B;;;;EAKjD;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAQnB,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"}

package/dist/components/Layouts/ClassicLayout.vue.js

@@ -1,9 +1,12 @@
-import { defineComponent as f, useSlots as g, computed as S, openBlock as s, createBlock as i, createSlots as k, withCtx as r, createVNode as C, unref as l, createCommentVNode as p, renderList as y, renderSlot as h, normalizeProps as v, guardReactiveProps as w } from "vue";
-import { ScalarColorModeToggleIcon as D } from "@scalar/components";
-import B from "../ApiReferenceLayout.vue.js";
+import { defineComponent as g, useSlots as S, computed as k, openBlock as r, createBlock as c, createSlots as y, withCtx as a, createVNode as C, unref as d, createCommentVNode as i, createElementBlock as h, renderSlot as p, renderList as v, normalizeProps as w, guardReactiveProps as $ } from "vue";
+import { ScalarColorModeToggleIcon as B } from "@scalar/components";
+import D from "../ApiReferenceLayout.vue.js";
 import H from "../ClassicHeader.vue.js";
 import M from "../../features/Search/SearchButton.vue.js";
-const P = /* @__PURE__ */ f({
+const K = {
+  key: 0,
+  class: "w-64"
+}, T = /* @__PURE__ */ g({
   __name: "ClassicLayout",
   props: {
     configuration: {},
@@ -12,31 +15,34 @@ const P = /* @__PURE__ */ f({
     isDark: { type: Boolean }
   },
   emits: ["toggleDarkMode", "updateContent"],
-  setup(d) {
-    const a = d, u = g(), c = S(() => ({ ...a.configuration, showSidebar: !1 }));
-    return (e, o) => (s(), i(B, {
-      configuration: c.value,
+  setup(u) {
+    const n = u, m = S(), l = k(() => ({ ...n.configuration, showSidebar: !1 }));
+    return (e, o) => (r(), c(D, {
+      configuration: l.value,
       parsedSpec: e.parsedSpec,
       rawSpec: e.rawSpec,
       onUpdateContent: o[1] || (o[1] = (t) => e.$emit("updateContent", t))
-    }, k({
-      "content-start": r(({ spec: t }) => [
+    }, y({
+      "content-start": a(({ spec: t }) => [
         C(H, null, {
-          "dark-mode-toggle": r(() => [
-            a.configuration.hideDarkModeToggle ? p("", !0) : (s(), i(l(D), {
+          "dark-mode-toggle": a(() => [
+            n.configuration.hideDarkModeToggle ? i("", !0) : (r(), c(d(B), {
               key: 0,
               class: "text-c-2 hover:text-c-1",
               mode: e.isDark ? "dark" : "light",
               style: { transform: "scale(1.4)" },
               variant: "icon",
-              onClick: o[0] || (o[0] = (n) => e.$emit("toggleDarkMode"))
+              onClick: o[0] || (o[0] = (s) => e.$emit("toggleDarkMode"))
             }, null, 8, ["mode"]))
           ]),
-          default: r(() => [
-            a.configuration.hideSearch ? p("", !0) : (s(), i(l(M), {
-              key: 0,
+          default: a(() => [
+            e.$slots["document-selector"] ? (r(), h("div", K, [
+              p(e.$slots, "document-selector")
+            ])) : i("", !0),
+            n.configuration.hideSearch ? i("", !0) : (r(), c(d(M), {
+              key: 1,
               class: "t-doc__sidebar",
-              searchHotKey: c.value.searchHotKey,
+              searchHotKey: l.value.searchHotKey,
               spec: t
             }, null, 8, ["searchHotKey", "spec"]))
           ]),
@@ -45,15 +51,15 @@ const P = /* @__PURE__ */ f({
       ]),
       _: 2
     }, [
-      y(u, (t, n) => ({
-        name: n,
-        fn: r((m) => [
-          h(e.$slots, n, v(w(m || {})))
+      v(m, (t, s) => ({
+        name: s,
+        fn: a((f) => [
+          p(e.$slots, s, w($(f || {})))
         ])
       }))
     ]), 1032, ["configuration", "parsedSpec", "rawSpec"]));
   }
 });
 export {
-  P as default
+  T as default
 };

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

@@ -1,18 +1,15 @@
-/**
- * This component allows dynamic selection of various layout configurations
- */
-import type { InternalReferenceProps, ReferenceLayoutSlots } from '../../types';
+import type { DocumentSelectorSlot, ReferenceLayoutProps, ReferenceLayoutSlots } from '../../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<ReferenceLayoutSlots> & ReferenceLayoutSlots;
+    slots: Readonly<ReferenceLayoutSlots & DocumentSelectorSlot> & ReferenceLayoutSlots & DocumentSelectorSlot;
     refs: {};
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<InternalReferenceProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<ReferenceLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     updateContent: (v: string) => any;
     toggleDarkMode: () => any;
-}, string, import("vue").PublicProps, Readonly<InternalReferenceProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ReferenceLayoutProps> & Readonly<{
     onUpdateContent?: ((v: string) => any) | undefined;
     onToggleDarkMode?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Layouts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layouts/Layouts.vue"],"names":[],"mappings":"AAyCA;;GAEG;AACH,OAAO,KAAK,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AA4B3E,iBAAS,cAAc;WAuET,OAAO,IAA6B;;;;EAKjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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":"Layouts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layouts/Layouts.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,aAAa,CAAA;AAkCpB,iBAAS,cAAc;WA6ET,OAAO,IAA6B;;;;EAKjD;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kFAOnB,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"}

package/dist/components/Layouts/Layouts.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as l, useSlots as d, openBlock as u, createBlock as f, resolveDynamicComponent as g, mergeProps as c, createSlots as k, renderList as y, withCtx as C, renderSlot as D, normalizeProps as S, guardReactiveProps as $ } from "vue";
+import { defineComponent as c, useSlots as f, computed as g, openBlock as y, createBlock as k, resolveDynamicComponent as C, mergeProps as S, createSlots as $, withCtx as n, renderSlot as s, renderList as D, normalizeProps as v, guardReactiveProps as L } from "vue";
 import M from "./ClassicLayout.vue.js";
-import n from "./ModernLayout.vue.js";
-const P = /* @__PURE__ */ l({
+import a from "./ModernLayout.vue.js";
+const b = /* @__PURE__ */ c({
   __name: "Layouts",
   props: {
     configuration: {},
@@ -10,24 +10,33 @@ const P = /* @__PURE__ */ l({
     isDark: { type: Boolean }
   },
   emits: ["toggleDarkMode", "updateContent"],
-  setup(s) {
-    const a = s, p = d(), i = {
-      modern: n,
+  setup(l) {
+    const p = l, m = f(), i = g(
+      () => Object.keys(m).filter(
+        (e) => e !== "document-selector"
+      )
+    ), u = {
+      modern: a,
       classic: M
     };
-    return (o, e) => (u(), f(g(i[o.configuration.layout ?? "modern"] ?? n), c(a, {
-      onToggleDarkMode: e[0] || (e[0] = (t) => o.$emit("toggleDarkMode")),
-      onUpdateContent: e[1] || (e[1] = (t) => o.$emit("updateContent", t))
-    }), k({ _: 2 }, [
-      y(p, (t, r) => ({
+    return (e, o) => (y(), k(C(u[e.configuration.layout ?? "modern"] ?? a), S(p, {
+      onToggleDarkMode: o[0] || (o[0] = (t) => e.$emit("toggleDarkMode")),
+      onUpdateContent: o[1] || (o[1] = (t) => e.$emit("updateContent", t))
+    }), $({
+      "document-selector": n(() => [
+        s(e.$slots, "document-selector")
+      ]),
+      _: 2
+    }, [
+      D(i.value, (t, r) => ({
         name: r,
-        fn: C((m) => [
-          D(o.$slots, r, S($(m || {})))
+        fn: n((d) => [
+          s(e.$slots, r, v(L(d || {})))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  P as default
+  b as default
 };