@scalar/api-reference 1.31.4 → 1.31.6

package/dist/components/ApiReference.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as u, ref as n, toRef as p, provide as d, createBlock as _, openBlock as h, unref as e, withCtx as g, createVNode as x, isRef as V } from "vue";
-import b from "./SingleApiReference.vue.js";
-/* empty css                        */
-import { useMultipleDocuments as v } from "../hooks/useMultipleDocuments.js";
-import { NAV_STATE_SYMBOL as A } from "../hooks/useNavState.js";
+import { useMultipleDocuments as b } from "../hooks/useMultipleDocuments.js";
+import { NAV_STATE_SYMBOL as v } from "../hooks/useNavState.js";
+import A from "../v2/ApiReferenceWorkspace.vue.js";
+/* empty css                               */
 import B from "./DocumentSelector/DocumentSelector.vue.js";
 const N = /* @__PURE__ */ u({
   __name: "ApiReference",
@@ -17,13 +17,13 @@ const N = /* @__PURE__ */ u({
       isIntersectionEnabled: c,
       hash: f,
       hashPrefix: l
-    } = v({
+    } = b({
       configuration: p(r, "configuration"),
       isIntersectionEnabled: n(!1),
       hash: n(""),
       hashPrefix: n("")
     });
-    return d(A, { isIntersectionEnabled: c, hash: f, hashPrefix: l }), (C, t) => (h(), _(b, { configuration: e(s) }, {
+    return d(v, { isIntersectionEnabled: c, hash: f, hashPrefix: l }), (C, t) => (h(), _(A, { configuration: e(s) }, {
       "document-selector": g(() => [
         x(e(B), {
           modelValue: e(o),

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

@@ -1,6 +1,5 @@
 import { type ThemeId } from '@scalar/themes';
 import type { ReferenceLayoutProps, ReferenceSlotProps } from '../types';
-type __VLS_Props = Omit<ReferenceLayoutProps, 'isDark'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -11,6 +10,8 @@ declare function __VLS_template(): {
         "content-end": (props: ReferenceSlotProps) => any;
         "sidebar-start": (props: ReferenceSlotProps) => any;
         "sidebar-end": (props: ReferenceSlotProps) => any;
+    } & {
+        'document-selector': any;
     }> & {
         footer: (props: ReferenceSlotProps) => any;
         header: (props: ReferenceSlotProps) => any;
@@ -19,6 +20,8 @@ declare function __VLS_template(): {
         "content-end": (props: ReferenceSlotProps) => any;
         "sidebar-start": (props: ReferenceSlotProps) => any;
         "sidebar-end": (props: ReferenceSlotProps) => any;
+    } & {
+        'document-selector': any;
     };
     refs: {
         documentEl: HTMLDivElement;
@@ -26,7 +29,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_component: import("vue").DefineComponent<ReferenceLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     changeTheme: (args_0: {
         id: ThemeId;
         label: string;
@@ -35,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     linkSwaggerFile: () => any;
     updateContent: (value: string) => any;
     toggleDarkMode: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<ReferenceLayoutProps> & Readonly<{
     onChangeTheme?: ((args_0: {
         id: ThemeId;
         label: string;

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

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReferenceLayout.vue"],"names":[],"mappings":"AA4kBA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AA+BvB,OAAO,KAAK,EACV,oBAAoB,EAEpB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAIhB,KAAK,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;AA0OxD,iBAAS,cAAc;WAoPT,OAAO,IAA6B;;wBA9aZ,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;;;;;EAmb/D;AA0BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;YApfqB,OAAO;eAAS,MAAM;;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;kFA2f9D,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":"ApiReferenceLayout.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReferenceLayout.vue"],"names":[],"mappings":"AAmsBA,OAAO,EAGL,KAAK,OAAO,EACb,MAAM,gBAAgB,CAAA;AAmCvB,OAAO,KAAK,EACV,oBAAoB,EAEpB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAqQhB,iBAAS,cAAc;WAkYT,OAAO,IAA6B;;wBAllBV,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;6BACrC,GAAG;;wBADQ,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;wBAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;iCAA1B,kBAAkB,KAAK,GAAG;+BAA1B,kBAAkB,KAAK,GAAG;;6BACrC,GAAG;;;;;;EAslB/B;AAkCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;YAjqBqB,OAAO;eAAS,MAAM;;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;kFAwqB9D,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/ApiReferenceLayout.vue.js

@@ -1,8 +1,10 @@
 import o from "./ApiReferenceLayout.vue2.js";
 /* empty css                        */
 /* empty css                        */
+/* empty css                        */
+/* empty css                        */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-93a5ef6c"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-10ec21b0"]]);
 export {
-  f as default
+  c as default
 };

package/dist/components/ApiReferenceLayout.vue2.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"GettingStarted.vue.d.ts","sourceRoot":"","sources":["../../src/components/GettingStarted.vue"],"names":[],"mappings":"AA+cA,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;;;YAIwC,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;AA6QhE,wBAQG"}
+{"version":3,"file":"GettingStarted.vue.d.ts","sourceRoot":"","sources":["../../src/components/GettingStarted.vue"],"names":[],"mappings":"AA4cA,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAI1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;;;YAIwC,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;AA6QhE,wBAQG"}

package/dist/components/GettingStarted.vue.js

@@ -1,7 +1,7 @@
 import t from "./GettingStarted.vue2.js";
 /* empty css                    */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-0f473adb"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(t, [["__scopeId", "data-v-0aca3a20"]]);
 export {
-  f as default
+  m as default
 };