@scalar/api-client 2.1.16 → 2.1.18

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @scalar/api-client
 
+## 2.1.18
+
+### Patch Changes
+
+- 7c2e291: style: removes comamand palette command label + style fixtures
+- 46a55ae: feat(api-client): improve client import ux
+- 5d996a8: feat: download response with filename
+- b26144c: fix(themes): remove variables from theme layer and move selection to default (base) theme
+- Updated dependencies [46a55ae]
+- Updated dependencies [b26144c]
+  - @scalar/oas-utils@0.2.53
+  - @scalar/themes@0.9.35
+  - @scalar/components@0.12.50
+
+## 2.1.17
+
+### Patch Changes
+
+- 8396e92: style: updates overall alignments
+- 6279c59: feat (api-client): remove tabs on client.scalar.com
+- 5581a28: fix: displays address bar placeholder according to active server
+
 ## 2.1.16
 
 ### 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":";AAiuBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAouBA,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-1a9f572a"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ef489963"]]);
 export {
-  f as default
+  e as default
 };

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

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

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

@@ -1,15 +1,18 @@
+import { type useLoadingState } from '@scalar/components';
 declare function __VLS_template(): {
     default?(_: {}): any;
     options?(_: {}): any;
     submit?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    loading?: ReturnType<typeof useLoadingState>;
     disabled?: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: () => void;
     cancel: () => void;
     back: (e: KeyboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    loading?: ReturnType<typeof useLoadingState>;
     disabled?: boolean;
 }>>> & {
     onSubmit?: (() => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAyDA,iBAAS,cAAc;qBA8DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;eAjGR,OAAO;;;;;;eAAP,OAAO;;;;;UAwGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAsBvE,iBAAS,cAAc;qBA+DM,GAAG;qBACH,GAAG;oBACJ,GAAG;EAgB9B;AACD,QAAA,MAAM,eAAe;cAnGT,UAAU,CAAC,OAAO,eAAe,CAAC;eACjC,OAAO;;;;;;cADR,UAAU,CAAC,OAAO,eAAe,CAAC;eACjC,OAAO;;;;;UAyGlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,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/CommandPalette/CommandActionForm.vue.js

@@ -1,28 +1,30 @@
-import { defineComponent as n, openBlock as i, createElementBlock as a, withKeys as d, withModifiers as l, createElementVNode as o, renderSlot as s, createVNode as r, unref as m, withCtx as p, createTextVNode as f } from "vue";
+import { defineComponent as n, openBlock as i, createElementBlock as a, withKeys as d, withModifiers as l, createElementVNode as t, renderSlot as s, createVNode as r, unref as m, withCtx as p, createTextVNode as f } from "vue";
 import { ScalarButton as u } from "@scalar/components";
-const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2" }, x = { class: "flex flex-1 max-h-8" }, $ = /* @__PURE__ */ n({
+const c = { class: "flex flex-col rounded min-h-20 relative" }, b = { class: "flex gap-2" }, x = { class: "flex flex-1 max-h-8" }, _ = /* @__PURE__ */ n({
   __name: "CommandActionForm",
   props: {
+    loading: {},
     disabled: { type: Boolean }
   },
   emits: ["submit", "cancel", "back"],
-  setup(h) {
-    return (e, t) => (i(), a("form", {
+  setup(g) {
+    return (e, o) => (i(), a("form", {
       class: "flex w-full flex-col gap-3",
-      onKeydown: t[0] || (t[0] = d(l(() => {
+      onKeydown: o[0] || (o[0] = d(l(() => {
       }, ["stop"]), ["enter"])),
-      onSubmit: t[1] || (t[1] = l((v) => e.$emit("submit"), ["prevent", "stop"]))
+      onSubmit: o[1] || (o[1] = l((h) => e.$emit("submit"), ["prevent", "stop"]))
     }, [
-      o("div", c, [
+      t("div", c, [
         s(e.$slots, "default")
       ]),
-      o("div", b, [
-        o("div", x, [
+      t("div", b, [
+        t("div", x, [
           s(e.$slots, "options")
         ]),
         r(m(u), {
           class: "max-h-8 text-xs p-0 px-3",
           disabled: e.disabled,
+          loading: e.loading,
           type: "submit"
         }, {
           default: p(() => [
@@ -31,11 +33,11 @@ const c = { class: "gap-3 rounded min-h-20 relative" }, b = { class: "flex gap-2
             ])
           ]),
           _: 3
-        }, 8, ["disabled"])
+        }, 8, ["disabled", "loading"])
       ])
     ], 32));
   }
 });
 export {
-  $ as default
+  _ as default
 };

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

@@ -4,12 +4,10 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (v: string) => void;
     onDelete: (event: KeyboardEvent) => void;
-    paste: (event: ClipboardEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     modelValue?: string;
     placeholder?: string;
 }>>> & {
-    onPaste?: ((event: ClipboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((v: string) => any) | undefined;
     onOnDelete?: ((event: KeyboardEvent) => any) | undefined;
 }, {}, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":";iBA6De,MAAM;kBACL,MAAM;;;;;;iBADP,MAAM;kBACL,MAAM;;;;;;AAoGtB,wBAOG;AAOH,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":"CommandActionInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionInput.vue"],"names":[],"mappings":";iBA0De,MAAM;kBACL,MAAM;;;;;iBADP,MAAM;kBACL,MAAM;;;;;AAiGtB,wBAOG;AAOH,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/CommandPalette/CommandActionInput.vue.js

@@ -1,51 +1,49 @@
-import { defineComponent as f, ref as h, onMounted as y, nextTick as v, computed as w, openBlock as V, createElementBlock as k, Fragment as g, createElementVNode as u, unref as d, withDirectives as x, mergeProps as D, withKeys as _, withModifiers as b, vModelDynamic as B } from "vue";
-import { nanoid as M } from "nanoid";
-const P = ["for"], A = ["id", "placeholder"], K = /* @__PURE__ */ f({
+import { defineComponent as f, ref as c, onMounted as h, nextTick as g, computed as v, withDirectives as w, openBlock as x, createElementBlock as k, mergeProps as y, withKeys as s, vModelText as D } from "vue";
+const E = ["placeholder"], b = /* @__PURE__ */ f({
   inheritAttrs: !1,
   __name: "CommandActionInput",
   props: {
     modelValue: {},
     placeholder: {}
   },
-  emits: ["update:modelValue", "onDelete", "paste"],
+  emits: ["update:modelValue", "onDelete"],
   setup(i, { emit: p }) {
-    const r = i, l = p, a = M(), s = h(null);
-    y(() => v(() => {
+    const l = i, r = p, a = c(null);
+    h(() => g(() => {
       var e;
-      return (e = s.value) == null ? void 0 : e.focus();
+      return (e = a.value) == null ? void 0 : e.focus();
     }));
-    const n = w({
-      get: () => r.modelValue ?? "",
-      set: (e) => l("update:modelValue", e)
-    }), m = (e) => {
-      n.value === "" && l("onDelete", e);
-    }, c = (e) => {
-      l("paste", e);
-    };
-    return (e, t) => (V(), k(g, null, [
-      u("label", {
-        class: "absolute w-full h-full opacity-0 cursor-text",
-        for: d(a)
-      }, null, 8, P),
-      x(u("input", D({
-        id: d(a),
-        ref_key: "input",
-        ref: s,
-        "onUpdate:modelValue": t[0] || (t[0] = (o) => n.value = o),
-        autocomplete: "off",
-        class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
-        "data-form-type": "other",
-        "data-lpignore": "true",
-        placeholder: r.placeholder
-      }, e.$attrs, {
-        onKeydown: t[1] || (t[1] = _(b((o) => m(o), ["stop"]), ["delete"])),
-        onPaste: t[2] || (t[2] = (o) => c(o))
-      }), null, 16, A), [
-        [B, n.value]
-      ])
-    ], 64));
+    const o = v({
+      get: () => l.modelValue ?? "",
+      set: (e) => r("update:modelValue", e)
+    });
+    function d(e) {
+      var u;
+      if (e.shiftKey || !e.target) return;
+      e.preventDefault();
+      const t = e.target, n = new Event("submit", { cancelable: !0 });
+      (u = t.form) == null || u.dispatchEvent(n);
+    }
+    function m(e) {
+      o.value === "" && (e.preventDefault(), e.stopPropagation(), r("onDelete", e));
+    }
+    return (e, t) => w((x(), k("textarea", y({
+      ref_key: "input",
+      ref: a,
+      "onUpdate:modelValue": t[0] || (t[0] = (n) => o.value = n),
+      class: "border-none outline-none flex-1 w-full pl-8 text-sm min-h-8 py-1.5 resize-none",
+      placeholder: l.placeholder,
+      wrap: "hard"
+    }, e.$attrs, {
+      onKeydown: [
+        t[1] || (t[1] = s((n) => m(n), ["delete"])),
+        t[2] || (t[2] = s((n) => d(n), ["enter"]))
+      ]
+    }), null, 16, E)), [
+      [D, o.value]
+    ]);
   }
 });
 export {
-  K as default
+  b as default
 };

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

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