@appsurify-testmap/rrweb-player 2.1.3-alpha.3 → 3.1.1-alpha.1
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/dist/rrweb-player.cjs +85 -57
- package/dist/rrweb-player.cjs.map +1 -1
- package/dist/rrweb-player.js +85 -57
- package/dist/rrweb-player.js.map +1 -1
- package/dist/rrweb-player.umd.cjs +85 -57
- package/dist/rrweb-player.umd.cjs.map +2 -2
- package/dist/rrweb-player.umd.min.cjs +28 -28
- package/dist/rrweb-player.umd.min.cjs.map +3 -3
- package/package.json +4 -4
|
@@ -666,6 +666,33 @@ const pseudoClassPlugin = {
|
|
|
666
666
|
};
|
|
667
667
|
}
|
|
668
668
|
};
|
|
669
|
+
const animationFillModePlugin = {
|
|
670
|
+
postcssPlugin: "postcss-animation-fill-mode",
|
|
671
|
+
prepare: function() {
|
|
672
|
+
return {
|
|
673
|
+
Rule: function(rule2) {
|
|
674
|
+
let hasAnimation = false;
|
|
675
|
+
let hasAnimationFillMode = false;
|
|
676
|
+
let animationDeclaration = null;
|
|
677
|
+
rule2.walkDecls((decl) => {
|
|
678
|
+
if (decl.prop === "animation") {
|
|
679
|
+
hasAnimation = true;
|
|
680
|
+
animationDeclaration = decl;
|
|
681
|
+
}
|
|
682
|
+
if (decl.prop === "animation-fill-mode") {
|
|
683
|
+
hasAnimationFillMode = true;
|
|
684
|
+
}
|
|
685
|
+
});
|
|
686
|
+
if (hasAnimation && !hasAnimationFillMode && animationDeclaration) {
|
|
687
|
+
rule2.insertAfter(animationDeclaration, {
|
|
688
|
+
prop: "animation-fill-mode",
|
|
689
|
+
value: "forwards"
|
|
690
|
+
});
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
};
|
|
694
|
+
}
|
|
695
|
+
};
|
|
669
696
|
function getDefaultExportFromCjs$1(x2) {
|
|
670
697
|
return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
|
|
671
698
|
}
|
|
@@ -684,12 +711,12 @@ function getAugmentedNamespace$1(n2) {
|
|
|
684
711
|
} else
|
|
685
712
|
a2 = {};
|
|
686
713
|
Object.defineProperty(a2, "__esModule", { value: true });
|
|
687
|
-
Object.keys(n2).forEach(function(
|
|
688
|
-
var d = Object.getOwnPropertyDescriptor(n2,
|
|
689
|
-
Object.defineProperty(a2,
|
|
714
|
+
Object.keys(n2).forEach(function(k2) {
|
|
715
|
+
var d = Object.getOwnPropertyDescriptor(n2, k2);
|
|
716
|
+
Object.defineProperty(a2, k2, d.get ? d : {
|
|
690
717
|
enumerable: true,
|
|
691
718
|
get: function() {
|
|
692
|
-
return n2[
|
|
719
|
+
return n2[k2];
|
|
693
720
|
}
|
|
694
721
|
});
|
|
695
722
|
});
|
|
@@ -1136,7 +1163,7 @@ function cloneNode$1(obj, parent) {
|
|
|
1136
1163
|
} else if (i2 === "source") {
|
|
1137
1164
|
cloned[i2] = value;
|
|
1138
1165
|
} else if (Array.isArray(value)) {
|
|
1139
|
-
cloned[i2] = value.map((
|
|
1166
|
+
cloned[i2] = value.map((j2) => cloneNode$1(j2, cloned));
|
|
1140
1167
|
} else {
|
|
1141
1168
|
if (type === "object" && value !== null)
|
|
1142
1169
|
value = cloneNode$1(value);
|
|
@@ -1377,7 +1404,7 @@ let Node$5$1 = class Node2 {
|
|
|
1377
1404
|
}
|
|
1378
1405
|
return result2;
|
|
1379
1406
|
}
|
|
1380
|
-
toJSON(
|
|
1407
|
+
toJSON(_2, inputs) {
|
|
1381
1408
|
let fixed = {};
|
|
1382
1409
|
let emitInputs = inputs == null;
|
|
1383
1410
|
inputs = inputs || /* @__PURE__ */ new Map();
|
|
@@ -3093,8 +3120,8 @@ let Parser$1$1 = class Parser {
|
|
|
3093
3120
|
return;
|
|
3094
3121
|
let founded = 0;
|
|
3095
3122
|
let token;
|
|
3096
|
-
for (let
|
|
3097
|
-
token = tokens[
|
|
3123
|
+
for (let j2 = colon - 1; j2 >= 0; j2--) {
|
|
3124
|
+
token = tokens[j2];
|
|
3098
3125
|
if (token[0] !== "space") {
|
|
3099
3126
|
founded += 1;
|
|
3100
3127
|
if (founded === 2)
|
|
@@ -3216,8 +3243,8 @@ let Parser$1$1 = class Parser {
|
|
|
3216
3243
|
} else if (token[1].toLowerCase() === "important") {
|
|
3217
3244
|
let cache = tokens.slice(0);
|
|
3218
3245
|
let str = "";
|
|
3219
|
-
for (let
|
|
3220
|
-
let type = cache[
|
|
3246
|
+
for (let j2 = i2; j2 > 0; j2--) {
|
|
3247
|
+
let type = cache[j2][0];
|
|
3221
3248
|
if (str.trim().indexOf("!") === 0 && type !== "space") {
|
|
3222
3249
|
break;
|
|
3223
3250
|
}
|
|
@@ -4410,7 +4437,8 @@ function adaptCssForReplay(cssText, cache) {
|
|
|
4410
4437
|
try {
|
|
4411
4438
|
const ast = postcss$1$1([
|
|
4412
4439
|
mediaSelectorPlugin,
|
|
4413
|
-
pseudoClassPlugin
|
|
4440
|
+
pseudoClassPlugin,
|
|
4441
|
+
animationFillModePlugin
|
|
4414
4442
|
]).process(cssText);
|
|
4415
4443
|
result2 = ast.css;
|
|
4416
4444
|
} catch (error) {
|
|
@@ -4943,12 +4971,12 @@ function getAugmentedNamespace(n2) {
|
|
|
4943
4971
|
} else
|
|
4944
4972
|
a2 = {};
|
|
4945
4973
|
Object.defineProperty(a2, "__esModule", { value: true });
|
|
4946
|
-
Object.keys(n2).forEach(function(
|
|
4947
|
-
var d = Object.getOwnPropertyDescriptor(n2,
|
|
4948
|
-
Object.defineProperty(a2,
|
|
4974
|
+
Object.keys(n2).forEach(function(k2) {
|
|
4975
|
+
var d = Object.getOwnPropertyDescriptor(n2, k2);
|
|
4976
|
+
Object.defineProperty(a2, k2, d.get ? d : {
|
|
4949
4977
|
enumerable: true,
|
|
4950
4978
|
get: function() {
|
|
4951
|
-
return n2[
|
|
4979
|
+
return n2[k2];
|
|
4952
4980
|
}
|
|
4953
4981
|
});
|
|
4954
4982
|
});
|
|
@@ -5395,7 +5423,7 @@ function cloneNode(obj, parent) {
|
|
|
5395
5423
|
} else if (i2 === "source") {
|
|
5396
5424
|
cloned[i2] = value;
|
|
5397
5425
|
} else if (Array.isArray(value)) {
|
|
5398
|
-
cloned[i2] = value.map((
|
|
5426
|
+
cloned[i2] = value.map((j2) => cloneNode(j2, cloned));
|
|
5399
5427
|
} else {
|
|
5400
5428
|
if (type === "object" && value !== null)
|
|
5401
5429
|
value = cloneNode(value);
|
|
@@ -5636,7 +5664,7 @@ let Node$5 = class Node22 {
|
|
|
5636
5664
|
}
|
|
5637
5665
|
return result2;
|
|
5638
5666
|
}
|
|
5639
|
-
toJSON(
|
|
5667
|
+
toJSON(_2, inputs) {
|
|
5640
5668
|
let fixed = {};
|
|
5641
5669
|
let emitInputs = inputs == null;
|
|
5642
5670
|
inputs = inputs || /* @__PURE__ */ new Map();
|
|
@@ -7352,8 +7380,8 @@ let Parser$1 = class Parser2 {
|
|
|
7352
7380
|
return;
|
|
7353
7381
|
let founded = 0;
|
|
7354
7382
|
let token;
|
|
7355
|
-
for (let
|
|
7356
|
-
token = tokens[
|
|
7383
|
+
for (let j2 = colon - 1; j2 >= 0; j2--) {
|
|
7384
|
+
token = tokens[j2];
|
|
7357
7385
|
if (token[0] !== "space") {
|
|
7358
7386
|
founded += 1;
|
|
7359
7387
|
if (founded === 2)
|
|
@@ -7475,8 +7503,8 @@ let Parser$1 = class Parser2 {
|
|
|
7475
7503
|
} else if (token[1].toLowerCase() === "important") {
|
|
7476
7504
|
let cache = tokens.slice(0);
|
|
7477
7505
|
let str = "";
|
|
7478
|
-
for (let
|
|
7479
|
-
let type = cache[
|
|
7506
|
+
for (let j2 = i2; j2 > 0; j2--) {
|
|
7507
|
+
let type = cache[j2][0];
|
|
7480
7508
|
if (str.trim().indexOf("!") === 0 && type !== "space") {
|
|
7481
7509
|
break;
|
|
7482
7510
|
}
|
|
@@ -8652,7 +8680,7 @@ const CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9-]+$/;
|
|
|
8652
8680
|
const camelize = (str) => {
|
|
8653
8681
|
if (CUSTOM_PROPERTY_REGEX.test(str))
|
|
8654
8682
|
return str;
|
|
8655
|
-
return str.replace(camelizeRE, (
|
|
8683
|
+
return str.replace(camelizeRE, (_2, c2) => c2 ? c2.toUpperCase() : "");
|
|
8656
8684
|
};
|
|
8657
8685
|
const hyphenateRE = /\B([A-Z])/g;
|
|
8658
8686
|
const hyphenate = (str) => {
|
|
@@ -10470,30 +10498,30 @@ const mittProxy = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
|
|
|
10470
10498
|
__proto__: null,
|
|
10471
10499
|
default: mitt$1
|
|
10472
10500
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
10473
|
-
function polyfill(
|
|
10474
|
-
if ("scrollBehavior" in d.documentElement.style &&
|
|
10501
|
+
function polyfill(w2 = window, d = document) {
|
|
10502
|
+
if ("scrollBehavior" in d.documentElement.style && w2.__forceSmoothScrollPolyfill__ !== true) {
|
|
10475
10503
|
return;
|
|
10476
10504
|
}
|
|
10477
|
-
const Element2 =
|
|
10505
|
+
const Element2 = w2.HTMLElement || w2.Element;
|
|
10478
10506
|
const SCROLL_TIME = 468;
|
|
10479
10507
|
const original = {
|
|
10480
|
-
scroll:
|
|
10481
|
-
scrollBy:
|
|
10508
|
+
scroll: w2.scroll || w2.scrollTo,
|
|
10509
|
+
scrollBy: w2.scrollBy,
|
|
10482
10510
|
elementScroll: Element2.prototype.scroll || scrollElement,
|
|
10483
10511
|
scrollIntoView: Element2.prototype.scrollIntoView
|
|
10484
10512
|
};
|
|
10485
|
-
const now =
|
|
10513
|
+
const now = w2.performance && w2.performance.now ? w2.performance.now.bind(w2.performance) : Date.now;
|
|
10486
10514
|
function isMicrosoftBrowser(userAgent) {
|
|
10487
10515
|
const userAgentPatterns = ["MSIE ", "Trident/", "Edge/"];
|
|
10488
10516
|
return new RegExp(userAgentPatterns.join("|")).test(userAgent);
|
|
10489
10517
|
}
|
|
10490
|
-
const ROUNDING_TOLERANCE = isMicrosoftBrowser(
|
|
10518
|
+
const ROUNDING_TOLERANCE = isMicrosoftBrowser(w2.navigator.userAgent) ? 1 : 0;
|
|
10491
10519
|
function scrollElement(x2, y) {
|
|
10492
10520
|
this.scrollLeft = x2;
|
|
10493
10521
|
this.scrollTop = y;
|
|
10494
10522
|
}
|
|
10495
|
-
function ease(
|
|
10496
|
-
return 0.5 * (1 - Math.cos(Math.PI *
|
|
10523
|
+
function ease(k2) {
|
|
10524
|
+
return 0.5 * (1 - Math.cos(Math.PI * k2));
|
|
10497
10525
|
}
|
|
10498
10526
|
function shouldBailOut(firstArg) {
|
|
10499
10527
|
if (firstArg === null || typeof firstArg !== "object" || firstArg.behavior === void 0 || firstArg.behavior === "auto" || firstArg.behavior === "instant") {
|
|
@@ -10515,7 +10543,7 @@ function polyfill(w = window, d = document) {
|
|
|
10515
10543
|
}
|
|
10516
10544
|
}
|
|
10517
10545
|
function canOverflow(el, axis) {
|
|
10518
|
-
const overflowValue =
|
|
10546
|
+
const overflowValue = w2.getComputedStyle(el, null)["overflow" + axis];
|
|
10519
10547
|
return overflowValue === "auto" || overflowValue === "scroll";
|
|
10520
10548
|
}
|
|
10521
10549
|
function isScrollable(el) {
|
|
@@ -10541,7 +10569,7 @@ function polyfill(w = window, d = document) {
|
|
|
10541
10569
|
currentY = context.startY + (context.y - context.startY) * value;
|
|
10542
10570
|
context.method.call(context.scrollable, currentX, currentY);
|
|
10543
10571
|
if (currentX !== context.x || currentY !== context.y) {
|
|
10544
|
-
|
|
10572
|
+
w2.requestAnimationFrame(step.bind(w2, context));
|
|
10545
10573
|
}
|
|
10546
10574
|
}
|
|
10547
10575
|
function smoothScroll(el, x2, y) {
|
|
@@ -10551,9 +10579,9 @@ function polyfill(w = window, d = document) {
|
|
|
10551
10579
|
let method;
|
|
10552
10580
|
const startTime = now();
|
|
10553
10581
|
if (el === d.body) {
|
|
10554
|
-
scrollable =
|
|
10555
|
-
startX =
|
|
10556
|
-
startY =
|
|
10582
|
+
scrollable = w2;
|
|
10583
|
+
startX = w2.scrollX || w2.pageXOffset;
|
|
10584
|
+
startY = w2.scrollY || w2.pageYOffset;
|
|
10557
10585
|
method = original.scroll;
|
|
10558
10586
|
} else {
|
|
10559
10587
|
scrollable = el;
|
|
@@ -10571,43 +10599,43 @@ function polyfill(w = window, d = document) {
|
|
|
10571
10599
|
y
|
|
10572
10600
|
});
|
|
10573
10601
|
}
|
|
10574
|
-
|
|
10602
|
+
w2.scroll = w2.scrollTo = function() {
|
|
10575
10603
|
if (arguments[0] === void 0) {
|
|
10576
10604
|
return;
|
|
10577
10605
|
}
|
|
10578
10606
|
if (shouldBailOut(arguments[0]) === true) {
|
|
10579
10607
|
original.scroll.call(
|
|
10580
|
-
|
|
10581
|
-
arguments[0].left !== void 0 ? arguments[0].left : typeof arguments[0] !== "object" ? arguments[0] :
|
|
10608
|
+
w2,
|
|
10609
|
+
arguments[0].left !== void 0 ? arguments[0].left : typeof arguments[0] !== "object" ? arguments[0] : w2.scrollX || w2.pageXOffset,
|
|
10582
10610
|
// use top prop, second argument if present or fallback to scrollY
|
|
10583
|
-
arguments[0].top !== void 0 ? arguments[0].top : arguments[1] !== void 0 ? arguments[1] :
|
|
10611
|
+
arguments[0].top !== void 0 ? arguments[0].top : arguments[1] !== void 0 ? arguments[1] : w2.scrollY || w2.pageYOffset
|
|
10584
10612
|
);
|
|
10585
10613
|
return;
|
|
10586
10614
|
}
|
|
10587
10615
|
smoothScroll.call(
|
|
10588
|
-
|
|
10616
|
+
w2,
|
|
10589
10617
|
d.body,
|
|
10590
|
-
arguments[0].left !== void 0 ? ~~arguments[0].left :
|
|
10591
|
-
arguments[0].top !== void 0 ? ~~arguments[0].top :
|
|
10618
|
+
arguments[0].left !== void 0 ? ~~arguments[0].left : w2.scrollX || w2.pageXOffset,
|
|
10619
|
+
arguments[0].top !== void 0 ? ~~arguments[0].top : w2.scrollY || w2.pageYOffset
|
|
10592
10620
|
);
|
|
10593
10621
|
};
|
|
10594
|
-
|
|
10622
|
+
w2.scrollBy = function() {
|
|
10595
10623
|
if (arguments[0] === void 0) {
|
|
10596
10624
|
return;
|
|
10597
10625
|
}
|
|
10598
10626
|
if (shouldBailOut(arguments[0])) {
|
|
10599
10627
|
original.scrollBy.call(
|
|
10600
|
-
|
|
10628
|
+
w2,
|
|
10601
10629
|
arguments[0].left !== void 0 ? arguments[0].left : typeof arguments[0] !== "object" ? arguments[0] : 0,
|
|
10602
10630
|
arguments[0].top !== void 0 ? arguments[0].top : arguments[1] !== void 0 ? arguments[1] : 0
|
|
10603
10631
|
);
|
|
10604
10632
|
return;
|
|
10605
10633
|
}
|
|
10606
10634
|
smoothScroll.call(
|
|
10607
|
-
|
|
10635
|
+
w2,
|
|
10608
10636
|
d.body,
|
|
10609
|
-
~~arguments[0].left + (
|
|
10610
|
-
~~arguments[0].top + (
|
|
10637
|
+
~~arguments[0].left + (w2.scrollX || w2.pageXOffset),
|
|
10638
|
+
~~arguments[0].top + (w2.scrollY || w2.pageYOffset)
|
|
10611
10639
|
);
|
|
10612
10640
|
};
|
|
10613
10641
|
Element2.prototype.scroll = Element2.prototype.scrollTo = function() {
|
|
@@ -10672,15 +10700,15 @@ function polyfill(w = window, d = document) {
|
|
|
10672
10700
|
scrollableParent.scrollLeft + clientRects.left - parentRects.left,
|
|
10673
10701
|
scrollableParent.scrollTop + clientRects.top - parentRects.top
|
|
10674
10702
|
);
|
|
10675
|
-
if (
|
|
10676
|
-
|
|
10703
|
+
if (w2.getComputedStyle(scrollableParent).position !== "fixed") {
|
|
10704
|
+
w2.scrollBy({
|
|
10677
10705
|
left: parentRects.left,
|
|
10678
10706
|
top: parentRects.top,
|
|
10679
10707
|
behavior: "smooth"
|
|
10680
10708
|
});
|
|
10681
10709
|
}
|
|
10682
10710
|
} else {
|
|
10683
|
-
|
|
10711
|
+
w2.scrollBy({
|
|
10684
10712
|
left: clientRects.left,
|
|
10685
10713
|
top: clientRects.top,
|
|
10686
10714
|
behavior: "smooth"
|
|
@@ -10872,16 +10900,16 @@ function s(n2, o2) {
|
|
|
10872
10900
|
var S = b.value;
|
|
10873
10901
|
if (void 0 === S)
|
|
10874
10902
|
return c(p, g);
|
|
10875
|
-
var
|
|
10903
|
+
var w2 = "string" == typeof S ? { target: S } : S, j2 = w2.target, E = w2.actions, R = void 0 === E ? [] : E, N2 = w2.cond, O2 = void 0 === N2 ? function() {
|
|
10876
10904
|
return true;
|
|
10877
|
-
} :
|
|
10878
|
-
if (
|
|
10879
|
-
var
|
|
10905
|
+
} : N2, _2 = void 0 === j2, k2 = null != j2 ? j2 : p, T = n2.states[k2];
|
|
10906
|
+
if (O2(g, d)) {
|
|
10907
|
+
var q2 = t(f((_2 ? r(R) : [].concat(x2.exit, R, T.entry).filter(function(t2) {
|
|
10880
10908
|
return t2;
|
|
10881
10909
|
})).map(function(t2) {
|
|
10882
10910
|
return i$2(t2, y._options.actions);
|
|
10883
|
-
}), g, d), 3), z =
|
|
10884
|
-
return { value: C, context: A, actions: z, changed:
|
|
10911
|
+
}), g, d), 3), z = q2[0], A = q2[1], B2 = q2[2], C = null != j2 ? j2 : p;
|
|
10912
|
+
return { value: C, context: A, actions: z, changed: j2 !== p || z.length > 0 || B2, matches: a(C) };
|
|
10885
10913
|
}
|
|
10886
10914
|
}
|
|
10887
10915
|
} catch (t2) {
|