@scalar/api-reference 1.38.1 → 1.39.1

package/dist/components/Section/SectionContent.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionContent.vue2.js";
+import _sfc_main from "./SectionContent.vue2.js";
 /* empty css                    */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9735459e"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionContent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9735459e"]]);
 export {
-  p as default
+  SectionContent as default
 };

package/dist/components/Section/SectionContent.vue2.js

@@ -1,19 +1,22 @@
-import { defineComponent as t, createElementBlock as n, openBlock as o, renderSlot as l, createBlock as r } from "vue";
-import a from "../LoadingSkeleton.vue.js";
-const s = { class: "section-content" }, f = /* @__PURE__ */ t({
+import { defineComponent, createElementBlock, openBlock, renderSlot, createBlock } from "vue";
+import LoadingSkeleton from "../LoadingSkeleton.vue.js";
+const _hoisted_1 = { class: "section-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionContent",
   props: {
-    loading: { type: Boolean, default: !1 }
+    loading: { type: Boolean, default: false }
   },
-  setup(c) {
-    return (e, i) => (o(), n("div", s, [
-      e.loading ? (o(), r(a, {
-        key: 1,
-        lines: 8
-      })) : l(e.$slots, "default", { key: 0 }, void 0, !0)
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.loading ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createBlock(LoadingSkeleton, {
+          key: 1,
+          lines: 8
+        }))
+      ]);
+    };
   }
 });
 export {
-  f as default
+  _sfc_main as default
 };

package/dist/components/Section/SectionHeader.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionHeader.vue2.js";
+import _sfc_main from "./SectionHeader.vue2.js";
 /* empty css                   */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-465a7a78"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-465a7a78"]]);
 export {
-  m as default
+  SectionHeader as default
 };

package/dist/components/Section/SectionHeader.vue2.js

@@ -1,23 +1,26 @@
-import { defineComponent as r, createElementBlock as t, openBlock as o, createBlock as s, renderSlot as n, createCommentVNode as a, normalizeClass as l } from "vue";
-import i from "../LoadingSkeleton.vue.js";
-const d = { class: "section-header-wrapper xl:gap-12" }, u = /* @__PURE__ */ r({
+import { defineComponent, createElementBlock, openBlock, createBlock, renderSlot, createCommentVNode, normalizeClass } from "vue";
+import LoadingSkeleton from "../LoadingSkeleton.vue.js";
+const _hoisted_1 = { class: "section-header-wrapper xl:gap-12" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionHeader",
   props: {
     loading: { type: Boolean },
     tight: { type: Boolean }
   },
-  setup(p) {
-    return (e, c) => (o(), t("div", d, [
-      e.loading ? (o(), s(i, { key: 0 })) : (o(), t("div", {
-        key: 1,
-        class: l(["section-header", { tight: e.tight }])
-      }, [
-        n(e.$slots, "default", {}, void 0, !0)
-      ], 2)),
-      e.$slots.links ? n(e.$slots, "links", { key: 2 }, void 0, !0) : a("", !0)
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.loading ? (openBlock(), createBlock(LoadingSkeleton, { key: 0 })) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(["section-header", { tight: _ctx.tight }])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 2)),
+        _ctx.$slots.links ? renderSlot(_ctx.$slots, "links", { key: 2 }, void 0, true) : createCommentVNode("", true)
+      ]);
+    };
   }
 });
 export {
-  u as default
+  _sfc_main as default
 };

package/dist/components/Section/SectionHeaderTag.vue.js

@@ -1,7 +1,7 @@
-import o from "./SectionHeaderTag.vue2.js";
+import _sfc_main from "./SectionHeaderTag.vue2.js";
 /* empty css                      */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f1ac6c38"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const SectionHeaderTag = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1ac6c38"]]);
 export {
-  e as default
+  SectionHeaderTag as default
 };

package/dist/components/Section/SectionHeaderTag.vue2.js

