@runopencode/rx-stencil 0.4.4 → 0.5.0

package/dist/esm/mutation-observable-xA7xgk29.js

@@ -0,0 +1,145 @@
+import { g as getElement } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+import { b as getComponentTagName, c as isRendered, g as getHostRef, u as usesShadowDom, i as isEmulatedViewChild } from './stencil-BQCAKjCT.js';
+
+/**
+ * Returns an RxJS operator that emits only when the element changes, based on the provided comparator function.
+ *
+ * If boolean `true` is provided, the default comparator function will be used, which compares the elements by reference.
+ *
+ * If falsy value is provided, the operator will emit every time the source observable emits.
+ *
+ * @internal
+ */
+function distinctUntilElementChanged(comparator) {
+    if (!comparator) {
+        return cjsExports.identity;
+    }
+    if ('function' === typeof comparator) {
+        return cjsExports.distinctUntilChanged(comparator);
+    }
+    return cjsExports.distinctUntilChanged();
+}
+/**
+ * Returns an RxJS operator that emits only when the array of elements changes, based on the provided comparator function.
+ *
+ * If boolean `true` is provided, the default comparator function will be used, which compares the elements by reference.
+ *
+ * If falsy value is provided, the operator will emit every time the source observable emits.
+ *
+ * @internal
+ */
+function distinctUntilElementsChanged(comparator) {
+    if (!comparator) {
+        return cjsExports.identity;
+    }
+    // If the comparator is a function, use it to compare elements. Otherwise, use the default comparator that compares elements by reference.
+    let cmpFn = 'function' === typeof comparator ? comparator : (previous, current) => previous === current;
+    return cjsExports.distinctUntilChanged((previous, current) => {
+        var _a;
+        if (previous.length !== current.length) {
+            return false;
+        }
+        return (_a = previous === null || previous === void 0 ? void 0 : previous.every((item, index) => cmpFn(item, current[index]))) !== null && _a !== void 0 ? _a : false;
+    });
+}
+/**
+ * Observe the subtree of an element for mutations.
+ *
+ * This function returns an observable that emits an array of MutationRecords whenever a mutation occurs
+ * in the subtree of the specified element.
+ *
+ * @internal
+ */
+function observeSubtree(element) {
+    return mutationObservable(element, {
+        childList: true,
+        subtree: true,
+    }).pipe(cjsExports.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;
+    }));
+}
+
+let observables = new WeakMap();
+/**
+ * Returns an observable that emits when the component `render()`
+ * function is called. Value will be emitted after the next
+ * microtask (next tick).
+ *
+ * If component is already rendered, the observable will emit
+ * immediately.
+ *
+ * Uses hot observable pattern.
+ */
+function renderObservable(cmp) {
+    if ('function' !== typeof cmp.render) {
+        throw new Error(`Component "${getComponentTagName(cmp)}" does not have a render function.`);
+    }
+    let element = getElement(cmp);
+    if (!observables.has(element)) {
+        let previousRender = cmp.render;
+        let subject = new cjsExports.Subject();
+        cmp.render = function () {
+            Promise.resolve().then(() => {
+                subject.next();
+            });
+            return previousRender.call(this);
+        };
+        observables.set(element, subject.asObservable());
+    }
+    return observables.get(element).pipe(isRendered(cmp) ? cjsExports.startWith(() => void 0) : cjsExports.identity);
+}
+
+function viewChildObservable(cmp, selector, options) {
+    let element = getElement(cmp);
+    let hostRef = getHostRef(cmp);
+    let rendered = renderObservable(cmp);
+    options = Object.assign({ distinct: true }, options);
+    if ((hostRef.$renderCount$ || 0) > 0) {
+        rendered = rendered.pipe(cjsExports.startWith(void 0));
+    }
+    // In shadow DOM, this is quite cheap, we can query only shadow DOM and skip the light DOM.
+    if (usesShadowDom(cmp)) {
+        return rendered.pipe(cjsExports.map(() => element.shadowRoot.querySelector(selector)), distinctUntilElementChanged(options.distinct));
+    }
+    // When shadow DOM is emulated, this is more expensive, we need to query light DOM and use first element
+    // which matches the selector, and it is not a child of any emulated slot node.
+    return rendered.pipe(cjsExports.map(() => {
+        let candidates = element.querySelectorAll(selector);
+        for (let i = 0; i < candidates.length; i++) {
+            let candidate = candidates[i];
+            if (isEmulatedViewChild(candidate, element)) {
+                return candidate;
+            }
+        }
+        return null;
+    }), distinctUntilElementChanged(options.distinct));
+}
+
+/**
+ * Create mutation observer and return observable that emits mutation records when the target node is mutated.
+ *
+ * @param {Node} target The target node to observe for mutations.
+ * @param {MutationObserverInit} options The options for the mutation observer.
+ */
+function mutationObservable(target, options) {
+    return new cjsExports.Observable((observer) => {
+        let mutation = new MutationObserver((mutations) => {
+            observer.next(mutations);
+        });
+        mutation.observe(target, options);
+        return () => {
+            mutation.disconnect();
+        };
+    });
+}
+
+export { distinctUntilElementsChanged as a, distinctUntilElementChanged as d, mutationObservable as m, observeSubtree as o, renderObservable as r, viewChildObservable as v };

