@scalar/api-client 2.3.33 → 2.4.1

package/CHANGELOG.md

@@ -1,5 +1,82 @@
 # @scalar/api-client
 
+## 2.4.1
+
+### Patch Changes
+
+- Updated dependencies [4440949]
+  - @scalar/components@0.14.1
+  - @scalar/oas-utils@0.3.1
+  - @scalar/object-utils@1.2.1
+  - @scalar/openapi-types@0.3.1
+  - @scalar/types@0.2.1
+  - @scalar/use-codemirror@0.12.1
+  - @scalar/import@0.4.1
+  - @scalar/postman-to-openapi@0.3.1
+  - @scalar/openapi-parser@0.11.0
+  - @scalar/snippetz@0.3.0
+  - @scalar/themes@0.12.1
+  - @scalar/use-hooks@0.2.1
+  - @scalar/icons@0.4.1
+
+## 2.4.0
+
+### Minor Changes
+
+- 483ca93: chore: require Node 20 (or above)
+
+### Patch Changes
+
+- 26476ed: feat: send cross-origin cookies in scalar app
+- 30bab1d: support unexploded serialization of array query params
+- 5613e40: feat(components): scalar tooltip overhaul
+- fe696ab: fix: adds server variable form border for api reference
+- 20cf550: fix: array query params showing on code snippet
+- Updated dependencies [bd602d3]
+- Updated dependencies [b77f67a]
+- Updated dependencies [30bab1d]
+- Updated dependencies [5613e40]
+- Updated dependencies [483ca93]
+- Updated dependencies [1d1470c]
+- Updated dependencies [0efcab4]
+- Updated dependencies [20cf550]
+  - @scalar/openapi-parser@0.11.0
+  - @scalar/snippetz@0.3.0
+  - @scalar/oas-utils@0.3.0
+  - @scalar/components@0.14.0
+  - @scalar/themes@0.12.0
+  - @scalar/postman-to-openapi@0.3.0
+  - @scalar/use-codemirror@0.12.0
+  - @scalar/openapi-types@0.3.0
+  - @scalar/object-utils@1.2.0
+  - @scalar/use-tooltip@1.1.0
+  - @scalar/use-toasts@0.8.0
+  - @scalar/draggable@0.2.0
+  - @scalar/use-hooks@0.2.0
+  - @scalar/import@0.4.0
+  - @scalar/icons@0.4.0
+  - @scalar/types@0.2.0
+
+## 2.3.34
+
+### Patch Changes
+
+- 6b4a3c3: chore: export decodeBuffer
+- cd0722d: fix(api-client): add aria label to request table code inputs
+- Updated dependencies [be8a6ec]
+- Updated dependencies [1843cfe]
+  - @scalar/types@0.1.16
+  - @scalar/components@0.13.59
+  - @scalar/oas-utils@0.2.144
+  - @scalar/openapi-parser@0.10.17
+  - @scalar/snippetz@0.2.20
+  - @scalar/themes@0.11.3
+  - @scalar/use-codemirror@0.11.104
+  - @scalar/import@0.3.27
+  - @scalar/postman-to-openapi@0.2.17
+  - @scalar/use-hooks@0.1.50
+  - @scalar/icons@0.3.7
+
 ## 2.3.33
 
 ### Patch Changes

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3834ac3d"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60ccbed0"]]);
 export {
-  _ as default
+  e as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -20,7 +20,7 @@ const me = { class: "whitespace-nowrap" }, ce = ["id"], be = {
   class: "centered-y text-orange absolute right-7 text-xs"
 }, ve = {
   key: 6,
-  class: "centered-y group-has-[.cm-focused]:z-1 -right-0.25 absolute flex h-full items-center p-1.5"
+  class: "centered-y group-has-[.cm-focused]:z-1 absolute right-0 flex h-full items-center p-1.5"
 }, he = {
   key: 7,
   class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.error]:bg-transparent group-[.alert]:shadow-none group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AAqxBA,wBAOG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AAwuBA,wBAOG"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as G, ref as R, computed as k, watch as D, createBlock as _, openBlock as n, unref as s, withCtx as v, createElementBlock as c, Fragment as g, createElementVNode as w, createCommentVNode as H, createVNode as C, createTextVNode as f, toDisplayString as V } from "vue";
-import { useLoadingState as K, ScalarButton as T, ScalarCodeBlock as Q, ScalarIcon as X, ScalarTooltip as Z } from "@scalar/components";
+import { defineComponent as G, ref as O, computed as I, watch as V, createBlock as P, openBlock as i, unref as s, withCtx as v, createElementBlock as f, Fragment as g, createElementVNode as S, createCommentVNode as H, createVNode as C, createTextVNode as p, toDisplayString as T } from "vue";
+import { useLoadingState as K, ScalarButton as _, ScalarCodeBlock as Q, ScalarIcon as X, ScalarTooltip as Z } from "@scalar/components";
 import { useToasts as ee } from "@scalar/use-toasts";
 import { useRouter as te } from "vue-router";
 import { importCurlCommand as oe } from "../../libs/importers/curl.js";
@@ -7,119 +7,113 @@ import { useActiveEntities as ae } from "../../store/active-entities.js";
 import le from "./CommandActionForm.vue.js";
 import ne from "./CommandActionInput.vue.js";
 import re from "./WatchModeToggle.vue.js";
-import { isPostmanCollection as S, getPostmanDocumentDetails as ie, convertPostmanToOpenApi as F } from "../../libs/postman.js";
+import { isPostmanCollection as L, getPostmanDocumentDetails as ie, convertPostmanToOpenApi as F } from "../../libs/postman.js";
 import { getOpenApiDocumentDetails as se } from "../../libs/getOpenApiDocumentDetails.js";
 import { isUrl as U } from "../../libs/isUrl.js";
 import { useFileDialog as ue } from "../../hooks/useFileDialog.js";
-import { PathId as M } from "../../routes.js";
+import { PathId as W } from "../../routes.js";
 import { useWorkspace as ce } from "../../store/store.js";
-const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-row items-center justify-between gap-3" }, pe = { class: "w-content bg-b-1 text-xxs text-c-1 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, ve = { class: "text-c-2 flex items-center" }, fe = {
-  key: 0,
-  class: "text-pretty"
-}, ge = {
-  key: 1,
-  class: "text-pretty"
-}, De = /* @__PURE__ */ G({
+const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-row items-center justify-between gap-3" }, Ae = /* @__PURE__ */ G({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(ye, { emit: N }) {
-    const P = N, $ = te(), { activeWorkspace: m, activeCollection: B } = ae(), { importSpecFile: b, importSpecFromUrl: W, events: j } = ce(), { toast: d } = ee(), p = K(), a = R(""), y = R(!0), i = k(() => S(a.value) ? ie(a.value) : se(a.value)), A = k(
-      () => i.value ? i.value.type : "json"
+  setup(pe, { emit: N }) {
+    const k = N, $ = te(), { activeWorkspace: c, activeCollection: B } = ae(), { importSpecFile: w, importSpecFromUrl: M, events: j } = ce(), { toast: m } = ee(), d = K(), a = O(""), y = O(!0), r = I(() => L(a.value) ? ie(a.value) : se(a.value)), A = I(
+      () => r.value ? r.value.type : "json"
     );
     function x(t) {
       var e;
       t && $.push({
         name: "collection",
         params: {
-          [M.Workspace]: (e = m.value) == null ? void 0 : e.uid,
-          [M.Collection]: t.uid
+          [W.Workspace]: (e = c.value) == null ? void 0 : e.uid,
+          [W.Collection]: t.uid
         }
       });
     }
-    const h = k(() => U(a.value)), z = k(() => !!i.value), { open: E } = ue({
+    const h = I(() => U(a.value)), E = I(() => !!r.value), { open: z } = ue({
       onChange: async (t) => {
         const e = t == null ? void 0 : t[0];
         if (e) {
-          const r = new FileReader();
-          r.onload = async (I) => {
-            var u, L, O;
-            const o = (u = I.target) == null ? void 0 : u.result;
+          const n = new FileReader();
+          n.onload = async (b) => {
+            var u, R, D;
+            const o = (u = b.target) == null ? void 0 : u.result;
             try {
-              if (S(o)) {
-                const l = await b(
+              if (L(o)) {
+                const l = await w(
                   await F(o),
-                  ((L = m.value) == null ? void 0 : L.uid) ?? ""
+                  ((R = c.value) == null ? void 0 : R.uid) ?? ""
                 );
                 x(l == null ? void 0 : l.collection);
               } else {
-                const l = await b(
+                const l = await w(
                   o,
-                  ((O = m.value) == null ? void 0 : O.uid) ?? ""
+                  ((D = c.value) == null ? void 0 : D.uid) ?? ""
                 );
                 x(l == null ? void 0 : l.collection);
               }
-              d("Import successful", "info"), P("close");
+              m("Import successful", "info"), k("close");
             } catch (l) {
               console.error(l);
               const q = (l == null ? void 0 : l.message) || "Unknown error";
-              d(`Import failed: ${q}`, "error");
+              m(`Import failed: ${q}`, "error");
             }
-          }, r.readAsText(e);
+          }, n.readAsText(e);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    D(h, (t) => {
+    V(h, (t) => {
       t || (y.value = !1);
-    }), D(a, (t) => {
+    }), V(a, (t) => {
       U(t) || (y.value = !1);
     });
     async function J() {
-      var t, e, r, I;
-      if (!(!a.value || p.isLoading)) {
-        p.startLoading();
+      var t, e, n, b;
+      if (!(!a.value || d.isLoading)) {
+        d.startLoading();
         try {
           if (h.value) {
-            const [o, u] = await W(
+            const [o, u] = await M(
               a.value,
-              ((t = m.value) == null ? void 0 : t.uid) ?? "",
+              ((t = c.value) == null ? void 0 : t.uid) ?? "",
               {
-                proxyUrl: (e = m.value) == null ? void 0 : e.proxyUrl,
+                proxyUrl: (e = c.value) == null ? void 0 : e.proxyUrl,
                 watchMode: y.value
               }
             );
             if (x(u == null ? void 0 : u.collection), o) {
-              d(
+              m(
                 "There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.",
                 "error",
                 { timeout: 5e3 }
-              ), p.invalidate(2e3, !0);
+              ), d.invalidate(2e3, !0);
               return;
             }
-          } else if (z.value)
-            if (S(a.value)) {
-              const o = await b(
+          } else if (E.value)
+            if (L(a.value)) {
+              const o = await w(
                 await F(a.value),
-                ((r = m.value) == null ? void 0 : r.uid) ?? ""
+                ((n = c.value) == null ? void 0 : n.uid) ?? ""
               );
-              x(o == null ? void 0 : o.collection), d("Successfully converted Postman collection", "info");
+              x(o == null ? void 0 : o.collection), m("Successfully converted Postman collection", "info");
             } else {
-              const o = await b(
+              const o = await w(
                 a.value,
-                ((I = m.value) == null ? void 0 : I.uid) ?? ""
+                ((b = c.value) == null ? void 0 : b.uid) ?? ""
               );
               x(o == null ? void 0 : o.collection);
             }
           else {
-            d("Import failed: Invalid URL or OpenAPI document", "error"), p.invalidate(2e3, !0);
+            m("Import failed: Invalid URL or OpenAPI document", "error"), d.invalidate(2e3, !0);
             return;
           }
-          p.clear(), P("close"), d("Import successful", "info");
+          d.clear(), k("close"), m("Import successful", "info");
         } catch (o) {
           console.error("[importCollection]", o);
           const u = (o == null ? void 0 : o.message) || "Unknown error";
-          p.invalidate(2e3, !0), d(`Import failed: ${u}`, "error");
+          d.invalidate(2e3, !0), m(`Import failed: ${u}`, "error");
         }
       }
     }
@@ -137,20 +131,20 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
       }
       a.value = t;
     };
-    return (t, e) => (n(), _(le, {
+    return (t, e) => (i(), P(le, {
       disabled: !a.value.trim(),
-      loading: s(p),
+      loading: s(d),
       onSubmit: J
     }, {
       options: v(() => [
-        w("div", de, [
-          C(s(T), {
+        S("div", de, [
+          C(s(_), {
             class: "hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs",
             variant: "outlined",
-            onClick: s(E)
+            onClick: s(z)
           }, {
             default: v(() => [
-              e[5] || (e[5] = f(" JSON, or YAML File ")),
+              e[5] || (e[5] = p(" JSON, or YAML File ")),
               C(s(X), {
                 class: "text-c-3",
                 icon: "Upload",
@@ -160,65 +154,56 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
             _: 1
           }, 8, ["onClick"]),
           C(s(Z), {
-            as: "div",
-            class: "z-[10001]",
-            side: "bottom",
-            sideOffset: 5
+            content: h.value ? "Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date." : "Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.",
+            placement: "bottom"
           }, {
-            trigger: v(() => [
+            default: v(() => [
               C(re, {
                 modelValue: y.value,
-                "onUpdate:modelValue": e[2] || (e[2] = (r) => y.value = r),
+                "onUpdate:modelValue": e[2] || (e[2] = (n) => y.value = n),
                 disabled: !h.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
-            content: v(() => [
-              w("div", pe, [
-                w("div", ve, [
-                  h.value ? (n(), c("span", fe, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (n(), c("span", ge, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
-                ])
-              ])
-            ]),
             _: 1
-          })
+          }, 8, ["content"])
         ])
       ]),
       submit: v(() => [
-        e[6] || (e[6] = f(" Import ")),
-        h.value ? (n(), c(g, { key: 0 }, [
-          f(" from URL ")
-        ], 64)) : i.value && A.value ? (n(), c(g, { key: 1 }, [
-          i.value.title ? (n(), c(g, { key: 0 }, [
-            f(' "' + V(i.value.title) + '" ', 1)
-          ], 64)) : (n(), c(g, { key: 1 }, [
-            f(V(i.value.version), 1)
+        e[6] || (e[6] = p(" Import ")),
+        h.value ? (i(), f(g, { key: 0 }, [
+          p(" from URL ")
+        ], 64)) : r.value && A.value ? (i(), f(g, { key: 1 }, [
+          r.value.title ? (i(), f(g, { key: 0 }, [
+            p(' "' + T(r.value.title) + '" ', 1)
+          ], 64)) : (i(), f(g, { key: 1 }, [
+            p(T(r.value.version), 1)
           ], 64))
-        ], 64)) : (n(), c(g, { key: 2 }, [
-          f(" Collection ")
+        ], 64)) : (i(), f(g, { key: 2 }, [
+          p(" Collection ")
         ], 64))
       ]),
       default: v(() => [
-        !i.value || s(U)(a.value) ? (n(), _(ne, {
+        !r.value || s(U)(a.value) ? (i(), P(ne, {
           key: 0,
           modelValue: a.value,
           placeholder: "OpenAPI/Swagger/Postman URL or cURL",
-          onOnDelete: e[0] || (e[0] = (r) => P("back", r)),
+          onOnDelete: e[0] || (e[0] = (n) => k("back", n)),
           "onUpdate:modelValue": Y
-        }, null, 8, ["modelValue"])) : (n(), c(g, { key: 1 }, [
-          w("div", me, [
-            e[4] || (e[4] = w("div", { class: "text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs" }, " Preview ", -1)),
-            C(s(T), {
+        }, null, 8, ["modelValue"])) : (i(), f(g, { key: 1 }, [
+          S("div", me, [
+            e[4] || (e[4] = S("div", { class: "text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs" }, " Preview ", -1)),
+            C(s(_), {
               class: "hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs",
               variant: "ghost",
-              onClick: e[1] || (e[1] = (r) => a.value = "")
+              onClick: e[1] || (e[1] = (n) => a.value = "")
             }, {
               default: v(() => e[3] || (e[3] = [
-                f(" Clear ")
+                p(" Clear ")
               ])),
               _: 1
             })
           ]),
-          i.value && !s(U)(a.value) ? (n(), _(s(Q), {
+          r.value && !s(U)(a.value) ? (i(), P(s(Q), {
             key: 0,
             class: "bg-b-2 mt-1 max-h-[40dvh] rounded border px-2 py-1 text-sm",
             content: a.value,
@@ -232,5 +217,5 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
   }
 });
 export {
-  De as default
+  Ae as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts

@@ -104,11 +104,13 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
+                    explode?: boolean | undefined;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
                 'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
+                'x-post-response'?: string | undefined;
                 'x-codeSamples'?: unknown;
                 'x-code-samples'?: unknown;
                 'x-custom-examples'?: unknown;
@@ -157,11 +159,13 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
+                    explode?: boolean | undefined;
                 }[] | undefined;
                 requestBody?: any;
                 responses?: Record<string, any> | undefined;
                 'x-scalar-stability'?: unknown;
                 method?: "options" | "connect" | "delete" | "get" | "head" | "patch" | "post" | "put" | "trace" | undefined;
+                'x-post-response'?: string | undefined;
                 'x-codeSamples'?: unknown;
                 'x-code-samples'?: unknown;
                 'x-custom-examples'?: unknown;

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA0eA;;;;GAIG;;AACH,wBAmjBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBAnlB9B,CAvTqC;qBAuTrC,CAtTY;;;;;;;mBAsTZ,CAvTqC;qBAuTrC,CAtTY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6sBkB,CAAC;;;;;;;;;;;;;;;+BAOmD,CAAC;4BAAsC,CAAC;2BAAsC,CAAC;8BAEjK,CAAC;4BAEmC,CAAC;6BACb,CAAC;+BAA8B,CAAC;qCAA+C,CAAC;;0BAI/F,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAhBhC,CAAC;;;;;;;;;;;;;;;+BAOmD,CAAC;4BAAsC,CAAC;2BAAsC,CAAC;8BAEjK,CAAC;4BAEmC,CAAC;6BACb,CAAC;+BAA8B,CAAC;qCAA+C,CAAC;;0BAI/F,CAAC;2BAA0B,CAAC;yBAAwB,CAAC;;;;;;;;;;;;;;;;;;CAqLpD,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA0eA;;;;GAIG;;AACH,wBAmjBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBAnlB9B,CAvTqC;qBAuTrC,CAtTY;;;;;;;mBAsTZ,CAvTqC;qBAuTrC,CAtTY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAytBoF,CAAC;;;;;;;;;;;;;;;+BAUzE,CAAC;4BAClB,CAAC;2BACwB,CAAC;8BAA6B,CAAC;4BAAuC,CAAC;6BACnF,CAAC;+BAA8B,CAAC;qCAA+C,CAAC;;0BAC5E,CAAC;2BAA0B,CAAC;yBACnD,CAAC;2BAC2G,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAhBd,CAAC;;;;;;;;;;;;;;;+BAUzE,CAAC;4BAClB,CAAC;2BACwB,CAAC;8BAA6B,CAAC;4BAAuC,CAAC;6BACnF,CAAC;+BAA8B,CAAC;qCAA+C,CAAC;;0BAC5E,CAAC;2BAA0B,CAAC;yBACnD,CAAC;2BAC2G,CAAC;;;;;;;;;;;;;;;;;;;CAyKpG,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

package/dist/components/Server/ServerVariablesForm.vue.d.ts

@@ -4,6 +4,8 @@ type __VLS_Props = {
     values?: ServerVariableValues;
     /** The ID of the input controlled by the variables form */
     controls?: string;
+    /** The layout of the server variables form */
+    layout?: 'client' | 'reference';
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:variable": (name: string, value: string) => any;

package/dist/components/Server/ServerVariablesForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AA+DA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAIlC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAC;;;;;;AA0IF,wBAOG"}
+{"version":3,"file":"ServerVariablesForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Server/ServerVariablesForm.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACrB,MAAM,2BAA2B,CAAA;AAIlC,KAAK,WAAW,GAAG;IACjB,SAAS,CAAC,EAAE,eAAe,GAAG,SAAS,CAAA;IACvC,MAAM,CAAC,EAAE,oBAAoB,CAAA;IAC7B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAA;CAChC,CAAC;;;;;;AA2IF,wBAOG"}

package/dist/components/Server/ServerVariablesForm.vue.js

@@ -1,16 +1,17 @@
-import { defineComponent as h, createElementBlock as m, createCommentVNode as k, openBlock as o, Fragment as y, renderList as C, createElementVNode as V, createBlock as v, toDisplayString as _ } from "vue";
-import B from "./ServerVariablesSelect.vue.js";
-import S from "./ServerVariablesTextbox.vue.js";
-const $ = { class: "mr-1.5 flex items-center py-1.5 pl-3 after:content-[':'] group-has-[input]/label:mr-0" }, N = /* @__PURE__ */ h({
+import { defineComponent as g, createElementBlock as p, createCommentVNode as y, openBlock as o, Fragment as h, renderList as k, normalizeClass as C, createElementVNode as V, createBlock as f, toDisplayString as B } from "vue";
+import S from "./ServerVariablesSelect.vue.js";
+import $ from "./ServerVariablesTextbox.vue.js";
+const j = { class: "mr-1.5 flex items-center py-1.5 pl-3 after:content-[':'] group-has-[input]/label:mr-0" }, O = /* @__PURE__ */ g({
   __name: "ServerVariablesForm",
   props: {
     variables: {},
     values: {},
-    controls: {}
+    controls: {},
+    layout: { default: "client" }
   },
   emits: ["update:variable"],
-  setup(f, { emit: g }) {
-    const n = f, d = g;
+  setup(n, { emit: v }) {
+    const d = v;
     function s(e, r) {
       d("update:variable", e, r);
     }
@@ -18,30 +19,30 @@ const $ = { class: "mr-1.5 flex items-center py-1.5 pl-3 after:content-[':'] gro
       var r, l, a;
       return (((r = n.values) == null ? void 0 : r[e]) ?? ((a = (l = n.variables) == null ? void 0 : l[e]) == null ? void 0 : a.default) ?? "").toString();
     };
-    return (e, r) => e.variables && Object.keys(e.variables ?? {}).length ? (o(!0), m(y, { key: 0 }, C(Object.keys(e.variables), (l) => {
-      var a, u, c, p, b;
-      return o(), m("label", {
+    return (e, r) => e.variables && Object.keys(e.variables ?? {}).length ? (o(!0), p(h, { key: 0 }, k(Object.keys(e.variables), (l) => {
+      var a, u, c, b, m;
+      return o(), p("label", {
         key: l,
-        class: "group/label flex w-full"
+        class: C(["group/label flex w-full", e.layout === "reference" && "border-x border-b"])
       }, [
-        V("span", $, _(l), 1),
-        (c = (u = (a = e.variables) == null ? void 0 : a[l]) == null ? void 0 : u.enum) != null && c.length ? (o(), v(B, {
+        V("span", j, B(l), 1),
+        (c = (u = (a = e.variables) == null ? void 0 : a[l]) == null ? void 0 : u.enum) != null && c.length ? (o(), f(S, {
           key: 0,
           controls: e.controls,
-          enum: ((b = (p = e.variables[l]) == null ? void 0 : p.enum) == null ? void 0 : b.map((t) => `${t}`)) ?? [],
+          enum: ((m = (b = e.variables[l]) == null ? void 0 : b.enum) == null ? void 0 : m.map((t) => `${t}`)) ?? [],
           label: l,
           value: i(l),
           onChange: (t) => s(l, t)
-        }, null, 8, ["controls", "enum", "label", "value", "onChange"])) : (o(), v(S, {
+        }, null, 8, ["controls", "enum", "label", "value", "onChange"])) : (o(), f($, {
           key: 1,
           controls: e.controls,
           value: i(l),
           onChange: (t) => s(l, t)
         }, null, 8, ["controls", "value", "onChange"]))
-      ]);
-    }), 128)) : k("", !0);
+      ], 2);
+    }), 128)) : y("", !0);
   }
 });
 export {
-  N as default
+  O as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA+MA,OAAO,EAQL,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAA;AAO3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;;;;;;;;;;;;;;AAyVF,wBAQG"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAoMA,OAAO,EAQL,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAA;AAQ3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;;;;;;;;;;;;;;AAyUF,wBAQG"}

package/dist/components/TopNav/TopNavItem.vue.js

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