@quicdata/analytics 0.0.3 → 0.0.4

package/designer/analytics-designer.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import type { DashboardLayout } from '../dashboard/dashboard-container.js';
+export interface DesignerWidgetOption {
+    type: string;
+    label: string;
+}
+/**
+ * Designer: drag-drop widget types onto a grid, set data-url per slot, emit layout.
+ * Use with analytics-dashboard to render the saved layout.
+ */
+export declare class AnalyticsDesigner extends LitElement {
+    static styles: import("lit").CSSResult;
+    widgetOptions: DesignerWidgetOption[];
+    /** Base URL for widget data (e.g. /api/analytics). */
+    baseUrl: string;
+    private _slots;
+    private _dragOverId;
+    private _draggingType;
+    private _idCounter;
+    render(): import("lit-html").TemplateResult<1>;
+    private _typeLabel;
+    private _renderSlotPreview;
+    private _onPaletteDragStart;
+    private _onGridDragOver;
+    private _onGridDragLeave;
+    private _onGridDrop;
+    private _onSlotDrop;
+    private _addSlot;
+    private _removeSlot;
+    private _onSlotUrlChange;
+    private _emitLayout;
+    /** Set layout from outside (e.g. loaded from backend). */
+    setLayout(layout: DashboardLayout): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'analytics-designer': AnalyticsDesigner;
+    }
+}
+//# sourceMappingURL=analytics-designer.d.ts.map

package/designer/analytics-designer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics-designer.d.ts","sourceRoot":"","sources":["../../../../libs/analytics/src/designer/analytics-designer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,qCAAqC,CAAC;AAE1F,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAQD;;;GAGG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,0BAsGpB;IAEyB,aAAa,EAAE,oBAAoB,EAAE,CAA0B;IAE1F,sDAAsD;IAC1B,OAAO,SAAM;IAEhC,OAAO,CAAC,MAAM,CAA0C;IACxD,OAAO,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,UAAU,CAAK;IAEd,MAAM;IAsDf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,kBAAkB;IAa1B,OAAO,CAAC,mBAAmB;IAM3B,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,WAAW;IAUnB,0DAA0D;IAC1D,SAAS,CAAC,MAAM,EAAE,eAAe;CAOlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,iBAAiB,CAAC;KACzC;CACF"}

package/designer/analytics-designer.js

