@twobirds/microcomponents 0.2.0 → 0.2.2

package/dist/state/formValues.d.ts

@@ -1,70 +1,115 @@
 /**
- * @module Form Values
- *
- * This module exports a single function {@link formValues} that traverses a DOM element
- * (usually an HTMLFormElement), collecting all input fields and creating a two-way bound
- * observable inside the target object:
- * - When input values change, the observable object updates accordingly.
- * - When the observable property values change, the input field values update in the DOM.
- *
- * **Prerequisites:**
- * - Input fields must have a `name` attribute.
- * - Names must be unique within the form.
- *
- * @example
- * ```ts
- * import { DC } from '@twobirds/microcomponents';
- * import { formValues } from '@twobirds/microcomponents/formValues';
- *
- * class MyMC extends DC {
- *   constructor(target: HTMLElement) {
- *     super(target);
- *     this.target.innerHTML = '<form><input name="textinput" value="" /></form>';
- *
- *     // link the form property to the DOM input fields
- *     formValues(this, 'form', this.target);
- *
- *     // changing the form property updates the DOM automatically
- *     this.form.textinput = 'Hello world!';
- *   }
- * }
- * ```
- */
+Two-way binding between DOM form controls (`input`, `select`, `textarea`) and an observable
+object property. Reads reflect live DOM values; writes update the controls synchronously.
+Most likely you will only need the the first variant mentioned in the examples below.
+
+@module Form Values
+
+@example Plugin — chainable instance method on DC components
+```ts
+import { DC, defineCE, formValuePlugin } from '@twobirds/microcomponents';
+
+formValuePlugin(DC);
+
+class CheckoutForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        this
+            .formValues(this.target, 'formData')
+            .subscribe('formData', (data) => console.log(data))
+            .bind('formData', this.target);
+    }
+}
+
+defineCE('checkout-form', CheckoutForm);
+```
+
+@example Standalone function — bind a plain object to a form in the DOM
+```ts
+import { formValues } from '@twobirds/microcomponents/formValues';
+
+const state = {};
+formValues(state, 'formData', document.getElementById('myForm'));
+console.log(state.formData.username); // reads <input name="username"> value
+state.formData.role = 'admin';        // writes back to the <select> control
+```
+*/
 /**
- * Attaches a form-values observable to a target object property, allowing two-way binding
- * between the DOM form controls and the object's state.
- *
- * @param targetObject - The object to which the form values will be attached as an observable.
- * @param propertyName - The name of the property on the target object that will hold the form data.
- * @param dom - The DOM element or shadow root (typically a form) whose inputs should be observed and bound.
- *
- * @example
- * ```html
- * <form id="myForm">
- *   <input type="text" name="username" value="">
- *   <select name="role"><option value="admin">Admin</option><option value="user">User</option></select>
- *   <textarea name="bio"></textarea>
- *   <input type="checkbox" name="active">
- *   <input type="radio" name="gender" value="male"> Male
- *   <input type="radio" name="gender" value="female"> Female
- * </form>
- * ```
- *
- * ```ts
- * import { formValues } from '@twobirds/microcomponents/formValues';
- *
- * const state = {};
- * formValues(state, 'formData', document.getElementById('myForm'));
- *
- * // Read values from the form
- * console.log(state.formData.username);  // string
- * console.log(state.formData.role);      // "admin" or "user"
- * console.log(state.formData.active);    // boolean
- *
- * // Write values to the form (updates DOM automatically)
- * state.formData.username = 'john_doe';
- * state.formData.gender = 'male';
- * ```
- */
+Attaches a form-values observable to a target object property, enabling two-way binding
+between DOM form controls and the object's state.
+
+Scans the given DOM subtree for `input`, `select`, and `textarea` elements with a `name`
+attribute and creates live getters/setters on the resulting observable. Input events trigger
+automatic notifications so subscribers react to user changes.
+
+@param targetObject - The object that will receive the form-data property.
+@param propertyName - The property name under which the bound form data is stored.
+@param dom - HTMLElement or ShadowRoot containing the form controls.
+
+@example Bind a plain object to an HTML form element
+```ts
+import { formValues } from '@twobirds/microcomponents/formValues';
+
+const state = {};
+formValues(state, 'formData', document.getElementById('myForm'));
+console.log(state.formData.username); // reads <input name="username"> value
+state.formData.role = 'admin';        // writes back to the <select> control
+```
+
+@example Subscribe to form changes inside a component
+```ts
+import { DC, defineCE, formValues } from '@twobirds/microcomponents';
+
+class MyForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        formValues(this, 'formData', this.target);
+        this.formData.subscribe((data) => console.log('form changed:', data));
+    }
+}
+
+defineCE('my-form', MyForm);
+```
+*/
 export declare function formValues<T extends object>(targetObject: T, propertyName: keyof T & string, dom: HTMLElement | ShadowRoot): void;
