@emuanalytics/flow-rdf-core 4.0.1 → 4.0.2

package/dist/index.cjs

@@ -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.2";
 
 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

@@ -15,7 +15,7 @@ import lzString from 'lz-string';
 import 'parsimmon';
 import 'colorbrewer';
 
-const version = "4.0.1";
+const version = "4.0.2";
 
 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.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/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/package.json

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