@scalar/api-client 2.0.47 → 2.0.49

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @scalar/api-client
 
+## 2.0.49
+
+### Patch Changes
+
+- 56be4fe: feat(api-client): added complex multi auth
+- c450bb3: fix: scalar api ref use scalar-border-width
+- 75a5a64: fix: sidebar title
+- Updated dependencies [c450bb3]
+  - @scalar/themes@0.9.23
+  - @scalar/components@0.12.31
+  - @scalar/oas-utils@0.2.30
+
+## 2.0.48
+
+### Patch Changes
+
+- db96313: feat: workspace rename and deletion
+- de9747c: fix: topnav alignment
+- 8672a78: feat(api-client): moved command palette to the global key event bus
+- 58e5912: fix: markdown fixes and intro card polish
+- 6f7ab8d: feat: sidebar request transition and dragging capability
+- 89ee9da: fix(api-client): move web hash router to a factory function
+- 078ca72: feat: add topnav and addressbar hotkeys
+- 520caff: fix: hot keys bus modifier
+- 03e9bbb: Move to flatted for localstorage
+- db96313: feat: set request sidebar item context menu
+- Updated dependencies [8672a78]
+- Updated dependencies [db96313]
+- Updated dependencies [078ca72]
+- Updated dependencies [6f107e1]
+- Updated dependencies [520caff]
+- Updated dependencies [03e9bbb]
+- Updated dependencies [db96313]
+  - @scalar/oas-utils@0.2.29
+  - @scalar/components@0.12.30
+  - @scalar/object-utils@1.1.7
+
 ## 2.0.47
 
 ### 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":";AAirBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAqtBA,wBAKG"}

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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-372103f0"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-28ee5506"]]);
 export {
-  f as default
+  a as default
 };

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

