@byomakase/omakase-player 0.2.2 → 0.2.3
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/omakase-player.cjs.js +6 -6
- package/dist/omakase-player.cjs.js.map +1 -1
- package/dist/omakase-player.d.ts +2 -2
- package/dist/omakase-player.es.js +179 -179
- package/dist/omakase-player.es.js.map +1 -1
- package/dist/omakase-player.umd.js +6 -6
- package/dist/omakase-player.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -572,7 +572,7 @@ function It(r) {
|
|
|
572
572
|
function Aa(r) {
|
|
573
573
|
return r > 255 ? 255 : r < 0 ? 0 : Math.round(r);
|
|
574
574
|
}
|
|
575
|
-
function
|
|
575
|
+
function x() {
|
|
576
576
|
if (D.isUnminified)
|
|
577
577
|
return function(r, e) {
|
|
578
578
|
return y._isNumber(r) || y.warn(It(r) + ' is a not valid value for "' + e + '" attribute. The value should be a number.'), r;
|
|
@@ -1116,7 +1116,7 @@ class Zr {
|
|
|
1116
1116
|
}
|
|
1117
1117
|
}
|
|
1118
1118
|
}
|
|
1119
|
-
g.addGetterSetter(Zr, "pixelRatio", void 0,
|
|
1119
|
+
g.addGetterSetter(Zr, "pixelRatio", void 0, x());
|
|
1120
1120
|
class ri extends Zr {
|
|
1121
1121
|
constructor(e = { width: 0, height: 0 }) {
|
|
1122
1122
|
super(e), this.context = new sh(this), this.setSize(e.width, e.height);
|
|
@@ -1971,25 +1971,25 @@ const ce = g.addGetterSetter;
|
|
|
1971
1971
|
ce(P, "zIndex");
|
|
1972
1972
|
ce(P, "absolutePosition");
|
|
1973
1973
|
ce(P, "position");
|
|
1974
|
-
ce(P, "x", 0,
|
|
1975
|
-
ce(P, "y", 0,
|
|
1974
|
+
ce(P, "x", 0, x());
|
|
1975
|
+
ce(P, "y", 0, x());
|
|
1976
1976
|
ce(P, "globalCompositeOperation", "source-over", pi());
|
|
1977
|
-
ce(P, "opacity", 1,
|
|
1977
|
+
ce(P, "opacity", 1, x());
|
|
1978
1978
|
ce(P, "name", "", pi());
|
|
1979
1979
|
ce(P, "id", "", pi());
|
|
1980
|
-
ce(P, "rotation", 0,
|
|
1980
|
+
ce(P, "rotation", 0, x());
|
|
1981
1981
|
g.addComponentsGetterSetter(P, "scale", ["x", "y"]);
|
|
1982
|
-
ce(P, "scaleX", 1,
|
|
1983
|
-
ce(P, "scaleY", 1,
|
|
1982
|
+
ce(P, "scaleX", 1, x());
|
|
1983
|
+
ce(P, "scaleY", 1, x());
|
|
1984
1984
|
g.addComponentsGetterSetter(P, "skew", ["x", "y"]);
|
|
1985
|
-
ce(P, "skewX", 0,
|
|
1986
|
-
ce(P, "skewY", 0,
|
|
1985
|
+
ce(P, "skewX", 0, x());
|
|
1986
|
+
ce(P, "skewY", 0, x());
|
|
1987
1987
|
g.addComponentsGetterSetter(P, "offset", ["x", "y"]);
|
|
1988
|
-
ce(P, "offsetX", 0,
|
|
1989
|
-
ce(P, "offsetY", 0,
|
|
1990
|
-
ce(P, "dragDistance", null,
|
|
1991
|
-
ce(P, "width", 0,
|
|
1992
|
-
ce(P, "height", 0,
|
|
1988
|
+
ce(P, "offsetX", 0, x());
|
|
1989
|
+
ce(P, "offsetY", 0, x());
|
|
1990
|
+
ce(P, "dragDistance", null, x());
|
|
1991
|
+
ce(P, "width", 0, x());
|
|
1992
|
+
ce(P, "height", 0, x());
|
|
1993
1993
|
ce(P, "listening", !0, qe());
|
|
1994
1994
|
ce(P, "preventDefault", !0, qe());
|
|
1995
1995
|
ce(P, "filters", null, function(r) {
|
|
@@ -2196,10 +2196,10 @@ g.addComponentsGetterSetter(De, "clip", [
|
|
|
2196
2196
|
"width",
|
|
2197
2197
|
"height"
|
|
2198
2198
|
]);
|
|
2199
|
-
g.addGetterSetter(De, "clipX", void 0,
|
|
2200
|
-
g.addGetterSetter(De, "clipY", void 0,
|
|
2201
|
-
g.addGetterSetter(De, "clipWidth", void 0,
|
|
2202
|
-
g.addGetterSetter(De, "clipHeight", void 0,
|
|
2199
|
+
g.addGetterSetter(De, "clipX", void 0, x());
|
|
2200
|
+
g.addGetterSetter(De, "clipY", void 0, x());
|
|
2201
|
+
g.addGetterSetter(De, "clipWidth", void 0, x());
|
|
2202
|
+
g.addGetterSetter(De, "clipHeight", void 0, x());
|
|
2203
2203
|
g.addGetterSetter(De, "clipFunc");
|
|
2204
2204
|
const Ri = /* @__PURE__ */ new Map(), La = D._global.PointerEvent !== void 0;
|
|
2205
2205
|
function os(r) {
|
|
@@ -2912,7 +2912,7 @@ E.prototype.on.call(E.prototype, "fillPriorityChange.konva fillPatternImageChang
|
|
|
2912
2912
|
E.prototype.on.call(E.prototype, "fillPriorityChange.konva fillLinearGradientColorStopsChange.konva fillLinearGradientStartPointXChange.konva fillLinearGradientStartPointYChange.konva fillLinearGradientEndPointXChange.konva fillLinearGradientEndPointYChange.konva", xh);
|
|
2913
2913
|
E.prototype.on.call(E.prototype, "fillPriorityChange.konva fillRadialGradientColorStopsChange.konva fillRadialGradientStartPointXChange.konva fillRadialGradientStartPointYChange.konva fillRadialGradientEndPointXChange.konva fillRadialGradientEndPointYChange.konva fillRadialGradientStartRadiusChange.konva fillRadialGradientEndRadiusChange.konva", Ph);
|
|
2914
2914
|
g.addGetterSetter(E, "stroke", void 0, Ma());
|
|
2915
|
-
g.addGetterSetter(E, "strokeWidth", 2,
|
|
2915
|
+
g.addGetterSetter(E, "strokeWidth", 2, x());
|
|
2916
2916
|
g.addGetterSetter(E, "fillAfterStrokeEnabled", !1);
|
|
2917
2917
|
g.addGetterSetter(E, "hitStrokeWidth", "auto", qs());
|
|
2918
2918
|
g.addGetterSetter(E, "strokeHitEnabled", !0, qe());
|
|
@@ -2923,17 +2923,17 @@ g.addGetterSetter(E, "lineCap");
|
|
|
2923
2923
|
g.addGetterSetter(E, "sceneFunc");
|
|
2924
2924
|
g.addGetterSetter(E, "hitFunc");
|
|
2925
2925
|
g.addGetterSetter(E, "dash");
|
|
2926
|
-
g.addGetterSetter(E, "dashOffset", 0,
|
|
2926
|
+
g.addGetterSetter(E, "dashOffset", 0, x());
|
|
2927
2927
|
g.addGetterSetter(E, "shadowColor", void 0, pi());
|
|
2928
|
-
g.addGetterSetter(E, "shadowBlur", 0,
|
|
2929
|
-
g.addGetterSetter(E, "shadowOpacity", 1,
|
|
2928
|
+
g.addGetterSetter(E, "shadowBlur", 0, x());
|
|
2929
|
+
g.addGetterSetter(E, "shadowOpacity", 1, x());
|
|
2930
2930
|
g.addComponentsGetterSetter(E, "shadowOffset", ["x", "y"]);
|
|
2931
|
-
g.addGetterSetter(E, "shadowOffsetX", 0,
|
|
2932
|
-
g.addGetterSetter(E, "shadowOffsetY", 0,
|
|
2931
|
+
g.addGetterSetter(E, "shadowOffsetX", 0, x());
|
|
2932
|
+
g.addGetterSetter(E, "shadowOffsetY", 0, x());
|
|
2933
2933
|
g.addGetterSetter(E, "fillPatternImage");
|
|
2934
2934
|
g.addGetterSetter(E, "fill", void 0, Ma());
|
|
2935
|
-
g.addGetterSetter(E, "fillPatternX", 0,
|
|
2936
|
-
g.addGetterSetter(E, "fillPatternY", 0,
|
|
2935
|
+
g.addGetterSetter(E, "fillPatternX", 0, x());
|
|
2936
|
+
g.addGetterSetter(E, "fillPatternY", 0, x());
|
|
2937
2937
|
g.addGetterSetter(E, "fillLinearGradientColorStops");
|
|
2938
2938
|
g.addGetterSetter(E, "strokeLinearGradientColorStops");
|
|
2939
2939
|
g.addGetterSetter(E, "fillRadialGradientStartRadius", 0);
|
|
@@ -2947,11 +2947,11 @@ g.addGetterSetter(E, "dashEnabled", !0);
|
|
|
2947
2947
|
g.addGetterSetter(E, "strokeScaleEnabled", !0);
|
|
2948
2948
|
g.addGetterSetter(E, "fillPriority", "color");
|
|
2949
2949
|
g.addComponentsGetterSetter(E, "fillPatternOffset", ["x", "y"]);
|
|
2950
|
-
g.addGetterSetter(E, "fillPatternOffsetX", 0,
|
|
2951
|
-
g.addGetterSetter(E, "fillPatternOffsetY", 0,
|
|
2950
|
+
g.addGetterSetter(E, "fillPatternOffsetX", 0, x());
|
|
2951
|
+
g.addGetterSetter(E, "fillPatternOffsetY", 0, x());
|
|
2952
2952
|
g.addComponentsGetterSetter(E, "fillPatternScale", ["x", "y"]);
|
|
2953
|
-
g.addGetterSetter(E, "fillPatternScaleX", 1,
|
|
2954
|
-
g.addGetterSetter(E, "fillPatternScaleY", 1,
|
|
2953
|
+
g.addGetterSetter(E, "fillPatternScaleX", 1, x());
|
|
2954
|
+
g.addGetterSetter(E, "fillPatternScaleY", 1, x());
|
|
2955
2955
|
g.addComponentsGetterSetter(E, "fillLinearGradientStartPoint", [
|
|
2956
2956
|
"x",
|
|
2957
2957
|
"y"
|
|
@@ -3558,9 +3558,9 @@ vt.prototype._centroid = !0;
|
|
|
3558
3558
|
vt.prototype.className = "Arc";
|
|
3559
3559
|
vt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
|
|
3560
3560
|
ge(vt);
|
|
3561
|
-
g.addGetterSetter(vt, "innerRadius", 0,
|
|
3562
|
-
g.addGetterSetter(vt, "outerRadius", 0,
|
|
3563
|
-
g.addGetterSetter(vt, "angle", 0,
|
|
3561
|
+
g.addGetterSetter(vt, "innerRadius", 0, x());
|
|
3562
|
+
g.addGetterSetter(vt, "outerRadius", 0, x());
|
|
3563
|
+
g.addGetterSetter(vt, "angle", 0, x());
|
|
3564
3564
|
g.addGetterSetter(vt, "clockwise", !1, qe());
|
|
3565
3565
|
function Cs(r, e, t, i, s, n, a) {
|
|
3566
3566
|
var o = Math.sqrt(Math.pow(t - r, 2) + Math.pow(i - e, 2)), h = Math.sqrt(Math.pow(s - t, 2) + Math.pow(n - i, 2)), l = a * o / (o + h), d = a * h / (o + h), u = t - l * (s - r), c = i - l * (n - e), p = t + d * (s - r), f = i + d * (n - e);
|
|
@@ -3652,7 +3652,7 @@ yt.prototype._attrsAffectingSize = ["points", "bezier", "tension"];
|
|
|
3652
3652
|
ge(yt);
|
|
3653
3653
|
g.addGetterSetter(yt, "closed", !1);
|
|
3654
3654
|
g.addGetterSetter(yt, "bezier", !1);
|
|
3655
|
-
g.addGetterSetter(yt, "tension", 0,
|
|
3655
|
+
g.addGetterSetter(yt, "tension", 0, x());
|
|
3656
3656
|
g.addGetterSetter(yt, "points", [], Zl());
|
|
3657
3657
|
class he extends E {
|
|
3658
3658
|
constructor(e) {
|
|
@@ -4041,8 +4041,8 @@ class Ut extends yt {
|
|
|
4041
4041
|
}
|
|
4042
4042
|
Ut.prototype.className = "Arrow";
|
|
4043
4043
|
ge(Ut);
|
|
4044
|
-
g.addGetterSetter(Ut, "pointerLength", 10,
|
|
4045
|
-
g.addGetterSetter(Ut, "pointerWidth", 10,
|
|
4044
|
+
g.addGetterSetter(Ut, "pointerLength", 10, x());
|
|
4045
|
+
g.addGetterSetter(Ut, "pointerWidth", 10, x());
|
|
4046
4046
|
g.addGetterSetter(Ut, "pointerAtBeginning", !1);
|
|
4047
4047
|
g.addGetterSetter(Ut, "pointerAtEnding", !0);
|
|
4048
4048
|
class mi extends E {
|
|
@@ -4066,7 +4066,7 @@ mi.prototype._centroid = !0;
|
|
|
4066
4066
|
mi.prototype.className = "Circle";
|
|
4067
4067
|
mi.prototype._attrsAffectingSize = ["radius"];
|
|
4068
4068
|
ge(mi);
|
|
4069
|
-
g.addGetterSetter(mi, "radius", 0,
|
|
4069
|
+
g.addGetterSetter(mi, "radius", 0, x());
|
|
4070
4070
|
class Nt extends E {
|
|
4071
4071
|
_sceneFunc(e) {
|
|
4072
4072
|
var t = this.radiusX(), i = this.radiusY();
|
|
@@ -4090,8 +4090,8 @@ Nt.prototype._centroid = !0;
|
|
|
4090
4090
|
Nt.prototype._attrsAffectingSize = ["radiusX", "radiusY"];
|
|
4091
4091
|
ge(Nt);
|
|
4092
4092
|
g.addComponentsGetterSetter(Nt, "radius", ["x", "y"]);
|
|
4093
|
-
g.addGetterSetter(Nt, "radiusX", 0,
|
|
4094
|
-
g.addGetterSetter(Nt, "radiusY", 0,
|
|
4093
|
+
g.addGetterSetter(Nt, "radiusX", 0, x());
|
|
4094
|
+
g.addGetterSetter(Nt, "radiusY", 0, x());
|
|
4095
4095
|
class Ye extends E {
|
|
4096
4096
|
constructor(e) {
|
|
4097
4097
|
super(e), this.on("imageChange.konva", () => {
|
|
@@ -4152,10 +4152,10 @@ Ye.prototype.className = "Image";
|
|
|
4152
4152
|
ge(Ye);
|
|
4153
4153
|
g.addGetterSetter(Ye, "image");
|
|
4154
4154
|
g.addComponentsGetterSetter(Ye, "crop", ["x", "y", "width", "height"]);
|
|
4155
|
-
g.addGetterSetter(Ye, "cropX", 0,
|
|
4156
|
-
g.addGetterSetter(Ye, "cropY", 0,
|
|
4157
|
-
g.addGetterSetter(Ye, "cropWidth", 0,
|
|
4158
|
-
g.addGetterSetter(Ye, "cropHeight", 0,
|
|
4155
|
+
g.addGetterSetter(Ye, "cropX", 0, x());
|
|
4156
|
+
g.addGetterSetter(Ye, "cropY", 0, x());
|
|
4157
|
+
g.addGetterSetter(Ye, "cropWidth", 0, x());
|
|
4158
|
+
g.addGetterSetter(Ye, "cropHeight", 0, x());
|
|
4159
4159
|
var Ka = [
|
|
4160
4160
|
"fontFamily",
|
|
4161
4161
|
"fontSize",
|
|
@@ -4244,8 +4244,8 @@ class Zt extends E {
|
|
|
4244
4244
|
Zt.prototype.className = "Tag";
|
|
4245
4245
|
ge(Zt);
|
|
4246
4246
|
g.addGetterSetter(Zt, "pointerDirection", Fh);
|
|
4247
|
-
g.addGetterSetter(Zt, "pointerWidth", 0,
|
|
4248
|
-
g.addGetterSetter(Zt, "pointerHeight", 0,
|
|
4247
|
+
g.addGetterSetter(Zt, "pointerWidth", 0, x());
|
|
4248
|
+
g.addGetterSetter(Zt, "pointerHeight", 0, x());
|
|
4249
4249
|
g.addGetterSetter(Zt, "cornerRadius", 0, Oa(4));
|
|
4250
4250
|
class Xi extends E {
|
|
4251
4251
|
_sceneFunc(e) {
|
|
@@ -4308,8 +4308,8 @@ jt.prototype.className = "RegularPolygon";
|
|
|
4308
4308
|
jt.prototype._centroid = !0;
|
|
4309
4309
|
jt.prototype._attrsAffectingSize = ["radius"];
|
|
4310
4310
|
ge(jt);
|
|
4311
|
-
g.addGetterSetter(jt, "radius", 0,
|
|
4312
|
-
g.addGetterSetter(jt, "sides", 0,
|
|
4311
|
+
g.addGetterSetter(jt, "radius", 0, x());
|
|
4312
|
+
g.addGetterSetter(jt, "sides", 0, x());
|
|
4313
4313
|
var Gn = Math.PI * 2;
|
|
4314
4314
|
class Xt extends E {
|
|
4315
4315
|
_sceneFunc(e) {
|
|
@@ -4332,8 +4332,8 @@ Xt.prototype.className = "Ring";
|
|
|
4332
4332
|
Xt.prototype._centroid = !0;
|
|
4333
4333
|
Xt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
|
|
4334
4334
|
ge(Xt);
|
|
4335
|
-
g.addGetterSetter(Xt, "innerRadius", 0,
|
|
4336
|
-
g.addGetterSetter(Xt, "outerRadius", 0,
|
|
4335
|
+
g.addGetterSetter(Xt, "innerRadius", 0, x());
|
|
4336
|
+
g.addGetterSetter(Xt, "outerRadius", 0, x());
|
|
4337
4337
|
class at extends E {
|
|
4338
4338
|
constructor(e) {
|
|
4339
4339
|
super(e), this._updated = !0, this.anim = new Be(() => {
|
|
@@ -4397,8 +4397,8 @@ g.addGetterSetter(at, "animation");
|
|
|
4397
4397
|
g.addGetterSetter(at, "animations");
|
|
4398
4398
|
g.addGetterSetter(at, "frameOffsets");
|
|
4399
4399
|
g.addGetterSetter(at, "image");
|
|
4400
|
-
g.addGetterSetter(at, "frameIndex", 0,
|
|
4401
|
-
g.addGetterSetter(at, "frameRate", 17,
|
|
4400
|
+
g.addGetterSetter(at, "frameIndex", 0, x());
|
|
4401
|
+
g.addGetterSetter(at, "frameRate", 17, x());
|
|
4402
4402
|
g.backCompat(at, {
|
|
4403
4403
|
index: "frameIndex",
|
|
4404
4404
|
getIndex: "getFrameIndex",
|
|
@@ -4431,9 +4431,9 @@ Gt.prototype.className = "Star";
|
|
|
4431
4431
|
Gt.prototype._centroid = !0;
|
|
4432
4432
|
Gt.prototype._attrsAffectingSize = ["innerRadius", "outerRadius"];
|
|
4433
4433
|
ge(Gt);
|
|
4434
|
-
g.addGetterSetter(Gt, "numPoints", 5,
|
|
4435
|
-
g.addGetterSetter(Gt, "innerRadius", 0,
|
|
4436
|
-
g.addGetterSetter(Gt, "outerRadius", 0,
|
|
4434
|
+
g.addGetterSetter(Gt, "numPoints", 5, x());
|
|
4435
|
+
g.addGetterSetter(Gt, "innerRadius", 0, x());
|
|
4436
|
+
g.addGetterSetter(Gt, "outerRadius", 0, x());
|
|
4437
4437
|
function Ja(r) {
|
|
4438
4438
|
return Array.from(r);
|
|
4439
4439
|
}
|
|
@@ -4614,16 +4614,16 @@ ge(me);
|
|
|
4614
4614
|
g.overWriteSetter(me, "width", qs());
|
|
4615
4615
|
g.overWriteSetter(me, "height", qs());
|
|
4616
4616
|
g.addGetterSetter(me, "fontFamily", "Arial");
|
|
4617
|
-
g.addGetterSetter(me, "fontSize", 12,
|
|
4617
|
+
g.addGetterSetter(me, "fontSize", 12, x());
|
|
4618
4618
|
g.addGetterSetter(me, "fontStyle", eo);
|
|
4619
4619
|
g.addGetterSetter(me, "fontVariant", eo);
|
|
4620
|
-
g.addGetterSetter(me, "padding", 0,
|
|
4620
|
+
g.addGetterSetter(me, "padding", 0, x());
|
|
4621
4621
|
g.addGetterSetter(me, "align", Qa);
|
|
4622
4622
|
g.addGetterSetter(me, "verticalAlign", Uh);
|
|
4623
|
-
g.addGetterSetter(me, "lineHeight", 1,
|
|
4623
|
+
g.addGetterSetter(me, "lineHeight", 1, x());
|
|
4624
4624
|
g.addGetterSetter(me, "wrap", qh);
|
|
4625
4625
|
g.addGetterSetter(me, "ellipsis", !1, qe());
|
|
4626
|
-
g.addGetterSetter(me, "letterSpacing", 0,
|
|
4626
|
+
g.addGetterSetter(me, "letterSpacing", 0, x());
|
|
4627
4627
|
g.addGetterSetter(me, "text", "", pi());
|
|
4628
4628
|
g.addGetterSetter(me, "textDecoration", "");
|
|
4629
4629
|
var id = "", io = "normal";
|
|
@@ -4789,10 +4789,10 @@ Ce.prototype._attrsAffectingSize = ["text", "fontSize", "data"];
|
|
|
4789
4789
|
ge(Ce);
|
|
4790
4790
|
g.addGetterSetter(Ce, "data");
|
|
4791
4791
|
g.addGetterSetter(Ce, "fontFamily", "Arial");
|
|
4792
|
-
g.addGetterSetter(Ce, "fontSize", 12,
|
|
4792
|
+
g.addGetterSetter(Ce, "fontSize", 12, x());
|
|
4793
4793
|
g.addGetterSetter(Ce, "fontStyle", io);
|
|
4794
4794
|
g.addGetterSetter(Ce, "align", "left");
|
|
4795
|
-
g.addGetterSetter(Ce, "letterSpacing", 0,
|
|
4795
|
+
g.addGetterSetter(Ce, "letterSpacing", 0, x());
|
|
4796
4796
|
g.addGetterSetter(Ce, "textBaseline", "middle");
|
|
4797
4797
|
g.addGetterSetter(Ce, "fontVariant", io);
|
|
4798
4798
|
g.addGetterSetter(Ce, "text", id);
|
|
@@ -5388,23 +5388,23 @@ ge(oe);
|
|
|
5388
5388
|
g.addGetterSetter(oe, "enabledAnchors", xr, ud);
|
|
5389
5389
|
g.addGetterSetter(oe, "flipEnabled", !0, qe());
|
|
5390
5390
|
g.addGetterSetter(oe, "resizeEnabled", !0);
|
|
5391
|
-
g.addGetterSetter(oe, "anchorSize", 10,
|
|
5391
|
+
g.addGetterSetter(oe, "anchorSize", 10, x());
|
|
5392
5392
|
g.addGetterSetter(oe, "rotateEnabled", !0);
|
|
5393
5393
|
g.addGetterSetter(oe, "rotationSnaps", []);
|
|
5394
|
-
g.addGetterSetter(oe, "rotateAnchorOffset", 50,
|
|
5395
|
-
g.addGetterSetter(oe, "rotationSnapTolerance", 5,
|
|
5394
|
+
g.addGetterSetter(oe, "rotateAnchorOffset", 50, x());
|
|
5395
|
+
g.addGetterSetter(oe, "rotationSnapTolerance", 5, x());
|
|
5396
5396
|
g.addGetterSetter(oe, "borderEnabled", !0);
|
|
5397
5397
|
g.addGetterSetter(oe, "anchorStroke", "rgb(0, 161, 255)");
|
|
5398
|
-
g.addGetterSetter(oe, "anchorStrokeWidth", 1,
|
|
5398
|
+
g.addGetterSetter(oe, "anchorStrokeWidth", 1, x());
|
|
5399
5399
|
g.addGetterSetter(oe, "anchorFill", "white");
|
|
5400
|
-
g.addGetterSetter(oe, "anchorCornerRadius", 0,
|
|
5400
|
+
g.addGetterSetter(oe, "anchorCornerRadius", 0, x());
|
|
5401
5401
|
g.addGetterSetter(oe, "borderStroke", "rgb(0, 161, 255)");
|
|
5402
|
-
g.addGetterSetter(oe, "borderStrokeWidth", 1,
|
|
5402
|
+
g.addGetterSetter(oe, "borderStrokeWidth", 1, x());
|
|
5403
5403
|
g.addGetterSetter(oe, "borderDash");
|
|
5404
5404
|
g.addGetterSetter(oe, "keepRatio", !0);
|
|
5405
5405
|
g.addGetterSetter(oe, "centeredScaling", !1);
|
|
5406
5406
|
g.addGetterSetter(oe, "ignoreStroke", !1);
|
|
5407
|
-
g.addGetterSetter(oe, "padding", 0,
|
|
5407
|
+
g.addGetterSetter(oe, "padding", 0, x());
|
|
5408
5408
|
g.addGetterSetter(oe, "node");
|
|
5409
5409
|
g.addGetterSetter(oe, "nodes");
|
|
5410
5410
|
g.addGetterSetter(oe, "boundBoxFunc");
|
|
@@ -5437,8 +5437,8 @@ bt.prototype.className = "Wedge";
|
|
|
5437
5437
|
bt.prototype._centroid = !0;
|
|
5438
5438
|
bt.prototype._attrsAffectingSize = ["radius"];
|
|
5439
5439
|
ge(bt);
|
|
5440
|
-
g.addGetterSetter(bt, "radius", 0,
|
|
5441
|
-
g.addGetterSetter(bt, "angle", 0,
|
|
5440
|
+
g.addGetterSetter(bt, "radius", 0, x());
|
|
5441
|
+
g.addGetterSetter(bt, "angle", 0, x());
|
|
5442
5442
|
g.addGetterSetter(bt, "clockwise", !1);
|
|
5443
5443
|
g.backCompat(bt, {
|
|
5444
5444
|
angleDeg: "angle",
|
|
@@ -5987,19 +5987,19 @@ const md = function(e) {
|
|
|
5987
5987
|
var t = Math.round(this.blurRadius());
|
|
5988
5988
|
t > 0 && pd(e, t);
|
|
5989
5989
|
};
|
|
5990
|
-
g.addGetterSetter(P, "blurRadius", 0,
|
|
5990
|
+
g.addGetterSetter(P, "blurRadius", 0, x(), g.afterSetFilter);
|
|
5991
5991
|
const gd = function(r) {
|
|
5992
5992
|
var e = this.brightness() * 255, t = r.data, i = t.length, s;
|
|
5993
5993
|
for (s = 0; s < i; s += 4)
|
|
5994
5994
|
t[s] += e, t[s + 1] += e, t[s + 2] += e;
|
|
5995
5995
|
};
|
|
5996
|
-
g.addGetterSetter(P, "brightness", 0,
|
|
5996
|
+
g.addGetterSetter(P, "brightness", 0, x(), g.afterSetFilter);
|
|
5997
5997
|
const vd = function(r) {
|
|
5998
5998
|
var e = Math.pow((this.contrast() + 100) / 100, 2), t = r.data, i = t.length, s = 150, n = 150, a = 150, o;
|
|
5999
5999
|
for (o = 0; o < i; o += 4)
|
|
6000
6000
|
s = t[o], n = t[o + 1], a = t[o + 2], s /= 255, s -= 0.5, s *= e, s += 0.5, s *= 255, n /= 255, n -= 0.5, n *= e, n += 0.5, n *= 255, a /= 255, a -= 0.5, a *= e, a += 0.5, a *= 255, s = s < 0 ? 0 : s > 255 ? 255 : s, n = n < 0 ? 0 : n > 255 ? 255 : n, a = a < 0 ? 0 : a > 255 ? 255 : a, t[o] = s, t[o + 1] = n, t[o + 2] = a;
|
|
6001
6001
|
};
|
|
6002
|
-
g.addGetterSetter(P, "contrast", 0,
|
|
6002
|
+
g.addGetterSetter(P, "contrast", 0, x(), g.afterSetFilter);
|
|
6003
6003
|
const yd = function(r) {
|
|
6004
6004
|
var e = this.embossStrength() * 10, t = this.embossWhiteLevel() * 255, i = this.embossDirection(), s = this.embossBlend(), n = 0, a = 0, o = r.data, h = r.width, l = r.height, d = h * 4, u = l;
|
|
6005
6005
|
switch (i) {
|
|
@@ -6048,8 +6048,8 @@ const yd = function(r) {
|
|
|
6048
6048
|
} while (--m);
|
|
6049
6049
|
} while (--u);
|
|
6050
6050
|
};
|
|
6051
|
-
g.addGetterSetter(P, "embossStrength", 0.5,
|
|
6052
|
-
g.addGetterSetter(P, "embossWhiteLevel", 0.5,
|
|
6051
|
+
g.addGetterSetter(P, "embossStrength", 0.5, x(), g.afterSetFilter);
|
|
6052
|
+
g.addGetterSetter(P, "embossWhiteLevel", 0.5, x(), g.afterSetFilter);
|
|
6053
6053
|
g.addGetterSetter(P, "embossDirection", "top-left", null, g.afterSetFilter);
|
|
6054
6054
|
g.addGetterSetter(P, "embossBlend", !1, null, g.afterSetFilter);
|
|
6055
6055
|
function fs(r, e, t, i, s) {
|
|
@@ -6067,15 +6067,15 @@ const bd = function(r) {
|
|
|
6067
6067
|
e[c + 0] = fs(e[c + 0], i, s, v, m), e[c + 1] = fs(e[c + 1], a, o, b, w), e[c + 2] = fs(e[c + 2], l, d, A, L);
|
|
6068
6068
|
}
|
|
6069
6069
|
};
|
|
6070
|
-
g.addGetterSetter(P, "enhance", 0,
|
|
6070
|
+
g.addGetterSetter(P, "enhance", 0, x(), g.afterSetFilter);
|
|
6071
6071
|
const _d = function(r) {
|
|
6072
6072
|
var e = r.data, t = e.length, i, s;
|
|
6073
6073
|
for (i = 0; i < t; i += 4)
|
|
6074
6074
|
s = 0.34 * e[i] + 0.5 * e[i + 1] + 0.16 * e[i + 2], e[i] = s, e[i + 1] = s, e[i + 2] = s;
|
|
6075
6075
|
};
|
|
6076
|
-
g.addGetterSetter(P, "hue", 0,
|
|
6077
|
-
g.addGetterSetter(P, "saturation", 0,
|
|
6078
|
-
g.addGetterSetter(P, "luminance", 0,
|
|
6076
|
+
g.addGetterSetter(P, "hue", 0, x(), g.afterSetFilter);
|
|
6077
|
+
g.addGetterSetter(P, "saturation", 0, x(), g.afterSetFilter);
|
|
6078
|
+
g.addGetterSetter(P, "luminance", 0, x(), g.afterSetFilter);
|
|
6079
6079
|
const wd = function(r) {
|
|
6080
6080
|
var e = r.data, t = e.length, i = 1, s = Math.pow(2, this.saturation()), n = Math.abs(this.hue() + 360) % 360, a = this.luminance() * 127, o, h = i * s * Math.cos(n * Math.PI / 180), l = i * s * Math.sin(n * Math.PI / 180), d = 0.299 * i + 0.701 * h + 0.167 * l, u = 0.587 * i - 0.587 * h + 0.33 * l, c = 0.114 * i - 0.114 * h - 0.497 * l, p = 0.299 * i - 0.299 * h - 0.328 * l, f = 0.587 * i + 0.413 * h + 0.035 * l, m = 0.114 * i - 0.114 * h + 0.293 * l, v = 0.299 * i - 0.3 * h + 1.25 * l, _ = 0.587 * i - 0.586 * h - 1.05 * l, w = 0.114 * i + 0.886 * h - 0.2 * l, b, T, L, A;
|
|
6081
6081
|
for (o = 0; o < t; o += 4)
|
|
@@ -6085,9 +6085,9 @@ const wd = function(r) {
|
|
|
6085
6085
|
for (a = 0; a < t; a += 4)
|
|
6086
6086
|
w = e[a + 0], b = e[a + 1], T = e[a + 2], L = e[a + 3], e[a + 0] = l * w + d * b + u * T, e[a + 1] = c * w + p * b + f * T, e[a + 2] = m * w + v * b + _ * T, e[a + 3] = L;
|
|
6087
6087
|
};
|
|
6088
|
-
g.addGetterSetter(P, "hue", 0,
|
|
6089
|
-
g.addGetterSetter(P, "saturation", 0,
|
|
6090
|
-
g.addGetterSetter(P, "value", 0,
|
|
6088
|
+
g.addGetterSetter(P, "hue", 0, x(), g.afterSetFilter);
|
|
6089
|
+
g.addGetterSetter(P, "saturation", 0, x(), g.afterSetFilter);
|
|
6090
|
+
g.addGetterSetter(P, "value", 0, x(), g.afterSetFilter);
|
|
6091
6091
|
const Td = function(r) {
|
|
6092
6092
|
var e = r.data, t = e.length, i;
|
|
6093
6093
|
for (i = 0; i < t; i += 4)
|
|
@@ -6134,8 +6134,8 @@ const kd = function(r) {
|
|
|
6134
6134
|
Ed(_, r, { polarRotation: 0 });
|
|
6135
6135
|
}
|
|
6136
6136
|
};
|
|
6137
|
-
g.addGetterSetter(P, "kaleidoscopePower", 2,
|
|
6138
|
-
g.addGetterSetter(P, "kaleidoscopeAngle", 0,
|
|
6137
|
+
g.addGetterSetter(P, "kaleidoscopePower", 2, x(), g.afterSetFilter);
|
|
6138
|
+
g.addGetterSetter(P, "kaleidoscopeAngle", 0, x(), g.afterSetFilter);
|
|
6139
6139
|
function fr(r, e, t) {
|
|
6140
6140
|
var i = (t * r.width + e) * 4, s = [];
|
|
6141
6141
|
return s.push(r.data[i++], r.data[i++], r.data[i++], r.data[i++]), s;
|
|
@@ -6215,13 +6215,13 @@ const Rd = function(r) {
|
|
|
6215
6215
|
var e = this.threshold(), t = Pd(r, e);
|
|
6216
6216
|
return t && (t = Od(t, r.width, r.height), t = Md(t, r.width, r.height), t = Ld(t, r.width, r.height), Ad(r, t)), r;
|
|
6217
6217
|
};
|
|
6218
|
-
g.addGetterSetter(P, "threshold", 0,
|
|
6218
|
+
g.addGetterSetter(P, "threshold", 0, x(), g.afterSetFilter);
|
|
6219
6219
|
const Id = function(r) {
|
|
6220
6220
|
var e = this.noise() * 255, t = r.data, i = t.length, s = e / 2, n;
|
|
6221
6221
|
for (n = 0; n < i; n += 4)
|
|
6222
6222
|
t[n + 0] += s - 2 * s * Math.random(), t[n + 1] += s - 2 * s * Math.random(), t[n + 2] += s - 2 * s * Math.random();
|
|
6223
6223
|
};
|
|
6224
|
-
g.addGetterSetter(P, "noise", 0.2,
|
|
6224
|
+
g.addGetterSetter(P, "noise", 0.2, x(), g.afterSetFilter);
|
|
6225
6225
|
const Nd = function(r) {
|
|
6226
6226
|
var e = Math.ceil(this.pixelSize()), t = r.width, i = r.height, s, n, a, o, h, l, d, u = Math.ceil(t / e), c = Math.ceil(i / e), p, f, m, v, _, w, b, T = r.data;
|
|
6227
6227
|
if (e <= 0) {
|
|
@@ -6240,13 +6240,13 @@ const Nd = function(r) {
|
|
|
6240
6240
|
n >= i || (a = (t * n + s) * 4, T[a + 0] = o, T[a + 1] = h, T[a + 2] = l, T[a + 3] = d);
|
|
6241
6241
|
}
|
|
6242
6242
|
};
|
|
6243
|
-
g.addGetterSetter(P, "pixelSize", 8,
|
|
6243
|
+
g.addGetterSetter(P, "pixelSize", 8, x(), g.afterSetFilter);
|
|
6244
6244
|
const Gd = function(r) {
|
|
6245
6245
|
var e = Math.round(this.levels() * 254) + 1, t = r.data, i = t.length, s = 255 / e, n;
|
|
6246
6246
|
for (n = 0; n < i; n += 1)
|
|
6247
6247
|
t[n] = Math.floor(t[n] / s) * s;
|
|
6248
6248
|
};
|
|
6249
|
-
g.addGetterSetter(P, "levels", 0.5,
|
|
6249
|
+
g.addGetterSetter(P, "levels", 0.5, x(), g.afterSetFilter);
|
|
6250
6250
|
const Dd = function(r) {
|
|
6251
6251
|
var e = r.data, t = e.length, i = this.red(), s = this.green(), n = this.blue(), a, o;
|
|
6252
6252
|
for (a = 0; a < t; a += 4)
|
|
@@ -6292,7 +6292,7 @@ const Hd = function(r) {
|
|
|
6292
6292
|
for (s = 0; s < i; s += 1)
|
|
6293
6293
|
t[s] = t[s] < e ? 0 : 255;
|
|
6294
6294
|
};
|
|
6295
|
-
g.addGetterSetter(P, "threshold", 0.5,
|
|
6295
|
+
g.addGetterSetter(P, "threshold", 0.5, x(), g.afterSetFilter);
|
|
6296
6296
|
const O = In.Util._assign(In, {
|
|
6297
6297
|
Arc: vt,
|
|
6298
6298
|
Arrow: Ut,
|
|
@@ -7799,7 +7799,7 @@ function ju(r, e) {
|
|
|
7799
7799
|
}));
|
|
7800
7800
|
});
|
|
7801
7801
|
}
|
|
7802
|
-
function
|
|
7802
|
+
function k(r) {
|
|
7803
7803
|
return Fe(function(e, t) {
|
|
7804
7804
|
Ke(r).subscribe(Ae(t, function() {
|
|
7805
7805
|
return t.complete();
|
|
@@ -10446,11 +10446,11 @@ class er extends Je {
|
|
|
10446
10446
|
}), this.leftGroup.add(this.leftBackground), this.leftGroup.add(this.leftPanelText), this.bodyGroup.add(this.bodyBackground), this.bodyGroup.add(this.leftGroup), this.bodyGroup;
|
|
10447
10447
|
}
|
|
10448
10448
|
afterCanvasNodeInit() {
|
|
10449
|
-
this.settleLayout(), this.timeline.onZoom$.pipe(
|
|
10449
|
+
this.settleLayout(), this.timeline.onZoom$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
10450
10450
|
this.settleLayout();
|
|
10451
|
-
}), this.stylesProvider.onChange$.pipe(
|
|
10451
|
+
}), this.stylesProvider.onChange$.pipe(k(this.onDestroy$), $e((e) => !!e)).subscribe((e) => {
|
|
10452
10452
|
this.onStylesProviderChange();
|
|
10453
|
-
}), this.styleAdapter.onChange$.pipe(
|
|
10453
|
+
}), this.styleAdapter.onChange$.pipe(k(this.onDestroy$), $e((e) => !!e)).subscribe((e) => {
|
|
10454
10454
|
this.onStyleChange();
|
|
10455
10455
|
});
|
|
10456
10456
|
}
|
|
@@ -10553,7 +10553,7 @@ class Uo extends Je {
|
|
|
10553
10553
|
}), this.group;
|
|
10554
10554
|
}
|
|
10555
10555
|
afterCanvasNodeInit() {
|
|
10556
|
-
this.timeline.onZoom$.pipe(
|
|
10556
|
+
this.timeline.onZoom$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
10557
10557
|
this.onMeasurementsChange();
|
|
10558
10558
|
}), this.group.on("click", (e) => {
|
|
10559
10559
|
this.onClick$.next({});
|
|
@@ -12046,7 +12046,7 @@ class Nf extends Uo {
|
|
|
12046
12046
|
super.setEditable(e);
|
|
12047
12047
|
}
|
|
12048
12048
|
afterCanvasNodeInit() {
|
|
12049
|
-
super.afterCanvasNodeInit(), this.styleAdapter.onChange$.pipe(
|
|
12049
|
+
super.afterCanvasNodeInit(), this.styleAdapter.onChange$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
12050
12050
|
this.hasStart() && this.initStartMarkerHandle(), this.hasEnd() && this.initEndMarkerHandle(), this.hasStart() && this.hasEnd() && this.initSelectedAreaRect();
|
|
12051
12051
|
});
|
|
12052
12052
|
}
|
|
@@ -12223,9 +12223,9 @@ class aa extends er {
|
|
|
12223
12223
|
throw new Error("MarkerLane not initalized. Maybe you forgot to add MarkerLane to Timeline?");
|
|
12224
12224
|
if (this.markersMap.has(e.getId()))
|
|
12225
12225
|
throw new Error(`Marker with id=${e.getId()} already exists`);
|
|
12226
|
-
return e.setMarkerLane(this), e.setTimeline(this.timeline), e.onClick$.pipe(
|
|
12226
|
+
return e.setMarkerLane(this), e.setTimeline(this.timeline), e.onClick$.pipe(k(this.onDestroy$)).subscribe((t) => {
|
|
12227
12227
|
this.focusMarker(e.getId());
|
|
12228
|
-
}), e.onMouseEnter$.pipe(
|
|
12228
|
+
}), e.onMouseEnter$.pipe(k(this.onDestroy$)).subscribe((t) => {
|
|
12229
12229
|
this.focusMarker(e.getId());
|
|
12230
12230
|
}), this.markers.push(e), this.markersMap.set(e.getId(), e), this.markersGroup.add(e.initCanvasNode()), e;
|
|
12231
12231
|
}
|
|
@@ -14090,7 +14090,7 @@ class km extends Je {
|
|
|
14090
14090
|
...Sa.style,
|
|
14091
14091
|
...e.style
|
|
14092
14092
|
}
|
|
14093
|
-
}), this.textTrackCue = this.config.textTrackCue, this.x = this.config.x, this.width = this.config.width, this.listening = this.config.listening, this.subtitlesLane = t, this.subtitlesLane.onSettleLayout$.pipe(
|
|
14093
|
+
}), this.textTrackCue = this.config.textTrackCue, this.x = this.config.x, this.width = this.config.width, this.listening = this.config.listening, this.subtitlesLane = t, this.subtitlesLane.onSettleLayout$.pipe(k(this.onDestroy$)).subscribe(() => {
|
|
14094
14094
|
let i = this.subtitlesLane.resolveItemHorizontalMeasurement(this.getTextTrackCue());
|
|
14095
14095
|
this.setHorizontalMeasurement(i);
|
|
14096
14096
|
});
|
|
@@ -14481,9 +14481,9 @@ class Ca extends er {
|
|
|
14481
14481
|
}), this.onSettleLayout$.next();
|
|
14482
14482
|
}
|
|
14483
14483
|
afterCanvasNodeInit() {
|
|
14484
|
-
super.afterCanvasNodeInit(), this.fetchAndCreateThumbnails(), this.onSettleLayout$.pipe(
|
|
14484
|
+
super.afterCanvasNodeInit(), this.fetchAndCreateThumbnails(), this.onSettleLayout$.pipe(k(this.onDestroy$)).subscribe(() => {
|
|
14485
14485
|
this.hideThumbnailHover(), this.adjustThumbnails();
|
|
14486
|
-
}), this.onSettleLayout$.pipe(
|
|
14486
|
+
}), this.onSettleLayout$.pipe(k(this.onDestroy$)).pipe(Ro(100)).subscribe(() => {
|
|
14487
14487
|
this.createAndAdjustThumbnails();
|
|
14488
14488
|
}), this.timecodedGroup.on("mouseout mouseleave", (e) => {
|
|
14489
14489
|
this.hideThumbnailHover();
|
|
@@ -14544,15 +14544,15 @@ class Ca extends er {
|
|
|
14544
14544
|
strokeWidth: this.style.thumbnailStrokeWidth
|
|
14545
14545
|
}
|
|
14546
14546
|
});
|
|
14547
|
-
return n.setThumbnailVttCue(e), n.initCanvasNode(), n.setImage(t), n.onClick$.pipe(
|
|
14547
|
+
return n.setThumbnailVttCue(e), n.initCanvasNode(), n.setImage(t), n.onClick$.pipe(k(this.eventStreamBreaker$)).subscribe((a) => {
|
|
14548
14548
|
this.onClick$.next(a);
|
|
14549
|
-
}), n.onMouseOver$.pipe(
|
|
14549
|
+
}), n.onMouseOver$.pipe(k(this.eventStreamBreaker$)).subscribe((a) => {
|
|
14550
14550
|
this.showThumbnailHover(a.thumbnail);
|
|
14551
|
-
}), n.onMouseMove$.pipe(
|
|
14551
|
+
}), n.onMouseMove$.pipe(k(this.eventStreamBreaker$)).subscribe((a) => {
|
|
14552
14552
|
this.showThumbnailHover(a.thumbnail);
|
|
14553
|
-
}), n.onMouseOut$.pipe(
|
|
14553
|
+
}), n.onMouseOut$.pipe(k(this.eventStreamBreaker$)).subscribe((a) => {
|
|
14554
14554
|
this.hideThumbnailHover();
|
|
14555
|
-
}), n.onMouseLeave$.pipe(
|
|
14555
|
+
}), n.onMouseLeave$.pipe(k(this.eventStreamBreaker$)).subscribe((a) => {
|
|
14556
14556
|
this.hideThumbnailHover();
|
|
14557
14557
|
}), n;
|
|
14558
14558
|
}
|
|
@@ -14770,12 +14770,12 @@ class Lm extends er {
|
|
|
14770
14770
|
}), this.onSettleLayout$.next();
|
|
14771
14771
|
}
|
|
14772
14772
|
afterCanvasNodeInit() {
|
|
14773
|
-
super.afterCanvasNodeInit(), this.fetchAndCreateAudioTrack(), this.onSettleLayout$.pipe(
|
|
14773
|
+
super.afterCanvasNodeInit(), this.fetchAndCreateAudioTrack(), this.onSettleLayout$.pipe(k(this.onDestroy$)).subscribe(() => {
|
|
14774
14774
|
this.settlePosition();
|
|
14775
14775
|
}), xu([
|
|
14776
14776
|
this.onSettleLayout$,
|
|
14777
14777
|
this.timeline.onScroll$
|
|
14778
|
-
]).pipe(
|
|
14778
|
+
]).pipe(k(this.onDestroy$), Ro(100)).subscribe(() => {
|
|
14779
14779
|
this.settleAll();
|
|
14780
14780
|
});
|
|
14781
14781
|
}
|
|
@@ -14947,7 +14947,7 @@ class Im extends Je {
|
|
|
14947
14947
|
}), this.handleGroup.add(this.background), this.handleGroup.add(this.handleBar), this.group.add(this.background), this.group.add(this.handleGroup), this.handleGroup.add(this.leftZoomHandle), this.handleGroup.add(this.rightZoomHandle), this.group;
|
|
14948
14948
|
}
|
|
14949
14949
|
afterCanvasNodeInit() {
|
|
14950
|
-
this.styleAdapter.onChange$.pipe(
|
|
14950
|
+
this.styleAdapter.onChange$.pipe(k(this.onDestroy$), $e((n) => !!n)).subscribe((n) => {
|
|
14951
14951
|
this.onStyleChange();
|
|
14952
14952
|
}), this.group.on("click", (n) => {
|
|
14953
14953
|
this.clickScrollTo(this.group.getRelativePointerPosition().x);
|
|
@@ -15161,9 +15161,9 @@ class Gm extends Je {
|
|
|
15161
15161
|
}), this.label.y(-this.text.getSelfRect().height), this.label.add(this.text), this.group.add(this.label), this.group;
|
|
15162
15162
|
}
|
|
15163
15163
|
afterCanvasNodeInit() {
|
|
15164
|
-
this.styleAdapter.onChange$.pipe(
|
|
15164
|
+
this.styleAdapter.onChange$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15165
15165
|
this.onMeasurementsChange();
|
|
15166
|
-
}), this.stylesProvider.onChange$.pipe($e((e) => !!e),
|
|
15166
|
+
}), this.stylesProvider.onChange$.pipe($e((e) => !!e), k(this.onDestroy$)).subscribe((e) => {
|
|
15167
15167
|
this.text.setAttrs({
|
|
15168
15168
|
fontFamily: this.stylesProvider.styles.omakasePlayerStyle.fontFamily
|
|
15169
15169
|
});
|
|
@@ -15238,17 +15238,17 @@ class Fm extends Je {
|
|
|
15238
15238
|
}), this.group.add(this.background), this.group.add(this.bufferedGroup), this.group.add(this.playProgressBackground), this.playheadGroup.add(this.playheadLine), this.playheadGroup.add(this.playheadSymbol), this.group.add(this.playheadGroup), this.group;
|
|
15239
15239
|
}
|
|
15240
15240
|
afterCanvasNodeInit() {
|
|
15241
|
-
this.settleLayout(), this.timeline.onZoom$.pipe(
|
|
15241
|
+
this.settleLayout(), this.timeline.onZoom$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15242
15242
|
this.settleLayout();
|
|
15243
|
-
}), this.videoController.onVideoLoading$.pipe(
|
|
15243
|
+
}), this.videoController.onVideoLoading$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15244
15244
|
this.group.visible(!1);
|
|
15245
|
-
}), this.videoController.onVideoLoaded$.pipe(
|
|
15245
|
+
}), this.videoController.onVideoLoaded$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15246
15246
|
this.group.visible(!0), this.doPlayProgress(), this.doBufferingProgress();
|
|
15247
|
-
}), this.videoController.onVideoTimeChange$.pipe(
|
|
15247
|
+
}), this.videoController.onVideoTimeChange$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15248
15248
|
this.doPlayProgress();
|
|
15249
|
-
}), this.videoController.onSeeking$.pipe(
|
|
15249
|
+
}), this.videoController.onSeeking$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15250
15250
|
this.doPlayProgress(), this.doBufferingProgress();
|
|
15251
|
-
}), this.videoController.onBuffering$.pipe(
|
|
15251
|
+
}), this.videoController.onBuffering$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15252
15252
|
this.doBufferingProgress();
|
|
15253
15253
|
});
|
|
15254
15254
|
}
|
|
@@ -15342,11 +15342,11 @@ class Ol extends Je {
|
|
|
15342
15342
|
}), this.group.add(this.text), this.group;
|
|
15343
15343
|
}
|
|
15344
15344
|
afterCanvasNodeInit() {
|
|
15345
|
-
super.afterCanvasNodeInit(), this.stylesProvider.onChange$.pipe($e((e) => !!e),
|
|
15345
|
+
super.afterCanvasNodeInit(), this.stylesProvider.onChange$.pipe($e((e) => !!e), k(this.onDestroy$)).subscribe((e) => {
|
|
15346
15346
|
this.text.setAttrs({
|
|
15347
15347
|
fontFamily: this.stylesProvider.styles.omakasePlayerStyle.fontFamily
|
|
15348
15348
|
});
|
|
15349
|
-
}), this.videoController.onVideoLoaded$.pipe($e((e) => !!e),
|
|
15349
|
+
}), this.videoController.onVideoLoaded$.pipe($e((e) => !!e), k(this.onDestroy$)).subscribe((e) => {
|
|
15350
15350
|
this.onVideoLoadedEvent(e);
|
|
15351
15351
|
});
|
|
15352
15352
|
}
|
|
@@ -15357,7 +15357,7 @@ class Ol extends Je {
|
|
|
15357
15357
|
this.videoEventStreamBreaker$ && (this.videoEventStreamBreaker$.next(), this.videoEventStreamBreaker$.complete()), this.videoEventStreamBreaker$ = new V();
|
|
15358
15358
|
}
|
|
15359
15359
|
onVideoLoadedEvent(e) {
|
|
15360
|
-
this.fireVideoEventStreamBreaker(), this.text.text(this.videoController.formatTimestamp(0)), this.videoController.onVideoTimeChange$.pipe(
|
|
15360
|
+
this.fireVideoEventStreamBreaker(), this.text.text(this.videoController.formatTimestamp(0)), this.videoController.onVideoTimeChange$.pipe(k(this.videoEventStreamBreaker$)).subscribe((t) => {
|
|
15361
15361
|
this.text.text(this.videoController.formatTimestamp(t.currentTime));
|
|
15362
15362
|
});
|
|
15363
15363
|
}
|
|
@@ -15454,9 +15454,9 @@ class $m extends er {
|
|
|
15454
15454
|
evt: e.evt,
|
|
15455
15455
|
position: this.timecodedGroup.getRelativePointerPosition()
|
|
15456
15456
|
});
|
|
15457
|
-
}), this.videoController.onVideoLoading$.pipe(
|
|
15457
|
+
}), this.videoController.onVideoLoading$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15458
15458
|
this.clearContent();
|
|
15459
|
-
}), this.videoController.onVideoLoaded$.pipe(
|
|
15459
|
+
}), this.videoController.onVideoLoaded$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15460
15460
|
this.settleLayout();
|
|
15461
15461
|
});
|
|
15462
15462
|
}
|
|
@@ -15665,11 +15665,11 @@ class zm extends Je {
|
|
|
15665
15665
|
]), this.stage;
|
|
15666
15666
|
}
|
|
15667
15667
|
afterCanvasNodeInit() {
|
|
15668
|
-
this.videoController.onVideoLoading$.pipe($e((e) => !!e),
|
|
15668
|
+
this.videoController.onVideoLoading$.pipe($e((e) => !!e), k(this.onDestroy$)).subscribe((e) => {
|
|
15669
15669
|
this.clearContent();
|
|
15670
|
-
}), this.videoController.onVideoLoaded$.pipe($e((e) => !!e),
|
|
15670
|
+
}), this.videoController.onVideoLoaded$.pipe($e((e) => !!e), k(this.onDestroy$)).subscribe((e) => {
|
|
15671
15671
|
this.onVideoLoadedEvent(e);
|
|
15672
|
-
}), be(window, "resize").pipe(
|
|
15672
|
+
}), be(window, "resize").pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15673
15673
|
setTimeout(() => {
|
|
15674
15674
|
this.onWindowResize(e);
|
|
15675
15675
|
}, 200);
|
|
@@ -15717,7 +15717,7 @@ class zm extends Je {
|
|
|
15717
15717
|
et.cursor("grabbing");
|
|
15718
15718
|
}), this.timecodedGroup.on("dragend", (e) => {
|
|
15719
15719
|
et.cursor("default");
|
|
15720
|
-
}), this.scrubberLane.onMouseMove$.pipe(
|
|
15720
|
+
}), this.scrubberLane.onMouseMove$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15721
15721
|
if (!this.videoController.isVideoLoaded())
|
|
15722
15722
|
return;
|
|
15723
15723
|
this.mouseWheelEnabled = !0;
|
|
@@ -15726,20 +15726,20 @@ class zm extends Je {
|
|
|
15726
15726
|
let s = this.thumbnailVttFile.findCue(i);
|
|
15727
15727
|
this.showThumbnailHover(s);
|
|
15728
15728
|
}
|
|
15729
|
-
}), this.scrubberLane.onMouseEnter$.pipe(
|
|
15729
|
+
}), this.scrubberLane.onMouseEnter$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15730
15730
|
this.mouseWheelEnabled = !0;
|
|
15731
|
-
}), this.scrubberLane.onMouseLeave$.pipe(
|
|
15731
|
+
}), this.scrubberLane.onMouseLeave$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15732
15732
|
this.hideThumbnailHover(), this.mouseWheelEnabled = !1;
|
|
15733
|
-
}), this.scrubberLane.onClick$.pipe(
|
|
15733
|
+
}), this.scrubberLane.onClick$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15734
15734
|
if (!this.videoController.isVideoLoaded())
|
|
15735
15735
|
return;
|
|
15736
15736
|
this.updateScrollWithPlayhead();
|
|
15737
15737
|
let t = this.timecodedGroup.getRelativePointerPosition().x;
|
|
15738
15738
|
this.playheadHoverMove(t), this.videoController.isVideoLoaded() && this.videoController.seekToTimestamp(this.timelinePositionToTime(t)).subscribe(() => {
|
|
15739
15739
|
});
|
|
15740
|
-
}), this.scrollbar.onScroll$.pipe(
|
|
15740
|
+
}), this.scrollbar.onScroll$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15741
15741
|
this.videoController.isVideoLoaded() && (this.setHorizontalScrollPercent(this.scrollbar.getScrollHandlePercent()), this.updateScrollWithPlayhead(), this.onScroll$.next(this.createScrollEvent()));
|
|
15742
|
-
}), this.scrollbar.onZoom$.pipe(
|
|
15742
|
+
}), this.scrollbar.onZoom$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
15743
15743
|
this.videoController.isVideoLoaded() && (this.zoomByPercent(e.zoomPercent, !1), this.updateScrollWithPlayhead());
|
|
15744
15744
|
}), this.thumbnailVttUrl && this.fetchThumbnailVttFile().subscribe();
|
|
15745
15745
|
}
|
|
@@ -16073,9 +16073,9 @@ class zm extends Je {
|
|
|
16073
16073
|
// endregion
|
|
16074
16074
|
// region video
|
|
16075
16075
|
onVideoLoadedEvent(e) {
|
|
16076
|
-
this.fireVideoEventBreaker(), this.clearContent(), this.syncVideoMetadata(), this.videoController.onVideoTimeChange$.pipe(
|
|
16076
|
+
this.fireVideoEventBreaker(), this.clearContent(), this.syncVideoMetadata(), this.videoController.onVideoTimeChange$.pipe(k(this.videoEventBreaker$)).subscribe((t) => {
|
|
16077
16077
|
this.syncVideoMetadata();
|
|
16078
|
-
}), this.videoController.onPlay$.pipe(
|
|
16078
|
+
}), this.videoController.onPlay$.pipe(k(this.videoEventBreaker$)).subscribe((t) => {
|
|
16079
16079
|
this.updateScrollWithPlayhead();
|
|
16080
16080
|
});
|
|
16081
16081
|
}
|
|
@@ -16473,7 +16473,7 @@ class jm {
|
|
|
16473
16473
|
constructor(e, t) {
|
|
16474
16474
|
if (this.browserProvider = ti.instance(), this.helpMenuGroups = [], this._isVideoLoaded = !1, this.frameDurationSpillOverCorrection = 1e-6, this.syncLoopMaxIterations = 20, this.seekInProgress = !1, this.videoStalledCheckIntervalMs = 700, this.videoFrameCallback$ = new Qt(null), this.videoEventBreaker$ = new V(), this.onDestroy$ = new V(), this.seekBreaker$ = new V(), this.onVideoLoaded$ = new Qt(void 0), this.onVideoLoading$ = new V(), this.onPlay$ = new V(), this.onPause$ = new V(), this.onVideoTimeChange$ = new V(), this.onSeeking$ = new V(), this.onSeeked$ = new V(), this.onBuffering$ = new V(), this.onEnded$ = new V(), this.onAudioSwitched$ = new V(), this.onPlaybackState$ = new V(), this.onHelpMenuChange$ = new Qt(void 0), this.onVideoError$ = new V(), this.domController = e, this.crossorigin = t, this.videoElement = this.domController.videoElement, this.videoElement.crossOrigin = this.crossorigin, !this.videoElement)
|
|
16475
16475
|
throw new Error("VideoController element not set");
|
|
16476
|
-
this.videoFrameCallback$.pipe(
|
|
16476
|
+
this.videoFrameCallback$.pipe(k(this.onDestroy$)).subscribe((i) => {
|
|
16477
16477
|
i && (this.seekInProgress || (this.isPlaying() ? this.videoTimeChangeHandlerExecutor() : this.isPaused()));
|
|
16478
16478
|
});
|
|
16479
16479
|
}
|
|
@@ -16500,7 +16500,7 @@ class jm {
|
|
|
16500
16500
|
}
|
|
16501
16501
|
}
|
|
16502
16502
|
initEventHandlers() {
|
|
16503
|
-
be(this.videoElement, We.PAUSE).pipe(
|
|
16503
|
+
be(this.videoElement, We.PAUSE).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16504
16504
|
if (this.browserProvider.isSafari) {
|
|
16505
16505
|
let t = this.getCurrentTime() + this.video.frameDuration;
|
|
16506
16506
|
this._seekTimeAndSyncNoEmitEvents(t).subscribe((i) => {
|
|
@@ -16510,32 +16510,32 @@ class jm {
|
|
|
16510
16510
|
this.syncVideoFrames({}).subscribe((t) => {
|
|
16511
16511
|
this.videoTimeChangeHandlerExecutor(), this.onPause$.next({});
|
|
16512
16512
|
});
|
|
16513
|
-
}), be(this.videoElement, We.WAITING).pipe(
|
|
16513
|
+
}), be(this.videoElement, We.WAITING).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16514
16514
|
this.playbackStateMachine.waiting = !0;
|
|
16515
|
-
}), be(this.videoElement, We.PLAYING).pipe(
|
|
16515
|
+
}), be(this.videoElement, We.PLAYING).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16516
16516
|
this.playbackStateMachine.setPlaying(), this.videoStalledCheckLastCurrentTime = void 0;
|
|
16517
|
-
}), be(this.videoElement, We.PAUSE).pipe(
|
|
16517
|
+
}), be(this.videoElement, We.PAUSE).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16518
16518
|
this.playbackStateMachine.setPaused(), this.videoStalledCheckLastCurrentTime = void 0;
|
|
16519
|
-
}), be(this.videoElement, We.TIMEUPDATE).pipe(
|
|
16520
|
-
}), be(this.videoElement, We.PROGRESS).pipe(
|
|
16519
|
+
}), be(this.videoElement, We.TIMEUPDATE).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16520
|
+
}), be(this.videoElement, We.PROGRESS).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16521
16521
|
this.onBuffering$.next({
|
|
16522
16522
|
bufferedTimespans: this.getBufferedTimespans()
|
|
16523
16523
|
});
|
|
16524
|
-
}), be(this.videoElement, We.ENDED).pipe(
|
|
16524
|
+
}), be(this.videoElement, We.ENDED).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16525
16525
|
this.onEnded$.next({});
|
|
16526
|
-
}), this.playbackStateMachine.onChange$.pipe(
|
|
16526
|
+
}), this.playbackStateMachine.onChange$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16527
16527
|
this.onPlaybackState$.next(e);
|
|
16528
|
-
}), this.onPlay$.pipe(
|
|
16528
|
+
}), this.onPlay$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16529
16529
|
this.playbackStateMachine.setPlaying(), this.videoStalledCheckLastCurrentTime = void 0;
|
|
16530
|
-
}), this.onPause$.pipe(
|
|
16530
|
+
}), this.onPause$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16531
16531
|
this.playbackStateMachine.setPaused(), this.videoStalledCheckLastCurrentTime = void 0;
|
|
16532
|
-
}), this.onSeeking$.pipe(
|
|
16532
|
+
}), this.onSeeking$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16533
16533
|
this.playbackStateMachine.seeking = !0;
|
|
16534
|
-
}), this.onSeeked$.pipe(
|
|
16534
|
+
}), this.onSeeked$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16535
16535
|
this.playbackStateMachine.seeking = !1;
|
|
16536
|
-
}), this.onEnded$.pipe(
|
|
16536
|
+
}), this.onEnded$.pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16537
16537
|
this.playbackStateMachine.setEnded(), this.videoStalledCheckLastCurrentTime = void 0;
|
|
16538
|
-
}), Bu(this.videoStalledCheckIntervalMs).pipe(
|
|
16538
|
+
}), Bu(this.videoStalledCheckIntervalMs).pipe(k(this.videoEventBreaker$)).subscribe((e) => {
|
|
16539
16539
|
let t = this.getCurrentTime();
|
|
16540
16540
|
if (!this.videoStalledCheckLastCurrentTime) {
|
|
16541
16541
|
this.videoStalledCheckLastCurrentTime = t;
|
|
@@ -16577,7 +16577,7 @@ class jm {
|
|
|
16577
16577
|
syncVideoFrames(e) {
|
|
16578
16578
|
return console.debug("syncFrames - START", e), new se((t) => {
|
|
16579
16579
|
let i = new Qt(!1), s = new V(), n = this.syncLoopMaxIterations;
|
|
16580
|
-
this.seekBreaker$.pipe(
|
|
16580
|
+
this.seekBreaker$.pipe(k(s)).subscribe(() => {
|
|
16581
16581
|
console.debug("%csyncFrames - seek breaker triggered", "color: gray"), i.next(!0), a();
|
|
16582
16582
|
});
|
|
16583
16583
|
let a = () => {
|
|
@@ -16640,7 +16640,7 @@ class jm {
|
|
|
16640
16640
|
p === m || !m ? (console.debug(`%csyncFrames - OK: currentTimeFrame[${p}] === mediaTimeFrame[${m}]`, "color: green"), a()) : (console.debug(`%csyncFrames - CORRECTION; currentTimeFrame[${p}] ${p > m ? ">" : "<"} mediaTimeFrame[${m}]`, "color: red"), p > m ? o(Z.add(c, this.syncStepCurrentTimeMediaTime).toNumber()) : o(f + this.syncStepCurrentTimeMediaTime));
|
|
16641
16641
|
console.debug("syncFrames.syncLoop - END");
|
|
16642
16642
|
};
|
|
16643
|
-
this.videoFrameCallback$.pipe(Wu((e.seekToFrame, 0)),
|
|
16643
|
+
this.videoFrameCallback$.pipe(Wu((e.seekToFrame, 0)), k(s)).subscribe((u) => {
|
|
16644
16644
|
console.debug("syncFrames.syncLoop - videoFrameCallback$ trigger", u), d(u);
|
|
16645
16645
|
});
|
|
16646
16646
|
}
|
|
@@ -16648,12 +16648,12 @@ class jm {
|
|
|
16648
16648
|
}
|
|
16649
16649
|
seekTimeAndSync(e, t = {}) {
|
|
16650
16650
|
return new se((i) => {
|
|
16651
|
-
this.seekInProgress && (this.seekBreaker$.next(), this.seekBreaker$.complete(), this.seekBreaker$ = new V()), this.seekInProgress = !0, isNaN(e) || (e = e < 0 ? 0 : e > this.getDuration() ? this.getDuration() : e, be(this.videoElement, We.SEEKING).pipe(
|
|
16651
|
+
this.seekInProgress && (this.seekBreaker$.next(), this.seekBreaker$.complete(), this.seekBreaker$ = new V()), this.seekInProgress = !0, isNaN(e) || (e = e < 0 ? 0 : e > this.getDuration() ? this.getDuration() : e, be(this.videoElement, We.SEEKING).pipe(k(this.seekBreaker$), ct(1)).subscribe((s) => {
|
|
16652
16652
|
this.onSeeking$.next({
|
|
16653
16653
|
newTime: e,
|
|
16654
16654
|
currentTime: this.getCurrentTime()
|
|
16655
16655
|
});
|
|
16656
|
-
}), be(this.videoElement, We.SEEKED).pipe(
|
|
16656
|
+
}), be(this.videoElement, We.SEEKED).pipe(k(this.seekBreaker$), ct(1)).subscribe((s) => {
|
|
16657
16657
|
this.syncVideoFrames(t).subscribe((n) => {
|
|
16658
16658
|
this.onSeeked$.next({
|
|
16659
16659
|
currentTime: this.getCurrentTime()
|
|
@@ -17311,30 +17311,30 @@ class tg {
|
|
|
17311
17311
|
let t = [this.divButtonPlay, this.divButtonPause, this.divButtonLoading, this.divButtonReplay, this.divButtonError], i = () => {
|
|
17312
17312
|
this.showTemporaryOnMouseMoveTimeoutId && clearTimeout(this.showTemporaryOnMouseMoveTimeoutId);
|
|
17313
17313
|
};
|
|
17314
|
-
be(this.divPlayerWrapper, "mousemove").pipe(
|
|
17314
|
+
be(this.divPlayerWrapper, "mousemove").pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17315
17315
|
if (this._videoController.isVideoLoaded() && !(this._videoController.getPlaybackState().ended || this._videoController.getPlaybackState().waiting || this._videoController.getPlaybackState().seeking)) {
|
|
17316
17316
|
let n = this._videoController.isPlaying() ? this.divButtonPause : this.divButtonPlay;
|
|
17317
17317
|
i(), this.hideElements(this.divButtonPause, this.divButtonPlay).showElements(n, this.divButtonHelp), this.showTemporaryOnMouseMoveTimeoutId = setTimeout(() => {
|
|
17318
17318
|
this.hideElements(n), this.isShown(this.divHelpMenu) || this.hideElements(this.divButtonHelp, this.divHelpMenu);
|
|
17319
17319
|
}, 1e3);
|
|
17320
17320
|
}
|
|
17321
|
-
}), be(this.divPlayerWrapper, "mouseleave").pipe(
|
|
17321
|
+
}), be(this.divPlayerWrapper, "mouseleave").pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17322
17322
|
this.hideElements(this.divButtonPlay, this.divButtonPause), this.hideElements(this.divButtonHelp, this.divHelpMenu);
|
|
17323
|
-
}), be(this.divPlayerWrapper, "click").pipe(
|
|
17323
|
+
}), be(this.divPlayerWrapper, "click").pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17324
17324
|
(s.target === this._videoElement || s.target === this.divButtonPlay || s.target === this.divButtonPause || s.target === this.divButtonReplay || s.target === this.divButtonLoading) && this._videoController.togglePlayPause();
|
|
17325
|
-
}), be(this._videoElement, "contextmenu").pipe(
|
|
17325
|
+
}), be(this._videoElement, "contextmenu").pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17326
17326
|
s.preventDefault();
|
|
17327
|
-
}), this._videoElement.controls = !1, this._videoController.onVideoLoading$.pipe(
|
|
17327
|
+
}), this._videoElement.controls = !1, this._videoController.onVideoLoading$.pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17328
17328
|
this.hideElements(...t).hideElements(this.divErrorMessage).showElements(this.divButtonLoading);
|
|
17329
|
-
}), this._videoController.onVideoLoaded$.pipe(
|
|
17329
|
+
}), this._videoController.onVideoLoaded$.pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17330
17330
|
this.hideElements(...t).hideElements(this.divErrorMessage), s || this.showElements(this.divButtonLoading);
|
|
17331
|
-
}), this._videoController.onPlaybackState$.pipe(
|
|
17331
|
+
}), this._videoController.onPlaybackState$.pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17332
17332
|
i(), s.waiting && s.playing ? this.hideElements(...t).hideElements(this.divErrorMessage).showElements(this.divButtonLoading) : s.playing ? (this.hideElements(...t).hideElements(this.divErrorMessage), s.seeking && s.waiting && this.showElements(this.divButtonLoading)) : s.paused ? (this.hideElements(...t).hideElements(this.divErrorMessage), s.seeking && s.waiting ? this.showElements(this.divButtonLoading) : s.ended && this.showElements(this.divButtonReplay)) : s.seeking && s.waiting && this.hideElements(...t).hideElements(this.divErrorMessage).showElements(this.divButtonLoading);
|
|
17333
|
-
}), this._videoController.onVideoError$.pipe(
|
|
17333
|
+
}), this._videoController.onVideoError$.pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17334
17334
|
this.hideElements(...t).showElements(this.divErrorMessage, this.divButtonError), this.divErrorMessage.innerHTML = s.message;
|
|
17335
|
-
}), be(this.divButtonHelp, "click").pipe(
|
|
17335
|
+
}), be(this.divButtonHelp, "click").pipe(k(this.videoEventBreaker$)).subscribe((s) => {
|
|
17336
17336
|
s.target === this.divButtonHelp && (this.isShown(this.divHelpMenu) ? this.hideElements(this.divHelpMenu) : this.showElements(this.divHelpMenu));
|
|
17337
|
-
}), this._videoController.onHelpMenuChange$.pipe(
|
|
17337
|
+
}), this._videoController.onHelpMenuChange$.pipe(k(this.videoEventBreaker$)).subscribe(() => {
|
|
17338
17338
|
this.helpChangeHandler();
|
|
17339
17339
|
});
|
|
17340
17340
|
}
|
|
@@ -17371,7 +17371,7 @@ class rg {
|
|
|
17371
17371
|
...this.config.style
|
|
17372
17372
|
}), this.stylesProvider.styles = {
|
|
17373
17373
|
omakasePlayerStyle: this.style
|
|
17374
|
-
}, this.styleAdapter.onChange$.pipe(
|
|
17374
|
+
}, this.styleAdapter.onChange$.pipe(k(this.onDestroy$)).subscribe((t) => {
|
|
17375
17375
|
this.stylesProvider.styles = {
|
|
17376
17376
|
omakasePlayerStyle: this.style
|
|
17377
17377
|
};
|
|
@@ -17392,9 +17392,9 @@ class rg {
|
|
|
17392
17392
|
createTimeline(e) {
|
|
17393
17393
|
return new se((t) => {
|
|
17394
17394
|
let i = () => {
|
|
17395
|
-
console.debug("Creating timeline"), this._timeline = new zm(e, this.videoController), this.domController.timeline = this.timeline, this._timeline.initCanvasNode(), this._timeline.onScroll$.pipe(
|
|
17395
|
+
console.debug("Creating timeline"), this._timeline = new zm(e, this.videoController), this.domController.timeline = this.timeline, this._timeline.initCanvasNode(), this._timeline.onScroll$.pipe(k(this.onDestroy$)).subscribe((s) => {
|
|
17396
17396
|
this.emit("omakaseTimelineScroll", s);
|
|
17397
|
-
}), this._timeline.onZoom$.subscribe((s) => {
|
|
17397
|
+
}), this._timeline.onZoom$.pipe(k(this.onDestroy$)).subscribe((s) => {
|
|
17398
17398
|
this.emit("omakaseTimelineZoom", s);
|
|
17399
17399
|
});
|
|
17400
17400
|
};
|
|
@@ -17404,33 +17404,33 @@ class rg {
|
|
|
17404
17404
|
});
|
|
17405
17405
|
}
|
|
17406
17406
|
bindEventHandlers() {
|
|
17407
|
-
this.videoController.onPlay$.pipe(
|
|
17407
|
+
this.videoController.onPlay$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17408
17408
|
this.emit("omakaseVideoPlay", e);
|
|
17409
|
-
}), this.videoController.onPause$.pipe(
|
|
17409
|
+
}), this.videoController.onPause$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17410
17410
|
this.emit("omakaseVideoPause", e);
|
|
17411
|
-
}), this.videoController.onVideoLoaded$.pipe(
|
|
17411
|
+
}), this.videoController.onVideoLoaded$.pipe(k(this.onDestroy$), $e((e) => !!e)).subscribe((e) => {
|
|
17412
17412
|
this.emit("omakaseVideoLoaded", e);
|
|
17413
|
-
}), this.videoController.onVideoTimeChange$.pipe(
|
|
17413
|
+
}), this.videoController.onVideoTimeChange$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17414
17414
|
this.emit("omakaseVideoTimeChange", e);
|
|
17415
|
-
}), this.videoController.onSeeking$.pipe(
|
|
17415
|
+
}), this.videoController.onSeeking$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17416
17416
|
this.emit("omakaseVideoSeeking", e);
|
|
17417
|
-
}), this.videoController.onSeeked$.pipe(
|
|
17417
|
+
}), this.videoController.onSeeked$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17418
17418
|
this.emit("omakaseVideoSeeked", e);
|
|
17419
|
-
}), this.videoController.onBuffering$.pipe(
|
|
17419
|
+
}), this.videoController.onBuffering$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17420
17420
|
this.emit("omakaseVideoBuffering", e);
|
|
17421
|
-
}), this.videoController.onEnded$.pipe(
|
|
17421
|
+
}), this.videoController.onEnded$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17422
17422
|
this.emit("omakaseVideoEnded", e);
|
|
17423
|
-
}), this.videoController.onAudioSwitched$.pipe(
|
|
17423
|
+
}), this.videoController.onAudioSwitched$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17424
17424
|
this.emit("omakaseVideoAudioSwitched", e);
|
|
17425
|
-
}), this.audioController.onAudioSwitched$.pipe(
|
|
17425
|
+
}), this.audioController.onAudioSwitched$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17426
17426
|
this.emit("omakaseAudioSwitched", e);
|
|
17427
|
-
}), this.subtitlesController.onCreate$.pipe(
|
|
17427
|
+
}), this.subtitlesController.onCreate$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17428
17428
|
this.emit("omakaseSubtitlesCreate", e);
|
|
17429
|
-
}), this.subtitlesController.onRemove$.pipe(
|
|
17429
|
+
}), this.subtitlesController.onRemove$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17430
17430
|
this.emit("omakaseSubtitlesRemove", e);
|
|
17431
|
-
}), this.subtitlesController.onShow$.pipe(
|
|
17431
|
+
}), this.subtitlesController.onShow$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17432
17432
|
this.emit("omakaseSubtitlesShow", e);
|
|
17433
|
-
}), this.subtitlesController.onHide$.pipe(
|
|
17433
|
+
}), this.subtitlesController.onHide$.pipe(k(this.onDestroy$)).subscribe((e) => {
|
|
17434
17434
|
this.emit("omakaseSubtitlesHide", e);
|
|
17435
17435
|
});
|
|
17436
17436
|
}
|
|
@@ -17479,7 +17479,7 @@ class rg {
|
|
|
17479
17479
|
return Qm;
|
|
17480
17480
|
}
|
|
17481
17481
|
destroy() {
|
|
17482
|
-
this.onDestroy$ && (
|
|
17482
|
+
this.onDestroy$ && (this.onDestroy$.next(), this.onDestroy$.complete()), this.timeline.getLanes().forEach((e) => {
|
|
17483
17483
|
e != null && (e.clearContent(), e.destroy());
|
|
17484
17484
|
}), this.timeline.destroy(), this.video.getHls().off(ze.Events.ERROR), this.video.getHls().destroy(), this.subtitlesController.destroy(), this.domController.destroy(), this.videoController.destroy();
|
|
17485
17485
|
}
|