@scalar/api-client 2.2.27 → 2.2.29

package/dist/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue2.js

@@ -1,210 +1,71 @@
-import { defineComponent as W, ref as x, computed as y, openBlock as r, createElementBlock as c, createVNode as a, unref as s, normalizeClass as k, withCtx as m, Fragment as D, createElementVNode as d, renderList as H, createTextVNode as L, toDisplayString as P, withModifiers as U, withKeys as G, createBlock as J, createCommentVNode as $ } from "vue";
-import { useActiveEntities as Q } from "../../../../store/active-entities.js";
-import { useModal as X, ScalarComboboxMultiselect as Y, ScalarButton as Z, ScalarIconButton as ee, ScalarIcon as te } from "@scalar/components";
-import { isDefined as B } from "@scalar/oas-utils/helpers";
-import { nanoid as le } from "nanoid";
-import oe from "./DeleteRequestAuthModal.vue.js";
-import se from "./RequestExampleAuth.vue.js";
-import { displaySchemeFormatter as R } from "../../libs/auth.js";
-import { ADD_AUTH_OPTIONS as ie } from "../../consts/new-auth-options.js";
-import ne from "../../../../components/DataTable/DataTable.vue.js";
-import M from "../../../../components/DataTable/DataTableRow.vue.js";
-import re from "../../../../components/DataTable/DataTableHeader.vue.js";
-import { useWorkspace as ae } from "../../../../store/store.js";
-const ce = {
+import { defineComponent as y, ref as f, computed as S, watch as x, openBlock as r, createElementBlock as l, Fragment as k, renderList as g, normalizeClass as p, createElementVNode as i, toDisplayString as w, unref as s, createCommentVNode as c, createBlock as _, withCtx as C, createVNode as v } from "vue";
+import { useModal as U } from "@scalar/components";
+import z from "./DeleteRequestAuthModal.vue.js";
+import A from "./RequestExampleAuth.vue.js";
+import { displaySchemeFormatter as N } from "../../libs/auth.js";
+import $ from "../../../../components/DataTable/DataTable.vue.js";
+import { useWorkspace as B } from "../../../../store/store.js";
+const E = {
   key: 0,
-  class: "flex relative scroll-timeline-x w-full"
-}, ue = { class: "flex flex-1 gap-0.25 mr-1.5 items-center" }, me = {
-  key: 1,
-  class: "pl-2"
-}, de = {
-  key: 1,
-  class: "text-c-3 uppercase font-medium"
-}, fe = {
+  class: "border-t flex px-3 flex-wrap gap-x-2.5 overflow-hidden"
+}, M = ["onClick"], V = { class: "whitespace-nowrap font-medium z-10 relative" }, q = {
   key: 0,
-  class: "border-1/2 flex items-center min-h-8 min-w-8 px-2 rounded text-sm"
-}, ge = /* @__PURE__ */ W({
+  class: "absolute bottom-[var(--scalar-border-width)] z-1 inset-x-1 h-px bg-current left-1/2 -translate-x-1/2 w-full"
+}, D = {
+  key: 2,
+  class: "text-c-3 px-4 text-sm border-t min-h-16 justify-center flex items-center bg-b-1"
+}, H = /* @__PURE__ */ y({
   __name: "RequestAuthDataTable",
   props: {
     selectedSecuritySchemeUids: {},
     layout: { default: "client" }
   },
-  setup(v) {
-    const { activeCollection: u, activeRequest: f } = Q(), {
-      collectionMutators: V,
-      isReadOnly: b,
-      requestMutators: N,
-      securitySchemes: _,
-      securitySchemeMutators: T
-    } = ae(), E = x(null), w = x(null), S = X(), q = x(void 0), A = `combobox-${le()}`, I = y(() => {
-      var l, i, n;
-      const e = (v.layout === "client" ? ((l = f.value) == null ? void 0 : l.security) ?? ((i = u.value) == null ? void 0 : i.security) : (n = u.value) == null ? void 0 : n.security) ?? [];
-      return { filteredRequirements: e.filter((o) => Object.keys(o).length), requirements: e };
-    }), O = y(() => {
-      var t;
-      return (((t = u.value) == null ? void 0 : t.securitySchemes) ?? []).map((l) => _[l]).filter(B);
-    }), z = y(
-      () => {
-        const e = [...O.value], t = [];
-        I.value.filteredRequirements.forEach((o) => {
-          const h = e.findIndex(
-            (j) => j.nameKey === Object.keys(o)[0]
-          );
-          h > -1 && e[h] && (t.push(e[h]), e.splice(h, 1));
-        });
-        const l = e.map(
-          (o) => R(o)
-        ), i = t.map(
-          (o) => R(o)
-        ), n = [
-          { label: "Required authentication", options: i },
-          { label: "Available authentication", options: l }
-        ];
-        return b ? i.length ? n : l : (n.push({
-          label: "Add new authentication",
-          options: ie
-        }), n);
+  setup(u) {
+    const { securitySchemes: d } = B(), m = U(), b = f(null), e = f(0), h = S(() => u.selectedSecuritySchemeUids[e.value] || null);
+    return x(
+      () => u.selectedSecuritySchemeUids,
+      (t) => {
+        t[e.value] || (e.value = Math.max(0, e.value - 1));
       }
-    ), g = (e) => {
-      !u.value || !f.value || (b ? V.edit(
-        u.value.uid,
-        "selectedSecuritySchemeUids",
-        e
-      ) : N.edit(
-        f.value.uid,
-        "selectedSecuritySchemeUids",
-        e
-      ));
-    }, p = y(
-      () => v.selectedSecuritySchemeUids.map((e) => {
-        const t = _[e ?? ""];
-        if (t)
-          return R(t);
-      }).filter(B)
-    );
-    function F(e) {
-      var i, n;
-      if (!((i = u.value) != null && i.uid) || !((n = f.value) != null && n.uid)) return;
-      const t = e.find((o) => o.payload), l = e.filter((o) => !o.payload).map(({ id: o }) => o);
-      if (t != null && t.payload) {
-        const o = T.add(
-          t.payload,
-          u.value.uid
-        );
-        o && l.push(o.uid);
-      }
-      g(l);
-    }
-    const C = (e) => {
-      var t;
-      g(
-        v.selectedSecuritySchemeUids.filter((l) => l !== e)
-      ), (t = w.value) == null || t.$el.focus();
-    };
-    function K(e) {
-      q.value = e, S.show();
-    }
-    return (e, t) => (r(), c("form", null, [
-      a(s(ne), {
-        class: k(["flex-1", e.layout === "reference" && "border-0"]),
+    ), (t, o) => (r(), l("form", null, [
+      t.selectedSecuritySchemeUids.length > 1 ? (r(), l("div", E, [
+        (r(!0), l(k, null, g(t.selectedSecuritySchemeUids, (a, n) => (r(), l("div", {
+          key: a,
+          class: p(["flex relative h-8 z-1 cursor-pointer -mb-[var(--scalar-border-width)]", [e.value === n ? "text-c-1" : "text-c-3"]])
+        }, [
+          i("button", {
+            class: "floating-bg py-1 text-sm border-b-[1px] border-transparent relative cursor-pointer font-medium",
+            type: "button",
+            onClick: (F) => e.value = n
+          }, [
+            i("span", V, w(s(d)[a] ? s(N)(s(d)[a]).label : ""), 1)
+          ], 8, M),
+          o[1] || (o[1] = i("div", { class: "absolute bottom-0 z-0 -inset-x-96 h-[var(--scalar-border-width)] bg-border" }, null, -1)),
+          e.value === n ? (r(), l("div", q)) : c("", !0)
+        ], 2))), 128))
+      ])) : c("", !0),
+      h.value ? (r(), _(s($), {
+        key: 1,
+        class: p(["flex-1", t.layout === "reference" && "border-0"]),
         columns: [""]
       }, {
-        default: m(() => [
-          a(s(M), null, {
-            default: m(() => [
-              a(s(re), {
-                class: k(["relative col-span-full cursor-pointer py-0 px-0 flex items-center", e.layout === "reference" && "border-0 min-h-0 mb-1.5"])
-              }, {
-                default: m(() => [
-                  a(s(Y), {
-                    ref_key: "comboboxRef",
-                    ref: E,
-                    class: "text-xs w-full",
-                    fullWidth: "",
-                    isDeletable: !s(b),
-                    modelValue: p.value,
-                    multiple: "",
-                    options: z.value,
-                    resize: "",
-                    style: { "margin-left": "120px" },
-                    teleport: `#${A}`,
-                    onDelete: K,
-                    "onUpdate:modelValue": F
-                  }, {
-                    default: m(() => [
-                      a(s(Z), {
-                        ref_key: "comboboxButtonRef",
-                        ref: w,
-                        class: "h-auto py-0 px-0 text-c-2 hover:text-c-1 font-normal justify-start -outline-offset-2",
-                        fullWidth: "",
-                        variant: "ghost"
-                      }, {
-                        default: m(() => [
-                          e.layout === "client" ? (r(), c(D, { key: 0 }, [
-                            t[3] || (t[3] = d("div", { class: "text-c-1 h-8 flex min-w-[94px] items-center pr-0 pl-2" }, " Auth Type ", -1)),
-                            p.value.length ? (r(), c("div", ce, [
-                              t[1] || (t[1] = d("div", { class: "fade-left" }, null, -1)),
-                              d("div", ue, [
-                                (r(!0), c(D, null, H(p.value, (l) => (r(), c("span", {
-                                  key: l.id,
-                                  class: "cm-pill flex items-center mx-0 h-fit pr-0.5 !bg-b-2 text-c-1"
-                                }, [
-                                  L(P(l.label) + " ", 1),
-                                  a(s(ee), {
-                                    class: "cursor-pointer -ml-0.5 text-c-3 hover:text-c-1 rounded-full",
-                                    icon: "Close",
-                                    label: `Remove ${l.label}`,
-                                    size: "xs",
-                                    onClick: U((i) => C(l.id), ["stop"]),
-                                    onKeydown: G(U((i) => C(l.id), ["stop"]), ["enter"])
-                                  }, null, 8, ["label", "onClick", "onKeydown"])
-                                ]))), 128))
-                              ]),
-                              t[2] || (t[2] = d("div", { class: "fade-right" }, null, -1))
-                            ])) : (r(), c("div", me, " None "))
-                          ], 64)) : (r(), c("div", de, " Authentication ")),
-                          a(s(te), {
-                            class: k(["min-w-3 mr-2.5", {
-                              "ml-auto": e.layout === "client",
-                              "ml-1": e.layout === "reference"
-                            }]),
-                            icon: "ChevronDown",
-                            size: "xs"
-                          }, null, 8, ["class"])
-                        ]),
-                        _: 1
-                      }, 512)
-                    ]),
-                    _: 1
-                  }, 8, ["isDeletable", "modelValue", "options", "teleport"])
-                ]),
-                _: 1
-              }, 8, ["class"]),
-              e.layout === "reference" ? (r(), J(s(M), { key: 0 }, {
-                default: m(() => [
-                  p.value.length ? $("", !0) : (r(), c("div", fe, " None "))
-                ]),
-                _: 1
-              })) : $("", !0)
-            ]),
-            _: 1
-          }),
-          a(se, {
-            layout: e.layout,
-            selectedSecuritySchemeUids: e.selectedSecuritySchemeUids
+        default: C(() => [
+          v(A, {
+            layout: t.layout,
+            selectedSecuritySchemeUids: [h.value]
           }, null, 8, ["layout", "selectedSecuritySchemeUids"])
         ]),
         _: 1
-      }, 8, ["class"]),
-      a(oe, {
-        scheme: q.value,
-        state: s(S),
-        onClose: t[0] || (t[0] = (l) => s(S).hide())
-      }, null, 8, ["scheme", "state"]),
-      d("div", { id: A })
+      }, 8, ["class"])) : c("", !0),
+      t.selectedSecuritySchemeUids.length ? c("", !0) : (r(), l("div", D, " No authentication selected ")),
+      v(z, {
+        scheme: b.value,
+        state: s(m),
+        onClose: o[0] || (o[0] = (a) => s(m).hide())
+      }, null, 8, ["scheme", "state"])
     ]));
   }
 });
 export {
-  ge as default
+  H as default
 };

package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestExampleAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue"],"names":[],"mappings":"AA+NA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AAkZF,wBAMG"}
+{"version":3,"file":"RequestExampleAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue"],"names":[],"mappings":"AAkNA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AA2XF,wBAMG"}

package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue.js

@@ -1,7 +1,7 @@
 import t from "./RequestExampleAuth.vue2.js";
 /* empty css                        */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b2583e23"]]);
+const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-6b71d6c6"]]);
 export {
   r as default
 };

package/dist/views/Request/RequestSection/RequestAuth/RequestExampleAuth.vue2.js

@@ -1,84 +1,86 @@
-import { defineComponent as K, computed as N, ref as R, openBlock as r, createElementBlock as u, Fragment as i, renderList as x, createBlock as C, unref as b, normalizeClass as k, withCtx as a, createVNode as n, createTextVNode as y, toDisplayString as _, createCommentVNode as m, createElementVNode as c, capitalize as w } from "vue";
-import j from "./OAuth2.vue.js";
-import g from "./RequestAuthDataTableInput.vue.js";
+import { defineComponent as K, computed as F, ref as I, openBlock as a, createElementBlock as n, Fragment as i, renderList as x, createBlock as _, unref as f, normalizeClass as U, withCtx as o, createVNode as u, createTextVNode as y, toDisplayString as C, createCommentVNode as b, createElementVNode as $, capitalize as m } from "vue";
+import N from "./OAuth2.vue.js";
+import v from "./RequestAuthDataTableInput.vue.js";
 import s from "../../../../components/DataTable/DataTableRow.vue.js";
-import q from "../../../../components/DataTable/DataTableCell.vue.js";
-import { useWorkspace as I } from "../../../../store/store.js";
-const E = { class: "flex flex-wrap px-2 items-center gap-1 py-1" }, M = ["onClick"], H = /* @__PURE__ */ K({
+import j from "../../../../components/DataTable/DataTableCell.vue.js";
+import { useWorkspace as q } from "../../../../store/store.js";
+const R = {
+  key: 0,
+  class: "border-t min-h-8 flex text-sm"
+}, z = { class: "flex h-8 gap-2.5 px-3 max-w-full overflow-x-auto" }, E = ["onClick"], M = { class: "z-10 relative" }, P = {
+  key: 4,
+  class: "border-t text-c-3 px-4 text-sm min-h-16 justify-center flex items-center bg-b-1"
+}, G = /* @__PURE__ */ K({
   __name: "RequestExampleAuth",
   props: {
     selectedSecuritySchemeUids: {},
     layout: { default: "client" }
   },
-  setup(U) {
-    const { securitySchemes: S, securitySchemeMutators: T } = I(), $ = N(
-      () => U.selectedSecuritySchemeUids.map((t) => ({
+  setup(g) {
+    const { securitySchemes: S, securitySchemeMutators: c } = q(), w = F(
+      () => g.selectedSecuritySchemeUids.map((t) => ({
         scheme: S[t]
       }))
-    ), d = R(""), B = (t) => {
+    ), d = I(""), T = (t) => {
       if (t.type === "apiKey")
-        return `${w(t.nameKey)}: ${t.in}`;
+        return `${m(t.nameKey)}: ${t.in}`;
       if (t.type === "oauth2") {
         const l = Object.values(t.flows ?? {})[0];
-        return `${w(t.nameKey)}: ${d.value ? d.value : (l == null ? void 0 : l.type) ?? ""}`;
+        return `${m(t.nameKey)}: ${d.value ? d.value : (l == null ? void 0 : l.type) ?? ""}`;
       }
-      return t.type === "http" ? `${w(t.nameKey)}: ${t.scheme}` : `${w(t.nameKey)}: ${t.type}`;
-    }, V = (t, l, e) => T.edit(t, l, e), f = (t = "") => U.layout === "reference" ? `bg-b-2 border-l-1/2 last:border-r-1/2 group-last:border-b-border ${t}` : "";
-    return (t, l) => (r(!0), u(i, null, x($.value, ({ scheme: e }, F) => (r(), u(i, {
+      return t.type === "http" ? `${m(t.nameKey)}: ${t.scheme}` : `${m(t.nameKey)}: ${t.type}`;
+    }, V = (t, l, e) => c.edit(t, l, e);
+    return (t, l) => (a(!0), n(i, null, x(w.value, ({ scheme: e }, B) => (a(), n(i, {
       key: e == null ? void 0 : e.uid
     }, [
-      $.value.length > 1 ? (r(), C(b(s), {
+      w.value.length > 1 ? (a(), _(f(s), {
         key: 0,
-        class: k({ "request-example-references-header": t.layout === "reference" })
+        class: U({ "request-example-references-header": t.layout === "reference" })
       }, {
-        default: a(() => [
-          n(b(q), {
-            class: k([
+        default: o(() => [
+          u(f(j), {
+            class: U([
               "text-c-3 pl-2 font-medium flex items-center",
-              f(
-                `bg-b-1 rounded-t border-t-1/2 ${F !== 0 ? "mt-2" : ""}`
-              )
+              t.layout === "reference" && `border-t ${B !== 0 ? "mt-2" : ""}`
             ])
           }, {
-            default: a(() => [
-              y(_(B(e)), 1)
+            default: o(() => [
+              y(C(T(e)), 1)
             ]),
             _: 2
           }, 1032, ["class"])
         ]),
         _: 2
-      }, 1032, ["class"])) : m("", !0),
-      (e == null ? void 0 : e.type) === "http" ? (r(), u(i, { key: 1 }, [
-        e.scheme === "bearer" ? (r(), C(b(s), { key: 0 }, {
-          default: a(() => [
-            n(g, {
-              containerClass: f("bg-b-2 rounded border-1/2"),
+      }, 1032, ["class"])) : b("", !0),
+      (e == null ? void 0 : e.type) === "http" ? (a(), n(i, { key: 1 }, [
+        e.scheme === "bearer" ? (a(), _(f(s), { key: 0 }, {
+          default: o(() => [
+            u(v, {
+              containerClass: t.layout === "reference" && "border-t",
               modelValue: e.token,
               placeholder: "Token",
               type: "password",
-              "onUpdate:modelValue": (o) => V(e.uid, "token", o)
+              "onUpdate:modelValue": (r) => V(e.uid, "token", r)
             }, {
-              default: a(() => l[0] || (l[0] = [
+              default: o(() => l[0] || (l[0] = [
                 y(" Bearer Token ")
               ])),
               _: 2
             }, 1032, ["containerClass", "modelValue", "onUpdate:modelValue"])
           ]),
           _: 2
-        }, 1024)) : (e == null ? void 0 : e.scheme) === "basic" ? (r(), u(i, { key: 1 }, [
-          n(b(s), null, {
-            default: a(() => [
-              n(g, {
+        }, 1024)) : (e == null ? void 0 : e.scheme) === "basic" ? (a(), n(i, { key: 1 }, [
+          u(f(s), null, {
+            default: o(() => [
+              u(v, {
                 class: "text-c-2",
-                containerClass: f(
-                  "auth-blend-required bg-b-2 rounded-t border-t-1/2"
-                ),
+                containerClass: t.layout === "reference" && "auth-blend-required border-t",
                 modelValue: e.username,
                 placeholder: "janedoe",
                 required: "",
-                "onUpdate:modelValue": (o) => V(e.uid, "username", o)
+                "onUpdate:modelValue": (r) => V(e.uid, "username", r)
               }, {
-                default: a(() => l[1] || (l[1] = [
+                default: o(() => l[1] || (l[1] = [
                   y(" Username ")
                 ])),
                 _: 2
@@ -86,34 +88,33 @@ const E = { class: "flex flex-wrap px-2 items-center gap-1 py-1" }, M = ["onClic
             ]),
             _: 2
           }, 1024),
-          n(b(s), null, {
-            default: a(() => [
-              n(g, {
-                containerClass: f("bg-b-2 rounded-b border-b-1/2"),
+          u(f(s), null, {
+            default: o(() => [
+              u(v, {
                 modelValue: e.password,
                 placeholder: "********",
                 type: "password",
-                "onUpdate:modelValue": (o) => V(e.uid, "password", o)
+                "onUpdate:modelValue": (r) => V(e.uid, "password", r)
               }, {
-                default: a(() => l[2] || (l[2] = [
+                default: o(() => l[2] || (l[2] = [
                   y(" Password ")
                 ])),
                 _: 2
-              }, 1032, ["containerClass", "modelValue", "onUpdate:modelValue"])
+              }, 1032, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 2
           }, 1024)
-        ], 64)) : m("", !0)
-      ], 64)) : (e == null ? void 0 : e.type) === "apiKey" ? (r(), u(i, { key: 2 }, [
-        n(b(s), null, {
-          default: a(() => [
-            n(g, {
-              containerClass: f("bg-b-2 rounded-t border-t-1/2"),
+        ], 64)) : b("", !0)
+      ], 64)) : (e == null ? void 0 : e.type) === "apiKey" ? (a(), n(i, { key: 2 }, [
+        u(f(s), null, {
+          default: o(() => [
+            u(v, {
+              containerClass: t.layout === "reference" && "border-t",
               modelValue: e.name,
               placeholder: "api-key",
-              "onUpdate:modelValue": (o) => V(e.uid, "name", o)
+              "onUpdate:modelValue": (r) => V(e.uid, "name", r)
             }, {
-              default: a(() => l[3] || (l[3] = [
+              default: o(() => l[3] || (l[3] = [
                 y(" Name ")
               ])),
               _: 2
@@ -121,59 +122,54 @@ const E = { class: "flex flex-wrap px-2 items-center gap-1 py-1" }, M = ["onClic
           ]),
           _: 2
         }, 1024),
-        n(b(s), null, {
-          default: a(() => [
-            n(g, {
-              containerClass: f("bg-b-2 rounded-b border-b-1/2"),
+        u(f(s), null, {
+          default: o(() => [
+            u(v, {
               modelValue: e.value,
               placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
-              "onUpdate:modelValue": (o) => V(e.uid, "value", o)
+              "onUpdate:modelValue": (r) => V(e.uid, "value", r)
             }, {
-              default: a(() => l[4] || (l[4] = [
+              default: o(() => l[4] || (l[4] = [
                 y(" Value ")
               ])),
               _: 2
-            }, 1032, ["containerClass", "modelValue", "onUpdate:modelValue"])
+            }, 1032, ["modelValue", "onUpdate:modelValue"])
           ]),
           _: 2
         }, 1024)
-      ], 64)) : (e == null ? void 0 : e.type) === "oauth2" ? (r(), u(i, { key: 3 }, [
-        n(b(s), null, {
-          default: a(() => [
-            Object.keys(e.flows).length > 1 ? (r(), u("div", {
-              key: 0,
-              class: k(["min-h-8 min-w-8 flex text-sm border-t-1/2 last:border-r-0 p-0 m-0 relative row", {
-                "border-1/2 border-b-0 rounded-t bg-b-2": t.layout === "reference"
-              }])
-            }, [
-              l[5] || (l[5] = c("div", { class: "text-c-1 flex min-w-[94px] items-center pl-2 pr-0" }, " Flow ", -1)),
-              c("div", E, [
-                (r(!0), u(i, null, x(e == null ? void 0 : e.flows, (o, p, v) => (r(), u("button", {
+      ], 64)) : (e == null ? void 0 : e.type) === "oauth2" ? (a(), n(i, { key: 3 }, [
+        u(f(s), null, {
+          default: o(() => [
+            Object.keys(e.flows).length > 1 ? (a(), n("div", R, [
+              $("div", z, [
+                (a(!0), n(i, null, x(e == null ? void 0 : e.flows, (r, p, k) => (a(), n("button", {
                   key: p,
-                  class: k(["h-6 scalar-button scalar-row cursor-pointer items-center justify-center rounded font-medium text-xs scalar-button-outlined border border-solid border-border text-c-1 hover:bg-b-2 p-0 px-2", {
-                    "bg-b-3": t.layout === "client" && (d.value === p || v === 0 && !d.value),
-                    "bg-b-1": t.layout === "reference" && (d.value === p || v === 0 && !d.value)
+                  class: U(["floating-bg py-1 text-sm border-b-[1px] border-transparent relative cursor-pointer font-medium text-c-3", {
+                    "!text-c-1 !border-current border-b-[1px] !rounded-none": t.layout === "client" && (d.value === p || k === 0 && !d.value),
+                    "!text-c-1 !border-current border-b-[1px] !rounded-none opacity-100": t.layout === "reference" && (d.value === p || k === 0 && !d.value)
                   }]),
                   type: "button",
-                  onClick: (P) => d.value = p
-                }, _(p), 11, M))), 128))
+                  onClick: (Q) => d.value = p
+                }, [
+                  $("span", M, C(p), 1)
+                ], 10, E))), 128))
               ])
-            ], 2)) : m("", !0)
+            ])) : b("", !0)
           ]),
           _: 2
         }, 1024),
-        (r(!0), u(i, null, x(e == null ? void 0 : e.flows, (o, p, v) => (r(), u(i, { key: p }, [
-          d.value === p || v === 0 && !d.value ? (r(), C(j, {
+        (a(!0), n(i, null, x(e == null ? void 0 : e.flows, (r, p, k) => (a(), n(i, { key: p }, [
+          d.value === p || k === 0 && !d.value ? (a(), _(N, {
             key: 0,
-            flow: o,
+            flow: r,
             layout: t.layout,
             scheme: e
-          }, null, 8, ["flow", "layout", "scheme"])) : m("", !0)
+          }, null, 8, ["flow", "layout", "scheme"])) : b("", !0)
         ], 64))), 128))
-      ], 64)) : m("", !0)
+      ], 64)) : (e == null ? void 0 : e.type) === "openIdConnect" ? (a(), n("div", P, " Coming soon ")) : b("", !0)
     ], 64))), 128));
   }
 });
 export {
-  H as default
+  G as default
 };

package/dist/views/Request/RequestSection/RequestAuth/index.d.ts

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

package/dist/views/Request/RequestSection/RequestAuth/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/views/Request/RequestSection/RequestAuth/index.js

@@ -1,4 +1,6 @@
-import { default as t } from "./RequestAuthDataTable.vue.js";
+import { default as a } from "./RequestAuthDataTable.vue.js";
+import { default as f } from "./RequestAuth.vue.js";
 export {
-  t as RequestAuthDataTable
+  f as RequestAuth,
+  a as RequestAuthDataTable
 };

package/dist/views/Request/RequestSection/RequestBody.vue.js

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

package/dist/views/Request/RequestSection/RequestBody.vue2.js

@@ -68,10 +68,10 @@ const ve = {
         const u = [...n];
         u[e] = {
           ...u[e],
-          [a]: t || "",
           value: ((l = u[e]) == null ? void 0 : l.value) || "",
           key: ((r = u[e]) == null ? void 0 : r.key) || "",
-          enabled: ((d = u[e]) == null ? void 0 : d.enabled) ?? !1
+          enabled: ((d = u[e]) == null ? void 0 : d.enabled) ?? !1,
+          [a]: t || ""
         }, (((f = u[e]) == null ? void 0 : f.key) !== "" || ((p = u[e]) == null ? void 0 : p.value) !== "") && (u[e].enabled = !0), ((h = u[e]) == null ? void 0 : h.key) === "" && ((k = u[e]) == null ? void 0 : k.value) === "" && u.splice(e, 1), i.edit(
           o.value.uid,
           "body.formData.value",

package/dist/views/Request/RequestSection/RequestParams.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AA8MA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAKxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AAuUF,wBAOG"}
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AA+MA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAKxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AAsQF,wBAOG"}