@tellaro/tql 0.1.5 → 0.1.7

package/dist/style.css

@@ -1 +1 @@
-.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-ab996cb5]{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-has-min-height[data-v-ab996cb5],.tql-input-wrapper.tql-input-has-min-height .tql-input[data-v-ab996cb5]{min-height:var(--tql-min-height)}.tql-input-wrapper.tql-input-focused[data-v-ab996cb5]{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-ab996cb5]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-ab996cb5]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-ab996cb5]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-ab996cb5]{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-ab996cb5]{overflow-y:auto}.tql-input[data-v-ab996cb5]{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-ab996cb5]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-ab996cb5]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-ab996cb5]:disabled{cursor:not-allowed}.tql-token-field[data-v-ab996cb5]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-ab996cb5]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-ab996cb5]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-ab996cb5]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-ab996cb5]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-ab996cb5]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-ab996cb5]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-ab996cb5]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-ab996cb5]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-ab996cb5]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-ab996cb5]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-ab996cb5]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-ab996cb5]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-ab996cb5]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-ab996cb5]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-ab996cb5],.tql-token-bracket[data-v-ab996cb5]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-ab996cb5]{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-ab996cb5]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-ab996cb5]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-ab996cb5]{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-ab996cb5]{top:.75rem;transform:none}.tql-icon-valid[data-v-ab996cb5]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-ab996cb5]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-ab996cb5]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-ab996cb5]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-ab996cb5]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-ab996cb5]{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-ab996cb5]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-ab996cb5]{top:.75rem;transform:none}.tql-input-resizable-textarea[data-v-ab996cb5]{resize:vertical;min-height:80px}.tql-input-wrapper.tql-input-resizable[data-v-ab996cb5]{height:auto}.tql-input-wrapper.tql-input-resizable .tql-highlight-layer[data-v-ab996cb5]{height:100%}.tql-validation-messages[data-v-ab996cb5]{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-ab996cb5],.tql-input-autocomplete-active .tql-complexity-warnings[data-v-ab996cb5],.tql-input-autocomplete-active .tql-history-dropdown[data-v-ab996cb5],.tql-input-autocomplete-active .tql-preview-panel[data-v-ab996cb5]{display:none!important}.tql-error-message[data-v-ab996cb5]{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-ab996cb5]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-ab996cb5]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}.sr-only[data-v-ab996cb5]{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-ab996cb5]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.tql-input-multiline .tql-toolbar[data-v-ab996cb5]{top:.5rem;transform:none}.tql-toolbar-button[data-v-ab996cb5]{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-ab996cb5]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-toolbar-button--active[data-v-ab996cb5]{color:var(--primary-color, #3b82f6);background:var(--primary-100, rgba(59, 130, 246, .1))}.tql-validation-status[data-v-ab996cb5]{display:flex;align-items:center}.tql-complexity-badge[data-v-ab996cb5]{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-ab996cb5]{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.tql-complexity-medium[data-v-ab996cb5]{background:var(--yellow-100, #fef9c3);color:var(--yellow-700, #a16207)}.tql-complexity-high[data-v-ab996cb5]{background:var(--red-100, #fee2e2);color:var(--red-700, #b91c1c)}.tql-complexity-count[data-v-ab996cb5]{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-ab996cb5]{background:var(--green-600, #16a34a)}.tql-complexity-medium .tql-complexity-count[data-v-ab996cb5]{background:var(--yellow-600, #ca8a04)}.tql-complexity-high .tql-complexity-count[data-v-ab996cb5]{background:var(--red-600, #dc2626)}.tql-complexity-warnings[data-v-ab996cb5]{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-ab996cb5]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem}.tql-complexity-warning i[data-v-ab996cb5]{margin-top:.125rem;font-size:.75rem}.tql-complexity-warning--info[data-v-ab996cb5]{color:var(--blue-600, #2563eb)}.tql-complexity-warning--warning[data-v-ab996cb5]{color:var(--yellow-600, #ca8a04)}.tql-complexity-warning--error[data-v-ab996cb5]{color:var(--red-600, #dc2626)}.tql-complexity-suggestions[data-v-ab996cb5]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--surface-border, #e0e0e0)}.tql-complexity-suggestion[data-v-ab996cb5]{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-ab996cb5]{color:var(--yellow-500, #eab308)}.tql-history-dropdown[data-v-ab996cb5]{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-ab996cb5]{padding:.5rem;border-bottom:1px solid var(--surface-border, #e0e0e0)}.tql-history-search[data-v-ab996cb5]{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-ab996cb5]:focus{border-color:var(--primary-color, #3b82f6)}.tql-history-list[data-v-ab996cb5]{overflow-y:auto;flex:1}.tql-history-item[data-v-ab996cb5]{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-ab996cb5]:hover{background:var(--surface-100, #f5f5f5)}.tql-history-item--favorite[data-v-ab996cb5]{background:var(--yellow-50, #fefce8)}.tql-history-item--favorite[data-v-ab996cb5]:hover{background:var(--yellow-100, #fef9c3)}.tql-history-favorite[data-v-ab996cb5]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #999);cursor:pointer;flex-shrink:0}.tql-history-favorite[data-v-ab996cb5]:hover,.tql-history-item--favorite .tql-history-favorite[data-v-ab996cb5]{color:var(--yellow-500, #eab308)}.tql-history-content[data-v-ab996cb5]{flex:1;min-width:0}.tql-history-label[data-v-ab996cb5]{font-size:.6875rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.125rem}.tql-history-query[data-v-ab996cb5]{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-ab996cb5]{font-size:.625rem;color:var(--text-color-secondary, #999);flex-shrink:0}.tql-history-empty[data-v-ab996cb5]{padding:1rem;text-align:center;color:var(--text-color-secondary, #666);font-size:.75rem}.tql-preview-panel[data-v-ab996cb5]{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-ab996cb5]{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-ab996cb5]{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-ab996cb5]:hover{background:var(--surface-100, #f5f5f5);color:var(--text-color, #333)}.tql-preview-panel[data-v-ab996cb5] .tql-preview{border:none;border-radius:0;max-height:350px;overflow-y:auto}.tql-validation-messages-portal{position:fixed;top:var(--tql-msg-top, 0);left:var(--tql-msg-left, 0);width:var(--tql-msg-width, auto);z-index:9998;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}
+.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-e47ed020]{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-has-min-height[data-v-e47ed020],.tql-input-wrapper.tql-input-has-min-height .tql-input[data-v-e47ed020]{min-height:var(--tql-min-height)}.tql-input-wrapper.tql-input-focused[data-v-e47ed020]{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-e47ed020]{border-color:var(--red-500, #ef4444)}.tql-input-wrapper.tql-input-invalid.tql-input-focused[data-v-e47ed020]{box-shadow:0 0 0 2px var(--red-100, rgba(239, 68, 68, .2))}.tql-input-wrapper.tql-input-disabled[data-v-e47ed020]{opacity:.6;cursor:not-allowed}.tql-highlight-layer[data-v-e47ed020]{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-e47ed020]{overflow-y:auto}.tql-input[data-v-e47ed020]{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-e47ed020]{color:transparent;caret-color:var(--text-color, #333)}.tql-input[data-v-e47ed020]::placeholder{color:var(--text-color-secondary, #666);opacity:.7}.tql-input[data-v-e47ed020]:disabled{cursor:not-allowed}.tql-token-field[data-v-e47ed020]{color:var(--tql-field-color, var(--blue-600, #2563eb))}.tql-token-operator[data-v-e47ed020]{color:var(--tql-operator-color, var(--pink-600, #db2777));font-weight:500}.tql-token-logicalOp[data-v-e47ed020]{color:var(--tql-logical-color, var(--purple-600, #9333ea));font-weight:600}.tql-token-collectionOp[data-v-e47ed020]{color:var(--tql-collection-color, var(--indigo-600, #4f46e5));font-weight:600}.tql-token-string[data-v-e47ed020]{color:var(--tql-string-color, var(--green-600, #16a34a))}.tql-token-number[data-v-e47ed020]{color:var(--tql-number-color, var(--orange-600, #ea580c))}.tql-token-boolean[data-v-e47ed020]{color:var(--tql-boolean-color, var(--cyan-600, #0891b2))}.tql-token-null[data-v-e47ed020]{color:var(--tql-null-color, var(--gray-500, #6b7280));font-style:italic}.tql-token-mutator[data-v-e47ed020]{color:var(--tql-mutator-color, var(--teal-600, #0d9488));font-style:italic}.tql-token-aggregation[data-v-e47ed020]{color:var(--tql-aggregation-color, var(--indigo-600, #4f46e5))}.tql-token-keyword[data-v-e47ed020]{color:var(--tql-keyword-color, var(--purple-500, #a855f7))}.tql-token-typeHint[data-v-e47ed020]{color:var(--tql-typehint-color, var(--teal-500, #14b8a6))}.tql-token-visualization[data-v-e47ed020]{color:var(--tql-viz-color, var(--red-500, #ef4444))}.tql-token-arrow[data-v-e47ed020]{color:var(--tql-arrow-color, var(--gray-600, #4b5563));font-weight:600}.tql-token-doubleColon[data-v-e47ed020]{color:var(--tql-colon-color, var(--gray-500, #6b7280))}.tql-token-paren[data-v-e47ed020],.tql-token-bracket[data-v-e47ed020]{color:var(--tql-bracket-color, var(--gray-600, #4b5563))}.tql-token-error[data-v-e47ed020]{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-e47ed020]{background-color:var(--red-50, #fef2f2)}.tql-token-unknown[data-v-e47ed020]{color:var(--text-color-secondary, #666)}.tql-validation-icon[data-v-e47ed020]{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-e47ed020]{top:.75rem;transform:none}.tql-icon-valid[data-v-e47ed020]{color:var(--green-500, #22c55e)}.tql-icon-invalid[data-v-e47ed020]{color:var(--red-500, #ef4444)}.tql-icon-clickable[data-v-e47ed020]{cursor:pointer;transition:transform .2s}.tql-icon-clickable[data-v-e47ed020]:hover{transform:scale(1.2)}.tql-icon-clickable[data-v-e47ed020]:focus{outline:2px solid var(--primary-color, #3b82f6);outline-offset:2px;border-radius:50%}.tql-snippet-button[data-v-e47ed020]{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-e47ed020]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-input-multiline .tql-snippet-button[data-v-e47ed020]{top:.75rem;transform:none}.tql-input-resizable-textarea[data-v-e47ed020]{resize:vertical;min-height:80px}.tql-input-wrapper.tql-input-resizable[data-v-e47ed020]{height:auto}.tql-input-wrapper.tql-input-resizable .tql-highlight-layer[data-v-e47ed020]{height:100%}.tql-validation-messages[data-v-e47ed020]{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-e47ed020],.tql-input-autocomplete-active .tql-complexity-warnings[data-v-e47ed020],.tql-input-autocomplete-active .tql-history-dropdown[data-v-e47ed020],.tql-input-autocomplete-active .tql-preview-panel[data-v-e47ed020]{display:none!important}.tql-error-message[data-v-e47ed020]{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-e47ed020]{margin-top:.125rem;font-size:.75rem}.tql-error-suggestion[data-v-e47ed020]{display:block;color:var(--text-color-secondary, #666);font-style:italic;margin-left:1.25rem}.sr-only[data-v-e47ed020]{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-e47ed020]{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.tql-input-multiline .tql-toolbar[data-v-e47ed020]{top:.5rem;transform:none}.tql-toolbar-button[data-v-e47ed020]{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-e47ed020]:hover{color:var(--primary-color, #3b82f6);background:var(--surface-100, #f5f5f5)}.tql-toolbar-button--active[data-v-e47ed020]{color:var(--primary-color, #3b82f6);background:var(--primary-100, rgba(59, 130, 246, .1))}.tql-validation-status[data-v-e47ed020]{display:flex;align-items:center}.tql-complexity-badge[data-v-e47ed020]{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-e47ed020]{background:var(--green-100, #dcfce7);color:var(--green-700, #15803d)}.tql-complexity-medium[data-v-e47ed020]{background:var(--yellow-100, #fef9c3);color:var(--yellow-700, #a16207)}.tql-complexity-high[data-v-e47ed020]{background:var(--red-100, #fee2e2);color:var(--red-700, #b91c1c)}.tql-complexity-count[data-v-e47ed020]{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-e47ed020]{background:var(--green-600, #16a34a)}.tql-complexity-medium .tql-complexity-count[data-v-e47ed020]{background:var(--yellow-600, #ca8a04)}.tql-complexity-high .tql-complexity-count[data-v-e47ed020]{background:var(--red-600, #dc2626)}.tql-complexity-warnings[data-v-e47ed020]{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-e47ed020]{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem}.tql-complexity-warning i[data-v-e47ed020]{margin-top:.125rem;font-size:.75rem}.tql-complexity-warning--info[data-v-e47ed020]{color:var(--blue-600, #2563eb)}.tql-complexity-warning--warning[data-v-e47ed020]{color:var(--yellow-600, #ca8a04)}.tql-complexity-warning--error[data-v-e47ed020]{color:var(--red-600, #dc2626)}.tql-complexity-suggestions[data-v-e47ed020]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--surface-border, #e0e0e0)}.tql-complexity-suggestion[data-v-e47ed020]{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-e47ed020]{color:var(--yellow-500, #eab308)}.tql-history-dropdown[data-v-e47ed020]{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-e47ed020]{padding:.5rem;border-bottom:1px solid var(--surface-border, #e0e0e0)}.tql-history-search[data-v-e47ed020]{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-e47ed020]:focus{border-color:var(--primary-color, #3b82f6)}.tql-history-list[data-v-e47ed020]{overflow-y:auto;flex:1}.tql-history-item[data-v-e47ed020]{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-e47ed020]:hover{background:var(--surface-100, #f5f5f5)}.tql-history-item--favorite[data-v-e47ed020]{background:var(--yellow-50, #fefce8)}.tql-history-item--favorite[data-v-e47ed020]:hover{background:var(--yellow-100, #fef9c3)}.tql-history-favorite[data-v-e47ed020]{padding:.125rem;border:none;background:transparent;color:var(--text-color-secondary, #999);cursor:pointer;flex-shrink:0}.tql-history-favorite[data-v-e47ed020]:hover,.tql-history-item--favorite .tql-history-favorite[data-v-e47ed020]{color:var(--yellow-500, #eab308)}.tql-history-content[data-v-e47ed020]{flex:1;min-width:0}.tql-history-label[data-v-e47ed020]{font-size:.6875rem;font-weight:600;color:var(--text-color, #333);margin-bottom:.125rem}.tql-history-query[data-v-e47ed020]{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-e47ed020]{font-size:.625rem;color:var(--text-color-secondary, #999);flex-shrink:0}.tql-history-empty[data-v-e47ed020]{padding:1rem;text-align:center;color:var(--text-color-secondary, #666);font-size:.75rem}.tql-preview-panel[data-v-e47ed020]{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-e47ed020]{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-e47ed020]{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-e47ed020]:hover{background:var(--surface-100, #f5f5f5);color:var(--text-color, #333)}.tql-preview-panel[data-v-e47ed020] .tql-preview{border:none;border-radius:0;max-height:350px;overflow-y:auto}.tql-validation-messages-portal{position:fixed;top:var(--tql-msg-top, 0);left:var(--tql-msg-left, 0);width:var(--tql-msg-width, auto);z-index:9998;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/TqlInput.vue.js

@@ -2,7 +2,7 @@ import o from "./TqlInput.vue2.js";
 /* empty css              */
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ab996cb5"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e47ed020"]]);
 export {
   _ as default
 };

package/dist/vue/TqlInput.vue2.js

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

package/dist/vue/useTqlInput.js

@@ -11,15 +11,15 @@ function Te(V) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     snippets: pe,
     // Reserved for future snippet support
-    fieldValues: x,
+    fieldValues: w,
     validateOnInput: j = !0,
     debounceMs: Q = 300,
     completionDebounceMs: _ = 50,
     // Faster debounce for completions
-    autocomplete: k = !0,
-    onValidation: y,
-    onParse: A
-  } = V, f = v([]), q = v(null), g = v(null), c = v(0), d = v([]), p = v(!1), C = v(!1);
+    autocomplete: C = !0,
+    onValidation: x,
+    onParse: y
+  } = V, f = v([]), q = v(null), g = v(null), c = v(0), d = v([]), p = v(!1), A = v(!1);
   let P = 0;
   const $ = T(() => {
     var e;
@@ -36,12 +36,12 @@ function Te(V) {
   }
   function H() {
     const e = ae(i.value);
-    return q.value = e, A == null || A(e), e;
+    return q.value = e, y == null || y(e), e;
   }
   function E() {
-    var s, r;
-    C.value = !0;
-    const e = (s = u == null ? void 0 : u.value) == null ? void 0 : s.map((l) => l.name), t = (r = u == null ? void 0 : u.value) == null ? void 0 : r.reduce(
+    var o, r;
+    A.value = !0;
+    const e = (o = u == null ? void 0 : u.value) == null ? void 0 : o.map((l) => l.name), t = (r = u == null ? void 0 : u.value) == null ? void 0 : r.reduce(
       (l, m) => (l[m.name] = m.type, l),
       {}
     ), n = ce(i.value, {
@@ -49,11 +49,11 @@ function Te(V) {
       fieldTypes: t,
       strictMode: !1
     });
-    return g.value = n, C.value = !1, y == null || y(n), n;
+    return g.value = n, A.value = !1, x == null || x(n), n;
   }
   const J = R(E, Q), K = R(I, _);
   function I() {
-    if (!k) {
+    if (!C) {
       d.value = [], p.value = !1;
       return;
     }
@@ -68,7 +68,7 @@ function Te(V) {
       },
       {
         fields: u == null ? void 0 : u.value,
-        fieldValues: x == null ? void 0 : x.value,
+        fieldValues: w == null ? void 0 : w.value,
         includeSnippets: !0,
         maxItems: 15
       }
@@ -78,50 +78,50 @@ function Te(V) {
   function L() {
     I(), p.value = d.value.length > 0;
   }
-  function W() {
+  function O() {
     p.value = !1;
   }
-  function z(e) {
-    M(), j && J(), k && le(e, c.value) && (K(), d.value.length > 0 && (p.value = !0));
+  function W(e) {
+    M(), j && J(), C && le(e, c.value) && (K(), d.value.length > 0 && (p.value = !0));
   }
   function N(e) {
     c.value = e, I();
   }
   function X(e) {
-    const t = i.value, n = c.value, s = U(f.value, n);
+    const t = i.value, n = c.value, o = U(f.value, n);
     let r = n, l = n;
-    if (s && s.type !== "whitespace")
-      r = s.start, l = s.end;
+    if (o && o.type !== "whitespace")
+      r = o.start, l = o.end;
     else {
-      const a = f.value.filter((o) => o.end <= n && o.type !== "whitespace");
+      const a = f.value.filter((s) => s.end <= n && s.type !== "whitespace");
       if (a.length > 0) {
-        const o = a[a.length - 1];
-        o.end === n && (r = o.start, l = o.end);
+        const s = a[a.length - 1];
+        s.end === n && (r = s.start, l = s.end);
       }
     }
-    const m = t.substring(0, r), te = t.substring(l), w = [];
+    const m = t.substring(0, r), te = t.substring(l), k = [];
     let h = e.insertText;
     const ne = [...e.insertText.matchAll(/\$(\d+)/g)].sort(
-      (a, o) => parseInt(a[1]) - parseInt(o[1])
+      (a, s) => parseInt(a[1]) - parseInt(s[1])
     );
-    let F = 0;
+    let z = 0;
     for (const a of ne) {
-      const o = h.indexOf(a[0]);
-      if (o !== -1) {
-        const O = r + o - F;
-        w.push({
-          start: O,
-          end: O
+      const s = h.indexOf(a[0]);
+      if (s !== -1) {
+        const F = r + s - z;
+        k.push({
+          start: F,
+          end: F
           // Zero-width cursor position
-        }), h = h.replace(a[0], ""), F += a[0].length;
+        }), h = h.replace(a[0], ""), z += a[0].length;
       }
     }
-    const se = m + h + te, oe = w.length > 0 ? w[0].start : r + h.length;
-    return W(), P = Date.now() + 150, { query: se, newCursorPosition: oe, placeholders: w };
+    const oe = m + h + te, se = k.length > 0 ? k[0].start : r + h.length;
+    return O(), e.kind === "logicalOp" && (P = Date.now() + 150), { query: oe, newCursorPosition: se, placeholders: k };
   }
   function Y(e) {
-    const t = i.value, n = c.value, s = t.substring(0, n), r = t.substring(n), m = s.length > 0 && !s.endsWith(" ") && !s.endsWith("(") ? " " : "";
-    return s + m + e.insertText + r;
+    const t = i.value, n = c.value, o = t.substring(0, n), r = t.substring(n), m = o.length > 0 && !o.endsWith(" ") && !o.endsWith("(") ? " " : "";
+    return o + m + e.insertText + r;
   }
   function Z() {
     return U(f.value, c.value);
@@ -135,7 +135,7 @@ function Te(V) {
   return re(
     i,
     (e) => {
-      e !== void 0 && z(e);
+      e !== void 0 && W(e);
     },
     { immediate: !0 }
   ), {
@@ -146,7 +146,7 @@ function Te(V) {
     cursorPosition: c,
     completionItems: d,
     showAutocomplete: p,
-    isValidating: C,
+    isValidating: A,
     // Computed
     isValid: $,
     errors: b,
@@ -159,8 +159,8 @@ function Te(V) {
     validate: E,
     updateCompletions: I,
     triggerAutocomplete: L,
-    hideAutocomplete: W,
-    handleInput: z,
+    hideAutocomplete: O,
+    handleInput: W,
     handleCursorChange: N,
     insertCompletion: X,
     insertSnippet: Y,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tellaro/tql",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Tellaro Query Language (TQL) parser, validator, and autocomplete for JavaScript/TypeScript",
   "type": "module",
   "main": "./dist/index.js",