+/**
+Attaches a convenience method `formValues()` to the prototype of a microcomponent class so that
+form controls can be bound directly on the instance without importing the standalone function.
+
+This plugin also pulls in all observable methods from {@link observePlugin} — `notify()`,
+`subscribe()`, and `bind()` — so you can chain them fluently after binding form data.
+
+Call it once at module level before defining any component classes. The plugin is idempotent —
+subsequent calls are no-ops.
+
+@param Class - A constructor function whose prototype chain includes {@link McBase}.
+
+@example
+```ts
+import { DC, defineCE, formValuePlugin } from '@twobirds/microcomponents';
+
+formValuePlugin(DC);
+
+class CheckoutForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        this
+            .formValues(this.target, 'formData')
+            .subscribe('formData', (data) => console.log(data))
+            .bind('formData', this.target);
+    }
+}
+
+defineCE('checkout-form', CheckoutForm);
+```
+*/
+export declare function formValuePlugin(Class: any): void;
+declare module '../core/MC' {
+    interface McBase<TTarget extends object = object> {
+        formValues(target: object, propName: string): this;
+    }
+}
 //# sourceMappingURL=formValues.d.ts.map

package/dist/state/formValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formValues.d.ts","sourceRoot":"","sources":["../../src/state/formValues.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AA4SH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAC1C,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,MAAM,CAAC,GAAG,MAAM,EAC9B,GAAG,EAAE,WAAW,GAAG,UAAU,QAuB7B"}
+{"version":3,"file":"formValues.d.ts","sourceRoot":"","sources":["../../src/state/formValues.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCE;AA8SF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCE;AACF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,EAC1C,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,MAAM,CAAC,GAAG,MAAM,EAC9B,GAAG,EAAE,WAAW,GAAG,UAAU,QAuB7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BE;AACF,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,QA2BzC;AAED,OAAO,QAAQ,YAAY,CAAC;IAC3B,UAAiB,MAAM,CAAC,OAAO,SAAS,MAAM,GAAG,MAAM;QACtD,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;KACnD;CACD"}

package/dist/state/formValues.js

@@ -1,38 +1,44 @@
 /**
- * @module Form Values
- *
- * This module exports a single function {@link formValues} that traverses a DOM element
- * (usually an HTMLFormElement), collecting all input fields and creating a two-way bound
- * observable inside the target object:
- * - When input values change, the observable object updates accordingly.
- * - When the observable property values change, the input field values update in the DOM.
- *
- * **Prerequisites:**
- * - Input fields must have a `name` attribute.
- * - Names must be unique within the form.
- *
- * @example
- * ```ts
- * import { DC } from '@twobirds/microcomponents';
- * import { formValues } from '@twobirds/microcomponents/formValues';
- *
- * class MyMC extends DC {
- *   constructor(target: HTMLElement) {
- *     super(target);
- *     this.target.innerHTML = '<form><input name="textinput" value="" /></form>';
- *
- *     // link the form property to the DOM input fields
- *     formValues(this, 'form', this.target);
- *
- *     // changing the form property updates the DOM automatically
- *     this.form.textinput = 'Hello world!';
- *   }
- * }
- * ```
- */
+Two-way binding between DOM form controls (`input`, `select`, `textarea`) and an observable
+object property. Reads reflect live DOM values; writes update the controls synchronously.
+Most likely you will only need the the first variant mentioned in the examples below.
+
+@module Form Values
+
+@example Plugin — chainable instance method on DC components
+```ts
+import { DC, defineCE, formValuePlugin } from '@twobirds/microcomponents';
+
+formValuePlugin(DC);
+
+class CheckoutForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        this
+            .formValues(this.target, 'formData')
+            .subscribe('formData', (data) => console.log(data))
+            .bind('formData', this.target);
+    }
+}
+
+defineCE('checkout-form', CheckoutForm);
+```
+
+@example Standalone function — bind a plain object to a form in the DOM
+```ts
+import { formValues } from '@twobirds/microcomponents/formValues';
+
+const state = {};
+formValues(state, 'formData', document.getElementById('myForm'));
+console.log(state.formData.username); // reads <input name="username"> value
+state.formData.role = 'admin';        // writes back to the <select> control
+```
+*/
 import { DC } from '../core/MC.js';
 import { copyGettersSetters, isBrowser } from '../utils/helpers.js';
-import { observe } from './observables.js';
+import { observe, observePlugin } from './observables.js';
+observePlugin(DC);
 /**
 Extracts the lowercase tag name of an element (e.g., 'input', 'select', 'textarea').
 @param inputElement - The HTML element to extract the tag name from.
@@ -177,7 +183,7 @@ class SelectHandler extends InputBase {
             .forEach((o) => {
             ret.push(o.value);
         });
-        return this.#multi ? ret.join(',') : ret[0];
+        return this.#multi ? ret : ret[0];
     }
     /**
      * Sets the selected option(s) by value.
@@ -279,41 +285,43 @@ const getInputHandlers = (e) => {
     return handlers;
 };
 /**
- * Attaches a form-values observable to a target object property, allowing two-way binding
- * between the DOM form controls and the object's state.
- *
- * @param targetObject - The object to which the form values will be attached as an observable.
- * @param propertyName - The name of the property on the target object that will hold the form data.
- * @param dom - The DOM element or shadow root (typically a form) whose inputs should be observed and bound.
- *
- * @example
- * ```html
- * <form id="myForm">
- *   <input type="text" name="username" value="">
- *   <select name="role"><option value="admin">Admin</option><option value="user">User</option></select>
- *   <textarea name="bio"></textarea>
- *   <input type="checkbox" name="active">
- *   <input type="radio" name="gender" value="male"> Male
- *   <input type="radio" name="gender" value="female"> Female
- * </form>
- * ```
- *
- * ```ts
- * import { formValues } from '@twobirds/microcomponents/formValues';
- *
- * const state = {};
- * formValues(state, 'formData', document.getElementById('myForm'));
- *
- * // Read values from the form
- * console.log(state.formData.username);  // string
- * console.log(state.formData.role);      // "admin" or "user"
- * console.log(state.formData.active);    // boolean
- *
- * // Write values to the form (updates DOM automatically)
- * state.formData.username = 'john_doe';
- * state.formData.gender = 'male';
- * ```
- */
+Attaches a form-values observable to a target object property, enabling two-way binding
+between DOM form controls and the object's state.
+
+Scans the given DOM subtree for `input`, `select`, and `textarea` elements with a `name`
+attribute and creates live getters/setters on the resulting observable. Input events trigger
+automatic notifications so subscribers react to user changes.
+
+@param targetObject - The object that will receive the form-data property.
+@param propertyName - The property name under which the bound form data is stored.
+@param dom - HTMLElement or ShadowRoot containing the form controls.
+
+@example Bind a plain object to an HTML form element
+```ts
+import { formValues } from '@twobirds/microcomponents/formValues';
+
+const state = {};
+formValues(state, 'formData', document.getElementById('myForm'));
+console.log(state.formData.username); // reads <input name="username"> value
+state.formData.role = 'admin';        // writes back to the <select> control
+```
+
+@example Subscribe to form changes inside a component
+```ts
+import { DC, defineCE, formValues } from '@twobirds/microcomponents';
+
+class MyForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        formValues(this, 'formData', this.target);
+        this.formData.subscribe((data) => console.log('form changed:', data));
+    }
+}
+
+defineCE('my-form', MyForm);
+```
+*/
 export function formValues(targetObject, propertyName, dom) {
     /* v8 ignore next */
     if (!isBrowser())
@@ -332,3 +340,59 @@ export function formValues(targetObject, propertyName, dom) {
         });
     });
 }
