@tellaro/tql 1.5.0 → 3.0.0

package/dist/vue/TqlInput.vue2.js

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