virtua 0.49.2 → 0.50.0

package/lib/angular/index.js

@@ -0,0 +1,1148 @@
+import * as e from "@angular/core";
+
+import { ApplicationRef as t, ChangeDetectionStrategy as i, DestroyRef as s, ElementRef as n, TemplateRef as r, afterNextRender as o, afterRenderEffect as l, computed as a, contentChild as c, effect as u, inject as m, input as h, output as p, signal as f, untracked as d, viewChild as g } from "@angular/core";
+
+import { NgTemplateOutlet as y } from "@angular/common";
+
+var {min: S, max: z, abs: v, floor: b} = Math, N = (e, t, i) => S(i, z(t, e)), I = e => [ ...e ].sort((e, t) => e - t), P = "function" == typeof queueMicrotask ? queueMicrotask : e => {
+    Promise.resolve().then(e);
+}, R = () => {
+    let e;
+    return [ new Promise(t => {
+        e = t;
+    }), e ];
+}, x = e => {
+    let t;
+    return () => (e && (t = e(), e = void 0), t);
+}, k = (e, t, i) => {
+    const s = i ? "unshift" : "push";
+    for (let i = 0; i < t; i++) e[s](-1);
+    return e;
+}, q = (e, t) => {
+    const i = e.t[t];
+    return -1 === i ? e.i : i;
+}, $ = (e, t, i) => {
+    const s = -1 === e.t[t];
+    return e.t[t] = i, e.o = S(t, e.o), s;
+}, F = (e, t) => {
+    if (!e.l) return 0;
+    if (e.o >= t) return e.u[t];
+    e.o < 0 && (e.u[0] = 0, e.o = 0);
+    let i = e.o, s = e.u[i];
+    for (;i < t; ) s += q(e, i), e.u[++i] = s;
+    return e.o = t, s;
+}, T = (e, t, i = 0, s = e.l - 1) => {
+    let n = i;
+    for (;i <= s; ) {
+        const r = b((i + s) / 2);
+        F(e, r) <= t ? (n = r, i = r + 1) : s = r - 1;
+    }
+    return N(n, 0, e.l - 1);
+}, w = (e, t, i) => {
+    const s = t - e.l;
+    return e.o = i ? -1 : S(t - 1, e.o), e.l = t, s > 0 ? (k(e.u, s), k(e.t, s, i), 
+    e.i * s) : (e.u.splice(s), (i ? e.t.splice(0, -s) : e.t.splice(s)).reduce((t, i) => t - (-1 === i ? e.i : i), 0));
+}, O = e => e.documentElement, C = e => e.ownerDocument, _ = e => e.defaultView, M = /*#__PURE__*/ x(() => !!/iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), V = /*#__PURE__*/ x(() => "scrollBehavior" in O(document).style), K = (e, t = 40, i = 0, s, n = !1) => {
+    let r = !!i, o = 1, l = 0, a = 0, c = 0, u = 0, m = 0, h = 0, p = 0, f = 0, d = null, g = [ 0, r ? z(i - 1, 0) : -1 ], y = 0, b = !1;
+    const N = ((e, t, i) => ({
+        i: t,
+        t: i ? k(i.slice(0, S(e, i.length)), z(0, e - i.length)) : k([], e),
+        l: e,
+        o: -1,
+        u: k([], e + 1)
+    }))(e, s ? s[1] : t, s && s[0]), P = /* @__PURE__ */ new Set, R = () => c - a, x = () => R() + m + u, O = (e, t) => ((e, t, i, s) => {
+        if (s = S(s, e.l - 1), F(e, s) <= t) {
+            const n = T(e, i, s);
+            return [ T(e, t, s, n), n ];
+        }
+        {
+            const n = T(e, t, void 0, s);
+            return [ n, T(e, i, n) ];
+        }
+    })(N, e, t, g[0]), C = () => F(N, N.l), _ = (e, t) => {
+        const i = F(N, e) - m;
+        return t ? C() - i - V(e) : i;
+    }, V = e => q(N, e), K = (e, t = -1) => N.t[e] === t, E = e => {
+        e && (M() && 0 !== p || d && 1 === f ? m += e : u += e);
+    };
+    return {
+        $dispose: () => {
+            P.clear();
+        },
+        $getStateVersion: () => o,
+        $getCacheSnapshot: () => (e => [ e.t.slice(), e.i ])(N),
+        $getRange: (e = 200) => {
+            if (!b || r) return g;
+            let t, i;
+            if (h) [t, i] = g; else {
+                let s = z(0, x()), r = s + l;
+                n || (e = z(0, e), 1 !== p && (s -= e), 2 !== p && (r += e)), [t, i] = g = O(z(0, s), z(0, r)), 
+                d && (t = S(t, d[0]), i = z(i, d[1]));
+            }
+            return [ z(t, 0), S(i, N.l - 1) ];
+        },
+        $findItemIndex: e => T(N, e - a),
+        $isUnmeasuredItem: K,
+        $getItemOffset: _,
+        $getItemSize: V,
+        $getItemsLength: () => N.l,
+        $getScrollOffset: () => c,
+        $isScrolling: () => 0 !== p,
+        $getViewportSize: () => l,
+        $getStartSpacerSize: () => a,
+        $getTotalSize: C,
+        m: () => (h = u, u = 0, [ h, 2 === f ]),
+        $subscribe: (e, t) => {
+            const i = [ e, t ];
+            return P.add(i), () => {
+                P.delete(i);
+            };
+        },
+        $update: (e, t) => {
+            let i, s, g = 0;
+            switch (e) {
+              case 1:
+                {
+                    if (t === c && 0 === f) break;
+                    const e = h;
+                    h = 0;
+                    const i = t - c, n = v(i);
+                    e && n < v(e) + 1 || 0 !== f || (p = i < 0 ? 2 : 1), r && (r = !1), c = t, g = 4;
+                    const o = R();
+                    o >= -l && o <= C() && (g += 1, s = n > l);
+                    break;
+                }
+
+              case 2:
+                g = 8, 0 !== p && (i = !0, g += 1), p = 0, f = 0, d = null;
+                break;
+
+              case 3:
+                {
+                    const e = t.filter(([e, t]) => !K(e, t));
+                    if (!e.length) break;
+                    E(e.reduce((e, [t, i]) => {
+                        let s;
+                        if (2 === f) s = !0; else if (d && 1 === f) s = t < d[0]; else {
+                            const e = R(), i = _(t), n = V(t);
+                            s = 1 !== p && 0 === f ? i + n <= e : i < e && i + n < e + l;
+                        }
+                        return s && (e += i - V(t)), e;
+                    }, 0));
+                    for (const [t, i] of e) {
+                        const e = V(t), s = $(N, t, i);
+                        n && (y += s ? i : i - e);
+                    }
+                    n && l && y > l && (E(((e, t) => {
+                        let i = 0;
+                        const s = [];
+                        e.t.forEach((e, n) => {
+                            -1 !== e && (s.push(e), n < t && i++);
+                        }), e.o = -1;
+                        const n = I(s), r = n.length, o = r / 2 | 0, l = r % 2 == 0 ? (n[o - 1] + n[o]) / 2 : n[o], a = e.i;
+                        return ((e.i = l) - a) * z(t - i, 0);
+                    })(N, T(N, x()))), n = !1), g = 3, s = !0;
+                    break;
+                }
+
+              case 4:
+                l !== t && (l || (b = s = !0), l = t, g = 3);
+                break;
+
+              case 5:
+                t[1] ? (E(w(N, t[0], !0)), f = 2, g = 1) : (w(N, t[0]), g = 1);
+                break;
+
+              case 6:
+                a = t;
+                break;
+
+              case 7:
+                f = 1;
+                break;
+
+              case 8:
+                d = O(t, t + l), g = 1;
+            }
+            g && (o = 1 + (2147483647 & o), i && m && (u += m, m = 0), P.forEach(([e, t]) => {
+                g & e && t(s);
+            }));
+        }
+    };
+}, E = setTimeout, D = (e, t) => t ? -e : e, L = (e, t, i, s, n, r) => {
+    const o = Date.now;
+    let l = 0, a = !1, c = !1, u = !1, m = !1;
+    const h = (() => {
+        let t;
+        const i = () => {
+            null != t && clearTimeout(t);
+        }, s = () => {
+            i(), t = E(() => {
+                t = null, (() => {
+                    if (a || c) return a = !1, void h();
+                    u = !1, e.$update(2);
+                })();
+            }, 150);
+        };
+        return s.h = i, s;
+    })(), p = () => {
+        l = o(), u && (m = !0), r && e.$update(6, r()), e.$update(1, s()), h();
+    }, f = t => {
+        if (a || !e.$isScrolling() || t.ctrlKey) return;
+        const s = o() - l;
+        150 > s && 50 < s && (i ? t.deltaX : t.deltaY) && (a = !0);
+    }, d = () => {
+        c = !0, u = m = !1;
+    }, g = () => {
+        c = !1, M() && (u = !0);
+    };
+    return t.addEventListener("scroll", p), t.addEventListener("wheel", f, {
+        passive: !0
+    }), t.addEventListener("touchstart", d, {
+        passive: !0
+    }), t.addEventListener("touchend", g, {
+        passive: !0
+    }), {
+        p: () => {
+            t.removeEventListener("scroll", p), t.removeEventListener("wheel", f), t.removeEventListener("touchstart", d), 
+            t.removeEventListener("touchend", g), h.h();
+        },
+        S: () => {
+            const [t, i] = e.m();
+            t && (n(t, i, m), m = !1, i && e.$getViewportSize() > e.$getTotalSize() && e.$update(1, s()));
+        }
+    };
+}, B = (e, t, i) => {
+    let s;
+    return [ async (n, r) => {
+        if (!await t()) return;
+        s && s();
+        const o = () => {
+            const [t, i] = R();
+            return s = () => {
+                i(!1);
+            }, e.$getViewportSize() && E(s, 150), [ t, e.$subscribe(2, () => {
+                i(!0);
+            }) ];
+        };
+        if (r && V()) e.$update(8, n()), P(async () => {
+            for (;;) {
+                let t = !0;
+                for (let [i, s] = e.$getRange(); i <= s; i++) if (e.$isUnmeasuredItem(i)) {
+                    t = !1;
+                    break;
+                }
+                if (t) break;
+                const [i, s] = o();
+                try {
+                    if (!await i) return;
+                } finally {
+                    s();
+                }
+            }
+            e.$update(7), i(n(), r);
+        }); else for (;;) {
+            const [t, s] = o();
+            try {
+                if (e.$update(7), i(n()), !await t) return;
+            } finally {
+                s();
+            }
+        }
+    }, () => {
+        s && s();
+    } ];
+}, J = e => {
+    let t;
+    return {
+        v(i) {
+            (t || (t = new (_(C(i)).ResizeObserver)(e))).observe(i);
+        },
+        N(e) {
+            t.unobserve(e);
+        },
+        p() {
+            t && t.disconnect();
+        }
+    };
+}, W = class t {
+    index=h.required();
+    offset=h.required();
+    hide=h.required();
+    horizontal=h.required();
+    resizer=h.required();
+    attrs=h();
+    style=a(() => {
+        const e = this.horizontal(), t = {
+            contain: "layout style",
+            position: "absolute",
+            [e ? "height" : "width"]: "100%",
+            [e ? "top" : "left"]: "0px",
+            [e ? "left" : "top"]: this.offset() + "px",
+            visibility: this.hide() ? "hidden" : void 0,
+            ...this.attrs()?.style
+        };
+        return e && (t.display = "inline-flex"), t;
+    });
+    constructor() {
+        const e = m(n).nativeElement;
+        let t;
+        l({
+            read: () => {
+                const i = this.index();
+                t && t(), t = d(this.resizer)(e, i);
+            }
+        });
+        let i = [];
+        u(() => {
+            const t = this.attrs();
+            for (const t of i) e.removeAttribute(t);
+            i = [];
+            for (const s in t) "style" !== s && "class" !== s && (e.setAttribute(s, t[s]), i.push(s));
+        }), m(s).onDestroy(() => {
+            t && t();
+        });
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.0.8",
+        ngImport: e,
+        type: t,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Directive
+    });
+    static ɵdir=/*@__PURE__*/ e.ɵɵngDeclareDirective({
+        minVersion: "17.1.0",
+        version: "22.0.8",
+        type: t,
+        isStandalone: !0,
+        selector: "div[virtuaListItem]",
+        inputs: {
+            index: {
+                classPropertyName: "index",
+                publicName: "index",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            offset: {
+                classPropertyName: "offset",
+                publicName: "offset",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            hide: {
+                classPropertyName: "hide",
+                publicName: "hide",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            horizontal: {
+                classPropertyName: "horizontal",
+                publicName: "horizontal",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            resizer: {
+                classPropertyName: "resizer",
+                publicName: "resizer",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            attrs: {
+                classPropertyName: "attrs",
+                publicName: "attrs",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            }
+        },
+        host: {
+            properties: {
+                style: "style()",
+                class: "attrs()?.class"
+            }
+        },
+        ngImport: e
+    });
+}, j = (e, t) => "_" + t, X = class i {
+    data=h.required();
+    getKey=h(j);
+    itemProps=h();
+    bufferSize=h();
+    scrollRef=h();
+    itemSize=h();
+    ssrCount=h();
+    shift=h(!1);
+    horizontal=h(!1);
+    keepMounted=h();
+    cache=h();
+    startMargin=h(0);
+    scroll=p();
+    scrollEnd=p();
+    itemTemplate=h();
+    contentTemplate=c(r);
+    template=a(() => this.itemTemplate() ?? this.contentTemplate());
+    I;
+    resizer;
+    P;
+    R=m(n).nativeElement;
+    k=m(t);
+    q=f(void 0);
+    $=a(() => {
+        this.q();
+        const e = this.data().length, [t, i] = this.I.$getRange(this.bufferSize()), s = this.keepMounted(), n = [];
+        if (s) {
+            const r = new Set(s);
+            for (let e = t; e <= i; e++) r.add(e);
+            for (const t of I([ ...r ])) t < e && n.push(t);
+        } else for (let s = t; s <= i; s++) s < e && n.push(s);
+        return n;
+    });
+    items=a(() => {
+        this.q();
+        const e = this.I, t = this.data(), i = this.getKey(), s = this.itemProps(), n = this.P.$isNegative();
+        return this.$().map(r => {
+            const o = t[r];
+            return {
+                key: i(o, r),
+                index: r,
+                data: o,
+                offset: e.$getItemOffset(r, n),
+                hide: e.$isUnmeasuredItem(r),
+                attrs: s?.({
+                    item: o,
+                    index: r
+                })
+            };
+        });
+    });
+    containerStyle=a(() => {
+        this.q();
+        const e = this.horizontal(), t = this.I.$getTotalSize();
+        return {
+            display: "block",
+            contain: "size style",
+            "overflow-anchor": "none",
+            flex: "none",
+            position: "relative",
+            width: e ? t + "px" : "100%",
+            height: e ? "100%" : t + "px",
+            "pointer-events": this.I.$isScrolling() ? "none" : void 0
+        };
+    });
+    constructor() {
+        u(() => {
+            const e = this.data().length;
+            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
+        }), u(() => {
+            const e = this.startMargin();
+            this.I && e !== this.I.$getStartSpacerSize() && this.I.$update(6, e);
+        }), o({
+            read: () => {
+                const e = this.scrollRef() ?? this.R.parentElement;
+                this.resizer.$observeRoot(e), this.P.$observe(this.R, e);
+            }
+        }), l({
+            read: () => {
+                this.q(), this.P.$fixScrollJump();
+            }
+        }), m(s).onDestroy(() => {
+            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        });
+    }
+    ngOnInit() {
+        const e = this.itemSize(), t = this.I = K(this.data().length, e, this.ssrCount(), this.cache(), !e);
+        this.resizer = (e => {
+            let t;
+            const i = this.horizontal() ? "width" : "height", s = /* @__PURE__ */ new WeakMap, n = J(n => {
+                const r = [];
+                for (const {target: o, contentRect: l} of n) if (o.offsetParent) if (o === t) e.$update(4, l[i]); else {
+                    const e = s.get(o);
+                    null != e && r.push([ e, l[i] ]);
+                }
+                r.length && e.$update(3, r);
+            });
+            return {
+                $observeRoot(e) {
+                    n.v(t = e);
+                },
+                $observeItem: (e, t) => (s.set(e, t), n.v(e), () => {
+                    s.delete(e), n.N(e);
+                }),
+                $dispose: n.p
+            };
+        })(t), this.P = ((e, t) => {
+            let i, s, n = R(), r = !1;
+            const o = t ? "scrollLeft" : "scrollTop", l = t ? "overflowX" : "overflowY", [a, c] = B(e, () => n[0], (e, s) => {
+                e = D(e, r), s ? i.scrollTo({
+                    [t ? "left" : "top"]: e,
+                    behavior: "smooth"
+                }) : i[o] = e;
+            });
+            return {
+                $observe(a, u) {
+                    i = u, t && (r = "rtl" === getComputedStyle(u).direction), s = L(e, u, t, () => D(u[o], r), (t, i, s) => {
+                        if (s) {
+                            const e = u.style, t = e[l];
+                            e[l] = "hidden", E(() => {
+                                e[l] = t;
+                            });
+                        }
+                        u[o] = D(e.$getScrollOffset() + t, r), i && c();
+                    }), n[1](!0);
+                },
+                $dispose() {
+                    s && s.p(), n[1](!1), n = R();
+                },
+                $isNegative: () => r,
+                $scrollTo(e) {
+                    a(() => e);
+                },
+                $scrollBy(t) {
+                    t += e.$getScrollOffset(), a(() => t);
+                },
+                $scrollToIndex(t, {align: i, smooth: s, offset: n = 0} = {}) {
+                    if (t = N(t, 0, e.$getItemsLength() - 1), "nearest" === i) {
+                        const s = e.$getItemOffset(t), n = e.$getScrollOffset();
+                        if (s < n) i = "start"; else {
+                            if (!(s + e.$getItemSize(t) > n + e.$getViewportSize())) return;
+                            i = "end";
+                        }
+                    }
+                    a(() => n + e.$getStartSpacerSize() + e.$getItemOffset(t) + ("end" === i ? e.$getItemSize(t) - e.$getViewportSize() : "center" === i ? (e.$getItemSize(t) - e.$getViewportSize()) / 2 : 0), s);
+                },
+                $fixScrollJump: () => {
+                    s && s.S();
+                }
+            };
+        })(t, this.horizontal()), t.$subscribe(1, e => {
+            this.q.set(t.$getStateVersion()), e && this.k.tick();
+        }), t.$subscribe(4, () => {
+            this.scroll.emit(t.$getScrollOffset());
+        }), t.$subscribe(8, () => {
+            this.scrollEnd.emit();
+        }), this.q.set(t.$getStateVersion());
+    }
+    getCache() {
+        return this.I.$getCacheSnapshot();
+    }
+    getScrollOffset() {
+        return this.I.$getScrollOffset();
+    }
+    getScrollSize() {
+        return e = this.I, z(e.$getTotalSize(), e.$getViewportSize());
+        var e;
+    }
+    getViewportSize() {
+        return this.I.$getViewportSize();
+    }
+    findItemIndex(e) {
+        return this.I.$findItemIndex(e);
+    }
+    getItemOffset(e) {
+        return this.I.$getItemOffset(e);
+    }
+    getItemSize(e) {
+        return this.I.$getItemSize(e);
+    }
+    scrollToIndex(e, t) {
+        this.P.$scrollToIndex(e, t);
+    }
+    scrollTo(e) {
+        this.P.$scrollTo(e);
+    }
+    scrollBy(e) {
+        this.P.$scrollBy(e);
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.0.8",
+        ngImport: e,
+        type: i,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Component
+    });
+    static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
+        minVersion: "17.0.0",
+        version: "22.0.8",
+        type: i,
+        isStandalone: !0,
+        selector: "virtua-virtualizer, [virtuaVirtualizer]",
+        inputs: {
+            data: {
+                classPropertyName: "data",
+                publicName: "data",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            getKey: {
+                classPropertyName: "getKey",
+                publicName: "getKey",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemProps: {
+                classPropertyName: "itemProps",
+                publicName: "itemProps",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            bufferSize: {
+                classPropertyName: "bufferSize",
+                publicName: "bufferSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            scrollRef: {
+                classPropertyName: "scrollRef",
+                publicName: "scrollRef",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemSize: {
+                classPropertyName: "itemSize",
+                publicName: "itemSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            ssrCount: {
+                classPropertyName: "ssrCount",
+                publicName: "ssrCount",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            shift: {
+                classPropertyName: "shift",
+                publicName: "shift",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            horizontal: {
+                classPropertyName: "horizontal",
+                publicName: "horizontal",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            keepMounted: {
+                classPropertyName: "keepMounted",
+                publicName: "keepMounted",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            cache: {
+                classPropertyName: "cache",
+                publicName: "cache",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            startMargin: {
+                classPropertyName: "startMargin",
+                publicName: "startMargin",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemTemplate: {
+                classPropertyName: "itemTemplate",
+                publicName: "itemTemplate",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            }
+        },
+        outputs: {
+            scroll: "scroll",
+            scrollEnd: "scrollEnd"
+        },
+        host: {
+            properties: {
+                style: "containerStyle()"
+            }
+        },
+        queries: [ {
+            propertyName: "contentTemplate",
+            first: !0,
+            predicate: r,
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        ngImport: e,
+        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [attrs]="item.attrs"\n        [horizontal]="horizontal()"\n        [resizer]="resizer.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
+        isInline: !0,
+        dependencies: [ {
+            kind: "directive",
+            type: e.forwardRef(() => W),
+            selector: "div[virtuaListItem]",
+            inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
+        }, {
+            kind: "directive",
+            type: e.forwardRef(() => y),
+            selector: "[ngTemplateOutlet]",
+            inputs: [ "ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector" ]
+        } ],
+        changeDetection: e.ChangeDetectionStrategy.OnPush
+    });
+};
+
+i.OnPush;
+
+var Y = class t {
+    data=h.required();
+    getKey=h(j);
+    itemProps=h();
+    bufferSize=h();
+    itemSize=h();
+    ssrCount=h();
+    shift=h(!1);
+    horizontal=h(!1);
+    keepMounted=h();
+    cache=h();
+    scroll=p();
+    scrollEnd=p();
+    template=c.required(r);
+    virtualizer=g.required(X);
+    R=m(n).nativeElement;
+    ngOnInit() {
+        const e = this.horizontal(), t = this.R;
+        t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
+    }
+    getCache() {
+        return this.virtualizer().getCache();
+    }
+    getScrollOffset() {
+        return this.virtualizer().getScrollOffset();
+    }
+    getScrollSize() {
+        return this.virtualizer().getScrollSize();
+    }
+    getViewportSize() {
+        return this.virtualizer().getViewportSize();
+    }
+    findItemIndex(e) {
+        return this.virtualizer().findItemIndex(e);
+    }
+    getItemOffset(e) {
+        return this.virtualizer().getItemOffset(e);
+    }
+    getItemSize(e) {
+        return this.virtualizer().getItemSize(e);
+    }
+    scrollToIndex(e, t) {
+        this.virtualizer().scrollToIndex(e, t);
+    }
+    scrollTo(e) {
+        this.virtualizer().scrollTo(e);
+    }
+    scrollBy(e) {
+        this.virtualizer().scrollBy(e);
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.0.8",
+        ngImport: e,
+        type: t,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Component
+    });
+    static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
+        minVersion: "17.2.0",
+        version: "22.0.8",
+        type: t,
+        isStandalone: !0,
+        selector: "virtua-vlist",
+        inputs: {
+            data: {
+                classPropertyName: "data",
+                publicName: "data",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            getKey: {
+                classPropertyName: "getKey",
+                publicName: "getKey",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemProps: {
+                classPropertyName: "itemProps",
+                publicName: "itemProps",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            bufferSize: {
+                classPropertyName: "bufferSize",
+                publicName: "bufferSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemSize: {
+                classPropertyName: "itemSize",
+                publicName: "itemSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            ssrCount: {
+                classPropertyName: "ssrCount",
+                publicName: "ssrCount",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            shift: {
+                classPropertyName: "shift",
+                publicName: "shift",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            horizontal: {
+                classPropertyName: "horizontal",
+                publicName: "horizontal",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            keepMounted: {
+                classPropertyName: "keepMounted",
+                publicName: "keepMounted",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            cache: {
+                classPropertyName: "cache",
+                publicName: "cache",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            }
+        },
+        outputs: {
+            scroll: "scroll",
+            scrollEnd: "scrollEnd"
+        },
+        queries: [ {
+            propertyName: "template",
+            first: !0,
+            predicate: r,
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        viewQueries: [ {
+            propertyName: "virtualizer",
+            first: !0,
+            predicate: X,
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        ngImport: e,
+        template: '\n    <div\n      virtuaVirtualizer\n      [data]="data()"\n      [getKey]="getKey()"\n      [itemProps]="itemProps()"\n      [bufferSize]="bufferSize()"\n      [itemSize]="itemSize()"\n      [ssrCount]="ssrCount()"\n      [shift]="shift()"\n      [horizontal]="horizontal()"\n      [keepMounted]="keepMounted()"\n      [cache]="cache()"\n      [itemTemplate]="template()"\n      (scroll)="scroll.emit($event)"\n      (scrollEnd)="scrollEnd.emit()"\n    ></div>\n  ',
+        isInline: !0,
+        dependencies: [ {
+            kind: "directive",
+            type: e.forwardRef(() => X),
+            selector: "virtua-virtualizer",
+            inputs: [ "data", "getKey", "itemProps", "bufferSize", "scrollRef", "itemSize", "ssrCount", "shift", "horizontal", "keepMounted", "cache", "startMargin", "itemTemplate" ],
+            outputs: [ "scroll", "scrollEnd" ]
+        } ],
+        changeDetection: e.ChangeDetectionStrategy.OnPush
+    });
+};
+
+i.OnPush;
+
+var H = class i {
+    data=h.required();
+    getKey=h(j);
+    bufferSize=h();
+    itemSize=h();
+    shift=h(!1);
+    horizontal=h(!1);
+    cache=h();
+    scroll=p();
+    scrollEnd=p();
+    template=c.required(r);
+    I;
+    resizer;
+    P;
+    R=m(n).nativeElement;
+    k=m(t);
+    q=f(void 0);
+    items=a(() => {
+        this.q();
+        const e = this.I, t = this.data(), i = this.getKey(), s = this.P.$isNegative(), [n, r] = e.$getRange(this.bufferSize()), o = [];
+        for (let l = n; l <= r && l < t.length; l++) {
+            const n = t[l];
+            o.push({
+                key: i(n, l),
+                index: l,
+                data: n,
+                offset: e.$getItemOffset(l, s),
+                hide: e.$isUnmeasuredItem(l)
+            });
+        }
+        return o;
+    });
+    containerStyle=a(() => {
+        this.q();
+        const e = this.horizontal(), t = this.I.$getTotalSize();
+        return {
+            display: "block",
+            contain: "size style",
+            "overflow-anchor": "none",
+            flex: "none",
+            position: "relative",
+            width: e ? t + "px" : "100%",
+            height: e ? "100%" : t + "px",
+            "pointer-events": this.I.$isScrolling() ? "none" : void 0
+        };
+    });
+    constructor() {
+        u(() => {
+            const e = this.data().length;
+            this.I && e !== this.I.$getItemsLength() && this.I.$update(5, [ e, d(this.shift) ]);
+        }), o({
+            read: () => {
+                this.resizer.$observeRoot(this.R), this.P.$observe(this.R);
+            }
+        }), l({
+            read: () => {
+                this.q(), this.P.$fixScrollJump();
+            }
+        }), m(s).onDestroy(() => {
+            this.I?.$dispose(), this.resizer?.$dispose(), this.P?.$dispose();
+        });
+    }
+    ngOnInit() {
+        const e = this.itemSize(), t = this.I = K(this.data().length, e, void 0, this.cache(), !e);
+        this.resizer = ((e, t) => {
+            const i = t ? "width" : "height", s = t ? "innerWidth" : "innerHeight", n = /* @__PURE__ */ new WeakMap, r = J(t => {
+                const s = [];
+                for (const {target: e, contentRect: r} of t) {
+                    if (!e.offsetParent) continue;
+                    const t = n.get(e);
+                    null != t && s.push([ t, r[i] ]);
+                }
+                s.length && e.$update(3, s);
+            });
+            let o;
+            return {
+                $observeRoot(t) {
+                    const i = _(C(t)), n = () => {
+                        e.$update(4, i[s]);
+                    };
+                    i.addEventListener("resize", n), P(n), o = () => {
+                        i.removeEventListener("resize", n);
+                    };
+                },
+                $observeItem: (e, t) => (n.set(e, t), r.v(e), () => {
+                    n.delete(e), r.N(e);
+                }),
+                $dispose() {
+                    o && o(), r.p();
+                }
+            };
+        })(t, this.horizontal()), this.P = ((e, t) => {
+            let i, s, n = R(), r = !1;
+            const o = t ? "left" : "top", [l] = B(e, () => n[0], (e, t) => {
+                e = D(e, r);
+                const s = _(C(i));
+                t ? s.scroll({
+                    [o]: e,
+                    behavior: "smooth"
+                }) : s.scroll({
+                    [o]: e
+                });
+            }), a = (e, t, i, s, n = 0) => {
+                const o = s ? "offsetLeft" : "offsetTop", l = n + (s && r ? i.innerWidth - e[o] - e.offsetWidth : e[o]), c = e.offsetParent;
+                return e !== t && c ? a(c, t, i, s, l) : l;
+            };
+            return {
+                $observe(l) {
+                    i = l;
+                    const c = t ? "scrollX" : "scrollY", u = C(l), m = _(u);
+                    t && (r = "rtl" === getComputedStyle(O(u)).direction), s = L(e, m, t, () => D(m[c], r), (t, i) => {
+                        i ? m.scroll({
+                            [o]: D(e.$getScrollOffset() + t, r)
+                        }) : m.scrollBy({
+                            [o]: D(t, r)
+                        });
+                    }, () => a(l, u.body, m, t)), n[1](!0);
+                },
+                $dispose() {
+                    s && s.p(), i = void 0, n[1](!1), n = R();
+                },
+                $isNegative: () => r,
+                $fixScrollJump: () => {
+                    s && s.S();
+                },
+                $scrollToIndex(s, {align: n, smooth: r, offset: o = 0} = {}) {
+                    if (!i) return;
+                    if (s = N(s, 0, e.$getItemsLength() - 1), "nearest" === n) {
+                        const t = e.$getItemOffset(s), i = e.$getScrollOffset();
+                        if (t < i) n = "start"; else {
+                            if (!(t + e.$getItemSize(s) > i + e.$getViewportSize())) return;
+                            n = "end";
+                        }
+                    }
+                    const c = C(i), u = _(c), m = O(c), h = () => e.$getViewportSize() - (t ? m.clientWidth : m.clientHeight);
+                    l(() => o + a(i, c.body, u, t) + e.$getItemOffset(s) + ("end" === n ? e.$getItemSize(s) - (e.$getViewportSize() - h()) : "center" === n ? (e.$getItemSize(s) - (e.$getViewportSize() - h())) / 2 : 0), r);
+                }
+            };
+        })(t, this.horizontal()), t.$subscribe(1, e => {
+            this.q.set(t.$getStateVersion()), e && this.k.tick();
+        }), t.$subscribe(4, () => {
+            this.scroll.emit();
+        }), t.$subscribe(8, () => {
+            this.scrollEnd.emit();
+        }), this.q.set(t.$getStateVersion());
+    }
+    getCache() {
+        return this.I.$getCacheSnapshot();
+    }
+    getScrollOffset() {
+        return this.I.$getScrollOffset();
+    }
+    getViewportSize() {
+        return this.I.$getViewportSize();
+    }
+    findItemIndex(e) {
+        return this.I.$findItemIndex(e);
+    }
+    getItemOffset(e) {
+        return this.I.$getItemOffset(e);
+    }
+    getItemSize(e) {
+        return this.I.$getItemSize(e);
+    }
+    scrollToIndex(e, t) {
+        this.P.$scrollToIndex(e, t);
+    }
+    static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
+        minVersion: "12.0.0",
+        version: "22.0.8",
+        ngImport: e,
+        type: i,
+        deps: [],
+        target: e.ɵɵFactoryTarget.Component
+    });
+    static ɵcmp=/*@__PURE__*/ e.ɵɵngDeclareComponent({
+        minVersion: "17.0.0",
+        version: "22.0.8",
+        type: i,
+        isStandalone: !0,
+        selector: "virtua-window-virtualizer, [virtuaWindowVirtualizer]",
+        inputs: {
+            data: {
+                classPropertyName: "data",
+                publicName: "data",
+                isSignal: !0,
+                isRequired: !0,
+                transformFunction: null
+            },
+            getKey: {
+                classPropertyName: "getKey",
+                publicName: "getKey",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            bufferSize: {
+                classPropertyName: "bufferSize",
+                publicName: "bufferSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            itemSize: {
+                classPropertyName: "itemSize",
+                publicName: "itemSize",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            shift: {
+                classPropertyName: "shift",
+                publicName: "shift",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            horizontal: {
+                classPropertyName: "horizontal",
+                publicName: "horizontal",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
+            cache: {
+                classPropertyName: "cache",
+                publicName: "cache",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            }
+        },
+        outputs: {
+            scroll: "scroll",
+            scrollEnd: "scrollEnd"
+        },
+        host: {
+            properties: {
+                style: "containerStyle()"
+            }
+        },
+        queries: [ {
+            propertyName: "template",
+            first: !0,
+            predicate: r,
+            emitDistinctChangesOnly: !1,
+            descendants: !0,
+            isSignal: !0
+        } ],
+        ngImport: e,
+        template: '\n    @for (item of items(); track item.key) {\n      <div\n        virtuaListItem\n        [index]="item.index"\n        [offset]="item.offset"\n        [hide]="item.hide"\n        [horizontal]="horizontal()"\n        [resizer]="resizer.$observeItem"\n      >\n        <ng-container\n          [ngTemplateOutlet]="template()"\n          [ngTemplateOutletContext]="{\n            $implicit: item.data,\n            index: item.index,\n          }"\n        />\n      </div>\n    }\n  ',
+        isInline: !0,
+        dependencies: [ {
+            kind: "directive",
+            type: e.forwardRef(() => W),
+            selector: "div[virtuaListItem]",
+            inputs: [ "index", "offset", "hide", "horizontal", "resizer", "attrs" ]
+        }, {
+            kind: "directive",
+            type: e.forwardRef(() => y),
+            selector: "[ngTemplateOutlet]",
+            inputs: [ "ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector" ]
+        } ],
+        changeDetection: e.ChangeDetectionStrategy.OnPush
+    });
+};
+
+i.OnPush;
+
+export { Y as VList, X as Virtualizer, H as WindowVirtualizer };
+//# sourceMappingURL=index.js.map