@tellaro/tql 0.1.8 → 0.1.10

package/dist/vue/TqlInput.vue2.js

@@ -1,47 +1,47 @@
-import { defineComponent as et, ref as h, toRef as Z, computed as T, watch as _, onMounted as tt, nextTick as P, onUnmounted as lt, openBlock as o, createElementBlock as n, normalizeClass as S, unref as c, Fragment as M, renderList as N, toDisplayString as w, createCommentVNode as m, withDirectives as ae, vModelText as ne, createElementVNode as d, withModifiers as Q, withKeys as ke, createVNode as xe, createBlock as ot, Teleport as it } from "vue";
-import at from "./TqlAutocomplete.vue.js";
-import nt from "./components/TqlPreview.vue.js";
-import { useTqlInput as st } from "./useTqlInput.js";
-import { useQueryHistory as ut } from "./composables/useQueryHistory.js";
-import { analyzeComplexity as rt } from "../src/complexityAnalyzer.js";
-const ct = {
+import { defineComponent as tt, ref as h, toRef as _, computed as H, watch as ee, onMounted as lt, nextTick as P, onUnmounted as ot, openBlock as a, createElementBlock as s, normalizeClass as V, unref as r, Fragment as Q, renderList as N, toDisplayString as b, createCommentVNode as m, withDirectives as se, vModelText as ue, createElementVNode as c, withModifiers as A, withKeys as xe, createVNode as Ce, createBlock as it, Teleport as at } from "vue";
+import nt from "./TqlAutocomplete.vue.js";
+import st from "./components/TqlPreview.vue.js";
+import { useTqlInput as ut } from "./useTqlInput.js";
+import { useQueryHistory as rt } from "./composables/useQueryHistory.js";
+import { analyzeComplexity as ct } from "../src/complexityAnalyzer.js";
+const dt = {
   key: 0,
   class: "tql-highlight-layer",
   "aria-hidden": "true"
-}, dt = ["placeholder", "disabled", "readonly", "rows", "aria-expanded", "aria-invalid", "aria-describedby"], vt = ["placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby"], ft = { class: "tql-toolbar" }, pt = ["title"], ht = { class: "tql-complexity-label" }, mt = {
+}, vt = ["placeholder", "disabled", "readonly", "rows", "aria-expanded", "aria-invalid", "aria-describedby"], ft = ["placeholder", "disabled", "readonly", "aria-expanded", "aria-invalid", "aria-describedby"], pt = { class: "tql-toolbar" }, ht = ["title"], mt = { class: "tql-complexity-label" }, yt = {
   key: 0,
   class: "tql-complexity-count"
-}, yt = {
+}, gt = {
   key: 4,
   class: "tql-validation-status"
-}, gt = {
+}, wt = {
   key: 0,
   class: "pi pi-check-circle tql-icon-valid",
   "aria-label": "Query is valid"
-}, wt = ["aria-label", "aria-expanded"], bt = { class: "tql-history-header" }, qt = { class: "tql-history-list" }, kt = ["onClick"], xt = ["title", "onClick"], Ct = { class: "tql-history-content" }, Pt = {
+}, bt = ["aria-label", "aria-expanded"], qt = { class: "tql-history-header" }, kt = { class: "tql-history-list" }, xt = ["onClick"], Ct = ["title", "onClick"], St = { class: "tql-history-content" }, Pt = {
   key: 0,
   class: "tql-history-label"
-}, St = { class: "tql-history-query" }, Vt = { class: "tql-history-time" }, Rt = {
+}, Vt = { class: "tql-history-query" }, Dt = { class: "tql-history-time" }, Rt = {
   key: 0,
   class: "tql-history-empty"
 }, $t = {
   key: 0,
   class: "tql-error-suggestion"
-}, Dt = {
+}, It = {
   key: 4,
   class: "tql-complexity-warnings"
-}, It = {
+}, Et = {
   key: 0,
   class: "tql-complexity-suggestions"
-}, Tt = {
+}, Ht = {
   key: 5,
   class: "tql-preview-panel"
-}, Et = { class: "tql-preview-header" }, Ht = {
+}, Tt = { class: "tql-preview-header" }, Bt = {
   class: "sr-only",
   role: "status",
   "aria-live": "polite",
   "aria-atomic": "true"
-}, Bt = { key: 0 }, Mt = { key: 1 }, Qt = 1500, Nt = /* @__PURE__ */ et({
+}, Mt = { key: 0 }, Qt = { key: 1 }, At = 1500, Ut = /* @__PURE__ */ tt({
   __name: "TqlInput",
   props: {
     modelValue: {},
@@ -71,560 +71,570 @@ const ct = {
     historyStorageKey: {}
   },
   emits: ["update:modelValue", "validation", "parse", "submit"],
-  setup(i, { expose: Ce, emit: Pe }) {
-    const f = i, b = Pe, s = h(null), q = h(null), A = h(null), u = h(f.modelValue), k = h(!1), y = h(!1), U = h(0), L = h(!1);
-    let j = null, se = 0;
-    const V = h(!1), R = h(!1), E = h(""), ee = `tql-input-${Math.random().toString(36).substring(2, 9)}`, ue = `${ee}-input`, te = `${ee}-autocomplete`, le = `${ee}-errors`, z = h([]), H = h(-1), Se = Z(f, "modelValue"), Ve = Z(f, "fieldSchema"), Re = Z(f, "fieldValues"), $e = Z(f, "snippets"), {
-      tokens: De,
-      cursorPosition: K,
-      completionItems: O,
+  setup(n, { expose: Se, emit: Pe }) {
+    const f = n, q = Pe, i = h(null), k = h(null), L = h(null), u = h(f.modelValue), x = h(!1), y = h(!1), U = h(0), z = h(!1);
+    let j = null, W = 0;
+    const D = h(!1), R = h(!1), T = h(""), te = `tql-input-${Math.random().toString(36).substring(2, 9)}`, re = `${te}-input`, le = `${te}-autocomplete`, oe = `${te}-errors`, K = h([]), B = h(-1), Ve = _(f, "modelValue"), De = _(f, "fieldSchema"), Re = _(f, "fieldValues"), $e = _(f, "snippets"), {
+      tokens: Ie,
+      cursorPosition: O,
+      completionItems: F,
       showAutocomplete: C,
-      isValid: oe,
-      errors: D,
-      hasErrors: I,
-      validate: Ie,
-      handleInput: re,
-      handleCursorChange: x,
-      insertCompletion: Te,
-      insertSnippet: Ee,
-      triggerAutocomplete: F,
-      hideAutocomplete: W,
-      getTokenAtCursor: He
-    } = st({
-      modelValue: Se,
-      fieldSchema: Ve,
+      isValid: ie,
+      errors: I,
+      hasErrors: E,
+      validate: Ee,
+      handleInput: ce,
+      handleCursorChange: S,
+      insertCompletion: He,
+      insertSnippet: Te,
+      triggerAutocomplete: ae,
+      hideAutocomplete: G,
+      getTokenAtCursor: Be
+    } = ut({
+      modelValue: Ve,
+      fieldSchema: De,
       fieldValues: Re,
       snippets: $e,
       validateOnInput: f.validateOnInput,
       debounceMs: f.debounceMs,
       autocomplete: f.autocomplete,
-      onValidation: (e) => b("validation", e),
-      onParse: (e) => b("parse", e)
-    }), $ = f.showHistory ? ut({
+      onValidation: (e) => q("validation", e),
+      onParse: (e) => q("parse", e)
+    }), $ = f.showHistory ? rt({
       storageKey: f.historyStorageKey || "tql-history",
       ...f.historyOptions
-    }) : null, g = T(() => !f.showComplexity || !u.value.trim() ? null : rt(u.value, f.complexityThresholds)), Be = T(() => g.value ? `tql-complexity-${g.value.score}` : ""), ce = T(() => g.value && {
+    }) : null, g = H(() => !f.showComplexity || !u.value.trim() ? null : ct(u.value, f.complexityThresholds)), Me = H(() => g.value ? `tql-complexity-${g.value.score}` : ""), de = H(() => g.value && {
       low: "Low",
       medium: "Medium",
       high: "High"
-    }[g.value.score] || ""), de = T(() => $ ? E.value.trim() ? $.searchHistory(E.value).slice(0, 10) : $.getRecentQueries(10) : []);
-    function Me(e) {
-      u.value = e.query, b("update:modelValue", e.query), re(e.query), V.value = !1, E.value = "", P(() => {
+    }[g.value.score] || ""), ve = H(() => $ ? T.value.trim() ? $.searchHistory(T.value).slice(0, 10) : $.getRecentQueries(10) : []);
+    function Qe(e) {
+      u.value = e.query, q("update:modelValue", e.query), ce(e.query), D.value = !1, T.value = "", P(() => {
         var t;
-        return (t = s.value) == null ? void 0 : t.focus();
+        return (t = i.value) == null ? void 0 : t.focus();
       });
     }
-    function Qe(e, t) {
+    function Ae(e, t) {
       t.stopPropagation(), $ == null || $.toggleFavorite(e.id);
     }
-    function ve() {
+    function fe() {
       $ && u.value.trim() && $.addQuery(u.value);
     }
-    function Ae() {
-      V.value = !V.value, V.value && (R.value = !1);
-    }
     function Le() {
-      R.value = !R.value, R.value && (V.value = !1);
+      D.value = !D.value, D.value && (R.value = !1);
     }
-    _(
+    function ze() {
+      R.value = !R.value, R.value && (D.value = !1);
+    }
+    ee(
       () => f.modelValue,
       (e) => {
         e !== u.value && (u.value = e);
       }
-    ), _(
+    ), ee(
       () => f.minHeight,
       (e) => {
-        q.value && (e ? q.value.style.setProperty("--tql-min-height", e) : q.value.style.removeProperty("--tql-min-height"));
+        k.value && (e ? k.value.style.setProperty("--tql-min-height", e) : k.value.style.removeProperty("--tql-min-height"));
       },
       { immediate: !0 }
     );
-    const ze = T(() => y.value ? !0 : C.value && O.value.length > 0 ? !1 : !!(!k.value || L.value)), G = h({ top: 0, left: 0 }), Ke = T(() => G.value.top > 0 || G.value.left > 0), fe = h({ top: 0, left: 0, width: 0 }), B = h(null), Oe = T(() => {
-      const e = fe.value;
+    const Ke = H(() => y.value ? !0 : C.value && F.value.length > 0 ? !1 : !!(!x.value || z.value)), J = h({ top: 0, left: 0 }), Oe = H(() => J.value.top > 0 || J.value.left > 0), pe = h({ top: 0, left: 0, width: 0 }), M = h(null), Fe = H(() => {
+      const e = pe.value;
       return e.top > 0 || e.left > 0 || e.width > 0;
     });
-    function J() {
-      if (!q.value)
+    function X() {
+      if (!k.value)
         return;
-      const e = q.value.getBoundingClientRect();
-      G.value = {
+      const e = k.value.getBoundingClientRect();
+      J.value = {
         top: e.bottom + 4,
         left: e.left
-      }, fe.value = {
+      }, pe.value = {
         top: e.bottom + 4,
         left: e.left,
         width: e.width
-      }, B.value && (B.value.style.setProperty("--tql-msg-top", `${e.bottom + 4}px`), B.value.style.setProperty("--tql-msg-left", `${e.left}px`), B.value.style.setProperty("--tql-msg-width", `${e.width}px`));
+      }, M.value && (M.value.style.setProperty("--tql-msg-top", `${e.bottom + 4}px`), M.value.style.setProperty("--tql-msg-left", `${e.left}px`), M.value.style.setProperty("--tql-msg-width", `${e.width}px`));
     }
-    function Fe(e) {
+    function Ne(e) {
       const t = `tql-token tql-token-${e.type}`;
-      return D.value.some((a) => e.start >= a.start && e.end <= a.end) ? `${t} tql-token-error-range` : t;
+      return I.value.some((o) => e.start >= o.start && e.end <= o.end) ? `${t} tql-token-error-range` : t;
     }
-    function pe(e) {
+    function he(e) {
       const t = e.target;
-      u.value = t.value, b("update:modelValue", t.value), re(t.value), U.value = Date.now(), L.value = !1, P(() => {
-        s.value && x(s.value.selectionStart || 0);
+      u.value = t.value, q("update:modelValue", t.value), ce(t.value), U.value = Date.now(), z.value = !1, P(() => {
+        i.value && S(i.value.selectionStart || 0);
       });
     }
-    function X() {
-      if (s.value) {
-        const e = s.value.selectionStart || 0;
-        e !== K.value && x(e);
+    function Y() {
+      if (i.value) {
+        const e = i.value.selectionStart || 0;
+        e !== O.value && S(e);
       }
     }
-    function he(e) {
-      var t, l, a, r, v;
+    function me(e) {
+      var t, l, o, v;
       if (e.key === "Tab" && !e.shiftKey) {
-        if (z.value.length > 0 && H.value >= 0) {
-          e.preventDefault(), Ne();
+        if (Date.now() - W < 200) {
+          e.preventDefault();
+          return;
+        }
+        if (K.value.length > 0 && B.value >= 0) {
+          e.preventDefault(), Ue();
+          return;
+        }
+        if (ye()) {
+          e.preventDefault(), Ge();
           return;
         }
-        if (me()) {
+        if (je()) {
           e.preventDefault(), We();
           return;
         }
-        if (Ue()) {
-          e.preventDefault(), je();
+        if (C.value && F.value.length > 0) {
+          e.preventDefault(), (t = L.value) == null || t.selectCurrent();
           return;
         }
+        return;
       }
-      if (C.value && O.value.length > 0)
+      if (C.value && F.value.length > 0)
         switch (e.key) {
           case "ArrowDown":
-            e.preventDefault(), (t = A.value) == null || t.moveDown();
+            e.preventDefault(), (l = L.value) == null || l.moveDown();
             return;
           case "ArrowUp":
-            e.preventDefault(), (l = A.value) == null || l.moveUp();
-            return;
-          case "Tab":
-            if (e.preventDefault(), Date.now() - se < 100)
-              return;
-            x(((a = s.value) == null ? void 0 : a.selectionStart) || 0), O.value.length > 0 && ((r = A.value) == null || r.selectCurrent());
+            e.preventDefault(), (o = L.value) == null || o.moveUp();
             return;
           case "Enter":
             if (!f.multiline)
               break;
-            e.preventDefault(), (v = A.value) == null || v.selectCurrent();
+            e.preventDefault(), (v = L.value) == null || v.selectCurrent();
             return;
           case "Escape":
-            e.preventDefault(), W(), ie();
+            e.preventDefault(), G(), ne();
             return;
         }
       if (e.key === " " && e.ctrlKey) {
-        e.preventDefault(), F();
+        e.preventDefault(), ae();
         return;
       }
-      e.key === "Enter" && (f.multiline && e.ctrlKey || !f.multiline && !C.value) && (e.preventDefault(), ve(), b("submit", u.value));
+      e.key === "Enter" && (f.multiline && e.ctrlKey || !f.multiline && !C.value) && (e.preventDefault(), fe(), q("submit", u.value));
     }
-    function Ne() {
-      if (H.value++, H.value >= z.value.length) {
-        ie();
+    function Ue() {
+      if (B.value++, B.value >= K.value.length) {
+        ne();
         return;
       }
-      const e = z.value[H.value];
-      s.value && (s.value.setSelectionRange(e.start, e.end), s.value.focus(), x(e.start));
+      const e = K.value[B.value];
+      i.value && (i.value.setSelectionRange(e.start, e.end), i.value.focus(), S(e.start));
     }
-    function ie() {
-      z.value = [], H.value = -1;
+    function ne() {
+      K.value = [], B.value = -1;
     }
-    function me() {
-      const e = K.value, t = u.value;
-      let l = !1, a = null;
-      for (let r = 0; r < e; r++) {
-        const v = t[r], p = r > 0 ? t[r - 1] : "";
-        (v === '"' || v === "'") && p !== "\\" && (l ? v === a && (l = !1, a = null) : (l = !0, a = v));
+    function ye() {
+      var v;
+      const e = ((v = i.value) == null ? void 0 : v.selectionStart) ?? O.value, t = u.value;
+      let l = !1, o = null;
+      for (let d = 0; d < e; d++) {
+        const p = t[d], w = d > 0 ? t[d - 1] : "";
+        (p === '"' || p === "'") && w !== "\\" && (l ? p === o && (l = !1, o = null) : (l = !0, o = p));
       }
       return l;
     }
-    function Ue() {
-      const e = K.value, t = u.value;
+    function je() {
+      var o;
+      const e = ((o = i.value) == null ? void 0 : o.selectionStart) ?? O.value, t = u.value;
       if (e === 0) return !1;
       const l = t[e - 1];
-      return l !== '"' && l !== "'" ? !1 : !me();
+      return l !== '"' && l !== "'" ? !1 : !ye();
     }
-    function je() {
-      const e = K.value, t = u.value, l = t[e];
+    function We() {
+      var p;
+      W = Date.now();
+      const e = ((p = i.value) == null ? void 0 : p.selectionStart) ?? O.value, t = u.value, l = t[e];
       if (l === " " || l === `
 ` || l === "	") {
-        const p = e + 1;
-        s.value && (s.value.setSelectionRange(p, p), x(p), F());
+        const w = e + 1;
+        i.value && (i.value.setSelectionRange(w, w), S(w));
         return;
       }
-      const a = t.substring(0, e), r = t.substring(e), v = a + " " + r;
-      u.value = v, b("update:modelValue", v), P(() => {
-        if (s.value) {
-          const p = e + 1;
-          s.value.setSelectionRange(p, p), x(p), F();
+      const o = t.substring(0, e), v = t.substring(e), d = o + " " + v;
+      u.value = d, q("update:modelValue", d), P(() => {
+        if (i.value) {
+          const w = e + 1;
+          i.value.setSelectionRange(w, w), S(w);
         }
       });
     }
-    function We() {
-      const e = K.value, t = u.value;
-      for (let l = e; l < t.length; l++)
-        if (t[l] === '"' || t[l] === "'") {
-          const a = l + 1, r = t[a];
-          if (r && r !== " " && r !== `
-` && r !== "	")
-            s.value && (s.value.setSelectionRange(a, a), x(a));
-          else if (!r || r === " " || r === `
-` || r === "	")
-            if (r) {
-              const v = a + 1;
-              s.value && (s.value.setSelectionRange(v, v), x(v));
+    function Ge() {
+      var l;
+      W = Date.now();
+      const e = ((l = i.value) == null ? void 0 : l.selectionStart) ?? O.value, t = u.value;
+      for (let o = e; o < t.length; o++)
+        if (t[o] === '"' || t[o] === "'") {
+          const v = o + 1, d = t[v];
+          if (d && d !== " " && d !== `
+` && d !== "	")
+            i.value && (i.value.setSelectionRange(v, v), S(v));
+          else if (!d || d === " " || d === `
+` || d === "	")
+            if (d) {
+              const p = v + 1;
+              i.value && (i.value.setSelectionRange(p, p), S(p));
             } else {
-              const v = t + " ";
-              u.value = v, b("update:modelValue", v), P(() => {
-                if (s.value) {
-                  const p = a + 1;
-                  s.value.setSelectionRange(p, p), x(p), F();
+              const p = t + " ";
+              u.value = p, q("update:modelValue", p), P(() => {
+                if (i.value) {
+                  const w = v + 1;
+                  i.value.setSelectionRange(w, w), S(w);
                 }
               });
             }
           return;
         }
     }
-    function ye() {
-      k.value = !0, L.value = !1, U.value = Date.now(), P(() => {
-        J(), F();
+    function ge() {
+      x.value = !0, z.value = !1, U.value = Date.now(), P(() => {
+        X(), ae();
       });
     }
-    function ge(e) {
+    function we(e) {
       const l = e.relatedTarget;
       if (l != null && l.closest(".tql-autocomplete-dropdown")) {
         setTimeout(() => {
-          k.value || (W(), y.value = !1);
+          x.value || (G(), y.value = !1);
         }, 300);
         return;
       }
-      k.value = !1, setTimeout(() => {
-        k.value || (W(), y.value = !1);
+      x.value = !1, setTimeout(() => {
+        x.value || (G(), y.value = !1);
       }, 200);
     }
-    function Ge(e) {
-      se = Date.now();
-      const t = Te(e);
-      u.value = t.query, b("update:modelValue", t.query), t.placeholders.length > 0 ? (z.value = t.placeholders, H.value = 0) : ie(), P(() => {
-        s.value && (s.value.focus(), s.value.setSelectionRange(t.newCursorPosition, t.newCursorPosition), x(t.newCursorPosition));
+    function Je(e) {
+      W = Date.now();
+      const t = He(e);
+      u.value = t.query, q("update:modelValue", t.query), t.placeholders.length > 0 ? (K.value = t.placeholders, B.value = 0) : ne(), P(() => {
+        i.value && (i.value.focus(), i.value.setSelectionRange(t.newCursorPosition, t.newCursorPosition), S(t.newCursorPosition), ae());
       });
     }
-    function Je(e) {
-      const t = Ee(e);
-      u.value = t, b("update:modelValue", t), P(() => {
-        s.value && s.value.focus();
+    function Xe(e) {
+      const t = Te(e);
+      u.value = t, q("update:modelValue", t), P(() => {
+        i.value && i.value.focus();
       });
     }
-    function Xe() {
+    function Ye() {
       var e;
-      (e = s.value) == null || e.focus();
+      (e = i.value) == null || e.focus();
     }
-    function Ye() {
+    function Ze() {
       var e;
-      (e = s.value) == null || e.blur();
+      (e = i.value) == null || e.blur();
     }
-    function we() {
+    function be() {
       var e;
-      return ((e = s.value) == null ? void 0 : e.selectionStart) || 0;
+      return ((e = i.value) == null ? void 0 : e.selectionStart) || 0;
     }
-    function be(e) {
-      s.value && (s.value.setSelectionRange(e, e), x(e));
+    function qe(e) {
+      i.value && (i.value.setSelectionRange(e, e), S(e));
     }
-    function Ze(e) {
-      const t = we(), l = u.value.substring(0, t), a = u.value.substring(t), r = l + e + a;
-      u.value = r, b("update:modelValue", r), P(() => {
-        be(t + e.length);
+    function _e(e) {
+      const t = be(), l = u.value.substring(0, t), o = u.value.substring(t), v = l + e + o;
+      u.value = v, q("update:modelValue", v), P(() => {
+        qe(t + e.length);
       });
     }
-    function _e(e) {
-      const l = Date.now() - e, a = Math.floor(l / 1e3), r = Math.floor(a / 60), v = Math.floor(r / 60), p = Math.floor(v / 24);
-      return p > 0 ? `${p}d ago` : v > 0 ? `${v}h ago` : r > 0 ? `${r}m ago` : "just now";
+    function et(e) {
+      const l = Date.now() - e, o = Math.floor(l / 1e3), v = Math.floor(o / 60), d = Math.floor(v / 60), p = Math.floor(d / 24);
+      return p > 0 ? `${p}d ago` : d > 0 ? `${d}h ago` : v > 0 ? `${v}m ago` : "just now";
     }
-    function qe(e) {
+    function ke(e) {
       var l;
       const t = e.target;
-      (l = q.value) != null && l.contains(t) || (V.value = !1, R.value = !1);
+      (l = k.value) != null && l.contains(t) || (D.value = !1, R.value = !1);
     }
-    Ce({
-      focus: Xe,
-      blur: Ye,
-      validate: Ie,
-      insertText: Ze,
-      insertSnippet: Je,
-      getTokenAtPosition: He,
-      getCursorPosition: we,
-      setCursorPosition: be
+    Se({
+      focus: Ye,
+      blur: Ze,
+      validate: Ee,
+      insertText: _e,
+      insertSnippet: Xe,
+      getTokenAtPosition: Be,
+      getCursorPosition: be,
+      setCursorPosition: qe
     });
-    function Y() {
-      (C.value || I.value) && k.value && J();
+    function Z() {
+      (C.value || E.value) && x.value && X();
     }
-    return tt(() => {
-      document.addEventListener("selectionchange", X), document.addEventListener("click", qe), window.addEventListener("scroll", Y, !0), window.addEventListener("resize", Y), f.minHeight && q.value && q.value.style.setProperty("--tql-min-height", f.minHeight), j = setInterval(() => {
-        k.value && U.value > 0 && Date.now() - U.value >= Qt && !L.value && (L.value = !0);
+    return lt(() => {
+      document.addEventListener("selectionchange", Y), document.addEventListener("click", ke), window.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z), f.minHeight && k.value && k.value.style.setProperty("--tql-min-height", f.minHeight), j = setInterval(() => {
+        x.value && U.value > 0 && Date.now() - U.value >= At && !z.value && (z.value = !0);
       }, 500), P(() => {
-        J();
+        X();
       });
-    }), _(
-      () => I.value,
+    }), ee(
+      () => E.value,
       (e) => {
         e && P(() => {
-          J();
+          X();
         });
       },
       { immediate: !0 }
-    ), _(
-      B,
+    ), ee(
+      M,
       (e) => {
-        if (e && q.value) {
-          const t = q.value.getBoundingClientRect();
+        if (e && k.value) {
+          const t = k.value.getBoundingClientRect();
           e.style.setProperty("--tql-msg-top", `${t.bottom + 4}px`), e.style.setProperty("--tql-msg-left", `${t.left}px`), e.style.setProperty("--tql-msg-width", `${t.width}px`);
         }
       }
-    ), lt(() => {
-      document.removeEventListener("selectionchange", X), document.removeEventListener("click", qe), window.removeEventListener("scroll", Y, !0), window.removeEventListener("resize", Y), j && (clearInterval(j), j = null);
-    }), (e, t) => (o(), n("div", {
+    ), ot(() => {
+      document.removeEventListener("selectionchange", Y), document.removeEventListener("click", ke), window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z), j && (clearInterval(j), j = null);
+    }), (e, t) => (a(), s("div", {
       ref_key: "wrapperRef",
-      ref: q,
-      class: S([
+      ref: k,
+      class: V([
         "tql-input-wrapper",
         {
-          "tql-input-focused": k.value,
-          "tql-input-invalid": c(I) && i.showValidation,
-          "tql-input-disabled": i.disabled,
-          "tql-input-multiline": i.multiline,
-          "tql-input-autocomplete-active": c(C),
-          "tql-input-resizable": i.resizable && i.multiline,
-          "tql-input-has-min-height": !!i.minHeight
+          "tql-input-focused": x.value,
+          "tql-input-invalid": r(E) && n.showValidation,
+          "tql-input-disabled": n.disabled,
+          "tql-input-multiline": n.multiline,
+          "tql-input-autocomplete-active": r(C),
+          "tql-input-resizable": n.resizable && n.multiline,
+          "tql-input-has-min-height": !!n.minHeight
         }
       ])
     }, [
-      i.syntaxHighlighting ? (o(), n("div", ct, [
-        (o(!0), n(M, null, N(c(De), (l, a) => (o(), n("span", {
-          key: a,
-          class: S(Fe(l))
-        }, w(l.raw || l.value), 3))), 128))
+      n.syntaxHighlighting ? (a(), s("div", dt, [
+        (a(!0), s(Q, null, N(r(Ie), (l, o) => (a(), s("span", {
+          key: o,
+          class: V(Ne(l))
+        }, b(l.raw || l.value), 3))), 128))
       ])) : m("", !0),
-      i.multiline ? ae((o(), n("textarea", {
+      n.multiline ? se((a(), s("textarea", {
         key: 1,
-        id: ue,
+        id: re,
         ref_key: "inputRef",
-        ref: s,
+        ref: i,
         "onUpdate:modelValue": t[0] || (t[0] = (l) => u.value = l),
-        class: S(["tql-input", { "tql-input-highlighted": i.syntaxHighlighting, "tql-input-resizable-textarea": i.resizable }]),
-        placeholder: i.placeholder,
-        disabled: i.disabled,
-        readonly: i.readonly,
-        rows: i.rows,
+        class: V(["tql-input", { "tql-input-highlighted": n.syntaxHighlighting, "tql-input-resizable-textarea": n.resizable }]),
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        readonly: n.readonly,
+        rows: n.rows,
         role: "combobox",
-        "aria-expanded": c(C) && k.value,
-        "aria-controls": te,
-        "aria-invalid": c(I) && i.showValidation,
-        "aria-describedby": c(I) && y.value ? le : void 0,
+        "aria-expanded": r(C) && x.value,
+        "aria-controls": le,
+        "aria-invalid": r(E) && n.showValidation,
+        "aria-describedby": r(E) && y.value ? oe : void 0,
         "aria-autocomplete": "list",
         "aria-haspopup": "listbox",
         spellcheck: "false",
         autocomplete: "off",
         autocapitalize: "off",
-        onInput: pe,
-        onKeydown: he,
-        onFocus: ye,
-        onBlur: ge,
-        onClick: X
-      }, null, 42, dt)), [
-        [ne, u.value]
-      ]) : ae((o(), n("input", {
+        onInput: he,
+        onKeydown: me,
+        onFocus: ge,
+        onBlur: we,
+        onClick: Y
+      }, null, 42, vt)), [
+        [ue, u.value]
+      ]) : se((a(), s("input", {
         key: 2,
-        id: ue,
+        id: re,
         ref_key: "inputRef",
-        ref: s,
+        ref: i,
         "onUpdate:modelValue": t[1] || (t[1] = (l) => u.value = l),
         type: "text",
-        class: S(["tql-input", { "tql-input-highlighted": i.syntaxHighlighting }]),
-        placeholder: i.placeholder,
-        disabled: i.disabled,
-        readonly: i.readonly,
+        class: V(["tql-input", { "tql-input-highlighted": n.syntaxHighlighting }]),
+        placeholder: n.placeholder,
+        disabled: n.disabled,
+        readonly: n.readonly,
         role: "combobox",
-        "aria-expanded": c(C) && k.value,
-        "aria-controls": te,
-        "aria-invalid": c(I) && i.showValidation,
-        "aria-describedby": c(I) && y.value ? le : void 0,
+        "aria-expanded": r(C) && x.value,
+        "aria-controls": le,
+        "aria-invalid": r(E) && n.showValidation,
+        "aria-describedby": r(E) && y.value ? oe : void 0,
         "aria-autocomplete": "list",
         "aria-haspopup": "listbox",
         spellcheck: "false",
         autocomplete: "off",
         autocapitalize: "off",
-        onInput: pe,
-        onKeydown: he,
-        onFocus: ye,
-        onBlur: ge,
-        onClick: X
-      }, null, 42, vt)), [
-        [ne, u.value]
+        onInput: he,
+        onKeydown: me,
+        onFocus: ge,
+        onBlur: we,
+        onClick: Y
+      }, null, 42, ft)), [
+        [ue, u.value]
       ]),
-      d("div", ft, [
-        i.showComplexity && g.value && u.value.trim() ? (o(), n("div", {
+      c("div", pt, [
+        n.showComplexity && g.value && u.value.trim() ? (a(), s("div", {
           key: 0,
-          class: S(["tql-complexity-badge", Be.value]),
-          title: `${ce.value} complexity - ${g.value.warnings.length} warning(s)`
+          class: V(["tql-complexity-badge", Me.value]),
+          title: `${de.value} complexity - ${g.value.warnings.length} warning(s)`
         }, [
-          d("span", ht, w(ce.value), 1),
-          g.value.warnings.length > 0 ? (o(), n("span", mt, w(g.value.warnings.length), 1)) : m("", !0)
-        ], 10, pt)) : m("", !0),
-        i.showHistory ? (o(), n("button", {
+          c("span", mt, b(de.value), 1),
+          g.value.warnings.length > 0 ? (a(), s("span", yt, b(g.value.warnings.length), 1)) : m("", !0)
+        ], 10, ht)) : m("", !0),
+        n.showHistory ? (a(), s("button", {
           key: 1,
           type: "button",
-          class: S(["tql-toolbar-button", { "tql-toolbar-button--active": V.value }]),
+          class: V(["tql-toolbar-button", { "tql-toolbar-button--active": D.value }]),
           title: "Query history",
-          onClick: Q(Ae, ["stop"])
+          onClick: A(Le, ["stop"])
         }, [...t[10] || (t[10] = [
-          d("i", { class: "pi pi-history" }, null, -1)
+          c("i", { class: "pi pi-history" }, null, -1)
         ])], 2)) : m("", !0),
-        i.showPreview ? (o(), n("button", {
+        n.showPreview ? (a(), s("button", {
           key: 2,
           type: "button",
-          class: S(["tql-toolbar-button", { "tql-toolbar-button--active": R.value }]),
+          class: V(["tql-toolbar-button", { "tql-toolbar-button--active": R.value }]),
           title: "Preview query structure",
-          onClick: Q(Le, ["stop"])
+          onClick: A(ze, ["stop"])
         }, [...t[11] || (t[11] = [
-          d("i", { class: "pi pi-sitemap" }, null, -1)
+          c("i", { class: "pi pi-sitemap" }, null, -1)
         ])], 2)) : m("", !0),
-        i.showSnippetButton && i.snippets && i.snippets.length > 0 ? (o(), n("button", {
+        n.showSnippetButton && n.snippets && n.snippets.length > 0 ? (a(), s("button", {
           key: 3,
           type: "button",
           class: "tql-toolbar-button tql-snippet-button",
           title: "Insert snippet",
-          onClick: t[2] || (t[2] = Q(() => {
+          onClick: t[2] || (t[2] = A(() => {
           }, ["stop"]))
         }, [...t[12] || (t[12] = [
-          d("i", { class: "pi pi-code" }, null, -1)
+          c("i", { class: "pi pi-code" }, null, -1)
         ])])) : m("", !0),
-        i.showValidation && u.value ? (o(), n("div", yt, [
-          c(oe) ? (o(), n("i", gt)) : (o(), n("i", {
+        n.showValidation && u.value ? (a(), s("div", gt, [
+          r(ie) ? (a(), s("i", wt)) : (a(), s("i", {
             key: 1,
             class: "pi pi-exclamation-circle tql-icon-invalid tql-icon-clickable",
             role: "button",
             tabindex: "0",
             title: "Click to show/hide errors",
-            "aria-label": `Query has ${c(D).length} error${c(D).length === 1 ? "" : "s"}. Click to ${y.value ? "hide" : "show"} details.`,
+            "aria-label": `Query has ${r(I).length} error${r(I).length === 1 ? "" : "s"}. Click to ${y.value ? "hide" : "show"} details.`,
             "aria-expanded": y.value,
             onClick: t[3] || (t[3] = (l) => y.value = !y.value),
             onKeydown: [
-              t[4] || (t[4] = ke((l) => y.value = !y.value, ["enter"])),
-              t[5] || (t[5] = ke(Q((l) => y.value = !y.value, ["prevent"]), ["space"]))
+              t[4] || (t[4] = xe((l) => y.value = !y.value, ["enter"])),
+              t[5] || (t[5] = xe(A((l) => y.value = !y.value, ["prevent"]), ["space"]))
             ]
-          }, null, 40, wt))
+          }, null, 40, bt))
         ])) : m("", !0)
       ]),
-      i.showHistory && V.value ? (o(), n("div", {
+      n.showHistory && D.value ? (a(), s("div", {
         key: 3,
         class: "tql-history-dropdown",
-        onClick: t[8] || (t[8] = Q(() => {
+        onClick: t[8] || (t[8] = A(() => {
         }, ["stop"]))
       }, [
-        d("div", bt, [
-          ae(d("input", {
-            "onUpdate:modelValue": t[6] || (t[6] = (l) => E.value = l),
+        c("div", qt, [
+          se(c("input", {
+            "onUpdate:modelValue": t[6] || (t[6] = (l) => T.value = l),
             type: "text",
             class: "tql-history-search",
             placeholder: "Search history...",
-            onKeydown: t[7] || (t[7] = Q(() => {
+            onKeydown: t[7] || (t[7] = A(() => {
             }, ["stop"]))
           }, null, 544), [
-            [ne, E.value]
+            [ue, T.value]
           ])
         ]),
-        d("div", qt, [
-          (o(!0), n(M, null, N(de.value, (l) => (o(), n("div", {
+        c("div", kt, [
+          (a(!0), s(Q, null, N(ve.value, (l) => (a(), s("div", {
             key: l.id,
-            class: S(["tql-history-item", { "tql-history-item--favorite": l.isFavorite }]),
-            onClick: (a) => Me(l)
+            class: V(["tql-history-item", { "tql-history-item--favorite": l.isFavorite }]),
+            onClick: (o) => Qe(l)
           }, [
-            d("button", {
+            c("button", {
               type: "button",
               class: "tql-history-favorite",
               title: l.isFavorite ? "Remove from favorites" : "Add to favorites",
-              onClick: (a) => Qe(l, a)
+              onClick: (o) => Ae(l, o)
             }, [
-              d("i", {
-                class: S(l.isFavorite ? "pi pi-star-fill" : "pi pi-star")
+              c("i", {
+                class: V(l.isFavorite ? "pi pi-star-fill" : "pi pi-star")
               }, null, 2)
-            ], 8, xt),
-            d("div", Ct, [
-              l.label ? (o(), n("div", Pt, w(l.label), 1)) : m("", !0),
-              d("div", St, w(l.query), 1)
+            ], 8, Ct),
+            c("div", St, [
+              l.label ? (a(), s("div", Pt, b(l.label), 1)) : m("", !0),
+              c("div", Vt, b(l.query), 1)
             ]),
-            d("div", Vt, w(_e(l.timestamp)), 1)
-          ], 10, kt))), 128)),
-          de.value.length === 0 ? (o(), n("div", Rt, w(E.value ? "No matching queries" : "No query history"), 1)) : m("", !0)
+            c("div", Dt, b(et(l.timestamp)), 1)
+          ], 10, xt))), 128)),
+          ve.value.length === 0 ? (a(), s("div", Rt, b(T.value ? "No matching queries" : "No query history"), 1)) : m("", !0)
         ])
       ])) : m("", !0),
-      xe(at, {
-        id: te,
+      Ce(nt, {
+        id: le,
         ref_key: "autocompleteRef",
-        ref: A,
-        items: c(O),
-        visible: c(C) && k.value && Ke.value,
-        position: G.value,
-        onSelect: Ge,
-        onClose: c(W)
+        ref: L,
+        items: r(F),
+        visible: r(C) && x.value && Oe.value,
+        position: J.value,
+        onSelect: Je,
+        onClose: r(G)
       }, null, 8, ["items", "visible", "position", "onClose"]),
-      (o(), ot(it, { to: "body" }, [
-        i.showValidation && !c(oe) && ze.value && u.value && c(D).length > 0 && !(c(C) && c(O).length > 0) && Oe.value ? (o(), n("div", {
+      (a(), it(at, { to: "body" }, [
+        n.showValidation && !r(ie) && Ke.value && u.value && r(I).length > 0 && !(r(C) && r(F).length > 0) && Fe.value ? (a(), s("div", {
           key: 0,
           ref_key: "validationMessagesRef",
-          ref: B,
-          id: le,
+          ref: M,
+          id: oe,
           class: "tql-validation-messages-portal",
           role: "alert",
           "aria-live": "polite"
         }, [
-          (o(!0), n(M, null, N(c(D).slice(0, 3), (l, a) => (o(), n("div", {
-            key: a,
+          (a(!0), s(Q, null, N(r(I).slice(0, 3), (l, o) => (a(), s("div", {
+            key: o,
             class: "tql-error-message"
           }, [
-            t[13] || (t[13] = d("i", {
+            t[13] || (t[13] = c("i", {
               class: "pi pi-exclamation-triangle",
               "aria-hidden": "true"
             }, null, -1)),
-            d("span", null, w(l.message), 1),
-            l.suggestion ? (o(), n("span", $t, w(l.suggestion), 1)) : m("", !0)
+            c("span", null, b(l.message), 1),
+            l.suggestion ? (a(), s("span", $t, b(l.suggestion), 1)) : m("", !0)
           ]))), 128))
         ], 512)) : m("", !0)
       ])),
-      i.showComplexity && g.value && g.value.warnings.length > 0 && !c(C) ? (o(), n("div", Dt, [
-        (o(!0), n(M, null, N(g.value.warnings.slice(0, 3), (l, a) => (o(), n("div", {
-          key: a,
-          class: S(["tql-complexity-warning", `tql-complexity-warning--${l.severity}`])
+      n.showComplexity && g.value && g.value.warnings.length > 0 && !r(C) ? (a(), s("div", It, [
+        (a(!0), s(Q, null, N(g.value.warnings.slice(0, 3), (l, o) => (a(), s("div", {
+          key: o,
+          class: V(["tql-complexity-warning", `tql-complexity-warning--${l.severity}`])
         }, [
-          t[14] || (t[14] = d("i", {
+          t[14] || (t[14] = c("i", {
             class: "pi pi-info-circle",
             "aria-hidden": "true"
           }, null, -1)),
-          d("span", null, w(l.message), 1)
+          c("span", null, b(l.message), 1)
         ], 2))), 128)),
-        g.value.suggestions.length > 0 ? (o(), n("div", It, [
-          (o(!0), n(M, null, N(g.value.suggestions.slice(0, 2), (l, a) => (o(), n("div", {
-            key: a,
+        g.value.suggestions.length > 0 ? (a(), s("div", Et, [
+          (a(!0), s(Q, null, N(g.value.suggestions.slice(0, 2), (l, o) => (a(), s("div", {
+            key: o,
             class: "tql-complexity-suggestion"
           }, [
-            t[15] || (t[15] = d("i", {
+            t[15] || (t[15] = c("i", {
               class: "pi pi-lightbulb",
               "aria-hidden": "true"
             }, null, -1)),
-            d("span", null, w(l), 1)
+            c("span", null, b(l), 1)
           ]))), 128))
         ])) : m("", !0)
       ])) : m("", !0),
-      i.showPreview && R.value && u.value.trim() ? (o(), n("div", Tt, [
-        d("div", Et, [
-          t[17] || (t[17] = d("span", null, "Query Structure", -1)),
-          d("button", {
+      n.showPreview && R.value && u.value.trim() ? (a(), s("div", Ht, [
+        c("div", Tt, [
+          t[17] || (t[17] = c("span", null, "Query Structure", -1)),
+          c("button", {
             type: "button",
             class: "tql-preview-close",
             title: "Close preview",
             onClick: t[9] || (t[9] = (l) => R.value = !1)
           }, [...t[16] || (t[16] = [
-            d("i", { class: "pi pi-times" }, null, -1)
+            c("i", { class: "pi pi-times" }, null, -1)
           ])])
         ]),
-        xe(nt, {
+        Ce(st, {
           query: u.value,
           "show-complexity": !1,
           "show-field-usage": !0,
@@ -632,14 +642,14 @@ const ct = {
           compact: ""
         }, null, 8, ["query"])
       ])) : m("", !0),
-      d("div", Ht, [
-        i.showValidation && u.value ? (o(), n(M, { key: 0 }, [
-          c(oe) ? (o(), n("span", Bt, "Query syntax is valid")) : (o(), n("span", Mt, "Query has " + w(c(D).length) + " validation error" + w(c(D).length === 1 ? "" : "s"), 1))
+      c("div", Bt, [
+        n.showValidation && u.value ? (a(), s(Q, { key: 0 }, [
+          r(ie) ? (a(), s("span", Mt, "Query syntax is valid")) : (a(), s("span", Qt, "Query has " + b(r(I).length) + " validation error" + b(r(I).length === 1 ? "" : "s"), 1))
         ], 64)) : m("", !0)
       ])
     ], 2));
   }
 });
 export {
-  Nt as default
+  Ut as default
 };