overview-components 1.1.33 → 1.1.35

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,cAAc,oBAAoB,CAAC"}

package/dist/components/lit-ai-filter-assistant.d.ts

@@ -0,0 +1,59 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../shared/lit-input.js';
+import '../shared/lit-icon.js';
+import '../shared/lit-icon-button.js';
+import '../shared/simple-popper.js';
+import '../shared/lit-button.js';
+import './lit-badge.js';
+import '../assets/illustration/aichatbot-illustration.js';
+import type { SupportedLang } from '../components/lit-case-variables-tab.js';
+export type FilterSuggestion = {
+    id: string;
+    label: string;
+    [key: `label_${string}`]: string | undefined;
+};
+export type AppliedFilter = {
+    id: string;
+    label: string;
+    value?: string;
+    message?: string;
+    severity?: 'error' | 'success';
+    isLoading?: boolean;
+};
+export type LitAiFilterAssistantProp = {
+    placeholder: string;
+    suggestions: FilterSuggestion[];
+    appliedFilters: AppliedFilter[];
+    disabled: boolean;
+    loading: boolean;
+};
+export declare class LitAiFilterAssistant extends LitElement {
+    placeholder: string;
+    userLang: SupportedLang;
+    suggestions: FilterSuggestion[];
+    appliedFilters: AppliedFilter[];
+    disabled: boolean;
+    loading: boolean;
+    onInput?: (value: string) => void;
+    onSuggestionSelect?: (suggestion: FilterSuggestion) => void;
+    onApply?: (value: string) => void;
+    onFilterReload?: (filterId: AppliedFilter) => void;
+    onNewConversation?: () => void;
+    onClose?: () => void;
+    private inputValue;
+    static styles: import("lit").CSSResult[];
+    private handleNewConversation;
+    private togglePopper;
+    private handleInputChange;
+    private handleSuggestionClick;
+    private handleApply;
+    private handleKeyDown;
+    private handleFilterReload;
+    protected render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lit-ai-filter-assistant': LitAiFilterAssistant;
+    }
+}
+//# sourceMappingURL=lit-ai-filter-assistant.d.ts.map

package/dist/components/lit-ai-filter-assistant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-ai-filter-assistant.d.ts","sourceRoot":"","sources":["../../src/components/lit-ai-filter-assistant.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,OAAO,wBAAwB,CAAC;AAChC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,yBAAyB,CAAC;AACjC,OAAO,gBAAgB,CAAC;AAExB,OAAO,kDAAkD,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAChC,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,qBACa,oBAAqB,SAAQ,UAAU;IACpB,WAAW,EAAE,MAAM,CAAiC;IACpD,QAAQ,EAAE,aAAa,CAAQ;IAChC,WAAW,EAAE,gBAAgB,EAAE,CAAM;IACrC,cAAc,EAAE,aAAa,EAAE,CAAM;IACnC,QAAQ,EAAE,OAAO,CAAS;IAC1B,OAAO,EAAE,OAAO,CAAS;IACxB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1C,OAAO,CAAC,UAAU,CAAM;IAEjC,MAAM,CAAC,MAAM,4BAqLX;IAEF,OAAO,CAAC,qBAAqB,CAE3B;IACF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,qBAAqB,CAG3B;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,aAAa,CAQnB;IAEF,OAAO,CAAC,kBAAkB,CAExB;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc;CAiKrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,oBAAoB,CAAC;KACnD;CACJ"}

package/dist/components/lit-ai-filter-assistant.js

