@scalar/api-client 2.2.51 → 2.2.53

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @scalar/api-client
 
+## 2.2.53
+
+### Patch Changes
+
+- Updated dependencies [4db5161]
+  - @scalar/oas-utils@0.2.109
+  - @scalar/types@0.0.36
+  - @scalar/import@0.2.29
+  - @scalar/postman-to-openapi@0.1.32
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/themes@0.9.70
+  - @scalar/components@0.13.27
+  - @scalar/use-codemirror@0.11.72
+  - @scalar/use-hooks@0.1.24
+
+## 2.2.52
+
+### Patch Changes
+
+- 7833331: fix: updates address bar background style
+- f61e986: fix(components): set the submenu z-index above the menu
+- 8173889: feat: moved sidebar state into factory function, initialize at app instantiation
+- 8d9a2c0: feat: adds request required empty parameter error
+- 8d9a2c0: feat: adds request parameter value validation alert
+- 2be8986: fix: request history
+- 7017639: fix: updates overall border style
+- 143d2a9: fix: updates file upload row content and logic
+- e52ecd2: feat: rely less on localStorage
+- c10bbf5: chore: code style
+- eed78eb: fix: updates command palette routing
+- 875ee2c: fix(api-reference): use listbox for server selector
+- 4a0e6b7: fix: sets whitespace to disabled address bar path
+- 5a46f1c: feat: collection page
+- a89510b: fix: updates response section border layout
+- 48f24c9: fix: when importing a collection we navigate to the collection page
+- Updated dependencies [f61e986]
+- Updated dependencies [c9a8fd8]
+- Updated dependencies [8d9a2c0]
+- Updated dependencies [9fc97da]
+- Updated dependencies [946a5df]
+- Updated dependencies [12088f1]
+- Updated dependencies [c10bbf5]
+- Updated dependencies [0d58572]
+- Updated dependencies [bd70ab6]
+- Updated dependencies [cf14cbb]
+- Updated dependencies [7dc4415]
+- Updated dependencies [9251b22]
+- Updated dependencies [e55bfd2]
+- Updated dependencies [8d9a2c0]
+  - @scalar/components@0.13.26
+  - @scalar/themes@0.9.69
+  - @scalar/oas-utils@0.2.108
+  - @scalar/types@0.0.35
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/openapi-types@0.1.9
+  - @scalar/draggable@0.1.11
+  - @scalar/snippetz@0.2.15
+  - @scalar/use-codemirror@0.11.71
+  - @scalar/use-hooks@0.1.23
+  - @scalar/import@0.2.28
+  - @scalar/postman-to-openapi@0.1.31
+  - @scalar/icons@0.1.3
+  - @scalar/object-utils@1.1.13
+  - @scalar/use-toasts@0.7.9
+  - @scalar/use-tooltip@1.0.6
+
 ## 2.2.51
 
 ### 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":"AAuVA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AA6ZJ,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":"AAqVA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EAET,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAQrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACf,UAAU,EAAE,UAAU,CAAA;IACtB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;;;;;AAgaJ,wBAQG"}

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 d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b4d63e6c"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c8bfbadd"]]);
 export {
-  d as default
+  s as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, useId as V, ref as i, watch as z, openBlock as b, createElementBlock as I, unref as a, createElementVNode as o, normalizeClass as L, normalizeStyle as U, createVNode as d, createBlock as M, createCommentVNode as A, withCtx as H } from "vue";
+import { defineComponent as S, useId as V, ref as i, watch as z, openBlock as b, createElementBlock as I, unref as r, createElementVNode as l, normalizeClass as L, normalizeStyle as U, createVNode as d, createBlock as M, createCommentVNode as A, withCtx as H } from "vue";
 import { ScalarButton as N, ScalarIcon as T } from "@scalar/components";
 import { REQUEST_METHODS as $ } from "@scalar/oas-utils/helpers";
 import O from "../CodeInput/CodeInput.vue.js";
@@ -7,7 +7,7 @@ import D from "./AddressBarHistory.vue.js";
 import K from "../Server/ServerDropdown.vue.js";
 import { useWorkspace as Q } from "../../store/store.js";
 import { useLayout as W } from "../../hooks/useLayout.js";