+/**
+Attaches a convenience method `formValues()` to the prototype of a microcomponent class so that
+form controls can be bound directly on the instance without importing the standalone function.
+
+This plugin also pulls in all observable methods from {@link observePlugin} — `notify()`,
+`subscribe()`, and `bind()` — so you can chain them fluently after binding form data.
+
+Call it once at module level before defining any component classes. The plugin is idempotent —
+subsequent calls are no-ops.
+
+@param Class - A constructor function whose prototype chain includes {@link McBase}.
+
+@example
+```ts
+import { DC, defineCE, formValuePlugin } from '@twobirds/microcomponents';
+
+formValuePlugin(DC);
+
+class CheckoutForm extends DC {
+    static assets = ['targetHtml'];
+
+    oneAssets() {
+        this
+            .formValues(this.target, 'formData')
+            .subscribe('formData', (data) => console.log(data))
+            .bind('formData', this.target);
+    }
+}
+
+defineCE('checkout-form', CheckoutForm);
+```
+*/
+export function formValuePlugin(Class) {
+    const McBaseProto = Object.getPrototypeOf(Class.prototype);
+    if (!Object.hasOwn(McBaseProto, 'formValues')) {
+        Object.assign(McBaseProto, {
+            /**
+* Bind all named form controls inside a DOM subtree to an observable property on this instance.
+* Ensures the property becomes observable and stays in sync with input changes.
+* @param target - HTMLElement or ShadowRoot containing the form controls.
+* @param propName - The name of the property that will hold the bound form data.
+* @returns This instance for chaining.
+
+@example
+```ts
+this.formValues(this.target, 'formData');
+// now this.formData.username reflects <input name="username"> live
+```
+            */
+            formValues: function (target, propName) {
+                formValues(this, propName, target);
+                return this; // chainable
+            },
+        });
+    }
+}

