@scalar/api-client 2.2.35 → 2.2.38

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @scalar/api-client
 
+## 2.2.38
+
+### Patch Changes
+
+- 7a18a2d: feat: favors layout hook over isReadOnly
+- 12e7232: feat: adds parameter examples support
+- b0d5511: fix: addressbar stylel in modal
+- 974234f: fix: server variable type mismatch
+- 6400bfc: feat: revamps address bar server menu
+- 901970f: fix: removes application/json content type as default
+- 6400bfc: feat: removes server from request variables table
+- a4ec7fa: refactor: use request entity for TestRequestButton
+- 5ab0663: feat: adds request example array multiselect
+- 917214a: chore: update Scalar support email
+- 42b58bf: fix: updates address bar ui
+- 2ed681b: fix: updates markup in unordered list
+- Updated dependencies [12e7232]
+- Updated dependencies [8b5d905]
+- Updated dependencies [776a4e2]
+- Updated dependencies [2ed681b]
+- Updated dependencies [8665004]
+- Updated dependencies [4f12fe4]
+- Updated dependencies [702c386]
+- Updated dependencies [901970f]
+- Updated dependencies [5ab0663]
+- Updated dependencies [f1f39b0]
+- Updated dependencies [917214a]
+- Updated dependencies [f1f39b0]
+- Updated dependencies [776a4e2]
+  - @scalar/oas-utils@0.2.100
+  - @scalar/components@0.13.17
+  - @scalar/themes@0.9.62
+  - @scalar/types@0.0.28
+  - @scalar/import@0.2.20
+  - @scalar/postman-to-openapi@0.1.23
+  - @scalar/use-codemirror@0.11.62
+  - @scalar/use-hooks@0.1.16
+  - @scalar/openapi-parser@0.10.4
+
+## 2.2.37
+
+### Patch Changes
+
+- 9276103: fix: add back in using index as a key in a couple places
+- de6cd98: feat: adds query parameters array support
+
+## 2.2.36
+
+### Patch Changes
+
+- ca381b6: fix: avoids index as a key in list rendering
+- c803e2d: feat: cookies 🍪
+- ca381b6: fix: updates param tooltip function and style
+- Updated dependencies [c803e2d]
+- Updated dependencies [aac6c86]
+  - @scalar/oas-utils@0.2.99
+  - @scalar/components@0.13.16
+  - @scalar/import@0.2.19
+  - @scalar/postman-to-openapi@0.1.22
+  - @scalar/use-codemirror@0.11.61
+
 ## 2.2.35
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAmwBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AA0vBA,wBAMG"}