package/dist/esm/properties-observable-Bzq-rZ4c.js

@@ -0,0 +1,21 @@
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+import { p as propertyObservable } from './property-observable-BKyQe0OR.js';
+
+/**
+ * Returns an observable that emits an array of values from the given properties.
+ *
+ * It always emits an array of values, even if only one property is specified. The order
+ * of the values in the emitted array corresponds to the order of the properties specified.
+ *
+ * Do note that `combineLatest()` operator is used to combine the observables.
+ */
+function propertiesObservable(cmp, ...properties) {
+    if (0 === properties.length) {
+        throw new Error('At least one property must be specified.');
+    }
+    return cjsExports.combineLatest(properties.map((property) => {
+        return propertyObservable(cmp, property);
+    }));
+}
+
+export { propertiesObservable as p };

package/dist/esm/property-observable-BKyQe0OR.js

@@ -0,0 +1,84 @@
+import { g as getElement, B as BUILD } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+import { a as isPropOrState, g as getHostRef } from './stencil-BQCAKjCT.js';
+
+/**
+ * A WeakMap to store BehaviorSubjects for each component property.
+ *
+ * The key is the HTMLElement (component instance), and the value is a record of property names to BehaviorSubjects.
+ *
+ * @internal
+ */
+let subjects = new WeakMap();
+/**
+ * The name of the watcher callback function that will be registered on the component instance.
+ */
+const WATCHER_CALLBACK_NAME = '__runopencode_rx_stencil_watcher';
+/**
+ * Returns an observable that emits property value when the component property value changes.
+ */
+function propertyObservable(cmp, property) {
+    let element = getElement(cmp);
+    let initialize = false;
+    if (!subjects.has(element)) {
+        subjects.set(element, {});
+    }
+    if (!subjects.get(element)[property]) {
+        subjects.get(element)[property] = new cjsExports.BehaviorSubject(cmp[property]);
+        initialize = true;
+    }
+    if (!initialize) {
+        return subjects.get(element)[property]
+            .asObservable()
+            .pipe(cjsExports.distinctUntilChanged());
+    }
+    let subject = subjects.get(element)[property];
+    let isMember = isPropOrState(cmp, property);
+    // If the property is not a member of the component (not decorated with @Prop or @State), 
+    // we can watch it by modifying the property descriptor directly.
+    if (!isMember) {
+        let descriptor = Object.getOwnPropertyDescriptor(cmp, property);
+        Object.defineProperty(cmp, property, {
+            get() {
+                return subject.value;
+            },
+            set(value) {
+                subject.next(value);
+                if (descriptor && descriptor.set) {
+                    descriptor.set.call(this, value);
+                }
+            },
+            configurable: true,
+            enumerable: true,
+        });
+        return subject
+            .asObservable()
+            .pipe(cjsExports.distinctUntilChanged());
+    }
+    let hostRef = getHostRef(cmp);
+    // If callback function is not registered on the component, we need to register it and ensure that some of the
+    // stencil internal flags are set to ensure that the callback will be called when the property changes.
+    if (!cmp[WATCHER_CALLBACK_NAME]) {
+        // This flag ensures that Stencil will call the prop change callback when the property changes.
+        BUILD.propChangeCallback = true;
+        // $flags$ needs to include 128 (0x80) to indicate that the component has watchers.
+        hostRef.$flags$ |= 128;
+        // $watchers$ object needs to exist so we can add them for property.
+        hostRef.$cmpMeta$.$watchers$ = hostRef.$cmpMeta$.$watchers$ || {};
+        // Finally, we need to register the watcher callback function on the component instance.
+        cmp[WATCHER_CALLBACK_NAME] = function (current, _previous, property) {
+            let element = getElement(this);
+            let subject = subjects.get(element)[property];
+            subject.next(current);
+        };
+    }
+    hostRef.$cmpMeta$.$watchers$[property] = hostRef.$cmpMeta$.$watchers$[property] || [];
+    hostRef.$cmpMeta$.$watchers$[property].push({
+        [WATCHER_CALLBACK_NAME]: 0,
+    });
+    return subject
+        .asObservable()
+        .pipe(cjsExports.distinctUntilChanged());
+}
+
+export { propertyObservable as p };