package/dist/state/observables.d.ts

@@ -1,104 +1,57 @@
 /**
-@module Observables
-
-
-This module provides reactive data binding capabilities using observables,
-enabling automatic DOM updates when underlying data changes.
-
-## Overview
-
-The observable system allows you to make object properties "observable" so that
-registered callbacks are automatically invoked whenever those properties change.
-It's particularly designed for reactive templating and binding data to HTML elements.
-It can also handle simple object properties like strings, boolean and numbers.
-
-## How `observe()` Works
+Reactive data binding via observables — object properties trigger callbacks and update
+DOM placeholders automatically when their values change. Supports primitives, nested objects,
+and deep-change detection with debounced notifications. Most likely you will only need the first
+variant of the examples below
 
-The main function is {@link observe}, which takes an object and makes its properties
-or a specific property observable.
-
-### Simple properties
+@module Observables
 
-javascript
-```js
-let person = { name: "John", count: 0 };
+@example Plugin — chainable instance methods on DC components
+```ts
+import { DC, defineCE, observePlugin } from '@twobirds/microcomponents';
 
-observe( person ); // all properties inside are now observables
+observePlugin(DC);
 
-person.name.subscribe( (name) => {
-  console.log("Name changed:", name);
-});
+class Counter extends DC {
+    data = { clicks: 1 };
 
-person.count.subscribe( (count) => {
-  console.log("Count changed:", count);
-});
+    oneAssets() {
+        this
+        .subscribe('data', (v) => console.log('data →', v))
+        .bind('data', this.target);
+    }
+}
 
-person.name = "Jane";  // > Name changed: Jane
-person.count += 10;    // > Count changed: 10
+defineCE('mc-counter', Counter);
 ```
 
-### Deep Change Detection
-
-This means that if you modify any of the properties inside an observed object -> all callbacks are triggered.
-
-javascript
-```js
-let obj = { data: { name: "John", count: 0 } };
-
-observe( obj, 'data' ); // make the data property observable
-
-obj.data.subscribe( (data) => {
-  console.log("Data changed:", data);
-});
+@example Basic observe + subscribe on a plain object
+```ts
+import { observe } from '@twobirds/microcomponents';
 
-obj.data.name = "Jane"; // > { data: { name: "Jane", count: 0 } }
-obj.data.count += 10;   // > { data: { name: "Jane", count: 10 } }
+const state = observe({ count: 0, label: 'hi' });
+state.count.subscribe((v) => console.log('count is now', v));
+state.count++; // triggers the callback
 ```
 
-### Debounced Notifications
-
-To prevent excessive updates, notifications are debounced briefly:
+@example Deep change detection on a nested property
+```ts
+import { observe } from '@twobirds/microcomponents';
 
-javascript
-```js
-let obj = observe({ value: 1 });
-for (let i = 0; i < 100; i++) {
-  obj.value++; // Only triggers one callback after all changes complete
-}
+const state = observe({ data: { name: 'John', age: 30 } });
+state.data.subscribe((d) => console.log('data changed:', d));
+state.data.name = 'Jane'; // triggers callback with updated object
 ```
 
-## DOM Binding with Placeholders
-
-The observables integrate tightly with placeholder-based templating:
-
-- Elements with `{placeholder}` syntax are scanned for observable data.
-- When observed data changes, matching placeholders in the DOM are updated automatically.
-
-@example
+@example DOM binding — placeholder tokens update live
+```ts
+import { observe } from '@twobirds/microcomponents';
 
-HTML
-```html
-<div class="model {visibility}">
-  Hello {name}! You have {count} messages.
-</div>
+const state = observe({ user: { name: 'Alice', count: 0 } });
+state.user.bind(document.querySelector('.model'));
+// <span>{user.name}</span> updates automatically when state.user.name changes
 ```
 
-Javascript
-```js
-const div = document.querySelector('.model');
-
-const model = observe({
-  data: { name: "Alice", count: 0 },
-  visibility: ''
-});
-
-if (div) {
-  model.data.bind( div );
-}
-
-model.data.count++; // Automatically updates the DOM with new count value
-model.visibility = 'hidden'; // adds the hidden class to the DOM element
-```
 */
 /**
 A callback invoked with the current observable value when notified.
@@ -273,4 +226,36 @@ state.count = 5; // plain assignment — the declared setter type permits it
 export declare function observe<T extends object, K extends keyof T>(target: T, propertyName: K): ObservedKey<T, K>;
 export declare function observe<T extends object>(target: T): Observed<T>;
 export declare function observe<S extends object>(target: Unobserved<S>): S;
+/**
+Attaches convenience methods `notify()`, `subscribe()`, and `bind()` to the prototype of a
+microcomponent class so that observable properties can be controlled directly on the instance.
+
+All three methods return the component instance, so you can chain them fluently.
+
+Call it once at module level before defining any component classes. The plugin is idempotent —
+subsequent calls are no-ops.
+
+@param Class - A constructor function whose prototype chain includes {@link McBase}.
+
+@example
+```ts
+class Counter extends DC {
+    data = { clicks: 1 };
+
+    oneAssets() {
+        this
+        .subscribe('data', (v) => console.log('data →', v))
+        .bind('data', this.target);
+    }
+}
+```
+*/
+export declare function observePlugin(Class: any): void;
+declare module '../core/MC' {
+    interface McBase<TTarget extends object = object> {
+        notify(propName: string): this;
+        subscribe(propName: string, callback: Function): this;
+        bind(propName: string, target: HTMLElement | ShadowRoot): this;
+    }
+}
 //# sourceMappingURL=observables.d.ts.map

package/dist/state/observables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"observables.d.ts","sourceRoot":"","sources":["../../src/state/observables.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGE;AAiBF;;;;;;;;EAQE;AACF,MAAM,MAAM,QAAQ,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;AAEvD;;;;;;;;;;;;EAYE;AACF,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,GAAG;IACzC,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAChD,WAAW,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACxC,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;IACzE,cAAc;IACd,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC3B,CAAC;AAwNF;;;;;;;;;;;;;;;;;;;;;;;;;EAyBE;AACF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAE/D;;;;;;;;;EASE;AACF,MAAM,MAAM,WAAW,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI;KAC9C,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;EAqBE;AACF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAA;KAAE,GACpF,CAAC,GACD,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAKF;;;;;;;;;;EAUE;AACF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAMzD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDE;AAEF,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,EAC1D,MAAM,EAAE,CAAC,EACT,YAAY,EAAE,CAAC,GACb,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACrB,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AAClE,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"observables.d.ts","sourceRoot":"","sources":["../../src/state/observables.ts"],"names":[],"mappings":"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"}