virtua 0.52.8 → 0.52.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/angular/index.js +134 -132
- package/lib/angular/index.js.map +1 -1
- package/lib/core/index.cjs +40 -38
- package/lib/core/index.cjs.map +1 -1
- package/lib/core/index.js +65 -63
- package/lib/core/index.js.map +1 -1
- package/lib/index.cjs +196 -191
- package/lib/index.cjs.map +1 -1
- package/lib/index.js +190 -185
- package/lib/index.js.map +1 -1
- package/lib/solid/index.cjs +207 -205
- package/lib/solid/index.cjs.map +1 -1
- package/lib/solid/index.js +161 -159
- package/lib/solid/index.js.map +1 -1
- package/lib/solid/index.jsx +16 -0
- package/lib/solid/index.jsx.map +1 -1
- package/lib/vue/index.cjs +171 -169
- package/lib/vue/index.cjs.map +1 -1
- package/lib/vue/index.js +170 -168
- package/lib/vue/index.js.map +1 -1
- package/package.json +1 -1
package/lib/angular/index.js
CHANGED
|
@@ -348,11 +348,12 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
348
348
|
}), t.addEventListener("touchend", R, {
|
|
349
349
|
passive: !0
|
|
350
350
|
}), {
|
|
351
|
+
u: N,
|
|
351
352
|
l: () => {
|
|
352
353
|
t.removeEventListener("scroll", N), t.removeEventListener("wheel", b), t.removeEventListener("touchstart", $),
|
|
353
354
|
t.removeEventListener("touchend", R), q(a);
|
|
354
355
|
},
|
|
355
|
-
|
|
356
|
+
p: () => {
|
|
356
357
|
const [t, s] = e.t();
|
|
357
358
|
if (!t) return;
|
|
358
359
|
d && n && n(), d = !1;
|
|
@@ -362,7 +363,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
362
363
|
behavior: "instant"
|
|
363
364
|
}), s && (l && l(), e.$getViewportSize() > e.$getTotalSize() && e.$update(1, y()));
|
|
364
365
|
},
|
|
365
|
-
|
|
366
|
+
m: (t, i) => {
|
|
366
367
|
let s, r, n;
|
|
367
368
|
l && l();
|
|
368
369
|
const o = l = () => {
|
|
@@ -549,20 +550,20 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
549
550
|
scrolled=f();
|
|
550
551
|
scrollEnded=f();
|
|
551
552
|
contentTemplate=p(l);
|
|
552
|
-
|
|
553
|
+
h=d(ne, {
|
|
553
554
|
optional: !0
|
|
554
555
|
});
|
|
555
|
-
template=u(() => this.
|
|
556
|
-
h;
|
|
556
|
+
template=u(() => this.h?.() ?? this.contentTemplate());
|
|
557
557
|
S;
|
|
558
|
+
v;
|
|
558
559
|
driver;
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
560
|
+
N=d(r).nativeElement;
|
|
561
|
+
$=d(t);
|
|
562
|
+
R=g(void 0);
|
|
562
563
|
isSSR=g(!1);
|
|
563
|
-
|
|
564
|
-
this
|
|
565
|
-
const e = this.data().length, [t, i] = this.
|
|
564
|
+
I=u(() => {
|
|
565
|
+
this.R();
|
|
566
|
+
const e = this.data().length, [t, i] = this.S.$getRange(this.bufferSize()), s = this.keepMounted(), r = [];
|
|
566
567
|
if (s) {
|
|
567
568
|
const n = new Set(s);
|
|
568
569
|
for (let e = t; e <= i; e++) n.add(e);
|
|
@@ -571,9 +572,9 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
571
572
|
return r;
|
|
572
573
|
});
|
|
573
574
|
items=u(() => {
|
|
574
|
-
this
|
|
575
|
-
const e = this.
|
|
576
|
-
return this.
|
|
575
|
+
this.R();
|
|
576
|
+
const e = this.S, t = this.data(), i = this.getKey(), s = this.itemProps();
|
|
577
|
+
return this.I().map(r => {
|
|
577
578
|
const n = t[r];
|
|
578
579
|
return {
|
|
579
580
|
key: i(n, r),
|
|
@@ -589,8 +590,8 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
589
590
|
});
|
|
590
591
|
});
|
|
591
592
|
containerStyle=u(() => {
|
|
592
|
-
this
|
|
593
|
-
const e = this.horizontal(), t = this.
|
|
593
|
+
this.R();
|
|
594
|
+
const e = this.horizontal(), t = this.S.$getTotalSize();
|
|
594
595
|
return {
|
|
595
596
|
display: "block",
|
|
596
597
|
contain: "size style",
|
|
@@ -599,96 +600,97 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
599
600
|
position: "relative",
|
|
600
601
|
width: e ? t + "px" : "100%",
|
|
601
602
|
height: e ? "100%" : t + "px",
|
|
602
|
-
"pointer-events": this.
|
|
603
|
+
"pointer-events": this.S.$isScrolling() ? "none" : void 0
|
|
603
604
|
};
|
|
604
605
|
});
|
|
605
606
|
constructor() {
|
|
606
607
|
m(() => {
|
|
607
608
|
const e = this.data().length;
|
|
608
|
-
this.
|
|
609
|
+
this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
|
|
609
610
|
}), m(() => {
|
|
610
611
|
const e = this.startMargin();
|
|
611
|
-
this.
|
|
612
|
+
this.S && e !== this.S.$getStartSpacerSize() && this.S.$update(6, e);
|
|
612
613
|
}), a({
|
|
613
614
|
read: () => {
|
|
614
|
-
this.isSSR.set(!1), this.driver.$observe(this.
|
|
615
|
+
this.isSSR.set(!1), this.driver.$observe(this.N, this.scrollRef());
|
|
615
616
|
}
|
|
616
617
|
}), c({
|
|
617
618
|
read: () => {
|
|
618
|
-
this
|
|
619
|
+
this.R(), this.driver.$effect();
|
|
619
620
|
}
|
|
620
621
|
}), d(s).onDestroy(() => {
|
|
621
|
-
this.
|
|
622
|
+
this.S?.$dispose(), this.driver?.$dispose();
|
|
622
623
|
});
|
|
623
624
|
}
|
|
624
625
|
ngOnInit() {
|
|
625
626
|
const e = this.itemSize(), t = this.ssrCount();
|
|
626
627
|
this.isSSR.set(!!t);
|
|
627
|
-
const i = this.
|
|
628
|
+
const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
|
|
628
629
|
this.driver = ((e, t) => {
|
|
629
|
-
let i, s, r = k();
|
|
630
|
-
const
|
|
631
|
-
const
|
|
632
|
-
for (const {target:
|
|
633
|
-
|
|
634
|
-
|
|
630
|
+
let i, s, r = k(), n = !0;
|
|
631
|
+
const o = /* @__PURE__ */ new WeakMap, l = U(r => {
|
|
632
|
+
const l = [];
|
|
633
|
+
for (const {target: a, contentRect: {width: c, height: u}} of r) if (a === i) c || u ? (n || s.u(),
|
|
634
|
+
n = !0, e.$update(4, t ? c : u)) : n = !1; else if (a.offsetParent) {
|
|
635
|
+
const e = o.get(a);
|
|
636
|
+
null != e && l.push([ e, t ? c : u ]);
|
|
635
637
|
}
|
|
636
|
-
|
|
638
|
+
l.length && e.$update(3, l);
|
|
637
639
|
});
|
|
638
640
|
return {
|
|
639
|
-
$observe(n,
|
|
640
|
-
|
|
641
|
-
const e = t ? "overflowX" : "overflowY", i =
|
|
641
|
+
$observe(n, o = n.parentElement) {
|
|
642
|
+
l.i(i = o), s = Z(e, o, o, t, t && "rtl" === getComputedStyle(o).direction, () => {
|
|
643
|
+
const e = t ? "overflowX" : "overflowY", i = o.style, s = i[e];
|
|
642
644
|
i[e] = "hidden", x(() => {
|
|
643
645
|
i[e] = s;
|
|
644
646
|
});
|
|
645
647
|
}), r[1](!0);
|
|
646
648
|
},
|
|
647
649
|
$dispose() {
|
|
648
|
-
|
|
650
|
+
l.l(), s && s.l(), r[1](!1), r = k();
|
|
649
651
|
},
|
|
650
|
-
$observeItem: (e, t) => (
|
|
651
|
-
|
|
652
|
+
$observeItem: (e, t) => (o.set(e, t), l.i(e), () => {
|
|
653
|
+
o.delete(e), l.o(e);
|
|
652
654
|
}),
|
|
653
655
|
async $scroll(e, t) {
|
|
654
|
-
await r[0] && s.
|
|
656
|
+
await r[0] && s.m(e, t);
|
|
655
657
|
},
|
|
656
658
|
$effect() {
|
|
657
|
-
s && s.
|
|
659
|
+
s && s.p();
|
|
658
660
|
},
|
|
659
661
|
$getBaseOffset: e.$getStartSpacerSize
|
|
660
662
|
};
|
|
661
663
|
})(s, this.horizontal()), s.$subscribe(1, e => {
|
|
662
|
-
this
|
|
664
|
+
this.R.set(s.$getStateVersion()), e && this.$.tick();
|
|
663
665
|
}), s.$subscribe(4, () => {
|
|
664
666
|
this.scrolled.emit(s.$getScrollOffset());
|
|
665
667
|
}), s.$subscribe(8, () => {
|
|
666
668
|
this.scrollEnded.emit();
|
|
667
|
-
}), this
|
|
669
|
+
}), this.R.set(s.$getStateVersion());
|
|
668
670
|
}
|
|
669
671
|
get cache() {
|
|
670
|
-
return this.
|
|
672
|
+
return this.v.$snapshot();
|
|
671
673
|
}
|
|
672
674
|
get scrollOffset() {
|
|
673
|
-
return this.
|
|
675
|
+
return this.S.$getScrollOffset();
|
|
674
676
|
}
|
|
675
677
|
get scrollSize() {
|
|
676
|
-
return M(this.
|
|
678
|
+
return M(this.S);
|
|
677
679
|
}
|
|
678
680
|
get viewportSize() {
|
|
679
|
-
return this.
|
|
681
|
+
return this.S.$getViewportSize();
|
|
680
682
|
}
|
|
681
683
|
findItemIndex(e) {
|
|
682
|
-
return this.
|
|
684
|
+
return this.S.$findItemIndex(e);
|
|
683
685
|
}
|
|
684
686
|
getItemOffset(e) {
|
|
685
|
-
return this.
|
|
687
|
+
return this.S.$getItemOffset(e);
|
|
686
688
|
}
|
|
687
689
|
getItemSize(e) {
|
|
688
|
-
return this.
|
|
690
|
+
return this.S.$getItemSize(e);
|
|
689
691
|
}
|
|
690
692
|
scrollToIndex(e, t) {
|
|
691
|
-
te(this.driver, this.
|
|
693
|
+
te(this.driver, this.S, e, t);
|
|
692
694
|
}
|
|
693
695
|
scrollTo(e) {
|
|
694
696
|
ee(this.driver, e);
|
|
@@ -696,7 +698,7 @@ w), M = e => b(e.$getTotalSize(), e.$getViewportSize()), _ = ({$getRange: e, $fi
|
|
|
696
698
|
scrollBy(e) {
|
|
697
699
|
((e, t, i) => {
|
|
698
700
|
ee(e, i + t.$getScrollOffset());
|
|
699
|
-
})(this.driver, this.
|
|
701
|
+
})(this.driver, this.S, e);
|
|
700
702
|
}
|
|
701
703
|
static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
|
|
702
704
|
minVersion: "12.0.0",
|
|
@@ -852,9 +854,9 @@ var le = class t {
|
|
|
852
854
|
scrollEnded=f();
|
|
853
855
|
template=p.required(l);
|
|
854
856
|
virtualizer=y.required(oe);
|
|
855
|
-
|
|
857
|
+
N=d(r).nativeElement;
|
|
856
858
|
ngOnInit() {
|
|
857
|
-
const e = this.horizontal(), t = this.
|
|
859
|
+
const e = this.horizontal(), t = this.N;
|
|
858
860
|
t.setAttribute("style", `display:${e ? "inline-block" : "block"};${e ? "overflow-x" : "overflow-y"}:auto;contain:strict;width:100%;height:100%;` + (t.getAttribute("style") || ""));
|
|
859
861
|
}
|
|
860
862
|
get cache() {
|
|
@@ -1027,16 +1029,16 @@ var ae = class i {
|
|
|
1027
1029
|
scrolled=f();
|
|
1028
1030
|
scrollEnded=f();
|
|
1029
1031
|
template=p.required(l);
|
|
1030
|
-
h;
|
|
1031
1032
|
S;
|
|
1033
|
+
v;
|
|
1032
1034
|
driver;
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1035
|
+
N=d(r).nativeElement;
|
|
1036
|
+
$=d(t);
|
|
1037
|
+
R=g(void 0);
|
|
1036
1038
|
isSSR=g(!1);
|
|
1037
1039
|
items=u(() => {
|
|
1038
|
-
this
|
|
1039
|
-
const e = this.
|
|
1040
|
+
this.R();
|
|
1041
|
+
const e = this.S, t = this.data(), i = this.getKey(), [s, r] = e.$getRange(this.bufferSize()), n = [];
|
|
1040
1042
|
for (let o = s; o <= r; o++) {
|
|
1041
1043
|
const s = t[o];
|
|
1042
1044
|
n.push({
|
|
@@ -1050,8 +1052,8 @@ var ae = class i {
|
|
|
1050
1052
|
return n;
|
|
1051
1053
|
});
|
|
1052
1054
|
containerStyle=u(() => {
|
|
1053
|
-
this
|
|
1054
|
-
const e = this.horizontal(), t = this.
|
|
1055
|
+
this.R();
|
|
1056
|
+
const e = this.horizontal(), t = this.S.$getTotalSize();
|
|
1055
1057
|
return {
|
|
1056
1058
|
display: "block",
|
|
1057
1059
|
contain: "size style",
|
|
@@ -1060,29 +1062,29 @@ var ae = class i {
|
|
|
1060
1062
|
position: "relative",
|
|
1061
1063
|
width: e ? t + "px" : "100%",
|
|
1062
1064
|
height: e ? "100%" : t + "px",
|
|
1063
|
-
"pointer-events": this.
|
|
1065
|
+
"pointer-events": this.S.$isScrolling() ? "none" : void 0
|
|
1064
1066
|
};
|
|
1065
1067
|
});
|
|
1066
1068
|
constructor() {
|
|
1067
1069
|
m(() => {
|
|
1068
1070
|
const e = this.data().length;
|
|
1069
|
-
this.
|
|
1071
|
+
this.S && e !== this.S.$getItemsLength() && this.S.$update(5, [ e, S(this.shift) ]);
|
|
1070
1072
|
}), a({
|
|
1071
1073
|
read: () => {
|
|
1072
|
-
this.isSSR.set(!1), this.driver.$observe(this.
|
|
1074
|
+
this.isSSR.set(!1), this.driver.$observe(this.N);
|
|
1073
1075
|
}
|
|
1074
1076
|
}), c({
|
|
1075
1077
|
read: () => {
|
|
1076
|
-
this
|
|
1078
|
+
this.R(), this.driver.$effect();
|
|
1077
1079
|
}
|
|
1078
1080
|
}), d(s).onDestroy(() => {
|
|
1079
|
-
this.
|
|
1081
|
+
this.S?.$dispose(), this.driver?.$dispose();
|
|
1080
1082
|
});
|
|
1081
1083
|
}
|
|
1082
1084
|
ngOnInit() {
|
|
1083
1085
|
const e = this.itemSize(), t = this.ssrCount();
|
|
1084
1086
|
this.isSSR.set(!!t);
|
|
1085
|
-
const i = this.
|
|
1087
|
+
const i = this.v = L(this.data().length, e, this.cacheProp()), s = this.S = _(i, t);
|
|
1086
1088
|
this.driver = ((e, t) => {
|
|
1087
1089
|
let i, s, r, n, o, l = k();
|
|
1088
1090
|
const a = /* @__PURE__ */ new WeakMap, c = U(s => {
|
|
@@ -1112,41 +1114,41 @@ var ae = class i {
|
|
|
1112
1114
|
a.delete(e), c.o(e);
|
|
1113
1115
|
}),
|
|
1114
1116
|
async $scroll(e, t) {
|
|
1115
|
-
await l[0] && s.
|
|
1117
|
+
await l[0] && s.m(e, t);
|
|
1116
1118
|
},
|
|
1117
1119
|
$effect() {
|
|
1118
|
-
s && s.
|
|
1120
|
+
s && s.p();
|
|
1119
1121
|
},
|
|
1120
1122
|
$getBaseOffset: () => n()
|
|
1121
1123
|
};
|
|
1122
1124
|
})(s, this.horizontal()), s.$subscribe(1, e => {
|
|
1123
|
-
this
|
|
1125
|
+
this.R.set(s.$getStateVersion()), e && this.$.tick();
|
|
1124
1126
|
}), s.$subscribe(4, () => {
|
|
1125
1127
|
this.scrolled.emit();
|
|
1126
1128
|
}), s.$subscribe(8, () => {
|
|
1127
1129
|
this.scrollEnded.emit();
|
|
1128
|
-
}), this
|
|
1130
|
+
}), this.R.set(s.$getStateVersion());
|
|
1129
1131
|
}
|
|
1130
1132
|
get cache() {
|
|
1131
|
-
return this.
|
|
1133
|
+
return this.v.$snapshot();
|
|
1132
1134
|
}
|
|
1133
1135
|
get scrollOffset() {
|
|
1134
|
-
return this.
|
|
1136
|
+
return this.S.$getScrollOffset();
|
|
1135
1137
|
}
|
|
1136
1138
|
get viewportSize() {
|
|
1137
|
-
return this.
|
|
1139
|
+
return this.S.$getViewportSize();
|
|
1138
1140
|
}
|
|
1139
1141
|
findItemIndex(e) {
|
|
1140
|
-
return this.
|
|
1142
|
+
return this.S.$findItemIndex(e);
|
|
1141
1143
|
}
|
|
1142
1144
|
getItemOffset(e) {
|
|
1143
|
-
return this.
|
|
1145
|
+
return this.S.$getItemOffset(e);
|
|
1144
1146
|
}
|
|
1145
1147
|
getItemSize(e) {
|
|
1146
|
-
return this.
|
|
1148
|
+
return this.S.$getItemSize(e);
|
|
1147
1149
|
}
|
|
1148
1150
|
scrollToIndex(e, t) {
|
|
1149
|
-
te(this.driver, this.
|
|
1151
|
+
te(this.driver, this.S, e, t);
|
|
1150
1152
|
}
|
|
1151
1153
|
static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
|
|
1152
1154
|
minVersion: "12.0.0",
|
|
@@ -1498,25 +1500,25 @@ var ce = class t {
|
|
|
1498
1500
|
scrollEnded=f();
|
|
1499
1501
|
template=p.required(l);
|
|
1500
1502
|
container=y.required("container");
|
|
1501
|
-
I;
|
|
1502
1503
|
P;
|
|
1503
1504
|
q;
|
|
1504
1505
|
F;
|
|
1506
|
+
k;
|
|
1505
1507
|
driver;
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1508
|
+
N=d(r).nativeElement;
|
|
1509
|
+
$=d(t);
|
|
1510
|
+
R=g(void 0);
|
|
1509
1511
|
ariaRowCount=d(new n("aria-rowcount"), {
|
|
1510
1512
|
optional: !0
|
|
1511
1513
|
});
|
|
1512
1514
|
ariaColCount=d(new n("aria-colcount"), {
|
|
1513
1515
|
optional: !0
|
|
1514
1516
|
});
|
|
1515
|
-
rowCount=u(() => this
|
|
1516
|
-
colCount=u(() => this
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1517
|
+
rowCount=u(() => this.R() && this.P.$getItemsLength());
|
|
1518
|
+
colCount=u(() => this.R() && this.q.$getItemsLength());
|
|
1519
|
+
C=u(() => this.F.$getSizes(this.rows(), this.rowHeight()));
|
|
1520
|
+
O=u(() => this.k.$getSizes(this.cols(), this.colWidth()));
|
|
1521
|
+
T=u(() => ((e = z) => {
|
|
1520
1522
|
const t = /* @__PURE__ */ new Map;
|
|
1521
1523
|
for (const i of e) {
|
|
1522
1524
|
const e = i.rowIndex + (i.rowSpan || 1);
|
|
@@ -1527,7 +1529,7 @@ var ce = class t {
|
|
|
1527
1529
|
}
|
|
1528
1530
|
return t;
|
|
1529
1531
|
})(this.spans()));
|
|
1530
|
-
plan=u(() => (this
|
|
1532
|
+
plan=u(() => (this.R(), ((e, t, [i, s], [r, n], o, l = z, a = z, c) => {
|
|
1531
1533
|
const u = e.$getLength(), p = t.$getLength(), m = e.$getPinnedStart(), d = e.$getTrailStart(), h = t.$getPinnedStart(), f = t.$getTrailStart();
|
|
1532
1534
|
i = I(i, m, d), s = N(s, d - 1), r = I(r, h, f), n = N(n, f - 1);
|
|
1533
1535
|
const g = H(l, m, d), S = b(h - 1, 0), y = [], v = [], w = [];
|
|
@@ -1636,13 +1638,13 @@ var ce = class t {
|
|
|
1636
1638
|
$colTemplate: X(t, k, V, P(_), "minmax(max-content,auto)", p),
|
|
1637
1639
|
$groups: K
|
|
1638
1640
|
};
|
|
1639
|
-
})(this.
|
|
1641
|
+
})(this.F, this.k, this.P.$getRange(this.bufferSize()), this.q.$getRange(this.bufferSize()), this.T(), this.sectionRows(), this.keepMounted(), this.ariaSort())));
|
|
1640
1642
|
rowItem(e) {
|
|
1641
1643
|
return G(this.rows(), e);
|
|
1642
1644
|
}
|
|
1643
1645
|
containerStyle=u(() => {
|
|
1644
|
-
this
|
|
1645
|
-
const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.
|
|
1646
|
+
this.R();
|
|
1647
|
+
const {$rowTemplate: e, $colTemplate: t} = this.plan(), i = this.P.$getItemOffset(0), s = this.q.$getItemOffset(0);
|
|
1646
1648
|
return {
|
|
1647
1649
|
contain: "size style",
|
|
1648
1650
|
"overflow-anchor": "none",
|
|
@@ -1653,20 +1655,20 @@ var ce = class t {
|
|
|
1653
1655
|
gap: this.gap() + "px",
|
|
1654
1656
|
"margin-top": i + "px",
|
|
1655
1657
|
"margin-inline-start": s + "px",
|
|
1656
|
-
height: M(this.
|
|
1657
|
-
"pointer-events": this.
|
|
1658
|
+
height: M(this.P) - i + "px",
|
|
1659
|
+
"pointer-events": this.P.$isScrolling() || this.q.$isScrolling() ? "none" : void 0
|
|
1658
1660
|
};
|
|
1659
1661
|
});
|
|
1660
1662
|
constructor() {
|
|
1661
1663
|
m(() => {
|
|
1662
1664
|
const e = this.rows(), t = this.cols(), i = this.headerRows(), s = this.footerRows(), r = this.headerCols(), n = this.footerCols();
|
|
1663
|
-
if (!this.
|
|
1664
|
-
const o = this.
|
|
1665
|
+
if (!this.P) return;
|
|
1666
|
+
const o = this.C(), l = this.O();
|
|
1665
1667
|
S(() => {
|
|
1666
|
-
this.
|
|
1668
|
+
this.F.$setPinned(i, s), this.k.$setPinned(r, n);
|
|
1667
1669
|
const a = K(e), c = K(t);
|
|
1668
|
-
a !== this.
|
|
1669
|
-
this.
|
|
1670
|
+
a !== this.P.$getItemsLength() && this.P.$update(5, [ a ]), c !== this.q.$getItemsLength() && this.q.$update(5, [ c ]),
|
|
1671
|
+
this.P.$update(9, o), this.q.$update(9, l);
|
|
1670
1672
|
});
|
|
1671
1673
|
}), a({
|
|
1672
1674
|
read: () => {
|
|
@@ -1674,56 +1676,56 @@ var ce = class t {
|
|
|
1674
1676
|
}
|
|
1675
1677
|
}), c({
|
|
1676
1678
|
read: () => {
|
|
1677
|
-
this
|
|
1679
|
+
this.R(), this.driver.$effect();
|
|
1678
1680
|
}
|
|
1679
1681
|
}), d(s).onDestroy(() => {
|
|
1680
|
-
this.
|
|
1682
|
+
this.P?.$dispose(), this.q?.$dispose(), this.driver?.$dispose();
|
|
1681
1683
|
});
|
|
1682
1684
|
}
|
|
1683
1685
|
ngOnInit() {
|
|
1684
|
-
const e = this.
|
|
1686
|
+
const e = this.N;
|
|
1685
1687
|
e.setAttribute("style", "display:block;overflow:auto;contain:strict;width:100%;height:100%;" + (e.getAttribute("style") || ""));
|
|
1686
|
-
const t = this.gap(), i = this.
|
|
1688
|
+
const t = this.gap(), i = this.F = D(this.rows(), this.rowHeight(), t), s = this.k = D(this.cols(), this.colWidth(), t), r = this.P = _(i), n = this.q = _(s);
|
|
1687
1689
|
this.driver = ((e, t) => {
|
|
1688
|
-
let i, s, r, n = k();
|
|
1689
|
-
const
|
|
1690
|
-
const
|
|
1691
|
-
for (const {target:
|
|
1692
|
-
t.$update(4,
|
|
1693
|
-
const e =
|
|
1694
|
-
null != e &&
|
|
1690
|
+
let i, s, r, n = k(), o = !0;
|
|
1691
|
+
const l = /* @__PURE__ */ new WeakMap, a = /* @__PURE__ */ new WeakMap, c = U(n => {
|
|
1692
|
+
const c = [], u = [];
|
|
1693
|
+
for (const {target: p, contentRect: {width: m, height: d}} of n) if (p === i) m || d ? (o || (s.u(),
|
|
1694
|
+
r.u()), o = !0, e.$update(4, d), t.$update(4, m)) : o = !1; else if (p.offsetParent) {
|
|
1695
|
+
const e = l.get(p), t = a.get(p);
|
|
1696
|
+
null != e && c.push([ e, d ]), null != t && u.push([ t, m ]);
|
|
1695
1697
|
}
|
|
1696
|
-
|
|
1698
|
+
c.length && e.$update(3, c), u.length && t.$update(3, u);
|
|
1697
1699
|
});
|
|
1698
1700
|
return {
|
|
1699
1701
|
async $scroll(e, t) {
|
|
1700
|
-
await n[0] && (e ? r : s).
|
|
1702
|
+
await n[0] && (e ? r : s).m(t);
|
|
1701
1703
|
},
|
|
1702
1704
|
$observe(o) {
|
|
1703
1705
|
const l = i = o.parentElement;
|
|
1704
|
-
|
|
1705
|
-
const
|
|
1706
|
+
c.i(l);
|
|
1707
|
+
const a = (e, t) => Z(e, l, l, t, t && "rtl" === getComputedStyle(l).direction, () => {
|
|
1706
1708
|
const e = t ? "overflowX" : "overflowY", i = l.style, s = i[e];
|
|
1707
1709
|
i[e] = "hidden", x(() => {
|
|
1708
1710
|
i[e] = s;
|
|
1709
1711
|
});
|
|
1710
1712
|
});
|
|
1711
|
-
s =
|
|
1713
|
+
s = a(e, !1), r = a(t, !0), n[1](!0);
|
|
1712
1714
|
},
|
|
1713
1715
|
$dispose() {
|
|
1714
|
-
|
|
1716
|
+
c.l(), s && s.l(), r && r.l(), n[1](!1), n = k();
|
|
1715
1717
|
},
|
|
1716
|
-
$observeItem: (e, t, i) => (null != t &&
|
|
1717
|
-
|
|
1718
|
-
|
|
1718
|
+
$observeItem: (e, t, i) => (null != t && l.set(e, t), null != i && a.set(e, i),
|
|
1719
|
+
c.i(e), () => {
|
|
1720
|
+
l.delete(e), a.delete(e), c.o(e);
|
|
1719
1721
|
}),
|
|
1720
1722
|
$effect() {
|
|
1721
|
-
s && s.
|
|
1723
|
+
s && s.p(), r && r.p();
|
|
1722
1724
|
}
|
|
1723
1725
|
};
|
|
1724
1726
|
})(r, n);
|
|
1725
1727
|
const o = e => {
|
|
1726
|
-
this
|
|
1728
|
+
this.R.set(r.$getStateVersion() + n.$getStateVersion()), e && this.$.tick();
|
|
1727
1729
|
};
|
|
1728
1730
|
r.$subscribe(1, o), n.$subscribe(1, o);
|
|
1729
1731
|
let l = !1;
|
|
@@ -1738,45 +1740,45 @@ var ce = class t {
|
|
|
1738
1740
|
r.$subscribe(8, a), n.$subscribe(8, a), o();
|
|
1739
1741
|
}
|
|
1740
1742
|
get verticalScrollOffset() {
|
|
1741
|
-
return this.
|
|
1743
|
+
return this.P.$getScrollOffset();
|
|
1742
1744
|
}
|
|
1743
1745
|
get horizontalScrollOffset() {
|
|
1744
|
-
return this.
|
|
1746
|
+
return this.q.$getScrollOffset();
|
|
1745
1747
|
}
|
|
1746
1748
|
get scrollHeight() {
|
|
1747
|
-
return M(this.
|
|
1749
|
+
return M(this.P);
|
|
1748
1750
|
}
|
|
1749
1751
|
get scrollWidth() {
|
|
1750
|
-
return M(this.
|
|
1752
|
+
return M(this.q);
|
|
1751
1753
|
}
|
|
1752
1754
|
get viewportHeight() {
|
|
1753
|
-
return this.
|
|
1755
|
+
return this.P.$getViewportSize();
|
|
1754
1756
|
}
|
|
1755
1757
|
get viewportWidth() {
|
|
1756
|
-
return this.
|
|
1758
|
+
return this.q.$getViewportSize();
|
|
1757
1759
|
}
|
|
1758
1760
|
findRowIndex(e) {
|
|
1759
|
-
return this.
|
|
1761
|
+
return this.P.$findItemIndex(e);
|
|
1760
1762
|
}
|
|
1761
1763
|
findColIndex(e) {
|
|
1762
|
-
return this.
|
|
1764
|
+
return this.q.$findItemIndex(e);
|
|
1763
1765
|
}
|
|
1764
1766
|
getRowOffset(e) {
|
|
1765
|
-
return this.
|
|
1767
|
+
return this.P.$getItemOffset(e);
|
|
1766
1768
|
}
|
|
1767
1769
|
getColOffset(e) {
|
|
1768
|
-
return this.
|
|
1770
|
+
return this.q.$getItemOffset(e);
|
|
1769
1771
|
}
|
|
1770
1772
|
getRowSize(e) {
|
|
1771
|
-
return this.
|
|
1773
|
+
return this.P.$getItemSize(e);
|
|
1772
1774
|
}
|
|
1773
1775
|
getColSize(e) {
|
|
1774
|
-
return this.
|
|
1776
|
+
return this.q.$getItemSize(e);
|
|
1775
1777
|
}
|
|
1776
1778
|
scrollToIndex(e) {
|
|
1777
1779
|
((e, t, i, s, r, n = z, {rowIndex: o, colIndex: l, rowAlign: a, colAlign: c}) => {
|
|
1778
1780
|
null != o && ie(e, t, s, n, o, a, !1), null != l && ie(e, i, r, z, l, c, !0);
|
|
1779
|
-
})(this.driver, this.
|
|
1781
|
+
})(this.driver, this.P, this.q, this.F, this.k, this.sectionRows(), e);
|
|
1780
1782
|
}
|
|
1781
1783
|
scrollTo({vertical: e, horizontal: t}) {
|
|
1782
1784
|
((e, t, i) => {
|
|
@@ -1793,7 +1795,7 @@ var ce = class t {
|
|
|
1793
1795
|
const t = r + i.$getScrollOffset();
|
|
1794
1796
|
e.$scroll(!0, () => t);
|
|
1795
1797
|
}
|
|
1796
|
-
})(this.driver, this.
|
|
1798
|
+
})(this.driver, this.P, this.q, e, t);
|
|
1797
1799
|
}
|
|
1798
1800
|
static ɵfac=/*@__PURE__*/ e.ɵɵngDeclareFactory({
|
|
1799
1801
|
minVersion: "12.0.0",
|