@@ -0,0 +1,267 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+const DEFAULT_WIDGET_OPTIONS = [
+    { type: 'bar', label: 'Bar chart' },
+    { type: 'line', label: 'Line chart' },
+    { type: 'pie', label: 'Pie chart' },
+];
+/**
+ * Designer: drag-drop widget types onto a grid, set data-url per slot, emit layout.
+ * Use with analytics-dashboard to render the saved layout.
+ */
+let AnalyticsDesigner = class AnalyticsDesigner extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.widgetOptions = DEFAULT_WIDGET_OPTIONS;
+        /** Base URL for widget data (e.g. /api/analytics). */
+        this.baseUrl = '';
+        this._slots = [];
+        this._dragOverId = null;
+        this._draggingType = null;
+        this._idCounter = 0;
+    }
+    static { this.styles = css `
+    :host {
+      display: flex;
+      width: 100%;
+      height: 100%;
+      min-height: 400px;
+    }
+    .palette {
+      width: 180px;
+      flex-shrink: 0;
+      padding: 0.5rem;
+      border-right: 1px solid #ddd;
+      background: #f8f9fa;
+    }
+    .palette-title {
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      color: #666;
+      margin-bottom: 0.5rem;
+    }
+    .palette-item {
+      padding: 0.5rem 0.75rem;
+      margin-bottom: 0.25rem;
+      background: #fff;
+      border: 1px solid #dee2e6;
+      border-radius: 4px;
+      cursor: grab;
+      font-size: 0.875rem;
+      user-select: none;
+    }
+    .palette-item:hover {
+      border-color: #0d6efd;
+      background: #f0f7ff;
+    }
+    .palette-item:active {
+      cursor: grabbing;
+    }
+    .canvas {
+      flex: 1;
+      padding: 1rem;
+      overflow: auto;
+      background: #fff;
+    }
+    .grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      grid-auto-rows: 160px;
+      gap: 1rem;
+      min-height: 300px;
+    }
+    .slot {
+      border: 2px dashed #dee2e6;
+      border-radius: 8px;
+      padding: 0.5rem;
+      display: flex;
+      flex-direction: column;
+      background: #fafafa;
+    }
+    .slot.drag-over {
+      border-color: #0d6efd;
+      background: #f0f7ff;
+    }
+    .slot-header {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-bottom: 0.25rem;
+      font-size: 0.75rem;
+    }
+    .slot-type {
+      font-weight: 600;
+      color: #333;
+    }
+    .slot-url {
+      flex: 1;
+      min-width: 0;
+      padding: 0.2rem 0.4rem;
+      font-size: 0.7rem;
+      border: 1px solid #dee2e6;
+      border-radius: 4px;
+    }
+    .slot-preview {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #999;
+      font-size: 0.75rem;
+    }
+    .slot-remove {
+      padding: 0.1rem 0.4rem;
+      font-size: 0.7rem;
+      cursor: pointer;
+      color: #dc3545;
+      border: none;
+      background: none;
+    }
+    .slot-remove:hover {
+      text-decoration: underline;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="palette">
+        <div class="palette-title">Widgets</div>
+        ${this.widgetOptions.map((w) => html `
+            <div
+              class="palette-item"
+              draggable="true"
+              @dragstart=${(e) => this._onPaletteDragStart(e, w.type)}
+              @dragend=${() => (this._draggingType = null)}
+            >
+              ${w.label}
+            </div>
+          `)}
+      </div>
+      <div class="canvas">
+        <div
+          class="grid"
+          @dragover=${this._onGridDragOver}
+          @dragleave=${this._onGridDragLeave}
+          @drop=${this._onGridDrop}
+        >
+          ${this._slots.map((slot) => html `
+              <div
+                class="slot ${this._dragOverId === slot.id ? 'drag-over' : ''}"
+                data-slot-id="${slot.id}"
+                @dragover=${(e) => e.preventDefault()}
+                @drop=${(e) => this._onSlotDrop(e, slot.id)}
+              >
+                <div class="slot-header">
+                  <span class="slot-type">${this._typeLabel(slot.type)}</span>
+                  <input
+                    class="slot-url"
+                    type="text"
+                    placeholder="Data URL"
+                    .value=${slot.dataUrl ?? ''}
+                    @input=${(e) => this._onSlotUrlChange(slot.id, e.target.value)}
+                  />
+                  <button type="button" class="slot-remove" @click=${() => this._removeSlot(slot.id)}>Remove</button>
+                </div>
+                <div class="slot-preview">
+                  ${this._renderSlotPreview(slot)}
+                </div>
+              </div>
+            `)}
+        </div>
+      </div>
+    `;
+    }
+    _typeLabel(type) {
+        return this.widgetOptions.find((w) => w.type === type)?.label ?? type;
+    }
+    _renderSlotPreview(slot) {
+        const dataUrl = slot.dataUrl ?? '';
+        const params = slot.dataParams ?? {};
+        const type = (slot.type || 'bar').toLowerCase();
+        if (type === 'line') {
+            return html `<analytics-line-chart data-url="${dataUrl}" .dataParams=${params} style="width:100%;height:100%;min-height:80px"></analytics-line-chart>`;
+        }
+        if (type === 'pie') {
+            return html `<analytics-pie-chart data-url="${dataUrl}" .dataParams=${params} style="width:100%;height:100%;min-height:80px"></analytics-pie-chart>`;
+        }
+        return html `<analytics-bar-chart data-url="${dataUrl}" .dataParams=${params} style="width:100%;height:100%;min-height:80px"></analytics-bar-chart>`;
+    }
+    _onPaletteDragStart(e, type) {
+        this._draggingType = type;
+        e.dataTransfer?.setData('text/plain', type);
+        e.dataTransfer.effectAllowed = 'copy';
+    }
+    _onGridDragOver(e) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'copy';
+    }
+    _onGridDragLeave() {
+        this._dragOverId = null;
+    }
+    _onGridDrop(e) {
+        e.preventDefault();
+        this._dragOverId = null;
+        const type = e.dataTransfer?.getData('text/plain') || this._draggingType;
+        if (type) {
+            this._addSlot(type);
+        }
+    }
+    _onSlotDrop(e, _slotId) {
+        e.preventDefault();
+        e.stopPropagation();
+        this._dragOverId = null;
+        const type = e.dataTransfer?.getData('text/plain') || this._draggingType;
+        if (type) {
+            this._addSlot(type);
+        }
+    }
+    _addSlot(type) {
+        const id = `slot-${++this._idCounter}`;
+        const dataUrl = this.baseUrl ? `${this.baseUrl.replace(/\/$/, '')}/widgets/0/data` : '';
+        this._slots = [...this._slots, { id, type, dataUrl, dataParams: {} }];
+        this._emitLayout();
+    }
+    _removeSlot(id) {
+        this._slots = this._slots.filter((s) => s.id !== id);
+        this._emitLayout();
+    }
+    _onSlotUrlChange(id, value) {
+        this._slots = this._slots.map((s) => (s.id === id ? { ...s, dataUrl: value } : s));
+        this._emitLayout();
+    }
+    _emitLayout() {
+        const layout = {
+            columns: 'repeat(4, 1fr)',
+            rows: 'auto',
+            gap: '1rem',
+            slots: this._slots.map(({ id: _id, ...slot }) => slot),
+        };
+        this.dispatchEvent(new CustomEvent('layout-change', { detail: layout, bubbles: true, composed: true }));
+    }
+    /** Set layout from outside (e.g. loaded from backend). */
+    setLayout(layout) {
+        this._slots = (layout.slots ?? []).map((s, i) => ({
+            ...s,
+            id: `slot-${++this._idCounter}-${i}`,
+        }));
+        this._emitLayout();
+    }
+};
+__decorate([
+    property({ type: Array })
+], AnalyticsDesigner.prototype, "widgetOptions", void 0);
+__decorate([
+    property({ type: String })
+], AnalyticsDesigner.prototype, "baseUrl", void 0);
+__decorate([
+    state()
+], AnalyticsDesigner.prototype, "_slots", void 0);
+__decorate([
+    state()
+], AnalyticsDesigner.prototype, "_dragOverId", void 0);
+AnalyticsDesigner = __decorate([
+    customElement('analytics-designer')
+], AnalyticsDesigner);
+export { AnalyticsDesigner };