package/dist/esm/rx-async.entry.js

@@ -1,5 +1,9 @@
-import { r as registerInstance, h, H as Host } from './index-BIBww8qU.js';
-import { p as propertyObservable, c as cjsExports, s as setProperty } from './set-property-CpZKE-Xu.js';
+import { r as registerInstance, h, H as Host } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+import { p as propertyObservable } from './property-observable-BKyQe0OR.js';
+import { u as untilDisconnected } from './until-disconnected-D2pF81SM.js';
+import { s as setProperty } from './set-property-CgrvJ28c.js';
+import './stencil-BQCAKjCT.js';
 
 const asyncCss = () => `:host{display:inline-block}`;
 
@@ -7,10 +11,15 @@ const Async = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.value = null;
+        this.transform = (value) => value;
         this._value = null;
     }
+    /**
+     * {@inheritdoc}
+     */
     connectedCallback() {
-        propertyObservable(this, 'value').pipe(cjsExports.switchMap((value) => {
+        propertyObservable(this, 'value')
+            .pipe(cjsExports.switchMap((value) => {
             if (cjsExports.isObservable(value)) {
                 return value;
             }
@@ -18,16 +27,14 @@ const Async = class {
                 return cjsExports.from(value);
             }
             return cjsExports.of(value);
-        })).subscribe(setProperty(this, '_value', {
-            scheduleRender: true,
-            nextTick: false,
-        }));
-    }
-    disconnectedCallback() {
-        // noop
+        }), untilDisconnected(this))
+            .subscribe(setProperty(this, '_value'));
     }
+    /**
+     * {@inheritdoc}
+     */
     render() {
-        return (h(Host, { key: '83bc02eb1171d43e61d25232a0bc1ad024294e68' }, this._value));
+        return (h(Host, { key: 'f59ccdf7defbbb0d9d3b87bc20e3edaae9a2513b' }, this.transform(this._value)));
     }
 };
 Async.style = asyncCss();

package/dist/esm/rx-stencil.js

@@ -1,9 +1,9 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-BIBww8qU.js';
-export { s as setNonce } from './index-BIBww8qU.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-BCGlW-2C.js';
+export { s as setNonce } from './index-BCGlW-2C.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v4.43.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.45.0 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["rx-async",[[0,"rx-async",{"value":[16]}]]]], options);
+  return bootstrapLazy([["rx-async",[[0,"rx-async",{"value":[16],"transform":[16],"_value":[32]}]]],["test-properties-observable",[[0,"test-properties-observable",{"foo":[1],"bar":[1],"baz":[1],"_value":[32]}]]],["test-property-observable",[[0,"test-property-observable",{"setValue":[64]}]]],["test-schedule-render",[[0,"test-schedule-render",{"increase":[64]}]]],["test-view-child-observable-shadow-dom",[[257,"test-view-child-observable-shadow-dom",{"which":[1],"getLog":[64],"clearLog":[64]}]]]], options);
 });

package/dist/esm/schedule-render-BGCI5FMG.js

