@scalar/api-reference 1.32.9 → 1.33.0

package/dist/components/Section/SectionContainer.vue.d.ts

@@ -1,13 +1,20 @@
+type __VLS_Props = {
+    /**
+     * Skips rendering the section container div and its styles, rendering only the slot directly.
+     */
+    omit?: boolean;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Section/SectionContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainer.vue"],"names":[],"mappings":"AA4BA,iBAAS,cAAc;WAyCT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionContainer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainer.vue"],"names":[],"mappings":"AAsCA,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC;AAQF,iBAAS,cAAc;WAgDT,OAAO,IAA6B;;yBATrB,GAAG;yBACH,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,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/Section/SectionContainer.vue.js

@@ -1,13 +1,7 @@
-import { createElementBlock as t, openBlock as o, renderSlot as n } from "vue";
-/* empty css                      */
-import r from "../../_virtual/_plugin-vue_export-helper.js";
-const c = {}, s = { class: "section-container" };
-function a(e, i) {
-  return o(), t("div", s, [
-    n(e.$slots, "default", {}, void 0, !0)
-  ]);
-}
-const l = /* @__PURE__ */ r(c, [["render", a], ["__scopeId", "data-v-3afcb4e7"]]);
+import o from "./SectionContainer.vue2.js";
+import "./SectionContainer.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-20a1472a"]]);
 export {
-  l as default
+  i as default
 };

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