package/designer/index.d.ts

@@ -0,0 +1,5 @@
+export { AnalyticsDesigner } from './analytics-designer.js';
+export type { DesignerWidgetOption } from './analytics-designer.js';
+import '../widgets/index.js';
+import './analytics-designer.js';
+//# sourceMappingURL=index.d.ts.map

package/designer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../libs/analytics/src/designer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,qBAAqB,CAAC;AAC7B,OAAO,yBAAyB,CAAC"}

package/designer/index.js

@@ -0,0 +1,3 @@
+export { AnalyticsDesigner } from './analytics-designer.js';
+import '../widgets/index.js';
+import './analytics-designer.js';

package/filters/filter-bar.d.ts

@@ -0,0 +1,34 @@
+import { LitElement } from 'lit';
+import type { FilterDefinition } from '../core/types.js';
+export declare const EVENT_FILTER_CHANGE = "analytics-filter-change";
+export declare const EVENT_FILTER_CLOSE = "analytics-filter-close";
+/**
+ * Filter bar: renders a row of filter controls from filter definitions.
+ * Emits analytics-filter-change when any value changes; analytics-filter-close when close is clicked.
+ */
+export declare class AnalyticsFilterBar extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Filter definitions (param_name, type, options). */
+    filters: FilterDefinition[];
+    /** Current filter values keyed by param_name. */
+    values: Record<string, string | number | boolean>;
+    /** Whether to show the close button. */
+    showClose: boolean;
+    /** Build params to send: use default_value only when param was never set (undefined). User input or Clear sets explicit value (including ''), so we do not use default_value then. */
+    private _effectiveParams;
+    private _emitChange;
+    private _onInput;
+    private _onClear;
+    private _onClose;
+    private _label;
+    /** Display value: show default_value only when param was never set (rerender). After user input or Clear, show the actual value (including ''). */
+    private _effectiveValue;
+    private _renderControl;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'analytics-filter-bar': AnalyticsFilterBar;
+    }
+}
+//# sourceMappingURL=filter-bar.d.ts.map

package/filters/filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../../libs/analytics/src/filters/filter-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,gBAAgB,EAAgB,MAAM,kBAAkB,CAAC;AAEvE,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAC7D,eAAO,MAAM,kBAAkB,2BAA2B,CAAC;AAE3D;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAsEpB;IAEF,sDAAsD;IAC3B,OAAO,EAAE,gBAAgB,EAAE,CAAM;IAE5D,iDAAiD;IACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAM;IAEnF,wCAAwC;IACX,SAAS,UAAQ;IAE9C,sLAAsL;IACtL,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,QAAQ;IAShB,OAAO,CAAC,MAAM;IAId,mJAAmJ;IACnJ,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,cAAc;IA2Eb,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/filters/filter-bar.js