@@ -1,18 +1,20 @@
-import { defineComponent as o, createBlock as t, openBlock as l, resolveDynamicComponent as r, withCtx as a, renderSlot as n } from "vue";
-const d = /* @__PURE__ */ o({
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SectionHeaderTag",
   props: {
     level: { default: 1 }
   },
-  setup(s) {
-    return (e, c) => (l(), t(r(`h${e.level}`), { class: "section-header-label" }, {
-      default: a(() => [
-        n(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(`h${_ctx.level}`), { class: "section-header-label" }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      });
+    };
   }
 });
 export {
-  d as default
+  _sfc_main as default
 };

package/dist/components/SectionFlare/SectionFlare.vue.js

@@ -1,13 +1,14 @@
-import { createElementBlock as c, openBlock as e, createStaticVNode as t } from "vue";
+import { createElementBlock, openBlock, createStaticVNode } from "vue";
 /* empty css                  */
-import i from "../../_virtual/_plugin-vue_export-helper.js";
-const s = {}, d = { class: "section-flare" };
-function o(v, a) {
-  return e(), c("div", d, a[0] || (a[0] = [
-    t('<div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div>', 8)
-  ]));
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {};
+const _hoisted_1 = { class: "section-flare" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+    createStaticVNode('<div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div><div class="section-flare-item" data-v-2a9c8c02></div>', 8)
+  ])]);
 }
-const f = /* @__PURE__ */ i(s, [["render", o], ["__scopeId", "data-v-2a9c8c02"]]);
+const SectionFlare = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2a9c8c02"]]);
 export {
-  f as default
+  SectionFlare as default
 };

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

@@ -1,6 +1,5 @@
 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":"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"}
+{"version":3,"file":"ShowMoreButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShowMoreButton.vue"],"names":[],"mappings":"AAqEA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAC;;AAoEF,wBAMG"}

package/dist/components/ShowMoreButton.vue.js

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

package/dist/components/ShowMoreButton.vue2.js

@@ -1,29 +1,33 @@
-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({
+import { defineComponent, useTemplateRef, createElementBlock, openBlock, createTextVNode, createVNode, unref } from "vue";
+import { ScalarIconCaretDown } from "@scalar/icons";
+import { emitCustomEvent } from "@scalar/workspace-store/events";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ShowMoreButton",
   props: {
-    id: {},
-    onShowMore: { type: Function }
+    id: {}
   },
-  setup(e) {
-    const { setCollapsedSidebarItem: t } = d(), n = () => {
-      t(e.id, !0), e.onShowMore?.(e.id);
+  setup(__props) {
+    const el = useTemplateRef("el");
+    const handleClick = () => {
+      emitCustomEvent(el.value, "scalar-on-show-more", { id: __props.id });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        ref_key: "el",
+        ref: el,
+        class: "show-more",
+        type: "button",
+        onClick: handleClick
+      }, [
+        _cache[0] || (_cache[0] = createTextVNode(" Show More ", -1)),
+        createVNode(unref(ScalarIconCaretDown), {
+          class: "text-c-2 mt-0.25 size-3",
+          weight: "bold"
+        })
+      ], 512);
     };
-    return (u, o) => (a(), c("button", {
-      class: "show-more",
-      type: "button",
-      onClick: n
-    }, [
-      o[0] || (o[0] = i(" Show More ")),
-      s(l(m), {
-        class: "text-c-2 mt-0.25 size-3",
-        weight: "bold"
-      })
-    ]));
   }
 });
 export {
-  S as default
+  _sfc_main as default
 };

package/dist/components/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/components/index.js

@@ -0,0 +1,7 @@
+import { default as default2 } from "./Content/Content.vue.js";
+/* empty css                     */
+import { default as default3 } from "./IntersectionObserver.vue.js";
+export {
+  default2 as ApiReferenceContent,
+  default3 as IntersectionObserver
+};

package/dist/consts/urls.js

