@emuanalytics/flow-rdf-core 4.0.1 → 4.0.3

package/dist/index.cjs

@@ -4,7 +4,7 @@ const mobx = require('mobx');
 const Debug = require('debug');
 const flowEngineClient = require('@emuanalytics/flow-engine-client');
 const randomId = require('./shared/flow-rdf-core.f50908f0.cjs');
-const mapFeatureStream = require('./shared/flow-rdf-core.9b5dad76.cjs');
+const mapFeatureStream = require('./shared/flow-rdf-core.06e85a6c.cjs');
 const maplibre = require('@emuanalytics/maplibre-gl');
 const EventEmitter = require('eventemitter3');
 const mobxUtils = require('mobx-utils');
@@ -35,7 +35,7 @@ const maplibre__default = /*#__PURE__*/_interopDefaultCompat(maplibre);
 const EventEmitter__default = /*#__PURE__*/_interopDefaultCompat(EventEmitter);
 const lzString__default = /*#__PURE__*/_interopDefaultCompat(lzString);
 
-const version = "4.0.1";
+const version = "4.0.3";
 
 const CONSOLE_HIGHLIGHT_STYLE$1 = `
   padding: 2px 4px;
@@ -3101,6 +3101,34 @@ class StateStore {
     this.set(path, val);
     return val;
   }
+  bindControl(el, statePath, options) {
+    const toState = options?.toState ?? ((v) => v);
+    const fromState = options?.fromState ?? ((v) => v);
+    el.addEventListener("input", () => {
+      this.set(statePath, toState(el.value));
+    });
+    el.addEventListener("flow-ui-change", () => {
+      this.set(statePath, toState(el.value));
+    });
+    return this.toStream(statePath, true).subscribe((value) => {
+      if (value !== el.value) {
+        el.value = fromState(value);
+      }
+    });
+  }
+  bindElementProp(el, prop, statePath, options) {
+    const fromState = options?.fromState ?? ((v) => v);
+    return this.toStream(statePath, true).subscribe((value) => {
+      if (value !== el[prop]) {
+        el[prop] = fromState(value);
+      }
+    });
+  }
+  bindElementAttr(el, attr, statePath) {
+    return this.toStream(statePath, true).subscribe((value) => {
+      el.setAttribute(attr, value);
+    });
+  }
   toStream(path, fireImmediately = true) {
     this.checkInitialized();
     return mobxUtils.toStream(() => this.get(path), fireImmediately);

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.dd931ace.cjs';
-export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.dd931ace.cjs';
+import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.4dde996e.cjs';
+export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.4dde996e.cjs';
 export { IDisposer, IObservableStream, ISubscription } from 'mobx-utils';
 export { makeAutoObservable, makeObservable } from 'mobx';
 import '@emuanalytics/flow-engine-client';

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.dd931ace.mjs';
-export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.dd931ace.mjs';
+import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.4dde996e.mjs';
+export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.4dde996e.mjs';
 export { IDisposer, IObservableStream, ISubscription } from 'mobx-utils';
 export { makeAutoObservable, makeObservable } from 'mobx';
 import '@emuanalytics/flow-engine-client';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.dd931ace.js';
-export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.dd931ace.js';
+import { A as Annotation, S as StateStore, F as FlowContextOptions, a as FlowContext, M as MapStyleSpecification, b as MapDataSource, c as MapLayer } from './shared/flow-rdf-core.4dde996e.js';
+export { B as BackgroundLayerStyleBuilder, C as CircleLayerStyleBuilder, D as DEFAULT_CONTEXT_ID, i as FillExtrusionLayerStyleBuilder, g as FillLayerStyleBuilder, K as FlowCoreMap, e as FlowEngineEndpoint, H as HeatmapLayerStyleBuilder, k as HillshadeLayerStyleBuilder, L as LineLayerStyleBuilder, x as MapAnimationOptions, y as MapCenterOptions, u as MapDataSourceOptions, v as MapDataSourceSpecification, t as MapDataSourceType, z as MapFeature, E as MapFeatureIdentifier, w as MapGeojsonData, q as MapLayerExpression, p as MapLayerOptions, s as MapLayerPropertyMetadataIndex, r as MapLayerSpecification, m as MapLayerStyleBuilder, f as MapLayerType, J as MapOptions, G as MapPaddingOptions, d as MapRegistry, I as MapSourceIdentifier, a3 as Path, a4 as PathValue, N as Query, V as QueryAttribute, _ as QueryDefinition, a0 as QueryDefinitionFn, X as QueryExtraParams, $ as QueryOptions, Y as QueryOrderClause, Q as QueryRegistry, U as QueryResultFormat, a1 as QueryResultTransformFn, Z as QuerySampleOptions, W as QueryWhereClauses, j as RasterLayerStyleBuilder, R as ReactiveExpression, a7 as SerializationFormat, a6 as StoreAnnotations, a5 as StoreConstructor, n as StyleExpression, h as SymbolLayerStyleBuilder, o as expr, l as layerStyle, O as query, P as queryMany, T as queryOne, a2 as traceReaction } from './shared/flow-rdf-core.4dde996e.js';
 export { IDisposer, IObservableStream, ISubscription } from 'mobx-utils';
 export { makeAutoObservable, makeObservable } from 'mobx';
 import '@emuanalytics/flow-engine-client';

package/dist/index.mjs

@@ -4,7 +4,7 @@ export { makeAutoObservable, makeObservable } from 'mobx';
 import Debug from 'debug';
 import { Client } from '@emuanalytics/flow-engine-client';
 import { i as isUndefined, f as isString, o as isNumber, s as isBoolean, j as isArray, b as isNil, A as randomId, y as isPlainObject, d as isDefined, g as isStringFull, z as isURL, e as ensureArray } from './shared/flow-rdf-core.25e5f6d7.mjs';
-import { R as ReactiveExpression, F as FlowError, f as MapStyleChangeEvent, P as PluginManager, e as MapLayer, d as MapDataSource, g as MapSourceEvent, M as MapEvent, c as FlowMapError, b as MapFeatureStream, a as assert, h as MapLoadingEvent, i as MapMouseEvent, j as die } from './shared/flow-rdf-core.e2b1bb7f.mjs';
+import { R as ReactiveExpression, F as FlowError, f as MapStyleChangeEvent, P as PluginManager, e as MapLayer, d as MapDataSource, g as MapSourceEvent, M as MapEvent, c as FlowMapError, b as MapFeatureStream, a as assert, h as MapLoadingEvent, i as MapMouseEvent, j as die } from './shared/flow-rdf-core.65045caf.mjs';
 import maplibre from '@emuanalytics/maplibre-gl';
 import EventEmitter from 'eventemitter3';
 import { toStream } from 'mobx-utils';
@@ -15,7 +15,7 @@ import lzString from 'lz-string';
 import 'parsimmon';
 import 'colorbrewer';
 
-const version = "4.0.1";
+const version = "4.0.3";
 
 const CONSOLE_HIGHLIGHT_STYLE$1 = `
   padding: 2px 4px;
