@tellaro/tql 0.1.0 → 0.1.2

package/dist/src/semanticPreview.js

@@ -0,0 +1,242 @@
+import { parseTql as y } from "./parser.js";
+import { analyzeComplexity as p } from "./complexityAnalyzer.js";
+class u {
+  /**
+   * Generate a complete preview for a TQL query
+   */
+  generatePreview(t) {
+    const r = y(t), i = p(t), n = [], s = {};
+    if (!r.ast)
+      return {
+        fields: [],
+        logicTree: null,
+        complexity: i,
+        fieldCount: 0,
+        uniqueFields: [],
+        operatorSummary: {}
+      };
+    this.extractFieldUsage(r.ast, n, s);
+    const a = this.buildLogicTree(r.ast), c = [...new Set(n.map((l) => l.name))];
+    return {
+      fields: n,
+      logicTree: a,
+      complexity: i,
+      fieldCount: n.length,
+      uniqueFields: c,
+      operatorSummary: s
+    };
+  }
+  /**
+   * Extract field usage information from an expression
+   */
+  extractFieldUsage(t, r, i) {
+    switch (t.type) {
+      case "binary":
+        this.extractFromBinary(t, r, i);
+        break;
+      case "unary":
+        this.extractFromUnary(t, r, i);
+        break;
+      case "comparison":
+        this.extractFromComparison(t, r, i);
+        break;
+      case "group":
+        this.extractFromGroup(t, r, i);
+        break;
+    }
+  }
+  extractFromBinary(t, r, i) {
+    i[t.operator] = (i[t.operator] || 0) + 1, this.extractFieldUsage(t.left, r, i), this.extractFieldUsage(t.right, r, i);
+  }
+  extractFromUnary(t, r, i) {
+    i[t.operator] = (i[t.operator] || 0) + 1, this.extractFieldUsage(t.operand, r, i);
+  }
+  extractFromGroup(t, r, i) {
+    this.extractFieldUsage(t.expression, r, i);
+  }
+  extractFromComparison(t, r, i) {
+    const n = t.operator.toLowerCase();
+    i[n] = (i[n] || 0) + 1;
+    const s = this.getFieldInfo(t.field), a = this.determineMatchType(n, t.value), c = this.extractValue(t.value);
+    r.push({
+      name: s.name,
+      operator: n,
+      value: c,
+      matchType: a,
+      mutators: s.mutators,
+      start: t.start,
+      end: t.end
+    });
+  }
+  /**
+   * Get field name and mutators from field reference or mutator expression
+   */
+  getFieldInfo(t) {
+    if (t.type === "field")
+      return {
+        name: t.name,
+        mutators: t.mutators
+      };
+    const r = [t.mutator];
+    let i = t.field;
+    for (; i.type === "mutator"; )
+      r.unshift(i.mutator), i = i.field;
+    return {
+      name: i.name,
+      mutators: r
+    };
+  }
+  /**
+   * Determine the match type based on operator and value
+   */
+  determineMatchType(t, r) {
+    if (t === "exists" || t === "not_exists")
+      return "existence";
+    if (t === "is" || t === "is_not")
+      return "null_check";
+    if (t === "cidr" || t === "not_cidr")
+      return "cidr";
+    if (t === "regexp" || t === "regex" || t === "matches" || t === "not_regexp" || t === "not_matches")
+      return "regex";
+    if (t === "between" || t === "not_between" || t === "gt" || t === "gte" || t === "lt" || t === "lte")
+      return "range";
+    const i = Array.isArray(r) ? r : [r];
+    for (const n of i)
+      if (n.valueType === "string" && typeof n.value == "string" && n.value.includes("*"))
+        return "wildcard";
+    return "exact";
+  }
+  /**
+   * Extract the actual value(s) from literal(s)
+   */
+  extractValue(t) {
+    return Array.isArray(t) ? t.map((r) => r.value) : t.value;
+  }
+  /**
+   * Build a logic tree from the AST
+   */
+  buildLogicTree(t) {
+    switch (t.type) {
+      case "binary":
+        return this.buildBinaryNode(t);
+      case "unary":
+        return this.buildUnaryNode(t);
+      case "comparison":
+        return this.buildComparisonNode(t);
+      case "group":
+        return this.buildGroupNode(t);
+      default:
+        return {
+          type: "comparison",
+          start: t.start,
+          end: t.end
+        };
+    }
+  }
+  buildBinaryNode(t) {
+    return {
+      type: t.operator,
+      children: [
+        this.buildLogicTree(t.left),
+        this.buildLogicTree(t.right)
+      ],
+      start: t.start,
+      end: t.end
+    };
+  }
+  buildUnaryNode(t) {
+    return {
+      type: "NOT",
+      children: [this.buildLogicTree(t.operand)],
+      start: t.start,
+      end: t.end
+    };
+  }
+  buildComparisonNode(t) {
+    const r = this.getFieldInfo(t.field), i = this.extractValue(t.value);
+    return {
+      type: "comparison",
+      field: r.name,
+      operator: t.operator,
+      value: i,
+      mutators: r.mutators,
+      start: t.start,
+      end: t.end
+    };
+  }
+  buildGroupNode(t) {
+    return {
+      type: "group",
+      children: [this.buildLogicTree(t.expression)],
+      start: t.start,
+      end: t.end
+    };
+  }
+}
+function b(e) {
+  return new u().generatePreview(e);
+}
+function F(e) {
+  return new u().generatePreview(e).fields;
+}
+function N(e) {
+  return new u().generatePreview(e).logicTree;
+}
+function P(e) {
+  return new u().generatePreview(e).uniqueFields;
+}
+function U(e) {
+  return new u().generatePreview(e).operatorSummary;
+}
+function g(e) {
+  var t, r, i;
+  if (e.type === "comparison") {
+    const n = (t = e.mutators) != null && t.length ? ` | ${e.mutators.join(" | ")}` : "", s = m(e.value);
+    return `${e.field}${n} ${e.operator} ${s}`;
+  }
+  return e.type === "NOT" && ((r = e.children) == null ? void 0 : r.length) === 1 ? `NOT (${g(e.children[0])})` : e.type === "group" && ((i = e.children) == null ? void 0 : i.length) === 1 ? `(${g(e.children[0])})` : (e.type === "AND" || e.type === "OR") && e.children ? e.children.map(g).join(` ${e.type} `) : "";
+}
+function m(e) {
+  return e === null ? "null" : e === void 0 ? "" : typeof e == "string" ? `"${e}"` : Array.isArray(e) ? `[${e.map(m).join(", ")}]` : String(e);
+}
+function L(e, t = "") {
+  if (!e)
+    return "(empty)";
+  const r = [];
+  return o(e, r, "", !0), r.join(`
+`);
+}
+function o(e, t, r, i) {
+  var a, c, l;
+  const n = i ? "└── " : "├── ", s = i ? "    " : "│   ";
+  if (e.type === "comparison") {
+    const h = (a = e.mutators) != null && a.length ? ` | ${e.mutators.join(" | ")}` : "", f = m(e.value);
+    t.push(`${r}${n}${e.field}${h} ${e.operator} ${f}`);
+  } else e.type === "NOT" ? (t.push(`${r}${n}NOT`), (c = e.children) != null && c.length && o(e.children[0], t, r + s, !0)) : e.type === "group" ? (t.push(`${r}${n}GROUP`), (l = e.children) != null && l.length && o(e.children[0], t, r + s, !0)) : e.children && (t.push(`${r}${n}${e.type}`), e.children.forEach((h, f) => {
+    const d = f === e.children.length - 1;
+    o(h, t, r + s, d);
+  }));
+}
+function w(e) {
+  return e ? e.type === "comparison" ? [e] : e.children ? e.children.flatMap(w) : [] : [];
+}
+function T(e) {
+  if (!e)
+    return 0;
+  if (!e.children || e.children.length === 0)
+    return 1;
+  const t = e.children.map(T);
+  return 1 + Math.max(...t);
+}
+export {
+  u as SemanticPreview,
+  w as flattenLogicTree,
+  L as formatLogicTreeAscii,
+  g as formatLogicTreeNode,
+  b as generatePreview,
+  F as getFieldUsage,
+  N as getLogicTree,
+  T as getLogicTreeDepth,
+  U as getOperatorSummary,
+  P as getUniqueFields
+};