@@ -0,0 +1,233 @@
+import { __decorate } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+export const EVENT_FILTER_CHANGE = 'analytics-filter-change';
+export const EVENT_FILTER_CLOSE = 'analytics-filter-close';
+/**
+ * Filter bar: renders a row of filter controls from filter definitions.
+ * Emits analytics-filter-change when any value changes; analytics-filter-close when close is clicked.
+ */
+let AnalyticsFilterBar = class AnalyticsFilterBar extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Filter definitions (param_name, type, options). */
+        this.filters = [];
+        /** Current filter values keyed by param_name. */
+        this.values = {};
+        /** Whether to show the close button. */
+        this.showClose = true;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+    .bar {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 0.75rem 1rem;
+      padding: 0.75rem 1rem;
+      background: var(--analytics-filter-bar-bg, transparent);
+      border: none;
+      border-radius: 0.5rem;
+    }
+    .group {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+    label {
+      font-size: 0.8125rem;
+      font-weight: 500;
+      color: var(--analytics-filter-bar-label-color, #475569);
+      white-space: nowrap;
+    }
+    select,
+    input[type='text'],
+    input[type='number'],
+    input[type='date'] {
+      padding: 0.375rem 0.5rem;
+      font-size: 0.875rem;
+      border: 1px solid var(--analytics-filter-bar-input-border, #cbd5e1);
+      border-radius: 0.375rem;
+      min-width: 8rem;
+      background: var(--analytics-filter-bar-input-bg, #fff);
+      color: var(--analytics-filter-bar-input-color, inherit);
+    }
+    select:focus,
+    input:focus {
+      outline: none;
+      border-color: #3b82f6;
+      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
+    }
+    .actions {
+      margin-left: auto;
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+    .btn {
+      padding: 0.375rem 0.75rem;
+      font-size: 0.8125rem;
+      border-radius: 0.375rem;
+      cursor: pointer;
+      border: 1px solid var(--analytics-filter-bar-border, #e2e8f0);
+      background: transparent;
+      color: var(--analytics-filter-bar-close-color, #64748b);
+    }
+    .btn:hover {
+      background: var(--analytics-filter-bar-close-hover-bg, #f1f5f9);
+      color: var(--analytics-filter-bar-close-hover-color, #334155);
+    }
+    .btn-clear {
+      color: #0ea5e9;
+      border-color: rgba(14, 165, 233, 0.4);
+    }
+    .btn-clear:hover {
+      background: rgba(14, 165, 233, 0.08);
+      color: #0284c7;
+    }
+  `; }
+    /** Build params to send: use default_value only when param was never set (undefined). User input or Clear sets explicit value (including ''), so we do not use default_value then. */
+    _effectiveParams() {
+        const out = {};
+        for (const def of this.filters) {
+            const current = this.values[def.param_name];
+            const neverSet = !(def.param_name in this.values) || current === undefined;
+            out[def.param_name] = neverSet ? (def.default_value ?? '') : (current ?? '');
+        }
+        return out;
+    }
+    _emitChange() {
+        this.dispatchEvent(new CustomEvent(EVENT_FILTER_CHANGE, {
+            bubbles: true,
+            composed: true,
+            detail: { params: this._effectiveParams() },
+        }));
+    }
+    _onInput(paramName, value) {
+        this.values = { ...this.values, [paramName]: value };
+        this._emitChange();
+    }
+    _onClear() {
+        const empty = {};
+        for (const def of this.filters) {
+            empty[def.param_name] = '';
+        }
+        this.values = empty;
+        this._emitChange();
+    }
+    _onClose() {
+        this.dispatchEvent(new CustomEvent(EVENT_FILTER_CLOSE, {
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    _label(def) {
+        return (def.label != null && def.label !== '') ? def.label : def.param_name;
+    }
+    /** Display value: show default_value only when param was never set (rerender). After user input or Clear, show the actual value (including ''). */
+    _effectiveValue(def) {
+        const v = this.values[def.param_name];
+        const neverSet = !(def.param_name in this.values) || v === undefined;
+        if (neverSet)
+            return def.default_value ?? '';
+        return v ?? '';
+    }
+    _renderControl(def) {
+        const value = this._effectiveValue(def);
+        const options = (def.options ?? []);
+        const label = this._label(def);
+        if (def.type === 'preset' || (options.length > 0 && ['select', 'dropdown'].includes(def.type))) {
+            const current = (value !== '' && value != null ? String(value) : '');
+            return html `
+        <div class="group">
+          <label for="filter-${def.param_name}">${label}</label>
+          <select
+            id="filter-${def.param_name}"
+            .value=${current}
+            @change=${(e) => {
+                const v = e.target.value;
+                const opt = options.find((o) => String(o.value) === v);
+                this._onInput(def.param_name, opt != null ? opt.value : v);
+            }}
+          >
+            <option value="">—</option>
+            ${options.map((o) => html `<option value="${String(o.value)}" .selected=${String(o.value) === current}>
+                  ${o.label ?? String(o.value)}
+                </option>`)}
+          </select>
+        </div>
+      `;
+        }
+        if (def.type === 'number') {
+            const num = typeof value === 'number' ? value : value !== '' && value != null ? Number(value) : (def.default_value != null ? Number(def.default_value) : '');
+            return html `
+        <div class="group">
+          <label for="filter-${def.param_name}">${label}</label>
+          <input
+            type="number"
+            id="filter-${def.param_name}"
+            .value=${num}
+            @input=${(e) => this._onInput(def.param_name, Number(e.target.value) || 0)}
+          />
+        </div>
+      `;
+        }
+        if (def.type === 'date') {
+            const str = (value != null && value !== '' ? String(value) : (def.default_value != null ? String(def.default_value) : ''));
+            return html `
+        <div class="group">
+          <label for="filter-${def.param_name}">${label}</label>
+          <input
+            type="date"
+            id="filter-${def.param_name}"
+            .value=${str}
+            @input=${(e) => this._onInput(def.param_name, e.target.value)}
+          />
+        </div>
+      `;
+        }
+        const str = (value != null && value !== '' ? String(value) : (def.default_value != null ? String(def.default_value) : ''));
+        return html `
+      <div class="group">
+        <label for="filter-${def.param_name}">${label}</label>
+        <input
+          type="text"
+          id="filter-${def.param_name}"
+          .value=${str}
+          @input=${(e) => this._onInput(def.param_name, e.target.value)}
+        />
+      </div>
+    `;
+    }
+    render() {
+        if (this.filters.length === 0) {
+            return html `<div class="bar"><span style="color:#64748b;font-size:0.875rem">No filters</span></div>`;
+        }
+        return html `
+      <div class="bar">
+        ${this.filters.map((def) => this._renderControl(def))}
+        <div class="actions">
+          <button type="button" class="btn btn-clear" @click=${this._onClear} title="Reset all filters to default">Clear</button>
+          ${this.showClose
+            ? html `<button type="button" class="btn" @click=${this._onClose} title="Close" aria-label="Close">×</button>`
+            : ''}
+        </div>
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Array })
+], AnalyticsFilterBar.prototype, "filters", void 0);
+__decorate([
+    property({ type: Object })
+], AnalyticsFilterBar.prototype, "values", void 0);
+__decorate([
+    property({ type: Boolean })
+], AnalyticsFilterBar.prototype, "showClose", void 0);
+AnalyticsFilterBar = __decorate([
+    customElement('analytics-filter-bar')
+], AnalyticsFilterBar);
+export { AnalyticsFilterBar };

package/filters/filter-button.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from 'lit';
+export declare const EVENT_FILTER_TOGGLE = "analytics-filter-toggle";
+/**
+ * Filter button: toggles filter bar visibility.
+ * Dispatches analytics-filter-toggle when clicked; parent should show/hide the filter bar.
+ * Optionally shows a badge when activeCount > 0.
+ */
+export declare class AnalyticsFilterButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Number of active filters (shows badge when > 0). */
+    activeCount: number;
+    /** Whether the filter bar is currently open (button appears active). */
+    open: boolean;
+    private _onClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'analytics-filter-button': AnalyticsFilterButton;
+    }
+}
+//# sourceMappingURL=filter-button.d.ts.map

package/filters/filter-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-button.d.ts","sourceRoot":"","sources":["../../../../libs/analytics/src/filters/filter-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,eAAO,MAAM,mBAAmB,4BAA4B,CAAC;AAE7D;;;;GAIG;AACH,qBACa,qBAAsB,SAAQ,UAAU;IACnD,OAAgB,MAAM,0BAqCpB;IAEF,uDAAuD;IAC3B,WAAW,SAAK;IAE5C,wEAAwE;IAC3C,IAAI,UAAS;IAE1C,OAAO,CAAC,QAAQ;IASP,MAAM;CAchB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,yBAAyB,EAAE,qBAAqB,CAAC;KAClD;CACF"}