@@ -0,0 +1,439 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, property, state } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { msg } from '@lit/localize';
+// components
+import '../shared/lit-input.js';
+import '../shared/lit-icon.js';
+import '../shared/lit-icon-button.js';
+import '../shared/simple-popper.js';
+import '../shared/lit-button.js';
+import './lit-badge.js';
+import { tooltip } from '../shared/simple-tooltip.js';
+import '../assets/illustration/aichatbot-illustration.js';
+let LitAiFilterAssistant = class LitAiFilterAssistant extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.placeholder = 'Type your filter request...';
+        this.userLang = 'cs';
+        this.suggestions = [];
+        this.appliedFilters = [];
+        this.disabled = false;
+        this.loading = false;
+        this.inputValue = '';
+        this.handleNewConversation = () => {
+            this.onNewConversation?.();
+        };
+        this.togglePopper = () => {
+            this.onClose?.();
+        };
+        this.handleInputChange = (value) => {
+            this.inputValue = value || '';
+            this.onInput?.(this.inputValue);
+        };
+        this.handleSuggestionClick = (suggestion) => {
+            this.onSuggestionSelect?.(suggestion);
+            // this.inputValue = suggestion.label;
+        };
+        this.handleApply = () => {
+            if (!this.inputValue.trim())
+                return;
+            this.onApply?.(this.inputValue);
+            this.inputValue = '';
+        };
+        this.handleKeyDown = (e) => {
+            if (e.key === 'Enter' && !e.shiftKey && this.inputValue.trim()) {
+                e.preventDefault();
+                this.handleApply();
+            }
+            if (e.key === 'Escape') {
+                this.onClose?.();
+            }
+        };
+        this.handleFilterReload = (filterApplied) => {
+            this.onFilterReload?.(filterApplied);
+        };
+    }
+    render() {
+        return html `
+            <div class="dropdown-content">
+                <!-- Header -->
+                <header class="header">
+                    <div style="display: flex; align-items: center; gap: 0.5rem;">
+                        <lit-icon size="1.25rem" aiIcon></lit-icon>
+                        <div class="header-title" style="color: var(--text-primary, #111827)">
+                            Filter AI Assistant
+                        </div>
+                    </div>
+                    <div class="header-actions">
+                        <lit-icon-button
+                            variant="text"
+                            icon="add"
+                            size="small"
+                            @click="${this.handleNewConversation}"
+                            ${tooltip(msg('Nová konverzace'), 'bottom')}
+                        ></lit-icon-button>
+                        <lit-icon-button
+                            variant="text"
+                            icon="close"
+                            size="small"
+                            @click="${this.togglePopper}"
+                            ${tooltip(msg('Zavřít'), 'bottom')}
+                        ></lit-icon-button>
+                    </div>
+                </header>
+                <!-- Applied Filters Section -->
+                <div class="applied-filters-container">
+                    ${this.appliedFilters.length > 0
+            ? html `
+                              <div class="applied-filters-section">
+                                  ${this.appliedFilters.map((filter) => {
+                // Determine description color based on severity
+                let icon = 'sparkle';
+                let aiIcon = true;
+                let badgeContent = 'neutral';
+                if (filter.severity === 'success' && !filter.isLoading) {
+                    badgeContent = 'info';
+                }
+                if (filter.severity === 'error' && !filter.isLoading) {
+                    icon = 'warning';
+                    aiIcon = false;
+                    badgeContent = 'danger';
+                }
+                return html `
+                                          <div class="applied-filter-item">
+                                              ${filter.isLoading
+                    ? html `<span
+                                                        class="loading-spinner"
+                                                        title="Loading"
+                                                    ></span>`
+                    : html `<lit-icon
+                                                        .aiIcon="${aiIcon}"
+                                                        .icon="${icon}"
+                                                        size="1.25rem"
+                                                        style="padding-right: 0.5rem; color: var(--color-error-main, #dc2626);"
+                                                    ></lit-icon>`}
+                                              <div class="applied-filter-info">
+                                                  <div class="applied-filter-label">
+                                                      ${filter.label}
+                                                  </div>
+                                                  ${filter.message
+                    ? html `<lit-badge
+                                                            content=${badgeContent}
+                                                            text=${filter.message || ''}
+                                                        ></lit-badge>`
+                    : ''}
+                                              </div>
+                                              <lit-icon-button
+                                                  class="remove-filter-button"
+                                                  icon="reload"
+                                                  size="small"
+                                                  variant="text"
+                                                  @click="${() => this.handleFilterReload(filter)}"
+                                                  title=${msg('Vyhledat znovu')}
+                                                  ${tooltip(msg('Vyhledat znovu'), 'bottom')}
+                                              ></lit-icon-button>
+                                          </div>
+                                      `;
+            })}
+                              </div>
+                          `
+            : html `
+                              <div class="empty-state">
+                                  <div style="height: 67px; width: 67px">
+                                      <aichatbot-illustration></aichatbot-illustration>
+                                  </div>
+                                  <div>
+                                      ${msg('Žádná historie promptů. Začněte psát pro filtrování pomocí AI.')}
+                                  </div>
+                              </div>
+                          `}
+                </div>
+                <!-- Content -->
+                <div class="content-section">
+                    <!-- Input Section -->
+                    <div class="input-section">
+                        <div class="input-wrapper">
+                            <lit-input
+                                type="text"
+                                placeholder="${this.placeholder}"
+                                .value="${this.inputValue}"
+                                .onInput="${this.handleInputChange}"
+                                @keydown="${this.handleKeyDown}"
+                                .onClear="${() => {
+            this.inputValue = '';
+            this.onInput?.('');
+        }}"
+                                .disabled="${this.disabled}"
+                                fullWidth
+                            ></lit-input>
+                            <lit-icon
+                                aiIcon
+                                icon="send"
+                                @click="${this.handleApply}"
+                                ?disabled="${!this.inputValue.trim() || this.disabled}"
+                                label="${msg('Vyhledat')}"
+                                .isLoading="${this.loading}"
+                                style="cursor: pointer"
+                            >
+                            </lit-icon>
+                        </div>
+                    </div>
+
+                    <!-- Suggestions Section -->
+                    ${this.suggestions.length > 0
+            ? html `
+                              <div class="suggestions-section">
+                                  <div class="section-title">${msg('Návrhy')}</div>
+                                  <div class="suggestions-grid">
+                                      ${this.suggestions.map((suggestion) => html `
+                                              <div class="suggestion-item">
+                                                  <lit-badge
+                                                      .text="${suggestion[`label_${this.userLang}`] || suggestion.label}"
+                                                      content="neutral"
+                                                      size="medium"
+                                                      @click="${() => this.handleSuggestionClick(suggestion)}"
+                                                      title="${suggestion[`label_${this.userLang}`] || suggestion.label}"
+                                                  ></lit-badge>
+                                              </div>
+                                          `)}
+                                  </div>
+                              </div>
+                          `
+            : ''}
+                </div>
+            </div>
+        `;
+    }
+};
+LitAiFilterAssistant.styles = [
+    css `
+            :host {
+                display: inline-block;
+                position: relative;
+                width: 100%;
+            }
+
+            .dropdown-content {
+               
+                background: var(--background-paper, #fff);
+            }
+
+            .header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                padding: 0.375rem 0.75rem;
+                    border-bottom: 0.0625rem solid transparent;
+                    position: relative;
+                }
+                .header::after {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    height: 0.0625rem;
+                    background: linear-gradient(to right, #e78047, #573493);
+                    z-index: 1;
+                }
+            }
+
+            .header-title {
+                display: flex;
+                align-items: center;
+                gap: 0.75rem;
+                font-size: 1.0625rem;
+                font-weight: 500;
+                margin-bottom: 4px;
+            }
+
+            .input-section {
+                padding: 0.375rem 0.75rem;
+            }
+
+            .input-label {
+                display: block;
+                font-size: 0.875rem;
+                font-weight: 500;
+                color: var(--text-primary, #111827);
+                margin-bottom: 0.5rem;
+            }
+
+            .input-wrapper {
+            display: flex;
+            
+            align-items: center;
+            gap: 0.5rem;
+            }
+
+            .suggestions-section {
+                padding: 0.375rem 0.75rem;
+            }
+
+            .suggestions-grid {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 0.5rem;
+                overflow-x: auto;
+            }
+
+            .applied-filters-section {
+                padding: 0.375rem 0.75rem;
+            }
+
+            .applied-filter-item {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                border-radius: 0.5rem;
+                margin-bottom: 0.5rem;
+            }
+
+            .applied-filter-info {
+                flex: 1;
+                min-width: 0;
+            }
+
+            .applied-filter-label {
+                font-size: 0.875rem;
+                font-weight: 500;
+                color: var(--text-primary, #111827);
+                margin-bottom: 0.125rem;
+            }
+
+            .applied-filter-description {
+                font-size: 11px;
+                font-weight: 400;
+                color: var(--text-secondary, #111827);
+                margin-bottom: 0.125rem;
+            }
+
+            .applied-filter-value {
+                font-size: 0.75rem;
+                color: var(--text-secondary, #6b7280);
+                font-family: monospace;
+                background: var(--background-paper, #fff);
+                padding: 0.25rem 0.5rem;
+                border-radius: 0.25rem;
+                border: 0.0625rem solid var(--color-divider, #e5e7eb);
+                margin-bottom: 0.125rem;
+            }
+
+            .remove-filter-button {
+                margin-left: 0.5rem;
+            }
+
+            .loading-spinner {
+                width: 14px;
+                height: 14px;
+                border: 0.125rem solid var(--color-divider, #d0d3db);
+                border-top: 0.125rem solid var(--color-primary-main, #3b82f6);
+                border-radius: 50%;
+                animation: spin 1s linear infinite;
+                margin-right: 0.5rem;
+            }
+
+            @keyframes spin {
+                0% {
+                    transform: rotate(0deg);
+                }
+                100% {
+                    transform: rotate(360deg);
+                }
+            }
+
+            .empty-state {
+                display: flex;
+                gap: 0.75rem;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                text-align: center;
+                padding: 2rem 1rem;
+                color: var(--text-secondary, #6b7280);
+                font-size: 0.875rem;
+                line-height: 1.5;
+            }
+
+            .empty-state lit-icon {
+                margin-bottom: 0.75rem;
+                color: var(--text-secondary, #9ca3af);
+            }
+            .applied-filters-container {
+                height: 12.5rem;
+                overflow-y: auto;
+            }
+            .suggestion-item {
+                cursor: pointer;
+                transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+                will-change: transform;
+                &:hover {
+                    transform: scale(1.06);
+                    z-index: 1;
+                }
+            }
+            .header-actions {
+                display: flex;
+                gap: 0.5rem;
+            }
+                .section-title {
+                    font-size: 0.8125rem;
+                    font-weight: 400;
+                    color: var(--text-secondary, #111827);
+                    margin-bottom: 0.5rem;
+                }
+            lit-input {
+            flex-grow: 1;
+            }
+        `,
+];
+__decorate([
+    property({ type: String })
+], LitAiFilterAssistant.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: String })
+], LitAiFilterAssistant.prototype, "userLang", void 0);
+__decorate([
+    property({ type: Array })
+], LitAiFilterAssistant.prototype, "suggestions", void 0);
+__decorate([
+    property({ type: Array })
+], LitAiFilterAssistant.prototype, "appliedFilters", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitAiFilterAssistant.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], LitAiFilterAssistant.prototype, "loading", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onInput", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onSuggestionSelect", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onApply", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onFilterReload", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onNewConversation", void 0);
+__decorate([
+    property({ type: Function })
+], LitAiFilterAssistant.prototype, "onClose", void 0);
+__decorate([
+    state()
+], LitAiFilterAssistant.prototype, "inputValue", void 0);
+LitAiFilterAssistant = __decorate([
+    customElement('lit-ai-filter-assistant')
+], LitAiFilterAssistant);
+export { LitAiFilterAssistant };
+//# sourceMappingURL=lit-ai-filter-assistant.js.map