package/dist/src/types.d.ts

@@ -154,6 +154,10 @@ export interface TqlCompletionItem {
     sortOrder: number;
     filterText?: string;
     commitCharacters?: string[];
+    /** Match score from fuzzy matching (higher is better) */
+    matchScore?: number;
+    /** Indices of matched characters for highlighting */
+    matchedIndices?: number[];
 }
 export type TqlCompletionKind = "field" | "operator" | "value" | "keyword" | "snippet" | "mutator" | "aggregation" | "logicalOp" | "typeHint" | "visualization";
 export interface TqlCompletionContext {
@@ -171,6 +175,10 @@ export interface TqlCompletionOptions {
     includeVisualizations?: boolean;
     maxItems?: number;
     fieldValues?: Record<string, string[]>;
+    /** Enable fuzzy matching for filtering completions (default: true) */
+    fuzzyMatching?: boolean;
+    /** Minimum fuzzy match score to include (default: 0) */
+    minFuzzyScore?: number;
 }
 export interface TqlFieldSchema {
     name: string;
@@ -197,11 +205,30 @@ export interface TqlInputProps {
     validateOnInput?: boolean;
     debounceMs?: number;
     fieldSchema?: TqlFieldSchema[];
+    fieldValues?: Record<string, string[]>;
     modelName?: string;
     snippets?: TqlSnippet[];
     showSnippetButton?: boolean;
     autocomplete?: boolean;
     syntaxHighlighting?: boolean;
+    /** Always show validation errors instead of requiring click on icon. Defaults to true. */
+    alwaysShowErrors?: boolean;
+    /** Allow textarea to be resized (only applies when multiline is true) */
+    resizable?: boolean;
+    /** Minimum height for the input */
+    minHeight?: string;
+    /** Show complexity badge and warnings (default: false) */
+    showComplexity?: boolean;
+    /** Show query history dropdown (default: false) */
+    showHistory?: boolean;
+    /** Show logic tree preview panel (default: false) */
+    showPreview?: boolean;
+    /** Custom complexity thresholds */
+    complexityThresholds?: ComplexityThresholds;
+    /** Query history options */
+    historyOptions?: UseQueryHistoryOptions;
+    /** Storage key for history (default: 'tql-history') */
+    historyStorageKey?: string;
 }
 export interface TqlInputEmits {
     (e: "update:modelValue", value: string): void;
@@ -219,3 +246,97 @@ export interface TqlInputExpose {
     getCursorPosition(): number;
     setCursorPosition(pos: number): void;
 }
+export type ComplexityScore = "low" | "medium" | "high";
+export interface ComplexityWarning {
+    type: ComplexityWarningType;
+    message: string;
+    severity: "info" | "warning" | "error";
+    location?: {
+        start: number;
+        end: number;
+    };
+}
+export type ComplexityWarningType = "leading_wildcard" | "multiple_wildcards" | "deep_nesting" | "multiple_regex" | "large_in_list" | "post_processing_mutator" | "complex_or_chain" | "nested_negation";
+export interface ComplexityMetrics {
+    depth: number;
+    operatorCount: number;
+    wildcardCount: number;
+    leadingWildcardCount: number;
+    regexCount: number;
+    mutatorCount: number;
+    postProcessingMutatorCount: number;
+    inListMaxSize: number;
+    orChainLength: number;
+    andChainLength: number;
+    negationDepth: number;
+}
+export interface ComplexityResult {
+    score: ComplexityScore;
+    warnings: ComplexityWarning[];
+    suggestions: string[];
+    metrics: ComplexityMetrics;
+}
+export interface ComplexityThresholds {
+    /** Depth at which to warn (default: 5) */
+    maxDepth?: number;
+    /** Number of regex operators to warn (default: 3) */
+    maxRegex?: number;
+    /** Size of in-list to warn (default: 100) */
+    maxInListSize?: number;
+    /** Length of OR chain to warn (default: 10) */
+    maxOrChainLength?: number;
+    /** Number of leading wildcards to warn (default: 2) */
+    maxLeadingWildcards?: number;
+}
+export type MatchType = "exact" | "wildcard" | "range" | "regex" | "existence" | "null_check" | "cidr";
+export interface FieldUsage {
+    name: string;
+    operator: string;
+    value: unknown;
+    matchType: MatchType;
+    mutators?: string[];
+    start: number;
+    end: number;
+}
+export type LogicTreeNodeType = "AND" | "OR" | "NOT" | "comparison" | "group";
+export interface LogicTreeNode {
+    type: LogicTreeNodeType;
+    children?: LogicTreeNode[];
+    field?: string;
+    operator?: string;
+    value?: unknown;
+    mutators?: string[];
+    start: number;
+    end: number;
+}
+export interface PreviewResult {
+    fields: FieldUsage[];
+    logicTree: LogicTreeNode | null;
+    complexity: ComplexityResult;
+    fieldCount: number;
+    uniqueFields: string[];
+    operatorSummary: Record<string, number>;
+}
+export interface QueryHistoryEntry {
+    id: string;
+    query: string;
+    timestamp: number;
+    label?: string;
+    isFavorite: boolean;
+    metadata?: {
+        index?: string;
+        resultCount?: number;
+        executionTime?: number;
+        [key: string]: unknown;
+    };
+}
+export interface UseQueryHistoryOptions {
+    /** Maximum number of history entries to keep (default: 100) */
+    maxHistory?: number;
+    /** Storage key for localStorage (default: 'tql-history') */
+    storageKey?: string;
+    /** Custom storage implementation (default: localStorage) */
+    storage?: Storage;
+    /** Auto-deduplicate identical queries (default: true) */
+    deduplicate?: boolean;
+}

package/dist/style.css

@@ -1 +1 @@
-.tql-autocomplete-dropdown[data-v-6381bbdd]{position:fixed;top:var(--dropdown-top);left:var(--dropdown-left);z-index:9999;min-width:280px;max-width:450px;max-height:var(--dropdown-max-height);background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);box-shadow:0 4px 16px #00000026;overflow:hidden;display:flex;flex-direction:column}.tql-completion-list[data-v-6381bbdd]{overflow-y:auto;max-height:calc(var(--dropdown-max-height) - 60px)}.tql-completion-item[data-v-6381bbdd]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s}.tql-completion-item[data-v-6381bbdd]:hover,.tql-completion-item.selected[data-v-6381bbdd]{background:var(--highlight-bg, #f0f0f0)}.tql-completion-icon[data-v-6381bbdd]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:4px;font-size:.75rem}.tql-completion-icon.tql-completion-kind-field[data-v-6381bbdd]{background:var(--blue-100, #e3f2fd);color:var(--blue-600, #1e88e5)}.tql-completion-icon.tql-completion-kind-operator[data-v-6381bbdd]{background:var(--pink-100, #fce4ec);color:var(--pink-600, #d81b60)}.tql-completion-icon.tql-completion-kind-value[data-v-6381bbdd]{background:var(--green-100, #e8f5e9);color:var(--green-600, #43a047)}.tql-completion-icon.tql-completion-kind-keyword[data-v-6381bbdd]{background:var(--purple-100, #f3e5f5);color:var(--purple-600, #8e24aa)}.tql-completion-icon.tql-completion-kind-snippet[data-v-6381bbdd]{background:var(--orange-100, #fff3e0);color:var(--orange-600, #fb8c00)}.tql-completion-icon.tql-completion-kind-mutator[data-v-6381bbdd]{background:var(--cyan-100, #e0f7fa);color:var(--cyan-600, #00acc1)}.tql-completion-icon.tql-completion-kind-aggregation[data-v-6381bbdd]{background:var(--indigo-100, #e8eaf6);color:var(--indigo-600, #3949ab)}.tql-completion-icon.tql-completion-kind-logicalOp[data-v-6381bbdd]{background:var(--yellow-100, #fffde7);color:var(--yellow-700, #fbc02d)}.tql-completion-icon.tql-completion-kind-typeHint[data-v-6381bbdd]{background:var(--teal-100, #e0f2f1);color:var(--teal-600, #00897b)}.tql-completion-icon.tql-completion-kind-visualization[data-v-6381bbdd]{background:var(--red-100, #ffebee);color:var(--red-600, #e53935)}.tql-completion-content[data-v-6381bbdd]{flex:1;display:flex;flex-direction:column;min-width:0}.tql-completion-label[data-v-6381bbdd]{font-family:Courier New,monospace;font-size:.875rem;font-weight:500;color:var(--text-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-detail[data-v-6381bbdd]{font-size:.75rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-kind-badge[data-v-6381bbdd]{font-size:.625rem;padding:.125rem .375rem;background:var(--surface-100, #f5f5f5);border-radius:3px;color:var(--text-color-secondary, #666);text-transform:uppercase;letter-spacing:.025em}.tql-completion-docs[data-v-6381bbdd]{padding:.5rem .75rem;border-top:1px solid var(--surface-border, #ddd);background:var(--surface-50, #fafafa);font-size:.75rem;color:var(--text-color-secondary, #666);max-height:60px;overflow-y:auto}.tql-input-wrapper[data-v-c0e226bb]{position:relative;display:flex;align-items:flex-start;border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);background:var(--surface-ground, #fff);transition:border-color .2s,box-shadow .2s}.tql-input-wrapper.tql-input-focused[data-v-c0e226bb]{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, rgba(59, 130, 246, .2))}.tql-input-wrapper.tql-input-invalid[data-v-c0e226bb]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-c0e226bb]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-c0e226bb]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-c0e226bb]{position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem .75rem;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow:hidden}.tql-input-multiline .tql-highlight-layer[data-v-c0e226bb]{overflow-y:auto}.tql-input[data-v-c0e226bb]{flex:1;width:100%;padding:.5rem 2.5rem .5rem .75rem;border:none;background:transparent;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-color, #333);outline:none;resize:none}.tql-input.tql-input-highlighted[data-v-c0e226bb]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-c0e226bb]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-c0e226bb]:disabled{cursor:not-allowed}.tql-token-field[data-v-c0e226bb]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-c0e226bb]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-c0e226bb]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-c0e226bb]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-c0e226bb]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-c0e226bb]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-c0e226bb]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-c0e226bb]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-c0e226bb]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-c0e226bb]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-c0e226bb]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-c0e226bb]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-c0e226bb]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-c0e226bb]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-c0e226bb]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-c0e226bb],.tql-token-bracket[data-v-c0e226bb]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-c0e226bb]{color:var(--tql-error-color, var(--red-600, #dc2626));text-decoration:wavy underline;text-decoration-color:var(--red-400, #f87171)}.tql-token-error-range[data-v-c0e226bb]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-c0e226bb]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-c0e226bb]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.tql-input-multiline .tql-validation-icon[data-v-c0e226bb]{top:.75rem;transform:none}.tql-icon-valid[data-v-c0e226bb]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-c0e226bb]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-c0e226bb]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-c0e226bb]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-c0e226bb]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-c0e226bb]{position:absolute;right:2rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 6px);transition:color .2s,background-color .2s}.tql-snippet-button[data-v-c0e226bb]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-c0e226bb]{top:.75rem;transform:none}.tql-validation-messages[data-v-c0e226bb]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--red-200, #fecaca);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:10;box-shadow:0 2px 8px #0000001a}.tql-error-message[data-v-c0e226bb]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-error-message i[data-v-c0e226bb]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-c0e226bb]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}
+.tql-autocomplete-dropdown[data-v-3df9a4be]{position:fixed;top:var(--dropdown-top);left:var(--dropdown-left);z-index:9999;min-width:280px;max-width:450px;max-height:var(--dropdown-max-height);background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);box-shadow:0 4px 16px #00000026;overflow:hidden;display:flex;flex-direction:column}.tql-completion-list[data-v-3df9a4be]{overflow-y:auto;max-height:calc(var(--dropdown-max-height) - 60px)}.tql-completion-item[data-v-3df9a4be]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;cursor:pointer;transition:background-color .15s}.tql-completion-item[data-v-3df9a4be]:hover,.tql-completion-item.selected[data-v-3df9a4be]{background:var(--highlight-bg, #f0f0f0)}.tql-completion-icon[data-v-3df9a4be]{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:4px;font-size:.75rem}.tql-completion-icon.tql-completion-kind-field[data-v-3df9a4be]{background:var(--blue-100, #e3f2fd);color:var(--blue-600, #1e88e5)}.tql-completion-icon.tql-completion-kind-operator[data-v-3df9a4be]{background:var(--pink-100, #fce4ec);color:var(--pink-600, #d81b60)}.tql-completion-icon.tql-completion-kind-value[data-v-3df9a4be]{background:var(--green-100, #e8f5e9);color:var(--green-600, #43a047)}.tql-completion-icon.tql-completion-kind-keyword[data-v-3df9a4be]{background:var(--purple-100, #f3e5f5);color:var(--purple-600, #8e24aa)}.tql-completion-icon.tql-completion-kind-snippet[data-v-3df9a4be]{background:var(--orange-100, #fff3e0);color:var(--orange-600, #fb8c00)}.tql-completion-icon.tql-completion-kind-mutator[data-v-3df9a4be]{background:var(--cyan-100, #e0f7fa);color:var(--cyan-600, #00acc1)}.tql-completion-icon.tql-completion-kind-aggregation[data-v-3df9a4be]{background:var(--indigo-100, #e8eaf6);color:var(--indigo-600, #3949ab)}.tql-completion-icon.tql-completion-kind-logicalOp[data-v-3df9a4be]{background:var(--yellow-100, #fffde7);color:var(--yellow-700, #fbc02d)}.tql-completion-icon.tql-completion-kind-typeHint[data-v-3df9a4be]{background:var(--teal-100, #e0f2f1);color:var(--teal-600, #00897b)}.tql-completion-icon.tql-completion-kind-visualization[data-v-3df9a4be]{background:var(--red-100, #ffebee);color:var(--red-600, #e53935)}.tql-completion-content[data-v-3df9a4be]{flex:1;display:flex;flex-direction:column;min-width:0}.tql-completion-label[data-v-3df9a4be]{font-family:Courier New,monospace;font-size:.875rem;font-weight:500;color:var(--text-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-detail[data-v-3df9a4be]{font-size:.75rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-completion-kind-badge[data-v-3df9a4be]{font-size:.625rem;padding:.125rem .375rem;background:var(--surface-100, #f5f5f5);border-radius:3px;color:var(--text-color-secondary, #666);text-transform:uppercase;letter-spacing:.025em}.tql-completion-docs[data-v-3df9a4be]{padding:.5rem .75rem;border-top:1px solid var(--surface-border, #ddd);background:var(--surface-50, #fafafa);font-size:.75rem;color:var(--text-color-secondary, #666);max-height:60px;overflow-y:auto}.tql-preview[data-v-bae811e6]{font-family:ui-monospace,monospace;font-size:13px;line-height:1.5;padding:12px;border:1px solid var(--tql-preview-border, #e0e0e0);border-radius:6px;background:var(--tql-preview-bg, #fafafa)}.tql-preview--compact[data-v-bae811e6]{padding:8px;font-size:12px}.tql-preview--empty[data-v-bae811e6]{color:var(--tql-preview-muted, #888)}.tql-preview__empty[data-v-bae811e6]{text-align:center;padding:20px}.tql-preview__complexity[data-v-bae811e6]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.tql-preview__complexity-badge[data-v-bae811e6]{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.tql-preview--low .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-low-bg, #e8f5e9);color:var(--tql-preview-low-text, #2e7d32)}.tql-preview--medium .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-medium-bg, #fff3e0);color:var(--tql-preview-medium-text, #e65100)}.tql-preview--high .tql-preview__complexity-badge[data-v-bae811e6]{background:var(--tql-preview-high-bg, #ffebee);color:var(--tql-preview-high-text, #c62828)}.tql-preview__field-count[data-v-bae811e6]{color:var(--tql-preview-muted, #666);font-size:12px}.tql-preview__warnings[data-v-bae811e6]{margin-bottom:12px}.tql-preview__warning[data-v-bae811e6]{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:4px;margin-bottom:4px}.tql-preview__warning--info[data-v-bae811e6]{background:var(--tql-preview-info-bg, #e3f2fd);color:var(--tql-preview-info-text, #1565c0)}.tql-preview__warning--warning[data-v-bae811e6]{background:var(--tql-preview-warning-bg, #fff3e0);color:var(--tql-preview-warning-text, #e65100)}.tql-preview__warning--error[data-v-bae811e6]{background:var(--tql-preview-error-bg, #ffebee);color:var(--tql-preview-error-text, #c62828)}.tql-preview__warning-icon[data-v-bae811e6]{font-weight:700;width:16px;text-align:center}.tql-preview__warning-text[data-v-bae811e6]{flex:1}.tql-preview__suggestions[data-v-bae811e6]{margin-bottom:12px;padding:8px;background:var(--tql-preview-suggestion-bg, #f5f5f5);border-radius:4px}.tql-preview__suggestions-header[data-v-bae811e6]{font-weight:600;margin-bottom:4px;color:var(--tql-preview-header, #333)}.tql-preview__suggestions-list[data-v-bae811e6]{margin:0;padding-left:20px}.tql-preview__suggestion[data-v-bae811e6]{color:var(--tql-preview-muted, #666);margin:2px 0}.tql-preview__tree[data-v-bae811e6]{margin-bottom:12px}.tql-preview__tree-header[data-v-bae811e6],.tql-preview__fields-header[data-v-bae811e6],.tql-preview__operators-header[data-v-bae811e6]{font-weight:600;margin-bottom:8px;color:var(--tql-preview-header, #333);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.tql-preview__tree-content[data-v-bae811e6]{border:1px solid var(--tql-preview-tree-border, #e0e0e0);border-radius:4px;background:var(--tql-preview-tree-bg, #fff);padding:8px}.tql-preview__node[data-v-bae811e6]{margin:2px 0}.tql-preview__node-content[data-v-bae811e6]{display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:3px;cursor:pointer}.tql-preview__node-content[data-v-bae811e6]:hover{background:var(--tql-preview-node-hover, #f0f0f0)}.tql-preview__node-toggle[data-v-bae811e6]{width:16px;height:16px;border:none;background:var(--tql-preview-toggle-bg, #e0e0e0);border-radius:3px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.tql-preview__node-toggle[data-v-bae811e6]:hover{background:var(--tql-preview-toggle-hover, #d0d0d0)}.tql-preview__node-toggle--leaf[data-v-bae811e6]{visibility:hidden}.tql-preview__node-type[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-node-type, #666)}.tql-preview__node--and .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-and, #1976d2)}.tql-preview__node--or .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-or, #7b1fa2)}.tql-preview__node--not .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-not, #c62828)}.tql-preview__node--group .tql-preview__node-type[data-v-bae811e6]{color:var(--tql-preview-group, #666)}.tql-preview__node-label[data-v-bae811e6]{flex:1}.tql-preview__fields-list[data-v-bae811e6]{display:flex;flex-direction:column;gap:4px}.tql-preview__field[data-v-bae811e6]{display:flex;align-items:center;gap:6px;padding:4px 8px;background:var(--tql-preview-field-bg, #fff);border:1px solid var(--tql-preview-field-border, #e0e0e0);border-radius:4px;cursor:pointer}.tql-preview__field[data-v-bae811e6]:hover{background:var(--tql-preview-field-hover, #f5f5f5)}.tql-preview__field-name[data-v-bae811e6]{font-weight:600;color:var(--tql-preview-field-name, #1976d2)}.tql-preview__field-mutators[data-v-bae811e6]{color:var(--tql-preview-mutator, #7b1fa2)}.tql-preview__field-operator[data-v-bae811e6]{color:var(--tql-preview-operator, #666)}.tql-preview__field-value[data-v-bae811e6]{color:var(--tql-preview-value, #2e7d32)}.tql-preview__match-type[data-v-bae811e6]{margin-left:auto;padding:1px 4px;border-radius:3px;font-size:10px;font-weight:600;background:var(--tql-preview-match-bg, #f0f0f0)}.tql-preview__match-type--exact[data-v-bae811e6]{background:var(--tql-preview-match-exact-bg, #e8f5e9);color:var(--tql-preview-match-exact, #2e7d32)}.tql-preview__match-type--wildcard[data-v-bae811e6]{background:var(--tql-preview-match-wildcard-bg, #fff3e0);color:var(--tql-preview-match-wildcard, #e65100)}.tql-preview__match-type--regex[data-v-bae811e6]{background:var(--tql-preview-match-regex-bg, #fce4ec);color:var(--tql-preview-match-regex, #c2185b)}.tql-preview__match-type--range[data-v-bae811e6]{background:var(--tql-preview-match-range-bg, #e3f2fd);color:var(--tql-preview-match-range, #1565c0)}.tql-preview__match-type--cidr[data-v-bae811e6]{background:var(--tql-preview-match-cidr-bg, #f3e5f5);color:var(--tql-preview-match-cidr, #7b1fa2)}.tql-preview__operators-list[data-v-bae811e6]{display:flex;flex-wrap:wrap;gap:8px}.tql-preview__operator[data-v-bae811e6]{padding:2px 6px;background:var(--tql-preview-op-bg, #f0f0f0);border-radius:3px;font-size:11px}.tql-input-wrapper[data-v-46f86043]{position:relative;display:flex;align-items:flex-start;border:1px solid var(--surface-border, #ddd);border-radius:var(--border-radius, 6px);background:var(--surface-ground, #fff);transition:border-color .2s,box-shadow .2s}.tql-input-wrapper.tql-input-focused[data-v-46f86043]{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px var(--primary-100, rgba(59, 130, 246, .2))}.tql-input-wrapper.tql-input-invalid[data-v-46f86043]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-46f86043]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-46f86043]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-46f86043]{position:absolute;top:0;left:0;right:0;bottom:0;padding:.5rem .75rem;pointer-events:none;white-space:pre-wrap;word-wrap:break-word;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;overflow:hidden}.tql-input-multiline .tql-highlight-layer[data-v-46f86043]{overflow-y:auto}.tql-input[data-v-46f86043]{flex:1;width:100%;padding:.5rem 8rem .5rem .75rem;border:none;background:transparent;font-family:Courier New,monospace;font-size:.875rem;line-height:1.5;color:var(--text-color, #333);outline:none;resize:none}.tql-input.tql-input-highlighted[data-v-46f86043]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-46f86043]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-46f86043]:disabled{cursor:not-allowed}.tql-token-field[data-v-46f86043]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-46f86043]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-46f86043]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-46f86043]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-46f86043]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-46f86043]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-46f86043]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-46f86043]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-46f86043]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-46f86043]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-46f86043]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-46f86043]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-46f86043]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-46f86043]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-46f86043]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-46f86043],.tql-token-bracket[data-v-46f86043]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-46f86043]{color:var(--tql-error-color, var(--red-600, #dc2626));text-decoration:wavy underline;text-decoration-color:var(--red-400, #f87171)}.tql-token-error-range[data-v-46f86043]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-46f86043]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-46f86043]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.tql-input-multiline .tql-validation-icon[data-v-46f86043]{top:.75rem;transform:none}.tql-icon-valid[data-v-46f86043]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-46f86043]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-46f86043]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-46f86043]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-46f86043]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-46f86043]{position:absolute;right:2rem;top:50%;transform:translateY(-50%);padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 6px);transition:color .2s,background-color .2s}.tql-snippet-button[data-v-46f86043]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-46f86043]{top:.75rem;transform:none}.tql-input-resizable-textarea[data-v-46f86043]{resize:vertical;min-height:80px}.tql-input-wrapper.tql-input-resizable[data-v-46f86043]{height:auto}.tql-input-wrapper.tql-input-resizable .tql-highlight-layer[data-v-46f86043]{height:100%}.tql-validation-messages[data-v-46f86043]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--red-200, #fecaca);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:10;box-shadow:0 2px 8px #0000001a}.tql-input-autocomplete-active .tql-validation-messages[data-v-46f86043],.tql-input-autocomplete-active .tql-complexity-warnings[data-v-46f86043],.tql-input-autocomplete-active .tql-history-dropdown[data-v-46f86043],.tql-input-autocomplete-active .tql-preview-panel[data-v-46f86043]{display:none!important}.tql-error-message[data-v-46f86043]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-error-message i[data-v-46f86043]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-46f86043]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}.sr-only[data-v-46f86043]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tql-toolbar[data-v-46f86043]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.tql-input-multiline .tql-toolbar[data-v-46f86043]{top:.5rem;transform:none}.tql-toolbar-button[data-v-46f86043]{padding:.25rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px);transition:color .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.tql-toolbar-button[data-v-46f86043]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-toolbar-button--active[data-v-46f86043]{color:var(--primary-color, #3b82f6);background:var(--primary-100, rgba(59, 130, 246, .1))}.tql-validation-status[data-v-46f86043]{display:flex;align-items:center}.tql-complexity-badge[data-v-46f86043]{display:flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.tql-complexity-low[data-v-46f86043]{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.tql-complexity-medium[data-v-46f86043]{background:var(--yellow-100, #fef9c3);color:var(--yellow-700, #a16207)}.tql-complexity-high[data-v-46f86043]{background:var(--red-100, #fee2e2);color:var(--red-700, #b91c1c)}.tql-complexity-count[data-v-46f86043]{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 .25rem;border-radius:9999px;background:currentColor;color:#fff;font-size:.5rem}.tql-complexity-low .tql-complexity-count[data-v-46f86043]{background:var(--green-600, #16a34a)}.tql-complexity-medium .tql-complexity-count[data-v-46f86043]{background:var(--yellow-600, #ca8a04)}.tql-complexity-high .tql-complexity-count[data-v-46f86043]{background:var(--red-600, #dc2626)}.tql-complexity-warnings[data-v-46f86043]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);padding:.5rem;z-index:9;box-shadow:0 2px 8px #0000001a}.tql-complexity-warning[data-v-46f86043]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem}.tql-complexity-warning i[data-v-46f86043]{margin-top:.125rem;font-size:.75rem}.tql-complexity-warning--info[data-v-46f86043]{color:var(--blue-600, #2563eb)}.tql-complexity-warning--warning[data-v-46f86043]{color:var(--yellow-600, #ca8a04)}.tql-complexity-warning--error[data-v-46f86043]{color:var(--red-600, #dc2626)}.tql-complexity-suggestions[data-v-46f86043]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--surface-border, #e0e0e0)}.tql-complexity-suggestion[data-v-46f86043]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--text-color-secondary, #666)}.tql-complexity-suggestion i[data-v-46f86043]{color:var(--yellow-500, #eab308)}.tql-history-dropdown[data-v-46f86043]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:20;box-shadow:0 4px 12px #00000026;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.tql-history-header[data-v-46f86043]{padding:.5rem;border-bottom:1px solid var(--surface-border, #e0e0e0)}.tql-history-search[data-v-46f86043]{width:100%;padding:.375rem .5rem;border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 4px);font-size:.75rem;outline:none}.tql-history-search[data-v-46f86043]:focus{border-color:var(--primary-color, #3b82f6)}.tql-history-list[data-v-46f86043]{overflow-y:auto;flex:1}.tql-history-item[data-v-46f86043]{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;cursor:pointer;border-bottom:1px solid var(--surface-50, #f9fafb);transition:background-color .15s}.tql-history-item[data-v-46f86043]:hover{background:var(--surface-100, #f5f5f5)}.tql-history-item--favorite[data-v-46f86043]{background:var(--yellow-50, #fefce8)}.tql-history-item--favorite[data-v-46f86043]:hover{background:var(--yellow-100, #fef9c3)}.tql-history-favorite[data-v-46f86043]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #999);cursor:pointer;flex-shrink:0}.tql-history-favorite[data-v-46f86043]:hover,.tql-history-item--favorite .tql-history-favorite[data-v-46f86043]{color:var(--yellow-500, #eab308)}.tql-history-content[data-v-46f86043]{flex:1;min-width:0}.tql-history-label[data-v-46f86043]{font-size:.6875rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.125rem}.tql-history-query[data-v-46f86043]{font-family:Courier New,monospace;font-size:.6875rem;color:var(--text-color-secondary, #666);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tql-history-time[data-v-46f86043]{font-size:.625rem;color:var(--text-color-secondary, #999);flex-shrink:0}.tql-history-empty[data-v-46f86043]{padding:1rem;text-align:center;color:var(--text-color-secondary, #666);font-size:.75rem}.tql-preview-panel[data-v-46f86043]{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:var(--surface-overlay, #fff);border:1px solid var(--surface-border, #e0e0e0);border-radius:var(--border-radius, 6px);z-index:15;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;display:flex;flex-direction:column}.tql-preview-header[data-v-46f86043]{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--surface-border, #e0e0e0);font-size:.75rem;font-weight:600;color:var(--text-color, #333)}.tql-preview-close[data-v-46f86043]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #666);cursor:pointer;border-radius:var(--border-radius, 4px)}.tql-preview-close[data-v-46f86043]:hover{background:var(--surface-100, #f5f5f5);color:var(--text-color, #333)}.tql-preview-panel[data-v-46f86043] .tql-preview{border:none;border-radius:0;max-height:350px;overflow-y:auto}.tql-validation-messages-portal{background:var(--surface-overlay, #fff);border:2px solid var(--red-500, #ef4444);border-radius:var(--border-radius, 6px);padding:.5rem;box-shadow:0 4px 12px #00000026}.tql-validation-messages-portal .tql-error-message{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:var(--red-600, #dc2626)}.tql-validation-messages-portal .tql-error-message i{margin-top:.125rem;font-size:.75rem}.tql-validation-messages-portal .tql-error-suggestion{display:block;color:var(--text-color-secondary, #6b7280);font-style:italic;margin-left:1.25rem}

package/dist/vue/TqlAutocomplete.vue.js

@@ -1,7 +1,7 @@
 import o from "./TqlAutocomplete.vue2.js";
 /* empty css                     */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6381bbdd"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3df9a4be"]]);
 export {
-  e as default
+  r as default
 };