package/dist/components/AddressBar/AddressBar.vue.js

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

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,151 +1,142 @@
-import { defineComponent as T, ref as n, watch as $, unref as a, openBlock as _, createElementBlock as P, createElementVNode as r, createVNode as u, withCtx as y, normalizeClass as B, normalizeStyle as D, createBlock as K, createCommentVNode as E } from "vue";
-import Q from "../CodeInput/CodeInput.vue.js";
-import { useActiveEntities as W } from "../../store/active-entities.js";
-import { Listbox as j } from "@headlessui/vue";
-import { ScalarButton as F, ScalarIcon as G } from "@scalar/components";
-import { REQUEST_METHODS as J } from "@scalar/oas-utils/helpers";
-import X from "../HttpMethod/HttpMethod.vue.js";
-import Y from "./AddressBarHistory.vue.js";
-import Z from "./AddressBarServer.vue.js";
-import { useWorkspace as ee } from "../../store/store.js";
-const le = {
-  key: 0,
-  class: "scalar-address-bar order-last lg:order-none lg:w-auto w-full"
-}, te = { class: "m-auto flex flex-row items-center" }, ae = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, re = { class: "flex gap-1" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, se = {
+import { defineComponent as M, useId as H, ref as n, watch as N, unref as l, openBlock as q, createElementBlock as T, createElementVNode as r, normalizeClass as $, normalizeStyle as O, createVNode as u, createBlock as P, createCommentVNode as y, withCtx as D } from "vue";
+import K from "../CodeInput/CodeInput.vue.js";
+import { useActiveEntities as Q } from "../../store/active-entities.js";
+import { ScalarButton as W, ScalarIcon as j } from "@scalar/components";
+import { REQUEST_METHODS as F } from "@scalar/oas-utils/helpers";
+import G from "../HttpMethod/HttpMethod.vue.js";
+import J from "./AddressBarHistory.vue.js";
+import X from "./AddressBarServer.vue.js";
+import { useWorkspace as Y } from "../../store/store.js";
+import { useLayout as Z } from "../../hooks/useLayout.js";
+const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { class: "addressbar-bg-states group text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg p-0.75 max-w-[calc(100dvw-24px)]" }, ae = { class: "border rounded-lg pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, re = { class: "flex gap-1 z-context-plus" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full" }, se = {
   "aria-hidden": "true",
   class: "inline-flex gap-1 items-center"
-}, be = /* @__PURE__ */ T({
+}, ge = /* @__PURE__ */ M({
   __name: "AddressBar",
   emits: ["importCurl"],
   setup(ie) {
-    const { activeRequest: l, activeExample: S, activeServer: v, activeCollection: p } = W(), { isReadOnly: x, requestMutators: f, requestHistory: V, events: c } = ee(), h = n(V[0]), b = n(null), I = (e) => {
-      !l.value || l.value.path === e || f.edit(l.value.uid, "path", e);
+    const d = H(), { activeRequest: t, activeExample: B, activeServer: v, activeCollection: p } = Q(), { requestMutators: c, events: f } = Y(), { layout: x } = Z(), h = n(null), E = (e) => {
+      !t.value || t.value.path === e || c.edit(t.value.uid, "path", e);
     };
-    $(
+    N(
       () => {
         var e;
-        return (e = l.value) == null ? void 0 : e.path;
+        return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !l.value || !e || I(e);
+        !t.value || !e || E(e);
       }
     );
     const o = n(100), g = n(0), s = n(!1), i = n();
-    function U() {
+    function R() {
       s.value ? o.value -= (o.value - 15) / 60 : o.value -= g.value / 20, o.value <= 0 && (clearInterval(i.value), i.value = void 0, o.value = 100, s.value = !1);
     }
-    function L() {
-      i.value || (s.value = !0, i.value = setInterval(U, 20));
+    function S() {
+      i.value || (s.value = !0, i.value = setInterval(R, 20));
     }
     function z() {
       g.value = o.value, s.value = !1;
     }
-    function A() {
+    function I() {
       clearInterval(i.value), i.value = void 0, o.value = 100, s.value = !1;
     }
-    c.requestStatus.on((e) => {
-      e === "start" && L(), e === "stop" && z(), e === "abort" && A();
+    f.requestStatus.on((e) => {
+      e === "start" && S(), e === "stop" && z(), e === "abort" && I();
     });
-    function H(e) {
-      l.value && f.edit(l.value.uid, "method", e);
+    function V(e) {
+      t.value && c.edit(t.value.uid, "method", e);
     }
-    function M() {
-      if (!l.value) return;
-      const { method: e } = l.value;
-      return J[e].backgroundColor;
+    function L() {
+      if (!t.value) return;
+      const { method: e } = t.value;
+      return F[e].backgroundColor;
     }
     function m() {
       var e;
-      s.value || (s.value = !0, c.executeRequest.emit({ requestUid: (e = l.value) == null ? void 0 : e.uid }));
+      s.value || (s.value = !0, f.executeRequest.emit({ requestUid: (e = t.value) == null ? void 0 : e.uid }));
     }
-    c.hotKeys.on((e) => {
-      var t;
-      e != null && e.focusAddressBar && ((t = b.value) == null || t.focus()), e != null && e.executeRequest && m();
+    f.hotKeys.on((e) => {
+      var a;
+      e != null && e.focusAddressBar && ((a = h.value) == null || a.focus()), e != null && e.executeRequest && m();
     });
-    function N(e) {
-      l.value && f.edit(l.value.uid, "path", e);
+    function U(e) {
+      t.value && c.edit(t.value.uid, "path", e);
     }
-    return (e, t) => a(l) && a(S) ? (_(), P("div", le, [
-      r("div", te, [
-        u(a(j), {
-          modelValue: h.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (d) => h.value = d)
-        }, {
-          default: y(({ open: d }) => {
-            var w, C, k, q, R;
-            return [
+    return (e, a) => {
+      var b, w, C, _, k;
+      return l(t) && l(B) ? (q(), T("div", {
+        key: 0,
+        id: l(d),
+        class: "scalar-address-bar order-last lg:order-none lg:w-auto w-full [--scalar-address-bar-height:32px] h-[--scalar-address-bar-height]"
+      }, [
+        r("div", te, [
+          r("div", le, [
+            r("div", ae, [
               r("div", {
-                class: B([
-                  "addressbar-bg-states text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
-                  { "border-transparent overflow-visible rounded-b-none": d }
-                ])
-              }, [
-                r("div", ae, [
-                  r("div", {
-                    class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", M()]),
-                    style: D({ transform: `translate3d(-${o.value}%,0,0)` })
-                  }, null, 6)
-                ]),
-                r("div", re, [
-                  u(X, {
-                    isEditable: !a(x),
-                    isSquare: "",
-                    method: a(l).method,
-                    teleport: "",
-                    onChange: H
-                  }, null, 8, ["isEditable", "method"])
+                class: $(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", L()]),
+                style: O({ transform: `translate3d(-${o.value}%,0,0)` })
+              }, null, 6)
+            ]),
+            r("div", re, [
+              u(G, {
+                isEditable: l(x) !== "modal",
+                isSquare: "",
+                method: l(t).method,
+                teleport: "",
+                onChange: V
+              }, null, 8, ["isEditable", "method"])
+            ]),
+            r("div", oe, [
+              (w = (b = l(p)) == null ? void 0 : b.servers) != null && w.length ? (q(), P(X, {
+                key: 0,
+                target: l(d)
+              }, null, 8, ["target"])) : y("", !0),
+              a[1] || (a[1] = r("div", { class: "fade-left" }, null, -1)),
+              u(K, {
+                ref_key: "addressBarRef",
+                ref: h,
+                "aria-label": "Path",
+                class: "outline-none min-w-fit",
+                disableCloseBrackets: "",
+                disabled: l(x) === "modal",
+                disableEnter: "",
+                disableTabIndent: "",
+                emitOnBlur: !1,
+                importCurl: "",
+                modelValue: l(t).path,
+                placeholder: (C = l(v)) != null && C.uid && ((k = (_ = l(p)) == null ? void 0 : _.servers) != null && k.includes(l(v).uid)) ? "" : "Enter a URL or cURL command",
+                server: "",
+                onCurl: a[0] || (a[0] = (A) => e.$emit("importCurl", A)),
+                onSubmit: m,
+                "onUpdate:modelValue": U
+              }, null, 8, ["disabled", "modelValue", "placeholder"]),
+              a[2] || (a[2] = r("div", { class: "fade-right" }, null, -1))
+            ]),
+            u(J, { target: l(d) }, null, 8, ["target"]),
+            u(l(W), {
+              class: "relative h-auto shrink-0 z-context-plus overflow-hidden pl-2 pr-2.5 py-1 font-bold",
+              disabled: s.value,
+              onClick: m
+            }, {
+              default: D(() => [
+                r("span", se, [
+                  u(l(j), {
+                    class: "relative shrink-0 fill-current",
+                    icon: "Play",
+                    size: "xs"
+                  }),
+                  a[3] || (a[3] = r("span", { class: "text-xxs lg:flex hidden" }, "Send", -1))
                 ]),
-                r("div", oe, [
-                  t[2] || (t[2] = r("div", { class: "fade-left" }, null, -1)),
-                  (C = (w = a(p)) == null ? void 0 : w.servers) != null && C.length ? (_(), K(Z, { key: 0 })) : E("", !0),
-                  u(Q, {
-                    ref_key: "addressBarRef",
-                    ref: b,
-                    "aria-label": "Path",
-                    class: "outline-none",
-                    disableCloseBrackets: "",
-                    disabled: a(x),
-                    disableEnter: "",
-                    disableTabIndent: "",
-                    emitOnBlur: !1,
-                    importCurl: "",
-                    modelValue: a(l).path,
-                    placeholder: (k = a(v)) != null && k.uid && ((R = (q = a(p)) == null ? void 0 : q.servers) != null && R.includes(a(v).uid)) ? "" : "Enter a URL or cURL command",
-                    server: "",
-                    onCurl: t[0] || (t[0] = (O) => e.$emit("importCurl", O)),
-                    onSubmit: m,
-                    "onUpdate:modelValue": N
-                  }, null, 8, ["disabled", "modelValue", "placeholder"]),
-                  t[3] || (t[3] = r("div", { class: "fade-right" }, null, -1))
-                ]),
-                u(Y, { open: d }, null, 8, ["open"]),
-                u(a(F), {
-                  class: "relative h-auto shrink-0 overflow-hidden !pl-2 !pr-2.5 !py-1 font-bold",
-                  disabled: s.value,
-                  onClick: m
-                }, {
-                  default: y(() => [
-                    r("span", se, [
-                      u(a(G), {
-                        class: "relative shrink-0 fill-current",
-                        icon: "Play",
-                        size: "xs"
-                      }),
-                      t[4] || (t[4] = r("span", { class: "text-xxs lg:flex hidden" }, "Send", -1))
-                    ]),
-                    t[5] || (t[5] = r("span", { class: "sr-only" }, " Send Request ", -1))
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ], 2)
-            ];
-          }),
-          _: 1
-        }, 8, ["modelValue"])
-      ])
-    ])) : E("", !0);
+                a[4] || (a[4] = r("span", { class: "sr-only" }, " Send Request ", -1))
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])
+        ])
+      ], 8, ee)) : y("", !0);
+    };
   }
 });
 export {
-  be as default
+  ge as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
-    open: boolean;
+    /** The id of the target to use for the popover (e.g. address bar) */
+    target: string;
 };
 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>;
 export default _default;

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAmIA,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,OAAO,CAAA;CACd,CAAC;;AAoOF,wBAMG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAiLA,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAmQF,wBAOG"}

package/dist/components/AddressBar/AddressBarHistory.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBarHistory.vue2.js";
 /* empty css                       */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-69d275b6"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f70f1917"]]);
 export {
-  d as default
+  a as default
 };

package/dist/components/AddressBar/AddressBarHistory.vue2.js

@@ -1,90 +1,110 @@
-import { defineComponent as C, computed as q, openBlock as u, createElementBlock as b, Fragment as h, createBlock as i, unref as o, withCtx as c, createVNode as x, createCommentVNode as v, createElementVNode as s, normalizeClass as g, renderList as B, toDisplayString as l } from "vue";
-import { formatMs as H } from "../../libs/formatters.js";
-import { useActiveEntities as y } from "../../store/active-entities.js";
-import { ListboxButton as E, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
-import { ScalarIcon as z } from "@scalar/components";
-import { httpStatusCodes as M } from "@scalar/oas-utils/helpers";
-import { useRouter as N } from "vue-router";
-import U from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as V } from "./httpStatusCodeColors.js";
-import { useWorkspace as $ } from "../../store/store.js";
-const A = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, T = /* @__PURE__ */ C({
+import { defineComponent as q, ref as C, computed as y, openBlock as n, createBlock as i, unref as e, withCtx as a, createVNode as d, createSlots as S, createElementVNode as l, createCommentVNode as h, normalizeStyle as w, createElementBlock as B, Fragment as H, renderList as V, toDisplayString as c, normalizeClass as z } from "vue";
+import { formatMs as L } from "../../libs/formatters.js";
+import { useActiveEntities as E } from "../../store/active-entities.js";
+import { Listbox as U, ListboxButton as F, ListboxOptions as M, ListboxOption as N } from "@headlessui/vue";
+import { ScalarFloating as R, ScalarIcon as $, ScalarFloatingBackdrop as A } from "@scalar/components";
+import { httpStatusCodes as I } from "@scalar/oas-utils/helpers";
+import { useRouter as O } from "vue-router";
+import D from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as W } from "./httpStatusCodeColors.js";
+import { useWorkspace as j } from "../../store/store.js";
+const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re = /* @__PURE__ */ q({
   __name: "AddressBarHistory",
   props: {
-    open: { type: Boolean }
+    target: {}
   },
-  setup(O) {
-    const { activeRequest: d } = y(), { requestHistory: k, requestExampleMutators: _ } = $(), p = N(), m = q(
-      () => k.filter((t) => {
-        var r;
-        return t.request.requestUid === ((r = d.value) == null ? void 0 : r.uid);
+  setup(K) {
+    const { activeRequest: p } = E(), { requestHistory: f, requestExampleMutators: k } = j(), v = O(), x = C(f[0]), g = y(
+      () => f.filter((o) => {
+        var t;
+        return o.request.requestUid === ((t = p.value) == null ? void 0 : t.uid);
       }).slice().reverse()
     );
-    function w(t) {
-      var n;
-      const r = p.currentRoute.value.params.workspace;
-      ((n = d.value) == null ? void 0 : n.uid) !== t.request.requestUid && p.push(
-        `/workspace/${r}/request/${t.request.requestUid}`
-      ), _.set({ ...t.request });
+    function _(o) {
+      var r;
+      const t = v.currentRoute.value.params.workspace;
+      ((r = p.value) == null ? void 0 : r.uid) !== o.request.requestUid && v.push(
+        `/workspace/${t}/request/${o.request.requestUid}`
+      ), k.set({ ...o.request });
     }
-    return (t, r) => {
-      var n;
-      return u(), b(h, null, [
-        (n = m.value) != null && n.length ? (u(), i(o(E), {
-          key: 0,
-          class: "addressbar-history-button mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
-        }, {
-          default: c(() => [
-            x(o(z), {
-              icon: "History",
-              size: "sm",
-              thickness: "2.25"
-            })
-          ]),
-          _: 1
-        })) : v("", !0),
-        s("div", {
-          class: g([
-            "absolute bg-white left-0 top-8 w-full rounded-lg before:pointer-events-none before:absolute before:left-0 before:-top-8 before:h-[calc(100%+32px)] before:w-full before:rounded-lg z-context",
-            { "before:shadow-lg": t.open }
-          ])
+    return (o, t) => (n(), i(e(U), {
+      modelValue: x.value,
+      "onUpdate:modelValue": t[0] || (t[0] = (r) => x.value = r)
+    }, {
+      default: a(({ open: r }) => [
+        d(e(R), {
+          offset: 0,
+          resize: "",
+          target: o.target
+        }, S({
+          default: a(() => {
+            var u;
+            return [
+              (u = g.value) != null && u.length ? (n(), i(e(F), {
+                key: 0,
+                class: "addressbar-history-button z-context-plus mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
+              }, {
+                default: a(() => [
+                  d(e($), {
+                    icon: "History",
+                    size: "sm",
+                    thickness: "2.25"
+                  }),
+                  t[1] || (t[1] = l("span", { class: "sr-only" }, "Request History", -1))
+                ]),
+                _: 1
+              })) : h("", !0)
+            ];
+          }),
+          _: 2
         }, [
-          x(o(L), { class: "bg-b-1 border-t custom-scroll max-h-[300px] rounded-b-lg p-[3px] grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
-            default: c(() => [
-              (u(!0), b(h, null, B(m.value, (e, f) => (u(), i(o(S), {
-                key: f,
-                class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:ui-active:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
-                value: f,
-                onClick: (a) => w(e)
+          r ? {
+            name: "floating",
+            fn: a(({ width: u }) => [
+              d(e(M), {
+                class: "address-bg-states border-t custom-scroll max-h-[inherit] p-0.75 grid grid-cols-[44px,1fr,repeat(3,auto)] items-center",
+                style: w({ width: u })
               }, {
-                default: c(() => {
-                  var a;
-                  return [
-                    e.response.method ? (u(), i(U, {
-                      key: 0,
-                      class: "text-[11px]",
-                      method: e.response.method
-                    }, null, 8, ["method"])) : v("", !0),
-                    s("div", A, [
-                      s("div", I, l(e.response.path), 1)
-                    ]),
-                    s("div", null, l(o(H)(e.response.duration)), 1),
-                    s("div", {
-                      class: g([o(V)(e.response.status).color])
-                    }, l(e.response.status), 3),
-                    s("div", null, l((a = o(M)[e.response.status]) == null ? void 0 : a.name), 1)
-                  ];
-                }),
+                default: a(() => [
+                  (n(!0), B(H, null, V(g.value, (s, b) => (n(), i(e(N), {
+                    key: s.timestamp,
+                    class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:ui-active:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
+                    value: b,
+                    onClick: (m) => _(s)
+                  }, {
+                    default: a(() => {
+                      var m;
+                      return [
+                        s.response.method ? (n(), i(D, {
+                          key: 0,
+                          class: "text-[11px]",
+                          method: s.response.method
+                        }, null, 8, ["method"])) : h("", !0),
+                        l("div", G, [
+                          l("div", J, c(s.response.path), 1)
+                        ]),
+                        l("div", null, c(e(L)(s.response.duration)), 1),
+                        l("div", {
+                          class: z([e(W)(s.response.status).color])
+                        }, c(s.response.status), 3),
+                        l("div", null, c((m = e(I)[s.response.status]) == null ? void 0 : m.name), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["value", "onClick"]))), 128))
+                ]),
                 _: 2
-              }, 1032, ["value", "onClick"]))), 128))
+              }, 1032, ["style"]),
+              d(e(A), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
             ]),
-            _: 1
-          })
-        ], 2)
-      ], 64);
-    };
+            key: "0"
+          } : void 0
+        ]), 1032, ["target"])
+      ]),
+      _: 1
+    }, 8, ["modelValue"]));
   }
 });
 export {
-  T as default
+  re as default
 };

package/dist/components/AddressBar/AddressBarServer.vue.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    /** The id of the target to use for the popover (e.g. address bar) */
+    target: string;
+};
+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>;
 export default _default;
 //# sourceMappingURL=AddressBarServer.vue.d.ts.map

package/dist/components/AddressBar/AddressBarServer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AAyVA,wBAMG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAoOF,wBAOG"}