@runopencode/rx-stencil 0.4.1 → 0.4.3

package/dist/collection/rx/subscriber/set-property.js

@@ -1,16 +1,15 @@
 import { forceUpdate, } from "@stencil/core";
 export function setProperty(cmp, property, options = {}) {
-  let resolvedOptions = Object.assign({ scheduleRender: false, nextTick: true }, options);
-  return (value) => {
-    cmp[property] = value;
-    if (!resolvedOptions.scheduleRender) {
-      return;
-    }
-    if (!resolvedOptions.nextTick) {
-      forceUpdate(cmp);
-      return;
-    }
-    Promise.resolve().then(() => forceUpdate(cmp));
-  };
+    let resolvedOptions = Object.assign({ scheduleRender: false, nextTick: true }, options);
+    return (value) => {
+        cmp[property] = value;
+        if (!resolvedOptions.scheduleRender) {
+            return;
+        }
+        if (!resolvedOptions.nextTick) {
+            forceUpdate(cmp);
+            return;
+        }
+        Promise.resolve().then(() => forceUpdate(cmp));
+    };
 }
-//# sourceMappingURL=set-property.js.map

package/dist/collection/utils/get-property-descriptor.js

@@ -4,15 +4,14 @@
  * {@internal}
  */
 export function getPropertyDescriptor(cmp, property, configurableRequired = true) {
-  // descriptors are defined on prototype, so we have to go one level up.
-  let prototype = Object.getPrototypeOf(cmp);
-  let descriptor = Object.getOwnPropertyDescriptor(prototype, property);
-  if (!descriptor) {
-    throw new Error(`Property "${property}" is not defined on component "${cmp.constructor.name}".`);
-  }
-  if (configurableRequired && !descriptor.configurable) {
-    throw new Error(`Property "${property}" is not configurable on component "${cmp.constructor.name}".`);
-  }
-  return descriptor;
+    // descriptors are defined on prototype, so we have to go one level up.
+    let prototype = Object.getPrototypeOf(cmp);
+    let descriptor = Object.getOwnPropertyDescriptor(prototype, property);
+    if (!descriptor) {
+        throw new Error(`Property "${property}" is not defined on component "${cmp.constructor.name}".`);
+    }
+    if (configurableRequired && !descriptor.configurable) {
+        throw new Error(`Property "${property}" is not configurable on component "${cmp.constructor.name}".`);
+    }
+    return descriptor;
 }
-//# sourceMappingURL=get-property-descriptor.js.map

package/dist/collection/utils/index.js

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

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';

package/dist/components/index.js