package/dist/components/lit-ai-filter-assistant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lit-ai-filter-assistant.js","sourceRoot":"","sources":["../../src/components/lit-ai-filter-assistant.ts"],"names":[],"mappings":"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"}

package/dist/shared/filter-inputs.d.ts

@@ -37,13 +37,13 @@ export declare class FilterInputs extends LitElement {
     private handleKeyDown;
     getFocusableElements(): HTMLElement[];
     focus(): void;
-    render(): import("lit-html").TemplateResult<1>;
     renderNumberRangeInput(): import("lit-html").TemplateResult<1>;
     renderSelectInput(multiselect?: boolean): import("lit-html").TemplateResult<1>;
     renderNumberInput(): import("lit-html").TemplateResult<1>;
     renderDateInput(): import("lit-html").TemplateResult<1>;
     renderDateRangeInput(): import("lit-html").TemplateResult<1>;
     renderTextInput(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/shared/filter-inputs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-inputs.d.ts","sourceRoot":"","sources":["../../src/shared/filter-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,KAAK,CAAC;AAI5D,OAAO,mCAAmC,CAAC;AAE3C,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sCAAsC,CAAC;AAC9C,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAQtE,qBACa,YAAa,SAAQ,UAAU;IACZ,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAK;IAC/B,MAAM,EAAE,OAAO,CAAS;IACzB,KAAK,EAAE,GAAG,CAAa;IACvB,QAAQ,EAAE,GAAG,CAAa;IAC3B,eAAe,EAAE,GAAG,CAAM;IAC1B,YAAY,EAAE,GAAG,CAAM;IAEzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,aAAa,EAAE,GAAG,CAAM;IAEjC,OAAO,CAAC,sBAAsB,CAA0B;IACxD,OAAO,CAAC,wBAAwB,CAA0B;IAC1D,OAAO,CAAC,aAAa,CAAS;IAE9B,MAAM,CAAC,MAAM,0BAUX;;IAeF,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ;IAUnD,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAoB9B,eAAe,CAAC,KAAK,EAAE,GAAG;IAa1B,OAAO,CAAC,iBAAiB,CAavB;IAEF,iBAAiB;IAQjB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,2BAA2B;IAQnC,OAAO,CAAC,aAAa;IAwDd,oBAAoB,IAAI,WAAW,EAAE;IAwBrC,KAAK;IAOZ,MAAM;IAwBN,sBAAsB;IA8CtB,iBAAiB,CAAC,WAAW,GAAE,OAAe;IAsB9C,iBAAiB;IAoBjB,eAAe;IAqBf,oBAAoB;IAyBpB,eAAe;CAqBlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}
+{"version":3,"file":"filter-inputs.d.ts","sourceRoot":"","sources":["../../src/shared/filter-inputs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,KAAK,CAAC;AAI5D,OAAO,mCAAmC,CAAC;AAE3C,OAAO,eAAe,CAAC;AACvB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,iBAAiB,CAAC;AACzB,OAAO,sBAAsB,CAAC;AAC9B,OAAO,sCAAsC,CAAC;AAC9C,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAQtE,qBACa,YAAa,SAAQ,UAAU;IACZ,MAAM,EAAE,GAAG,CAAC;IACZ,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAK;IAC/B,MAAM,EAAE,OAAO,CAAS;IACzB,KAAK,EAAE,GAAG,CAAa;IACvB,QAAQ,EAAE,GAAG,CAAa;IAC3B,eAAe,EAAE,GAAG,CAAM;IAC1B,YAAY,EAAE,GAAG,CAAM;IAEzC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,aAAa,EAAE,GAAG,CAAM;IAEjC,OAAO,CAAC,sBAAsB,CAA0B;IACxD,OAAO,CAAC,wBAAwB,CAA0B;IAC1D,OAAO,CAAC,aAAa,CAAS;IAE9B,MAAM,CAAC,MAAM,0BAUX;;IAeF,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ;IAUnD,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAoB9B,eAAe,CAAC,KAAK,EAAE,GAAG;IAa1B,OAAO,CAAC,iBAAiB,CAavB;IAEF,iBAAiB;IAQjB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,qBAAqB;IAK7B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,2BAA2B;IAQnC,OAAO,CAAC,aAAa;IAwDd,oBAAoB,IAAI,WAAW,EAAE;IAwBrC,KAAK;IASZ,sBAAsB;IA8CtB,iBAAiB,CAAC,WAAW,GAAE,OAAe;IAsB9C,iBAAiB;IAoBjB,eAAe;IAqBf,oBAAoB;IAyBpB,eAAe;IAsBb,MAAM;CAuBX;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;KACjC;CACJ"}

package/dist/shared/filter-inputs.js

@@ -195,38 +195,6 @@ let FilterInputs = class FilterInputs extends LitElement {
         const firstFocusable = this.shadowRoot?.querySelector('lit-input, lit-select, lit-date-picker');
         firstFocusable?.focus();
     }
-    render() {
-        if (this.filterVariant === 'numberRange') {
-            return this.renderNumberRangeInput();
-        }
-        else if (this.filterVariant === 'select') {
-            return this.renderSelectInput();
-        }
-        else if (this.filterVariant === 'multiselect') {
-            return this.renderSelectInput(true);
-        }
-        else if (this.filterVariant === 'number') {
-            return this.renderNumberInput();
-        }
-        else if (this.filterVariant === 'currency') {
-            return this.renderNumberInput();
-        }
-        else if (this.filterVariant === 'date') {
-            return this.renderDateInput();
-        }
-        else if (this.filterVariant === 'dateTime') {
-            return this.renderDateInput();
-        }
-        else if (this.filterVariant === 'dateRange') {
-            return this.renderDateRangeInput();
-        }
-        else if (this.filterVariant === 'dateTimeRange') {
-            return this.renderDateRangeInput();
-        }
-        else {
-            return this.renderTextInput();
-        }
-    }
     renderNumberRangeInput() {
         const debouncedSetRangeFilter = debounce((min, max) => {
             this.handleSetFilter([min, max]);
@@ -375,6 +343,38 @@ let FilterInputs = class FilterInputs extends LitElement {
             ></lit-input>
         `;
     }
+    render() {
+        if (this.filterVariant === 'numberRange') {
+            return this.renderNumberRangeInput();
+        }
+        else if (this.filterVariant === 'select') {
+            return this.renderSelectInput();
+        }
+        else if (this.filterVariant === 'multiselect') {
+            return this.renderSelectInput(true);
+        }
+        else if (this.filterVariant === 'number') {
+            return this.renderNumberInput();
+        }
+        else if (this.filterVariant === 'currency') {
+            return this.renderNumberInput();
+        }
+        else if (this.filterVariant === 'date') {
+            return this.renderDateInput();
+        }
+        else if (this.filterVariant === 'dateTime') {
+            return this.renderDateInput();
+        }
+        else if (this.filterVariant === 'dateRange') {
+            return this.renderDateRangeInput();
+        }
+        else if (this.filterVariant === 'dateTimeRange') {
+            return this.renderDateRangeInput();
+        }
+        else {
+            return this.renderTextInput();
+        }
+    }
 };
 FilterInputs.styles = css `
         .range {