@runopencode/rx-stencil 0.4.1 → 0.4.3

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.3.0",
-    "typescriptVersion": "5.1.6"
+    "version": "4.43.1",
+    "typescriptVersion": "5.8.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/async/async.css

@@ -0,0 +1,3 @@
+:host {
+  display: inline-block;
+}

package/dist/collection/components/async/async.js

@@ -2,66 +2,67 @@ import { h, Host, } from "@stencil/core";
 import { from, isObservable, of, switchMap, } from "rxjs";
 import { propertyObservable, setProperty, } from "../../rx";
 export class Async {
-  constructor() {
-    this._value = null;
-    this.value = null;
-  }
-  connectedCallback() {
-    propertyObservable(this, 'value').pipe(switchMap((value) => {
-      if (isObservable(value)) {
-        return value;
-      }
-      if (value instanceof Promise) {
-        return from(value);
-      }
-      return of(value);
-    })).subscribe(setProperty(this, '_value', {
-      scheduleRender: true,
-      nextTick: false,
-    }));
-  }
-  disconnectedCallback() {
-    // noop
-  }
-  render() {
-    return (h(Host, null, this._value));
-  }
-  static get is() { return "rx-async"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["async.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["async.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "AsyncValue",
-          "resolved": "Observable<unknown> | Promise<unknown>",
-          "references": {
-            "AsyncValue": {
-              "location": "local",
-              "path": "/Users/thecelavi/Sites/RunOpenCode/stencil-libs/rx-stencil/src/components/async/async.tsx",
-              "id": "src/components/async/async.tsx::AsyncValue"
+    constructor() {
+        this.value = null;
+        this._value = null;
+    }
+    connectedCallback() {
+        propertyObservable(this, 'value').pipe(switchMap((value) => {
+            if (isObservable(value)) {
+                return value;
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "null"
-      }
-    };
-  }
+            if (value instanceof Promise) {
+                return from(value);
+            }
+            return of(value);
+        })).subscribe(setProperty(this, '_value', {
+            scheduleRender: true,
+            nextTick: false,
+        }));
+    }
+    disconnectedCallback() {
+        // noop
+    }
+    render() {
+        return (h(Host, { key: '83bc02eb1171d43e61d25232a0bc1ad024294e68' }, this._value));
+    }
+    static get is() { return "rx-async"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["async.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["async.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "value": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "AsyncValue",
+                    "resolved": "Observable<unknown> | Promise<unknown>",
+                    "references": {
+                        "AsyncValue": {
+                            "location": "local",
+                            "path": "/Users/thecelavi/Sites/RunOpenCode/stencil-libs/rx-stencil/src/components/async/async.tsx",
+                            "id": "src/components/async/async.tsx::AsyncValue"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            }
+        };
+    }
 }
-//# sourceMappingURL=async.js.map

package/dist/collection/index.js

@@ -1,3 +1,2 @@
 export * from './components';
 export * from './rx';
-//# sourceMappingURL=index.js.map

package/dist/collection/rx/decorator/index.js

@@ -1,3 +1,2 @@
 export { QuerySelector, } from './query-selector';
 export { QuerySelectorAll, } from './query-selector-all';
-//# sourceMappingURL=index.js.map

package/dist/collection/rx/decorator/query-selector-all.js

@@ -10,32 +10,31 @@ import { observeSubNodes } from "./query-selector";
  * set to null.
  */
 export function QuerySelectorAll(selector, options) {
-  return (target, property) => {
-    let descriptor = {
-      set: function () {
-        throw new Error(`Property "${property}" is read-only.`);
-      },
-      get: function () {
-        let observableProperty = `__rx__query_selector_all__observable__shadow_root__${(options === null || options === void 0 ? void 0 : options.shadowRoot) ? 'yes' : 'no'}__mutation_observer__${(options === null || options === void 0 ? void 0 : options.mutationObserver) ? 'yes' : 'no'}__selector__${selector}__`;
-        if (!this[observableProperty]) {
-          let root = (options === null || options === void 0 ? void 0 : options.shadowRoot) ? getElement(this).shadowRoot : getElement(this);
-          let observable = (options === null || options === void 0 ? void 0 : options.mutationObserver) ? observeSubNodes(root) : renderObservable(this);
-          this[observableProperty] = observable.pipe(startWith(), map(() => Array.from(root.querySelectorAll(selector))), distinctUntilChanged((previous, current) => {
-            if (previous.length !== current.length) {
-              return false;
-            }
-            for (let i = 0; i < previous.length; i++) {
-              if (previous[i] !== current[i]) {
-                return false;
-              }
-            }
-            return true;
-          }), shareReplay(1));
-        }
-        return this[observableProperty];
-      },
+    return (target, property) => {
+        let descriptor = {
+            set: function () {
+                throw new Error(`Property "${property}" is read-only.`);
+            },
+            get: function () {
+                let observableProperty = `__rx__query_selector_all__observable__shadow_root__${(options === null || options === void 0 ? void 0 : options.shadowRoot) ? 'yes' : 'no'}__mutation_observer__${(options === null || options === void 0 ? void 0 : options.mutationObserver) ? 'yes' : 'no'}__selector__${selector}__`;
+                if (!this[observableProperty]) {
+                    let root = (options === null || options === void 0 ? void 0 : options.shadowRoot) ? getElement(this).shadowRoot : getElement(this);
+                    let observable = (options === null || options === void 0 ? void 0 : options.mutationObserver) ? observeSubNodes(root) : renderObservable(this);
+                    this[observableProperty] = observable.pipe(startWith(), map(() => Array.from(root.querySelectorAll(selector))), distinctUntilChanged((previous, current) => {
+                        if (previous.length !== current.length) {
+                            return false;
+                        }
+                        for (let i = 0; i < previous.length; i++) {
+                            if (previous[i] !== current[i]) {
+                                return false;
+                            }
+                        }
+                        return true;
+                    }), shareReplay(1));
+                }
+                return this[observableProperty];
+            },
+        };
+        Object.defineProperty(target, property, descriptor);
     };
-    Object.defineProperty(target, property, descriptor);
-  };
 }
-//# sourceMappingURL=query-selector-all.js.map

package/dist/collection/rx/decorator/query-selector.js

@@ -8,22 +8,22 @@ import { mutationObservable, renderObservable, } from "../observable";
  * {@internal}
  */
 export function observeSubNodes(target) {
-  return mutationObservable(target, {
-    subtree: true,
-    childList: true,
-  }).pipe(filter((records) => {
-    for (let i = 0; i < records.length; i++) {
-      if ('childList' !== records[i].type) {
-        continue;
-      }
-      if (records[i].addedNodes.length || records[i].removedNodes.length) {
-        return true;
-      }
-    }
-    return false;
-  }), map(() => {
-    /* noop */
-  }));
+    return mutationObservable(target, {
+        subtree: true,
+        childList: true,
+    }).pipe(filter((records) => {
+        for (let i = 0; i < records.length; i++) {
+            if ('childList' !== records[i].type) {
+                continue;
+            }
+            if (records[i].addedNodes.length || records[i].removedNodes.length) {
+                return true;
+            }
+        }
+        return false;
+    }), map(() => {
+        /* noop */
+    }));
 }
 /**
  * Property decorator inspired by Angular's @ViewChild/@ContentChild.
@@ -33,22 +33,21 @@ export function observeSubNodes(target) {
  * set to null.
  */
 export function QuerySelector(selector, options) {
-  return (target, property) => {
-    let descriptor = {
-      set: function () {
-        throw new Error(`Property "${property}" is read-only.`);
-      },
-      get: function () {
-        let observableProperty = `__rx__query_selector__observable__shadow_root__${(options === null || options === void 0 ? void 0 : options.shadowRoot) ? 'yes' : 'no'}__mutation_observer__${(options === null || options === void 0 ? void 0 : options.mutationObserver) ? 'yes' : 'no'}__selector__${selector}__`;
-        if (!this[observableProperty]) {
-          let root = (options === null || options === void 0 ? void 0 : options.shadowRoot) ? getElement(this).shadowRoot : getElement(this);
-          let observable = (options === null || options === void 0 ? void 0 : options.mutationObserver) ? observeSubNodes(root) : renderObservable(this);
-          this[observableProperty] = observable.pipe(startWith(), map(() => root.querySelector(selector)), distinctUntilChanged(), shareReplay(1));
-        }
-        return this[observableProperty];
-      },
+    return (target, property) => {
+        let descriptor = {
+            set: function () {
+                throw new Error(`Property "${property}" is read-only.`);
+            },
+            get: function () {
+                let observableProperty = `__rx__query_selector__observable__shadow_root__${(options === null || options === void 0 ? void 0 : options.shadowRoot) ? 'yes' : 'no'}__mutation_observer__${(options === null || options === void 0 ? void 0 : options.mutationObserver) ? 'yes' : 'no'}__selector__${selector}__`;
+                if (!this[observableProperty]) {
+                    let root = (options === null || options === void 0 ? void 0 : options.shadowRoot) ? getElement(this).shadowRoot : getElement(this);
+                    let observable = (options === null || options === void 0 ? void 0 : options.mutationObserver) ? observeSubNodes(root) : renderObservable(this);
+                    this[observableProperty] = observable.pipe(startWith(), map(() => root.querySelector(selector)), distinctUntilChanged(), shareReplay(1));
+                }
+                return this[observableProperty];
+            },
+        };
+        Object.defineProperty(target, property, descriptor);
     };
-    Object.defineProperty(target, property, descriptor);
-  };
 }
-//# sourceMappingURL=query-selector.js.map

package/dist/collection/rx/index.js

@@ -2,4 +2,3 @@ export * from './decorator';
 export * from './observable';
 export * from './operator';
 export * from './subscriber';
-//# sourceMappingURL=index.js.map

package/dist/collection/rx/observable/index.js

@@ -1,4 +1,4 @@
 export { mutationObservable } from './mutation-observable';
 export { propertyObservable } from './property-observable';
+export { propertiesObservable } from './properties-observable';
 export { renderObservable } from './render-observable';
-//# sourceMappingURL=index.js.map

package/dist/collection/rx/observable/mutation-observable.js

@@ -1,13 +1,12 @@
 import { Observable, } from "rxjs";
 export function mutationObservable(target, options) {
-  return new Observable((observer) => {
-    let mutation = new MutationObserver((mutations) => {
-      observer.next(mutations);
+    return new Observable((observer) => {
+        let mutation = new MutationObserver((mutations) => {
+            observer.next(mutations);
+        });
+        mutation.observe(target, options);
+        return () => {
+            mutation.disconnect();
+        };
     });
-    mutation.observe(target, options);
-    return () => {
-      mutation.disconnect();
-    };
-  });
 }
-//# sourceMappingURL=mutation-observable.js.map

package/dist/collection/rx/observable/properties-observable.js

@@ -0,0 +1,13 @@
+import { combineLatest, } from "rxjs";
+import { propertyObservable } from "./property-observable";
+/**
+ * Returns an observable that emits an array of values from the given properties.
+ */
+export function propertiesObservable(cmp, ...properties) {
+    if (0 === properties.length) {
+        throw new Error('At least one property must be specified.');
+    }
+    return combineLatest(properties.map((property) => {
+        return propertyObservable(cmp, property);
+    }));
+}

package/dist/collection/rx/observable/property-observable.js

@@ -4,25 +4,24 @@ import { getPropertyDescriptor } from "../../utils";
  * Returns an observable that emits property value when the component property value changes.
  */
 export function propertyObservable(cmp, property) {
-  let subjectProperty = `__rx__subject_for_property__${property}__`;
-  if (!cmp[subjectProperty]) {
-    let descriptor = getPropertyDescriptor(cmp, property);
-    let previousSetter = descriptor.set;
-    let previousGetter = descriptor.get;
-    // we have to invoke previous getter on component instance to get the current value
-    let currentValue = undefined !== previousGetter ? previousGetter.call(cmp) : descriptor.value;
-    let subject = new BehaviorSubject(currentValue);
-    descriptor.set = function (value) {
-      if (previousSetter) {
-        previousSetter.call(this, value);
-      }
-      subject.next(value);
-    };
-    Object.defineProperty(cmp, property, descriptor);
-    cmp[subjectProperty] = subject;
-  }
-  return cmp[subjectProperty]
-    .asObservable()
-    .pipe(distinctUntilChanged());
+    let subjectProperty = `__rx__subject_for_property__${property}__`;
+    if (!cmp[subjectProperty]) {
+        let descriptor = getPropertyDescriptor(cmp, property);
+        let previousSetter = descriptor.set;
+        let previousGetter = descriptor.get;
+        // we have to invoke previous getter on component instance to get the current value
+        let currentValue = undefined !== previousGetter ? previousGetter.call(cmp) : descriptor.value;
+        let subject = new BehaviorSubject(currentValue);
+        descriptor.set = function (value) {
+            if (previousSetter) {
+                previousSetter.call(this, value);
+            }
+            subject.next(value);
+        };
+        Object.defineProperty(cmp, property, descriptor);
+        cmp[subjectProperty] = subject;
+    }
+    return cmp[subjectProperty]
+        .asObservable()
+        .pipe(distinctUntilChanged());
 }
-//# sourceMappingURL=property-observable.js.map

package/dist/collection/rx/observable/render-observable.js

@@ -5,20 +5,19 @@ import { Observable, } from "rxjs";
  * microtask (next tick).
  */
 export function renderObservable(cmp) {
-  if ('function' !== typeof cmp.render) {
-    throw new Error('Component does not have a render function.');
-  }
-  return new Observable((subscriber) => {
-    let previousRender = cmp.render;
-    cmp.render = function () {
-      Promise.resolve().then(() => {
-        subscriber.next();
-      });
-      return previousRender.call(this);
-    };
-    return () => {
-      cmp.render = previousRender;
-    };
-  });
+    if ('function' !== typeof cmp.render) {
+        throw new Error('Component does not have a render function.');
+    }
+    return new Observable((subscriber) => {
+        let previousRender = cmp.render;
+        cmp.render = function () {
+            Promise.resolve().then(() => {
+                subscriber.next();
+            });
+            return previousRender.call(this);
+        };
+        return () => {
+            cmp.render = previousRender;
+        };
+    });
 }
-//# sourceMappingURL=render-observable.js.map

package/dist/collection/rx/operator/index.js

@@ -1,4 +1,3 @@
 export { scheduleRender } from './schedule-render';
 export { toProperty } from './to-property';
 export { untilDisconnected } from './until-disconnected';
-//# sourceMappingURL=index.js.map

package/dist/collection/rx/operator/schedule-render.js

@@ -10,14 +10,13 @@ import { tap, } from "rxjs";
  * can disable this behavior by passing `false` as second argument.
  */
 export function scheduleRender(cmp, nextTick = true) {
-  return (source) => {
-    return source.pipe(tap(() => {
-      if (!nextTick) {
-        forceUpdate(cmp);
-        return;
-      }
-      Promise.resolve().then(() => forceUpdate(cmp));
-    }));
-  };
+    return (source) => {
+        return source.pipe(tap(() => {
+            if (!nextTick) {
+                forceUpdate(cmp);
+                return;
+            }
+            Promise.resolve().then(() => forceUpdate(cmp));
+        }));
+    };
 }
-//# sourceMappingURL=schedule-render.js.map

package/dist/collection/rx/operator/to-property.js

@@ -7,13 +7,12 @@ import { getPropertyDescriptor } from "../../utils";
  * observable).
  */
 export function toProperty(cmp, property) {
-  // ensure that the property is defined on the component.
-  getPropertyDescriptor(cmp, property);
-  // @ts-ignore
-  return (source) => {
-    return source.pipe(tap((value) => {
-      cmp[property] = value;
-    }));
-  };
+    // ensure that the property is defined on the component.
+    getPropertyDescriptor(cmp, property);
+    // @ts-ignore
+    return (source) => {
+        return source.pipe(tap((value) => {
+            cmp[property] = value;
+        }));
+    };
 }
-//# sourceMappingURL=to-property.js.map

package/dist/collection/rx/operator/until-disconnected.js

@@ -17,18 +17,18 @@ let disconnectObservables = new WeakMap();
  * {@internal}
  */
 let createUsingDisconnectedCallback = function (cmp) {
-  let previousDisconnected = cmp.disconnectedCallback;
-  if (!previousDisconnected) {
-    throw new Error(`Component "${cmp.constructor.name}" does not have a "disconnectedCallback()" method defined.`);
-  }
-  let disconnectedSubject$ = new Subject();
-  cmp.disconnectedCallback = function () {
-    if (previousDisconnected) {
-      previousDisconnected.call(cmp);
+    let previousDisconnected = cmp.disconnectedCallback;
+    if (!previousDisconnected) {
+        throw new Error(`Component "${cmp.constructor.name}" does not have a "disconnectedCallback()" method defined.`);
     }
-    disconnectedSubject$.next();
-  };
-  return disconnectedSubject$.asObservable();
+    let disconnectedSubject$ = new Subject();
+    cmp.disconnectedCallback = function () {
+        if (previousDisconnected) {
+            previousDisconnected.call(cmp);
+        }
+        disconnectedSubject$.next();
+    };
+    return disconnectedSubject$.asObservable();
 };
 /**
  * Mutation observer is our next heuristic. We will monitor parent
@@ -40,32 +40,32 @@ let createUsingDisconnectedCallback = function (cmp) {
  * {@internal}
  */
 let createUsingMutationObserver = function (cmp) {
-  let element = getElement(cmp);
-  if (null === element.parentNode) {
-    throw new Error(`Component "${cmp.constructor.name}" is not within DOM.`);
-  }
-  return new Observable((observer) => {
-    let mutationObserver = new MutationObserver((mutations) => {
-      mutations.forEach((record) => {
-        for (let node of Array.from(record.removedNodes)) {
-          if (node !== element) {
-            continue;
-          }
-          observer.next();
-          observer.complete();
-        }
-      });
-    });
-    mutationObserver.observe(element.parentNode, {
-      childList: true,
-      subtree: true,
+    let element = getElement(cmp);
+    if (null === element.parentNode) {
+        throw new Error(`Component "${cmp.constructor.name}" is not within DOM.`);
+    }
+    return new Observable((observer) => {
+        let mutationObserver = new MutationObserver((mutations) => {
+            mutations.forEach((record) => {
+                for (let node of Array.from(record.removedNodes)) {
+                    if (node !== element) {
+                        continue;
+                    }
+                    observer.next();
+                    observer.complete();
+                }
+            });
+        });
+        mutationObserver.observe(element.parentNode, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            mutationObserver.disconnect();
+            // we can not re-use this observable, so we have to delete it
+            disconnectObservables.delete(cmp);
+        };
     });
-    return () => {
-      mutationObserver.disconnect();
-      // we can not re-use this observable, so we have to delete it
-      disconnectObservables.delete(cmp);
-    };
-  });
 };
 /**
  * Creates an observable that emits a value when the component
@@ -74,32 +74,31 @@ let createUsingMutationObserver = function (cmp) {
  * {@internal}
  */
 function createDisconnectObservable(cmp) {
-  let functions = [
-    createUsingDisconnectedCallback,
-    createUsingMutationObserver,
-  ];
-  for (let fn of functions) {
-    try {
-      disconnectObservables.set(cmp, fn(cmp));
-      return;
-    }
-    catch (e) {
-      // noop
+    let functions = [
+        createUsingDisconnectedCallback,
+        createUsingMutationObserver,
+    ];
+    for (let fn of functions) {
+        try {
+            disconnectObservables.set(cmp, fn(cmp));
+            return;
+        }
+        catch (e) {
+            // noop
+        }
     }
-  }
-  throw new Error(`Could not create disconnect observable for component "${cmp.constructor.name}".`);
+    throw new Error(`Could not create disconnect observable for component "${cmp.constructor.name}".`);
 }
 /**
  * Operator that unsubscribes from the source observable when
  * the component is disconnected from DOM.
  */
 export function untilDisconnected(cmp) {
-  return (source) => {
-    if (!disconnectObservables.has(cmp)) {
-      createDisconnectObservable(cmp);
-    }
-    let disconnectObservable$ = disconnectObservables.get(cmp);
-    return source.pipe(takeUntil(disconnectObservable$));
-  };
+    return (source) => {
+        if (!disconnectObservables.has(cmp)) {
+            createDisconnectObservable(cmp);
+        }
+        let disconnectObservable$ = disconnectObservables.get(cmp);
+        return source.pipe(takeUntil(disconnectObservable$));
+    };
 }
-//# sourceMappingURL=until-disconnected.js.map

package/dist/collection/rx/subscriber/index.js

@@ -1,2 +1 @@
 export { setProperty, } from './set-property';
-//# sourceMappingURL=index.js.map