@scalar/api-client 2.20.2 → 2.21.0

package/dist/v2/blocks/response-block/components/ResponseMetaInformation.vue.d.ts

@@ -1,8 +1,10 @@
 import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
-import type { createStoreEvents } from '../../../../store/events.js';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 type __VLS_Props = {
+    /** Response */
     response: ResponseInstance;
-    events: ReturnType<typeof createStoreEvents>;
+    /** Workspace event bus */
+    eventBus: WorkspaceEventBus;
 };
 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/v2/blocks/response-block/components/ResponseMetaInformation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AA4EA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAMvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGvD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;CAC7C,CAAC;;AA0IF,wBAMG"}
+{"version":3,"file":"ResponseMetaInformation.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/response-block/components/ResponseMetaInformation.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AAEvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAOvE,KAAK,WAAW,GAAG;IACjB,eAAe;IACf,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,0BAA0B;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AAqJF,wBAMG"}

package/dist/v2/blocks/response-block/components/ResponseMetaInformation.vue.js

@@ -1,61 +1,67 @@
-import { defineComponent as C, ref as d, computed as g, createElementBlock as a, openBlock as s, toDisplayString as n, unref as c, Fragment as p, createElementVNode as l, createCommentVNode as v, createTextVNode as m, createBlock as h, withCtx as x, normalizeStyle as f } from "vue";
-import { httpStatusCodes as S } from "@scalar/oas-utils/helpers";
-import y from "pretty-ms";
-import I from "../../../../components/HelpfulLink.vue.js";
-import { getContentLength as k } from "../helpers/get-content-length.js";
-const b = { class: "text-c-1 flex gap-1.5" }, w = { key: 0 }, B = { key: 0 }, N = { key: 1 }, R = /* @__PURE__ */ C({
+import { defineComponent as C, ref as v, onMounted as g, onBeforeUnmount as S, computed as x, createElementBlock as a, openBlock as o, toDisplayString as n, unref as c, Fragment as p, createElementVNode as l, createCommentVNode as k, createTextVNode as i, createBlock as w, withCtx as I, normalizeStyle as y } from "vue";
+import { httpStatusCodes as b } from "@scalar/oas-utils/helpers";
+import h from "pretty-ms";
+import q from "../../../../components/HelpfulLink.vue.js";
+import { getContentLength as B } from "../helpers/get-content-length.js";
+const M = { class: "text-c-1 flex gap-1.5" }, N = { key: 0 }, V = { key: 0 }, z = { key: 1 }, T = /* @__PURE__ */ C({
   __name: "ResponseMetaInformation",
   props: {
     response: {},
-    events: {}
+    eventBus: {}
   },
   setup(e) {
-    const u = d(), i = d(0);
-    e.events.requestStatus.on((r) => {
-      r === "start" ? u.value = setInterval(() => i.value += 1e3, 1e3) : (clearInterval(u.value), u.value = void 0, i.value = 0);
+    const r = v(), u = v(0), m = () => {
+      clearInterval(r.value), r.value = void 0, u.value = 0;
+    }, f = () => {
+      r.value = setInterval(() => u.value += 1e3, 1e3);
+    };
+    g(() => {
+      e.eventBus.on("hooks:on:request:sent", f), e.eventBus.on("hooks:on:request:complete", m);
+    }), S(() => {
+      e.eventBus.off("hooks:on:request:sent", f), e.eventBus.off("hooks:on:request:complete", m), m();
     });
-    const t = g(() => {
-      const r = e.response.status;
-      if (r)
-        return S[r] ?? void 0;
+    const t = x(() => {
+      const d = e.response?.status;
+      if (d)
+        return b[d] ?? void 0;
     });
-    return (r, o) => (s(), a("div", b, [
-      u.value && i.value ? (s(), a("span", w, n(c(y)(i.value)), 1)) : (s(), a(p, { key: 1 }, [
+    return (d, s) => (o(), a("div", M, [
+      r.value && u.value ? (o(), a("span", N, n(c(h)(u.value)), 1)) : (o(), a(p, { key: 1 }, [
         l("span", null, [
-          o[0] || (o[0] = l("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
-          m(" " + n(c(y)(e.response.duration)), 1)
+          s[0] || (s[0] = l("span", { class: "sr-only" }, "Response Information, Duration:", -1)),
+          i(" " + n(c(h)(e.response.duration)), 1)
         ]),
-        c(k)(e.response) ? (s(), a("span", B, [
-          o[1] || (o[1] = l("span", { class: "sr-only" }, ", Size:", -1)),
-          m(" " + n(c(k)(e.response)), 1)
-        ])) : v("", !0),
-        t.value ? (s(), a(p, { key: 1 }, [
-          o[2] || (o[2] = l("span", { class: "sr-only" }, ", Status:", -1)),
-          t.value.url ? (s(), h(I, {
+        c(B)(e.response) ? (o(), a("span", V, [
+          s[1] || (s[1] = l("span", { class: "sr-only" }, ", Size:", -1)),
+          i(" " + n(c(B)(e.response)), 1)
+        ])) : k("", !0),
+        t.value ? (o(), a(p, { key: 1 }, [
+          s[2] || (s[2] = l("span", { class: "sr-only" }, ", Status:", -1)),
+          t.value.url ? (o(), w(q, {
             key: 0,
             class: "flex items-center gap-1.5",
             href: t.value.url
           }, {
-            default: x(() => [
-              m(n(e.response.status) + " " + n(t.value.name) + " ", 1),
+            default: I(() => [
+              i(n(e.response.status) + " " + n(t.value.name) + " ", 1),
               l("span", {
                 class: "block h-1.5 w-1.5 rounded-full",
-                style: f({ backgroundColor: t.value.color })
+                style: y({ backgroundColor: t.value.color })
               }, null, 4)
             ]),
             _: 1
-          }, 8, ["href"])) : (s(), a("span", N, [
-            m(n(e.response.status) + " " + n(t.value.name) + " ", 1),
+          }, 8, ["href"])) : (o(), a("span", z, [
+            i(n(e.response.status) + " " + n(t.value.name) + " ", 1),
             l("span", {
               class: "block h-1.5 w-1.5 rounded-full",
-              style: f({ backgroundColor: t.value.color })
+              style: y({ backgroundColor: t.value.color })
             }, null, 4)
           ]))
-        ], 64)) : v("", !0)
+        ], 64)) : k("", !0)
       ], 64))
     ]));
   }
 });
 export {
-  R as default
+  T as default
 };

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAwbA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAWhG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAM3C,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;;;;;;;eAkB6C,MAAM;;;;;;eAAN,MAAM;;;AAglBrD,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/components/AddressBar.vue"],"names":[],"mappings":"AAybA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAWhG,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAM3C,OAA0B,EAAE,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,EAAE,cAAc,CAAA;IACtB,gCAAgC;IAChC,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,mDAAmD;IACnD,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,8BAA8B;IAC9B,OAAO,EAAE,OAAO,EAAE,CAAA;IAClB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,gBAAgB;IAChB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB;IAClB,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;;;;;;;eAkB6C,MAAM;;;;;;eAAN,MAAM;;;AAilBrD,wBAQG"}

package/dist/v2/blocks/scalar-address-bar-block/components/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-80d05ddf"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-cf2e36b4"]]);
 export {
-  a as default
+  e as default
 };

package/dist/v2/blocks/scalar-address-bar-block/components/AddressBar.vue2.js

@@ -1,21 +1,21 @@
-import { defineComponent as D, useId as F, computed as w, ref as S, useTemplateRef as U, onMounted as H, onBeforeUnmount as W, createElementBlock as R, openBlock as h, unref as l, createElementVNode as o, normalizeClass as O, createVNode as a, createCommentVNode as z, normalizeStyle as P, createBlock as K, withCtx as E, createTextVNode as x, toDisplayString as c } from "vue";
-import { ScalarButton as $, ScalarWrappingText as Q, ScalarIcon as j } from "@scalar/components";
-import { REQUEST_METHODS as G } from "@scalar/helpers/http/http-info";
-import { ScalarIconCopy as J, ScalarIconWarningCircle as X } from "@scalar/icons";
-import { useClipboard as Y } from "@scalar/use-hooks/useClipboard";
-import { getResolvedUrl as Z } from "../../operation-block/helpers/get-resolved-url.js";
-import { useLoadingAnimation as _ } from "../hooks/use-loading-animation.js";
-import ee from "./AddressBarHistory.vue.js";
-import te from "../../../../components/HttpMethod/HttpMethod.vue.js";
-import ne from "../../../components/server/ServerDropdown.vue.js";
-import oe from "../../../components/code-input/CodeInput.vue.js";
-const le = ["id"], se = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, ae = { class: "z-context-plus flex gap-1" }, re = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, ie = {
+import { defineComponent as F, useId as H, computed as k, ref as w, useTemplateRef as S, onMounted as W, onBeforeUnmount as O, createElementBlock as U, openBlock as h, unref as l, createElementVNode as o, normalizeClass as P, createVNode as a, createCommentVNode as R, normalizeStyle as K, createBlock as Q, withCtx as z, createTextVNode as x, toDisplayString as c } from "vue";
+import { ScalarButton as E, ScalarWrappingText as j, ScalarIcon as G } from "@scalar/components";
+import { REQUEST_METHODS as J } from "@scalar/helpers/http/http-info";
+import { ScalarIconCopy as X, ScalarIconWarningCircle as Y } from "@scalar/icons";
+import { useClipboard as Z } from "@scalar/use-hooks/useClipboard";
+import { getResolvedUrl as _ } from "../../operation-block/helpers/get-resolved-url.js";
+import { useLoadingAnimation as ee } from "../hooks/use-loading-animation.js";
+import te from "./AddressBarHistory.vue.js";
+import ne from "../../../../components/HttpMethod/HttpMethod.vue.js";
+import oe from "../../../components/server/ServerDropdown.vue.js";
+import le from "../../../components/code-input/CodeInput.vue.js";
+const se = ["id"], ae = { class: "pointer-events-none absolute top-0 left-0 block h-full w-full overflow-hidden rounded-lg border" }, re = { class: "z-context-plus flex gap-1" }, ie = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, de = {
   key: 0,
   class: "z-context absolute inset-x-0 top-[calc(100%+4px)] flex flex-col items-center rounded px-6"
-}, de = { class: "text-c-danger bg-b-danger border-c-danger flex items-center gap-1 rounded border p-1" }, ue = { class: "min-w-0 flex-1" }, me = {
+}, ue = { class: "text-c-danger bg-b-danger border-c-danger flex items-center gap-1 rounded border p-1" }, me = { class: "min-w-0 flex-1" }, ce = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
-}, ce = { class: "sr-only" }, we = /* @__PURE__ */ D({
+}, fe = { class: "sr-only" }, Se = /* @__PURE__ */ F({
   __name: "AddressBar",
   props: {
     path: {},
@@ -28,64 +28,64 @@ const le = ["id"], se = { class: "pointer-events-none absolute top-0 left-0 bloc
     environment: {}
   },
   emits: ["execute", "update:servers", "select:history:item"],
-  setup(e, { expose: V, emit: q }) {
-    const d = q, f = F(), { percentage: b, startLoading: g, stopLoading: v } = _(), T = w(() => ({
-      backgroundColor: `color-mix(in srgb, transparent 90%, ${G[e.method].colorVar})`,
-      transform: `translate3d(-${b.value}%,0,0)`
-    })), i = S(null), r = S(null), y = w(() => r.value || i.value), B = (n, t, s) => {
-      const N = u.value?.cursorPosition();
+  setup(e, { expose: $, emit: V }) {
+    const d = V, f = H(), { percentage: q, startLoading: b, stopLoading: v, isLoading: L } = ee(), T = k(() => ({
+      backgroundColor: `color-mix(in srgb, transparent 90%, ${J[e.method].colorVar})`,
+      transform: `translate3d(-${q.value}%,0,0)`
+    })), i = w(null), r = w(null), g = k(() => r.value || i.value), y = (n, t, s) => {
+      const D = u.value?.cursorPosition();
       e.eventBus.emit(
         "operation:update:pathMethod",
         {
           meta: { method: e.method, path: e.path },
           payload: { method: n, path: t },
           callback: (m) => {
-            (m === "success" || m === "no-change") && (r.value = null, i.value = null), m === "success" ? e.eventBus.emit("ui:focus:address-bar", { position: N }) : m === "conflict" && (n !== e.method && (r.value = n), t !== e.path && (i.value = t));
+            (m === "success" || m === "no-change") && (r.value = null, i.value = null), m === "success" ? e.eventBus.emit("ui:focus:address-bar", { position: D }) : m === "conflict" && (n !== e.method && (r.value = n), t !== e.path && (i.value = t));
           }
         },
         s
       );
-    }, I = (n) => B(n, i.value ?? e.path), L = (n) => {
+    }, I = (n) => y(n, i.value ?? e.path), A = (n) => {
       const t = n.startsWith("/") ? n : `/${n}`;
-      B(r.value ?? e.method, t, {
+      y(r.value ?? e.method, t, {
         debounceKey: `operation:update:pathMethod-${e.path}-${e.method}`
       });
-    }, C = U("sendButtonRef"), u = U("addressBarRef"), p = () => C.value?.$el?.focus(), k = (n) => {
+    }, B = S("sendButtonRef"), u = S("addressBarRef"), C = () => B.value?.$el?.focus(), p = (n) => {
       if (u.value?.isFocused && e.layout !== "desktop")
         return;
       const t = n && "position" in n ? n.position : "end";
       u.value?.focus(t), n && "event" in n && n.event.preventDefault();
     };
-    H(() => {
-      e.eventBus.on("ui:focus:address-bar", k), e.eventBus.on("ui:focus:send-button", p), e.eventBus.on("hooks:on:request:sent", g), e.eventBus.on("hooks:on:request:complete", v);
-    }), W(() => {
-      e.eventBus.off("ui:focus:address-bar", k), e.eventBus.off("ui:focus:send-button", p), e.eventBus.off("hooks:on:request:sent", g), e.eventBus.off("hooks:on:request:complete", v), v();
+    W(() => {
+      e.eventBus.on("ui:focus:address-bar", p), e.eventBus.on("ui:focus:send-button", C), e.eventBus.on("hooks:on:request:sent", b), e.eventBus.on("hooks:on:request:complete", v);
+    }), O(() => {
+      e.eventBus.off("ui:focus:address-bar", p), e.eventBus.off("ui:focus:send-button", C), e.eventBus.off("hooks:on:request:sent", b), e.eventBus.off("hooks:on:request:complete", v), v();
     });
-    const { copyToClipboard: A } = Y(), M = async () => {
-      await A(
-        Z({ environment: e.environment, server: e.server, path: e.path, pathVariables: {} })
+    const { copyToClipboard: M } = Z(), N = async () => {
+      await M(
+        _({ environment: e.environment, server: e.server, path: e.path, pathVariables: {} })
       );
     };
-    return V({
+    return $({
       methodConflict: r,
       pathConflict: i
-    }), (n, t) => (h(), R("div", {
+    }), (n, t) => (h(), U("div", {
       id: l(f),
       class: "scalar-address-bar order-last flex h-(--scalar-address-bar-height) w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
     }, [
       o("div", {
-        class: O(["address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]", {
-          "outline-c-danger outline": y.value
+        class: P(["address-bar-bg-states text-xxs group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg p-0.75 lg:order-none lg:max-w-[580px] lg:min-w-[580px] xl:max-w-[720px] xl:min-w-[720px]", {
+          "outline-c-danger outline": g.value
         }])
       }, [
-        o("div", se, [
+        o("div", ae, [
           o("div", {
             class: "absolute top-0 left-0 z-[1002] h-full w-full",
-            style: P(T.value)
+            style: K(T.value)
           }, null, 4)
         ]),
-        o("div", ae, [
-          a(l(te), {
+        o("div", re, [
+          a(l(ne), {
             isEditable: e.layout !== "modal",
             isSquare: "",
             method: r.value ?? e.method,
@@ -93,8 +93,8 @@ const le = ["id"], se = { class: "pointer-events-none absolute top-0 left-0 bloc
             onChange: I
           }, null, 8, ["isEditable", "method"])
         ]),
-        o("div", re, [
-          e.servers.length ? (h(), K(l(ne), {
+        o("div", ie, [
+          e.servers.length ? (h(), Q(l(oe), {
             key: 0,
             layout: e.layout,
             server: e.server,
@@ -103,9 +103,9 @@ const le = ["id"], se = { class: "pointer-events-none absolute top-0 left-0 bloc
             "onUpdate:selectedServer": t[0] || (t[0] = (s) => e.eventBus.emit("server:update:selected", s)),
             "onUpdate:servers": t[1] || (t[1] = (s) => d("update:servers")),
             "onUpdate:variable": t[2] || (t[2] = (s) => e.eventBus.emit("server:update:variables", s))
-          }, null, 8, ["layout", "server", "servers", "target"])) : z("", !0),
+          }, null, 8, ["layout", "server", "servers", "target"])) : R("", !0),
           t[7] || (t[7] = o("div", { class: "fade-left" }, null, -1)),
-          a(l(oe), {
+          a(l(le), {
             ref_key: "addressBarRef",
             ref: u,
             alwaysEmitChange: "",
@@ -129,65 +129,65 @@ const le = ["id"], se = { class: "pointer-events-none absolute top-0 left-0 bloc
               }
             })),
             onSubmit: t[4] || (t[4] = (s) => d("execute")),
-            "onUpdate:modelValue": L
+            "onUpdate:modelValue": A
           }, null, 8, ["disabled", "environment", "layout", "modelValue", "placeholder"]),
           t[8] || (t[8] = o("div", { class: "fade-right" }, null, -1))
         ]),
-        a(l($), {
+        a(l(E), {
           class: "hover:bg-b-3 mx-1",
           size: "xs",
           variant: "ghost",
-          onClick: M
+          onClick: N
         }, {
-          default: E(() => [
-            a(l(J)),
+          default: z(() => [
+            a(l(X)),
             t[9] || (t[9] = o("span", { class: "sr-only" }, "Copy URL", -1))
           ]),
           _: 1
         }),
-        a(ee, {
+        a(te, {
           history: e.history,
           target: l(f),
           "onSelect:history:item": t[5] || (t[5] = (s) => d("select:history:item", s))
         }, null, 8, ["history", "target"]),
-        y.value ? (h(), R("div", ie, [
-          o("div", de, [
-            a(l(X), { size: "sm" }),
-            o("div", ue, [
+        g.value ? (h(), U("div", de, [
+          o("div", ue, [
+            a(l(Y), { size: "sm" }),
+            o("div", me, [
               t[10] || (t[10] = x(" A ", -1)),
               o("em", null, c(r.value?.toUpperCase() ?? e.method.toUpperCase()), 1),
               t[11] || (t[11] = x(" request to ", -1)),
-              a(l(Q), {
+              a(l(j), {
                 text: i.value ?? e.path
               }, null, 8, ["text"]),
               t[12] || (t[12] = x(" already exists in this document ", -1))
             ])
           ])
-        ])) : z("", !0),
-        a(l($), {
+        ])) : R("", !0),
+        a(l(E), {
           ref_key: "sendButtonRef",
-          ref: C,
+          ref: B,
           class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold",
-          disabled: l(b) < 100,
+          disabled: l(L),
           onClick: t[6] || (t[6] = (s) => d("execute"))
         }, {
-          default: E(() => [
-            o("span", me, [
-              a(l(j), {
+          default: z(() => [
+            o("span", ce, [
+              a(l(G), {
                 class: "relative shrink-0 fill-current",
                 icon: "Play",
                 size: "xs"
               }),
               t[13] || (t[13] = o("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
             ]),
-            o("span", ce, " Send " + c(e.method) + " request to " + c(e.server?.url ?? "") + c(e.path), 1)
+            o("span", fe, " Send " + c(e.method) + " request to " + c(e.server?.url ?? "") + c(e.path), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
       ], 2)
-    ], 8, le));
+    ], 8, se));
   }
 });
 export {
-  we as default
+  Se as default
 };

package/dist/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation.d.ts

@@ -15,5 +15,6 @@ export declare const useLoadingAnimation: () => {
     startLoading: () => void;
     stopLoading: () => void;
     percentage: Ref<number>;
+    isLoading: Ref<boolean>;
 };
 //# sourceMappingURL=use-loading-animation.d.ts.map

package/dist/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-loading-animation.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAe9B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,QAAO;IACrC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAwExB,CAAA"}
+{"version":3,"file":"use-loading-animation.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAe9B;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,QAAO;IACrC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvB,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CAyExB,CAAA"}

package/dist/v2/blocks/scalar-address-bar-block/hooks/use-loading-animation.js

@@ -1,24 +1,25 @@
 import { ref as n } from "vue";
-const l = 20, s = 100, I = 0, i = 15, r = 60, c = 400, A = c / l, M = () => {
-  const e = n(s), o = n(0), t = n(!1), a = n(), u = () => {
-    clearInterval(a.value), a.value = void 0, e.value = s, t.value = !1;
-  }, v = () => {
-    t.value ? e.value -= (e.value - i) / r : e.value -= o.value / A, e.value <= I && u();
+const l = 20, s = 100, v = 0, I = 15, r = 60, c = 400, A = c / l, g = () => {
+  const e = n(s), o = n(0), a = n(!1), t = n(), u = () => {
+    clearInterval(t.value), t.value = void 0, e.value = s, a.value = !1;
+  }, i = () => {
+    a.value ? e.value -= (e.value - I) / r : e.value -= o.value / A, e.value <= v && u();
   };
   return {
     startLoading: () => {
-      if (a.value) {
-        t.value = !0;
+      if (t.value) {
+        a.value = !0;
         return;
       }
-      t.value = !0, a.value = setInterval(v, l);
+      a.value = !0, t.value = setInterval(i, l);
     },
     stopLoading: () => {
-      o.value = e.value, t.value = !1;
+      o.value = e.value, a.value = !1;
     },
-    percentage: e
+    percentage: e,
+    isLoading: a
   };
 };
 export {
-  M as useLoadingAnimation
+  g as useLoadingAnimation
 };