@scalar/api-client 2.2.37 → 2.2.38

package/dist/views/Cookies/Cookies.vue2.js

@@ -77,7 +77,7 @@ const Y = { class: "flex-1" }, Z = { class: "mb-[.5px] last:mb-0 relative" }, ke
             y("div", Y, [
               u(W, null, {
                 default: a(() => [
-                  (l(!0), w($, null, j(Object.values(d(c)), (o) => (l(), w("div", {
+                  (l(!0), w($, null, j(Object.values(d(c)), (o) => (l(), w("li", {
                     key: o.uid,
                     class: "flex flex-col gap-1/2"
                   }, [

package/dist/views/Environment/Environment.vue2.js

@@ -213,7 +213,7 @@ const Re = { class: "flex-1" }, je = ["onClick"], De = { class: "flex h-5 items-
                   })),
                   (v(!0), M(U, null, z(s(i), (n) => {
                     var t;
-                    return v(), M("div", {
+                    return v(), M("li", {
                       key: n.uid,
                       class: "flex flex-col gap-0.25"
                     }, [

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

@@ -1 +1 @@
-{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cA+S8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA2ajD,wBAMG"}
+{"version":3,"file":"Request.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Request/Request.vue"],"names":[],"mappings":";;cA8S8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA0ajD,wBAMG"}

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

@@ -1,7 +1,7 @@
 import o from "./Request.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90ff0226"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bdc3d973"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,166 +1,165 @@
-import { defineComponent as se, ref as h, computed as H, watch as ue, onMounted as le, onBeforeUnmount as ae, openBlock as x, createElementBlock as ie, Fragment as ne, createElementVNode as V, normalizeClass as W, unref as l, createBlock as C, createCommentVNode as N, createVNode as U, withCtx as _ } from "vue";
-import ce from "../../components/ImportCurl/ImportCurlModal.vue.js";
+import { defineComponent as re, ref as x, computed as H, watch as se, onMounted as ue, onBeforeUnmount as le, openBlock as U, createElementBlock as ae, Fragment as ie, createElementVNode as V, normalizeClass as W, unref as l, createBlock as C, createCommentVNode as N, createVNode as k, withCtx as _ } from "vue";
+import ne from "../../components/ImportCurl/ImportCurlModal.vue.js";
 import me from "../../components/ViewLayout/ViewLayout.vue.js";
-import de from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import { importCurlCommand as ve } from "../../libs/importers/curl.js";
-import { useActiveEntities as fe } from "../../store/active-entities.js";
-import pe from "./RequestSection/RequestSection.vue.js";
-import Se from "./RequestSubpageHeader.vue.js";
-import ye from "./ResponseSection/ResponseSection.vue.js";
-import { useOpenApiWatcher as qe } from "./hooks/useOpenApiWatcher.js";
-import { isDefined as Re } from "@scalar/oas-utils/helpers";
-import { safeJSON as be } from "@scalar/object-utils/parse";
-import { useBreakpoints as he } from "@scalar/use-hooks/useBreakpoints";
-import { useToasts as xe } from "@scalar/use-toasts";
-import { useRouter as Ue } from "vue-router";
-import ke from "./RequestSidebar.vue.js";
-import { createRequestOperation as we } from "../../libs/send-request/send-request.js";
-import { ERRORS as Ee } from "../../libs/errors.js";
-import { useWorkspace as Oe } from "../../store/store.js";
-import { useLayout as Ve } from "../../hooks/useLayout.js";
-const Ce = { class: "flex h-full" }, Ne = { class: "flex flex-1 flex-col h-full" }, Ye = /* @__PURE__ */ se({
+import ce from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { importCurlCommand as de } from "../../libs/importers/curl.js";
+import { useActiveEntities as ve } from "../../store/active-entities.js";
+import fe from "./RequestSection/RequestSection.vue.js";
+import pe from "./RequestSubpageHeader.vue.js";
+import Se from "./ResponseSection/ResponseSection.vue.js";
+import { useOpenApiWatcher as ye } from "./hooks/useOpenApiWatcher.js";
+import { isDefined as qe } from "@scalar/oas-utils/helpers";
+import { safeJSON as Re } from "@scalar/object-utils/parse";
+import { useBreakpoints as be } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as he } from "@scalar/use-toasts";
+import { useRouter as xe } from "vue-router";
+import Ue from "./RequestSidebar.vue.js";
+import { createRequestOperation as ke } from "../../libs/send-request/send-request.js";
+import { ERRORS as we } from "../../libs/errors.js";
+import { useWorkspace as Ee } from "../../store/store.js";
+import { useLayout as Oe } from "../../hooks/useLayout.js";
+const Ve = { class: "flex h-full" }, Ce = { class: "flex flex-1 flex-col h-full" }, Xe = /* @__PURE__ */ re({
   __name: "Request",
   emits: ["newTab"],
-  setup(Be) {
-    const $ = Oe(), { toast: B } = xe(), { layout: j } = Ve(), {
-      activeCollection: p,
-      activeExample: S,
+  setup(Ne) {
+    const $ = Ee(), { toast: B } = he(), { layout: p } = Oe(), {
+      activeCollection: S,
+      activeExample: y,
       activeEnvironment: g,
-      activeRequest: k,
-      activeWorkspace: y,
-      activeServer: z,
-      activeWorkspaceCollections: F
-    } = fe(), {
-      cookies: Q,
-      isReadOnly: w,
+      activeRequest: w,
+      activeWorkspace: q,
+      activeServer: j,
+      activeWorkspaceCollections: z
+    } = ve(), {
+      cookies: F,
       modalState: i,
       requestHistory: I,
-      showSidebar: J,
-      securitySchemes: G,
-      requestMutators: K,
-      serverMutators: P,
-      servers: X,
-      events: q
-    } = $, a = h(!w), T = h(), e = h(), E = h(""), Y = Ue(), Z = H(
+      showSidebar: Q,
+      securitySchemes: J,
+      requestMutators: G,
+      serverMutators: K,
+      servers: P,
+      events: R
+    } = $, a = x(p !== "modal"), T = x(), e = x(), E = x(""), X = xe(), Y = H(
       () => I.findLast((o) => {
         var t;
-        return o.request.uid === ((t = S.value) == null ? void 0 : t.uid);
+        return o.request.uid === ((t = y.value) == null ? void 0 : t.uid);
       })
-    ), { mediaQueries: ee } = he();
-    ue(ee.xl, (o) => a.value = o, {
-      immediate: j !== "modal"
+    ), { mediaQueries: Z } = be();
+    se(Z.xl, (o) => a.value = o, {
+      immediate: p !== "modal"
     });
     const D = H(
       () => {
         var o, t;
-        return (w ? (o = p.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = k.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
+        return (p === "modal" ? (o = S.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = w.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
       }
     ), M = async () => {
       var d, v, f, u;
-      if (!k.value || !S.value || !p.value)
+      if (!w.value || !y.value || !S.value)
         return;
-      const o = typeof g.value == "object" ? g.value.value : "{}", t = be.parse(o);
+      const o = typeof g.value == "object" ? g.value.value : "{}", t = Re.parse(o);
       t.error && console.error("INVALID ENVIRONMENT!");
-      const s = t.error || typeof t.data != "object" ? {} : t.data ?? {}, r = ((d = y.value) == null ? void 0 : d.cookies.map((O) => Q[O]).filter(Re)) ?? [], R = ((f = (v = p.value) == null ? void 0 : v.info) == null ? void 0 : f.title) === "Drafts" ? void 0 : z.value, [n, c] = we({
-        request: k.value,
-        example: S.value,
+      const s = t.error || typeof t.data != "object" ? {} : t.data ?? {}, r = ((d = q.value) == null ? void 0 : d.cookies.map((O) => F[O]).filter(qe)) ?? [], b = ((f = (v = S.value) == null ? void 0 : v.info) == null ? void 0 : f.title) === "Drafts" ? void 0 : j.value, [n, m] = ke({
+        request: w.value,
+        example: y.value,
         selectedSecuritySchemeUids: D.value,
-        proxyUrl: ((u = y.value) == null ? void 0 : u.proxyUrl) ?? "",
+        proxyUrl: ((u = q.value) == null ? void 0 : u.proxyUrl) ?? "",
         environment: s,
         globalCookies: r,
-        status: q.requestStatus,
-        securitySchemes: G,
-        server: R
+        status: R.requestStatus,
+        securitySchemes: J,
+        server: b
       });
       if (n) {
         B(n.message, "error");
         return;
       }
-      T.value = c.controller;
-      const [m, b] = await c.sendRequest();
-      m ? B(m.message, "error") : I.push(b);
-    }, te = async () => {
+      T.value = m.controller;
+      const [c, h] = await m.sendRequest();
+      c ? B(c.message, "error") : I.push(h);
+    }, ee = async () => {
       var o;
-      return (o = T.value) == null ? void 0 : o.abort(Ee.REQUEST_ABORTED);
+      return (o = T.value) == null ? void 0 : o.abort(we.REQUEST_ABORTED);
     };
-    le(() => {
-      q.executeRequest.on(M), q.cancelRequest.on(te);
-    }), qe(), ae(() => q.executeRequest.off(M));
-    function oe({
+    ue(() => {
+      R.executeRequest.on(M), R.cancelRequest.on(ee);
+    }), ye(), le(() => R.executeRequest.off(M));
+    function te({
       requestName: o,
       collectionUid: t
     }) {
-      var n, c, m, b, d, v, f;
+      var n, m, c, h, d, v, f;
       if (!e.value) return;
-      const s = F.value.find(
+      const s = z.value.find(
         (u) => u.uid === t
       );
       if (!s) return;
       const r = ((n = s == null ? void 0 : s.info) == null ? void 0 : n.title) === "Drafts";
       if (!r && e.value.servers) {
-        const u = Object.values(X).find(
+        const u = Object.values(P).find(
           (O) => {
             var A, L;
             return O.url === ((L = (A = e == null ? void 0 : e.value) == null ? void 0 : A.servers) == null ? void 0 : L[0]);
           }
         );
-        u ? E.value = u.uid : E.value = P.add(
-          { url: e.value.servers[0] },
+        u ? E.value = u.uid : E.value = K.add(
+          { url: e.value.servers[0] ?? "/" },
           s.uid
         ).uid;
       }
-      const R = K.add(
+      const b = G.add(
         {
           summary: o,
-          path: r ? (c = e == null ? void 0 : e.value) == null ? void 0 : c.url : (m = e == null ? void 0 : e.value) == null ? void 0 : m.path,
-          method: (b = e == null ? void 0 : e.value) == null ? void 0 : b.method,
+          path: r ? (m = e == null ? void 0 : e.value) == null ? void 0 : m.url : (c = e == null ? void 0 : e.value) == null ? void 0 : c.path,
+          method: (h = e == null ? void 0 : e.value) == null ? void 0 : h.method,
           parameters: (d = e == null ? void 0 : e.value) == null ? void 0 : d.parameters,
           selectedServerUid: r ? void 0 : E.value,
           requestBody: (v = e == null ? void 0 : e.value) == null ? void 0 : v.requestBody
         },
         s.uid
       );
-      R && ((f = y.value) != null && f.uid) && Y.push(
-        `/workspace/${y.value.uid}/request/${R.uid}`
+      b && ((f = q.value) != null && f.uid) && X.push(
+        `/workspace/${q.value.uid}/request/${b.uid}`
       ), i.hide();
     }
-    function re(o) {
-      e.value = ve(o), i.show();
+    function oe(o) {
+      e.value = de(o), i.show();
     }
     return (o, t) => {
       var s;
-      return x(), ie(ne, null, [
+      return U(), ae(ie, null, [
         V("div", {
           class: W(["flex flex-1 flex-col pt-0 h-full bg-b-1 relative z-0 overflow-hidden", {
-            "!mr-0 !mb-0 !border-0": l(w)
+            "!mr-0 !mb-0 !border-0": l(p) === "modal"
           }])
         }, [
-          V("div", Ce, [
-            l(J) ? (x(), C(ke, {
+          V("div", Ve, [
+            l(Q) ? (U(), C(Ue, {
               key: 0,
               isSidebarOpen: a.value,
               onNewTab: t[0] || (t[0] = (r) => o.$emit("newTab", r)),
               "onUpdate:isSidebarOpen": t[1] || (t[1] = (r) => a.value = r)
             }, null, 8, ["isSidebarOpen"])) : N("", !0),
-            V("div", Ne, [
-              U(Se, {
+            V("div", Ce, [
+              k(pe, {
                 modelValue: a.value,
                 "onUpdate:modelValue": t[2] || (t[2] = (r) => a.value = r),
                 onHideModal: t[3] || (t[3] = () => l(i).hide()),
-                onImportCurl: re
+                onImportCurl: oe
               }, null, 8, ["modelValue"]),
-              U(me, null, {
+              k(me, null, {
                 default: _(() => [
-                  l(S) ? (x(), C(de, {
+                  l(y) ? (U(), C(ce, {
                     key: 0,
                     class: W(["flex-1", [a.value ? "sidebar-active-hide-layout" : ""]])
                   }, {
                     default: _(() => {
                       var r;
                       return [
-                        U(pe, { selectedSecuritySchemeUids: D.value }, null, 8, ["selectedSecuritySchemeUids"]),
-                        U(ye, {
-                          response: (r = Z.value) == null ? void 0 : r.response
+                        k(fe, { selectedSecuritySchemeUids: D.value }, null, 8, ["selectedSecuritySchemeUids"]),
+                        k(Se, {
+                          response: (r = Y.value) == null ? void 0 : r.response
                         }, null, 8, ["response"])
                       ];
                     }),
@@ -172,18 +171,18 @@ const Ce = { class: "flex h-full" }, Ne = { class: "flex flex-1 flex-col h-full"
             ])
           ])
         ], 2),
-        e.value ? (x(), C(ce, {
+        e.value ? (U(), C(ne, {
           key: 0,
-          collectionUid: ((s = l(p)) == null ? void 0 : s.uid) ?? "",
+          collectionUid: ((s = l(S)) == null ? void 0 : s.uid) ?? "",
           parsedCurl: e.value,
           state: l(i),
           onClose: t[4] || (t[4] = (r) => l(i).hide()),
-          onImportCurl: oe
+          onImportCurl: te
         }, null, 8, ["collectionUid", "parsedCurl", "state"])) : N("", !0)
       ], 64);
     };
   }
 });
 export {
-  Ye as default
+  Xe as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AA+UA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AAsYF,wBAQG"}
+{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AAwVA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AA8YF,wBAQG"}

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

@@ -1,7 +1,7 @@
 import t from "./RequestAuth.vue2.js";
 /* empty css                 */
 import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-456c0241"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-51342d57"]]);
 export {
   p as default
 };

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

@@ -1,130 +1,129 @@
-import { defineComponent as F, ref as C, computed as r, openBlock as O, createBlock as K, withCtx as d, createElementVNode as p, toDisplayString as x, createElementBlock as N, normalizeClass as z, createCommentVNode as W, createVNode as m, unref as a } from "vue";
+import { defineComponent as K, ref as C, computed as m, openBlock as M, createBlock as L, withCtx as d, createElementVNode as v, toDisplayString as q, createElementBlock as N, normalizeClass as z, createCommentVNode as W, createVNode as h, unref as c } from "vue";
 import H from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useActiveEntities as L } from "../../../../store/active-entities.js";
-import { useModal as P, ScalarComboboxMultiselect as G, ScalarButton as J, ScalarIcon as Q } from "@scalar/components";
-import { isDefined as q } from "@scalar/oas-utils/helpers";
-import X from "./DeleteRequestAuthModal.vue.js";
-import Y from "./RequestAuthDataTable.vue.js";
-import { ADD_AUTH_OPTIONS as Z } from "../../consts/new-auth-options.js";
-import { useWorkspace as ee } from "../../../../store/store.js";
-import { displaySchemeFormatter as U } from "../../libs/auth.js";
-const te = { class: "inline-flex gap-1 items-center" }, le = { class: "flex flex-1 -mx-1" }, ie = { class: "text-c-1" }, fe = /* @__PURE__ */ F({
+import { useActiveEntities as P } from "../../../../store/active-entities.js";
+import { useModal as G, ScalarComboboxMultiselect as J, ScalarButton as Q, ScalarIcon as X } from "@scalar/components";
+import { isDefined as U } from "@scalar/oas-utils/helpers";
+import Y from "./DeleteRequestAuthModal.vue.js";
+import Z from "./RequestAuthDataTable.vue.js";
+import { ADD_AUTH_OPTIONS as ee } from "../../consts/new-auth-options.js";
+import { useLayout as te } from "../../../../hooks/useLayout.js";
+import { useWorkspace as le } from "../../../../store/store.js";
+import { displaySchemeFormatter as g } from "../../libs/auth.js";
+const oe = { class: "inline-flex gap-1 items-center" }, ie = { class: "flex flex-1 -mx-1" }, se = { class: "text-c-1" }, ye = /* @__PURE__ */ K({
   __name: "RequestAuth",
   props: {
     selectedSecuritySchemeUids: {},
     title: {},
-    layout: { default: "client" }
+    layout: {}
   },
   emits: ["update:selectedSecuritySchemeUids"],
-  setup(g, { emit: M }) {
-    const R = M, { activeCollection: n, activeRequest: h } = L(), {
-      isReadOnly: v,
-      securitySchemes: _,
-      securitySchemeMutators: $,
-      requestMutators: B,
-      collectionMutators: V
-    } = ee(), k = C(null), f = P(), y = C(null), A = r(() => {
-      var l, o;
-      const e = ((l = h.value) == null ? void 0 : l.security) ?? ((o = n.value) == null ? void 0 : o.security) ?? [];
+  setup(y, { emit: O }) {
+    const _ = O, { layout: $ } = te(), n = y.layout || $, { activeCollection: a, activeRequest: f } = P(), {
+      securitySchemes: k,
+      securitySchemeMutators: B,
+      requestMutators: V,
+      collectionMutators: w
+    } = le(), R = C(null), p = G(), S = C(null), A = m(() => {
+      var l, i;
+      const e = ((l = f.value) == null ? void 0 : l.security) ?? ((i = a.value) == null ? void 0 : i.security) ?? [];
       return { filteredRequirements: e.filter(
         (s) => Object.keys(s).length
       ), requirements: e };
-    }), S = r(() => {
+    }), b = m(() => {
       const { filteredRequirements: e, requirements: t } = A.value;
       if (!t.length) return null;
-      const l = e.length < t.length, o = l ? "Unlock" : "Lock", s = l ? "Optional" : "Required", u = `${e.length === 1 ? Object.keys(e[0] || {})[0] : ""} ${s}`;
-      return { icon: o, text: u };
-    }), c = r(
-      () => g.selectedSecuritySchemeUids.map((e) => {
-        const t = _[e ?? ""];
+      const l = e.length < t.length, i = l ? "Unlock" : "Lock", s = l ? "Optional" : "Required", r = `${e.length === 1 ? Object.keys(e[0] || {})[0] : ""} ${s}`;
+      return { icon: i, text: r };
+    }), u = m(
+      () => y.selectedSecuritySchemeUids.map((e) => {
+        const t = k[e ?? ""];
         if (t)
-          return U(t);
-      }).filter(q)
+          return g(t);
+      }).filter(U)
     );
-    function w(e) {
-      var o, s;
-      if (!((o = n.value) != null && o.uid) || !((s = h.value) != null && s.uid)) return;
-      const t = e.find((i) => i.payload), l = e.filter((i) => !i.payload).map(({ id: i }) => i);
+    function T(e) {
+      var i, s;
+      if (!((i = a.value) != null && i.uid) || !((s = f.value) != null && s.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 i = $.add(
+        const o = B.add(
           t.payload,
-          n.value.uid
+          a.value.uid
         );
-        i && l.push(i.uid);
+        o && l.push(o.uid);
       }
-      D(l), R("update:selectedSecuritySchemeUids", l);
+      D(l), _("update:selectedSecuritySchemeUids", l);
     }
     const D = (e) => {
-      !n.value || !h.value || (v ? V.edit(
-        n.value.uid,
+      !a.value || !f.value || (n === "modal" || n === "reference" ? w.edit(
+        a.value.uid,
         "selectedSecuritySchemeUids",
         e
-      ) : B.edit(
-        h.value.uid,
+      ) : V.edit(
+        f.value.uid,
         "selectedSecuritySchemeUids",
         e
       ));
     };
-    function T(e) {
-      y.value = e, f.show();
+    function E(e) {
+      S.value = e, p.show();
     }
-    const E = (e) => {
+    const I = (e) => {
       var l;
-      const t = g.selectedSecuritySchemeUids.filter(
-        (o) => o !== e
+      const t = y.selectedSecuritySchemeUids.filter(
+        (i) => i !== e
       );
-      D(t), R("update:selectedSecuritySchemeUids", t), (l = k.value) == null || l.$el.focus(), f.hide();
-    }, I = r(() => {
+      D(t), _("update:selectedSecuritySchemeUids", t), (l = R.value) == null || l.$el.focus(), p.hide();
+    }, j = m(() => {
       var t;
-      return (((t = n.value) == null ? void 0 : t.securitySchemes) ?? []).map((l) => _[l]).filter((l) => l);
-    }), j = r(
+      return (((t = a.value) == null ? void 0 : t.securitySchemes) ?? []).map((l) => k[l]).filter((l) => l);
+    }), F = m(
       () => {
-        const e = [...I.value], t = [];
-        A.value.filteredRequirements.forEach((i) => {
-          const u = e.findIndex(
-            (b) => (b == null ? void 0 : b.nameKey) === Object.keys(i)[0]
+        const e = [...j.value], t = [];
+        A.value.filteredRequirements.forEach((o) => {
+          const r = e.findIndex(
+            (x) => (x == null ? void 0 : x.nameKey) === Object.keys(o)[0]
           );
-          u > -1 && (t.push(e[u]), e.splice(u, 1));
+          r > -1 && (t.push(e[r]), e.splice(r, 1));
         });
-        const l = e.map((i) => i ? U(i) : void 0).filter(q), o = t.map((i) => i ? U(i) : void 0).filter(q), s = [
-          { label: "Required authentication", options: o },
+        const l = e.map((o) => o ? g(o) : void 0).filter(U), i = t.map((o) => o ? g(o) : void 0).filter(U), s = [
+          { label: "Required authentication", options: i },
           { label: "Available authentication", options: l }
         ];
-        return v ? o.length ? s : l : (s.push({
+        return n === "modal" || n === "reference" ? i.length ? s : l : (s.push({
           label: "Add new authentication",
-          options: Z
+          options: ee
         }), s);
       }
     );
-    return (e, t) => (O(), K(H, {
+    return (e, t) => (M(), L(H, {
       class: "group/params",
-      itemCount: c.value.length,
-      layout: e.layout
+      itemCount: u.value.length
     }, {
       title: d(() => [
-        p("div", te, [
-          p("span", null, x(e.title), 1),
-          S.value ? (O(), N("span", {
+        v("div", oe, [
+          v("span", null, q(e.title), 1),
+          b.value ? (M(), N("span", {
             key: 0,
-            class: z(["text-c-3 text-xs leading-[normal]", { "text-c-1": S.value.text === "Required" }])
-          }, x(S.value.text), 3)) : W("", !0)
+            class: z(["text-c-3 text-xs leading-[normal]", { "text-c-1": b.value.text === "Required" }])
+          }, q(b.value.text), 3)) : W("", !0)
         ])
       ]),
       actions: d(() => [
-        p("div", le, [
-          m(a(G), {
+        v("div", ie, [
+          h(c(J), {
             class: "text-xs w-72",
-            isDeletable: !a(v),
-            modelValue: c.value,
+            isDeletable: c(n) !== "modal" && c(n) !== "reference",
+            modelValue: u.value,
             multiple: "",
-            options: j.value,
-            onDelete: T,
-            "onUpdate:modelValue": w
+            options: F.value,
+            onDelete: E,
+            "onUpdate:modelValue": T
           }, {
             default: d(() => [
-              m(a(J), {
+              h(c(Q), {
                 ref_key: "comboboxButtonRef",
-                ref: k,
+                ref: R,
                 class: "h-auto px-1.5 py-0.75 hover:bg-b-3 text-c-1 hover:text-c-1 font-normal",
                 fullWidth: "",
                 variant: "ghost"
@@ -132,8 +131,8 @@ const te = { class: "inline-flex gap-1 items-center" }, le = { class: "flex flex
                 default: d(() => {
                   var l;
                   return [
-                    p("div", ie, x(c.value.length === 0 ? "Auth Type" : c.value.length === 1 ? (l = c.value[0]) == null ? void 0 : l.label : "Multiple"), 1),
-                    m(a(Q), {
+                    v("div", se, q(u.value.length === 0 ? "Auth Type" : u.value.length === 1 ? (l = u.value[0]) == null ? void 0 : l.label : "Multiple"), 1),
+                    h(c(X), {
                       class: "ml-1 shrink-0",
                       icon: "ChevronDown",
                       size: "sm"
@@ -148,24 +147,24 @@ const te = { class: "inline-flex gap-1 items-center" }, le = { class: "flex flex
         ])
       ]),
       default: d(() => [
-        m(Y, {
-          layout: e.layout,
+        h(Z, {
+          layout: c(n),
           selectedSecuritySchemeUids: e.selectedSecuritySchemeUids
         }, null, 8, ["layout", "selectedSecuritySchemeUids"]),
-        m(X, {
-          scheme: y.value,
-          state: a(f),
-          onClose: t[0] || (t[0] = (l) => a(f).hide()),
+        h(Y, {
+          scheme: S.value,
+          state: c(p),
+          onClose: t[0] || (t[0] = (l) => c(p).hide()),
           onDelete: t[1] || (t[1] = (l) => {
-            var o;
-            return E((o = y.value) == null ? void 0 : o.id);
+            var i;
+            return I((i = S.value) == null ? void 0 : i.id);
           })
         }, null, 8, ["scheme", "state"])
       ]),
       _: 1
-    }, 8, ["itemCount", "layout"]));
+    }, 8, ["itemCount"]));
   }
 });
 export {
-  fe as default
+  ye as default
 };

package/dist/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue.d.ts

@@ -1,6 +1,7 @@
+import type { ClientLayout } from '../../../../hooks/index.js';
 type __VLS_Props = {
     selectedSecuritySchemeUids: string[];
-    layout?: 'client' | 'reference';
+    layout?: 'client' | 'reference' | ClientLayout;
 };
 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, {}, HTMLFormElement>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AA+LA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AA4MF,wBAOG"}
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAW3C,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,YAAY,CAAA;CAC/C,CAAC;;AA2MF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import t from "./RequestAuthDataTable.vue2.js";
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-296c081c"]]);
+import e from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ e(t, [["__scopeId", "data-v-ecff9e0b"]]);
 export {
-  c as default
+  r as default
 };