virtua 0.53.0 → 0.53.1

package/lib/angular/VMasonry.d.ts

@@ -84,6 +84,10 @@ export declare class VMasonry<T> implements OnInit, VMasonryHandle {
      * @defaultValue 200
      */
     readonly bufferSize: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * List of indexes that should be always mounted, even when off screen.
+     */
+    readonly keepMounted: import("@angular/core").InputSignal<readonly number[] | undefined>;
     /**
      * You can restore cache by passing a {@link CacheSnapshot} on mount. This is useful when you want to restore scroll position after navigation. The snapshot can be obtained from {@link VMasonryHandle.cache}.
      *
@@ -98,6 +102,7 @@ export declare class VMasonry<T> implements OnInit, VMasonryHandle {
      * Emitted when scrolling stops.
      */
     readonly scrollEnded: import("@angular/core").OutputEmitterRef<void>;
+    private _indexes;
     constructor();
     ngOnInit(): void;
     get cache(): CacheSnapshot;
@@ -110,5 +115,5 @@ export declare class VMasonry<T> implements OnInit, VMasonryHandle {
     scrollTo(offset: number): void;
     scrollBy(offset: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VMasonry<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<VMasonry<any>, "virtua-vmasonry", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "getKey": { "alias": "getKey"; "required": false; "isSignal": true; }; "lanes": { "alias": "lanes"; "required": true; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "bufferSize": { "alias": "bufferSize"; "required": false; "isSignal": true; }; "cacheProp": { "alias": "cache"; "required": false; "isSignal": true; }; }, { "scrolled": "scrolled"; "scrollEnded": "scrollEnded"; }, ["template"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VMasonry<any>, "virtua-vmasonry", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "getKey": { "alias": "getKey"; "required": false; "isSignal": true; }; "lanes": { "alias": "lanes"; "required": true; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "bufferSize": { "alias": "bufferSize"; "required": false; "isSignal": true; }; "keepMounted": { "alias": "keepMounted"; "required": false; "isSignal": true; }; "cacheProp": { "alias": "cache"; "required": false; "isSignal": true; }; }, { "scrolled": "scrolled"; "scrollEnded": "scrollEnded"; }, ["template"], never, true, never>;
 }

package/lib/angular/index.js

@@ -6,18 +6,18 @@ import { NgTemplateOutlet as v } from "@angular/common";
 
 var z, N = [], {min: w, max: b, abs: $, floor: R} = Math, I = (e, t, i) => w(i, b(t, e)), P = e => e.sort((e, t) => e - t), x = setTimeout, q = clearTimeout, F = "function" == typeof queueMicrotask ? queueMicrotask : e => {
     Promise.resolve().then(e);
-}, O = () => {
+}, k = () => {
     let e;
     return [ new Promise(t => {
         e = t;
     }), e ];
-}, k = e => e.ownerDocument, C = e => e.defaultView, T = () => (null == z && (z = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
-z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $isSizeEqual: n, $getTotalSize: r, $getLength: o, $setLength: l, $isEstimating: a, $resize: c, $relayout: u}, p = 0) => {
+}, O = e => e.ownerDocument, C = e => e.defaultView, T = () => (null == z && (z = /iP(hone|od|ad)/.test(navigator.userAgent) || "MacIntel" === navigator.platform && navigator.maxTouchPoints > 0), 
+z), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $findIndex: t, $getItemOffset: i, $getItemSize: s, $isSizeEqual: n, $getTotalSize: r, $getLength: o, $setLength: l, $isEstimating: a, $resize: c, $relayout: u}, p = 0) => {
     let m = !!p, d = 1, h = 0, f = 0, g = 0, S = 0, y = 0, v = 0, z = 0, N = 0, R = null, I = [ 0, m ? b(p - 1, 0) : -1 ], P = !1;
-    const x = /* @__PURE__ */ new Set, q = () => g - f, F = () => q() + y + S, O = e => i(e) - y, k = e => {
+    const x = /* @__PURE__ */ new Set, q = () => g - f, F = () => q() + y + S, k = e => i(e) - y, O = e => {
         if (2 === N) return !0;
         if (R && 1 === N) return e < R[0];
-        const t = q(), i = O(e), n = s(e);
+        const t = q(), i = k(e), n = s(e);
         return 1 !== z && 0 === N ? i + n <= t : i < t && i + n < t + h;
     }, C = e => {
         e && (T() && 0 !== z || R && 1 === N ? y += e : S += e);
@@ -39,7 +39,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
         },
         $findItemIndex: e => t(e - f),
         $isUnmeasuredItem: n,
-        $getItemOffset: O,
+        $getItemOffset: k,
         $getItemSize: s,
         $getItemsLength: o,
         $getScrollOffset: () => g,
@@ -77,7 +77,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
                 {
                     const e = i.filter(([e, t]) => !n(e, t));
                     if (!e.length) break;
-                    C(c(e, k, F(), h)), a = 3, o = !0;
+                    C(c(e, O, F(), h)), a = 3, o = !0;
                     break;
                 }
 
@@ -309,7 +309,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
     let t;
     return {
         i(i) {
-            (t || (t = new (C(k(i)).ResizeObserver)(e))).observe(i);
+            (t || (t = new (C(O(i)).ResizeObserver)(e))).observe(i);
         },
         o(e) {
             t.unobserve(e);
@@ -389,7 +389,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
         }
     };
 }, ee = (e, t) => {
-    let i, s, n = O(), r = !0;
+    let i, s, n = k(), r = !0;
     const o = /* @__PURE__ */ new WeakMap, l = U(n => {
         const l = [];
         for (const {target: a, contentRect: {width: c, height: u}} of n) if (a === i) c || u ? (r || s.u(), 
@@ -409,7 +409,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
             }), n[1](!0);
         },
         $dispose() {
-            l.l(), s && s.l(), n[1](!1), n = O();
+            l.l(), s && s.l(), n[1](!1), n = k();
         },
         $observeItem: (e, t) => (o.set(e, t), l.i(e), () => {
             o.delete(e), l.o(e);
@@ -661,7 +661,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = M(i, t);
+        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
         this.driver = ee(s, this.horizontal()), s.$subscribe(1, e => {
             this.R.set(s.$getStateVersion()), e && this.$.tick();
         }), s.$subscribe(4, () => {
@@ -677,7 +677,7 @@ z), _ = e => b(e.$getTotalSize(), e.$getViewportSize()), M = ({$getRange: e, $fi
         return this.S.$getScrollOffset();
     }
     get scrollSize() {
-        return _(this.S);
+        return M(this.S);
     }
     get viewportSize() {
         return this.S.$getViewportSize();
@@ -1084,9 +1084,9 @@ var ue = class i {
     ngOnInit() {
         const e = this.itemSize(), t = this.ssrCount();
         this.isSSR.set(!!t);
-        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = M(i, t);
+        const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
         this.driver = ((e, t) => {
-            let i, s, n, r, o, l = O();
+            let i, s, n, r, o, l = k();
             const a = /* @__PURE__ */ new WeakMap, c = U(s => {
                 const n = [];
                 for (const {target: e, contentRect: {width: r, height: l}} of s) if (e === i) o && o(); else if (e.offsetParent) {
@@ -1097,7 +1097,7 @@ var ue = class i {
             });
             return {
                 $observe(a) {
-                    const u = k(a), p = C(u), m = i = u.scrollingElement, d = t && "rtl" === getComputedStyle(m).direction, h = (e, t, i, s, n = 0) => {
+                    const u = O(a), p = C(u), m = i = u.scrollingElement, d = t && "rtl" === getComputedStyle(m).direction, h = (e, t, i, s, n = 0) => {
                         const r = s ? "offsetLeft" : "offsetTop", o = n + (d ? t.clientWidth - e[r] - e.offsetWidth : e[r]), l = e.offsetParent;
                         return e !== i && l ? h(l, t, i, s, o) : o;
                     }, f = r = () => h(a, m, u.body, t), g = o = () => {
@@ -1108,7 +1108,7 @@ var ue = class i {
                     }, s = Z(e, p, m, t, d, null, f), l[1](!0);
                 },
                 $dispose() {
-                    n && n(), c.l(), s && s.l(), l[1](!1), l = O();
+                    n && n(), c.l(), s && s.l(), l[1](!1), l = k();
                 },
                 $observeItem: (e, t) => (a.set(e, t), c.i(e), () => {
                     a.delete(e), c.o(e);
@@ -1503,7 +1503,7 @@ var pe = class t {
     P;
     q;
     F;
-    O;
+    k;
     driver;
     N=d(n).nativeElement;
     $=d(t);
@@ -1516,8 +1516,8 @@ var pe = class t {
     });
     rowCount=u(() => this.R() && this.P.$getItemsLength());
     colCount=u(() => this.R() && this.q.$getItemsLength());
-    k=u(() => this.F.$getSizes(this.rows(), this.rowHeight()));
-    C=u(() => this.O.$getSizes(this.cols(), this.colWidth()));
+    O=u(() => this.F.$getSizes(this.rows(), this.rowHeight()));
+    C=u(() => this.k.$getSizes(this.cols(), this.colWidth()));
     T=u(() => ((e = N) => {
         const t = /* @__PURE__ */ new Map;
         for (const i of e) {
@@ -1553,18 +1553,18 @@ var pe = class t {
             y.push(e), i >= 0 && y.push(g[i]), v.push(t);
         }
         P(y), P(v);
-        const F = A(y, u, m, i, s, d), O = A(v, p, h, n, r, f), k = F.length, C = O.length, T = /* @__PURE__ */ new Map, _ = [], M = [];
+        const F = A(y, u, m, i, s, d), k = A(v, p, h, n, r, f), O = F.length, C = k.length, T = /* @__PURE__ */ new Map, M = [], _ = [];
         for (const e of z) {
             const t = Q(e, u), i = J(e, p);
-            _.push(t), M.push(i);
-            const s = O.indexOf(e.colIndex);
-            for (let n = F.indexOf(e.rowIndex); n < k && F[n] < t; n++) {
+            M.push(t), _.push(i);
+            const s = k.indexOf(e.colIndex);
+            for (let n = F.indexOf(e.rowIndex); n < O && F[n] < t; n++) {
                 const t = F[n] * p;
-                for (let n = s; n < C && O[n] < i; n++) T.set(t + O[n], e);
+                for (let n = s; n < C && k[n] < i; n++) T.set(t + k[n], e);
             }
         }
         const V = [];
-        for (const e of O) V.push(!t.$isMeasurable(e) && null);
+        for (const e of k) V.push(!t.$isMeasurable(e) && null);
         const E = [], L = e.$getItemOffset(m), K = [];
         let D = K;
         const G = W.get(e), j = /* @__PURE__ */ new Map;
@@ -1572,7 +1572,7 @@ var pe = class t {
             const l = o < m, a = o >= d, y = H(g, o, d), v = l ? 0 : a ? d : y < 0 ? -1 : g[y];
             if (o === v) {
                 const e = l ? m : a ? u : y + 1 < g.length ? g[y + 1] : d;
-                _.push(e);
+                M.push(e);
                 const t = [];
                 K.push({
                     $key: l ? -1 : a ? -2 : -3 - v,
@@ -1581,23 +1581,23 @@ var pe = class t {
                 }), D = t;
             } else v < 0 && (D = K);
             const z = y >= 0 && o === v, N = l || a || o === x || o >= i && o <= s, w = z ? L : null, $ = o * p, R = G && G.get(o), I = R && R.$cells, P = [];
-            let q = 0, F = !e.$isMeasurable(o) && null, k = o + 1, M = !1;
+            let q = 0, F = !e.$isMeasurable(o) && null, O = o + 1, _ = !1;
             for (let e = 0; e < C; e++) {
-                const i = O[e], s = i < h, a = i >= f, m = s || a || i >= n && i <= r, d = T.get($ + i);
+                const i = k[e], s = i < h, a = i >= f, m = s || a || i >= n && i <= r, d = T.get($ + i);
                 if (d ? d.rowIndex === o && d.colIndex === i : N && m) {
                     const n = d ? Q(d, u) : o + 1, r = d ? J(d, p) : i + 1, m = n - o, h = r - i, f = m > 1, g = h > 1, y = f || g;
                     let v, N;
-                    k = b(k, n);
+                    O = b(O, n);
                     const w = s ? t.$getItemOffset(i) : null, $ = a ? t.$getItemOffset(p) - t.$getItemOffset(r) : null;
                     !1 !== F || f || (v = o, F = !0), !1 !== V[e] || g || (N = i, V[e] = !0);
-                    const R = l ? "columnheader" : i === S && (s || z) ? "rowheader" : "cell", x = y ? m : void 0, O = y ? h : void 0, C = "cell" !== R && c && c.rowIndex === o && c.colIndex === i ? c.order : void 0;
+                    const R = l ? "columnheader" : i === S && (s || z) ? "rowheader" : "cell", x = y ? m : void 0, k = y ? h : void 0, C = "cell" !== R && c && c.rowIndex === o && c.colIndex === i ? c.order : void 0;
                     let T;
                     if (I) {
                         const e = I.length;
                         for (;q < e && I[q].$col < i; ) q++;
                         q < e && I[q].$col === i && (T = I[q]);
                     }
-                    if (!T || T.$rowSpan !== x || T.$colSpan !== O || T.$start !== w || T.$end !== $ || T.$measureRow !== v || T.$measureCol !== N || T.$role !== R || T.$sort !== C) {
+                    if (!T || T.$rowSpan !== x || T.$colSpan !== k || T.$start !== w || T.$end !== $ || T.$measureRow !== v || T.$measureCol !== N || T.$role !== R || T.$sort !== C) {
                         let e = "1/l" + i;
                         y && (e += "/l" + n + "/l" + r);
                         const t = {
@@ -1610,7 +1610,7 @@ var pe = class t {
                         t.position = "sticky", t.zIndex = 2), T = {
                             $col: i,
                             $rowSpan: x,
-                            $colSpan: O,
+                            $colSpan: k,
                             $measureRow: v,
                             $measureCol: N,
                             $role: R,
@@ -1618,27 +1618,27 @@ var pe = class t {
                             $style: t,
                             $start: w,
                             $end: $
-                        }, M = !0;
+                        }, _ = !0;
                     }
                     P.push(T);
                 }
             }
             if (E.push(F), P.length) {
-                const e = R && !M && R.$cells.length === P.length && R.$top === w ? R : {
+                const e = R && !_ && R.$cells.length === P.length && R.$top === w ? R : {
                     $row: o,
                     $cells: P,
-                    $style: Y(o, k, w, "top", 3),
+                    $style: Y(o, O, w, "top", 3),
                     $top: w
                 };
                 j.set(o, e), D.push(e);
             }
         }
         return W.set(e, j), {
-            $rowTemplate: X(e, F, E, P(_), "max-content", u),
-            $colTemplate: X(t, O, V, P(M), "minmax(max-content,auto)", p),
+            $rowTemplate: X(e, F, E, P(M), "max-content", u),
+            $colTemplate: X(t, k, V, P(_), "minmax(max-content,auto)", p),
             $groups: K
         };
-    })(this.F, this.O, this.P.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
+    })(this.F, this.k, this.P.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
     rowItem(e) {
         return D(this.rows(), e);
     }
@@ -1655,7 +1655,7 @@ var pe = class t {
             gap: this.gap() + "px",
             "margin-top": i + "px",
             "margin-inline-start": s + "px",
-            height: _(this.P) - i + "px",
+            height: M(this.P) - i + "px",
             "pointer-events": this.P.$isScrolling() || this.q.$isScrolling() ? "none" : void 0
         };
     });
@@ -1663,9 +1663,9 @@ var pe = class t {
         m(() => {
             const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), n = this.headerCols(), r = this.footerCols();
             if (!this.P) return;
-            const o = this.k(), l = this.C();
+            const o = this.O(), l = this.C();
             S(() => {
-                this.F.$setPinned(i, s), this.O.$setPinned(n, r);
+                this.F.$setPinned(i, s), this.k.$setPinned(n, r);
                 const a = K(e), c = K(t);
                 a !== this.P.$getItemsLength() && this.P.$update(5, [ a ]), c !== this.q.$getItemsLength() && this.q.$update(5, [ c ]), 
                 this.P.$update(9, o), this.q.$update(9, l);
@@ -1685,9 +1685,9 @@ var pe = class t {
     ngOnInit() {
         const e = this.N;
         e.setAttribute("style", "display:block;overflow:auto;contain:strict;width:100%;height:100%;" + (e.getAttribute("style") || ""));
-        const t = this.gap(), i = this.F = G(this.rows(), this.rowHeight(), t), s = this.O = G(this.cols(), this.colWidth(), t), n = this.P = M(i), r = this.q = M(s);
+        const t = this.gap(), i = this.F = G(this.rows(), this.rowHeight(), t), s = this.k = G(this.cols(), this.colWidth(), t), n = this.P = _(i), r = this.q = _(s);
         this.driver = ((e, t) => {
-            let i, s, n, r = O(), o = !0;
+            let i, s, n, r = k(), o = !0;
             const l = /* @__PURE__ */ new WeakMap, a = /* @__PURE__ */ new WeakMap, c = U(r => {
                 const c = [], u = [];
                 for (const {target: p, contentRect: {width: m, height: d}} of r) if (p === i) m || d ? (o || (s.u(), 
@@ -1712,7 +1712,7 @@ var pe = class t {
                     s = a(e, !1), n = a(t, !0), r[1](!0);
                 },
                 $dispose() {
-                    c.l(), s && s.l(), n && n.l(), r[1](!1), r = O();
+                    c.l(), s && s.l(), n && n.l(), r[1](!1), r = k();
                 },
                 $observeItem: (e, t, i) => (null != t && l.set(e, t), null != i && a.set(e, i), 
                 c.i(e), () => {
@@ -1745,10 +1745,10 @@ var pe = class t {
         return this.q.$getScrollOffset();
     }
     get scrollHeight() {
-        return _(this.P);
+        return M(this.P);
     }
     get scrollWidth() {
-        return _(this.q);
+        return M(this.q);
     }
     get viewportHeight() {
         return this.P.$getViewportSize();
@@ -1777,7 +1777,7 @@ var pe = class t {
     scrollToIndex(e) {
         ((e, t, i, s, n, r = N, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
             null != o && ne(e, t, s, r, o, a, !1), null != l && ne(e, i, n, N, l, c, !0);
-        })(this.driver, this.P, this.q, this.F, this.O, this.sectionRows(), e);
+        })(this.driver, this.P, this.q, this.F, this.k, this.sectionRows(), e);
     }
     scrollTo({vertical: e, horizontal: t}) {
         ((e, t, i) => {
@@ -2059,6 +2059,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
     gap=h();
     itemSize=h();
     bufferSize=h();
+    keepMounted=h();
     cacheProp=h(void 0, {
         alias: "cache"
     });
@@ -2072,22 +2073,32 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
     N=d(n).nativeElement;
     $=d(t);
     R=g(void 0);
+    I=u(() => {
+        this.R();
+        const e = this.data().length, [t, i] = this.S.$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 P([ ...r ])) t < e && n.push(t);
+        } else for (let e = t; e <= i; e++) n.push(e);
+        return n;
+    });
     items=u(() => {
         this.R();
-        const e = this.S, t = this.v, i = this.data(), s = this.getKey(), n = t.$getGap(), r = t.$getLanes(), o = fe(1 / r, n / r - n), [l, a] = e.$getRange(this.bufferSize()), c = [];
-        for (let u = l; u <= a; u++) {
-            const l = i[u], a = t.$getItemLane(u);
-            c.push({
-                key: s(l, u),
-                index: u,
-                data: l,
-                offset: e.$getItemOffset(u),
-                crossOffset: fe(a / r, a * n / r),
+        const e = this.S, t = this.v, i = this.data(), s = this.getKey(), n = t.$getGap(), r = t.$getLanes(), o = fe(1 / r, n / r - n), l = [];
+        for (const a of this.I()) {
+            const c = i[a], u = t.$getItemLane(a);
+            l.push({
+                key: s(c, a),
+                index: a,
+                data: c,
+                offset: e.$getItemOffset(a),
+                crossOffset: fe(u / r, u * n / r),
                 crossSize: o,
-                hide: e.$isUnmeasuredItem(u)
+                hide: e.$isUnmeasuredItem(a)
             });
         }
-        return c;
+        return l;
     });
     containerStyle=u(() => (this.R(), {
         contain: "size style",
@@ -2201,7 +2212,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
                 $getGap: () => i,
                 $getItemLane: e => (y(e), f[e])
             };
-        })(this.data().length, this.lanes(), this.gap(), this.itemSize(), this.cacheProp()), i = this.S = M(t);
+        })(this.data().length, this.lanes(), this.gap(), this.itemSize(), this.cacheProp()), i = this.S = _(t);
         this.driver = ee(i, !1), i.$subscribe(1, e => {
             this.R.set(i.$getStateVersion()), e && this.$.tick();
         }), i.$subscribe(4, () => {
@@ -2217,7 +2228,7 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
         return this.S.$getScrollOffset();
     }
     get scrollSize() {
-        return _(this.S);
+        return M(this.S);
     }
     get viewportSize() {
         return this.S.$getViewportSize();
@@ -2294,6 +2305,13 @@ var fe = (e, t) => t ? `calc(${100 * e}% + ${t}px)` : 100 * e + "%", ge = class
                 isRequired: !1,
                 transformFunction: null
             },
+            keepMounted: {
+                classPropertyName: "keepMounted",
+                publicName: "keepMounted",
+                isSignal: !0,
+                isRequired: !1,
+                transformFunction: null
+            },
             cacheProp: {
                 classPropertyName: "cacheProp",
                 publicName: "cache",