@@ -0,0 +1,18 @@
+import { defineComponent as t, renderSlot as o, createElementBlock as n, openBlock as r } from "vue";
+const s = {
+  key: 1,
+  class: "section-container"
+}, c = /* @__PURE__ */ t({
+  __name: "SectionContainer",
+  props: {
+    omit: { type: Boolean }
+  },
+  setup(i) {
+    return (e, a) => e.omit ? o(e.$slots, "default", { key: 0 }, void 0, !0) : (r(), n("div", s, [
+      o(e.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  c as default
+};

package/dist/components/Section/SectionContainer.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/Section/SectionContainerAccordion.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AAoGA,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;uBATtB,GAAG;yBACD,GAAG;;;;EAahC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionContainerAccordion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionContainerAccordion.vue"],"names":[],"mappings":"AAkGA,iBAAS,cAAc;WAiGT,OAAO,IAA6B;;uBATtB,GAAG;yBACD,GAAG;;;;EAahC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,7 +1,7 @@
 import o from "./SectionContainerAccordion.vue2.js";
-/* empty css                               */
+import "./SectionContainerAccordion.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-88109f3f"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-797031c0"]]);
 export {
-  i as default
+  a as default
 };

package/dist/components/Section/SectionContainerAccordion.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

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

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/components/Section/SectionHeader.vue.d.ts

@@ -6,6 +6,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        links?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;

package/dist/components/Section/SectionHeader.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AA4DA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAQF,iBAAS,cAAc;WAyDT,OAAO,IAA6B;;yBARrB,GAAG;;;;EAa/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SectionHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Section/SectionHeader.vue"],"names":[],"mappings":"AA+DA,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AAQF,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;yBATrB,GAAG;uBACL,GAAG;;;;EAa7B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

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

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

@@ -1,22 +1,23 @@
-import { defineComponent as n, createElementBlock as t, openBlock as o, createBlock as r, normalizeClass as a, renderSlot as i } from "vue";
-import s from "../LoadingSkeleton.vue.js";
-const l = { class: "section-header-wrapper" }, h = /* @__PURE__ */ n({
+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({
   __name: "SectionHeader",
   props: {
     loading: { type: Boolean },
     tight: { type: Boolean }
   },
-  setup(d) {
-    return (e, p) => (o(), t("div", l, [
-      e.loading ? (o(), r(s, { key: 0 })) : (o(), t("div", {
+  setup(p) {
+    return (e, c) => (o(), t("div", d, [
+      e.loading ? (o(), s(i, { key: 0 })) : (o(), t("div", {
         key: 1,
-        class: a(["section-header", { tight: e.tight }])
+        class: l(["section-header", { tight: e.tight }])
       }, [
-        i(e.$slots, "default", {}, void 0, !0)
-      ], 2))
+        n(e.$slots, "default", {}, void 0, !0)
+      ], 2)),
+      e.$slots.links ? n(e.$slots, "links", { key: 2 }, void 0, !0) : a("", !0)
     ]));
   }
 });
 export {
-  h as default
+  u as default
 };

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

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

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=SectionFlare.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionFlare.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SectionFlare/SectionFlare.vue"],"names":[],"mappings":";AA8FA,wBAKG"}

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

@@ -0,0 +1,13 @@
+import { createElementBlock as c, openBlock as e, createStaticVNode as t } from "vue";
+import "./SectionFlare.vue2.js";
+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)
+  ]));
+}
+const f = /* @__PURE__ */ i(s, [["render", o], ["__scopeId", "data-v-2a9c8c02"]]);
+export {
+  f as default
+};

package/dist/components/SectionFlare/SectionFlare.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

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

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

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

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":"AA4EA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAC;;AA+EF,wBAOG"}
+{"version":3,"file":"ShowMoreButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/ShowMoreButton.vue"],"names":[],"mappings":"AA0EA,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;CACX,CAAC;;AAgFF,wBAOG"}

package/dist/components/ShowMoreButton.vue.js

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

package/dist/components/ShowMoreButton.vue2.js

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

package/dist/components/ShowMoreButton.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -1,17 +1,21 @@
+import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
 import type { OpenAPIV3_1 } from '@scalar/openapi-types';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { ClientOptionGroup } from '../../v2/blocks/scalar-request-example-block/types';
 type __VLS_Props = {
-    document?: OpenAPIV3_1.Document;
     path: string;
-    method: OpenAPIV3_1.HttpMethods;
-    isWebhook?: boolean;
+    method: HttpMethod;
+    clientOptions: ClientOptionGroup[];
+    isWebhook: boolean;
     layout?: 'modern' | 'classic';
     id: string;
-    /**
-     * @deprecated Use `document` instead
-     */
-    collection: Collection;
     server: Server | undefined;
+    store: WorkspaceStore;
+    /** @deprecated Use `document` instead, we just need the selected security scheme uids for now */
+    collection: Collection;
+    /** @deprecated Use the new workspace store instead*/
+    document?: OpenAPIV3_1.Document;
 };
 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":"AAyHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAYxD,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAA;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,WAAW,CAAC,WAAW,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,UAAU,EAAE,UAAU,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAC;;AAuKF,wBAMG"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAiJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAUpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAA;AAOvF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,UAAU,CAAA;IAClB,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,KAAK,EAAE,cAAc,CAAA;IACrB,iGAAiG;IACjG,UAAU,EAAE,UAAU,CAAA;IACtB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAA;CAChC,CAAC;;AAiLF,wBAMG"}

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

@@ -1,79 +1,97 @@
-import { defineComponent as b, computed as k, createElementBlock as W, createCommentVNode as y, openBlock as c, Fragment as U, createBlock as f, unref as m } from "vue";
-import { useWorkspace as q } from "@scalar/api-client/store";
-import { getPointer as B } from "../../blocks/helpers/getPointer.js";
-import { useBlockProps as V } from "../../blocks/hooks/useBlockProps.js";
-import { useOperationDiscriminator as C } from "../../hooks/useOperationDiscriminator.js";
-import S from "./layouts/ClassicLayout.vue.js";
-import g from "./layouts/ModernLayout.vue.js";
-const M = /* @__PURE__ */ b({
+import { defineComponent as S, computed as m, createElementBlock as b, createCommentVNode as W, openBlock as l, Fragment as U, createBlock as k, unref as f } from "vue";
+import { useWorkspace as V } from "@scalar/api-client/store";
+import { filterSecurityRequirements as B } from "@scalar/api-client/views/Request/RequestSection";
+import { isReference as C, isResolvedRef as R } from "@scalar/workspace-store/schemas/v3.1/type-guard";
+import { convertSecurityScheme as w } from "../../helpers/convert-security-scheme.js";
+import { useOperationDiscriminator as D } from "../../hooks/useOperationDiscriminator.js";
+import g from "./layouts/ClassicLayout.vue.js";
+import L from "./layouts/ModernLayout.vue.js";
+const j = /* @__PURE__ */ S({
   __name: "Operation",
   props: {
-    document: {},
     path: {},
     method: {},
+    clientOptions: {},
     isWebhook: { type: Boolean },
     layout: { default: "modern" },
     id: {},
+    server: {},
+    store: {},
     collection: {},
-    server: {}
+    document: {}
   },
   setup(o) {
-    var v, p;
-    const u = q(), s = k(
+    var v, y;
+    const u = m(() => {
+      var t, a;
+      const e = o.isWebhook ? "webhooks" : "paths";
+      return (a = (t = o.store.workspace.activeDocument) == null ? void 0 : t[e]) == null ? void 0 : a[o.path];
+    }), s = m(() => {
+      var t;
+      const e = (t = u.value) == null ? void 0 : t[o.method];
+      return C(e) ? null : e;
+    }), c = m(
       () => {
-        var e, t, n, r, i, l;
-        return o.isWebhook ? (n = (t = (e = o.document) == null ? void 0 : e.webhooks) == null ? void 0 : t[o.path]) == null ? void 0 : n[o.method] : (l = (i = (r = o.document) == null ? void 0 : r.paths) == null ? void 0 : i[o.path]) == null ? void 0 : l[o.method];
+        var e, t, a, r, n, i;
+        return o.isWebhook ? (a = (t = (e = o.document) == null ? void 0 : e.webhooks) == null ? void 0 : t[o.path]) == null ? void 0 : a[o.method] : (i = (n = (r = o.document) == null ? void 0 : r.paths) == null ? void 0 : n[o.path]) == null ? void 0 : i[o.method];
       }
-    ), { handleDiscriminatorChange: d } = C(
-      s.value,
-      (p = (v = o.document) == null ? void 0 : v.components) == null ? void 0 : p.schemas
-    ), { operation: a } = V({
-      store: u,
-      collection: o.collection,
-      location: B([o.isWebhook ? "webhooks" : "paths", o.path, o.method])
-    }), h = k(() => {
-      var e;
-      if (!a.value)
-        return o.server;
-      if ((e = a.value) != null && e.selectedServerUid) {
-        const t = u.servers[a.value.selectedServerUid];
-        if (t)
-          return t;
+    ), { handleDiscriminatorChange: h } = D(
+      c.value,
+      (y = (v = o.document) == null ? void 0 : v.components) == null ? void 0 : y.schemas
+    ), { securitySchemes: O } = V(), d = m(
+      () => {
+        var e, t;
+        return B(
+          ((e = s.value) == null ? void 0 : e.security) || ((t = o.document) == null ? void 0 : t.security),
+          o.collection.selectedSecuritySchemeUids,
+          O
+        ).map(w);
       }
-      return o.server;
+    ), p = m(() => {
+      var a, r;
+      const e = ((a = u.value) == null ? void 0 : a.parameters) ?? [], t = ((r = s.value) == null ? void 0 : r.parameters) ?? [];
+      return [...e, ...t].filter(
+        R
+      );
     });
     return (e, t) => {
-      var n, r, i, l;
-      return e.collection && s.value ? (c(), W(U, { key: 0 }, [
-        e.layout === "classic" ? (c(), f(S, {
+      var a, r, n, i;
+      return s.value && c.value ? (l(), b(U, { key: 0 }, [
+        e.layout === "classic" ? (l(), k(g, {
           key: 0,
           id: e.id,
-          operation: s.value,
-          collection: e.collection,
           isWebhook: e.isWebhook,
           method: e.method,
+          operation: s.value,
+          oldOperation: c.value,
+          clientOptions: e.clientOptions,
+          securitySchemes: d.value,
+          parameters: p.value,
+          store: e.store,
           path: e.path,
-          request: m(a),
-          schemas: (r = (n = e.document) == null ? void 0 : n.components) == null ? void 0 : r.schemas,
-          server: h.value,
-          "onUpdate:modelValue": m(d)
-        }, null, 8, ["id", "operation", "collection", "isWebhook", "method", "path", "request", "schemas", "server", "onUpdate:modelValue"])) : (c(), f(g, {
+          schemas: (r = (a = e.document) == null ? void 0 : a.components) == null ? void 0 : r.schemas,
+          server: e.server,
+          "onUpdate:modelValue": f(h)
+        }, null, 8, ["id", "isWebhook", "method", "operation", "oldOperation", "clientOptions", "securitySchemes", "parameters", "store", "path", "schemas", "server", "onUpdate:modelValue"])) : (l(), k(L, {
           key: 1,
           id: e.id,
-          collection: e.collection,
           isWebhook: e.isWebhook,
           method: e.method,
+          clientOptions: e.clientOptions,
+          oldOperation: c.value,
+          securitySchemes: d.value,
+          parameters: p.value,
           path: e.path,
-          request: m(a),
+          store: e.store,
           operation: s.value,
-          schemas: (l = (i = e.document) == null ? void 0 : i.components) == null ? void 0 : l.schemas,
-          server: h.value,
-          "onUpdate:modelValue": m(d)
-        }, null, 8, ["id", "collection", "isWebhook", "method", "path", "request", "operation", "schemas", "server", "onUpdate:modelValue"]))
-      ], 64)) : y("", !0);
+          schemas: (i = (n = e.document) == null ? void 0 : n.components) == null ? void 0 : i.schemas,
+          server: e.server,
+          "onUpdate:modelValue": f(h)
+        }, null, 8, ["id", "isWebhook", "method", "clientOptions", "oldOperation", "securitySchemes", "parameters", "path", "store", "operation", "schemas", "server", "onUpdate:modelValue"]))
+      ], 64)) : W("", !0);
     };
   }
 });
 export {
-  M as default
+  j as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAOpE,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAC;;;qBAIiD,WAAW;;;;qBAAX,WAAW;;;AAwK9D,wBAOG"}
+{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAOpE,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B,CAAC;;;qBAIiD,WAAW;;;;qBAAX,WAAW;;;AAyK9D,wBAOG"}

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

@@ -1,7 +1,8 @@
-import { defineComponent as S, computed as s, ref as B, createBlock as V, createElementBlock as k, openBlock as p, unref as n, withCtx as r, createVNode as c, normalizeClass as m, createElementVNode as f, createTextVNode as _, toDisplayString as y } from "vue";
-import { cva as g, ScalarListbox as h, ScalarButton as w, ScalarIcon as q } from "@scalar/components";
+import { defineComponent as S, computed as r, ref as B, createBlock as V, createElementBlock as g, openBlock as p, unref as n, withCtx as s, createVNode as c, normalizeClass as m, createElementVNode as f, createTextVNode as _, toDisplayString as y } from "vue";
+import { cva as k, ScalarListbox as w, ScalarButton as h } from "@scalar/components";
+import { ScalarIconCaretDown as q } from "@scalar/icons";
 import N from "../../../components/ScreenReader.vue.js";
-const O = /* @__PURE__ */ S({
+const j = /* @__PURE__ */ S({
   __name: "ContentTypeSelect",
   props: {
     requestBody: {},
@@ -9,22 +10,22 @@ const O = /* @__PURE__ */ S({
   },
   emits: ["selectContentType"],
   setup(v, { emit: x }) {
-    const t = v, C = x, T = (e) => {
-      e != null && e.id && C("selectContentType", { contentType: e.id });
-    }, a = s(() => {
+    const t = v, b = x, C = (e) => {
+      e != null && e.id && b("selectContentType", { contentType: e.id });
+    }, a = r(() => {
       var e;
       return (e = t.requestBody) != null && e.content ? Object.keys(t.requestBody.content) : [];
-    }), l = B(
+    }), o = B(
       t.defaultValue || a.value[0]
-    ), u = s({
-      get: () => d.value.find((e) => e.id === l.value),
+    ), d = r({
+      get: () => u.value.find((e) => e.id === o.value),
       set: (e) => {
-        e && (l.value = e.id);
+        e && (o.value = e.id);
       }
-    }), d = s(() => a.value.map((e) => ({
+    }), u = r(() => a.value.map((e) => ({
       id: e,
       label: e
-    }))), i = g({
+    }))), i = k({
       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: {
@@ -33,51 +34,48 @@ const O = /* @__PURE__ */ S({
         }
       }
     });
-    return (e, o) => t != null && t.requestBody && a.value.length > 1 ? (p(), V(n(h), {
+    return (e, l) => t != null && t.requestBody && a.value.length > 1 ? (p(), V(n(w), {
       key: 0,
-      modelValue: u.value,
+      modelValue: d.value,
       "onUpdate:modelValue": [
-        o[0] || (o[0] = (b) => u.value = b),
-        T
+        l[0] || (l[0] = (T) => d.value = T),
+        C
       ],
-      class: "font-normal",
-      options: d.value,
+      options: u.value,
       placement: "bottom-end"
     }, {
-      default: r(() => [
-        c(n(w), {
+      default: s(() => [
+        c(n(h), {
           class: m(["h-fit", n(i)({ dropdown: !0 })]),
           variant: "ghost"
         }, {
-          default: r(() => [
+          default: s(() => [
             c(N, null, {
-              default: r(() => o[1] || (o[1] = [
+              default: s(() => l[1] || (l[1] = [
                 _("Selected Content Type:")
               ])),
               _: 1,
               __: [1]
             }),
-            f("span", null, y(l.value), 1),
+            f("span", null, y(o.value), 1),
             c(n(q), {
-              class: "ui-open:rotate-180 ml-auto",
-              icon: "ChevronDown",
-              size: "sm",
-              thickness: "2"
+              weight: "bold",
+              class: "ui-open:rotate-180 size-2.75 transition-transform duration-100"
             })
           ]),
           _: 1
         }, 8, ["class"])
       ]),
       _: 1
-    }, 8, ["modelValue", "options"])) : (p(), k("div", {
+    }, 8, ["modelValue", "options"])) : (p(), g("div", {
       key: 1,
       class: m([n(i)({ dropdown: !1 }), "selected-content-type"]),
       tabindex: "0"
     }, [
-      f("span", null, y(l.value), 1)
+      f("span", null, y(o.value), 1)
     ], 2));
   }
 });
 export {
-  O as default
+  j as default
 };

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

@@ -1,5 +1,5 @@
 import r from "./ParameterHeaders.vue2.js";
-/* empty css                      */
+import "./ParameterHeaders.vue3.js";
 import a from "../../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ a(r, [["__scopeId", "data-v-9293fa9e"]]);
 export {

package/dist/features/Operation/components/ParameterHeaders.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};