@scalar/api-client 2.7.0 → 2.8.0

package/dist/v2/blocks/scalar-operation-block/components/OperationBlock.vue2.js

@@ -0,0 +1,226 @@
+import { defineComponent as g, ref as D, computed as f, useId as q, watch as O, createBlock as U, openBlock as y, withCtx as k, withDirectives as p, createVNode as s, unref as o, vShow as m, createElementVNode as T, createElementBlock as b, createCommentVNode as N, toDisplayString as H } from "vue";
+import { canMethodHaveBody as V, REGEX as K } from "@scalar/oas-utils/helpers";
+import { getResolvedRef as R } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import I from "../../../../components/SectionFilter.vue.js";
+import E from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import P from "./OperationBody.vue.js";
+import v from "./OperationParams.vue.js";
+import { groupBy as Q } from "../helpers/group-by.js";
+import $ from "../../scalar-auth-selector-block/components/AuthSelector.vue.js";
+const j = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, z = ["for"], F = ["id", "placeholder", "value"], L = {
+  key: 2,
+  class: "text-c-1 flex h-8 items-center"
+}, _ = /* @__PURE__ */ g({
+  __name: "OperationBlock",
+  props: {
+    method: {},
+    path: {},
+    operation: {},
+    exampleKey: {},
+    selectedContentType: {},
+    securitySchemes: {},
+    selectedSecurity: {},
+    security: {},
+    server: {},
+    layout: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["operation:update:requestName", "auth:delete", "auth:update:securityScheme", "auth:update:selectedScopes", "auth:update:selectedSecurity", "parameters:add", "parameters:update", "parameters:delete", "parameters:deleteAll", "requestBody:update:contentType", "requestBody:update:value", "requestBody:add:formRow", "requestBody:update:formRow"],
+  setup(l, { emit: h }) {
+    const a = h, i = Q(
+      l.operation.parameters?.map((r) => R(r)) ?? [],
+      "in"
+    ), w = [
+      "Auth",
+      "Variables",
+      "Cookies",
+      "Headers",
+      "Query",
+      "Body"
+    ], d = D("All"), A = f(() => {
+      const r = /* @__PURE__ */ new Set(["All", ...w]);
+      return i.path?.length || r.delete("Variables"), V(l.method) || r.delete("Body"), S.value && r.delete("Auth"), [...r];
+    }), n = f(
+      () => Object.fromEntries(
+        A.value.map((r) => [r, q()])
+      )
+    );
+    O(
+      () => l.method,
+      (r) => {
+        d.value === "Body" && !V(r) && (d.value = "All");
+      }
+    );
+    const S = f(
+      () => l.layout === "modal" && !l.operation.security && !Object.keys(l.securitySchemes ?? {}).length
+    ), C = () => l.operation.summary ? l.operation.summary : l.path.replace(K.PROTOCOL, "") ? l.path.replace(K.PROTOCOL, "") : "Request Name", u = (r) => d.value === "All" || d.value === r, B = q();
+    return (r, e) => (y(), U(E, {
+      "aria-label": `Request: ${r.operation.summary}`
+    }, {
+      title: k(() => [
+        T("div", j, [
+          r.layout !== "modal" ? (y(), b("label", {
+            key: 0,
+            class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
+            for: o(B)
+          }, null, 8, z)) : N("", !0),
+          r.layout !== "modal" ? (y(), b("input", {
+            key: 1,
+            id: o(B),
+            class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
+            placeholder: C(),
+            value: r.operation.summary,
+            onInput: e[0] || (e[0] = (t) => a("operation:update:requestName", {
+              name: t.target.value
+            }))
+          }, null, 40, F)) : (y(), b("span", L, H(r.operation.summary), 1))
+        ]),
+        s(I, {
+          modelValue: d.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (t) => d.value = t),
+          filterIds: n.value,
+          filters: A.value
+        }, null, 8, ["modelValue", "filterIds", "filters"])
+      ]),
+      default: k(() => [
+        p(s(o($), {
+          id: n.value.Auth,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          layout: "client",
+          security: r.security,
+          securitySchemes: r.securitySchemes,
+          selectedSecurity: r.selectedSecurity,
+          server: r.server,
+          title: "Authorization",
+          onDeleteOperationAuth: e[2] || (e[2] = (t) => a("auth:delete", t)),
+          "onUpdate:securityScheme": e[3] || (e[3] = (t) => a("auth:update:securityScheme", t)),
+          "onUpdate:selectedScopes": e[4] || (e[4] = (t) => a("auth:update:selectedScopes", t)),
+          "onUpdate:selectedSecurity": e[5] || (e[5] = (t) => a("auth:update:selectedSecurity", t))
+        }, null, 8, ["id", "envVariables", "environment", "security", "securitySchemes", "selectedSecurity", "server"]), [
+          [m, u("Auth") && !S.value]
+        ]),
+        p(s(v, {
+          id: n.value.Variables,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          exampleKey: r.exampleKey,
+          parameters: o(i).path ?? [],
+          title: "Variables",
+          onAdd: e[6] || (e[6] = (t) => a("parameters:add", {
+            type: "path",
+            payload: t
+          })),
+          onDelete: e[7] || (e[7] = (t) => a("parameters:delete", {
+            type: "path",
+            ...t
+          })),
+          onDeleteAll: e[8] || (e[8] = () => a("parameters:deleteAll", {
+            type: "path"
+          })),
+          onUpdate: e[9] || (e[9] = (t) => a("parameters:update", {
+            type: "path",
+            ...t
+          }))
+        }, null, 8, ["id", "envVariables", "environment", "exampleKey", "parameters"]), [
+          [m, u("Variables") && o(i).path?.length]
+        ]),
+        p(s(v, {
+          id: n.value.Cookies,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          exampleKey: r.exampleKey,
+          parameters: o(i).cookie ?? [],
+          title: "Cookies",
+          onAdd: e[10] || (e[10] = (t) => a("parameters:add", {
+            type: "cookie",
+            payload: t
+          })),
+          onDelete: e[11] || (e[11] = (t) => a("parameters:delete", {
+            type: "cookie",
+            ...t
+          })),
+          onDeleteAll: e[12] || (e[12] = () => a("parameters:deleteAll", {
+            type: "cookie"
+          })),
+          onUpdate: e[13] || (e[13] = (t) => a("parameters:update", {
+            type: "cookie",
+            ...t
+          }))
+        }, null, 8, ["id", "envVariables", "environment", "exampleKey", "parameters"]), [
+          [m, u("Cookies")]
+        ]),
+        p(s(v, {
+          id: n.value.Headers,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          exampleKey: r.exampleKey,
+          parameters: o(i).header ?? [],
+          title: "Headers",
+          onAdd: e[14] || (e[14] = (t) => a("parameters:add", {
+            type: "header",
+            payload: t
+          })),
+          onDelete: e[15] || (e[15] = (t) => a("parameters:delete", {
+            type: "header",
+            ...t
+          })),
+          onDeleteAll: e[16] || (e[16] = () => a("parameters:deleteAll", {
+            type: "header"
+          })),
+          onUpdate: e[17] || (e[17] = (t) => a("parameters:update", {
+            type: "header",
+            ...t
+          }))
+        }, null, 8, ["id", "envVariables", "environment", "exampleKey", "parameters"]), [
+          [m, u("Headers")]
+        ]),
+        p(s(v, {
+          id: n.value.Query,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          exampleKey: r.exampleKey,
+          parameters: o(i).query ?? [],
+          title: "Query Parameters",
+          onAdd: e[18] || (e[18] = (t) => a("parameters:add", {
+            type: "query",
+            payload: t
+          })),
+          onDelete: e[19] || (e[19] = (t) => a("parameters:delete", {
+            type: "query",
+            ...t
+          })),
+          onDeleteAll: e[20] || (e[20] = () => a("parameters:deleteAll", {
+            type: "query"
+          })),
+          onUpdate: e[21] || (e[21] = (t) => a("parameters:update", {
+            type: "query",
+            ...t
+          }))
+        }, null, 8, ["id", "envVariables", "environment", "exampleKey", "parameters"]), [
+          [m, u("Query")]
+        ]),
+        p(s(P, {
+          id: n.value.Body,
+          envVariables: r.envVariables,
+          environment: r.environment,
+          exampleKey: r.exampleKey,
+          requestBody: o(R)(r.operation.requestBody),
+          selectedContentType: r.selectedContentType ?? "other",
+          title: "Request Body",
+          "onAdd:formRow": e[22] || (e[22] = (t) => a("requestBody:add:formRow", t)),
+          "onUpdate:contentType": e[23] || (e[23] = (t) => a("requestBody:update:contentType", t)),
+          "onUpdate:formRow": e[24] || (e[24] = (t) => a("requestBody:update:formRow", t)),
+          "onUpdate:value": e[25] || (e[25] = (t) => a("requestBody:update:value", t))
+        }, null, 8, ["id", "envVariables", "environment", "exampleKey", "requestBody", "selectedContentType"]), [
+          [m, u("Body") && o(V)(r.method)]
+        ])
+      ]),
+      _: 1
+    }, 8, ["aria-label"]));
+  }
+});
+export {
+  _ as default
+};

