@scalar/api-reference 1.36.2 → 1.38.0

package/dist/components/Content/Tags/Tag.vue.js

@@ -1,22 +1,24 @@
-import { defineComponent as l, createBlock as e, openBlock as r, normalizeProps as a, mergeProps as t, withCtx as p, renderSlot as s } from "vue";
-import n from "./ClassicLayout.vue.js";
-import m from "./ModernLayout.vue.js";
-const c = /* @__PURE__ */ l({
+import { defineComponent as s, createBlock as e, openBlock as r, normalizeProps as t, mergeProps as a, withCtx as n, renderSlot as p } from "vue";
+import l from "./ClassicLayout.vue.js";
+import u from "./ModernLayout.vue.js";
+const c = /* @__PURE__ */ s({
   __name: "Tag",
   props: {
     tag: {},
     layout: {},
-    moreThanOneTag: { type: Boolean }
+    moreThanOneTag: { type: Boolean },
+    isLoading: { type: Boolean },
+    onShowMore: { type: Function }
   },
-  setup(u) {
-    return (o, f) => o.layout === "classic" ? (r(), e(n, a(t({ key: 0 }, o.$props)), {
-      default: p(() => [
-        s(o.$slots, "default")
+  setup(i) {
+    return (o, m) => o.layout === "classic" ? (r(), e(l, t(a({ key: 0 }, o.$props)), {
+      default: n(() => [
+        p(o.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (r(), e(m, a(t({ key: 1 }, o.$props)), {
-      default: p(() => [
-        s(o.$slots, "default")
+    }, 16)) : (r(), e(u, t(a({ key: 1 }, o.$props)), {
+      default: n(() => [
+        p(o.$slots, "default")
       ]),
       _: 3
     }, 16));

package/dist/components/Content/Tags/TagSection.vue.d.ts

@@ -1,8 +1,9 @@
-import type { TraversedTag } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
     headerId?: string;
     isCollapsed?: boolean;
+    isLoading?: boolean;
 };
 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;

package/dist/components/Content/Tags/TagSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/TagSection.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAgBhG,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAgLF,wBAMG"}
+{"version":3,"file":"TagSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Tags/TagSection.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAe9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAC;;AA6KF,wBAMG"}

package/dist/components/Content/Tags/TagSection.vue.js

@@ -1,51 +1,50 @@
-import { defineComponent as f, createBlock as r, createCommentVNode as n, openBlock as d, unref as e, withCtx as a, withDirectives as u, createVNode as t, createTextVNode as m, toDisplayString as s, vShow as g } from "vue";
-import { ScalarMarkdown as c } from "@scalar/components";
+import { defineComponent as p, createBlock as i, createCommentVNode as r, openBlock as n, unref as o, withCtx as t, withDirectives as u, createVNode as a, createTextVNode as d, toDisplayString as f, vShow as s } from "vue";
+import { ScalarMarkdown as g } from "@scalar/components";
 import C from "../../ScreenReader.vue.js";
-import { useConfig as S } from "../../../hooks/useConfig.js";
-import _ from "../../Section/Section.vue.js";
-import v from "../../Section/SectionHeader.vue.js";
-import h from "../../Anchor/Anchor.vue.js";
-import k from "../../Section/SectionHeaderTag.vue.js";
-import w from "../../Section/SectionContent.vue.js";
-import y from "../../Section/SectionColumns.vue.js";
-import p from "../../Section/SectionColumn.vue.js";
-import B from "../../OperationsList/OperationsList.vue.js";
-import I from "../../../features/specification-extension/SpecificationExtension.vue2.js";
-const q = /* @__PURE__ */ f({
+import S from "../../Section/Section.vue.js";
+import c from "../../Section/SectionHeader.vue.js";
+import v from "../../Anchor/Anchor.vue.js";
+import _ from "../../Section/SectionHeaderTag.vue.js";
+import y from "../../Section/SectionContent.vue.js";
+import h from "../../Section/SectionColumns.vue.js";
+import m from "../../Section/SectionColumn.vue.js";
+import k from "../../OperationsList/OperationsList.vue.js";
+import w from "../../../features/specification-extension/SpecificationExtension.vue2.js";
+const R = /* @__PURE__ */ p({
   __name: "TagSection",
   props: {
     tag: {},
     headerId: {},
-    isCollapsed: { type: Boolean }
+    isCollapsed: { type: Boolean },
+    isLoading: { type: Boolean }
   },
-  setup(L) {
-    const i = S();
-    return (o, l) => o.tag ? (d(), r(e(_), {
+  setup(B) {
+    return (e, l) => e.tag ? (n(), i(o(S), {
       key: 0,
-      id: o.tag.id,
-      label: o.tag.title?.toUpperCase(),
+      id: e.tag.id,
+      label: e.tag.title?.toUpperCase(),
       role: "none"
     }, {
-      default: a(() => [
-        u(t(e(v), null, {
-          default: a(() => [
-            t(e(h), {
-              id: o.tag.id
+      default: t(() => [
+        u(a(o(c), null, {
+          default: t(() => [
+            a(o(v), {
+              id: e.tag.id
             }, {
-              default: a(() => [
-                t(e(k), {
-                  id: o.headerId,
+              default: t(() => [
+                a(o(_), {
+                  id: e.headerId,
                   level: 2
                 }, {
-                  default: a(() => [
-                    m(s(o.tag.title) + " ", 1),
-                    o.isCollapsed ? (d(), r(C, { key: 0 }, {
-                      default: a(() => l[0] || (l[0] = [
-                        m(" (Collapsed)")
+                  default: t(() => [
+                    d(f(e.tag.title) + " ", 1),
+                    e.isCollapsed ? (n(), i(C, { key: 0 }, {
+                      default: t(() => l[0] || (l[0] = [
+                        d(" (Collapsed)")
                       ])),
                       _: 1,
                       __: [0]
-                    })) : n("", !0)
+                    })) : r("", !0)
                   ]),
                   _: 1
                 }, 8, ["id"])
@@ -55,27 +54,25 @@ const q = /* @__PURE__ */ f({
           ]),
           _: 1
         }, 512), [
-          [g, !e(i).isLoading]
+          [s, !e.isLoading]
         ]),
-        t(e(w), {
-          loading: e(i).isLoading
-        }, {
-          default: a(() => [
-            t(e(y), null, {
-              default: a(() => [
-                t(e(p), null, {
-                  default: a(() => [
-                    t(e(c), {
-                      clamp: o.isCollapsed ? 7 : void 0,
-                      value: o.tag?.description ?? "",
+        a(o(y), { loading: e.isLoading }, {
+          default: t(() => [
+            a(o(h), null, {
+              default: t(() => [
+                a(o(m), null, {
+                  default: t(() => [
+                    a(o(g), {
+                      clamp: e.isCollapsed ? 7 : void 0,
+                      value: e.tag?.description ?? "",
                       withImages: ""
                     }, null, 8, ["clamp", "value"])
                   ]),
                   _: 1
                 }),
-                t(e(p), null, {
-                  default: a(() => [
-                    t(e(B), { tag: o.tag }, null, 8, ["tag"])
+                a(o(m), null, {
+                  default: t(() => [
+                    a(o(k), { tag: e.tag }, null, 8, ["tag"])
                   ]),
                   _: 1
                 })
@@ -85,14 +82,14 @@ const q = /* @__PURE__ */ f({
           ]),
           _: 1
         }, 8, ["loading"]),
-        t(e(I), {
-          value: o.tag.xKeys
+        a(o(w), {
+          value: e.tag.xKeys
         }, null, 8, ["value"])
       ]),
       _: 1
-    }, 8, ["id", "label"])) : n("", !0);
+    }, 8, ["id", "label"])) : r("", !0);
   }
 });
 export {
-  q as default
+  R 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":"AA4cA,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;;;YAIwC,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;AAqYhE,wBAOG"}
+{"version":3,"file":"GettingStarted.vue.d.ts","sourceRoot":"","sources":["../../src/components/GettingStarted.vue"],"names":[],"mappings":"AA4cA,OAAO,EAAe,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAE1D,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,OAAO,CAAA;CACf,CAAC;;;YAIwC,OAAO;eAAS,MAAM;;;;;;;YAAtB,OAAO;eAAS,MAAM;;;;;;AAuYhE,wBAOG"}

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 e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-bc17fac9"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-87962c91"]]);
 export {
-  e as default
+  m as default
 };

package/dist/components/GettingStarted.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as b, createElementBlock as r, openBlock as o, createElementVNode as e, createStaticVNode as c, createVNode as i, unref as l, withCtx as n, createTextVNode as d, Fragment as u, renderList as w, normalizeClass as y, toDisplayString as A } from "vue";
+import { defineComponent as f, createElementBlock as o, openBlock as i, createElementVNode as e, createStaticVNode as r, createVNode as c, unref as l, withCtx as n, createTextVNode as d, Fragment as w, renderList as y, normalizeClass as A, toDisplayString as C } from "vue";
 import { ScalarButton as p } from "@scalar/components";
-import { themeLabels as f } from "@scalar/themes";
-const C = { class: "start custom-scroll" }, S = { class: "start-copy" }, x = { class: "start-cta" }, k = { class: "start-row" }, Z = { class: "start-section start-section-colors" }, _ = ["onClick"], P = /* @__PURE__ */ b({
+import { themeLabels as v } from "@scalar/themes";
+const S = { class: "start custom-scroll" }, x = { class: "start-copy" }, b = { class: "start-cta" }, k = { class: "start-row" }, Z = { class: "start-section start-section-colors" }, _ = ["onClick"], P = /* @__PURE__ */ f({
   __name: "GettingStarted",
   props: {
     theme: {}
   },
   emits: ["changeTheme", "loadSwaggerFile", "linkSwaggerFile", "updateContent"],
-  setup(E, { emit: v }) {
-    const g = v, m = [
+  setup(E, { emit: g }) {
+    const m = g, h = [
       "default",
       "alternate",
       "moon",
@@ -20,19 +20,19 @@ const C = { class: "start custom-scroll" }, S = { class: "start-copy" }, x = { c
       "mars",
       "deepSpace"
     ];
-    async function h() {
+    async function u() {
       const s = await fetch(
         "https://registry.scalar.com/@scalar/apis/galaxy/latest?format=yaml"
       );
-      g("updateContent", await s.text());
+      m("updateContent", await s.text());
     }
-    return (s, a) => (o(), r("div", C, [
-      e("div", S, [
-        a[3] || (a[3] = c('<div class="start-logo" data-v-bc17fac9><svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" data-v-bc17fac9><path d="M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z" fill="currentColor" fill-rule="evenodd" data-v-bc17fac9></path></svg></div><h1 class="start-h1" data-v-bc17fac9>Swagger Editor</h1><p class="start-p" data-v-bc17fac9> Welcome to the Scalar API References + Swagger Editor, a Free &amp; Open-Source tool that takes your Swagger/OAS file and generates Beautiful API references. </p>', 3)),
-        e("div", x, [
-          i(l(p), {
-            fullWidth: "",
-            onClick: h
+    return (s, a) => (i(), o("div", S, [
+      e("div", x, [
+        a[3] || (a[3] = r('<div class="start-logo" data-v-87962c91><svg height="36" viewBox="0 0 36 36" width="36" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="M18 0a18 18 0 1 1 0 36 18 18 0 0 1 0-36Zm11.2 6.5c-3.3-3.3-11.1-1-17.4 5.3-6.2 6.3-8.6 14-5.3 17.4 3.3 3.3 11 .9 17.3-5.4 6.3-6.2 8.7-14 5.4-17.3ZM17.6 12a6.3 6.3 0 1 1 0 12.7 6.3 6.3 0 0 1 0-12.7Z" fill="currentColor" fill-rule="evenodd" data-v-87962c91></path></svg></div><h1 class="start-h1" data-v-87962c91>Swagger Editor</h1><p class="start-p" data-v-87962c91> Welcome to the Scalar API References + Swagger Editor, a Free &amp; Open-Source tool that takes your Swagger/OAS file and generates Beautiful API references. </p>', 3)),
+        e("div", b, [
+          c(l(p), {
+            class: "w-full",
+            onClick: u
           }, {
             default: n(() => a[1] || (a[1] = [
               d(" Show Example ")
@@ -40,8 +40,8 @@ const C = { class: "start custom-scroll" }, S = { class: "start-copy" }, x = { c
             _: 1,
             __: [1]
           }),
-          i(l(p), {
-            fullWidth: "",
+          c(l(p), {
+            class: "w-full",
             variant: "outlined",
             onClick: a[0] || (a[0] = (t) => s.$emit("loadSwaggerFile"))
           }, {
@@ -54,17 +54,17 @@ const C = { class: "start custom-scroll" }, S = { class: "start-copy" }, x = { c
         ])
       ]),
       e("div", k, [
-        a[5] || (a[5] = c('<div class="start-section start-section-integrations" data-v-bc17fac9><div class="start-h2" data-v-bc17fac9>INTEGRATIONS</div><a class="start-item" href="https://github.com/scalar/scalar/tree/main/integrations/fastify#readme" target="_blank" data-v-bc17fac9><svg fill="currentColor" height="16" viewBox="0 0 19 16" width="19" xmlns="http://www.w3.org/2000/svg" data-v-bc17fac9><path d="m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z" fill="currentColor" fill-rule="nonzero" data-v-bc17fac9></path></svg><span data-v-bc17fac9>Fastify</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html" target="_blank" data-v-bc17fac9><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-v-bc17fac9><g data-v-bc17fac9><path d="M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z" fill="currentColor" data-v-bc17fac9></path><path d="M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-bc17fac9></path><path d="M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-bc17fac9></path></g></svg><span data-v-bc17fac9>CDN</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs" target="_blank" data-v-bc17fac9><svg height="170" viewBox="0 0 196.3 170" width="196.3" xmlns="http://www.w3.org/2000/svg" data-v-bc17fac9><g fill="currentColor" fill-rule="nonzero" data-v-bc17fac9><polygon points="39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171" data-v-bc17fac9></polygon><polygon points="75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14" data-v-bc17fac9></polygon></g></svg><span data-v-bc17fac9>Vue</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage" target="_blank" data-v-bc17fac9><svg height="23.3" viewBox="0 0 22 23.3" width="22" xmlns="http://www.w3.org/2000/svg" data-v-bc17fac9><g fill="none" fill-rule="evenodd" data-v-bc17fac9><circle cx="11" cy="11.6" fill="currentColor" fill-rule="nonzero" r="2" data-v-bc17fac9></circle><g stroke="currentColor" data-v-bc17fac9><ellipse cx="11" cy="11.6" rx="11" ry="4.2" data-v-bc17fac9></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(60 11 11.6)" data-v-bc17fac9></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(120 11 11.6)" data-v-bc17fac9></ellipse></g></g></svg><span data-v-bc17fac9>React</span></a></div>', 1)),
+        a[5] || (a[5] = r('<div class="start-section start-section-integrations" data-v-87962c91><div class="start-h2" data-v-87962c91>INTEGRATIONS</div><a class="start-item" href="https://github.com/scalar/scalar/tree/main/integrations/fastify#readme" target="_blank" data-v-87962c91><svg fill="currentColor" height="16" viewBox="0 0 19 16" width="19" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><path d="m18.2 3.1.8-2V.9l-4.7 1.3C15.2 1 15 0 15 0s-2.5 1.6-4.3 1.5c-2 0-3.6.8-4 1-1.8 1.2-2.5 3.3-3.2 3.8L0 8.9 2.3 8l-2 2.5c.2.3 1.2 1.6 2.1 1.3l.4-.1 1.6.5-.7-1 .2-.2.9.3-.1-.8.9.3-.1-.8.3-.1 1-3.5 3.7-2.6-.3.7A4 4 0 0 1 8 7l-.6.2c-.5.5-.7.7-.8 2.5a2 2 0 0 1 1 0c1.6.4 2.2 2.3 1.7 2.9l-.7.6H8v.6h-.7v.5l-.2.2c-.7 0-1.4-.6-1.4-.6 0 .5.4 1.3.4 1.3s1.7 1.1 2.7.7c1-.4.7-2.3 2.8-3.2l3.3-.9.8-2.2-1.7.5v-2l2.5-.6.9-2.2-3.4.9v-2l4.2-1.1Z" fill="currentColor" fill-rule="nonzero" data-v-87962c91></path></svg><span data-v-87962c91>Fastify</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/documentation/integrations/html-js.md#html" target="_blank" data-v-87962c91><svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g data-v-87962c91><path d="M22.5 1.5h-21A1.5 1.5 0 0 0 0 3v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 6V3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3A1.25 1.25 0 1 1 4.5 5.75 1.25 1.25 0 0 1 3.25 4.5ZM8.5 5.75A1.25 1.25 0 1 1 9.75 4.5 1.25 1.25 0 0 1 8.5 5.75Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 9h-21A1.5 1.5 0 0 0 0 10.5v3A1.5 1.5 0 0 0 1.5 15h21a1.5 1.5 0 0 0 1.5-1.5v-3A1.5 1.5 0 0 0 22.5 9ZM3.25 12a1.25 1.25 0 1 1 1.25 1.25A1.25 1.25 0 0 1 3.25 12Zm5.25 1.25A1.25 1.25 0 1 1 9.75 12a1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path><path d="M22.5 16.5h-21A1.5 1.5 0 0 0 0 18v3a1.5 1.5 0 0 0 1.5 1.5h21A1.5 1.5 0 0 0 24 21v-3a1.5 1.5 0 0 0-1.5-1.5Zm-19.25 3a1.25 1.25 0 1 1 1.25 1.25 1.25 1.25 0 0 1-1.25-1.25Zm5.25 1.25a1.25 1.25 0 1 1 1.25-1.25 1.25 1.25 0 0 1-1.25 1.25Z" fill="currentColor" data-v-87962c91></path></g></svg><span data-v-87962c91>CDN</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference/README.md#vuejs" target="_blank" data-v-87962c91><svg height="170" viewBox="0 0 196.3 170" width="196.3" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="currentColor" fill-rule="nonzero" data-v-87962c91><polygon points="39.23 0 0 0 2.9450761 5.1010782 98.16 170.02 196.32 0 157.06 0 98.16 102.01 42.175701 5.0991171" data-v-87962c91></polygon><polygon points="75.5 2.009956e-14 0 2.009956e-14 2.94 5.1 78.44871 5.1 98.16 39.26 117.87937 5.1 193.38 5.1 196.325 0 120.82 7.8065636e-15 114.97322 2.009956e-14 98.16 29.037153 81.35 2.009956e-14" data-v-87962c91></polygon></g></svg><span data-v-87962c91>Vue</span></a><a class="start-item" href="https://github.com/scalar/scalar/blob/main/packages/api-reference-react/README.md#usage" target="_blank" data-v-87962c91><svg height="23.3" viewBox="0 0 22 23.3" width="22" xmlns="http://www.w3.org/2000/svg" data-v-87962c91><g fill="none" fill-rule="evenodd" data-v-87962c91><circle cx="11" cy="11.6" fill="currentColor" fill-rule="nonzero" r="2" data-v-87962c91></circle><g stroke="currentColor" data-v-87962c91><ellipse cx="11" cy="11.6" rx="11" ry="4.2" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(60 11 11.6)" data-v-87962c91></ellipse><ellipse cx="11" cy="11.6" rx="11" ry="4.2" transform="rotate(120 11 11.6)" data-v-87962c91></ellipse></g></g></svg><span data-v-87962c91>React</span></a></div>', 1)),
         e("div", Z, [
           a[4] || (a[4] = e("p", { class: "start-h2" }, "THEMING", -1)),
-          (o(), r(u, null, w(m, (t) => e("div", {
+          (i(), o(w, null, y(h, (t) => e("div", {
             key: t,
-            class: y(["start-item", { "start-item-active": t === s.theme }]),
-            onClick: (F) => s.$emit("changeTheme", { id: t, label: l(f)[t] })
-          }, A(l(f)[t]), 11, _)), 64))
+            class: A(["start-item", { "start-item-active": t === s.theme }]),
+            onClick: (F) => s.$emit("changeTheme", { id: t, label: l(v)[t] })
+          }, C(l(v)[t]), 11, _)), 64))
         ])
       ]),
-      a[6] || (a[6] = c('<p class="start-h1" data-v-bc17fac9>Features</p><ul class="start-ul" data-v-bc17fac9><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>Customize</p> Bring your typography &amp; color palettes, or use our themes! </li><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>Testing</p> A deeply integrated Rest API Client (Also Free &amp; Open-Source) </li><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>Search</p> Fully integrated Search (Using fuse.js) </li><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>Hosting</p> Free subdomain hosting on https://apidocumentation.com </li><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>OpenAPI &amp; Swagger</p> Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0 </li><li data-v-bc17fac9><p class="start-h3" data-v-bc17fac9>Code Samples</p> Code samples to show off your API in most popular languages </li></ul>', 2))
+      a[6] || (a[6] = r('<p class="start-h1" data-v-87962c91>Features</p><ul class="start-ul" data-v-87962c91><li data-v-87962c91><p class="start-h3" data-v-87962c91>Customize</p> Bring your typography &amp; color palettes, or use our themes! </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Testing</p> A deeply integrated Rest API Client (Also Free &amp; Open-Source) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Search</p> Fully integrated Search (Using fuse.js) </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Hosting</p> Free subdomain hosting on https://apidocumentation.com </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>OpenAPI &amp; Swagger</p> Support for OpenAPI 3.1, OpenAPI 3.0, and Swagger 2.0 </li><li data-v-87962c91><p class="start-h3" data-v-87962c91>Code Samples</p> Code samples to show off your API in most popular languages </li></ul>', 2))
     ]));
   }
 });

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

@@ -1,4 +1,4 @@
-import type { TraversedTag } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { TraversedTag } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     tag: TraversedTag;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"OperationsList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsList.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAOhG,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;CAClB,CAAC;;AAmHF,wBAMG"}
+{"version":3,"file":"OperationsList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsList.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAO9E,KAAK,WAAW,GAAG;IACjB,GAAG,EAAE,YAAY,CAAA;CAClB,CAAC;;AAmHF,wBAMG"}

package/dist/components/OperationsList/OperationsList.vue.js

@@ -1,7 +1,7 @@
 import o from "./OperationsList.vue2.js";
 /* empty css                    */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a492c69b"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5f88c366"]]);
 export {
-  s as default
+  a as default
 };

package/dist/components/OperationsList/OperationsListItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { TraversedOperation, TraversedWebhook } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { TraversedOperation, TraversedWebhook } from '@scalar/workspace-store/schemas/navigation';
 type __VLS_Props = {
     operation: TraversedOperation | TraversedWebhook;
     isCollapsed?: boolean;

package/dist/components/OperationsList/OperationsListItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationsListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAEV,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,8DAA8D,CAAA;AAOrE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,kBAAkB,GAAG,gBAAgB,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAsJF,wBAMG"}
+{"version":3,"file":"OperationsListItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/OperationsList/OperationsListItem.vue"],"names":[],"mappings":"AAwHA,OAAO,KAAK,EAEV,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,4CAA4C,CAAA;AAOnD,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,kBAAkB,GAAG,gBAAgB,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAC;;AAsJF,wBAMG"}

package/dist/components/OperationsList/OperationsListItem.vue.js

@@ -1,7 +1,7 @@
 import t from "./OperationsListItem.vue2.js";
 /* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-836b3c7f"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-7dff261d"]]);
 export {
-  s as default
+  p as default
 };

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

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     id: string;
+    onShowMore: ((id: string) => void) | undefined;
 };
 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;

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

@@ -1 +1 @@
-{"version":3,"file":"ShowMoreButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShowMoreButton.vue"],"names":[],"mappings":"AAwEA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAC;;AAmEF,wBAMG"}
+{"version":3,"file":"ShowMoreButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShowMoreButton.vue"],"names":[],"mappings":"AAsEA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CAC/C,CAAC;;AAkEF,wBAMG"}

package/dist/components/ShowMoreButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./ShowMoreButton.vue2.js";
 /* empty css                    */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-46471107"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b6e7dc9"]]);
 export {
-  _ as default
+  p as default
 };

package/dist/components/ShowMoreButton.vue2.js

@@ -1,23 +1,23 @@
-import { defineComponent as c, createElementBlock as i, openBlock as s, createTextVNode as a, createVNode as m, unref as l } from "vue";
-import { ScalarIconCaretDown as d } from "@scalar/icons";
-import { useConfig as u } from "../hooks/useConfig.js";
-import { useSidebar as f } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
-const h = /* @__PURE__ */ c({
+import { defineComponent as r, createElementBlock as c, openBlock as a, createTextVNode as i, createVNode as s, unref as l } from "vue";
+import { ScalarIconCaretDown as m } from "@scalar/icons";
+import { useSidebar as d } from "../v2/blocks/scalar-sidebar-block/hooks/useSidebar.js";
+const S = /* @__PURE__ */ r({
   __name: "ShowMoreButton",
   props: {
-    id: {}
+    id: {},
+    onShowMore: { type: Function }
   },
   setup(e) {
-    const { setCollapsedSidebarItem: t } = f(), r = u(), n = () => {
-      t(e.id, !0), r.value.onShowMore?.(e.id);
+    const { setCollapsedSidebarItem: t } = d(), n = () => {
+      t(e.id, !0), e.onShowMore?.(e.id);
     };
-    return (p, o) => (s(), i("button", {
+    return (u, o) => (a(), c("button", {
       class: "show-more",
       type: "button",
       onClick: n
     }, [
-      o[0] || (o[0] = a(" Show More ")),
-      m(l(d), {
+      o[0] || (o[0] = i(" Show More ")),
+      s(l(m), {
         class: "text-c-2 mt-0.25 size-3",
         weight: "bold"
       })
@@ -25,5 +25,5 @@ const h = /* @__PURE__ */ c({
   }
 });
 export {
-  h as default
+  S as default
 };

package/dist/esm.d.ts

@@ -1,4 +1,4 @@
-import type { ApiReferenceConfiguration, SpecConfiguration } from '@scalar/types/api-reference';
+import type { ApiReferenceConfiguration, SourceConfiguration } from '@scalar/types/api-reference';
 /**
  * Initialize Scalar References
  *
@@ -16,7 +16,7 @@ initialConfig: Partial<ApiReferenceConfiguration> | Partial<ApiReferenceConfigur
 mountOnInitialize?: boolean): {
     /** Update the configuration for a mounted reference */
     updateConfig(newConfig: Partial<ApiReferenceConfiguration>, mergeConfigs?: boolean): void;
-    updateSpec(spec: SpecConfiguration): void;
+    updateSpec(spec: SourceConfiguration): void;
     /** Mount the references to a given element */
     mount: (mountingEl?: HTMLElement | null) => void;
     /** Unmount the app from an element */

package/dist/esm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"esm.d.ts","sourceRoot":"","sources":["../src/esm.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAO/F;;;;GAIG;AACH,wBAAgB,sBAAsB;AACpC,yCAAyC;AACzC,EAAE,EAAE,WAAW,GAAG,IAAI;AACtB,iDAAiD;AACjD,aAAa,EAAE,OAAO,CAAC,yBAAyB,CAAC,GAAG,OAAO,CAAC,yBAAyB,CAAC,EAAE;AACxF;;;GAGG;AACH,iBAAiB,UAAO;IA2BtB,uDAAuD;4BAC/B,OAAO,CAAC,yBAAyB,CAAC;qBAOzC,iBAAiB;IAOlC,8CAA8C;;IAE9C,sCAAsC;;EAGzC"}
+{"version":3,"file":"esm.d.ts","sourceRoot":"","sources":["../src/esm.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAMjG;;;;GAIG;AACH,wBAAgB,sBAAsB;AACpC,yCAAyC;AACzC,EAAE,EAAE,WAAW,GAAG,IAAI;AACtB,iDAAiD;AACjD,aAAa,EAAE,OAAO,CAAC,yBAAyB,CAAC,GAAG,OAAO,CAAC,yBAAyB,CAAC,EAAE;AACxF;;;GAGG;AACH,iBAAiB,UAAO;IA2BtB,uDAAuD;4BAC/B,OAAO,CAAC,yBAAyB,CAAC;qBAOzC,mBAAmB;IAOpC,8CAA8C;;IAE9C,sCAAsC;;EAGzC"}

package/dist/features/Operation/Operation.vue.d.ts

@@ -1,21 +1,33 @@
+import type { ClientOptionGroup } from '@scalar/api-client/v2/blocks/operation-code-sample';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
-import type { ApiReferenceConfiguration } from '@scalar/types';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
-import type { OpenApiDocument } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
-import type { ClientOptionGroup } from '../../v2/blocks/scalar-request-example-block/types';
+import type { PathItemObject, SecurityRequirementObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 type __VLS_Props = {
-    path: string;
-    method: HttpMethod;
-    clientOptions: ClientOptionGroup[];
-    config: ApiReferenceConfiguration;
-    document: OpenApiDocument;
-    isWebhook: boolean;
     id: string;
+    method: HttpMethod;
+    /** Key of the operations path in the document.paths object */
+    path: string;
+    /** OpenAPI path object that will include the operation */
+    pathValue: PathItemObject | undefined;
+    /** Active server*/
     server: Server | undefined;
+    /** Document level security requirements */
+    security: SecurityRequirementObject[] | undefined;
     store: WorkspaceStore;
     /** @deprecated Use `document` instead, we just need the selected security scheme uids for now */
     collection: Collection;
+    options: {
+        layout: 'classic' | 'modern';
+        /** Sets some additional display properties when an operation is a webhook */
+        isWebhook: boolean;
+        showOperationId: boolean | undefined;
+        hideTestRequestButton: boolean | undefined;
+        expandAllResponses: boolean | undefined;
+        clientOptions: ClientOptionGroup[];
+        orderRequiredPropertiesFirst: boolean | undefined;
+        orderSchemaPropertiesBy: 'alpha' | 'preserve' | undefined;
+    };
 };
 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;

package/dist/features/Operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EACV,eAAe,EAEhB,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAMvF,KAAK,WAAW,GAAG;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,MAAM,EAAE,yBAAyB,CAAA;IACjC,QAAQ,EAAE,eAAe,CAAA;IACzB,SAAS,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,cAAc,CAAA;IACrB,iGAAiG;IACjG,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AAyJJ,wBAMG"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AA8HA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAE3F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EAE1B,MAAM,8DAA8D,CAAA;AAUrE,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,UAAU,CAAA;IAClB,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAA;IACZ,0DAA0D;IAC1D,SAAS,EAAE,cAAc,GAAG,SAAS,CAAA;IACrC,mBAAmB;IACnB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,QAAQ,EAAE,yBAAyB,EAAE,GAAG,SAAS,CAAA;IAGjD,KAAK,EAAE,cAAc,CAAA;IACrB,iGAAiG;IACjG,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE;QACP,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;QAC5B,6EAA6E;QAC7E,SAAS,EAAE,OAAO,CAAA;QAClB,eAAe,EAAE,OAAO,GAAG,SAAS,CAAA;QACpC,qBAAqB,EAAE,OAAO,GAAG,SAAS,CAAA;QAC1C,kBAAkB,EAAE,OAAO,GAAG,SAAS,CAAA;QACvC,aAAa,EAAE,iBAAiB,EAAE,CAAA;QAClC,4BAA4B,EAAE,OAAO,GAAG,SAAS,CAAA;QACjD,uBAAuB,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAA;KAC1D,CAAA;CACF,CAAC;;AAuIF,wBAMG"}