-const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { class: "addressbar-bg-states text-xxs p-0.75 group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg lg:order-none lg:min-w-[580px] lg:max-w-[580px] xl:min-w-[720px] xl:max-w-[720px]" }, J = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden rounded-lg border" }, X = { class: "z-context-plus flex gap-1" }, Y = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full" }, Z = {
+const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { class: "address-bar-bg-states text-xxs p-0.75 group relative order-last flex w-full max-w-[calc(100dvw-24px)] flex-1 flex-row items-stretch rounded-lg lg:order-none lg:min-w-[580px] lg:max-w-[580px] xl:min-w-[720px] xl:max-w-[720px]" }, J = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden rounded-lg border" }, X = { class: "z-context-plus flex gap-1" }, Y = { class: "scroll-timeline-x scroll-timeline-x-hidden z-context-plus relative flex w-full bg-blend-normal" }, Z = {
   "aria-hidden": "true",
   class: "inline-flex items-center gap-1"
 }, ie = /* @__PURE__ */ S({
@@ -31,18 +31,18 @@ const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { clas
         e && x(e);
       }
     );
-    const l = i(100), h = i(0), r = i(!1), s = i();
+    const o = i(100), h = i(0), a = i(!1), s = i();
     function w() {
-      r.value ? l.value -= (l.value - 15) / 60 : l.value -= h.value / 20, l.value <= 0 && (clearInterval(s.value), s.value = void 0, l.value = 100, r.value = !1);
+      a.value ? o.value -= (o.value - 15) / 60 : o.value -= h.value / 20, o.value <= 0 && (clearInterval(s.value), s.value = void 0, o.value = 100, a.value = !1);
     }
     function k() {
-      s.value || (r.value = !0, s.value = setInterval(w, 20));
+      s.value || (a.value = !0, s.value = setInterval(w, 20));
     }
     function C() {
-      h.value = l.value, r.value = !1;
+      h.value = o.value, a.value = !1;
     }
     function y() {
-      clearInterval(s.value), s.value = void 0, l.value = 100, r.value = !1;
+      clearInterval(s.value), s.value = void 0, o.value = 100, a.value = !1;
     }
     f.requestStatus.on((e) => {
       e === "start" && k(), e === "stop" && C(), e === "abort" && y();
@@ -55,7 +55,7 @@ const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { clas
       return $[e].backgroundColor;
     }
     function m() {
-      r.value || (r.value = !0, f.executeRequest.emit({ requestUid: n.operation.uid }));
+      a.value || (a.value = !0, f.executeRequest.emit({ requestUid: n.operation.uid }));
     }
     f.hotKeys.on((e) => {
       var t;
@@ -67,43 +67,43 @@ const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { clas
     return (e, t) => {
       var g;
       return b(), I("div", {
-        id: a(u),
+        id: r(u),
         class: "scalar-address-bar order-last h-[--scalar-address-bar-height] w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
       }, [
-        o("div", F, [
-          o("div", G, [
-            o("div", J, [
-              o("div", {
-                class: L(["bg-mix-transparent bg-mix-amount-90 z-context absolute left-0 top-0 h-full w-full", q()]),
-                style: U({ transform: `translate3d(-${l.value}%,0,0)` })
+        l("div", F, [
+          l("div", G, [
+            l("div", J, [
+              l("div", {
+                class: L(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 z-[1002] h-full w-full", q()]),
+                style: U({ transform: `translate3d(-${o.value}%,0,0)` })
               }, null, 6)
             ]),
-            o("div", X, [
+            l("div", X, [
               d(P, {
-                isEditable: a(p) !== "modal",
+                isEditable: r(p) !== "modal",
                 isSquare: "",
                 method: e.operation.method,
                 teleport: "",
                 onChange: B
               }, null, 8, ["isEditable", "method"])
             ]),
-            o("div", Y, [
-              e.collection.servers.length ? (b(), M(a(K), {
+            l("div", Y, [
+              e.collection.servers.length ? (b(), M(r(K), {
                 key: 0,
                 collection: e.collection,
                 layout: "client",
                 operation: e.operation,
                 server: e.server,
-                target: a(u)
+                target: r(u)
               }, null, 8, ["collection", "operation", "server", "target"])) : A("", !0),
-              t[1] || (t[1] = o("div", { class: "fade-left" }, null, -1)),
+              t[1] || (t[1] = l("div", { class: "fade-left" }, null, -1)),
               d(O, {
                 ref_key: "addressBarRef",
                 ref: v,
                 "aria-label": "Path",
                 class: "min-w-fit outline-none",
                 disableCloseBrackets: "",
-                disabled: a(p) === "modal",
+                disabled: r(p) === "modal",
                 disableEnter: "",
                 disableTabIndent: "",
                 emitOnBlur: !1,
@@ -118,27 +118,27 @@ const j = ["id"], F = { class: "m-auto flex flex-row items-center" }, G = { clas
                 onSubmit: m,
                 "onUpdate:modelValue": R
               }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder", "workspace"]),
-              t[2] || (t[2] = o("div", { class: "fade-right" }, null, -1))
+              t[2] || (t[2] = l("div", { class: "fade-right" }, null, -1))
             ]),
             d(D, {
               operation: e.operation,
-              target: a(u)
+              target: r(u)
             }, null, 8, ["operation", "target"]),
-            d(a(N), {
+            d(r(N), {
               class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pl-2 pr-2.5 font-bold",
-              disabled: r.value,
+              disabled: a.value,
               onClick: m
             }, {
               default: H(() => [
-                o("span", Z, [
-                  d(a(T), {
+                l("span", Z, [
+                  d(r(T), {
                     class: "relative shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  t[3] || (t[3] = o("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
+                  t[3] || (t[3] = l("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
                 ]),
-                t[4] || (t[4] = o("span", { class: "sr-only" }, " Send Request ", -1))
+                t[4] || (t[4] = l("span", { class: "sr-only" }, " Send Request ", -1))
               ]),
               _: 1
             }, 8, ["disabled"])

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":"AA8KA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAU9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AA0QF,wBAOG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AA6JA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a323ca24"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-113be377"]]);
 export {
-  m as default
+  e as default
 };

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

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

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -34,6 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (v: string) => any;
     "update:modelValue": (v: string) => any;
+    blur: (v: string) => any;
     curl: (v: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     colorPicker?: boolean;
@@ -65,12 +66,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onSubmit?: (v: string) => any;
     "onUpdate:modelValue"?: (v: string) => any;
+    onBlur?: (v: string) => any;
     onCurl?: (v: string) => any;
 }>, {
     disabled: boolean;
-    emitOnBlur: boolean;
     nullable: boolean;
     colorPicker: boolean;
+    emitOnBlur: boolean;
     disableTabIndent: boolean;
     disableEnter: boolean;
     disableCloseBrackets: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAgfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;kBAzBN,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;cAxBT,OAAO;gBAGL,OAAO;cAcT,OAAO;iBAlBJ,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBAqdM,GAAG;kBACN,GAAG;;AA9e9B,wBAyiBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAkfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;;kBAzBN,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAxBT,OAAO;cAiBP,OAAO;iBAlBJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBA4dM,GAAG;kBACN,GAAG;;AArf9B,wBAgjBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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 e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d46a9ea"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-18f34311"]]);
 export {
-  e as default
+  _ as default
 };

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

@@ -1,26 +1,26 @@
-import { defineComponent as j, useAttrs as H, ref as d, toRef as r, watch as J, computed as $, openBlock as n, createElementBlock as i, Fragment as Q, normalizeClass as W, unref as u, createElementVNode as g, toDisplayString as G, createBlock as f, mergeProps as X, withKeys as V, withModifiers as q, createVNode as Y, createCommentVNode as c, renderSlot as R } from "vue";
+import { defineComponent as j, useAttrs as H, ref as d, toRef as r, watch as J, computed as $, openBlock as n, createElementBlock as i, Fragment as Q, normalizeClass as W, unref as u, createElementVNode as w, toDisplayString as G, createBlock as f, mergeProps as X, withKeys as h, withModifiers as q, createVNode as Y, createCommentVNode as c, renderSlot as R } from "vue";
 import { ScalarIcon as Z } from "@scalar/components";
 import { prettyPrintJson as _ } from "@scalar/oas-utils/helpers";
 import { useCodeMirror as ee, useDropdown as oe, colorPicker as le } from "@scalar/use-codemirror";
 import { useClipboard as te } from "@scalar/use-hooks/useClipboard";
 import { nanoid as ne } from "nanoid";
 import ae from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import h from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as re, backspaceCommand as ue } from "./codeVariableWidget.js";
-import { useLayout as se } from "../../hooks/useLayout.js";
-const de = ["id"], ie = {
+import V from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as re, backspaceCommand as se } from "./codeVariableWidget.js";
+import { useLayout as ue } from "../../hooks/useLayout.js";
+const de = { class: "whitespace-nowrap" }, ie = ["id"], pe = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, pe = {
+}, me = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, me = {
-  key: 6,
-  class: "required centered-y text-xxs text-c-3 bg-b-1 pointer-events-none absolute right-0 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none peer-has-[.cm-focused]:opacity-0"
 }, fe = {
+  key: 6,
+  class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 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"
+}, ce = {
   inheritAttrs: !1
-}, ke = /* @__PURE__ */ j({
-  ...fe,
+}, Se = /* @__PURE__ */ j({
+  ...ce,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -50,10 +50,10 @@ const de = ["id"], ie = {
     envVariables: {},
     workspace: {}
   },
-  emits: ["submit", "update:modelValue", "curl"],
+  emits: ["submit", "update:modelValue", "curl", "blur"],
   setup(A, { expose: E, emit: M }) {
-    var x;
-    const o = A, s = M, C = H(), N = C.id || `id-${ne()}`, B = d(!1), y = d(!1), k = d(""), S = d({ left: 0, top: 0 }), m = d(null), { layout: b } = se(), { copyToClipboard: O } = te();
+    var P;
+    const o = A, s = M, C = H(), N = C.id || `id-${ne()}`, B = d(!1), y = d(!1), k = d(""), S = d({ left: 0, top: 0 }), m = d(null), { layout: b } = ue(), { copyToClipboard: O } = te();
     function T(e) {
       var l;
       return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (l = a.value) == null || l.dispatch({
@@ -64,11 +64,11 @@ const de = ["id"], ie = {
         }
       }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
     }
-    function D(e) {
+    function x(e) {
       return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
     }
     function I(e) {
-      B.value = !1, o.emitOnBlur && o.modelValue && D(e);
+      B.value = !1, o.emitOnBlur && o.modelValue && x(e), s("blur", e);
     }
     const v = [];
     o.colorPicker && v.push(le), v.push(
@@ -78,9 +78,9 @@ const de = ["id"], ie = {
         workspace: o.workspace,
         isReadOnly: b === "modal"
       }),
-      ue
+      se
     );
-    const P = d(null), { codeMirror: a } = ee({
+    const D = d(null), { codeMirror: a } = ee({
       content: r(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
@@ -89,7 +89,7 @@ const de = ["id"], ie = {
       },
       onFocus: () => B.value = !0,
       onBlur: (e) => I(e),
-      codeMirrorRef: P,
+      codeMirrorRef: D,
       disableTabIndent: r(() => o.disableTabIndent),
       disableEnter: r(() => o.disableEnter),
       disableCloseBrackets: r(() => o.disableCloseBrackets),
@@ -99,7 +99,7 @@ const de = ["id"], ie = {
       extensions: v,
       placeholder: r(() => o.placeholder)
     });
-    (x = a.value) == null || x.focus(), J(a, () => {
+    (P = a.value) == null || P.focus(), J(a, () => {
       a.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && a.value.focus();
     });
     const { handleDropdownSelect: K, updateDropdownVisibility: z } = oe({
@@ -117,9 +117,9 @@ const de = ["id"], ie = {
         (e = a.value) == null || e.focus();
       }
     });
-    const w = (e, l) => {
+    const g = (e, l) => {
       var p, t, F;
-      y.value ? e === "down" ? (l.preventDefault(), (p = m.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = m.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (F = m.value) == null || F.handleSelect()) : e === "enter" && l.target instanceof HTMLDivElement && D(l.target.textContent ?? "");
+      y.value ? e === "down" ? (l.preventDefault(), (p = m.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = m.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (F = m.value) == null || F.handleSelect()) : e === "enter" && l.target instanceof HTMLDivElement && x(l.target.textContent ?? "");
     }, U = $(() => Array.isArray(o.type) ? (
       // Find the first type, that’s not 'null'
       o.type.find((e) => e !== "null") ?? "string"
@@ -134,21 +134,21 @@ const de = ["id"], ie = {
           key: 0,
           class: W(["text-c-2 flex cursor-default items-center justify-center", u(b) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"])
         }, [
-          g("span", null, G(e.modelValue), 1)
-        ], 2)) : o.enum && o.enum.length ? (n(), f(h, {
+          w("span", de, G(e.modelValue), 1)
+        ], 2)) : o.enum && o.enum.length ? (n(), f(V, {
           key: 1,
           default: o.default,
           modelValue: e.modelValue,
           type: U.value,
           value: o.enum,
           "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), f(h, {
+        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), f(V, {
           key: 2,
           default: o.default,
           modelValue: e.modelValue,
           value: L.value,
           "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), f(h, {
+        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), f(V, {
           key: 3,
           default: o.default,
           modelValue: o.modelValue,
@@ -159,35 +159,35 @@ const de = ["id"], ie = {
           id: u(N)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: P,
-          class: ["group-[.alert]:outline-orange font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
+          ref: D,
+          class: ["group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[4] || (l[4] = V(q((t) => w("down", t), ["stop"]), ["down"])),
-            l[5] || (l[5] = V((t) => w("enter", t), ["enter"])),
-            l[6] || (l[6] = V(q((t) => w("up", t), ["stop"]), ["up"]))
+            l[4] || (l[4] = h(q((t) => g("down", t), ["stop"]), ["down"])),
+            l[5] || (l[5] = h((t) => g("enter", t), ["enter"])),
+            l[6] || (l[6] = h(q((t) => g("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), i("div", ie, [
-            g("button", {
+          e.isCopyable ? (n(), i("div", pe, [
+            w("button", {
               class: "copy-button",
               type: "button",
               onClick: l[3] || (l[3] = (t) => u(O)(u(_)(e.modelValue)))
             }, [
-              l[7] || (l[7] = g("span", { class: "sr-only" }, "Copy content", -1)),
+              l[7] || (l[7] = w("span", { class: "sr-only" }, "Copy content", -1)),
               Y(u(Z), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
           ])) : c("", !0)
-        ], 16, de)),
-        e.$slots.warning ? (n(), i("div", pe, [
+        ], 16, ie)),
+        e.$slots.warning ? (n(), i("div", me, [
           R(e.$slots, "warning", {}, void 0, !0)
         ])) : c("", !0),
         R(e.$slots, "icon", {}, void 0, !0),
-        e.required ? (n(), i("div", me, " Required ")) : c("", !0),
+        e.required ? (n(), i("div", fe, " Required ")) : c("", !0),
         y.value && e.withVariables && u(b) !== "modal" && e.environment ? (n(), f(ae, {
           key: 7,
           ref_key: "dropdownRef",
@@ -203,5 +203,5 @@ const de = ["id"], ie = {
   }
 });
 export {
-  ke as default
+  Se as default
 };

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

@@ -1,6 +1,6 @@
 import { defineComponent as n, openBlock as i, createElementBlock as d, withKeys as a, withModifiers as l, createElementVNode as o, renderSlot as s, createVNode as r, unref as m, withCtx as f, createTextVNode as p } from "vue";
 import { ScalarButton as u } from "@scalar/components";
-const b = { class: "flex flex-col rounded min-h-20 relative" }, x = { class: "flex gap-2" }, c = { class: "flex flex-1 max-h-8" }, h = /* @__PURE__ */ n({
+const b = { class: "relative flex min-h-20 flex-col rounded" }, x = { class: "flex gap-2" }, c = { class: "flex max-h-8 flex-1" }, h = /* @__PURE__ */ n({
   __name: "CommandActionForm",
   props: {
     loading: {},
@@ -22,7 +22,7 @@ const b = { class: "flex flex-col rounded min-h-20 relative" }, x = { class: "fl
           s(e.$slots, "options")
         ]),
         r(m(u), {
-          class: "max-h-8 text-xs p-0 px-3",
+          class: "max-h-8 p-0 px-3 text-xs",
           disabled: e.disabled,
           loading: e.loading,
           type: "submit"

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

@@ -34,7 +34,7 @@ const E = ["placeholder"], b = /* @__PURE__ */ f({
       ref_key: "input",
       ref: a,
       "onUpdate:modelValue": t[0] || (t[0] = (o) => l.value = o),
-      class: "border-none outline-none flex-1 w-full pl-8 text-sm min-h-8 py-1.5 resize-none",
+      class: "min-h-8 w-full flex-1 resize-none border-none py-1.5 pl-8 text-sm outline-none",
       placeholder: n.placeholder ?? "",
       wrap: "hard"
     }, e.$attrs, {

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":"AAqJA,KAAK,WAAW,GAAG;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/B,CAAC;;;;;;;;AA4RF,wBAOG"}
+{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":"AAuJA,KAAK,WAAW,GAAG;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/B,CAAC;;;;;;;;AA4RF,wBAOG"}