@scalar/api-client 2.8.1 → 2.9.1

package/dist/v2/features/collection/components/Environment.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as s, computed as c, createElementBlock as l, openBlock as a, createStaticVNode as i, createVNode as r, unref as m } from "vue";
+import v from "../../environments/EnvironmentsList.vue.js";
+const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
+  __name: "Environment",
+  props: {
+    document: {},
+    eventBus: {},
+    layout: {},
+    environment: {},
+    workspaceStore: {},
+    collectionType: {}
+  },
+  setup(e) {
+    const o = c(
+      () => (e.collectionType === "document" ? e.document["x-scalar-environments"] : e.workspaceStore.workspace["x-scalar-environments"]) ?? {}
+    );
+    return (t, n) => (a(), l("div", d, [
+      n[0] || (n[0] = i('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
+      r(m(v), {
+        collectionType: t.collectionType,
+        environments: o.value,
+        eventBus: t.eventBus
+      }, null, 8, ["collectionType", "environments", "eventBus"])
+    ]));
+  }
+});
+export {
+  f as default
+};

package/dist/v2/features/collection/components/Form.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Cookie } from '@scalar/oas-utils/entities/cookie';
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { Path, PathValue } from '@scalar/object-utils/nested';
+import { type EnvVariable } from '../../../../store/index.js';
+type __VLS_Props = {
+    title?: string;
+    options: {
+        key: string;
+        label: string;
+        placeholder: string;
+    }[];
+    data: Record<string, any>;
+    onUpdate: <P extends Path<Cookie>>(key: P, value: NonNullable<PathValue<Cookie, P>>) => void;
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Form.vue.d.ts.map

package/dist/v2/features/collection/components/Form.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Form.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAOlE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;IAGT,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;AAiJF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/features/collection/components/Form.vue.js

@@ -0,0 +1,83 @@
+import { defineComponent as f, useId as b, createBlock as o, openBlock as l, createSlots as d, withCtx as t, createElementVNode as n, createCommentVNode as k, createElementBlock as m, Fragment as y, renderList as _, normalizeClass as v, createVNode as c, unref as r, toDisplayString as p, renderSlot as h } from "vue";
+import { ScalarIcon as V } from "@scalar/components";
+import g from "../../../../components/DataTable/DataTable.vue.js";
+import C from "../../../../components/DataTable/DataTableInput.vue.js";
+import S from "../../../../components/DataTable/DataTableRow.vue.js";
+import U from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
+const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, z = ["for"], B = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, M = /* @__PURE__ */ f({
+  __name: "Form",
+  props: {
+    title: {},
+    options: {},
+    data: {},
+    onUpdate: { type: Function },
+    environment: {},
+    envVariables: {}
+  },
+  setup(D) {
+    const s = b();
+    return (e, F) => (l(), o(U, { class: "last:rounded-b-lg" }, d({
+      default: t(() => [
+        n("div", w, [
+          Object.keys(e.data).length > 0 ? (l(), o(g, {
+            key: 0,
+            class: "rounded-b-lg",
+            columns: [""]
+          }, {
+            default: t(() => [
+              (l(!0), m(y, null, _(e.options, (a, i) => (l(), o(S, {
+                key: i,
+                class: v({ "border-t": i === 0 })
+              }, {
+                default: t(() => [
+                  c(C, {
+                    id: r(s),
+                    class: "pr-9",
+                    envVariables: e.envVariables,
+                    environment: e.environment,
+                    lineWrapping: "",
+                    modelValue: e.data[a.key] ?? "",
+                    placeholder: a.placeholder,
+                    "onUpdate:modelValue": (u) => e.onUpdate(a.key, u)
+                  }, d({
+                    default: t(() => [
+                      n("label", { for: r(s) }, p(a.label), 9, z)
+                    ]),
+                    _: 2
+                  }, [
+                    a.key === "description" ? {
+                      name: "icon",
+                      fn: t(() => [
+                        n("div", B, [
+                          c(r(V), {
+                            icon: "Markdown",
+                            size: "lg"
+                          })
+                        ])
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["id", "envVariables", "environment", "modelValue", "placeholder", "onUpdate:modelValue"])
+                ]),
+                _: 2
+              }, 1032, ["class"]))), 128))
+            ]),
+            _: 1
+          })) : k("", !0)
+        ])
+      ]),
+      _: 2
+    }, [
+      e.title || e.$slots.title ? {
+        name: "title",
+        fn: t(() => [
+          e.title ? (l(), m("span", $, p(e.title), 1)) : h(e.$slots, "title", { key: 1 })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+});
+export {
+  M as default
+};

package/dist/v2/features/collection/components/Form.vue2.js

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

package/dist/v2/features/collection/components/LabelInput.test.d.ts

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

package/dist/v2/features/collection/components/LabelInput.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelInput.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/collection/components/LabelInput.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_PublicProps = {
+    modelValue: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LabelInput.vue.d.ts.map

package/dist/v2/features/collection/components/LabelInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/LabelInput.vue"],"names":[],"mappings":"AAiDA,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AA+EF,wBAOG"}

package/dist/v2/features/collection/components/LabelInput.vue.js

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

package/dist/v2/features/collection/components/LabelInput.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as r, useModel as i, useId as d, createElementBlock as a, openBlock as p, createElementVNode as o, withDirectives as c, unref as n, vModelText as m } from "vue";
+const f = { class: "group pointer-events-none flex flex-1 items-center gap-1" }, v = ["for"], _ = ["id"], V = /* @__PURE__ */ r({
+  __name: "LabelInput",
+  props: {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(u) {
+    const e = i(u, "modelValue"), t = d();
+    return (h, l) => (p(), a("div", f, [
+      o("label", {
+        class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
+        for: n(t)
+      }, null, 8, v),
+      c(o("input", {
+        id: n(t),
+        "onUpdate:modelValue": l[0] || (l[0] = (s) => e.value = s),
+        class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full flex-1 rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
+        placeholder: "Untitled Document"
+      }, null, 8, _), [
+        [m, e.value]
+      ])
+    ]));
+  }
+});
+export {
+  V as default
+};

package/dist/v2/features/collection/components/Overview.test.d.ts

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

package/dist/v2/features/collection/components/Overview.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/collection/components/Overview.vue.d.ts

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Overview.vue.d.ts.map

package/dist/v2/features/collection/components/Overview.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA6ZA,wBAMG"}

package/dist/v2/features/collection/components/Overview.vue.js

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

package/dist/v2/features/collection/components/Overview.vue2.js

@@ -0,0 +1,89 @@
+import { defineComponent as g, computed as y, ref as x, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as c, createCommentVNode as B, unref as n, withCtx as m, createVNode as d, Fragment as v, nextTick as C } from "vue";
+import { ScalarButton as f, ScalarMarkdown as I } from "@scalar/components";
+import { ScalarIconPencil as b } from "@scalar/icons";
+import V from "../../../components/code-input/CodeInput.vue.js";
+const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, R = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, S = {
+  key: 1,
+  class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
+}, j = /* @__PURE__ */ g({
+  __name: "Overview",
+  props: {
+    document: {},
+    eventBus: {},
+    layout: {},
+    environment: {},
+    workspaceStore: {},
+    collectionType: {}
+  },
+  setup(k) {
+    const u = y(
+      () => k.document?.info?.description ?? ""
+    ), a = x("preview"), p = w("codeInputRef"), l = async (s) => {
+      a.value = s, s === "edit" && (await C(), p.value?.focus());
+    };
+    return (s, e) => (t(), i("div", h, [
+      o("div", z, [
+        e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
+        a.value === "preview" ? (t(), c(n(f), {
+          key: 0,
+          class: "text-c-2 hover:text-c-1 flex items-center gap-2",
+          size: "sm",
+          type: "button",
+          variant: "outlined",
+          onClick: e[0] || (e[0] = (r) => l("edit"))
+        }, {
+          default: m(() => [
+            d(n(b), {
+              size: "sm",
+              thickness: "1.5"
+            }),
+            e[5] || (e[5] = o("span", null, "Edit", -1))
+          ]),
+          _: 1
+        })) : B("", !0)
+      ]),
+      o("div", R, [
+        a.value === "preview" ? (t(), i(v, { key: 0 }, [
+          u.value.trim().length ? (t(), i(v, { key: 0 }, [
+            d(n(I), {
+              class: "flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
+              value: u.value,
+              withImages: "",
+              onDblclick: e[1] || (e[1] = (r) => l("edit"))
+            }, null, 8, ["value"]),
+            e[7] || (e[7] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
+          ], 64)) : (t(), i("div", S, [
+            d(n(f), {
+              class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
+              size: "sm",
+              variant: "ghost",
+              onClick: e[2] || (e[2] = (r) => l("edit"))
+            }, {
+              default: m(() => [
+                d(n(b), {
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                e[8] || (e[8] = o("span", null, "Write a description", -1))
+              ]),
+              _: 1
+            })
+          ]))
+        ], 64)) : (t(), c(n(V), {
+          key: 1,
+          ref_key: "codeInputRef",
+          ref: p,
+          class: "border px-0.5 py-0",
+          environment: void 0,
+          layout: s.layout,
+          modelValue: u.value,
+          onBlur: e[3] || (e[3] = (r) => l("preview")),
+          "onUpdate:modelValue": e[4] || (e[4] = (r) => s.eventBus.emit("document:update:info", { description: r }))
+        }, null, 8, ["layout", "modelValue"]))
+      ])
+    ]));
+  }
+});
+export {
+  j as default
+};

package/dist/v2/features/collection/components/Servers.test.d.ts

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

package/dist/v2/features/collection/components/Servers.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Servers.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/collection/components/Servers.vue.d.ts

@@ -0,0 +1,33 @@
+import type { Environment } from '@scalar/oas-utils/entities/environment';
+import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
+import type { EnvVariable } from '../../../../store/index.js';
+import type { createStoreEvents } from '../../../../store/events.js';
+type __VLS_Props = {
+    /** List of server objects */
+    servers: ServerObject[];
+    /** Event bus */
+    events: ReturnType<typeof createStoreEvents>;
+    environment: Environment;
+    envVariables: EnvVariable[];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "server:delete": (payload: {
+        serverUrl: string;
+    }) => any;
+    "server:update:variable": (payload: {
+        serverUrl: string;
+        name: string;
+        value: string;
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onServer:delete"?: ((payload: {
+        serverUrl: string;
+    }) => any) | undefined;
+    "onServer:update:variable"?: ((payload: {
+        serverUrl: string;
+        name: string;
+        value: string;
+    }) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Servers.vue.d.ts.map

package/dist/v2/features/collection/components/Servers.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"names":[],"mappings":"AAoKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAKtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,KAAK,WAAW,GAAG;IACjB,6BAA6B;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAG5C,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;mBAI2C,MAAM;;;mBAGzB,MAAM;cAAQ,MAAM;eAAS,MAAM;;;;mBAHhB,MAAM;;;mBAGzB,MAAM;cAAQ,MAAM;eAAS,MAAM;;;AAoW7D,wBAOG"}

package/dist/v2/features/collection/components/Servers.vue.js

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

package/dist/v2/features/collection/components/Servers.vue2.js

@@ -0,0 +1,120 @@
+import { defineComponent as k, ref as U, createElementBlock as d, openBlock as l, Fragment as f, createElementVNode as a, createBlock as m, createCommentVNode as b, createStaticVNode as w, renderList as V, createVNode as s, unref as t, toDisplayString as C, withCtx as p } from "vue";
+import { useModal as $, ScalarMarkdown as A, ScalarButton as h, ScalarModal as M } from "@scalar/components";
+import { ScalarIconTrash as N, ScalarIconPlus as D } from "@scalar/icons";
+import B from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import P from "./Form.vue.js";
+import j from "../../../../components/Server/ServerVariablesForm.vue.js";
+const z = { class: "flex flex-col gap-4" }, I = { class: "rounded-lg border" }, L = { class: "bg-b-2 flex items-start justify-between rounded-t-lg py-1 pr-1 pl-3 text-sm" }, E = {
+  key: 1,
+  class: "self-center"
+}, R = { class: "divide-0. flex w-full flex-col divide-y rounded-b-lg text-sm" }, T = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, K = /* @__PURE__ */ k({
+  __name: "Servers",
+  props: {
+    servers: {},
+    events: {},
+    environment: {},
+    envVariables: {}
+  },
+  emits: ["server:delete", "server:update:variable"],
+  setup(x, { emit: g }) {
+    const c = g, v = $(), n = U(null), y = (o) => {
+      n.value = o, v.show();
+    }, S = () => {
+      x.events.commandPalette.emit({ commandName: "Add Server" });
+    };
+    return (o, r) => (l(), d(f, null, [
+      a("div", z, [
+        r[3] || (r[3] = w('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Servers</h3></div><p class="text-sm"> Add different base URLs for your API. You can use <code class="font-code text-c-2">{variables}</code> for dynamic parts. </p></div></div>', 1)),
+        (l(!0), d(f, null, V(o.servers, (e, _) => (l(), d("div", {
+          key: e.url
+        }, [
+          a("div", I, [
+            a("div", L, [
+              e.description ? (l(), m(t(A), {
+                key: 0,
+                class: "self-center",
+                value: e.description
+              }, null, 8, ["value"])) : (l(), d("span", E, " Server " + C(_ + 1), 1)),
+              s(t(h), {
+                class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
+                variant: "ghost",
+                onClick: (i) => y(e.url)
+              }, {
+                default: p(() => [
+                  s(t(N), { class: "size-3.5" })
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ]),
+            a("div", R, [
+              s(P, {
+                data: e,
+                envVariables: o.envVariables,
+                environment: o.environment,
+                onUpdate: (i, u) => c("server:update:variable", {
+                  serverUrl: e.url,
+                  name: i,
+                  value: u
+                }),
+                options: [
+                  {
+                    label: "URL",
+                    key: "url",
+                    placeholder: "https://void.scalar.com"
+                  },
+                  {
+                    label: "Description",
+                    key: "description",
+                    placeholder: "Production"
+                  }
+                ]
+              }, null, 8, ["data", "envVariables", "environment", "onUpdate"]),
+              e.variables ? (l(), m(t(j), {
+                key: 0,
+                variables: e.variables,
+                "onUpdate:variable": (i, u) => c("server:update:variable", {
+                  serverUrl: e.url,
+                  name: i,
+                  value: u
+                })
+              }, null, 8, ["variables", "onUpdate:variable"])) : b("", !0)
+            ])
+          ])
+        ]))), 128)),
+        a("div", T, [
+          s(t(h), {
+            class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
+            size: "sm",
+            variant: "ghost",
+            onClick: S
+          }, {
+            default: p(() => [
+              s(t(D)),
+              r[2] || (r[2] = a("span", null, "Add Server", -1))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      n.value ? (l(), m(t(M), {
+        key: 0,
+        size: "xxs",
+        state: t(v),
+        title: `Delete ${n.value ?? "Server"}`
+      }, {
+        default: p(() => [
+          s(B, {
+            variableName: "Server",
+            warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
+            onClose: r[0] || (r[0] = (e) => t(v).hide()),
+            onDelete: r[1] || (r[1] = (e) => c("server:delete", { serverUrl: n.value }))
+          })
+        ]),
+        _: 1
+      }, 8, ["state", "title"])) : b("", !0)
+    ], 64));
+  }
+});
+export {
+  K as default
+};

package/dist/v2/features/collection/components/Settings.test.d.ts

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

package/dist/v2/features/collection/components/Settings.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.test.ts"],"names":[],"mappings":""}

package/dist/v2/features/collection/components/Settings.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    /** Document source url if available */
+    documentUrl?: string;
+    /** Watch mode status if also document url is provided */
+    watchMode?: boolean;
+    /** Document title */
+    title: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    deleteDocument: () => any;
+    "update:watchMode": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDeleteDocument?: (() => any) | undefined;
+    "onUpdate:watchMode"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=Settings.vue.d.ts.map

package/dist/v2/features/collection/components/Settings.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":"AA4IA,KAAK,WAAW,GAAG;IACjB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;;;;;;;AAySF,wBAOG"}

package/dist/v2/features/collection/components/Settings.vue.js

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