@aquera/nile-visualization 2.9.1 → 2.9.3

package/dist/src/nile-filter-chart/utils/badge.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+import type { FilterChartHost, NormalizedFilterControl } from './types.js';
+export declare function renderBadge(host: FilterChartHost, ctrl: NormalizedFilterControl): TemplateResult;

package/dist/src/nile-filter-chart/utils/badge.js

@@ -0,0 +1,33 @@
+import { html } from 'lit';
+export function renderBadge(host, ctrl) {
+    const current = host.selectedValues.get(ctrl.id);
+    return html `
+    <div class="fc-badge-group" role="group" aria-label="${ctrl.label}">
+      ${(ctrl.options ?? []).map(opt => {
+        const sel = ctrl.selection === 'multi'
+            ? (Array.isArray(current) && current.includes(opt.value))
+            : current === opt.value;
+        return html `
+          <nile-tag
+            pill
+            size="medium"
+            variant="${sel ? (opt.ngVariant ?? 'primary') : 'normal'}"
+            @click="${() => {
+            if (ctrl.selection === 'single') {
+                host.setValue(ctrl.id, sel ? '' : opt.value);
+            }
+            else {
+                const arr = Array.isArray(current) ? [...current] : [];
+                const idx = arr.indexOf(opt.value);
+                if (idx === -1)
+                    arr.push(opt.value);
+                else
+                    arr.splice(idx, 1);
+                host.setValue(ctrl.id, arr);
+            }
+        }}"
+          >${opt.label}</nile-tag>`;
+    })}
+    </div>`;
+}
+//# sourceMappingURL=badge.js.map

package/dist/src/nile-filter-chart/utils/comparison.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+import type { FilterChartHost, NormalizedFilterControl } from './types.js';
+export declare function renderComparison(host: FilterChartHost, ctrl: NormalizedFilterControl): TemplateResult;

package/dist/src/nile-filter-chart/utils/comparison.js

@@ -0,0 +1,24 @@
+import { html } from 'lit';
+export function renderComparison(host, ctrl) {
+    const valA = host.selectedValues.get(ctrl.id) ?? '';
+    const valB = host.selectedValues.get(`${ctrl.id}__b`) ?? '';
+    return html `
+    <div class="fc-comparison">
+      <nile-select
+        .value="${valA}"
+        placeholder="Period A"
+        @nile-change="${(e) => { e.stopPropagation(); host.setValue(ctrl.id, e.detail.value); }}"
+      >
+        ${(ctrl.options ?? []).map(o => html `<nile-option value="${o.value}">${o.label}</nile-option>`)}
+      </nile-select>
+      <span class="fc-vs">VS</span>
+      <nile-select
+        .value="${valB}"
+        placeholder="Period B"
+        @nile-change="${(e) => { e.stopPropagation(); host.setValue(`${ctrl.id}__b`, e.detail.value); }}"
+      >
+        ${(ctrl.options ?? []).map(o => html `<nile-option value="${o.value}">${o.label}</nile-option>`)}
+      </nile-select>
+    </div>`;
+}
+//# sourceMappingURL=comparison.js.map

package/dist/src/nile-filter-chart/utils/dropdown.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+import type { FilterChartHost, NormalizedFilterControl } from './types.js';
+export declare function renderDropdown(host: FilterChartHost, ctrl: NormalizedFilterControl): TemplateResult;

package/dist/src/nile-filter-chart/utils/dropdown.js

@@ -0,0 +1,24 @@
+import { html } from 'lit';
+export function renderDropdown(host, ctrl) {
+    const raw = host.selectedValues.get(ctrl.id);
+    const current = Array.isArray(raw) ? raw : (raw ? [raw] : []);
+    const isMulti = ctrl.selection === 'multi';
+    return html `
+    <nile-select
+      .value="${isMulti ? current : (current[0] ?? '')}"
+      ?multiple="${isMulti}"
+      searchEnabled
+      placeholder="${ctrl.placeholders?.[0] ?? `Select ${ctrl.label || 'option'}…`}"
+      @nile-change="${(e) => {
+        e.stopPropagation();
+        host.setValue(ctrl.id, e.detail.value);
+    }}"
+    >
+      ${(ctrl.options ?? []).map(opt => html `
+        <nile-option
+          value="${opt.value}"
+          ?selected="${isMulti ? current.includes(opt.value) : current[0] === opt.value}"
+        >${opt.label}</nile-option>`)}
+    </nile-select>`;
+}
+//# sourceMappingURL=dropdown.js.map

package/dist/src/nile-filter-chart/utils/preset.d.ts

@@ -0,0 +1,3 @@
+import { TemplateResult } from 'lit';
+import type { FilterChartHost, NormalizedFilterControl } from './types.js';
+export declare function renderPreset(host: FilterChartHost, ctrl: NormalizedFilterControl): TemplateResult;

package/dist/src/nile-filter-chart/utils/preset.js

@@ -0,0 +1,16 @@
+import { html, nothing } from 'lit';
+export function renderPreset(host, ctrl) {
+    const current = host.selectedValues.get(ctrl.id);
+    return html `
+    <div class="fc-preset-list">
+      ${(ctrl.options ?? []).map(opt => html `
+        <button
+          class="fc-preset-item ${current === opt.value ? 'fc-preset-item--selected' : ''}"
+          @click="${() => host.setValue(ctrl.id, opt.value)}"
+        >
+          ${opt.icon ? html `<span class="fc-preset-icon">${opt.icon}</span>` : nothing}
+          ${opt.label}
+        </button>`)}
+    </div>`;
+}
+//# sourceMappingURL=preset.js.map

package/dist/src/nile-filter-chart/utils/prompt.d.ts

@@ -0,0 +1,12 @@
+import { TemplateResult } from 'lit';
+import type { FilterChartHost, FilterControl, NormalizedFilterControl, QueryNode } from './types.js';
+/**
+ * Parse + compile a strict-mode prompt expression. Resolves with both the
+ * parsed AST (jsep) and the compiled filtrex predicate, or rejects with
+ * a parse / compile Error.
+ */
+export declare function validatePromptExpression(value: string, ctrl: FilterControl): Promise<{
+    ast: QueryNode;
+    evaluate: (row: unknown) => unknown;
+}>;
+export declare function renderPrompt(host: FilterChartHost, ctrl: NormalizedFilterControl): TemplateResult;