@scalar/api-client 2.2.7 → 2.2.9

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

@@ -2,6 +2,7 @@ import type { UpdateScheme } from '../../../../store/index.js';
 import type { Oauth2Flow } from '@scalar/oas-utils/entities/spec';
 type __VLS_Props = {
     flow: Oauth2Flow;
+    layout: 'client' | 'reference';
     updateScheme: UpdateScheme;
 };
 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>;

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

@@ -1 +1 @@
-{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAKjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;;AAyPF,wBAOG"}
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/OAuthScopesInput.vue"],"names":[],"mappings":"AA8GA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAKjE,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,QAAQ,GAAG,WAAW,CAAA;IAC9B,YAAY,EAAE,YAAY,CAAA;CAC3B,CAAC;;AA6PF,wBAOG"}

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

@@ -1,16 +1,17 @@
-import { defineComponent as C, computed as x, openBlock as p, createBlock as w, unref as t, withCtx as a, createElementVNode as o, createVNode as r, normalizeClass as y, toDisplayString as d, createElementBlock as v, Fragment as b, renderList as k, createCommentVNode as D } from "vue";
-import { Disclosure as V, DisclosureButton as $, DisclosurePanel as B } from "@headlessui/vue";
-import { ScalarIcon as N } from "@scalar/components";
+import { defineComponent as y, computed as x, openBlock as p, createBlock as w, unref as t, withCtx as n, createElementVNode as o, createVNode as r, normalizeClass as C, toDisplayString as d, createElementBlock as v, Fragment as b, renderList as k, createTextVNode as V, createCommentVNode as D } from "vue";
+import { Disclosure as $, DisclosureButton as B, DisclosurePanel as N } from "@headlessui/vue";
+import { ScalarIcon as O } from "@scalar/components";
 import S from "../../../../components/DataTable/DataTableCell.vue.js";
-import O from "../../../../components/DataTable/DataTableRow.vue.js";
+import T from "../../../../components/DataTable/DataTableRow.vue.js";
 import j from "../../../../components/DataTable/DataTableCheckbox.vue.js";
 const z = { class: "flex h-fit w-full" }, E = { class: "flex-1" }, F = {
   class: "grid auto-rows-auto border-t-1/2",
   style: { gridTemplateColumns: "1fr auto" }
-}, I = { class: "font-code text-xs" }, R = { key: 0 }, G = /* @__PURE__ */ C({
+}, I = { key: 0 }, R = { class: "font-code text-xs" }, H = /* @__PURE__ */ y({
   __name: "OAuthScopesInput",
   props: {
     flow: {},
+    layout: { default: "client" },
     updateScheme: { type: Function }
   },
   setup(s) {
@@ -37,57 +38,59 @@ const z = { class: "flex h-fit w-full" }, E = { class: "flex-1" }, F = {
       );
     }
     return (e, l) => (p(), w(t(S), { class: "items-center min-h-8 h-auto" }, {
-      default: a(() => [
+      default: n(() => [
         o("div", z, [
           l[0] || (l[0] = o("div", { class: "text-c-1 min-w-[94px] items-center pl-2 h-full" }, [
             o("span", { class: "h-8 flex items-center" }, " Scopes ")
           ], -1)),
-          r(t(V), {
+          r(t($), {
             as: "div",
             class: "flex flex-col w-full bl"
           }, {
-            default: a(() => {
+            default: n(() => {
               var c, h;
               return [
-                r(t($), {
-                  class: y([
+                r(t(B), {
+                  class: C([
                     "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-2 hover:text-c-1 pr-2.5 cursor-pointer",
                     (((h = (c = e.flow) == null ? void 0 : c.selectedScopes) == null ? void 0 : h.length) || 0) > 0 ? "text-c-1" : "text-c-3"
                   ])
                 }, {
-                  default: a(({ open: n }) => {
+                  default: n(({ open: a }) => {
                     var f, u, m;
                     return [
                       o("div", E, " Selected " + d(((u = (f = e.flow) == null ? void 0 : f.selectedScopes) == null ? void 0 : u.length) || 0) + " / " + d(Object.keys(((m = e.flow) == null ? void 0 : m.scopes) ?? {}).length || 0), 1),
-                      r(t(N), {
+                      r(t(O), {
                         class: "text-c-3 group-hover/scopes-accordion:text-c-2",
-                        icon: n ? "ChevronDown" : "ChevronRight",
+                        icon: a ? "ChevronDown" : "ChevronRight",
                         size: "xs"
                       }, null, 8, ["icon"])
                     ];
                   }),
                   _: 1
                 }, 8, ["class"]),
-                r(t(B), { as: "template" }, {
-                  default: a(() => [
+                r(t(N), { as: "template" }, {
+                  default: n(() => [
                     o("table", F, [
-                      (p(!0), v(b, null, k(g.value, ({ id: n, label: f, description: u }) => (p(), w(t(O), {
-                        key: n,
+                      (p(!0), v(b, null, k(g.value, ({ id: a, label: f, description: u }) => (p(), w(t(T), {
+                        key: a,
                         class: "text-c-2",
-                        onClick: (m) => _(n, !i.value.includes(n))
+                        onClick: (m) => _(a, !i.value.includes(a))
                       }, {
-                        default: a(() => [
+                        default: n(() => [
                           r(t(S), { class: "w-full px-2 py-1.5 hover:text-c-1 cursor-pointer" }, {
-                            default: a(() => [
+                            default: n(() => [
                               o("span", null, [
-                                o("span", I, d(f), 1),
-                                u ? (p(), v("span", R, "  – " + d(u), 1)) : D("", !0)
+                                u ? (p(), v("span", I, [
+                                  o("span", R, d(f), 1),
+                                  V(" – " + d(u), 1)
+                                ])) : D("", !0)
                               ])
                             ]),
                             _: 2
                           }, 1024),
                           r(t(j), {
-                            modelValue: i.value.includes(n),
+                            modelValue: i.value.includes(a),
                             "onUpdate:modelValue": () => {
                             }
                           }, null, 8, ["modelValue"])
@@ -109,5 +112,5 @@ const z = { class: "flex h-fit w-full" }, E = { class: "flex-1" }, F = {
   }
 });
 export {
-  G as default
+  H 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":"AAwYA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AA2fF,wBAOG"}
+{"version":3,"file":"RequestAuth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuth.vue"],"names":[],"mappings":"AAyKA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AAyJF,wBAOG"}

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

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

@@ -1,212 +1,60 @@
-import { defineComponent as F, ref as b, computed as f, openBlock as u, createBlock as z, withCtx as r, createElementVNode as m, createTextVNode as _, toDisplayString as g, createElementBlock as p, createVNode as c, unref as i, createCommentVNode as W, Fragment as L, renderList as H, withModifiers as D, withKeys as P } from "vue";
-import G from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useActiveEntities as J } from "../../../../store/active-entities.js";
-import { useModal as Q, ScalarIcon as O, ScalarComboboxMultiselect as X, ScalarButton as Y, ScalarIconButton as Z } from "@scalar/components";
-import ee from "./DeleteRequestAuthModal.vue.js";
-import te from "./RequestExampleAuth.vue.js";
-import { displaySchemeFormatter as k } from "../../libs/auth.js";
-import { ADD_AUTH_OPTIONS as le } from "../../consts/new-auth-options.js";
-import se from "../../../../components/DataTable/DataTable.vue.js";
-import oe from "../../../../components/DataTable/DataTableRow.vue.js";
-import ie from "../../../../components/DataTable/DataTableHeader.vue.js";
-import { useWorkspace as ne } from "../../../../store/store.js";
-const ce = { class: "flex flex-1 gap-1 items-center justify-between" }, re = {
+import { defineComponent as x, ref as r, computed as o, openBlock as l, createBlock as _, withCtx as u, createElementVNode as g, createTextVNode as a, toDisplayString as m, createElementBlock as k, createVNode as d, unref as R, createCommentVNode as C } from "vue";
+import U from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useActiveEntities as A } from "../../../../store/active-entities.js";
+import { useModal as O, ScalarIcon as b } from "@scalar/components";
+import N from "./RequestAuthDataTable.vue.js";
+import { useWorkspace as V } from "../../../../store/store.js";
+import { displaySchemeFormatter as j } from "../../libs/auth.js";
+const B = { class: "flex flex-1 gap-1 items-center justify-between" }, E = {
   key: 0,
   class: "flex items-center gap-1 text-c-3"
-}, ae = {
-  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"
-}, Re = /* @__PURE__ */ F({
+}, M = /* @__PURE__ */ x({
   __name: "RequestAuth",
   props: {
     selectedSecuritySchemeUids: {},
     title: {}
   },
-  setup(R) {
-    const { activeCollection: a, activeRequest: h } = J(), {
-      collectionMutators: B,
-      isReadOnly: x,
-      requestMutators: M,
-      securitySchemes: q,
-      securitySchemeMutators: V
-    } = ne(), K = b(null), w = b(null), y = Q(), C = b(void 0), U = f(() => {
-      var l, o;
-      const e = ((l = h.value) == null ? void 0 : l.security) ?? ((o = a.value) == null ? void 0 : o.security) ?? [];
+  setup(p) {
+    const { activeCollection: f, activeRequest: h } = A(), { isReadOnly: T, securitySchemes: y } = V();
+    r(null), r(null), O(), r(void 0);
+    const S = o(() => {
+      var t, s;
+      const e = ((t = h.value) == null ? void 0 : t.security) ?? ((s = f.value) == null ? void 0 : s.security) ?? [];
       return { filteredRequirements: e.filter((n) => Object.keys(n).length), requirements: e };
-    }), T = f(() => {
-      var t;
-      return (((t = a.value) == null ? void 0 : t.securitySchemes) ?? []).map((l) => q[l]).filter((l) => l);
-    }), j = f(
-      () => {
-        const e = [...T.value], t = [];
-        U.value.filteredRequirements.forEach((s) => {
-          const d = e.findIndex(
-            (E) => E.nameKey === Object.keys(s)[0]
-          );
-          d > -1 && (t.push(e[d]), e.splice(d, 1));
-        });
-        const l = e.map(
-          (s) => k(s)
-        ), o = t.map(
-          (s) => k(s)
-        ), n = [
-          { label: "Required authentication", options: o },
-          { label: "Available authentication", options: l }
-        ];
-        return x ? o.length ? n : l : (n.push({
-          label: "Add new authentication",
-          options: le
-        }), n);
-      }
-    ), S = f(() => {
-      const { filteredRequirements: e, requirements: t } = U.value;
-      if (!t.length) return null;
-      const l = e.length < t.length, o = l ? "Unlock" : "Lock", n = l ? "Optional" : "Required", d = `${e.length === 1 ? Object.keys(e[0])[0] : "Authentication"} ${n}`;
-      return { icon: o, text: d };
-    }), $ = (e) => {
-      !a.value || !h.value || (x ? B.edit(
-        a.value.uid,
-        "selectedSecuritySchemeUids",
-        e
-      ) : M.edit(
-        h.value.uid,
-        "selectedSecuritySchemeUids",
-        e
-      ));
-    }, v = f(
-      () => R.selectedSecuritySchemeUids.map(
-        (e) => k(q[e])
+    }), i = o(() => {
+      const { filteredRequirements: e, requirements: c } = S.value;
+      if (!c.length) return null;
+      const t = e.length < c.length, s = t ? "Unlock" : "Lock", n = t ? "Optional" : "Required", q = `${e.length === 1 ? Object.keys(e[0])[0] : "Authentication"} ${n}`;
+      return { icon: s, text: q };
+    }), v = o(
+      () => p.selectedSecuritySchemeUids.map(
+        (e) => j(y[e])
       )
     );
-    function I(e) {
-      var o, n;
-      if (!((o = a.value) != null && o.uid) || !((n = h.value) != null && n.uid)) return;
-      const t = e.find((s) => s.payload), l = e.filter((s) => !s.payload).map(({ id: s }) => s);
-      if (t != null && t.payload) {
-        const s = V.add(
-          t.payload,
-          a.value.uid
-        );
-        s && l.push(s.uid);
-      }
-      $(l);
-    }
-    const A = (e) => {
-      var t;
-      $(
-        R.selectedSecuritySchemeUids.filter((l) => l !== e)
-      ), (t = w.value) == null || t.$el.focus();
-    };
-    function N(e) {
-      C.value = e, y.show();
-    }
-    return (e, t) => (u(), z(G, {
+    return (e, c) => (l(), _(U, {
       class: "group/params",
       itemCount: v.value.length
     }, {
-      title: r(() => [
-        m("div", ce, [
-          _(g(e.title) + " ", 1),
-          S.value ? (u(), p("div", re, [
-            _(g(S.value.text) + " ", 1),
-            c(i(O), {
+      title: u(() => [
+        g("div", B, [
+          a(m(e.title) + " ", 1),
+          i.value ? (l(), k("div", E, [
+            a(m(i.value.text) + " ", 1),
+            d(R(b), {
               class: "text-c-3",
-              icon: S.value.icon,
+              icon: i.value.icon,
               size: "xs"
             }, null, 8, ["icon"])
-          ])) : W("", !0)
+          ])) : C("", !0)
         ])
       ]),
-      default: r(() => [
-        m("form", null, [
-          c(i(se), {
-            class: "flex-1",
-            columns: [""]
-          }, {
-            default: r(() => [
-              c(i(oe), null, {
-                default: r(() => [
-                  c(i(ie), { class: "relative col-span-full cursor-pointer py-[0px] px-[0px] flex items-center" }, {
-                    default: r(() => [
-                      c(i(X), {
-                        ref_key: "comboboxRef",
-                        ref: K,
-                        class: "text-xs w-full",
-                        fullWidth: "",
-                        isDeletable: !i(x),
-                        modelValue: v.value,
-                        multiple: "",
-                        options: j.value,
-                        style: { "margin-left": "120px" },
-                        teleport: "",
-                        onDelete: N,
-                        "onUpdate:modelValue": I
-                      }, {
-                        default: r(() => [
-                          c(i(Y), {
-                            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: r(() => [
-                              t[3] || (t[3] = m("div", { class: "text-c-1 h-8 flex min-w-[94px] items-center pr-0 pl-2" }, " Auth Type ", -1)),
-                              v.value.length ? (u(), p("div", ae, [
-                                t[1] || (t[1] = m("div", { class: "fade-left" }, null, -1)),
-                                m("div", ue, [
-                                  (u(!0), p(L, null, H(v.value, (l) => (u(), p("span", {
-                                    key: l.id,
-                                    class: "cm-pill flex items-center mx-0 h-fit pr-0.5 !bg-b-2 text-c-1"
-                                  }, [
-                                    _(g(l.label) + " ", 1),
-                                    c(i(Z), {
-                                      class: "cursor-pointer -ml-0.5 text-c-3 hover:text-c-1 rounded-full",
-                                      icon: "Close",
-                                      label: `Remove ${l.label}`,
-                                      size: "xs",
-                                      onClick: D((o) => A(l.id), ["stop"]),
-                                      onKeydown: P(D((o) => A(l.id), ["stop"]), ["enter"])
-                                    }, null, 8, ["label", "onClick", "onKeydown"])
-                                  ]))), 128))
-                                ]),
-                                t[2] || (t[2] = m("div", { class: "fade-right" }, null, -1))
-                              ])) : (u(), p("div", me, " None ")),
-                              c(i(O), {
-                                class: "mr-[9px]",
-                                icon: "ChevronDown",
-                                size: "md"
-                              })
-                            ]),
-                            _: 1
-                          }, 512)
-                        ]),
-                        _: 1
-                      }, 8, ["isDeletable", "modelValue", "options"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              c(te, { selectedSecuritySchemeUids: e.selectedSecuritySchemeUids }, null, 8, ["selectedSecuritySchemeUids"])
-            ]),
-            _: 1
-          }),
-          c(ee, {
-            scheme: C.value,
-            state: i(y),
-            onClose: t[0] || (t[0] = (l) => i(y).hide())
-          }, null, 8, ["scheme", "state"])
-        ])
+      default: u(() => [
+        d(N, { selectedSecuritySchemeUids: e.selectedSecuritySchemeUids }, null, 8, ["selectedSecuritySchemeUids"])
       ]),
       _: 1
     }, 8, ["itemCount"]));
   }
 });
 export {
-  Re as default
+  M as default
 };

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

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    selectedSecuritySchemeUids: string[];
+    layout?: 'client' | 'reference';
+};
+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;
+//# sourceMappingURL=RequestAuthDataTable.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTable.vue"],"names":[],"mappings":"AAgaA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;IACpC,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;AAifF,wBAOG"}

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

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

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

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

package/dist/views/Request/RequestSection/{RequestAuthDataTableInput.vue.d.ts → RequestAuth/RequestAuthDataTableInput.vue.d.ts}

@@ -1,7 +1,7 @@
+import type { VueClassProp } from '../../../../types/vue';
 type __VLS_Props = {
-    id: string;
     type?: string;
-    containerClass?: string;
+    containerClass?: VueClassProp;
     required?: boolean;
     modelValue: string | number;
     readOnly?: boolean;

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/views/Request/RequestSection/RequestAuth/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAK/C,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAuBJ,iBAAS,cAAc;WA4GT,OAAO,IAA6B;;yBATpB,GAAG;sBACN,GAAG;;;;EAa7B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;cAzJN,OAAO;cAEP,OAAO;6EAgKpB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}