@tellaro/tql 3.3.0 → 4.0.0

package/dist/tql.css

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

package/dist/vue/TqlChart.vue.js

@@ -1,7 +1,7 @@
 import o from "./TqlChart.vue2.js";
 /* empty css              */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9f8e5a68"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e9e88bd"]]);
 export {
   m as default
 };

package/dist/vue/TqlChart.vue2.js

@@ -1,14 +1,18 @@
-import { defineComponent as at, ref as $, computed as S, onMounted as st, watch as nt, openBlock as M, createElementBlock as w, normalizeStyle as rt, createElementVNode as D, toDisplayString as O, createCommentVNode as it, nextTick as ot } from "vue";
-import { Chart as x, Title as ct, Tooltip as ut, Legend as ft, Filler as pt, BarElement as dt, BarController as mt, LineElement as ht, LineController as yt, PointElement as gt, ArcElement as vt, PieController as bt, DoughnutController as xt, CategoryScale as kt, LinearScale as _t, TimeScale as St } from "../node_modules/chart.js/dist/chart.js";
-import { formatValue as G } from "../src/chart/formatters.js";
-import { extractScalarValue as J, buildChartData as Tt, buildChartOptions as Ct, isTimeSeriesData as Mt, isLinkTemplateSafe as wt, expandLinkTemplate as Lt, chartJsType as K } from "../src/chart/mappers.js";
-const Pt = {
+import { defineComponent as it, ref as J, computed as v, onMounted as ct, watch as ut, openBlock as S, createElementBlock as T, normalizeStyle as pt, createElementVNode as R, toDisplayString as I, createCommentVNode as ft, nextTick as dt } from "vue";
+import { Chart as b, Title as mt, Tooltip as ht, Legend as yt, Filler as gt, BarElement as vt, BarController as bt, LineElement as _t, LineController as xt, PointElement as kt, ArcElement as Ct, PieController as St, DoughnutController as Tt, CategoryScale as Mt, LinearScale as Lt, TimeScale as wt } from "../node_modules/chart.js/dist/chart.js";
+import { formatValue as K } from "../src/chart/formatters.js";
+import { groupLevels as Pt, extractScalarValue as Y, chartJsType as z, buildChartData as Et, buildChartOptions as Nt, isUnsupportedChart as Q, isLinkTemplateSafe as At, expandLinkTemplate as Rt } from "../src/chart/mappers.js";
+const Ft = {
   key: 0,
   class: "tql-chart__metric"
-}, Ft = { class: "tql-chart__metric-value" }, Nt = {
+}, qt = { class: "tql-chart__metric-value" }, Bt = {
   key: 0,
   class: "tql-chart__metric-title"
-}, Ht = /* @__PURE__ */ at({
+}, It = {
+  key: 1,
+  class: "tql-chart__unsupported",
+  role: "status"
+}, zt = { class: "tql-chart__unsupported-reason" }, jt = /* @__PURE__ */ it({
   __name: "TqlChart",
   props: {
     result: {},
@@ -17,192 +21,206 @@ const Pt = {
     drilldown: { type: Boolean, default: !0 }
   },
   emits: ["drilldown"],
-  setup(E, { emit: U }) {
-    x.register(
-      ct,
-      ut,
-      ft,
-      pt,
-      dt,
+  setup($, { emit: Z }) {
+    b.register(
       mt,
       ht,
       yt,
       gt,
       vt,
       bt,
+      _t,
       xt,
       kt,
-      _t,
-      St
+      Ct,
+      St,
+      Tt,
+      Mt,
+      Lt,
+      wt
     );
-    let L = null, P = !1, I = !1;
-    async function X() {
-      if (!I) {
-        I = !0;
+    let F = null, M = !1, V = !1;
+    async function tt() {
+      if (!V) {
+        V = !0;
         try {
-          L = (await import("../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js")).default;
+          F = (await import("../node_modules/chartjs-plugin-datalabels/dist/chartjs-plugin-datalabels.esm.js")).default;
         } catch {
         }
-        if (!P)
+        if (!M)
           try {
-            await import("../node_modules/chartjs-adapter-luxon/dist/chartjs-adapter-luxon.esm.js"), P = !0;
+            await import("../node_modules/chartjs-adapter-luxon/dist/chartjs-adapter-luxon.esm.js"), M = !0;
           } catch {
           }
       }
     }
-    x.defaults.color = "#888", x.defaults.borderColor = "#ffffff0a", x.defaults.font.family = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    const e = E, Y = U, m = $(null), F = $(null);
-    let u = null;
-    const T = S(() => {
-      if (e.chartType && e.chartType !== "auto") return e.chartType;
-      if (e.result.viz_hint) return e.result.viz_hint;
-      const l = e.result.stats;
-      return l && l.type === "stats" && !l.group_by ? "number" : "bar";
-    }), N = S(() => T.value === "number"), j = S(() => T.value === "gauge"), Q = S(() => {
-      if (!N.value) return "";
-      const l = e.result.stats, t = J(l), a = e.result.viz_params?.format;
-      return a ? G(t, a) : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e4 ? (t / 1e3).toFixed(1) + "K" : Number.isInteger(t) ? t.toLocaleString() : t.toFixed(2);
-    }), B = S(() => e.result.viz_params?.title || "");
-    function Z(l) {
-      if (!e.drilldown || !u) return;
-      const t = u.getElementsAtEventForMode(l, "nearest", { intersect: !0 }, !1);
+    b.defaults.color = "#888", b.defaults.borderColor = "#ffffff0a", b.defaults.font.family = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+    const l = $, et = Z, g = J(null), q = J(null);
+    let f = null;
+    const k = v(() => {
+      if (l.chartType && l.chartType !== "auto") return l.chartType;
+      if (l.result.viz_hint) return l.result.viz_hint;
+      const e = l.result.stats;
+      return e && e.type === "stats" && !e.group_by ? "number" : "bar";
+    }), L = v(() => k.value === "number"), O = v(() => k.value === "gauge"), W = {
+      matrix: "chartjs-chart-matrix (Chart.register(MatrixController, MatrixElement))",
+      bubbleMap: "chartjs-chart-geo (Chart.register(BubbleMapController, GeoFeature, ProjectionScale, SizeScale))"
+    };
+    function lt(e) {
+      try {
+        return !!b.registry.getController(e);
+      } catch {
+        return !1;
+      }
+    }
+    const B = v(() => {
+      if (L.value || O.value) return null;
+      const e = k.value, t = z(e);
+      return t === null ? `Chart type "${e}" is not supported` : W[t] && !lt(t) ? `Chart type "${e}" needs ${W[t]} registered by the application` : null;
+    }), j = v(() => Pt(l.result.stats ?? {})[0]?.key), at = v(() => {
+      if (!L.value) return "";
+      const e = l.result.stats, t = Y(e), s = l.result.viz_params?.format;
+      return s ? K(t, s) : t >= 1e6 ? (t / 1e6).toFixed(1) + "M" : t >= 1e4 ? (t / 1e3).toFixed(1) + "K" : Number.isInteger(t) ? t.toLocaleString() : t.toFixed(2);
+    }), D = v(() => l.result.viz_params?.title || "");
+    function rt(e) {
+      if (!l.drilldown || !f) return;
+      const t = f.getElementsAtEventForMode(e, "nearest", { intersect: !0 }, !1);
       if (t.length === 0) return;
-      const a = t[0], o = a.datasetIndex, n = a.index, d = String(u.data.labels?.[n] ?? ""), v = Number(u.data.datasets[o]?.data?.[n] ?? 0);
-      Y("drilldown", {
+      const s = t[0], n = s.datasetIndex, a = s.index, d = String(f.data.labels?.[a] ?? ""), m = Number(f.data.datasets[n]?.data?.[a] ?? 0);
+      et("drilldown", {
         label: d,
-        value: v,
-        index: n,
-        field: e.result.stats.group_by?.[0],
-        chartType: T.value
+        value: m,
+        index: a,
+        field: j.value,
+        chartType: k.value
       });
     }
-    function tt() {
-      const l = m.value;
-      if (!l) return;
-      const t = l.getContext("2d");
+    function nt() {
+      const e = g.value;
+      if (!e) return;
+      const t = e.getContext("2d");
       if (!t) return;
-      const a = e.result.viz_params || {}, o = J(e.result.stats), n = Number(a.y_min ?? 0), d = Number(a.y_max ?? 100), v = Math.max(0, Math.min(1, (o - n) / (d - n))), k = a.ranges, h = [];
-      if (k)
-        for (const p of k.split(",")) {
-          const [C, b] = p.split(":");
-          if (C && b) {
-            const [V, W] = C.split("-").map(Number);
-            !isNaN(V) && !isNaN(W) && h.push({ from: V, to: W, color: b.startsWith("#") ? b : `#${b}` });
+      const s = l.result.viz_params || {}, n = Y(l.result.stats), a = Number(s.y_min ?? 0), d = Number(s.y_max ?? 100), m = Math.max(0, Math.min(1, (n - a) / (d - a))), w = s.ranges, h = [];
+      if (w)
+        for (const y of w.split(",")) {
+          const [A, x] = y.split(":");
+          if (A && x) {
+            const [U, X] = A.split("-").map(Number);
+            !isNaN(U) && !isNaN(X) && h.push({ from: U, to: X, color: x.startsWith("#") ? x : `#${x}` });
           }
         }
-      const r = l.width = l.parentElement?.clientWidth || 400, y = l.height = 240, i = r / 2, s = y - 40, g = Math.min(r / 2 - 30, y - 60), c = Math.PI, f = 2 * Math.PI;
-      if (t.clearRect(0, 0, r, y), t.beginPath(), t.arc(i, s, g, c, f), t.lineWidth = 24, t.strokeStyle = "#333", t.lineCap = "round", t.stroke(), h.length > 0)
-        for (const p of h) {
-          const C = c + (p.from - n) / (d - n) * Math.PI, b = c + (p.to - n) / (d - n) * Math.PI;
-          t.beginPath(), t.arc(i, s, g, C, Math.min(b, f)), t.lineWidth = 24, t.strokeStyle = p.color + "66", t.lineCap = "butt", t.stroke();
+      const C = e.width = e.parentElement?.clientWidth || 400, o = e.height = 240, u = C / 2, c = o - 40, i = Math.min(C / 2 - 30, o - 60), r = Math.PI, P = 2 * Math.PI;
+      if (t.clearRect(0, 0, C, o), t.beginPath(), t.arc(u, c, i, r, P), t.lineWidth = 24, t.strokeStyle = "#333", t.lineCap = "round", t.stroke(), h.length > 0)
+        for (const y of h) {
+          const A = r + (y.from - a) / (d - a) * Math.PI, x = r + (y.to - a) / (d - a) * Math.PI;
+          t.beginPath(), t.arc(u, c, i, A, Math.min(x, P)), t.lineWidth = 24, t.strokeStyle = y.color + "66", t.lineCap = "butt", t.stroke();
         }
-      const A = c + v * Math.PI;
-      let _ = "#818cf8";
+      const _ = r + m * Math.PI;
+      let p = "#818cf8";
       if (h.length > 0) {
-        for (const p of h)
-          if (o >= p.from && o <= p.to) {
-            _ = p.color;
+        for (const y of h)
+          if (n >= y.from && n <= y.to) {
+            p = y.color;
             break;
           }
       }
-      t.beginPath(), t.arc(i, s, g, c, A), t.lineWidth = 24, t.strokeStyle = _, t.lineCap = "round", t.stroke();
-      const q = a.title || "", z = a.format, lt = z ? G(o, z) : Number.isInteger(o) ? o.toLocaleString() : o.toFixed(1);
-      t.fillStyle = _, t.font = "bold 36px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "center", t.fillText(String(lt), i, s - 10), q && (t.fillStyle = "#888", t.font = "13px -apple-system, BlinkMacSystemFont, sans-serif", t.fillText(q, i, s + 18)), t.fillStyle = "#555", t.font = "11px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "left", t.fillText(String(n), i - g - 5, s + 18), t.textAlign = "right", t.fillText(String(d), i + g + 5, s + 18);
+      t.beginPath(), t.arc(u, c, i, r, _), t.lineWidth = 24, t.strokeStyle = p, t.lineCap = "round", t.stroke();
+      const E = s.title || "", N = s.format, ot = N ? K(n, N) : Number.isInteger(n) ? n.toLocaleString() : n.toFixed(1);
+      t.fillStyle = p, t.font = "bold 36px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "center", t.fillText(String(ot), u, c - 10), E && (t.fillStyle = "#888", t.font = "13px -apple-system, BlinkMacSystemFont, sans-serif", t.fillText(E, u, c + 18)), t.fillStyle = "#555", t.font = "11px -apple-system, BlinkMacSystemFont, sans-serif", t.textAlign = "left", t.fillText(String(a), u - i - 5, c + 18), t.textAlign = "right", t.fillText(String(d), u + i + 5, c + 18);
     }
-    function et() {
-      if (!m.value || N.value) return;
-      if (j.value) {
-        tt();
+    function st() {
+      if (f && (f.destroy(), f = null), !g.value || L.value || B.value) return;
+      if (O.value) {
+        nt();
         return;
       }
-      u && (u.destroy(), u = null);
-      const l = T.value, t = Tt(e.result, l), a = Ct(e.result, l);
-      e.drilldown && (a.onClick = Z, m.value && (m.value.style.cursor = "pointer"));
-      const o = [], n = e.result.viz_params || {}, d = n.labels === !0 || n.labels === "true" || n.labels === "minmax";
-      L && d && o.push(L);
-      const v = [...t.labels], k = a.indexAxis === "y", h = P && Mt(e.result.stats), r = a;
-      h && r?.scales?.x && !k ? r.scales.x = {
-        ...r.scales.x,
-        type: "time",
-        time: { tooltipFormat: "HH:mm", displayFormats: { minute: "HH:mm", hour: "HH:mm", day: "MMM d" } },
-        ticks: { ...r.scales.x.ticks, maxRotation: 0, autoSkip: !0, maxTicksLimit: 10 }
-      } : k ? r?.scales?.y && !r.scales.y.ticks?.callback && (r.scales.y.ticks = {
-        ...r.scales.y.ticks,
-        callback: function(i, s) {
-          return v[s] ?? s;
+      const e = k.value, t = Et(l.result, e, { timeAxis: M }), s = Nt(l.result, e, { timeAxis: M });
+      if (Q(t) || Q(s)) return;
+      const n = t, a = s;
+      l.drilldown && (a.onClick = rt, g.value && (g.value.style.cursor = "pointer"));
+      const d = [], m = l.result.viz_params || {}, w = m.labels === !0 || m.labels === "true" || m.labels === "minmax";
+      F && w && d.push(F);
+      const h = [...n.labels], C = a.indexAxis === "y", o = a, u = o?.scales?.x?.type;
+      u === "time" || u === "category" || h.length === 0 || (C ? o?.scales?.y && !o.scales.y.ticks?.callback && (o.scales.y.ticks = {
+        ...o.scales.y.ticks,
+        callback: function(i, r) {
+          return h[r] ?? r;
         }
-      }) : r?.scales?.x && !r.scales.x.ticks?.callback && (r.scales.x.ticks = {
-        ...r.scales.x.ticks,
-        callback: function(i, s) {
-          return v[s] ?? s;
+      }) : o?.scales?.x && !o.scales.x.ticks?.callback && (o.scales.x.ticks = {
+        ...o.scales.x.ticks,
+        callback: function(i, r) {
+          return h[r] ?? r;
         }
-      });
-      const y = n.link;
-      if (y && wt(y) && F.value) {
-        const i = n.link_target || "_self", s = F.value;
+      }));
+      const c = m.link;
+      if (c && At(c) && q.value) {
+        const i = m.link_target || "_self", r = q.value;
         a.plugins = {
           ...a.plugins,
           tooltip: {
             enabled: !1,
-            external: (g) => {
-              const { tooltip: c } = g;
-              if (c.opacity === 0) {
-                s.style.opacity = "0";
+            external: (P) => {
+              const { tooltip: _ } = P;
+              if (_.opacity === 0) {
+                r.style.opacity = "0";
                 return;
               }
-              const f = c.dataPoints?.[0];
-              if (!f) return;
-              const A = Lt(y, {
-                value: f.label,
-                label: f.label,
-                field: e.result.stats.group_by?.[0],
-                count: f.raw
-              }), _ = i === "_blank" ? ' rel="noopener noreferrer"' : "";
-              s.innerHTML = `<div class="tt-title">${f.label}</div><div class="tt-val">${f.formattedValue}</div><a href="${A}" target="${i}"${_} class="tt-link">Open link &rarr;</a>`, s.style.opacity = "1", s.style.left = c.caretX + "px", s.style.top = c.caretY + "px";
+              const p = _.dataPoints?.[0];
+              if (!p) return;
+              const E = Rt(c, {
+                value: p.label,
+                label: p.label,
+                field: j.value,
+                count: p.raw
+              }), N = i === "_blank" ? ' rel="noopener noreferrer"' : "";
+              r.innerHTML = `<div class="tt-title">${p.label}</div><div class="tt-val">${p.formattedValue}</div><a href="${E}" target="${i}"${N} class="tt-link">Open link &rarr;</a>`, r.style.opacity = "1", r.style.left = _.caretX + "px", r.style.top = _.caretY + "px";
             }
           }
         };
       }
       try {
-        u = new x(m.value, {
-          type: K(l),
-          data: { labels: t.labels, datasets: t.datasets },
+        f = new b(g.value, {
+          type: z(e),
+          data: { labels: n.labels, datasets: n.datasets },
           options: a,
-          plugins: o
+          plugins: d
         });
       } catch (i) {
-        console.warn("[TqlChart] Plugin error, rendering without plugins:", i), u = new x(m.value, {
-          type: K(l),
-          data: { labels: t.labels, datasets: t.datasets },
+        console.warn("[TqlChart] Plugin error, rendering without plugins:", i), f = new b(g.value, {
+          type: z(e),
+          data: { labels: n.labels, datasets: n.datasets },
           options: a
         });
       }
     }
-    let H = !1;
-    async function R() {
-      H || (await X(), H = !0), ot(et);
+    let G = !1;
+    async function H() {
+      G || (await tt(), G = !0), dt(st);
     }
-    return st(R), nt(() => [e.result, e.chartType], () => R(), { deep: !0 }), (l, t) => (M(), w("div", {
+    return ct(H), ut(() => [l.result, l.chartType], () => H(), { deep: !0 }), (e, t) => (S(), T("div", {
       class: "tql-chart",
-      style: rt({ height: E.height })
+      style: pt({ height: $.height })
     }, [
-      N.value ? (M(), w("div", Pt, [
-        D("span", Ft, O(Q.value), 1),
-        B.value ? (M(), w("span", Nt, O(B.value), 1)) : it("", !0)
-      ])) : (M(), w("canvas", {
-        key: 1,
+      L.value ? (S(), T("div", Ft, [
+        R("span", qt, I(at.value), 1),
+        D.value ? (S(), T("span", Bt, I(D.value), 1)) : ft("", !0)
+      ])) : B.value ? (S(), T("div", It, [
+        t[0] || (t[0] = R("span", { class: "tql-chart__unsupported-title" }, "Not supported", -1)),
+        R("span", zt, I(B.value), 1)
+      ])) : (S(), T("canvas", {
+        key: 2,
         ref_key: "canvasRef",
-        ref: m,
+        ref: g,
         class: "tql-chart__canvas"
       }, null, 512)),
-      D("div", {
+      R("div", {
         ref_key: "tooltipRef",
-        ref: F,
+        ref: q,
         class: "tql-chart__tooltip"
       }, null, 512)
     ], 4));
   }
 });
 export {
-  Ht as default
+  jt as default
 };

package/package.json

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