@@ -0,0 +1,50 @@
+import { g as getElement, f as forceUpdate } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+
+function fromEvent(cmp, eventName, delegateOrOptions, options) {
+    let element = getElement(cmp);
+    let delegate = 'string' === typeof delegateOrOptions ? delegateOrOptions : undefined;
+    let configuration = 'object' === typeof delegateOrOptions ? delegateOrOptions : options;
+    return new cjsExports.Observable((subscriber) => {
+        let handler = (event) => {
+            if (!delegate) {
+                subscriber.next(event);
+                return;
+            }
+            if (!(event.target instanceof Element)) {
+                return;
+            }
+            if (!event.target.closest(delegate)) {
+                return;
+            }
+            subscriber.next(event);
+        };
+        element.addEventListener(eventName, handler, configuration);
+        return () => {
+            element.removeEventListener(eventName, handler, configuration);
+        };
+    });
+}
+
+/**
+ * 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(cjsExports.tap(() => {
+            if (!nextTick) {
+                forceUpdate(cmp);
+                return;
+            }
+            Promise.resolve().then(() => forceUpdate(cmp));
+        }));
+    };
+}
+
+export { fromEvent as f, scheduleRender as s };

package/dist/esm/set-property-CgrvJ28c.js

@@ -0,0 +1,31 @@
+import { f as forceUpdate } from './index-BCGlW-2C.js';
+
+/**
+ * Set a property on a Stencil component and optionally schedule a render.
+ *
+ * This function returns a setter function that can be used to update the property value. Common use case
+ * is to set it as subscriber to an observable, so that the property is updated whenever the observable
+ * emits a new value.
+ *
+ * @param {ComponentInterface} cmp Component instance on which the property is to be set.
+ * @param {string} property Name of the property to be set on the component.
+ * @param {SetPropertyOptions} options Options to control the behavior of the property setter,
+ *                                     such as whether to schedule a render and whether to do
+ *                                     it on the next tick.
+ */
+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));
+    };
+}
+
+export { setProperty as s };

package/dist/esm/stencil-BQCAKjCT.js

@@ -0,0 +1,68 @@
+/**
+ * Get the host reference of a component.
+ *
+ * This is useful for accessing the underlying DOM element of a Stencil component.
+ *
+ * @internal
+ */
+function getHostRef(cmp) {
+    return cmp.__stencil__getHostRef();
+}
+/**
+ * Check if a property is defined as a member of the component with @State or @Prop decorator.
+ *
+ * @internal
+ */
+function isPropOrState(cmp, property) {
+    let hostRef = getHostRef(cmp);
+    return !!hostRef.$cmpMeta$.$members$[property];
+}
+/**
+ * Check if a component uses Shadow DOM.
+ *
+ * @internal
+ */
+function usesShadowDom(cmp) {
+    let hostRef = getHostRef(cmp);
+    let flags = hostRef.$cmpMeta$.$flags$;
+    return (flags & (1 << 0)) !== 0;
+}
+/**
+ * Check if a node is an emulated view child node.
+ *
+ * We are checking if node is a child node of the component which is not
+ * in emulated slot.
+ *
+ * @internal
+ */
+function isEmulatedViewChild(node, element) {
+    // If the node has the 's-ol' property, it is not an emulated content child.
+    if ('s-ol' in node) {
+        return false;
+    }
+    // If it is direct child of the component, it is not an emulated content child.
+    if (node.parentElement === element) {
+        return false;
+    }
+    return isEmulatedViewChild(node.parentElement, element);
+}
+/**
+ * Get the tag name of a component.
+ *
+ * @internal
+ */
+function getComponentTagName(cmp) {
+    let hostRef = getHostRef(cmp);
+    return hostRef.$cmpMeta$.$tagName$;
+}
+/**
+ * Check if a component has been rendered at least once.
+ *
+ * @internal
+ */
+function isRendered(cmp) {
+    let hostRef = getHostRef(cmp);
+    return (hostRef.$renderCount$ || 0) > 0;
+}
+
+export { isPropOrState as a, getComponentTagName as b, isRendered as c, getHostRef as g, isEmulatedViewChild as i, usesShadowDom as u };

package/dist/esm/test-properties-observable.entry.js