@@ -1,7 +1,10 @@
-const s = "https://registry.scalar.com/share", a = "https://proxy.scalar.com", t = "https://api.scalar.com/core/share/upload/apis", r = "https://dashboard.scalar.com/register";
+const REGISTRY_SHARE_URL = "https://registry.scalar.com/share";
+const PROXY_URL = "https://proxy.scalar.com";
+const UPLOAD_TEMP_API_URL = "https://api.scalar.com/core/share/upload/apis";
+const DASHBOARD_REGISTER_URL = "https://dashboard.scalar.com/register";
 export {
-  r as DASHBOARD_REGISTER_URL,
-  a as PROXY_URL,
-  s as REGISTRY_SHARE_URL,
-  t as UPLOAD_TEMP_API_URL
+  DASHBOARD_REGISTER_URL,
+  PROXY_URL,
+  REGISTRY_SHARE_URL,
+  UPLOAD_TEMP_API_URL
 };

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

@@ -1,8 +1,10 @@
 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 { Server } from '@scalar/oas-utils/entities/spec';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { PathItemObject, SecurityRequirementObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { SecuritySchemeGetter } from '../../helpers/map-config-to-client-store.js';
 type __VLS_Props = {
     id: string;
     method: HttpMethod;
@@ -14,9 +16,11 @@ type __VLS_Props = {
     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;
+    /** Temporary getter function to handle overlap with the client store */
+    getSecurityScheme: SecuritySchemeGetter;
+    isCollapsed: boolean;
+    xScalarDefaultClient: WorkspaceStore['workspace']['x-scalar-default-client'];
+    eventBus: WorkspaceEventBus | null;
     options: {
         layout: 'classic' | 'modern';
         /** Sets some additional display properties when an operation is a webhook */

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,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"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAA;AAC3F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EAE1B,MAAM,8DAA8D,CAAA;AAIrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAMhF,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;IACjD,wEAAwE;IACxE,iBAAiB,EAAE,oBAAoB,CAAA;IACvC,WAAW,EAAE,OAAO,CAAA;IACpB,oBAAoB,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,yBAAyB,CAAC,CAAA;IAC5E,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAElC,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;;AAwIF,wBAMG"}

package/dist/features/Operation/Operation.vue.js

@@ -1,13 +1,10 @@
-import { defineComponent as c, computed as o, createElementBlock as l, createCommentVNode as p, openBlock as s, Fragment as h, createBlock as n } from "vue";
-import { useWorkspace as d } from "@scalar/api-client/store";
-import { filterSecurityRequirements as v } from "@scalar/api-client/views/Request/RequestSection";
-import { getResolvedRef as y } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { combineParams as f } from "./helpers/combine-params.js";
-import { convertSecurityScheme as S } from "../../helpers/convert-security-scheme.js";
-import { getFirstServer as k } from "./helpers/get-first-server.js";
-import V from "./layouts/ClassicLayout.vue.js";
-import g from "./layouts/ModernLayout.vue.js";
-const N = /* @__PURE__ */ c({
+import { defineComponent, computed, createElementBlock, createCommentVNode, openBlock, Fragment, createBlock } from "vue";
+import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { combineParams } from "./helpers/combine-params.js";
+import { getFirstServer } from "./helpers/get-first-server.js";
+import ClassicLayout from "./layouts/ClassicLayout.vue.js";
+import ModernLayout from "./layouts/ModernLayout.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Operation",
   props: {
     id: {},
@@ -16,58 +13,64 @@ const N = /* @__PURE__ */ c({
     pathValue: {},
     server: {},
     security: {},
-    store: {},
-    collection: {},
+    getSecurityScheme: { type: Function },
+    isCollapsed: { type: Boolean },
+    xScalarDefaultClient: {},
+    eventBus: {},
     options: {}
   },
-  setup(t) {
-    const r = o(() => {
-      const e = y(t.pathValue?.[t.method]);
-      if (!e)
+  setup(__props) {
+    const operation = computed(() => {
+      const entity = getResolvedRef(__props.pathValue?.[__props.method]);
+      if (!entity) {
         return null;
-      const m = f(t.pathValue?.parameters, e.parameters);
-      return { ...e, parameters: m };
-    }), { securitySchemes: u } = d(), i = o(
-      () => v(
-        r.value?.security || t.security || [],
-        t.collection.selectedSecuritySchemeUids,
-        u
-      ).map(S)
-    ), a = o(
-      () => k(
+      }
+      const parameters = combineParams(__props.pathValue?.parameters, entity.parameters);
+      return { ...entity, parameters };
+    });
+    const selectedSecuritySchemes = computed(
+      () => __props.getSecurityScheme(operation.value?.security, __props.security || [])
+    );
+    const selectedServer = computed(
+      () => getFirstServer(
         // 1) Operation
-        r.value?.servers,
+        operation.value?.servers,
         // 2) Path Item
-        t.pathValue?.servers,
+        __props.pathValue?.servers,
         // 3) Document
-        t.server
+        __props.server
       )
     );
-    return (e, m) => r.value ? (s(), l(h, { key: 0 }, [
-      e.options?.layout === "classic" ? (s(), n(V, {
-        key: 0,
-        id: e.id,
-        method: e.method,
-        operation: r.value,
-        options: e.options,
-        path: e.path,
-        securitySchemes: i.value,
-        server: a.value,
-        store: e.store
-      }, null, 8, ["id", "method", "operation", "options", "path", "securitySchemes", "server", "store"])) : (s(), n(g, {
-        key: 1,
-        id: e.id,
-        method: e.method,
-        operation: r.value,
-        options: e.options,
-        path: e.path,
-        securitySchemes: i.value,
-        server: a.value,
-        store: e.store
-      }, null, 8, ["id", "method", "operation", "options", "path", "securitySchemes", "server", "store"]))
-    ], 64)) : p("", !0);
+    return (_ctx, _cache) => {
+      return operation.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.options?.layout === "classic" ? (openBlock(), createBlock(ClassicLayout, {
+          key: 0,
+          id: _ctx.id,
+          eventBus: _ctx.eventBus,
+          isCollapsed: _ctx.isCollapsed,
+          method: _ctx.method,
+          operation: operation.value,
+          options: _ctx.options,
+          path: _ctx.path,
+          securitySchemes: selectedSecuritySchemes.value,
+          server: selectedServer.value,
+          xScalarDefaultClient: _ctx.xScalarDefaultClient
+        }, null, 8, ["id", "eventBus", "isCollapsed", "method", "operation", "options", "path", "securitySchemes", "server", "xScalarDefaultClient"])) : (openBlock(), createBlock(ModernLayout, {
+          key: 1,
+          id: _ctx.id,
+          eventBus: _ctx.eventBus,
+          method: _ctx.method,
+          operation: operation.value,
+          options: _ctx.options,
+          path: _ctx.path,
+          securitySchemes: selectedSecuritySchemes.value,
+          server: selectedServer.value,
+          xScalarDefaultClient: _ctx.xScalarDefaultClient
+        }, null, 8, ["id", "eventBus", "method", "operation", "options", "path", "securitySchemes", "server", "xScalarDefaultClient"]))
+      ], 64)) : createCommentVNode("", true);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

package/dist/features/Operation/Operation.vue2.js

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

package/dist/features/Operation/components/ContentTypeSelect.vue.js

@@ -1,26 +1,34 @@
-import { defineComponent as b, mergeModels as y, useModel as V, computed as l, createBlock as g, createElementBlock as S, openBlock as p, unref as t, withCtx as a, createVNode as r, normalizeClass as m, createElementVNode as f, createTextVNode as C, toDisplayString as v } from "vue";
-import { cva as k, ScalarListbox as w, ScalarButton as T } from "@scalar/components";
-import { ScalarIconCaretDown as _ } from "@scalar/icons";
-import B from "../../../components/ScreenReader.vue.js";
-const D = /* @__PURE__ */ b({
+import { defineComponent, mergeModels, useModel, computed, createBlock, createElementBlock, openBlock, unref, withCtx, createVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { cva, ScalarListbox, ScalarButton } from "@scalar/components";
+import { ScalarIconCaretDown } from "@scalar/icons";
+import ScreenReader from "../../../components/ScreenReader.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ContentTypeSelect",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ mergeModels({
     content: {}
   }, {
-    modelValue: { required: !0 },
-    modelModifiers: {}
+    "modelValue": { required: true },
+    "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(s) {
-    const o = V(s, "modelValue"), d = l(() => Object.keys(s.content ?? {})), u = l({
-      get: () => c.value.find((e) => e.id === o.value),
-      set: (e) => {
-        e && (o.value = e.id);
+  setup(__props) {
+    const selectedContentType = useModel(__props, "modelValue");
+    const contentTypes = computed(() => Object.keys(__props.content ?? {}));
+    const selectedOption = computed({
+      get: () => options.value.find((option) => option.id === selectedContentType.value),
+      set: (option) => {
+        if (option) {
+          selectedContentType.value = option.id;
+        }
       }
-    }), c = l(() => d.value.map((e) => ({
-      id: e,
-      label: e
-    }))), i = k({
+    });
+    const options = computed(() => {
+      return contentTypes.value.map((type) => ({
+        id: type,
+        label: type
+      }));
+    });
+    const contentTypeSelect = cva({
       base: "font-normal text-c-2 bg-b-2 py-0.75 flex cursor-pointer items-center gap-1 rounded-full text-xs",
       variants: {
         dropdown: {
@@ -29,45 +37,46 @@ const D = /* @__PURE__ */ b({
         }
       }
     });
-    return (e, n) => d.value.length > 1 ? (p(), g(t(w), {
-      key: 0,
-      modelValue: u.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (x) => u.value = x),
-      options: c.value,
-      placement: "bottom-end"
-    }, {
-      default: a(() => [
-        r(t(T), {
-          class: m(["h-fit", t(i)({ dropdown: !0 })]),
-          variant: "ghost"
-        }, {
-          default: a(() => [
-            r(B, null, {
-              default: a(() => n[1] || (n[1] = [
-                C("Selected Content Type:")
-              ])),
-              _: 1,
-              __: [1]
-            }),
-            f("span", null, v(o.value), 1),
-            r(t(_), {
-              class: "ui-open:rotate-180 size-2.75 transition-transform duration-100",
-              weight: "bold"
-            })
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "options"])) : (p(), S("div", {
-      key: 1,
-      class: m(["selected-content-type", t(i)({ dropdown: !1 })]),
-      tabindex: "0"
-    }, [
-      f("span", null, v(o.value), 1)
-    ], 2));
+    return (_ctx, _cache) => {
+      return contentTypes.value.length > 1 ? (openBlock(), createBlock(unref(ScalarListbox), {
+        key: 0,
+        modelValue: selectedOption.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedOption.value = $event),
+        options: options.value,
+        placement: "bottom-end"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(ScalarButton), {
+            class: normalizeClass(["h-fit", unref(contentTypeSelect)({ dropdown: true })]),
+            variant: "ghost"
+          }, {
+            default: withCtx(() => [
+              createVNode(ScreenReader, null, {
+                default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                  createTextVNode("Selected Content Type:", -1)
+                ])]),
+                _: 1
+              }),
+              createElementVNode("span", null, toDisplayString(selectedContentType.value), 1),
+              createVNode(unref(ScalarIconCaretDown), {
+                class: "ui-open:rotate-180 size-2.75 transition-transform duration-100",
+                weight: "bold"
+              })
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(["selected-content-type", unref(contentTypeSelect)({ dropdown: false })]),
+        tabindex: "0"
+      }, [
+        createElementVNode("span", null, toDisplayString(selectedContentType.value), 1)
+      ], 2));
+    };
   }
 });
 export {
-  D as default
+  _sfc_main as default
 };

package/dist/features/Operation/components/ContentTypeSelect.vue2.js

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