package/dist/vue/TqlAutocomplete.vue2.js

@@ -1,56 +1,57 @@
-import { defineComponent as C, ref as y, watch as $, nextTick as D, computed as L, onMounted as T, onUnmounted as S, openBlock as l, createBlock as B, Teleport as z, createElementBlock as s, normalizeStyle as A, createElementVNode as d, Fragment as H, renderList as I, normalizeClass as k, toDisplayString as p, createCommentVNode as u } from "vue";
-const K = { class: "tql-completion-list" }, M = ["aria-selected", "onClick", "onMouseenter"], U = { class: "tql-completion-content" }, V = { class: "tql-completion-label" }, N = {
+import { defineComponent as C, ref as w, watch as D, nextTick as L, computed as T, onMounted as S, onUnmounted as B, openBlock as l, createBlock as M, Teleport as z, createElementBlock as s, withModifiers as A, normalizeStyle as H, createElementVNode as u, Fragment as I, renderList as K, normalizeClass as f, toDisplayString as m, createCommentVNode as v } from "vue";
+const U = ["id", "aria-activedescendant"], V = { class: "tql-completion-list" }, _ = ["id", "aria-selected", "onClick", "onMouseenter"], N = { class: "tql-completion-content" }, O = { class: "tql-completion-label" }, R = {
   key: 0,
   class: "tql-completion-detail"
-}, O = {
+}, F = {
   key: 0,
   class: "tql-completion-kind-badge"
-}, R = {
+}, P = {
   key: 0,
   class: "tql-completion-docs"
-}, Q = /* @__PURE__ */ C({
+}, j = /* @__PURE__ */ C({
   __name: "TqlAutocomplete",
   props: {
+    id: {},
     items: {},
     visible: { type: Boolean },
     position: {},
     maxHeight: {}
   },
   emits: ["select", "close"],
-  setup(i, { expose: w, emit: b }) {
-    const t = i, a = b, e = y(0), c = y(null);
-    $(
+  setup(o, { expose: y, emit: b }) {
+    const t = o, a = b, e = w(0), c = w(null);
+    D(
       () => t.items,
       () => {
-        e.value = 0, r();
+        e.value = 0, d();
       }
     );
-    function r() {
-      D(() => {
+    function d() {
+      L(() => {
         if (!c.value) return;
-        const o = c.value.querySelector(".tql-completion-item.selected");
-        o && o.scrollIntoView({ block: "nearest" });
+        const i = c.value.querySelector(".tql-completion-item.selected");
+        i && i.scrollIntoView({ block: "nearest" });
       });
     }
-    function f(o) {
+    function k(i) {
       if (!(!t.visible || t.items.length === 0))
-        switch (o.key) {
+        switch (i.key) {
           case "ArrowDown":
-            o.preventDefault(), e.value = (e.value + 1) % t.items.length, r();
+            i.preventDefault(), e.value = (e.value + 1) % t.items.length, d();
             break;
           case "ArrowUp":
-            o.preventDefault(), e.value = (e.value - 1 + t.items.length) % t.items.length, r();
+            i.preventDefault(), e.value = (e.value - 1 + t.items.length) % t.items.length, d();
             break;
           case "Enter":
           case "Tab":
-            o.preventDefault(), t.items[e.value] && a("select", t.items[e.value]);
+            i.preventDefault(), t.items[e.value] && a("select", t.items[e.value]);
             break;
           case "Escape":
-            o.preventDefault(), a("close");
+            i.preventDefault(), a("close");
             break;
         }
     }
-    function q(o) {
+    function q(i) {
       return {
         field: "pi pi-tag",
         operator: "pi pi-code",
@@ -62,75 +63,80 @@ const K = { class: "tql-completion-list" }, M = ["aria-selected", "onClick", "on
         logicalOp: "pi pi-sitemap",
         typeHint: "pi pi-info-circle",
         visualization: "pi pi-chart-line"
-      }[o] || "pi pi-circle";
+      }[i] || "pi pi-circle";
     }
-    function _(o) {
-      return `tql-completion-kind-${o}`;
+    function $(i) {
+      return `tql-completion-kind-${i}`;
     }
-    const x = L(() => ({
+    const x = T(() => ({
       "--dropdown-top": `${t.position.top}px`,
       "--dropdown-left": `${t.position.left}px`,
       "--dropdown-max-height": `${t.maxHeight || 300}px`
     }));
-    function h(o) {
-      const m = o.target;
-      c.value && !c.value.contains(m) && a("close");
+    function h(i) {
+      const r = i.target;
+      c.value && !c.value.contains(r) && a("close");
     }
-    return T(() => {
-      document.addEventListener("keydown", f), document.addEventListener("mousedown", h);
-    }), S(() => {
-      document.removeEventListener("keydown", f), document.removeEventListener("mousedown", h);
-    }), w({
+    return S(() => {
+      document.addEventListener("keydown", k), document.addEventListener("mousedown", h);
+    }), B(() => {
+      document.removeEventListener("keydown", k), document.removeEventListener("mousedown", h);
+    }), y({
       selectCurrent: () => {
         t.items[e.value] && a("select", t.items[e.value]);
       },
       moveUp: () => {
-        e.value = (e.value - 1 + t.items.length) % t.items.length, r();
+        e.value = (e.value - 1 + t.items.length) % t.items.length, d();
       },
       moveDown: () => {
-        e.value = (e.value + 1) % t.items.length, r();
+        e.value = (e.value + 1) % t.items.length, d();
       }
-    }), (o, m) => {
+    }), (i, r) => {
       var g;
-      return l(), B(z, { to: "body" }, [
-        i.visible && i.items.length > 0 ? (l(), s("div", {
+      return l(), M(z, { to: "body" }, [
+        o.visible && o.items.length > 0 ? (l(), s("div", {
           key: 0,
+          id: o.id,
           ref_key: "listRef",
           ref: c,
           class: "tql-autocomplete-dropdown",
-          style: A(x.value),
+          style: H(x.value),
           role: "listbox",
-          "aria-label": "TQL completions"
+          "aria-label": "TQL completions",
+          "aria-activedescendant": o.items[e.value] ? `${o.id}-option-${e.value}` : void 0,
+          onPointerdown: r[0] || (r[0] = A(() => {
+          }, ["stop"]))
         }, [
-          d("div", K, [
-            (l(!0), s(H, null, I(i.items, (n, v) => (l(), s("div", {
+          u("div", V, [
+            (l(!0), s(I, null, K(o.items, (n, p) => (l(), s("div", {
+              id: `${o.id}-option-${p}`,
               key: `${n.kind}-${n.label}`,
-              class: k(["tql-completion-item", { selected: v === e.value }]),
+              class: f(["tql-completion-item", { selected: p === e.value }]),
               role: "option",
-              "aria-selected": v === e.value,
+              "aria-selected": p === e.value,
               onClick: (E) => a("select", n),
-              onMouseenter: (E) => e.value = v
+              onMouseenter: (E) => e.value = p
             }, [
-              d("span", {
-                class: k(["tql-completion-icon", _(n.kind)])
+              u("span", {
+                class: f(["tql-completion-icon", $(n.kind)])
               }, [
-                d("i", {
-                  class: k(q(n.kind))
+                u("i", {
+                  class: f(q(n.kind))
                 }, null, 2)
               ], 2),
-              d("span", U, [
-                d("span", V, p(n.label), 1),
-                n.detail ? (l(), s("span", N, p(n.detail), 1)) : u("", !0)
+              u("span", N, [
+                u("span", O, m(n.label), 1),
+                n.detail ? (l(), s("span", R, m(n.detail), 1)) : v("", !0)
               ]),
-              n.kind ? (l(), s("span", O, p(n.kind), 1)) : u("", !0)
-            ], 42, M))), 128))
+              n.kind ? (l(), s("span", F, m(n.kind), 1)) : v("", !0)
+            ], 42, _))), 128))
           ]),
-          (g = i.items[e.value]) != null && g.documentation ? (l(), s("div", R, p(i.items[e.value].documentation), 1)) : u("", !0)
-        ], 4)) : u("", !0)
+          (g = o.items[e.value]) != null && g.documentation ? (l(), s("div", P, m(o.items[e.value].documentation), 1)) : v("", !0)
+        ], 44, U)) : v("", !0)
       ]);
     };
   }
 });
 export {
-  Q as default
+  j as default
 };