@@ -0,0 +1,25 @@
+import { r as registerInstance, h, H as Host } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+import { p as propertiesObservable } from './properties-observable-Bzq-rZ4c.js';
+import { u as untilDisconnected } from './until-disconnected-D2pF81SM.js';
+import './property-observable-BKyQe0OR.js';
+import './stencil-BQCAKjCT.js';
+
+const TestPropertiesObservable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._value = undefined;
+    }
+    connectedCallback() {
+        propertiesObservable(this, 'foo', 'bar', 'baz')
+            .pipe(cjsExports.map(([foo, bar, baz]) => {
+            this._value = `Foo: "${foo}", Bar: "${bar}", Baz: "${baz}"`;
+        }), untilDisconnected(this))
+            .subscribe();
+    }
+    render() {
+        return (h(Host, { key: 'b69107bec9636608215a705991bbbb0bf17ad303' }, this._value));
+    }
+};
+
+export { TestPropertiesObservable as test_properties_observable };

package/dist/esm/test-property-observable.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host } from './index-BCGlW-2C.js';
+import { p as propertyObservable } from './property-observable-BKyQe0OR.js';
+import { u as untilDisconnected } from './until-disconnected-D2pF81SM.js';
+import { s as setProperty } from './set-property-CgrvJ28c.js';
+import './index-Bn8mRT4P.js';
+import './stencil-BQCAKjCT.js';
+
+const TestPropertyObservable = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        // @ts-ignore
+        this.prop = 'foo';
+    }
+    connectedCallback() {
+        propertyObservable(this, 'prop')
+            .pipe(untilDisconnected(this))
+            .subscribe(setProperty(this, 'value', {
+            scheduleRender: true,
+        }));
+    }
+    async setValue(value) {
+        this.prop = value;
+    }
+    render() {
+        return (h(Host, { key: '092d6fe0477d9ddfc771b152fe132c26e5dc04f0' }, this.value));
+    }
+};
+
+export { TestPropertyObservable as test_property_observable };

package/dist/esm/test-schedule-render.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h, H as Host } from './index-BCGlW-2C.js';
+import { f as fromEvent, s as scheduleRender } from './schedule-render-BGCI5FMG.js';
+import { u as untilDisconnected } from './until-disconnected-D2pF81SM.js';
+import './index-Bn8mRT4P.js';
+
+const TestScheduleRender = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this._counter = 0;
+    }
+    connectedCallback() {
+        fromEvent(this, 'click')
+            .pipe(scheduleRender(this), untilDisconnected(this))
+            .subscribe(() => {
+            this._counter++;
+        });
+    }
+    async increase() {
+        this._counter++;
+    }
+    render() {
+        return (h(Host, { key: '66f26c1ef51b9e595d13926b1e46d1c7cb015566' }, this._counter));
+    }
+};
+
+export { TestScheduleRender as test_schedule_render };

package/dist/esm/test-view-child-observable-shadow-dom.entry.js

@@ -0,0 +1,38 @@
+import { r as registerInstance, h, H as Host } from './index-BCGlW-2C.js';
+import { v as viewChildObservable } from './mutation-observable-xA7xgk29.js';
+import './index-Bn8mRT4P.js';
+import './stencil-BQCAKjCT.js';
+
+const TestViewChildObservableShadowDom = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.which = 'all';
+        this._log = [];
+    }
+    async getLog() {
+        return this._log;
+    }
+    async clearLog() {
+        this._log = [];
+    }
+    /**
+     * {@inheritdoc}
+     */
+    connectedCallback() {
+        viewChildObservable(this, 'div')
+            .subscribe((el) => {
+            this._log.push(`viewChildObservable@connectedCallback: ${el === null || el === void 0 ? void 0 : el.id}`);
+        });
+    }
+    render() {
+        return (h(Host, { key: '3d253195f6c56cf48990e6daf7dde10971753a74' }, this.which !== 'even'
+            ? (h("div", { id: "test-1", class: "odd all", key: "test-1" }, "1"))
+            : null, this.which !== 'odd'
+            ? (h("div", { id: "test-2", class: "even all", key: "test-2" }, "2"))
+            : null, this.which !== 'even'
+            ? (h("div", { id: "test-3", class: "odd all", key: "test-3" }, "3"))
+            : null, h("slot", { key: '141bd2c2626e1b89acc55ee79d7fa89e4b767e52' })));
+    }
+};
+
+export { TestViewChildObservableShadowDom as test_view_child_observable_shadow_dom };