@@ -1,562 +1 @@
-import { getElement, forceUpdate } from '@stencil/core/internal/client';
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-import { S as Subject, o as operate, c as createOperatorSubscriber, i as innerFrom, e as executeSchedule, a as isFunction, b as identity, f as from, p as popScheduler, d as SafeSubscriber, n as noop, O as Observable, g as distinctUntilChanged, h as getPropertyDescriptor } from './set-property.js';
-export { j as propertyObservable, s as setProperty } from './set-property.js';
-
-const dateTimestampProvider = {
-    now() {
-        return (dateTimestampProvider.delegate || Date).now();
-    },
-    delegate: undefined,
-};
-
-class ReplaySubject extends Subject {
-    constructor(_bufferSize = Infinity, _windowTime = Infinity, _timestampProvider = dateTimestampProvider) {
-        super();
-        this._bufferSize = _bufferSize;
-        this._windowTime = _windowTime;
-        this._timestampProvider = _timestampProvider;
-        this._buffer = [];
-        this._infiniteTimeWindow = true;
-        this._infiniteTimeWindow = _windowTime === Infinity;
-        this._bufferSize = Math.max(1, _bufferSize);
-        this._windowTime = Math.max(1, _windowTime);
-    }
-    next(value) {
-        const { isStopped, _buffer, _infiniteTimeWindow, _timestampProvider, _windowTime } = this;
-        if (!isStopped) {
-            _buffer.push(value);
-            !_infiniteTimeWindow && _buffer.push(_timestampProvider.now() + _windowTime);
-        }
-        this._trimBuffer();
-        super.next(value);
-    }
-    _subscribe(subscriber) {
-        this._throwIfClosed();
-        this._trimBuffer();
-        const subscription = this._innerSubscribe(subscriber);
-        const { _infiniteTimeWindow, _buffer } = this;
-        const copy = _buffer.slice();
-        for (let i = 0; i < copy.length && !subscriber.closed; i += _infiniteTimeWindow ? 1 : 2) {
-            subscriber.next(copy[i]);
-        }
-        this._checkFinalizedStatuses(subscriber);
-        return subscription;
-    }
-    _trimBuffer() {
-        const { _bufferSize, _timestampProvider, _buffer, _infiniteTimeWindow } = this;
-        const adjustedBufferSize = (_infiniteTimeWindow ? 1 : 2) * _bufferSize;
-        _bufferSize < Infinity && adjustedBufferSize < _buffer.length && _buffer.splice(0, _buffer.length - adjustedBufferSize);
-        if (!_infiniteTimeWindow) {
-            const now = _timestampProvider.now();
-            let last = 0;
-            for (let i = 1; i < _buffer.length && _buffer[i] <= now; i += 2) {
-                last = i;
-            }
-            last && _buffer.splice(0, last + 1);
-        }
-    }
-}
-
-function map(project, thisArg) {
-    return operate((source, subscriber) => {
-        let index = 0;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-            subscriber.next(project.call(thisArg, value, index++));
-        }));
-    });
-}
-
-function mergeInternals(source, subscriber, project, concurrent, onBeforeNext, expand, innerSubScheduler, additionalFinalizer) {
-    const buffer = [];
-    let active = 0;
-    let index = 0;
-    let isComplete = false;
-    const checkComplete = () => {
-        if (isComplete && !buffer.length && !active) {
-            subscriber.complete();
-        }
-    };
-    const outerNext = (value) => (active < concurrent ? doInnerSub(value) : buffer.push(value));
-    const doInnerSub = (value) => {
-        expand && subscriber.next(value);
-        active++;
-        let innerComplete = false;
-        innerFrom(project(value, index++)).subscribe(createOperatorSubscriber(subscriber, (innerValue) => {
-            onBeforeNext === null || onBeforeNext === void 0 ? void 0 : onBeforeNext(innerValue);
-            if (expand) {
-                outerNext(innerValue);
-            }
-            else {
-                subscriber.next(innerValue);
-            }
-        }, () => {
-            innerComplete = true;
-        }, undefined, () => {
-            if (innerComplete) {
-                try {
-                    active--;
-                    while (buffer.length && active < concurrent) {
-                        const bufferedValue = buffer.shift();
-                        if (innerSubScheduler) {
-                            executeSchedule(subscriber, innerSubScheduler, () => doInnerSub(bufferedValue));
-                        }
-                        else {
-                            doInnerSub(bufferedValue);
-                        }
-                    }
-                    checkComplete();
-                }
-                catch (err) {
-                    subscriber.error(err);
-                }
-            }
-        }));
-    };
-    source.subscribe(createOperatorSubscriber(subscriber, outerNext, () => {
-        isComplete = true;
-        checkComplete();
-    }));
-    return () => {
-        additionalFinalizer === null || additionalFinalizer === void 0 ? void 0 : additionalFinalizer();
-    };
-}
-
-function mergeMap(project, resultSelector, concurrent = Infinity) {
-    if (isFunction(resultSelector)) {
-        return mergeMap((a, i) => map((b, ii) => resultSelector(a, b, i, ii))(innerFrom(project(a, i))), concurrent);
-    }
-    else if (typeof resultSelector === 'number') {
-        concurrent = resultSelector;
-    }
-    return operate((source, subscriber) => mergeInternals(source, subscriber, project, concurrent));
-}
-
-function mergeAll(concurrent = Infinity) {
-    return mergeMap(identity, concurrent);
-}
-
-function concatAll() {
-    return mergeAll(1);
-}
-
-function concat(...args) {
-    return concatAll()(from(args, popScheduler(args)));
-}
-
-function filter(predicate, thisArg) {
-    return operate((source, subscriber) => {
-        let index = 0;
-        source.subscribe(createOperatorSubscriber(subscriber, (value) => predicate.call(thisArg, value, index++) && subscriber.next(value)));
-    });
-}
-
-function share(options = {}) {
-    const { connector = () => new Subject(), resetOnError = true, resetOnComplete = true, resetOnRefCountZero = true } = options;
-    return (wrapperSource) => {
-        let connection;
-        let resetConnection;
-        let subject;
-        let refCount = 0;
-        let hasCompleted = false;
-        let hasErrored = false;
-        const cancelReset = () => {
-            resetConnection === null || resetConnection === void 0 ? void 0 : resetConnection.unsubscribe();
-            resetConnection = undefined;
-        };
-        const reset = () => {
-            cancelReset();
-            connection = subject = undefined;
-            hasCompleted = hasErrored = false;
-        };
-        const resetAndUnsubscribe = () => {
-            const conn = connection;
-            reset();
-            conn === null || conn === void 0 ? void 0 : conn.unsubscribe();
-        };
-        return operate((source, subscriber) => {
-            refCount++;
-            if (!hasErrored && !hasCompleted) {
-                cancelReset();
-            }
-            const dest = (subject = subject !== null && subject !== void 0 ? subject : connector());
-            subscriber.add(() => {
-                refCount--;
-                if (refCount === 0 && !hasErrored && !hasCompleted) {
-                    resetConnection = handleReset(resetAndUnsubscribe, resetOnRefCountZero);
-                }
-            });
-            dest.subscribe(subscriber);
-            if (!connection &&
-                refCount > 0) {
-                connection = new SafeSubscriber({
-                    next: (value) => dest.next(value),
-                    error: (err) => {
-                        hasErrored = true;
-                        cancelReset();
-                        resetConnection = handleReset(reset, resetOnError, err);
-                        dest.error(err);
-                    },
-                    complete: () => {
-                        hasCompleted = true;
-                        cancelReset();
-                        resetConnection = handleReset(reset, resetOnComplete);
-                        dest.complete();
-                    },
-                });
-                innerFrom(source).subscribe(connection);
-            }
-        })(wrapperSource);
-    };
-}
-function handleReset(reset, on, ...args) {
-    if (on === true) {
-        reset();
-        return;
-    }
-    if (on === false) {
-        return;
-    }
-    const onSubscriber = new SafeSubscriber({
-        next: () => {
-            onSubscriber.unsubscribe();
-            reset();
-        },
-    });
-    return innerFrom(on(...args)).subscribe(onSubscriber);
-}
-
-function shareReplay(configOrBufferSize, windowTime, scheduler) {
-    let bufferSize;
-    let refCount = false;
-    if (configOrBufferSize && typeof configOrBufferSize === 'object') {
-        ({ bufferSize = Infinity, windowTime = Infinity, refCount = false, scheduler } = configOrBufferSize);
-    }
-    else {
-        bufferSize = (configOrBufferSize !== null && configOrBufferSize !== void 0 ? configOrBufferSize : Infinity);
-    }
-    return share({
-        connector: () => new ReplaySubject(bufferSize, windowTime, scheduler),
-        resetOnError: true,
-        resetOnComplete: false,
-        resetOnRefCountZero: refCount,
-    });
-}
-
-function startWith(...values) {
-    const scheduler = popScheduler(values);
-    return operate((source, subscriber) => {
-        (scheduler ? concat(values, source, scheduler) : concat(values, source)).subscribe(subscriber);
-    });
-}
-
-function takeUntil(notifier) {
-    return operate((source, subscriber) => {
-        innerFrom(notifier).subscribe(createOperatorSubscriber(subscriber, () => subscriber.complete(), noop));
-        !subscriber.closed && source.subscribe(subscriber);
-    });
-}
-
-function tap(observerOrNext, error, complete) {
-    const tapObserver = isFunction(observerOrNext) || error || complete
-        ?
-            { next: observerOrNext, error, complete }
-        : observerOrNext;
-    return tapObserver
-        ? operate((source, subscriber) => {
-            var _a;
-            (_a = tapObserver.subscribe) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-            let isUnsub = true;
-            source.subscribe(createOperatorSubscriber(subscriber, (value) => {
-                var _a;
-                (_a = tapObserver.next) === null || _a === void 0 ? void 0 : _a.call(tapObserver, value);
-                subscriber.next(value);
-            }, () => {
-                var _a;
-                isUnsub = false;
-                (_a = tapObserver.complete) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-                subscriber.complete();
-            }, (err) => {
-                var _a;
-                isUnsub = false;
-                (_a = tapObserver.error) === null || _a === void 0 ? void 0 : _a.call(tapObserver, err);
-                subscriber.error(err);
-            }, () => {
-                var _a, _b;
-                if (isUnsub) {
-                    (_a = tapObserver.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
-                }
-                (_b = tapObserver.finalize) === null || _b === void 0 ? void 0 : _b.call(tapObserver);
-            }));
-        })
-        :
-            identity;
-}
-
-function mutationObservable(target, options) {
-  return new Observable((observer) => {
-    let mutation = new MutationObserver((mutations) => {
-      observer.next(mutations);
-    });
-    mutation.observe(target, options);
-    return () => {
-      mutation.disconnect();
-    };
-  });
-}
-
-/**
- * Returns an observable that emits when the component render()
- * function is called. Value will be emitted after the next
- * microtask (next tick).
- */
-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;
-    };
-  });
-}
-
-/**
- * Observe all sub nodes of the given node and notify
- * when any of them is removed and/or added.
- *
- * {@internal}
- */
-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 */
-  }));
-}
-/**
- * Property decorator inspired by Angular's @ViewChild/@ContentChild.
- *
- * After each render, the decorated property will be set to the first element
- * matching the given selector. If no element is found, the property will be
- * set to null.
- */
-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];
-      },
-    };
-    Object.defineProperty(target, property, descriptor);
-  };
-}
-
-/**
- * Property decorator inspired by Angular's @ViewChild/@ContentChild.
- *
- * After each render, the decorated property will be set to the first element
- * matching the given selector. If no element is found, the property will be
- * set to null.
- */
-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];
-      },
-    };
-    Object.defineProperty(target, property, descriptor);
-  };
-}
-
-/**
- * Schedule a render of the component. This is useful when you
- * want to force a render of the component as result of changing
- * the values of the component which are not tracked by Stencil,
- * observables, for example.
- *
- * By default, the render is scheduled on the next tick, but you
- * can disable this behavior by passing `false` as second argument.
- */
-function scheduleRender(cmp, nextTick = true) {
-  return (source) => {
-    return source.pipe(tap(() => {
-      if (!nextTick) {
-        forceUpdate(cmp);
-        return;
-      }
-      Promise.resolve().then(() => forceUpdate(cmp));
-    }));
-  };
-}
-
-/**
- * Use this function to tap into a value stream and flush value to
- * component property. You may also use this function as subscription
- * function (function will detect that value is passed instead of
- * observable).
- */
-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;
-    }));
-  };
-}
-
-/**
- * A map of component observables that are being watched for
- * disconnect callback invocation. A weak map is being used
- * so that the component instance can be garbage collected.
- *
- * {@internal}
- */
-let disconnectObservables = new WeakMap();
-/**
- * Creates an observable that emits a value when the component
- * is disconnected from DOM and method `disconnectedCallback()`
- * is invoked. StencilJS will supress the invocation of this
- * method if it is not defined on the component.
- *
- * {@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);
-    }
-    disconnectedSubject$.next();
-  };
-  return disconnectedSubject$.asObservable();
-};
-/**
- * Mutation observer is our next heuristic. We will monitor parent
- * node of the component and emit a value when the component is
- * disconnected from DOM. This will only work, of course, if the
- * component is not the root node of the application and component
- * is already within DOM.
- *
- * {@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,
-    });
-    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
- * is disconnected from DOM.
- *
- * {@internal}
- */
-function createDisconnectObservable(cmp) {
-  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}".`);
-}
-/**
- * Operator that unsubscribes from the source observable when
- * the component is disconnected from DOM.
- */
-function untilDisconnected(cmp) {
-  return (source) => {
-    if (!disconnectObservables.has(cmp)) {
-      createDisconnectObservable(cmp);
-    }
-    let disconnectObservable$ = disconnectObservables.get(cmp);
-    return source.pipe(takeUntil(disconnectObservable$));
-  };
-}
-
-export { QuerySelector, QuerySelectorAll, mutationObservable, renderObservable, scheduleRender, toProperty, untilDisconnected };
-
-//# sourceMappingURL=index.js.map
+import{getElement as t,forceUpdate as e}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import{c as r,p as n,g as o}from"./set-property.js";export{s as setProperty}from"./set-property.js";function i(t,e){return new r.Observable((r=>{let n=new MutationObserver((t=>{r.next(t)}));return n.observe(t,e),()=>{n.disconnect()}}))}function u(t,...e){if(0===e.length)throw Error("At least one property must be specified.");return r.combineLatest(e.map((e=>n(t,e))))}function l(t){if("function"!=typeof t.render)throw Error("Component does not have a render function.");return new r.Observable((e=>{let r=t.render;return t.render=function(){return Promise.resolve().then((()=>{e.next()})),r.call(this)},()=>{t.render=r}}))}function c(t){return i(t,{subtree:!0,childList:!0}).pipe(r.filter((t=>{for(let e=0;e<t.length;e++)if("childList"===t[e].type&&(t[e].addedNodes.length||t[e].removedNodes.length))return!0;return!1})),r.map((()=>{})))}function _(e,n){return(o,i)=>{Object.defineProperty(o,i,{set:function(){throw Error(`Property "${i}" is read-only.`)},get:function(){let o=`__rx__query_selector__observable__shadow_root__${(null==n?void 0:n.shadowRoot)?"yes":"no"}__mutation_observer__${(null==n?void 0:n.mutationObserver)?"yes":"no"}__selector__${e}__`;if(!this[o]){let i=(null==n?void 0:n.shadowRoot)?t(this).shadowRoot:t(this),s=(null==n?void 0:n.mutationObserver)?c(i):l(this);this[o]=s.pipe(r.startWith(),r.map((()=>i.querySelector(e))),r.distinctUntilChanged(),r.shareReplay(1))}return this[o]}})}}function f(e,n){return(o,i)=>{Object.defineProperty(o,i,{set:function(){throw Error(`Property "${i}" is read-only.`)},get:function(){let o=`__rx__query_selector_all__observable__shadow_root__${(null==n?void 0:n.shadowRoot)?"yes":"no"}__mutation_observer__${(null==n?void 0:n.mutationObserver)?"yes":"no"}__selector__${e}__`;if(!this[o]){let i=(null==n?void 0:n.shadowRoot)?t(this).shadowRoot:t(this),s=(null==n?void 0:n.mutationObserver)?c(i):l(this);this[o]=s.pipe(r.startWith(),r.map((()=>Array.from(i.querySelectorAll(e)))),r.distinctUntilChanged(((t,e)=>{if(t.length!==e.length)return!1;for(let r=0;r<t.length;r++)if(t[r]!==e[r])return!1;return!0})),r.shareReplay(1))}return this[o]}})}}function a(t,n=!0){return o=>o.pipe(r.tap((()=>{n?Promise.resolve().then((()=>e(t))):e(t)})))}function h(t,e){return o(t,e),n=>n.pipe(r.tap((r=>{t[e]=r})))}let d=new WeakMap,p=function(t){let e=t.disconnectedCallback;if(!e)throw Error(`Component "${t.constructor.name}" does not have a "disconnectedCallback()" method defined.`);let n=new r.Subject;return t.disconnectedCallback=function(){e&&e.call(t),n.next()},n.asObservable()},v=function(e){let n=t(e);if(null===n.parentNode)throw Error(`Component "${e.constructor.name}" is not within DOM.`);return new r.Observable((t=>{let r=new MutationObserver((e=>{e.forEach((e=>{for(let r of Array.from(e.removedNodes))r===n&&(t.next(),t.complete())}))}));return r.observe(n.parentNode,{childList:!0,subtree:!0}),()=>{r.disconnect(),d.delete(e)}}))};function y(t){return e=>{d.has(t)||function(t){let e=[p,v];for(let r of e)try{return void d.set(t,r(t))}catch(t){}throw Error(`Could not create disconnect observable for component "${t.constructor.name}".`)}(t);let n=d.get(t);return e.pipe(r.takeUntil(n))}}export{_ as QuerySelector,f as QuerySelectorAll,i as mutationObservable,u as propertiesObservable,n as propertyObservable,l as renderObservable,a as scheduleRender,h as toProperty,y as untilDisconnected}

package/dist/components/rx-async.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface RxAsync extends Components.RxAsync, HTMLElement {}
 export const RxAsync: {
-  prototype: RxAsync;
-  new (): RxAsync;
+    prototype: RxAsync;
+    new (): RxAsync;
 };
 /**
  * Used to define this component and all nested components recursively.