@scalar/api-client 2.5.32 → 2.5.34

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

@@ -1,27 +1,27 @@
-import { defineComponent as Q, useAttrs as G, ref as i, computed as p, toRef as r, watch as J, createElementBlock as u, openBlock as n, Fragment as X, createBlock as b, createCommentVNode as f, normalizeClass as Y, unref as w, createElementVNode as V, toDisplayString as Z, mergeProps as _, withKeys as y, withModifiers as A, createTextVNode as k, renderSlot as I } from "vue";
-import { useCodeMirror as ee, useDropdown as oe, colorPicker as le } from "@scalar/use-codemirror";
-import { nanoid as te } from "nanoid";
-import ne from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import x from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as ae, backspaceCommand as re } from "./codeVariableWidget.js";
-import { useLayout as se } from "../../hooks/useLayout.js";
-const ue = { class: "whitespace-nowrap" }, ie = ["id"], de = {
+import { defineComponent as W, useAttrs as j, ref as i, computed as d, toRef as r, watch as H, createElementBlock as u, openBlock as n, Fragment as Q, createBlock as c, createCommentVNode as p, normalizeClass as G, unref as h, createElementVNode as w, toDisplayString as J, mergeProps as X, withKeys as b, withModifiers as $, createTextVNode as V, renderSlot as q } from "vue";
+import { useCodeMirror as Y, useDropdown as Z, colorPicker as _ } from "@scalar/use-codemirror";
+import { nanoid as ee } from "nanoid";
+import oe from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import k from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as le, backspaceCommand as te } from "./codeVariableWidget.js";
+import { useLayout as ne } from "../../hooks/useLayout.js";
+const ae = { class: "whitespace-nowrap" }, re = ["id"], se = {
   key: 0,
   class: "z-context text-c-2 absolute right-1.5 bottom-1 hidden font-sans group-has-[:focus-visible]/input:block",
   role: "alert"
-}, pe = {
+}, ue = {
   key: 5,
   class: "centered-y text-orange absolute right-7 text-xs"
-}, fe = {
+}, ie = {
   key: 6,
   class: "centered-y absolute right-0 flex h-full items-center p-1.5 group-has-[.cm-focused]:z-1"
-}, me = {
+}, de = {
   key: 7,
   class: "required centered-y text-xxs text-c-3 group-[.error]:text-red bg-b-1 pointer-events-none absolute right-0 mr-0.5 pt-px pr-2 opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 group-[.alert]:bg-transparent group-[.alert]:shadow-none group-[.error]:bg-transparent group-[.error]:shadow-none peer-has-[.cm-focused]:opacity-0"
-}, ce = {
+}, pe = {
   inheritAttrs: !1
-}, ke = /* @__PURE__ */ Q({
-  ...ce,
+}, he = /* @__PURE__ */ W({
+  ...pe,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -53,166 +53,159 @@ const ue = { class: "whitespace-nowrap" }, ie = ["id"], de = {
     lineWrapping: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue", "curl", "blur"],
-  setup(M, { expose: N, emit: O }) {
-    var q;
-    const o = M, s = O, B = G(), K = B.id || `id-${te()}`, C = i(!1), g = i(!1), S = i(""), D = i({ left: 0, top: 0 }), m = i(null), { layout: v } = se();
-    function P(e) {
-      var l;
-      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (l = a.value) == null || l.dispatch({
+  setup(R, { expose: A, emit: I }) {
+    const e = R, s = I, x = j(), M = x.id || `id-${ee()}`, B = i(!1), y = i(!1), C = i(""), S = i({ left: 0, top: 0 }), f = i(null), { layout: g } = ne();
+    function D(o) {
+      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (s("curl", o), a.value?.dispatch({
         changes: {
           from: 0,
           to: a.value.state.doc.length,
-          insert: String(o.modelValue)
+          insert: String(e.modelValue)
         }
-      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
+      }), null) : e.handleFieldChange ? e.handleFieldChange(o) : s("update:modelValue", o);
     }
-    function h(e) {
-      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
+    function v(o) {
+      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : s("submit", o);
     }
-    function E(e) {
-      C.value = !1, o.emitOnBlur && o.modelValue && h(e), s("blur", e);
+    function P(o) {
+      B.value = !1, e.emitOnBlur && e.modelValue && v(o), s("blur", o);
     }
-    const F = [...o.extensions];
-    o.colorPicker && F.push(le);
-    const z = p(
-      () => ae({
-        environment: o.environment,
-        envVariables: o.envVariables,
-        workspace: o.workspace,
-        isReadOnly: v === "modal"
+    const E = [...e.extensions];
+    e.colorPicker && E.push(_);
+    const N = d(
+      () => le({
+        environment: e.environment,
+        envVariables: e.envVariables,
+        workspace: e.workspace,
+        isReadOnly: g === "modal"
       })
-    ), L = p(() => [
-      ...F,
-      z.value,
-      re
-    ]), T = i(null), { codeMirror: a } = ee({
+    ), O = d(() => [
+      ...E,
+      N.value,
+      te
+    ]), F = i(null), { codeMirror: a } = Y({
       content: r(
-        () => o.modelValue !== void 0 ? String(o.modelValue) : ""
+        () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
-      onChange: (e) => {
-        P(e), W();
+      onChange: (o) => {
+        D(o), z();
       },
-      onFocus: () => C.value = !0,
-      onBlur: (e) => E(e),
-      codeMirrorRef: T,
-      disableTabIndent: r(() => o.disableTabIndent),
-      disableEnter: r(() => o.disableEnter),
-      disableCloseBrackets: r(() => o.disableCloseBrackets),
-      lineNumbers: r(() => o.lineNumbers),
-      language: r(() => o.language),
-      lint: r(() => o.lint),
-      extensions: L,
-      placeholder: r(() => o.placeholder)
+      onFocus: () => B.value = !0,
+      onBlur: (o) => P(o),
+      codeMirrorRef: F,
+      disableTabIndent: r(() => e.disableTabIndent),
+      disableEnter: r(() => e.disableEnter),
+      disableCloseBrackets: r(() => e.disableCloseBrackets),
+      lineNumbers: r(() => e.lineNumbers),
+      language: r(() => e.language),
+      lint: r(() => e.lint),
+      extensions: O,
+      placeholder: r(() => e.placeholder)
     });
-    (q = a.value) == null || q.focus(), J(a, () => {
-      a.value && Object.hasOwn(B, "autofocus") && a.value.focus();
+    a.value?.focus(), H(a, () => {
+      a.value && Object.hasOwn(x, "autofocus") && a.value.focus();
     });
-    const { handleDropdownSelect: U, updateDropdownVisibility: W } = oe({
+    const { handleDropdownSelect: K, updateDropdownVisibility: z } = Z({
       codeMirror: a,
-      query: S,
-      showDropdown: g,
-      dropdownPosition: D
-    }), $ = p(
-      () => o.nullable ? ["true", "false", "null"] : ["true", "false"]
-    ), c = (e, l) => {
-      var d, t, R;
-      g.value ? e === "down" ? (l.preventDefault(), (d = m.value) == null || d.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = m.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (R = m.value) == null || R.handleSelect()) : e === "escape" ? o.disableTabIndent || l.stopPropagation() : e === "enter" && l.target instanceof HTMLDivElement && h(l.target.textContent ?? "");
-    }, j = p(() => Array.isArray(o.type) ? (
+      query: C,
+      showDropdown: y,
+      dropdownPosition: S
+    }), T = d(
+      () => e.nullable ? ["true", "false", "null"] : ["true", "false"]
+    ), m = (o, l) => {
+      y.value ? o === "down" ? (l.preventDefault(), f.value?.handleArrowKey("down")) : o === "up" ? (l.preventDefault(), f.value?.handleArrowKey("up")) : o === "enter" && (l.preventDefault(), f.value?.handleSelect()) : o === "escape" ? e.disableTabIndent || l.stopPropagation() : o === "enter" && l.target instanceof HTMLDivElement && v(l.target.textContent ?? "");
+    }, L = d(() => Array.isArray(e.type) ? (
       // Find the first type, that's not 'null'
-      o.type.find((e) => e !== "null") ?? "string"
+      e.type.find((o) => o !== "null") ?? "string"
     ) : (
       // If it's not an array, just return the type
-      o.type
-    )), H = p(
-      () => g.value && o.withVariables && v !== "modal" && o.environment
+      e.type
+    )), U = d(
+      () => y.value && e.withVariables && g !== "modal" && e.environment
     );
-    return N({
+    return A({
       /** Expose focus method */
       focus: () => {
-        var e;
-        (e = a.value) == null || e.focus();
+        a.value?.focus();
       },
       // Expose these methods for testing
-      handleChange: P,
-      handleSubmit: h,
-      handleBlur: E,
-      booleanOptions: $,
+      handleChange: D,
+      handleSubmit: v,
+      handleBlur: P,
+      booleanOptions: T,
       codeMirror: a,
-      modelValue: o.modelValue
-    }), (e, l) => {
-      var d;
-      return n(), u(X, null, [
-        e.disabled ? (n(), u("div", {
-          key: 0,
-          class: Y(["text-c-2 flex cursor-default items-center justify-center", w(v) === "modal" ? "font-code pr-2 pl-1 text-base" : "px-2"]),
-          "data-testid": "code-input-disabled"
-        }, [
-          V("span", ue, Z(e.modelValue), 1)
-        ], 2)) : o.enum && o.enum.length ? (n(), b(x, {
-          key: 1,
-          default: o.default,
-          modelValue: e.modelValue,
-          type: j.value,
-          value: o.enum,
-          "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (d = e.type) != null && d.includes("boolean") ? (n(), b(x, {
-          key: 2,
-          default: o.default,
-          modelValue: e.modelValue,
-          value: $.value,
-          "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), b(x, {
-          key: 3,
-          default: o.default,
-          modelValue: o.modelValue,
-          value: o.examples,
-          "onUpdate:modelValue": l[2] || (l[2] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : (n(), u("div", _({
-          key: 4,
-          id: w(K)
-        }, e.$attrs, {
-          ref_key: "codeMirrorRef",
-          ref: T,
-          class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
-            "line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:absolute has-[:focus-visible]:z-1": e.lineWrapping,
-            "flow-code-input--error": e.error
-          }],
-          onKeydown: [
-            l[3] || (l[3] = y(A((t) => c("down", t), ["stop"]), ["down"])),
-            l[4] || (l[4] = y((t) => c("enter", t), ["enter"])),
-            l[5] || (l[5] = y((t) => c("escape", t), ["escape"])),
-            l[6] || (l[6] = y(A((t) => c("up", t), ["stop"]), ["up"]))
-          ]
-        }), [
-          e.disableTabIndent ? f("", !0) : (n(), u("div", de, l[7] || (l[7] = [
-            k(" Press "),
-            V("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
-            k(" then "),
-            V("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
-            k(" to exit ")
-          ])))
-        ], 16, ie)),
-        e.$slots.warning ? (n(), u("div", pe, [
-          I(e.$slots, "warning", {}, void 0, !0)
-        ])) : f("", !0),
-        e.$slots.icon ? (n(), u("div", fe, [
-          I(e.$slots, "icon", {}, void 0, !0)
-        ])) : f("", !0),
-        e.required ? (n(), u("div", me, " Required ")) : f("", !0),
-        H.value ? (n(), b(ne, {
-          key: 8,
-          ref_key: "dropdownRef",
-          ref: m,
-          dropdownPosition: D.value,
-          envVariables: e.envVariables,
-          environment: e.environment,
-          query: S.value,
-          onSelect: w(U)
-        }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : f("", !0)
-      ], 64);
-    };
+      modelValue: e.modelValue
+    }), (o, l) => (n(), u(Q, null, [
+      o.disabled ? (n(), u("div", {
+        key: 0,
+        class: G(["text-c-2 flex cursor-default items-center justify-center", h(g) === "modal" ? "font-code pr-2 pl-1 text-base" : "px-2"]),
+        "data-testid": "code-input-disabled"
+      }, [
+        w("span", ae, J(o.modelValue), 1)
+      ], 2)) : e.enum && e.enum.length ? (n(), c(k, {
+        key: 1,
+        default: e.default,
+        modelValue: o.modelValue,
+        type: L.value,
+        value: e.enum,
+        "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
+      }, null, 8, ["default", "modelValue", "type", "value"])) : o.type === "boolean" || o.type?.includes("boolean") ? (n(), c(k, {
+        key: 2,
+        default: e.default,
+        modelValue: o.modelValue,
+        value: T.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
+      }, null, 8, ["default", "modelValue", "value"])) : e.examples && e.examples.length ? (n(), c(k, {
+        key: 3,
+        default: e.default,
+        modelValue: e.modelValue,
+        value: e.examples,
+        "onUpdate:modelValue": l[2] || (l[2] = (t) => s("update:modelValue", t))
+      }, null, 8, ["default", "modelValue", "value"])) : (n(), u("div", X({
+        key: 4,
+        id: h(M)
+      }, o.$attrs, {
+        ref_key: "codeMirrorRef",
+        ref: F,
+        class: ["group/input group-[.alert]:outline-orange group-[.error]:outline-red font-code peer relative w-full overflow-hidden text-xs leading-[1.44] whitespace-nowrap -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
+          "line-wrapping has-[:focus-visible]:bg-b-1 has-[:focus-visible]:absolute has-[:focus-visible]:z-1": o.lineWrapping,
+          "flow-code-input--error": o.error
+        }],
+        onKeydown: [
+          l[3] || (l[3] = b($((t) => m("down", t), ["stop"]), ["down"])),
+          l[4] || (l[4] = b((t) => m("enter", t), ["enter"])),
+          l[5] || (l[5] = b((t) => m("escape", t), ["escape"])),
+          l[6] || (l[6] = b($((t) => m("up", t), ["stop"]), ["up"]))
+        ]
+      }), [
+        o.disableTabIndent ? p("", !0) : (n(), u("div", se, l[7] || (l[7] = [
+          V(" Press "),
+          w("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Esc", -1),
+          V(" then "),
+          w("kbd", { class: "-mx-0.25 rounded border px-0.5 font-mono" }, "Tab", -1),
+          V(" to exit ")
+        ])))
+      ], 16, re)),
+      o.$slots.warning ? (n(), u("div", ue, [
+        q(o.$slots, "warning", {}, void 0, !0)
+      ])) : p("", !0),
+      o.$slots.icon ? (n(), u("div", ie, [
+        q(o.$slots, "icon", {}, void 0, !0)
+      ])) : p("", !0),
+      o.required ? (n(), u("div", de, " Required ")) : p("", !0),
+      U.value ? (n(), c(oe, {
+        key: 8,
+        ref_key: "dropdownRef",
+        ref: f,
+        dropdownPosition: S.value,
+        envVariables: o.envVariables,
+        environment: o.environment,
+        query: C.value,
+        onSelect: h(K)
+      }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : p("", !0)
+    ], 64));
   }
 });
 export {
-  ke as default
+  he as default
 };

package/dist/components/CodeInput/codeVariableWidget.js

@@ -1,123 +1,118 @@
-var u = Object.defineProperty;
-var f = (o, t, e) => t in o ? u(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var r = (o, t, e) => f(o, typeof t != "symbol" ? t + "" : t, e);
-import { getEnvColor as b } from "../../libs/env-helpers.js";
-import { ScalarTooltip as v } from "@scalar/components";
-import { ScalarIconGlobe as g } from "@scalar/icons";
-import { REGEX as w } from "@scalar/oas-utils/helpers";
-import { ViewPlugin as y, EditorView as N, RangeSetBuilder as E, Decoration as C, WidgetType as V } from "@scalar/use-codemirror";
-import { defineComponent as k, h as m, createApp as x } from "vue";
-import { nanoid as D } from "nanoid";
-import { parseEnvVariables as R } from "../../libs/environment-parser.js";
-class p extends V {
-  constructor(e, i, n, s, a) {
-    super();
-    r(this, "app");
-    r(this, "uid");
-    r(this, "environment");
-    r(this, "envVariables");
-    r(this, "workspace");
-    r(this, "isReadOnly");
-    this.variableName = e, this.variableName = e, this.environment = i, this.envVariables = n, this.workspace = s, this.isReadOnly = a ?? !1, this.uid = D();
+import { getEnvColor as p } from "../../libs/env-helpers.js";
+import { ScalarTooltip as h } from "@scalar/components";
+import { ScalarIconGlobe as u } from "@scalar/icons";
+import { REGEX as v } from "@scalar/oas-utils/helpers";
+import { ViewPlugin as f, EditorView as b, RangeSetBuilder as g, Decoration as w, WidgetType as y } from "@scalar/use-codemirror";
+import { defineComponent as N, h as l, createApp as E } from "vue";
+import { nanoid as C } from "nanoid";
+import { parseEnvVariables as V } from "../../libs/environment-parser.js";
+class m extends y {
+  constructor(e, n, t, o, a) {
+    super(), this.variableName = e, this.variableName = e, this.environment = n, this.envVariables = t, this.workspace = o, this.isReadOnly = a ?? !1, this.uid = C();
   }
+  app;
+  uid;
+  environment;
+  envVariables;
+  workspace;
+  isReadOnly;
   toDOM() {
     const e = document.createElement("span");
     e.className = "cm-pill", e.textContent = `${this.variableName}`;
-    const i = k({
+    const n = N({
       props: { variableName: { type: String, default: null } },
       render: () => {
-        var c;
-        const n = this.envVariables ? R(this.envVariables).find((h) => h.key === this.variableName) : void 0, s = (n == null ? void 0 : n.source) === "global", a = s ? "var(--scalar-color-1)" : n && this.environment && this.environment.name !== "No Environment" ? b(this.environment) : "var(--scalar-color-1)";
-        e.style.setProperty("--tw-bg-base", a), e.style.opacity = n != null && n.value ? "1" : "0.5";
-        const l = (n == null ? void 0 : n.value) || "No value", d = m("div", { class: "flex items-center gap-1 whitespace-nowrap" }, [
-          (s || ((c = this.environment) == null ? void 0 : c.name) === "No Environment" && (n == null ? void 0 : n.value)) && m(g, { class: "size-3 -ml-1", icon: "Globe" }),
-          m("span", this.variableName)
+        const t = this.envVariables ? V(this.envVariables).find((c) => c.key === this.variableName) : void 0, o = t?.source === "global", a = o ? "var(--scalar-color-1)" : t && this.environment && this.environment.name !== "No Environment" ? p(this.environment) : "var(--scalar-color-1)";
+        e.style.setProperty("--tw-bg-base", a), e.style.opacity = t?.value ? "1" : "0.5";
+        const r = t?.value || "No value", s = l("div", { class: "flex items-center gap-1 whitespace-nowrap" }, [
+          (o || this.environment?.name === "No Environment" && t?.value) && l(u, { class: "size-3 -ml-1", icon: "Globe" }),
+          l("span", this.variableName)
         ]);
-        return m(
-          v,
+        return l(
+          h,
           {
-            content: l,
+            content: r,
             delay: 0,
             placement: "bottom",
             offset: 6
           },
           {
-            default: () => d
+            default: () => s
           }
         );
       }
     });
-    return this.app = x(i, { variableName: this.variableName }), this.app.mount(e), e;
+    return this.app = E(n, { variableName: this.variableName }), this.app.mount(e), e;
   }
   destroy() {
     this.app && this.app.unmount();
   }
   eq(e) {
-    return e instanceof p && e.variableName === this.variableName && e.uid === this.uid;
+    return e instanceof m && e.variableName === this.variableName && e.uid === this.uid;
   }
   ignoreEvent() {
     return !1;
   }
 }
-const z = (o) => y.fromClass(
+const B = (i) => f.fromClass(
   class {
-    constructor(t) {
-      r(this, "decorations");
-      this.decorations = this.buildDecorations(t);
+    decorations;
+    constructor(e) {
+      this.decorations = this.buildDecorations(e);
     }
-    update(t) {
-      (t.docChanged || t.viewportChanged) && requestAnimationFrame(() => {
-        this.decorations = this.buildDecorations(t.view), t.view.update([]);
+    update(e) {
+      (e.docChanged || e.viewportChanged) && requestAnimationFrame(() => {
+        this.decorations = this.buildDecorations(e.view), e.view.update([]);
       });
     }
-    buildDecorations(t) {
-      const e = new E();
-      for (const { from: i, to: n } of t.visibleRanges) {
-        const s = t.state.doc.sliceString(i, n);
-        let a;
-        for (; (a = w.VARIABLES.exec(s)) !== null; ) {
-          const l = i + a.index, d = l + a[0].length, c = a[1] ?? "";
-          e.add(
-            l,
-            d,
-            C.widget({
-              widget: new p(
-                c,
-                o.environment,
-                o.envVariables,
-                o.workspace,
-                o.isReadOnly
+    buildDecorations(e) {
+      const n = new g();
+      for (const { from: t, to: o } of e.visibleRanges) {
+        const a = e.state.doc.sliceString(t, o);
+        let r;
+        for (; (r = v.VARIABLES.exec(a)) !== null; ) {
+          const s = t + r.index, c = s + r[0].length, d = r[1] ?? "";
+          n.add(
+            s,
+            c,
+            w.widget({
+              widget: new m(
+                d,
+                i.environment,
+                i.envVariables,
+                i.workspace,
+                i.isReadOnly
               ),
               side: 1
             })
           );
         }
       }
-      return e.finish();
+      return n.finish();
     }
   },
   {
-    decorations: (t) => t.decorations
+    decorations: (e) => e.decorations
   }
-), F = N.domEventHandlers({
-  keydown(o, t) {
-    if (o.key === "Backspace") {
-      const { state: e } = t, { from: i, to: n } = e.selection.main;
-      if (i === 0 && n === e.doc.length)
-        return t.dispatch({
-          changes: { from: 0, to: e.doc.length },
+), P = b.domEventHandlers({
+  keydown(i, e) {
+    if (i.key === "Backspace") {
+      const { state: n } = e, { from: t, to: o } = n.selection.main;
+      if (t === 0 && o === n.doc.length)
+        return e.dispatch({
+          changes: { from: 0, to: n.doc.length },
           selection: { anchor: 0 }
-        }), o.preventDefault(), !0;
-      if (i === n && i > 0 && e.doc.sliceString(i - 2, i) === "}}")
-        return t.dispatch({
-          changes: { from: i - 2, to: n },
-          selection: { anchor: i - 2 }
-        }), o.preventDefault(), !0;
+        }), i.preventDefault(), !0;
+      if (t === o && t > 0 && n.doc.sliceString(t - 2, t) === "}}")
+        return e.dispatch({
+          changes: { from: t - 2, to: o },
+          selection: { anchor: t - 2 }
+        }), i.preventDefault(), !0;
     }
     return !1;
   }
 });
 export {
-  F as backspaceCommand,
-  z as pillPlugin
+  P as backspaceCommand,
+  B as pillPlugin
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as c, ref as f, onMounted as h, nextTick as b, computed as g, withDirectives as v, createElementBlock as w, openBlock as x, mergeProps as y, withKeys as s, vModelText as k } from "vue";
-const D = ["placeholder"], V = /* @__PURE__ */ c({
+import { defineComponent as m, ref as c, onMounted as f, nextTick as h, computed as b, withDirectives as g, createElementBlock as v, openBlock as w, mergeProps as x, withKeys as u, vModelText as y } from "vue";
+const k = ["placeholder"], E = /* @__PURE__ */ m({
   inheritAttrs: !1,
   __name: "CommandActionInput",
   props: {
@@ -8,30 +8,28 @@ const D = ["placeholder"], V = /* @__PURE__ */ c({
     autofocus: { type: Boolean }
   },
   emits: ["update:modelValue", "onDelete"],
-  setup(i, { emit: p }) {
-    const n = i, r = p, a = f(null);
-    h(
-      () => b(() => {
-        var e;
-        n.autofocus || (e = a.value) == null || e.focus();
+  setup(s, { emit: i }) {
+    const n = s, r = i, a = c(null);
+    f(
+      () => h(() => {
+        n.autofocus || a.value?.focus();
       })
     );
-    const l = g({
+    const l = b({
       get: () => n.modelValue ?? "",
       set: (e) => r("update:modelValue", e)
     });
-    function d(e) {
-      var u;
+    function p(e) {
       if (e.shiftKey || !e.target)
         return;
       e.preventDefault();
       const t = e.target, o = new Event("submit", { cancelable: !0 });
-      (u = t.form) == null || u.dispatchEvent(o);
+      t.form?.dispatchEvent(o);
     }
-    function m(e) {
+    function d(e) {
       l.value === "" && (e.preventDefault(), e.stopPropagation(), r("onDelete", e));
     }
-    return (e, t) => v((x(), w("textarea", y({
+    return (e, t) => g((w(), v("textarea", x({
       id: "command-action-input",
       ref_key: "input",
       ref: a,
@@ -41,14 +39,14 @@ const D = ["placeholder"], V = /* @__PURE__ */ c({
       wrap: "hard"
     }, e.$attrs, {
       onKeydown: [
-        t[1] || (t[1] = s((o) => m(o), ["delete"])),
-        t[2] || (t[2] = s((o) => d(o), ["enter"]))
+        t[1] || (t[1] = u((o) => d(o), ["delete"])),
+        t[2] || (t[2] = u((o) => p(o), ["enter"]))
       ]
-    }), null, 16, D)), [
-      [k, l.value]
+    }), null, 16, k)), [
+      [y, l.value]
     ]);
   }
 });
 export {
-  V as default
+  E as default
 };