package/dist/esm/until-disconnected-D2pF81SM.js

@@ -0,0 +1,25 @@
+import { g as getElement } from './index-BCGlW-2C.js';
+import { c as cjsExports } from './index-Bn8mRT4P.js';
+
+let observables = new WeakMap();
+/**
+ * Operator that unsubscribes from the source observable when
+ * the component is disconnected from DOM.
+ */
+function untilDisconnected(cmp) {
+    return (source) => {
+        let element = getElement(cmp);
+        if (!observables.has(element)) {
+            let observable = new cjsExports.Subject();
+            let previous = cmp.disconnectedCallback;
+            cmp.disconnectedCallback = function () {
+                previous === null || previous === void 0 ? void 0 : previous.call(this);
+                observable.next();
+            };
+            observables.set(element, observable.asObservable());
+        }
+        return source.pipe(cjsExports.takeUntil(observables.get(element)));
+    };
+}
+
+export { untilDisconnected as u };

package/dist/rx-stencil/index.esm.js

@@ -1 +1 @@
-import{g as t,f as r}from"./p-BIBww8qU.js";import{c as e,p as n,g as o}from"./p-IbpJ_cRo.js";export{s as setProperty}from"./p-IbpJ_cRo.js";function i(t,r){return new e.Observable((e=>{let n=new MutationObserver((t=>{e.next(t)}));return n.observe(t,r),()=>{n.disconnect()}}))}function u(t,...r){if(0===r.length)throw new Error("At least one property must be specified.");return e.combineLatest(r.map((r=>n(t,r))))}function l(t){if("function"!=typeof t.render)throw new Error("Component does not have a render function.");return new e.Observable((r=>{let e=t.render;return t.render=function(){return Promise.resolve().then((()=>{r.next()})),e.call(this)},()=>{t.render=e}}))}function _(t){return i(t,{subtree:!0,childList:!0}).pipe(e.filter((t=>{for(let r=0;r<t.length;r++)if("childList"===t[r].type&&(t[r].addedNodes.length||t[r].removedNodes.length))return!0;return!1})),e.map((()=>{})))}function f(r,n){return(o,i)=>{Object.defineProperty(o,i,{set:function(){throw new 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__${r}__`;if(!this[o]){let i=(null==n?void 0:n.shadowRoot)?t(this).shadowRoot:t(this),u=(null==n?void 0:n.mutationObserver)?_(i):l(this);this[o]=u.pipe(e.startWith(),e.map((()=>i.querySelector(r))),e.distinctUntilChanged(),e.shareReplay(1))}return this[o]}})}}function c(r,n){return(o,i)=>{Object.defineProperty(o,i,{set:function(){throw new 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__${r}__`;if(!this[o]){let i=(null==n?void 0:n.shadowRoot)?t(this).shadowRoot:t(this),u=(null==n?void 0:n.mutationObserver)?_(i):l(this);this[o]=u.pipe(e.startWith(),e.map((()=>Array.from(i.querySelectorAll(r)))),e.distinctUntilChanged(((t,r)=>{if(t.length!==r.length)return!1;for(let e=0;e<t.length;e++)if(t[e]!==r[e])return!1;return!0})),e.shareReplay(1))}return this[o]}})}}function a(t,n=!0){return o=>o.pipe(e.tap((()=>{n?Promise.resolve().then((()=>r(t))):r(t)})))}function h(t,r){return o(t,r),n=>n.pipe(e.tap((e=>{t[r]=e})))}let d=new WeakMap,w=function(t){let r=t.disconnectedCallback;if(!r)throw new Error(`Component "${t.constructor.name}" does not have a "disconnectedCallback()" method defined.`);let n=new e.Subject;return t.disconnectedCallback=function(){r&&r.call(t),n.next()},n.asObservable()},p=function(r){let n=t(r);if(null===n.parentNode)throw new Error(`Component "${r.constructor.name}" is not within DOM.`);return new e.Observable((t=>{let e=new MutationObserver((r=>{r.forEach((r=>{for(let e of Array.from(r.removedNodes))e===n&&(t.next(),t.complete())}))}));return e.observe(n.parentNode,{childList:!0,subtree:!0}),()=>{e.disconnect(),d.delete(r)}}))};function b(t){return r=>{d.has(t)||function(t){let r=[w,p];for(let e of r)try{return void d.set(t,e(t))}catch(t){}throw new Error(`Could not create disconnect observable for component "${t.constructor.name}".`)}(t);let n=d.get(t);return r.pipe(e.takeUntil(n))}}export{f as QuerySelector,c as QuerySelectorAll,i as mutationObservable,u as propertiesObservable,n as propertyObservable,l as renderObservable,a as scheduleRender,h as toProperty,b as untilDisconnected}
+import{g as t}from"./p-BCGlW-2C.js";import{c as e}from"./p-Bn8mRT4P.js";import{u as n,i as r,g as i}from"./p-BQCAKjCT.js";import{o as l,d as o,a as c,v as a,r as d}from"./p-DHIVm3-O.js";export{m as mutationObservable}from"./p-DHIVm3-O.js";export{f as fromEvent,s as scheduleRender}from"./p-Sf5sf4Pq.js";export{p as propertiesObservable}from"./p-D1zETqVV.js";export{p as propertyObservable}from"./p-BLLg2g3n.js";export{u as untilDisconnected}from"./p-J0xLdrjW.js";export{s as setProperty}from"./p-wVeMJABH.js";function h(n,r){return i=>{let l=t(n);if(!(null==r?void 0:r.reemit))return i.pipe(e.filter((()=>l.isConnected)));let o,u=!1,s=new e.Subject,c=n.connectedCallback;return n.connectedCallback=function(){null==c||c.call(this),u&&(s.next(o),u=!1,o=void 0)},e.merge(s,i.pipe(e.tap((t=>{l.isConnected||(u=!0,o=t)})),e.filter((()=>l.isConnected))))}}function b(...t){let[n,r,i]=t;return function(t,n,r){return(null==r?void 0:r.whileConnected)&&(t=t.pipe(h(n,{reemit:!0}))),(null==r?void 0:r.filter)&&(t=t.pipe(e.filter(!0===r.filter?t=>!!(Array.isArray(t)&&t.length>0)||!!t:r.filter))),(null==r?void 0:r.cached)&&(t=t.pipe(e.take(1))),t}(n,r,i)}let j=new Map;class v{constructor(){this._observables=new WeakMap}has(t,e){return this._observables.has(t)&&this._observables.get(t).has(e)}get(t,e){var n,r;return null===(r=null===(n=this._observables.get(t))||void 0===n?void 0:n.get(e))||void 0===r?void 0:r[0]}set(t,e,n,r){this.delete(t,e),this._observables.has(t)||this._observables.set(t,new Map),this._observables.get(t).set(e,[n,r,void 0]),this._observables.get(t).get(e)[2]=n.subscribe((n=>{this._observables.get(t).get(e)[1]=n}))}delete(t,e){if(this._observables.has(t)&&this._observables.get(t).has(e)){let n=this._observables.get(t).get(e)[2];null==n||n.unsubscribe(),this._observables.get(t).delete(e)}}value(t,e){var n,r;return null===(r=null===(n=this._observables.get(t))||void 0===n?void 0:n.get(e))||void 0===r?void 0:r[1]}}function O(t){return j.has(t)||j.set(t,new v),j.get(t)}function g(i,u,s){let c=t(i),f=l(c).pipe(e.map((()=>{})),e.startWith(void 0));return s=Object.assign({distinct:!0},s),n(i)?f.pipe(e.map((()=>c.querySelector(u))),o(s.distinct)):f.pipe(e.map((()=>{let t=Array.from(c.querySelectorAll(u));for(let e=0;e<t.length;e++){let n=t[e];if(!r(n,c))return n}return null})),o(s.distinct))}function C(e,n){return function(r,i){let l=r.connectedCallback;r.connectedCallback=function(){null==l||l.call(this)};let o=Object.getOwnPropertyDescriptor(r.prototype,i)||{configurable:!0,enumerable:!0};delete o.value,delete o.writable,Object.defineProperty(r,i,Object.assign(Object.assign({},o),{set(t){},get(){let r=t(this),l=O("@ContentChild");if(!l.has(r,i)){let t=g(this,e,n);t=b(t,this,n),l.set(r,i,t)}return l.value(r,i)}}))}}function w(i,o,u){let s=t(i),f=l(s).pipe(e.map((()=>{})),e.startWith(void 0));return u=Object.assign({distinct:!0},u),n(i)?f.pipe(e.map((()=>Array.from(s.querySelectorAll(o)))),c(u.distinct)):f.pipe(e.map((()=>Array.from(s.querySelectorAll(o)).filter((t=>!r(t,s))))),c(u.distinct))}function x(e,n){return function(r,i){let l=r.connectedCallback;r.connectedCallback=function(){null==l||l.call(this)};let o=Object.getOwnPropertyDescriptor(r.prototype,i)||{configurable:!0,enumerable:!0};delete o.value,delete o.writable,Object.defineProperty(r,i,Object.assign(Object.assign({},o),{set(t){},get(){let l=t(r),o=O("@ContentChildren");if(!o.has(l,i)){let t=w(this,e,n);t=b(t,this,n),o.set(l,i,t)}return o.value(l,i)}}))}}function y(e,n){return function(r,i){let l=r.connectedCallback;r.connectedCallback=function(){null==l||l.call(this)};let o=Object.getOwnPropertyDescriptor(r.prototype,i)||{configurable:!0,enumerable:!0};delete o.value,delete o.writable,Object.defineProperty(r,i,Object.assign(Object.assign({},o),{set(t){},get(){let r=t(this),l=O("@ViewChild");if(!l.has(r,i)){let t=a(this,e,n);t=b(t,this,n),l.set(r,i,t)}return l.value(r,i)}}))}}function A(t,e){return"content"===(null==e?void 0:e.target)?C(t,e):y(t,e)}function V(l,o,u){let s=t(l),f=i(l),a=d(l);return u=Object.assign({distinct:!0},u),(f.t||0)>0&&(a=a.pipe(e.startWith(void 0))),n(l)?a.pipe(e.map((()=>Array.from(s.shadowRoot.querySelectorAll(o)))),c(u.distinct)):a.pipe(e.map((()=>Array.from(s.querySelectorAll(o)))),e.map((t=>t.filter((t=>r(t,s))))),c(u.distinct))}function B(e,n){return function(r,i){let l=r.connectedCallback;r.connectedCallback=function(){null==l||l.call(this)};let o=Object.getOwnPropertyDescriptor(r.prototype,i)||{configurable:!0,enumerable:!0};delete o.value,delete o.writable,Object.defineProperty(r,i,Object.assign(Object.assign({},o),{set(t){},get(){let l=t(r),o=O("@ViewChildren");if(!o.has(l,i)){let t=V(this,e,n);t=b(t,this,n),o.set(l,i,t)}return o.value(l,i)}}))}}function D(t,e){return"content"===(null==e?void 0:e.target)?x(t,e):B(t,e)}function M(t,n){return r=>r.pipe(e.tap((e=>{t[n]=e})))}export{C as ContentChild,x as ContentChildren,A as QuerySelector,D as QuerySelectorAll,y as ViewChild,B as ViewChildren,g as contentChildObservable,w as contentChildrenObservable,d as renderObservable,M as toProperty,a as viewChildObservable,V as viewChildrenObservable,h as whileConnected}

package/dist/rx-stencil/p-7c570c65.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s,H as t}from"./p-BCGlW-2C.js";import{v as l}from"./p-DHIVm3-O.js";import"./p-Bn8mRT4P.js";import"./p-BQCAKjCT.js";const d=class{constructor(s){e(this,s),this.which="all",this._log=[]}async getLog(){return this._log}async clearLog(){this._log=[]}connectedCallback(){l(this,"div").subscribe((e=>{this._log.push(`viewChildObservable@connectedCallback: ${null==e?void 0:e.id}`)}))}render(){return s(t,{key:"3d253195f6c56cf48990e6daf7dde10971753a74"},"even"!==this.which?s("div",{id:"test-1",class:"odd all",key:"test-1"},"1"):null,"odd"!==this.which?s("div",{id:"test-2",class:"even all",key:"test-2"},"2"):null,"even"!==this.which?s("div",{id:"test-3",class:"odd all",key:"test-3"},"3"):null,s("slot",{key:"141bd2c2626e1b89acc55ee79d7fa89e4b767e52"}))}};export{d as test_view_child_observable_shadow_dom}