@@ -1,129 +1,135 @@
-import { defineComponent as M, ref as d, watch as U, unref as l, openBlock as L, createElementBlock as H, createElementVNode as o, createVNode as n, withCtx as _, normalizeClass as w, normalizeStyle as O, createCommentVNode as $, pushScopeId as N, popScopeId as T } from "vue";
-import A from "../CodeInput/CodeInput.vue.js";
-import { useWorkspace as D } from "../../store/workspace.js";
-import { Listbox as K } from "@headlessui/vue";
-import { ScalarButton as Q, ScalarIcon as W } from "@scalar/components";
-import { REQUEST_METHODS as j } from "@scalar/oas-utils/helpers";
-import { isMacOS as F } from "@scalar/use-tooltip";
-import { useMagicKeys as G, whenever as J } from "@vueuse/core";
-import P from "../HttpMethod/HttpMethod.vue.js";
-import X from "./AddressBarHistory.vue.js";
-import { executeRequestBus as m } from "../../libs/event-busses/execute-requestBus.js";
-import { requestStatusBus as Y } from "../../libs/event-busses/request-status-bus.js";
-const v = (c) => (N("data-v-372103f0"), c = c(), T(), c), Z = {
+import { defineComponent as L, ref as n, watch as O, onMounted as $, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as a, createVNode as i, withCtx as y, normalizeClass as B, normalizeStyle as A, createCommentVNode as D, pushScopeId as Q, popScopeId as W } from "vue";
+import j from "../CodeInput/CodeInput.vue.js";
+import { useWorkspace as F } from "../../store/workspace.js";
+import { Listbox as G } from "@headlessui/vue";
+import { ScalarButton as J, ScalarIcon as P } from "@scalar/components";
+import { REQUEST_METHODS as X } from "@scalar/oas-utils/helpers";
+import { isMacOS as Y } from "@scalar/use-tooltip";
+import { useMagicKeys as Z, whenever as ee } from "@vueuse/core";
+import te from "../HttpMethod/HttpMethod.vue.js";
+import le from "./AddressBarHistory.vue.js";
+import { executeRequestBus as m } from "../../libs/event-busses/execute-request-bus.js";
+import { requestStatusBus as oe } from "../../libs/event-busses/request-status-bus.js";
+import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
+const v = (f) => (Q("data-v-28ee5506"), f = f(), W(), f), ae = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, ee = { class: "m-auto flex basis-1/2 flex-row items-center" }, te = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, le = { class: "flex gap-1" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ae = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), re = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), se = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), _e = /* @__PURE__ */ M({
+}, re = { class: "m-auto flex basis-1/2 flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ie = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ue = /* @__PURE__ */ v(() => /* @__PURE__ */ a("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ v(() => /* @__PURE__ */ a("div", { class: "fade-right" }, null, -1)), fe = /* @__PURE__ */ v(() => /* @__PURE__ */ a("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Ee = /* @__PURE__ */ L({
   __name: "AddressBar",
-  setup(c) {
+  setup(f) {
     const {
       activeRequest: t,
-      activeExample: f,
+      activeExample: c,
       isReadOnly: p,
       requestMutators: h,
       requestExampleMutators: S,
-      requestsHistory: k
-    } = D(), x = d(k.value[0]), b = G();
-    J(
-      F() ? b.meta_enter : b.ctrl_enter,
+      requestsHistory: E
+    } = F(), x = n(E.value[0]), b = n(null), g = Z();
+    ee(
+      Y() ? g.meta_enter : g.ctrl_enter,
       () => m.emit()
     );
-    const E = (e) => {
+    const C = (e) => {
       !t.value || t.value.path === e || h.edit(t.value.uid, "path", e);
     };
-    U(
+    O(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        t.value && E(e);
+        t.value && C(e);
       }
     );
-    const a = d(100), g = d(0), r = d(!1), i = d();
-    function y() {
-      r.value ? a.value -= (a.value - 15) / 60 : a.value -= g.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1);
+    const r = n(100), _ = n(0), s = n(!1), u = n();
+    function q() {
+      s.value ? r.value -= (r.value - 15) / 60 : r.value -= _.value / 20, r.value <= 0 && (clearInterval(u.value), u.value = void 0, r.value = 100, s.value = !1);
     }
-    function C() {
-      r.value || (r.value = !0, i.value = setInterval(y, 20));
+    function R() {
+      s.value || (s.value = !0, u.value = setInterval(q, 20));
     }
-    function q() {
-      g.value = a.value, r.value = !1;
+    function I() {
+      _.value = r.value, s.value = !1;
     }
-    function B() {
-      clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1;
+    function V() {
+      clearInterval(u.value), u.value = void 0, r.value = 100, s.value = !1;
     }
-    Y.on((e) => {
-      e === "start" && C(), e === "stop" && q(), e === "abort" && B();
+    oe.on((e) => {
+      e === "start" && R(), e === "stop" && I(), e === "abort" && V();
     });
-    function I(e) {
+    function M(e) {
       t.value && h.edit(t.value.uid, "method", e);
     }
-    function V() {
+    function z() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return j[e].backgroundColor;
+      return X[e].backgroundColor;
     }
-    const R = (e) => {
-      f.value && S.edit(f.value.uid, "url", e);
+    const U = (e) => {
+      c.value && S.edit(c.value.uid, "url", e);
+    }, w = (e) => {
+      var o;
+      e.focusAddressBar && ((o = b.value) == null || o.focus());
     };
-    return (e, s) => l(t) && l(f) ? (L(), H("div", Z, [
-      o("div", ee, [
-        n(l(K), {
+    return $(() => k.on(w)), K(() => k.off(w)), (e, o) => l(t) && l(c) ? (N(), T("div", ae, [
+      a("div", re, [
+        i(l(G), {
           modelValue: x.value,
-          "onUpdate:modelValue": s[2] || (s[2] = (u) => x.value = u)
+          "onUpdate:modelValue": o[2] || (o[2] = (d) => x.value = d)
         }, {
-          default: _(({ open: u }) => [
-            o("div", {
-              class: w([
+          default: y(({ open: d }) => [
+            a("div", {
+              class: B([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
-                { "rounded-b-none": u },
-                { "border-transparent": u }
+                { "rounded-b-none": d },
+                { "border-transparent": d }
               ])
             }, [
-              o("div", te, [
-                o("div", {
-                  class: w(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", V()]),
-                  style: O({ transform: `translate3d(-${a.value}%,0,0)` })
+              a("div", se, [
+                a("div", {
+                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", z()]),
+                  style: A({ transform: `translate3d(-${r.value}%,0,0)` })
                 }, null, 6)
               ]),
-              o("div", le, [
-                n(P, {
+              a("div", ne, [
+                i(te, {
                   isEditable: !l(p),
                   isSquare: "",
                   method: l(t).method,
-                  onChange: I
+                  onChange: M
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", oe, [
-                ae,
-                n(A, {
+              a("div", ie, [
+                ue,
+                i(j, {
+                  ref_key: "addressBarRef",
+                  ref: b,
                   disableCloseBrackets: "",
                   disabled: l(p),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
-                  modelValue: l(f).url,
+                  modelValue: l(c).url,
                   placeholder: "Enter URL to get started",
                   server: "",
-                  onSubmit: s[0] || (s[0] = (z) => l(m).emit()),
-                  "onUpdate:modelValue": R
+                  onSubmit: o[0] || (o[0] = (H) => l(m).emit()),
+                  "onUpdate:modelValue": U
                 }, null, 8, ["disabled", "modelValue"]),
-                re
+                de
               ]),
-              n(X, { open: u }, null, 8, ["open"]),
-              n(l(Q), {
+              i(le, { open: d }, null, 8, ["open"]),
+              i(l(J), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
-                disabled: r.value,
-                onClick: s[1] || (s[1] = (z) => l(m).emit())
+                disabled: s.value,
+                onClick: o[1] || (o[1] = (H) => l(m).emit())
               }, {
-                default: _(() => [
-                  n(l(W), {
+                default: y(() => [
+                  i(l(P), {
                     class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  se
+                  fe
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -132,9 +138,9 @@ const v = (c) => (N("data-v-372103f0"), c = c(), T(), c), Z = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : $("", !0);
+    ])) : D("", !0);
   }
 });
 export {
-  _e as default
+  Ee as default
 };

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

@@ -28,7 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     nullable: boolean;
     withVariables: boolean;
     withServers: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    focus: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (v: string) => void;
     "update:modelValue": (v: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{

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":"AAAA,OA0TO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;iBAAP,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAgRG,GAAG;kBACN,GAAG;;AArS9B,wBAwUC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAiUO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;;;kBAlBP,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;kBACT,OAAO;;;;;;;;;;;;;;iBAAP,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBA4RG,GAAG;kBACN,GAAG;;AAjT9B,wBAqVC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-caf4efcd"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b044f01b"]]);
 export {
-  a as default
+  _ as default
 };

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

@@ -1,20 +1,20 @@
-import { defineComponent as $, useAttrs as E, ref as y, toRef as o, watch as q, computed as I, openBlock as t, createElementBlock as s, Fragment as M, createBlock as g, mergeProps as N, unref as T, renderSlot as v, createCommentVNode as B } from "vue";
-import { useCodeMirror as A, colorPicker as U } from "@scalar/use-codemirror";
-import { nanoid as W } from "nanoid";
+import { defineComponent as E, useAttrs as q, ref as y, toRef as o, watch as I, computed as M, openBlock as t, createElementBlock as s, Fragment as N, createBlock as g, mergeProps as T, unref as A, renderSlot as v, createCommentVNode as B } from "vue";
+import { useCodeMirror as U, colorPicker as W } from "@scalar/use-codemirror";
+import { nanoid as j } from "nanoid";
 import V from "../DataTable/DataTableInputSelect.vue.js";
-import { dropdownPlugin as j } from "./codeDropdownWidget.js";
-import { pillPlugin as z, backspaceCommand as D } from "./codeVariableWidget.js";
-import { useWorkspace as G } from "../../store/workspace.js";
-const H = ["id"], J = {
+import { dropdownPlugin as z } from "./codeDropdownWidget.js";
+import { pillPlugin as D, backspaceCommand as G } from "./codeVariableWidget.js";
+import { useWorkspace as H } from "../../store/workspace.js";
+const J = ["id"], K = {
   key: 3,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, K = {
+}, L = {
   key: 4,
   class: "required absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[.cm-focused]:opacity-0 pointer-events-none"
-}, L = {
+}, Q = {
   inheritAttrs: !1
-}, te = /* @__PURE__ */ $({
-  ...L,
+}, ae = /* @__PURE__ */ E({
+  ...Q,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -38,42 +38,42 @@ const H = ["id"], J = {
     withServers: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(k, { emit: w }) {
+  setup(k, { expose: w, emit: C }) {
     var b;
-    const e = k, n = w, d = E(), C = d.id || `id-${W()}`, p = y(!1), {
-      activeWorkspace: _,
+    const e = k, r = C, d = q(), _ = d.id || `id-${j()}`, p = y(!1), {
+      activeWorkspace: x,
       activeParsedEnvironments: c,
-      isReadOnly: x,
+      isReadOnly: F,
       environments: m,
-      router: F
-    } = G();
-    function S(l) {
-      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : n("update:modelValue", l);
-    }
+      router: S
+    } = H();
     function P(l) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : n("submit", l);
+      return l === e.modelValue ? null : e.handleFieldChange ? e.handleFieldChange(l) : r("update:modelValue", l);
     }
     function O(l) {
-      p.value = !1, e.emitOnBlur && e.modelValue && P(l);
+      return e.handleFieldSubmit ? e.handleFieldSubmit(l) : r("submit", l);
+    }
+    function R(l) {
+      p.value = !1, e.emitOnBlur && e.modelValue && O(l);
     }
     const a = [];
-    e.colorPicker && a.push(U), e.withVariables && !_.value.isReadOnly && a.push(
-      j({
+    e.colorPicker && a.push(W), e.withVariables && !x.value.isReadOnly && a.push(
+      z({
         withServers: e.withServers,
         activeParsedEnvironments: c,
         environments: m,
-        router: F
+        router: S
       })
     ), a.push(
-      z({ environments: m, activeParsedEnvironments: c, isReadOnly: x })
-    ), a.push(D);
-    const f = y(null), { codeMirror: r } = A({
+      D({ environments: m, activeParsedEnvironments: c, isReadOnly: F })
+    ), a.push(G);
+    const f = y(null), { codeMirror: n } = U({
       content: o(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
-      onChange: S,
+      onChange: P,
       onFocus: () => p.value = !0,
-      onBlur: (l) => O(l),
+      onBlur: (l) => R(l),
       codeMirrorRef: f,
       disableTabIndent: o(() => e.disableTabIndent),
       disableEnter: o(() => e.disableEnter),
@@ -84,45 +84,50 @@ const H = ["id"], J = {
       extensions: a,
       placeholder: o(() => e.placeholder)
     });
-    (b = r.value) == null || b.focus(), q(r, () => {
-      r.value && Object.prototype.hasOwnProperty.call(d, "autofocus") && r.value.focus();
+    (b = n.value) == null || b.focus(), I(n, () => {
+      n.value && Object.prototype.hasOwnProperty.call(d, "autofocus") && n.value.focus();
     });
-    const R = I(() => {
+    const $ = M(() => {
       var l;
       return e.type === "boolean" || (l = e.type) != null && l.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    return (l, u) => {
+    return w({
+      focus: () => {
+        var l;
+        (l = n.value) == null || l.focus();
+      }
+    }), (l, u) => {
       var h;
-      return t(), s(M, null, [
+      return t(), s(N, null, [
         e.enum && e.enum.length ? (t(), g(V, {
           key: 0,
           modelValue: e.modelValue,
           value: e.enum,
-          "onUpdate:modelValue": u[0] || (u[0] = (i) => n("update:modelValue", i))
+          "onUpdate:modelValue": u[0] || (u[0] = (i) => r("update:modelValue", i))
         }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (h = e.type) != null && h.includes("boolean") ? (t(), g(V, {
           key: 1,
           modelValue: e.modelValue,
-          value: R.value,
-          "onUpdate:modelValue": u[1] || (u[1] = (i) => n("update:modelValue", i))
-        }, null, 8, ["modelValue", "value"])) : (t(), s("div", N({
+          value: $.value,
+          "onUpdate:modelValue": u[1] || (u[1] = (i) => r("update:modelValue", i))
+        }, null, 8, ["modelValue", "value"])) : (t(), s("div", T({
           key: 2,
-          id: T(C)
+          id: A(_)
         }, l.$attrs, {
           ref_key: "codeMirrorRef",
           ref: f,
           class: ["peer font-code w-full whitespace-nowrap text-xs leading-[1.44] relative", {
             "flow-code-input--error": l.error
           }]
-        }), null, 16, H)),
-        l.$slots.warning ? (t(), s("div", J, [
+        }), null, 16, J)),
+        l.$slots.warning ? (t(), s("div", K, [
           v(l.$slots, "warning", {}, void 0, !0)
         ])) : B("", !0),
         v(l.$slots, "icon", {}, void 0, !0),
-        l.required ? (t(), s("div", K, " Required ")) : B("", !0)
+        l.required ? (t(), s("div", L, " Required ")) : B("", !0)
       ], 64);
     };
   }
 });
 export {
-  te as default
+  ae as default
 };

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":"AAmYA;;;;GAIG;;AACH,wBAuaI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA4WA;;;;GAIG;;AACH,wBA0YI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

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

@@ -2,8 +2,8 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e82dc40"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-67f4ba63"]]);
 export {
   s as PaletteComponents,
-  a as default
+  r as default
 };