@svgrid/enterprise 2.7.0 → 3.0.1

package/dist/SvSchemaDashboard.svelte

@@ -1,130 +1,130 @@
-<script lang="ts" module>
-  type DashRow = Record<string, unknown>
-</script>
-
-<script lang="ts" generics="TData extends DashRow">
-  /**
-   * SvSchemaDashboard - a schema-driven dashboard: KPI tiles + charts composed
-   * from a declarative `DashboardSpec` (defaults to `dashboardFromSchema`). It's
-   * a data *view*, not a page builder - the spec is plain data and every chart is
-   * an `SvSchemaChart` with its controls off. KPI tiles reduce over the passed
-   * `rows`; charts prefer a server `getAggregate` when given, else `rows`.
-   */
-  import SvSchemaChart from './SvSchemaChart.svelte'
-  import type { EntitySchema } from './schema'
-  import { dashboardFromSchema, reduceValue, type DashboardSpec } from './sources/dashboard'
-  import type { AggregateBucket, AggregateRequest, AggregateReduce } from './sources/aggregate'
-
-  type Props = {
-    schema: EntitySchema<TData>
-    /** Rows for KPI tiles (and charts when there's no `getAggregate`). */
-    rows?: ReadonlyArray<TData>
-    /**
-     * Server-side aggregation (a data source's `getAggregate`). When set, KPI
-     * tiles AND charts are computed server-side (KPIs via a dimension-less
-     * request), so they're correct over the whole table, not just a page.
-     */
-    getAggregate?: (request: AggregateRequest) => Promise<AggregateBucket[]>
-    /** Filter applied to every widget (KPIs + charts), same shape the grid emits. */
-    filterModel?: AggregateRequest['filterModel']
-    /** Widget layout. Defaults to a sensible set from the schema. */
-    spec?: DashboardSpec
-    /** Bump to re-fetch server aggregates after a mutation. */
-    refreshKey?: unknown
-    onDrill?: (category: string, dimension: string) => void
-    title?: string
-  }
-
-  let { schema, rows, getAggregate, filterModel, spec, refreshKey, onDrill, title }: Props = $props()
-
-  const widgets = $derived((spec ?? dashboardFromSchema(schema as EntitySchema)).widgets)
-  const data = $derived((rows ?? []) as ReadonlyArray<TData>)
-
-  const compact = new Intl.NumberFormat(undefined, { notation: 'compact', maximumFractionDigits: 1 })
-  const fmt = (v: number, f?: (v: number) => string) => (f ? f(v) : compact.format(v))
-
-  // Server KPIs: when `getAggregate` is set, fetch each KPI as a dimension-less
-  // aggregate (a grand total over the whole table), re-running on refresh/filter.
-  let serverKpis = $state<number[]>([])
-  let kpiToken = 0
-  $effect(() => {
-    if (!getAggregate) return
-    void refreshKey
-    const reqs = widgets.map((w) =>
-      w.kind === 'kpi' ? getAggregate({ measure: w.measure, reduce: w.reduce, filterModel }) : null,
-    )
-    const token = ++kpiToken
-    Promise.all(reqs.map((r) => (r ? r.then((bs) => bs[0]?.value ?? 0) : Promise.resolve(0)))).then((vals) => {
-      if (token === kpiToken) serverKpis = vals
-    })
-  })
-  const kpiValue = (w: { measure?: string; reduce: AggregateReduce }, i: number) =>
-    getAggregate ? (serverKpis[i] ?? 0) : reduceValue(data, { measure: w.measure, reduce: w.reduce })
-</script>
-
-<section class="dash">
-  {#if title}<h3 class="dash__title">{title}</h3>{/if}
-  <div class="dash__grid">
-    {#each widgets as w, i (i)}
-      {#if w.kind === 'kpi'}
-        <div class="dash__kpi">
-          <span class="dash__kpi-label">{w.label}</span>
-          <span class="dash__kpi-value">{fmt(kpiValue(w, i), w.format)}</span>
-        </div>
-      {:else}
-        <div class="dash__chart" style="grid-column: span {Math.min(w.span ?? 2, 3)}">
-          {#if w.label}<span class="dash__chart-label">{w.label}</span>{/if}
-          <SvSchemaChart
-            schema={schema as EntitySchema}
-            rows={getAggregate ? undefined : (data as ReadonlyArray<DashRow>)}
-            {getAggregate}
-            {filterModel}
-            dimension={w.dimension}
-            measure={w.measure}
-            reduce={w.reduce}
-            type={w.type}
-            controls={false}
-            height={230}
-            width={420}
-            {refreshKey}
-            onDrill={(category, dimension) => onDrill?.(category, dimension)}
-          />
-        </div>
-      {/if}
-    {/each}
-  </div>
-</section>
-
-<style>
-  .dash { display: flex; flex-direction: column; gap: 12px; }
-  .dash__title { margin: 0; font-size: 15px; font-weight: 650; color: var(--sg-fg, #0f172a); }
-  .dash__grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
-    /* Size rows to content; otherwise implicit auto rows stretch to fill a
-       bounded-height container and shrink below each widget, overlapping them. */
-    grid-auto-rows: max-content;
-    gap: 12px;
-    align-items: start;
-  }
-  .dash__kpi {
-    display: flex; flex-direction: column; gap: 6px;
-    padding: 16px 16px 18px;
-    border: 1px solid var(--sg-border, #e6e8ec); border-radius: 12px;
-    background: var(--sg-bg, #fff);
-    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
-  }
-  .dash__kpi-label { font-size: 12.5px; font-weight: 550; color: var(--sg-muted, #64748b); }
-  .dash__kpi-value { font-size: 26px; font-weight: 720; letter-spacing: -0.02em; color: var(--sg-fg, #0f172a); }
-  .dash__chart {
-    display: flex; flex-direction: column; gap: 8px;
-    padding: 14px 14px 12px; min-width: 0;
-    border: 1px solid var(--sg-border, #e6e8ec); border-radius: 12px;
-    background: var(--sg-bg, #fff);
-    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
-  }
-  .dash__chart-label { font-size: 13px; font-weight: 600; color: var(--sg-fg, #0f172a); }
-  @media (max-width: 620px) {
-    .dash__chart { grid-column: span 1 !important; }
-  }
-</style>
+<script lang="ts" module>
+  type DashRow = Record<string, unknown>
+</script>
+
+<script lang="ts" generics="TData extends DashRow">
+  /**
+   * SvSchemaDashboard - a schema-driven dashboard: KPI tiles + charts composed
+   * from a declarative `DashboardSpec` (defaults to `dashboardFromSchema`). It's
+   * a data *view*, not a page builder - the spec is plain data and every chart is
+   * an `SvSchemaChart` with its controls off. KPI tiles reduce over the passed
+   * `rows`; charts prefer a server `getAggregate` when given, else `rows`.
+   */
+  import SvSchemaChart from './SvSchemaChart.svelte'
+  import type { EntitySchema } from './schema'
+  import { dashboardFromSchema, reduceValue, type DashboardSpec } from './sources/dashboard'
+  import type { AggregateBucket, AggregateRequest, AggregateReduce } from './sources/aggregate'
+
+  type Props = {
+    schema: EntitySchema<TData>
+    /** Rows for KPI tiles (and charts when there's no `getAggregate`). */
+    rows?: ReadonlyArray<TData>
+    /**
+     * Server-side aggregation (a data source's `getAggregate`). When set, KPI
+     * tiles AND charts are computed server-side (KPIs via a dimension-less
+     * request), so they're correct over the whole table, not just a page.
+     */
+    getAggregate?: (request: AggregateRequest) => Promise<AggregateBucket[]>
+    /** Filter applied to every widget (KPIs + charts), same shape the grid emits. */
+    filterModel?: AggregateRequest['filterModel']
+    /** Widget layout. Defaults to a sensible set from the schema. */
+    spec?: DashboardSpec
+    /** Bump to re-fetch server aggregates after a mutation. */
+    refreshKey?: unknown
+    onDrill?: (category: string, dimension: string) => void
+    title?: string
+  }
+
+  let { schema, rows, getAggregate, filterModel, spec, refreshKey, onDrill, title }: Props = $props()
+
+  const widgets = $derived((spec ?? dashboardFromSchema(schema as EntitySchema)).widgets)
+  const data = $derived((rows ?? []) as ReadonlyArray<TData>)
+
+  const compact = new Intl.NumberFormat(undefined, { notation: 'compact', maximumFractionDigits: 1 })
+  const fmt = (v: number, f?: (v: number) => string) => (f ? f(v) : compact.format(v))
+
+  // Server KPIs: when `getAggregate` is set, fetch each KPI as a dimension-less
+  // aggregate (a grand total over the whole table), re-running on refresh/filter.
+  let serverKpis = $state<number[]>([])
+  let kpiToken = 0
+  $effect(() => {
+    if (!getAggregate) return
+    void refreshKey
+    const reqs = widgets.map((w) =>
+      w.kind === 'kpi' ? getAggregate({ measure: w.measure, reduce: w.reduce, filterModel }) : null,
+    )
+    const token = ++kpiToken
+    Promise.all(reqs.map((r) => (r ? r.then((bs) => bs[0]?.value ?? 0) : Promise.resolve(0)))).then((vals) => {
+      if (token === kpiToken) serverKpis = vals
+    })
+  })
+  const kpiValue = (w: { measure?: string; reduce: AggregateReduce }, i: number) =>
+    getAggregate ? (serverKpis[i] ?? 0) : reduceValue(data, { measure: w.measure, reduce: w.reduce })
+</script>
+
+<section class="dash">
+  {#if title}<h3 class="dash__title">{title}</h3>{/if}
+  <div class="dash__grid">
+    {#each widgets as w, i (i)}
+      {#if w.kind === 'kpi'}
+        <div class="dash__kpi">
+          <span class="dash__kpi-label">{w.label}</span>
+          <span class="dash__kpi-value">{fmt(kpiValue(w, i), w.format)}</span>
+        </div>
+      {:else}
+        <div class="dash__chart" style="grid-column: span {Math.min(w.span ?? 2, 3)}">
+          {#if w.label}<span class="dash__chart-label">{w.label}</span>{/if}
+          <SvSchemaChart
+            schema={schema as EntitySchema}
+            rows={getAggregate ? undefined : (data as ReadonlyArray<DashRow>)}
+            {getAggregate}
+            {filterModel}
+            dimension={w.dimension}
+            measure={w.measure}
+            reduce={w.reduce}
+            type={w.type}
+            controls={false}
+            height={230}
+            width={420}
+            {refreshKey}
+            onDrill={(category, dimension) => onDrill?.(category, dimension)}
+          />
+        </div>
+      {/if}
+    {/each}
+  </div>
+</section>
+
+<style>
+  .dash { display: flex; flex-direction: column; gap: 12px; }
+  .dash__title { margin: 0; font-size: 15px; font-weight: 650; color: var(--sg-fg, #0f172a); }
+  .dash__grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
+    /* Size rows to content; otherwise implicit auto rows stretch to fill a
+       bounded-height container and shrink below each widget, overlapping them. */
+    grid-auto-rows: max-content;
+    gap: 12px;
+    align-items: start;
+  }
+  .dash__kpi {
+    display: flex; flex-direction: column; gap: 6px;
+    padding: 16px 16px 18px;
+    border: 1px solid var(--sg-border, #e6e8ec); border-radius: 12px;
+    background: var(--sg-bg, #fff);
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
+  }
+  .dash__kpi-label { font-size: 12.5px; font-weight: 550; color: var(--sg-muted, #64748b); }
+  .dash__kpi-value { font-size: 26px; font-weight: 720; letter-spacing: -0.02em; color: var(--sg-fg, #0f172a); }
+  .dash__chart {
+    display: flex; flex-direction: column; gap: 8px;
+    padding: 14px 14px 12px; min-width: 0;
+    border: 1px solid var(--sg-border, #e6e8ec); border-radius: 12px;
+    background: var(--sg-bg, #fff);
+    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05);
+  }
+  .dash__chart-label { font-size: 13px; font-weight: 600; color: var(--sg-fg, #0f172a); }
+  @media (max-width: 620px) {
+    .dash__chart { grid-column: span 1 !important; }
+  }
+</style>

package/dist/SvSchemaDashboard.svelte.d.ts

@@ -1,7 +1,7 @@
 type DashRow = Record<string, unknown>;
-import type { EntitySchema } from './schema';
-import { type DashboardSpec } from './sources/dashboard';
-import type { AggregateBucket, AggregateRequest } from './sources/aggregate';
+import type { EntitySchema } from './schema.js';
+import { type DashboardSpec } from './sources/dashboard.js';
+import type { AggregateBucket, AggregateRequest } from './sources/aggregate.js';
 declare function $$render<TData extends DashRow>(): {
     props: {
         schema: EntitySchema<TData>;

package/dist/advanced-filter/expr-columns-from-grid.d.ts

@@ -4,7 +4,7 @@
  * Saves every consumer from hand-writing an `ExprColumn[]` that mirrors their
  * column defs and then drifting from it.
  */
-import type { ExprColumn } from '../expressions/expression-columns';
+import type { ExprColumn } from '../expressions/expression-columns.js';
 /** Grid columns as `api.getColumns()` reports them. */
 type GridColumnInfo = {
     id: string;

package/dist/advanced-filter-enable.js

@@ -6,9 +6,9 @@
  * compiler that turns an expression into a row predicate.
  */
 import { registerAdvancedFilterEngine } from '@svgrid/grid';
-import { isLicenseKeySet } from './license';
-import { emitUnlicensedNudge } from './watermark';
-import { compilePredicate } from './expressions/compile';
+import { isLicenseKeySet } from './license.js';
+import { emitUnlicensedNudge } from './watermark.js';
+import { compilePredicate } from './expressions/compile.js';
 let enabled = false;
 const advancedFilterEngine = (expr, ctx) => {
     // The grid treats null as "do not filter" and never surfaces a partially

package/dist/alerts/alert-engine-attach.d.ts

@@ -12,8 +12,8 @@
  * same as a plain-JS interval poll for non-Svelte hosts.
  */
 import type { ConditionalFormat } from '@svgrid/grid/format';
-import { type AlertEngine } from './alert-engine';
-import type { AlertEvent, AlertRule } from './alert-types';
+import { type AlertEngine } from './alert-engine.js';
+import type { AlertEvent, AlertRule } from './alert-types.js';
 export type FlashTarget = {
     rowId: string;
     columnId?: string;

package/dist/alerts/alert-engine-attach.js

@@ -1,7 +1,7 @@
 import { toast } from '@svgrid/grid';
-import { alertStore } from './alert-store.svelte';
-import { toConditionalFormats } from './alert-formats';
-import { createAlertEngine } from './alert-engine';
+import { alertStore } from './alert-store.svelte.js';
+import { toConditionalFormats } from './alert-formats.js';
+import { createAlertEngine } from './alert-engine.js';
 /**
  * Perform the side effects of a batch of fired events and return the visual
  * output: every event is recorded in the log (so the badge/panel stay accurate),

package/dist/alerts/alert-engine.d.ts

@@ -1,4 +1,4 @@
-import type { AlertEvent, AlertRule } from './alert-types';
+import type { AlertEvent, AlertRule } from './alert-types.js';
 export type AlertEngineOptions<TData> = {
     rules: AlertRule[];
     getRowId: (row: TData) => string;

package/dist/alerts/alert-engine.js

@@ -4,8 +4,8 @@
  * once when a row starts matching (not on every re-evaluation while it keeps
  * matching). The reactive/observing wrapper lives in `alert-engine-attach.ts`.
  */
-import { evaluateChange, evaluatePredicate } from '../expressions/evaluate';
-import { collectColumnRefs } from '../expressions/parse';
+import { evaluateChange, evaluatePredicate } from '../expressions/evaluate.js';
+import { collectColumnRefs } from '../expressions/parse.js';
 const AGG_ROW_KEY = '*';
 /** Fill message-template tokens from the firing context. */
 export function renderTemplate(template, ctx) {

package/dist/alerts/alert-formats.d.ts

@@ -5,7 +5,7 @@
  * already uses for color scales and data bars. No new rendering path.
  */
 import type { ConditionalFormat } from '@svgrid/grid/format';
-import type { AlertEvent, AlertRule } from './alert-types';
+import type { AlertEvent, AlertRule } from './alert-types.js';
 export type StylingContext<TData> = {
     getValue?: (row: TData, columnId: string) => unknown;
     locale?: string | ReadonlyArray<string>;

package/dist/alerts/alert-formats.js

@@ -1,4 +1,4 @@
-import { evaluatePredicate } from '../expressions/evaluate';
+import { evaluatePredicate } from '../expressions/evaluate.js';
 /** Which action kinds paint onto cells. */
 const STYLING_KINDS = new Set(['badge', 'highlight']);
 /**

package/dist/alerts/alert-observer.d.ts

@@ -25,9 +25,9 @@
  * instance to a scheduler and an `onEvents` sink; `attachAlertEngine` wraps it
  * for non-Svelte hosts.
  */
-import type { AlertEngine } from './alert-engine';
-import type { AlertEvent, AlertRule } from './alert-types';
-import { type AlertScheduler, type AlertSchedulerMode } from './alert-scheduler';
+import type { AlertEngine } from './alert-engine.js';
+import type { AlertEvent, AlertRule } from './alert-types.js';
+import { type AlertScheduler, type AlertSchedulerMode } from './alert-scheduler.js';
 export type AlertObserverOptions<TData> = {
     engine: AlertEngine<TData>;
     getRowId: (row: TData) => string;

package/dist/alerts/alert-observer.js

@@ -1,4 +1,4 @@
-import { createAlertScheduler } from './alert-scheduler';
+import { createAlertScheduler } from './alert-scheduler.js';
 const clone = (r) => r && typeof r === 'object' ? { ...r } : r;
 export function createAlertObserver(opts) {
     const { engine, getRowId, onEvents } = opts;

package/dist/alerts/alert-storage.d.ts

@@ -4,7 +4,7 @@
  * a small CRUD manager. `export()` / `import()` make a rule set shareable as
  * JSON, so a team lead can hand round a set of alerts.
  */
-import type { AlertRule } from './alert-types';
+import type { AlertRule } from './alert-types.js';
 export type AlertRulesStorage = {
     read(): AlertRule[];
     write(rules: AlertRule[]): void;

package/dist/alerts/alert-store.svelte.d.ts

@@ -8,7 +8,7 @@
  * `pushMany` (not one reassignment per event), and `activeCount` is a maintained
  * counter - not an O(n) reduce recomputed on every render.
  */
-import type { AlertEvent } from './alert-types';
+import type { AlertEvent } from './alert-types.js';
 /** The shared alerts log. Read `.events` / `.activeCount` inside a component. */
 export declare const alertStore: {
     readonly events: AlertEvent[];

package/dist/alerts/alert-types.d.ts

@@ -9,8 +9,8 @@
  *
  * Predicates and change tests come from the expression layer (`../expressions`).
  */
-import type { ChangeExpr, PredicateExpr } from '../expressions/expression-types';
-import type { Schedule } from '../scheduling';
+import type { ChangeExpr, PredicateExpr } from '../expressions/expression-types.js';
+import type { Schedule } from '../scheduling.js';
 /** Maps onto the toast variants + conditional-format intent. */
 export type AlertSeverity = 'info' | 'success' | 'warning' | 'error';
 /** What the rule watches over. */

package/dist/alerts.js

@@ -15,8 +15,8 @@
  * // spread `formats` into <SvGrid conditionalFormats={[...base, ...formats]} />
  * ```
  */
-import { isLicenseKeySet } from './license';
-import { emitUnlicensedNudge } from './watermark';
+import { isLicenseKeySet } from './license.js';
+import { emitUnlicensedNudge } from './watermark.js';
 let enabled = false;
 /** Turn on the alerts feature (soft-gated). Idempotent. */
 export function enableAlerts() {

package/dist/board.js

@@ -15,8 +15,8 @@
  * ```
  */
 import { registerBoardView } from '@svgrid/grid';
-import { isLicenseKeySet } from './license';
-import { emitUnlicensedNudge } from './watermark';
+import { isLicenseKeySet } from './license.js';
+import { emitUnlicensedNudge } from './watermark.js';
 import SvGridBoard from './SvGridBoard.svelte';
 let enabled = false;
 /**