package/dist/v2/blocks/scalar-operation-block/components/OperationBody.vue.d.ts

@@ -0,0 +1,66 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { RequestBodyObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { EnvVariable } from '../../../../store/active-entities.js';
+type __VLS_Props = {
+    /** Request body */
+    requestBody?: RequestBodyObject;
+    /** Currently selected content type for the current operation */
+    selectedContentType: keyof typeof contentTypes | (string & {});
+    /** Currently selected example key for the current operation */
+    exampleKey: string;
+    /** Display title */
+    title: string;
+    /** TODO: remove when we do the migration */
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare const contentTypes: {
+    readonly 'multipart/form-data': "Multipart Form";
+    readonly 'application/x-www-form-urlencoded': "Form URL Encoded";
+    readonly 'application/octet-stream': "Binary File";
+    readonly 'application/json': "JSON";
+    readonly 'application/xml': "XML";
+    readonly 'application/yaml': "YAML";
+    readonly 'application/edn': "EDN";
+    readonly other: "Other";
+    readonly none: "None";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:contentType": (payload: {
+        value: string;
+    }) => any;
+    "update:value": (payload: {
+        value?: string | File;
+    }) => any;
+    "add:formRow": (payload: Partial<{
+        key: string;
+        value?: string | File;
+    }>) => any;
+    "update:formRow": (payload: {
+        index: number;
+        payload: Partial<{
+            key: string;
+            value?: string | File;
+        }>;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:contentType"?: ((payload: {
+        value: string;
+    }) => any) | undefined;
+    "onUpdate:value"?: ((payload: {
+        value?: string | File;
+    }) => any) | undefined;
+    "onAdd:formRow"?: ((payload: Partial<{
+        key: string;
+        value?: string | File;
+    }>) => any) | undefined;
+    "onUpdate:formRow"?: ((payload: {
+        index: number;
+        payload: Partial<{
+            key: string;
+            value?: string | File;
+        }>;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=OperationBody.vue.d.ts.map

package/dist/v2/blocks/scalar-operation-block/components/OperationBody.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationBody.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationBody.vue"],"names":[],"mappings":"AA6PA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8DAA8D,CAAA;AAUrG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAK1D,KAAK,WAAW,GAAG;IACjB,mBAAmB;IACnB,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,gEAAgE;IAChE,mBAAmB,EAAE,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC9D,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IAEb,4CAA4C;IAC5C,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;AAoCF,QAAA,MAAM,YAAY;;;;;;;;;;CAUR,CAAA;;;eAnCoC,MAAM;;;gBAEX,MAAM,GAAG,IAAI;;;aAI1B,MAAM;gBAAU,MAAM,GAAG,IAAI;;;eAK5C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAC;;;;eAZhB,MAAM;;;gBAEX,MAAM,GAAG,IAAI;;;aAI1B,MAAM;gBAAU,MAAM,GAAG,IAAI;;;eAK5C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;SAAE,CAAC;;;AA+c9D,wBAOG"}

package/dist/v2/blocks/scalar-operation-block/components/OperationBody.vue.js

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

package/dist/v2/blocks/scalar-operation-block/components/OperationBody.vue2.js

@@ -0,0 +1,200 @@
+import { defineComponent as j, computed as g, createBlock as u, openBlock as i, withCtx as a, createVNode as r, unref as l, createElementVNode as m, toDisplayString as f, createElementBlock as c, Fragment as F, createTextVNode as T } from "vue";
+import { ScalarListbox as h, ScalarButton as y, ScalarIcon as x } from "@scalar/components";
+import N from "../../../../components/CodeInput/CodeInput.vue.js";
+import O from "../../../../components/DataTable/DataTable.vue.js";
+import U from "../../../../components/DataTable/DataTableHeader.vue.js";
+import D from "../../../../components/DataTable/DataTableRow.vue.js";
+import R from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import V from "./OperationTable.vue.js";
+import { getFileName as C } from "../helpers/files.js";
+import { getExampleFromBody as S } from "../helpers/get-request-body-example.js";
+import { useFileDialog as E } from "../../../../hooks/useFileDialog.js";
+const L = {
+  key: 0,
+  class: "text-c-3 flex min-h-10 w-full items-center justify-center border-t p-2 text-sm"
+}, M = {
+  key: 1,
+  class: "flex items-center justify-center overflow-hidden border-t p-1.5"
+}, z = { class: "text-c-2 w-full max-w-full overflow-hidden rounded border px-1.5 py-1 text-xs whitespace-nowrap" }, Q = /* @__PURE__ */ j({
+  __name: "OperationBody",
+  props: {
+    requestBody: {},
+    selectedContentType: {},
+    exampleKey: {},
+    title: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["update:contentType", "update:value", "add:formRow", "update:formRow"],
+  setup(d, { emit: k }) {
+    const p = k, B = {
+      "application/json": "json",
+      "application/xml": "xml",
+      "application/yaml": "yaml"
+    }, v = Object.entries({
+      "multipart/form-data": "Multipart Form",
+      "application/x-www-form-urlencoded": "Form URL Encoded",
+      "application/octet-stream": "Binary File",
+      "application/json": "JSON",
+      "application/xml": "XML",
+      "application/yaml": "YAML",
+      "application/edn": "EDN",
+      other: "Other",
+      none: "None"
+    }).map(([t, e]) => ({
+      id: t,
+      label: e
+    })), b = g({
+      get: () => v.find((e) => e.id === d.selectedContentType) ?? v.at(-1),
+      set: (t) => {
+        p("update:contentType", { value: t.id });
+      }
+    });
+    function w(t) {
+      const { open: e } = E({
+        onChange: async (n) => {
+          const o = n?.[0];
+          o && t(o);
+        },
+        multiple: !1,
+        accept: "*/*"
+      });
+      e();
+    }
+    const s = g(
+      () => d.requestBody && S(d.requestBody, d.selectedContentType, d.exampleKey)
+    );
+    return (t, e) => (i(), u(R, null, {
+      title: a(() => [
+        T(f(t.title), 1)
+      ]),
+      default: a(() => [
+        r(O, {
+          columns: [""],
+          presentational: ""
+        }, {
+          default: a(() => [
+            r(U, { class: "relative col-span-full flex h-8 cursor-pointer items-center justify-between !p-0" }, {
+              default: a(() => [
+                r(l(h), {
+                  modelValue: b.value,
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => b.value = n),
+                  options: l(v),
+                  teleport: ""
+                }, {
+                  default: a(() => [
+                    r(l(y), {
+                      class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-3 font-normal",
+                      fullWidth: "",
+                      variant: "ghost"
+                    }, {
+                      default: a(() => [
+                        m("span", null, f(t.selectedContentType), 1),
+                        r(l(x), {
+                          icon: "ChevronDown",
+                          size: "md"
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "options"])
+              ]),
+              _: 1
+            }),
+            r(D, null, {
+              default: a(() => [
+                t.selectedContentType === "none" ? (i(), c("div", L, e[5] || (e[5] = [
+                  m("span", null, "No Body", -1)
+                ]))) : t.selectedContentType === "application/octet-stream" ? (i(), c("div", M, [
+                  l(C)(s.value?.value) !== void 0 ? (i(), c(F, { key: 0 }, [
+                    m("span", z, f(l(C)(s.value?.value)), 1),
+                    r(l(y), {
+                      class: "bg-b-2 hover:bg-b-3 text-c-2 ml-1 border-0 shadow-none",
+                      size: "sm",
+                      variant: "outlined",
+                      onClick: e[1] || (e[1] = (n) => p("update:value", { value: void 0 }))
+                    }, {
+                      default: a(() => e[6] || (e[6] = [
+                        T(" Delete ")
+                      ])),
+                      _: 1,
+                      __: [6]
+                    })
+                  ], 64)) : (i(), u(l(y), {
+                    key: 1,
+                    class: "bg-b-2 hover:bg-b-3 text-c-2 border-0 shadow-none",
+                    size: "sm",
+                    variant: "outlined",
+                    onClick: e[2] || (e[2] = () => w(
+                      (n) => p("update:value", { value: n })
+                    ))
+                  }, {
+                    default: a(() => [
+                      e[7] || (e[7] = m("span", null, "Upload File", -1)),
+                      r(l(x), {
+                        class: "ml-1",
+                        icon: "Upload",
+                        size: "xs",
+                        thickness: "2.5"
+                      })
+                    ]),
+                    _: 1,
+                    __: [7]
+                  }))
+                ])) : t.selectedContentType === "multipart/form-data" ? (i(), u(V, {
+                  key: 2,
+                  data: Object.entries(
+                    typeof s.value?.value == "object" ? s.value.value ?? {} : {}
+                  ).map(([n, o]) => ({
+                    name: n,
+                    value: o
+                  })),
+                  envVariables: t.envVariables,
+                  environment: t.environment,
+                  showUploadButton: "",
+                  onUploadFile: e[3] || (e[3] = (n) => w((o) => {
+                    if (n !== void 0)
+                      return p("update:formRow", {
+                        index: n,
+                        payload: { value: o ?? void 0 }
+                      });
+                    p("add:formRow", { value: o ?? void 0 });
+                  }))
+                }, null, 8, ["data", "envVariables", "environment"])) : t.selectedContentType === "application/x-www-form-urlencoded" ? (i(), u(V, {
+                  key: 3,
+                  data: Object.entries(
+                    typeof s.value?.value == "object" ? s.value.value : {}
+                  ).map(([n, o]) => ({
+                    name: n,
+                    value: String(o)
+                  })),
+                  envVariables: t.envVariables,
+                  environment: t.environment
+                }, null, 8, ["data", "envVariables", "environment"])) : (i(), u(N, {
+                  key: 4,
+                  class: "border-t px-3",
+                  content: "",
+                  envVariables: t.envVariables,
+                  environment: t.environment,
+                  language: B[t.selectedContentType] ?? "plaintext",
+                  lineNumbers: "",
+                  lint: "",
+                  modelValue: s.value?.value ?? "",
+                  "onUpdate:modelValue": e[4] || (e[4] = (n) => p("update:value", { value: n }))
+                }, null, 8, ["envVariables", "environment", "language", "modelValue"]))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Q as default
+};

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OperationParams.test.d.ts.map

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationParams.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationParams.test.ts"],"names":[],"mappings":""}

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.d.ts

@@ -0,0 +1,51 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { ParameterObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
+import type { EnvVariable } from '../../../../store/active-entities.js';
+type __VLS_Props = {
+    parameters: ParameterObject[];
+    exampleKey: string;
+    title: string;
+    label?: string;
+    invalidParams?: Set<string>;
+    globalRoute?: string;
+    /** TODO: remove as soon as we migrate to everything to the new store */
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    delete: (payload: {
+        index: number;
+    }) => any;
+    add: (payload: Partial<{
+        key: string;
+        value: string;
+    }>) => any;
+    update: (payload: {
+        index: number;
+        payload: Partial<{
+            key: string;
+            value: string;
+            isEnabled: boolean;
+        }>;
+    }) => any;
+    deleteAll: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDelete?: ((payload: {
+        index: number;
+    }) => any) | undefined;
+    onAdd?: ((payload: Partial<{
+        key: string;
+        value: string;
+    }>) => any) | undefined;
+    onUpdate?: ((payload: {
+        index: number;
+        payload: Partial<{
+            key: string;
+            value: string;
+            isEnabled: boolean;
+        }>;
+    }) => any) | undefined;
+    onDeleteAll?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=OperationParams.vue.d.ts.map

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationParams.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationParams.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAInG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAM1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wEAAwE;IACxE,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;eAmBgC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;;eAGxC,MAAM;;;aARH,MAAM;eAAS,MAAM;;;eAI7C,MAAM;iBACJ,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,OAAO,CAAA;SAAE,CAAC;;;;AAoL1E,wBAOG"}

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent as y, computed as r, createBlock as i, openBlock as s, withCtx as l, createVNode as m, createElementVNode as p, createCommentVNode as R, unref as d, withModifiers as w, createTextVNode as u, toDisplayString as v } from "vue";
+import { ScalarTooltip as C, ScalarButton as V } from "@scalar/components";
+import x from "../../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import P from "./OperationTable.vue.js";
+import { getParameterExample as K } from "../helpers/get-parameter-example.js";
+import { getParameterSchema as h } from "../helpers/get-parameter-schema.js";
+const k = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, A = { class: "sr-only" }, E = /* @__PURE__ */ y({
+  __name: "OperationParams",
+  props: {
+    parameters: {},
+    exampleKey: {},
+    title: {},
+    label: {},
+    invalidParams: {},
+    globalRoute: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["add", "update", "delete", "deleteAll"],
+  setup(o, { emit: b }) {
+    const n = b, f = r(
+      () => o.parameters.map((e) => {
+        const t = K(e, o.exampleKey);
+        return {
+          name: e.name,
+          value: t?.value ?? "",
+          globalRoute: o.globalRoute,
+          schema: h(e),
+          isRequired: e.required,
+          isDisabled: t?.["x-disabled"] ?? !1
+        };
+      })
+    ), g = r(() => o.parameters.length > 1);
+    return (e, t) => (s(), i(x, {
+      class: "group/params",
+      itemCount: e.parameters.length
+    }, {
+      title: l(() => [
+        u(v(e.title), 1)
+      ]),
+      actions: l(() => [
+        p("div", k, [
+          g.value ? (s(), i(d(C), {
+            key: 0,
+            content: "Clear optional parameters",
+            placement: "left"
+          }, {
+            default: l(() => [
+              m(d(V), {
+                class: "pr-0.75 pl-1 transition-none",
+                size: "sm",
+                variant: "ghost",
+                onClick: t[0] || (t[0] = w((a) => n("deleteAll"), ["stop"]))
+              }, {
+                default: l(() => [
+                  t[4] || (t[4] = u(" Clear ")),
+                  p("span", A, "All " + v(e.title), 1)
+                ]),
+                _: 1,
+                __: [4]
+              })
+            ]),
+            _: 1
+          })) : R("", !0)
+        ])
+      ]),
+      default: l(() => [
+        m(P, {
+          class: "flex-1",
+          columns: ["32px", "", ""],
+          data: f.value,
+          envVariables: e.envVariables,
+          environment: e.environment,
+          exampleKey: e.exampleKey,
+          globalRoute: e.globalRoute,
+          invalidParams: e.invalidParams,
+          label: e.label,
+          onAddRow: t[1] || (t[1] = (a) => n("add", a)),
+          onDeleteRow: t[2] || (t[2] = (a) => n("delete", { index: a })),
+          onUpdateRow: t[3] || (t[3] = (a, c) => n("update", { index: a, payload: c }))
+        }, null, 8, ["data", "envVariables", "environment", "exampleKey", "globalRoute", "invalidParams", "label"])
+      ]),
+      _: 1
+    }, 8, ["itemCount"]));
+  }
+});
+export {
+  E as default
+};

package/dist/v2/blocks/scalar-operation-block/components/OperationParams.vue2.js

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

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OperationTable.test.d.ts.map

package/dist/v2/blocks/scalar-operation-block/components/OperationTable.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationTable.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationTable.test.ts"],"names":[],"mappings":""}