@tellaro/tql 0.1.18 → 0.2.0

package/dist/vue/TqlInput.vue2.js

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