@@ -3081,6 +3081,34 @@ class StateStore {
     this.set(path, val);
     return val;
   }
+  bindControl(el, statePath, options) {
+    const toState = options?.toState ?? ((v) => v);
+    const fromState = options?.fromState ?? ((v) => v);
+    el.addEventListener("input", () => {
+      this.set(statePath, toState(el.value));
+    });
+    el.addEventListener("flow-ui-change", () => {
+      this.set(statePath, toState(el.value));
+    });
+    return this.toStream(statePath, true).subscribe((value) => {
+      if (value !== el.value) {
+        el.value = fromState(value);
+      }
+    });
+  }
+  bindElementProp(el, prop, statePath, options) {
+    const fromState = options?.fromState ?? ((v) => v);
+    return this.toStream(statePath, true).subscribe((value) => {
+      if (value !== el[prop]) {
+        el[prop] = fromState(value);
+      }
+    });
+  }
+  bindElementAttr(el, attr, statePath) {
+    return this.toStream(statePath, true).subscribe((value) => {
+      el.setAttribute(attr, value);
+    });
+  }
   toStream(path, fireImmediately = true) {
     this.checkInitialized();
     return toStream(() => this.get(path), fireImmediately);

package/dist/lib/map/plugins/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const mapFeatureStream = require('../../../shared/flow-rdf-core.9b5dad76.cjs');
+const mapFeatureStream = require('../../../shared/flow-rdf-core.06e85a6c.cjs');
 const MapboxDraw = require('@emuanalytics/mapbox-gl-draw');
 const turfArea = require('@turf/area');
 const turfBBox = require('@turf/bbox');

package/dist/lib/map/plugins/index.d.cts

@@ -1,5 +1,5 @@
-import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.dd931ace.cjs';
-export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.dd931ace.cjs';
+import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.4dde996e.cjs';
+export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.4dde996e.cjs';
 import { F as Func } from '../../../shared/flow-rdf-core.63162669.cjs';
 import EventEmitter from 'eventemitter3';
 import * as lit from 'lit-html';

package/dist/lib/map/plugins/index.d.mts

@@ -1,5 +1,5 @@
-import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.dd931ace.mjs';
-export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.dd931ace.mjs';
+import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.4dde996e.mjs';
+export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.4dde996e.mjs';
 import { F as Func } from '../../../shared/flow-rdf-core.63162669.mjs';
 import EventEmitter from 'eventemitter3';
 import * as lit from 'lit-html';

package/dist/lib/map/plugins/index.d.ts

@@ -1,5 +1,5 @@
-import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.dd931ace.js';
-export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.dd931ace.js';
+import { a8 as MapEvent, K as FlowCoreMap, I as MapSourceIdentifier, a9 as MapFeatureId, aa as MapPluginBase, ab as PluginManager, ac as MapSourceEvent, ad as MapMouseEvent, ae as MapFeatureStream, af as PartialBy, x as MapAnimationOptions, ag as MapStyleChangeEvent, M as MapStyleSpecification, S as StateStore, E as MapFeatureIdentifier, z as MapFeature } from '../../../shared/flow-rdf-core.4dde996e.js';
+export { ak as EventHandlers, aj as PluginConstructor, ai as PluginEventsType, ah as PluginOptionsType } from '../../../shared/flow-rdf-core.4dde996e.js';
 import { F as Func } from '../../../shared/flow-rdf-core.63162669.js';
 import EventEmitter from 'eventemitter3';
 import * as lit from 'lit-html';

package/dist/lib/map/plugins/index.mjs

@@ -1,5 +1,5 @@
-import { M as MapEvent, a as assert, b as MapFeatureStream, F as FlowError, c as FlowMapError, d as MapDataSource, e as MapLayer, R as ReactiveExpression } from '../../../shared/flow-rdf-core.e2b1bb7f.mjs';
-export { P as PluginManager } from '../../../shared/flow-rdf-core.e2b1bb7f.mjs';
+import { M as MapEvent, a as assert, b as MapFeatureStream, F as FlowError, c as FlowMapError, d as MapDataSource, e as MapLayer, R as ReactiveExpression } from '../../../shared/flow-rdf-core.65045caf.mjs';
+export { P as PluginManager } from '../../../shared/flow-rdf-core.65045caf.mjs';
 import MapboxDraw from '@emuanalytics/mapbox-gl-draw';
 import turfArea from '@turf/area';
 import turfBBox from '@turf/bbox';

package/dist/shared/{flow-rdf-core.9b5dad76.cjs → flow-rdf-core.06e85a6c.cjs}

@@ -279,7 +279,7 @@ class ExpressionParser {
 const palettes = {};
 function registerColorBrewerPalettes() {
   Object.keys(colorbrewer__default).filter((key) => key !== "schemeGroups").forEach(
-    (key) => palettes[key] = {
+    (key) => palettes[key.toLowerCase()] = {
       id: key,
       colors: colorbrewer__default[key][5]
     }
@@ -291,16 +291,20 @@ function fromPalette(expr, parentExpression) {
   let colorStops = expr.slice(3);
   let palette;
   if (randomId.isString(paletteIdOrArray)) {
-    palette = palettes[paletteIdOrArray]?.colors || palettes["Greys"].colors;
+    palette = palettes[paletteIdOrArray.toLowerCase()]?.colors || palettes["Greys"].colors;
   } else if (randomId.isArray(paletteIdOrArray) && paletteIdOrArray[0] === "literal") {
     palette = paletteIdOrArray[1];
   } else {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["from-palette requires palette id as string or custom palette array"]);
+    throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+      "from-palette requires palette id as string or custom palette array"
+    ]);
   }
   const numPaletteEntries = palette.length;
   let reversePalette = false;
   if (numPaletteEntries < 5) {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["custom palette requires at least 5 color entries"]);
+    throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+      "custom palette requires at least 5 color entries"
+    ]);
   }
   switch (colorStops.length) {
     case 2:
@@ -316,7 +320,9 @@ function fromPalette(expr, parentExpression) {
       colorStops = colorStops.slice(0, numPaletteEntries);
       break;
     default:
-      throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["incorrect color stop arguments"]);
+      throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+        "incorrect color stop arguments"
+      ]);
   }
   if (colorStops.length === 2) {
     const min = colorStops[0];
@@ -366,7 +372,10 @@ const regexi = {
 
 function stateCustomFunction(expr, parentExpression) {
   if (!parentExpression.store) {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["no state store provided"]);
+    console.warn(
+      `The reactive expression '${parentExpression.expression}' references state properties but is not bound to a state store. The expression cannot be evaluated - returning null.`
+    );
+    return null;
   }
   const path = expr.slice(1).join(".");
   const val = parentExpression.store.get(path);

package/dist/shared/{flow-rdf-core.dd931ace.d.cts → flow-rdf-core.4dde996e.d.cts}

@@ -1,5 +1,5 @@
 import { Client } from '@emuanalytics/flow-engine-client';
-import { IObservableStream, IDisposer, ISubscription } from 'mobx-utils';
+import { ISubscription, IObservableStream, IDisposer } from 'mobx-utils';
 import { MapLibreEvent, MapMouseEvent as MapMouseEvent$1, MapOptions as MapOptions$1, Map } from '@emuanalytics/maplibre-gl';
 import EventEmitter$1, { EventEmitter } from 'eventemitter3';
 
@@ -34,6 +34,16 @@ declare class StateStore {
     toggle<P extends Path<this, StateStore>>(path: P): boolean;
     increment<P extends Path<this, StateStore>>(path: P): number;
     decrement<P extends Path<this, StateStore>>(path: P): number;
+    bindControl<TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>, TElementValue, TElement extends HTMLElement & {
+        value: TElementValue;
+    }>(el: TElement, statePath: TStatePath, options?: {
+        toState?: (value: TElementValue) => TStateValue;
+        fromState?: (value: TStateValue) => TElementValue;
+    }): ISubscription;
+    bindElementProp<TElementProp extends keyof TElement, TElement extends HTMLElement, TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>>(el: TElement, prop: TElementProp, statePath: TStatePath, options?: {
+        fromState?: (value: TStateValue) => TElement[TElementProp];
+    }): ISubscription;
+    bindElementAttr<TElement extends HTMLElement, P extends Path<this, StateStore>>(el: TElement, attr: string, statePath: P): ISubscription;
     toStream<P extends Path<this, StateStore>>(path: P, fireImmediately?: boolean): IObservableStream<PathValue<this, P, StateStore>>;
     autorun(autorunFn: (state: this) => void, name?: string): IDisposer;
     initialize(annotations?: StoreAnnotations<this>): void;

package/dist/shared/{flow-rdf-core.dd931ace.d.mts → flow-rdf-core.4dde996e.d.mts}

@@ -1,5 +1,5 @@
 import { Client } from '@emuanalytics/flow-engine-client';
-import { IObservableStream, IDisposer, ISubscription } from 'mobx-utils';
+import { ISubscription, IObservableStream, IDisposer } from 'mobx-utils';
 import { MapLibreEvent, MapMouseEvent as MapMouseEvent$1, MapOptions as MapOptions$1, Map } from '@emuanalytics/maplibre-gl';
 import EventEmitter$1, { EventEmitter } from 'eventemitter3';
 
@@ -34,6 +34,16 @@ declare class StateStore {
     toggle<P extends Path<this, StateStore>>(path: P): boolean;
     increment<P extends Path<this, StateStore>>(path: P): number;
     decrement<P extends Path<this, StateStore>>(path: P): number;
+    bindControl<TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>, TElementValue, TElement extends HTMLElement & {
+        value: TElementValue;
+    }>(el: TElement, statePath: TStatePath, options?: {
+        toState?: (value: TElementValue) => TStateValue;
+        fromState?: (value: TStateValue) => TElementValue;
+    }): ISubscription;
+    bindElementProp<TElementProp extends keyof TElement, TElement extends HTMLElement, TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>>(el: TElement, prop: TElementProp, statePath: TStatePath, options?: {
+        fromState?: (value: TStateValue) => TElement[TElementProp];
+    }): ISubscription;
+    bindElementAttr<TElement extends HTMLElement, P extends Path<this, StateStore>>(el: TElement, attr: string, statePath: P): ISubscription;
     toStream<P extends Path<this, StateStore>>(path: P, fireImmediately?: boolean): IObservableStream<PathValue<this, P, StateStore>>;
     autorun(autorunFn: (state: this) => void, name?: string): IDisposer;
     initialize(annotations?: StoreAnnotations<this>): void;

package/dist/shared/{flow-rdf-core.dd931ace.d.ts → flow-rdf-core.4dde996e.d.ts}

@@ -1,5 +1,5 @@
 import { Client } from '@emuanalytics/flow-engine-client';
-import { IObservableStream, IDisposer, ISubscription } from 'mobx-utils';
+import { ISubscription, IObservableStream, IDisposer } from 'mobx-utils';
 import { MapLibreEvent, MapMouseEvent as MapMouseEvent$1, MapOptions as MapOptions$1, Map } from '@emuanalytics/maplibre-gl';
 import EventEmitter$1, { EventEmitter } from 'eventemitter3';
 
@@ -34,6 +34,16 @@ declare class StateStore {
     toggle<P extends Path<this, StateStore>>(path: P): boolean;
     increment<P extends Path<this, StateStore>>(path: P): number;
     decrement<P extends Path<this, StateStore>>(path: P): number;
+    bindControl<TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>, TElementValue, TElement extends HTMLElement & {
+        value: TElementValue;
+    }>(el: TElement, statePath: TStatePath, options?: {
+        toState?: (value: TElementValue) => TStateValue;
+        fromState?: (value: TStateValue) => TElementValue;
+    }): ISubscription;
+    bindElementProp<TElementProp extends keyof TElement, TElement extends HTMLElement, TStatePath extends Path<this, StateStore>, TStateValue extends PathValue<this, TStatePath, StateStore>>(el: TElement, prop: TElementProp, statePath: TStatePath, options?: {
+        fromState?: (value: TStateValue) => TElement[TElementProp];
+    }): ISubscription;
+    bindElementAttr<TElement extends HTMLElement, P extends Path<this, StateStore>>(el: TElement, attr: string, statePath: P): ISubscription;
     toStream<P extends Path<this, StateStore>>(path: P, fireImmediately?: boolean): IObservableStream<PathValue<this, P, StateStore>>;
     autorun(autorunFn: (state: this) => void, name?: string): IDisposer;
     initialize(annotations?: StoreAnnotations<this>): void;

package/dist/shared/{flow-rdf-core.e2b1bb7f.mjs → flow-rdf-core.65045caf.mjs}

@@ -258,7 +258,7 @@ class ExpressionParser {
 const palettes = {};
 function registerColorBrewerPalettes() {
   Object.keys(colorbrewer).filter((key) => key !== "schemeGroups").forEach(
-    (key) => palettes[key] = {
+    (key) => palettes[key.toLowerCase()] = {
       id: key,
       colors: colorbrewer[key][5]
     }
@@ -270,16 +270,20 @@ function fromPalette(expr, parentExpression) {
   let colorStops = expr.slice(3);
   let palette;
   if (isString(paletteIdOrArray)) {
-    palette = palettes[paletteIdOrArray]?.colors || palettes["Greys"].colors;
+    palette = palettes[paletteIdOrArray.toLowerCase()]?.colors || palettes["Greys"].colors;
   } else if (isArray(paletteIdOrArray) && paletteIdOrArray[0] === "literal") {
     palette = paletteIdOrArray[1];
   } else {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["from-palette requires palette id as string or custom palette array"]);
+    throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+      "from-palette requires palette id as string or custom palette array"
+    ]);
   }
   const numPaletteEntries = palette.length;
   let reversePalette = false;
   if (numPaletteEntries < 5) {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["custom palette requires at least 5 color entries"]);
+    throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+      "custom palette requires at least 5 color entries"
+    ]);
   }
   switch (colorStops.length) {
     case 2:
@@ -295,7 +299,9 @@ function fromPalette(expr, parentExpression) {
       colorStops = colorStops.slice(0, numPaletteEntries);
       break;
     default:
-      throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["incorrect color stop arguments"]);
+      throw new FlowExpressionError(parentExpression.expression, "evaluationError", [
+        "incorrect color stop arguments"
+      ]);
   }
   if (colorStops.length === 2) {
     const min = colorStops[0];
@@ -345,7 +351,10 @@ const regexi = {
 
 function stateCustomFunction(expr, parentExpression) {
   if (!parentExpression.store) {
-    throw new FlowExpressionError(parentExpression.expression, "evaluationError", ["no state store provided"]);
+    console.warn(
+      `The reactive expression '${parentExpression.expression}' references state properties but is not bound to a state store. The expression cannot be evaluated - returning null.`
+    );
+    return null;
   }
   const path = expr.slice(1).join(".");
   const val = parentExpression.store.get(path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@emuanalytics/flow-rdf-core",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "",
   "sideEffects": false,
   "type": "module",