zarebin-player-library 1.0.12 → 1.0.14

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.
@@ -2,6 +2,7 @@ import * as React$1 from "react";
2
2
  import React, { Suspense, cloneElement, createContext, createElement, forwardRef, isValidElement, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
3
3
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
4
4
  import { createPortal } from "react-dom";
5
+ import { useKeenSlider } from "keen-slider/react";
5
6
  //#region \0rolldown/runtime.js
6
7
  var __create = Object.create;
7
8
  var __defProp = Object.defineProperty;
@@ -75704,683 +75705,6 @@ var BookmarksPopover = () => {
75704
75705
  };
75705
75706
  //#endregion
75706
75707
  //#region src/videoPlayerLibrary/shared/ui/src/components/icon-components/arrowLeftTrailer.tsx
75707
- var import_react = (/* @__PURE__ */ __commonJSMin(((exports) => {
75708
- Object.defineProperty(exports, "__esModule", { value: !0 });
75709
- var n = __require("react");
75710
- function t(n) {
75711
- return Array.prototype.slice.call(n);
75712
- }
75713
- function e(n, t) {
75714
- var e = Math.floor(n);
75715
- return e === t || e + 1 === t ? n : t;
75716
- }
75717
- function i() {
75718
- return Date.now();
75719
- }
75720
- function r(n, t, e) {
75721
- if (t = "data-keen-slider-" + t, null === e) return n.removeAttribute(t);
75722
- n.setAttribute(t, e || "");
75723
- }
75724
- function a(n, e) {
75725
- return e = e || document, "function" == typeof n && (n = n(e)), Array.isArray(n) ? n : "string" == typeof n ? t(e.querySelectorAll(n)) : n instanceof HTMLElement ? [n] : n instanceof NodeList ? t(n) : [];
75726
- }
75727
- function o(n) {
75728
- n.raw && (n = n.raw), n.cancelable && !n.defaultPrevented && n.preventDefault();
75729
- }
75730
- function u(n) {
75731
- n.raw && (n = n.raw), n.stopPropagation && n.stopPropagation();
75732
- }
75733
- function c() {
75734
- var n = [];
75735
- return {
75736
- add: function(t, e, i, r) {
75737
- t.addListener ? t.addListener(i) : t.addEventListener(e, i, r), n.push([
75738
- t,
75739
- e,
75740
- i,
75741
- r
75742
- ]);
75743
- },
75744
- input: function(n, t, e, i) {
75745
- this.add(n, t, function(n) {
75746
- return function(t) {
75747
- t.nativeEvent && (t = t.nativeEvent);
75748
- var e = t.changedTouches || [], i = t.targetTouches || [], r = t.detail && t.detail.x ? t.detail : null;
75749
- return n({
75750
- id: r ? r.identifier ? r.identifier : "i" : i[0] ? i[0] ? i[0].identifier : "e" : "d",
75751
- idChanged: r ? r.identifier ? r.identifier : "i" : e[0] ? e[0] ? e[0].identifier : "e" : "d",
75752
- raw: t,
75753
- x: r && r.x ? r.x : i[0] ? i[0].screenX : r ? r.x : t.pageX,
75754
- y: r && r.y ? r.y : i[0] ? i[0].screenY : r ? r.y : t.pageY
75755
- });
75756
- };
75757
- }(e), i);
75758
- },
75759
- purge: function() {
75760
- n.forEach((function(n) {
75761
- n[0].removeListener ? n[0].removeListener(n[2]) : n[0].removeEventListener(n[1], n[2], n[3]);
75762
- })), n = [];
75763
- }
75764
- };
75765
- }
75766
- function s(n, t, e) {
75767
- return Math.min(Math.max(n, t), e);
75768
- }
75769
- function d(n) {
75770
- return (n > 0 ? 1 : 0) - (n < 0 ? 1 : 0) || +n;
75771
- }
75772
- function l(n) {
75773
- var t = n.getBoundingClientRect();
75774
- return {
75775
- height: e(t.height, n.offsetHeight),
75776
- width: e(t.width, n.offsetWidth)
75777
- };
75778
- }
75779
- function f(n, t, e, i) {
75780
- var r = n && n[t];
75781
- return null == r ? e : i && "function" == typeof r ? r() : r;
75782
- }
75783
- function p(n) {
75784
- return Math.round(1e6 * n) / 1e6;
75785
- }
75786
- function v(n, t) {
75787
- if (n === t) return !0;
75788
- var e = typeof n;
75789
- if (e !== typeof t) return !1;
75790
- if ("object" !== e || null === n || null === t) return "function" === e && n.toString() === t.toString();
75791
- if (n.length !== t.length || Object.getOwnPropertyNames(n).length !== Object.getOwnPropertyNames(t).length) return !1;
75792
- for (var i in n) if (!v(n[i], t[i])) return !1;
75793
- return !0;
75794
- }
75795
- var h = function() {
75796
- return h = Object.assign || function(n) {
75797
- for (var t, e = 1, i = arguments.length; e < i; e++) for (var r in t = arguments[e]) Object.prototype.hasOwnProperty.call(t, r) && (n[r] = t[r]);
75798
- return n;
75799
- }, h.apply(this, arguments);
75800
- };
75801
- function m(n, t, e) {
75802
- if (e || 2 === arguments.length) for (var i, r = 0, a = t.length; r < a; r++) !i && r in t || (i || (i = Array.prototype.slice.call(t, 0, r)), i[r] = t[r]);
75803
- return n.concat(i || Array.prototype.slice.call(t));
75804
- }
75805
- function g(n) {
75806
- var t, e, i, r, a, o;
75807
- function u(t) {
75808
- o || (o = t), c(!0);
75809
- var a = t - o;
75810
- a > i && (a = i);
75811
- var l = r[e];
75812
- if (l[3] < a) return e++, u(t);
75813
- var f = l[2], p = l[4], v = l[0], h = l[1] * (0, l[5])(0 === p ? 1 : (a - f) / p);
75814
- if (h && n.track.to(v + h), a < i) return d();
75815
- o = null, c(!1), s(null), n.emit("animationEnded");
75816
- }
75817
- function c(n) {
75818
- t.active = n;
75819
- }
75820
- function s(n) {
75821
- t.targetIdx = n;
75822
- }
75823
- function d() {
75824
- var n = u;
75825
- a = window.requestAnimationFrame(n);
75826
- }
75827
- function l() {
75828
- var t = a;
75829
- window.cancelAnimationFrame(t), c(!1), s(null), o && n.emit("animationStopped"), o = null;
75830
- }
75831
- return t = {
75832
- active: !1,
75833
- start: function(t) {
75834
- if (l(), n.track.details) {
75835
- var a = 0, o = n.track.details.position;
75836
- e = 0, i = 0, r = t.map((function(n) {
75837
- var t, e = Number(o), r = null !== (t = n.earlyExit) && void 0 !== t ? t : n.duration, u = n.easing, c = n.distance * u(r / n.duration) || 0;
75838
- o += c;
75839
- var s = i;
75840
- return i += r, a += c, [
75841
- e,
75842
- n.distance,
75843
- s,
75844
- i,
75845
- n.duration,
75846
- u
75847
- ];
75848
- })), s(n.track.distToIdx(a)), d(), n.emit("animationStarted");
75849
- }
75850
- },
75851
- stop: l,
75852
- targetIdx: null
75853
- };
75854
- }
75855
- function b(n) {
75856
- var t, e, r, a, o, u, c, l, v, h, g, b, y, x, k = Infinity, w = [], M = null, T = 0;
75857
- function C(n) {
75858
- P(T + n);
75859
- }
75860
- function E(n) {
75861
- var t = z(T + n).abs;
75862
- return O(t) ? t : null;
75863
- }
75864
- function z(n) {
75865
- var t = Math.floor(Math.abs(p(n / e))), i = p((n % e + e) % e);
75866
- i === e && (i = 0);
75867
- var r = d(n), a = c.indexOf(m([], c, !0).reduce((function(n, t) {
75868
- return Math.abs(t - i) < Math.abs(n - i) ? t : n;
75869
- }))), o = a;
75870
- return r < 0 && t++, a === u && (o = 0, t += r > 0 ? 1 : -1), {
75871
- abs: o + t * u * r,
75872
- origin: a,
75873
- rel: o
75874
- };
75875
- }
75876
- function I(n, t, e) {
75877
- var i;
75878
- if (t || !S()) return A(n, e);
75879
- if (!O(n)) return null;
75880
- var r = z(null != e ? e : T), a = r.abs, o = n - r.rel, c = a + o;
75881
- i = A(c);
75882
- var s = A(c - u * d(o));
75883
- return (null !== s && Math.abs(s) < Math.abs(i) || null === i) && (i = s), p(i);
75884
- }
75885
- function A(n, t) {
75886
- if (t ??= p(T), !O(n) || null === n) return null;
75887
- n = Math.round(n);
75888
- var i = z(t), r = i.abs, a = i.rel, o = i.origin, s = L(n), d = (t % e + e) % e, l = c[o], f = Math.floor((n - (r - a)) / u) * e;
75889
- return p(l - d - l + c[s] + f + (o === u ? e : 0));
75890
- }
75891
- function O(n) {
75892
- return D(n) === n;
75893
- }
75894
- function D(n) {
75895
- return s(n, v, h);
75896
- }
75897
- function S() {
75898
- return a.loop;
75899
- }
75900
- function L(n) {
75901
- return (n % u + u) % u;
75902
- }
75903
- function P(t) {
75904
- var e = t - T;
75905
- w.push({
75906
- distance: e,
75907
- timestamp: i()
75908
- }), w.length > 6 && (w = w.slice(-6)), T = p(t);
75909
- var r = _().abs;
75910
- if (r !== M) {
75911
- var a = null !== M;
75912
- M = r, a && n.emit("slideChanged");
75913
- }
75914
- }
75915
- function _(i) {
75916
- var c = i ? null : function() {
75917
- if (u) {
75918
- var n = S(), t = n ? (T % e + e) % e : T, i = (n ? T % e : T) - o[0][2], c = 0 - (i < 0 && n ? e - Math.abs(i) : i), s = 0, l = z(T), f = l.abs, p = l.rel, m = o[p][2], k = o.map((function(t, i) {
75919
- var r = c + s;
75920
- (r < 0 - t[0] || r > 1) && (r += (Math.abs(r) > e - 1 && n ? e : 0) * d(-r));
75921
- var o = i - p, l = d(o), v = o + f;
75922
- n && (-1 === l && r > m && (v += u), 1 === l && r < m && (v -= u), null !== g && v < g && (r += e), null !== b && v > b && (r -= e));
75923
- var h = r + t[0] + t[1], y = Math.max(r >= 0 && h <= 1 ? 1 : h < 0 || r > 1 ? 0 : r < 0 ? Math.min(1, (t[0] + r) / t[0]) : (1 - r) / t[0], 0);
75924
- return s += t[0] + t[1], {
75925
- abs: v,
75926
- distance: a.rtl ? -1 * r + 1 - t[0] : r,
75927
- portion: y,
75928
- size: t[0]
75929
- };
75930
- }));
75931
- return f = D(f), p = L(f), {
75932
- abs: D(f),
75933
- length: r,
75934
- max: x,
75935
- maxIdx: h,
75936
- min: y,
75937
- minIdx: v,
75938
- position: T,
75939
- progress: n ? t / e : T / r,
75940
- rel: p,
75941
- slides: k,
75942
- slidesLength: e
75943
- };
75944
- }
75945
- }();
75946
- return t.details = c, n.emit("detailsChanged"), c;
75947
- }
75948
- return t = {
75949
- absToRel: L,
75950
- add: C,
75951
- details: null,
75952
- distToIdx: E,
75953
- idxToDist: I,
75954
- init: function(t) {
75955
- if (function() {
75956
- if (a = n.options, o = (a.trackConfig || []).map((function(n) {
75957
- return [
75958
- f(n, "size", 1),
75959
- f(n, "spacing", 0),
75960
- f(n, "origin", 0)
75961
- ];
75962
- })), u = o.length) {
75963
- e = p(o.reduce((function(n, t) {
75964
- return n + t[0] + t[1];
75965
- }), 0));
75966
- var t, i = u - 1;
75967
- r = p(e + o[0][2] - o[i][0] - o[i][2] - o[i][1]), c = o.reduce((function(n, e) {
75968
- if (!n) return [0];
75969
- var i = o[n.length - 1], r = n[n.length - 1] + (i[0] + i[2]) + i[1];
75970
- return r -= e[2], n[n.length - 1] > r && (r = n[n.length - 1]), r = p(r), n.push(r), (!t || t < r) && (l = n.length - 1), t = r, n;
75971
- }), null), 0 === r && (l = 0), c.push(p(e));
75972
- }
75973
- }(), !u) return _(!0);
75974
- var i;
75975
- (function() {
75976
- var t = n.options.range, e = n.options.loop;
75977
- g = v = e ? f(e, "min", -Infinity) : 0, b = h = e ? f(e, "max", k) : l;
75978
- var i = f(t, "min", null), r = f(t, "max", null);
75979
- null !== i && (v = i), null !== r && (h = r), y = v === -Infinity ? v : n.track.idxToDist(v || 0, !0, 0), x = h === k ? h : I(h, !0, 0), null === r && (b = h), f(t, "align", !1) && h !== k && 0 === o[L(h)][2] && (x -= 1 - o[L(h)][0], h = E(x - T)), y = p(y), x = p(x);
75980
- })(), i = t, Number(i) === i ? C(A(D(t))) : _();
75981
- },
75982
- to: P,
75983
- velocity: function() {
75984
- var n = i(), t = w.reduce((function(t, e) {
75985
- var i = e.distance, r = e.timestamp;
75986
- return n - r > 200 || (d(i) !== d(t.distance) && t.distance && (t = {
75987
- distance: 0,
75988
- lastTimestamp: 0,
75989
- time: 0
75990
- }), t.time && (t.distance += i), t.lastTimestamp && (t.time += r - t.lastTimestamp), t.lastTimestamp = r), t;
75991
- }), {
75992
- distance: 0,
75993
- lastTimestamp: 0,
75994
- time: 0
75995
- });
75996
- return t.distance / t.time || 0;
75997
- }
75998
- };
75999
- }
76000
- function y(n) {
76001
- var t, e, i, r, a, o, u, c;
76002
- function l(n) {
76003
- return 2 * n;
76004
- }
76005
- function f(n) {
76006
- return s(n, u, c);
76007
- }
76008
- function p(n) {
76009
- return 1 - Math.pow(1 - n, 3);
76010
- }
76011
- function v() {
76012
- return i ? n.track.velocity() : 0;
76013
- }
76014
- function h() {
76015
- b();
76016
- var t = "free-snap" === n.options.mode, e = n.track, i = v();
76017
- r = d(i);
76018
- var u = n.track.details, c = [];
76019
- if (i || !t) {
76020
- var s = m(i), h = s.dist, g = s.dur;
76021
- if (g = l(g), h *= r, t) {
76022
- var y = e.idxToDist(e.distToIdx(h), !0);
76023
- y && (h = y);
76024
- }
76025
- c.push({
76026
- distance: h,
76027
- duration: g,
76028
- easing: p
76029
- });
76030
- var x = u.position, k = x + h;
76031
- if (k < a || k > o) {
76032
- var w = k < a ? a - x : o - x, M = 0, T = i;
76033
- if (d(w) === r) {
76034
- var C = Math.min(Math.abs(w) / Math.abs(h), 1), E = function(n) {
76035
- return 1 - Math.pow(1 - n, 1 / 3);
76036
- }(C) * g;
76037
- c[0].earlyExit = E, T = i * (1 - C);
76038
- } else c[0].earlyExit = 0, M += w;
76039
- var z = m(T, 100), I = z.dist * r;
76040
- n.options.rubberband && (c.push({
76041
- distance: I,
76042
- duration: l(z.dur),
76043
- easing: p
76044
- }), c.push({
76045
- distance: -I + M,
76046
- duration: 500,
76047
- easing: p
76048
- }));
76049
- }
76050
- n.animator.start(c);
76051
- } else n.moveToIdx(f(u.abs), !0, {
76052
- duration: 500,
76053
- easing: function(n) {
76054
- return 1 + --n * n * n * n * n;
76055
- }
76056
- });
76057
- }
76058
- function m(n, t) {
76059
- void 0 === t && (t = 1e3);
76060
- var e = 147e-9 + (n = Math.abs(n)) / t;
76061
- return {
76062
- dist: Math.pow(n, 2) / e,
76063
- dur: n / e
76064
- };
76065
- }
76066
- function g() {
76067
- var t = n.track.details;
76068
- t && (a = t.min, o = t.max, u = t.minIdx, c = t.maxIdx);
76069
- }
76070
- function b() {
76071
- n.animator.stop();
76072
- }
76073
- n.on("updated", g), n.on("optionsChanged", g), n.on("created", g), n.on("dragStarted", (function() {
76074
- i = !1, b(), t = e = n.track.details.abs;
76075
- })), n.on("dragChecked", (function() {
76076
- i = !0;
76077
- })), n.on("dragEnded", (function() {
76078
- var i = n.options.mode;
76079
- "snap" === i && function() {
76080
- var i = n.track, r = n.track.details, u = r.position, c = d(v());
76081
- (u > o || u < a) && (c = 0);
76082
- var s = t + c;
76083
- 0 === r.slides[i.absToRel(s)].portion && (s -= c), t !== e && (s = e), d(i.idxToDist(s, !0)) !== c && (s += c), s = f(s);
76084
- var l = i.idxToDist(s, !0);
76085
- n.animator.start([{
76086
- distance: l,
76087
- duration: 500,
76088
- easing: function(n) {
76089
- return 1 + --n * n * n * n * n;
76090
- }
76091
- }]);
76092
- }(), "free" !== i && "free-snap" !== i || h();
76093
- })), n.on("dragged", (function() {
76094
- e = n.track.details.abs;
76095
- }));
76096
- }
76097
- function x(n) {
76098
- var t, e, i, r, l, f, p, v, h, m, g, b, y, x, k, w, M, T, C = c();
76099
- function E(t) {
76100
- if (f && v === t.id) {
76101
- var a = O(t);
76102
- if (h) {
76103
- if (!A(t)) return I(t);
76104
- m = a, h = !1, n.emit("dragChecked");
76105
- }
76106
- if (w) return m = a;
76107
- o(t);
76108
- var c = function(t) {
76109
- if (M === -Infinity && T === Infinity) return t;
76110
- var i = n.track.details, a = i.length, o = i.position, u = s(t, M - o, T - o);
76111
- if (0 === a) return 0;
76112
- if (!n.options.rubberband) return u;
76113
- if (o <= T && o >= M) return t;
76114
- if (o < M && e > 0 || o > T && e < 0) return t;
76115
- var c = (o < M ? o - M : o - T) / a, d = r * a, f = Math.abs(c * d), p = Math.max(0, 1 - f / l * 2);
76116
- return p * p * t;
76117
- }(p(m - a) / r * i);
76118
- e = d(c);
76119
- var y = n.track.details.position;
76120
- (y > M && y < T || y === M && e > 0 || y === T && e < 0) && u(t), g += c, !b && Math.abs(g * r) > 5 && (b = !0), n.track.add(c), m = a, n.emit("dragged");
76121
- }
76122
- }
76123
- function z(t) {
76124
- !f && n.track.details && n.track.details.length && (g = 0, f = !0, b = !1, h = !0, v = t.id, A(t), m = O(t), n.emit("dragStarted"));
76125
- }
76126
- function I(t) {
76127
- f && v === t.idChanged && (f = !1, n.emit("dragEnded"));
76128
- }
76129
- function A(n) {
76130
- var t = D(), e = t ? n.y : n.x, i = t ? n.x : n.y, r = void 0 !== y && void 0 !== x && Math.abs(x - i) <= Math.abs(y - e);
76131
- return y = e, x = i, r;
76132
- }
76133
- function O(n) {
76134
- return D() ? n.y : n.x;
76135
- }
76136
- function D() {
76137
- return n.options.vertical;
76138
- }
76139
- function S() {
76140
- r = n.size, l = D() ? window.innerHeight : window.innerWidth;
76141
- var t = n.track.details;
76142
- t && (M = t.min, T = t.max);
76143
- }
76144
- function L(n) {
76145
- b && (u(n), o(n));
76146
- }
76147
- function P() {
76148
- if (C.purge(), n.options.drag && !n.options.disabled) {
76149
- var e = n.options.dragSpeed || 1;
76150
- p = "function" == typeof e ? e : function(n) {
76151
- return n * e;
76152
- }, i = n.options.rtl ? -1 : 1, S(), t = n.container, function() {
76153
- var n = "data-keen-slider-clickable";
76154
- a("[".concat(n, "]:not([").concat(n, "=false])"), t).map((function(n) {
76155
- C.add(n, "dragstart", u), C.add(n, "mousedown", u), C.add(n, "touchstart", u);
76156
- }));
76157
- }(), C.add(t, "dragstart", (function(n) {
76158
- o(n);
76159
- })), C.add(t, "click", L, { capture: !0 }), C.input(t, "ksDragStart", z), C.input(t, "ksDrag", E), C.input(t, "ksDragEnd", I), C.input(t, "mousedown", z), C.input(t, "mousemove", E), C.input(t, "mouseleave", I), C.input(t, "mouseup", I), C.input(t, "touchstart", z, { passive: !0 }), C.input(t, "touchmove", E, { passive: !1 }), C.input(t, "touchend", I), C.input(t, "touchcancel", I), C.add(window, "wheel", (function(n) {
76160
- f && o(n);
76161
- }));
76162
- var r = "data-keen-slider-scrollable";
76163
- a("[".concat(r, "]:not([").concat(r, "=false])"), n.container).map((function(n) {
76164
- return function(n) {
76165
- var t;
76166
- C.input(n, "touchstart", (function(n) {
76167
- t = O(n), w = !0, k = !0;
76168
- }), { passive: !0 }), C.input(n, "touchmove", (function(e) {
76169
- var i = D(), r = i ? n.scrollHeight - n.clientHeight : n.scrollWidth - n.clientWidth, a = t - O(e), u = i ? n.scrollTop : n.scrollLeft, c = i && "scroll" === n.style.overflowY || !i && "scroll" === n.style.overflowX;
76170
- if (t = O(e), (a < 0 && u > 0 || a > 0 && u < r) && k && c) return w = !0;
76171
- k = !1, o(e), w = !1;
76172
- })), C.input(n, "touchend", (function() {
76173
- w = !1;
76174
- }));
76175
- }(n);
76176
- }));
76177
- }
76178
- }
76179
- n.on("updated", S), n.on("optionsChanged", P), n.on("created", P), n.on("destroyed", C.purge);
76180
- }
76181
- function k(n) {
76182
- var t, e, i = null;
76183
- function r(t, e, i) {
76184
- n.animator.active ? o(t, e, i) : requestAnimationFrame((function() {
76185
- return o(t, e, i);
76186
- }));
76187
- }
76188
- function a() {
76189
- r(!1, !1, e);
76190
- }
76191
- function o(e, r, a) {
76192
- var o = 0, u = n.size, d = n.track.details;
76193
- if (d && t) {
76194
- var l = d.slides;
76195
- t.forEach((function(n, t) {
76196
- if (e) !i && r && c(n, null, a), s(n, null, a);
76197
- else {
76198
- if (!l[t]) return;
76199
- var d = l[t].size * u;
76200
- !i && r && c(n, d, a), s(n, l[t].distance * u - o, a), o += d;
76201
- }
76202
- }));
76203
- }
76204
- }
76205
- function u(t) {
76206
- return "performance" === n.options.renderMode ? Math.round(t) : t;
76207
- }
76208
- function c(n, t, e) {
76209
- var i = e ? "height" : "width";
76210
- null !== t && (t = u(t) + "px"), n.style["min-" + i] = t, n.style["max-" + i] = t;
76211
- }
76212
- function s(n, t, e) {
76213
- if (null !== t) {
76214
- t = u(t);
76215
- var i = e ? t : 0;
76216
- t = "translate3d(".concat(e ? 0 : t, "px, ").concat(i, "px, 0)");
76217
- }
76218
- n.style.transform = t, n.style["-webkit-transform"] = t;
76219
- }
76220
- function d() {
76221
- t && (o(!0, !0, e), t = null), n.on("detailsChanged", a, !0);
76222
- }
76223
- function l() {
76224
- r(!1, !0, e);
76225
- }
76226
- function p() {
76227
- d(), e = n.options.vertical, n.options.disabled || "custom" === n.options.renderMode || (i = "auto" === f(n.options.slides, "perView", null), n.on("detailsChanged", a), (t = n.slides).length && l());
76228
- }
76229
- n.on("created", p), n.on("optionsChanged", p), n.on("beforeOptionsChanged", (function() {
76230
- d();
76231
- })), n.on("updated", l), n.on("destroyed", d);
76232
- }
76233
- function w(n, t) {
76234
- return function(e) {
76235
- var i, o, u, s, d, p, v = c();
76236
- function m(n) {
76237
- var t;
76238
- r(e.container, "reverse", "rtl" !== (t = e.container, window.getComputedStyle(t, null).getPropertyValue("direction")) || n ? null : ""), r(e.container, "v", e.options.vertical && !n ? "" : null), r(e.container, "disabled", e.options.disabled && !n ? "" : null);
76239
- }
76240
- function g() {
76241
- b() && M();
76242
- }
76243
- function b() {
76244
- var n = null;
76245
- if (s.forEach((function(t) {
76246
- t.matches && (n = t.__media);
76247
- })), n === i) return !1;
76248
- i || e.emit("beforeOptionsChanged"), i = n;
76249
- var t = n ? u.breakpoints[n] : u;
76250
- return e.options = h(h({}, u), t), m(), I(), A(), C(), !0;
76251
- }
76252
- function y(n) {
76253
- var t = l(n);
76254
- return (e.options.vertical ? t.height : t.width) / e.size || 1;
76255
- }
76256
- function x() {
76257
- return e.options.trackConfig.length;
76258
- }
76259
- function k(n) {
76260
- for (var r in i = !1, u = h(h({}, t), n), v.purge(), o = e.size, s = [], u.breakpoints || []) {
76261
- var a = window.matchMedia(r);
76262
- a.__media = r, s.push(a), v.add(a, "change", g);
76263
- }
76264
- v.add(window, "orientationchange", z), v.add(window, "resize", E), b();
76265
- }
76266
- function w(n) {
76267
- e.animator.stop();
76268
- var t = e.track.details;
76269
- e.track.init(null != n ? n : t ? t.abs : 0);
76270
- }
76271
- function M(n) {
76272
- w(n), e.emit("optionsChanged");
76273
- }
76274
- function T(n, t) {
76275
- if (n) return k(n), void M(t);
76276
- I(), A();
76277
- var i = x();
76278
- C(), x() !== i ? M(t) : w(t), e.emit("updated");
76279
- }
76280
- function C() {
76281
- var n = e.options.slides;
76282
- if ("function" == typeof n) return e.options.trackConfig = n(e.size, e.slides);
76283
- for (var t = e.slides, i = t.length, r = "number" == typeof n ? n : f(n, "number", i, !0), a = [], o = f(n, "perView", 1, !0), u = f(n, "spacing", 0, !0) / e.size || 0, c = "auto" === o ? u : u / o, s = f(n, "origin", "auto"), d = 0, l = 0; l < r; l++) {
76284
- var p = "auto" === o ? y(t[l]) : 1 / o - u + c, v = "center" === s ? .5 - p / 2 : "auto" === s ? 0 : s;
76285
- a.push({
76286
- origin: v,
76287
- size: p,
76288
- spacing: u
76289
- }), d += p;
76290
- }
76291
- if (d += u * (r - 1), "auto" === s && !e.options.loop && 1 !== o) {
76292
- var h = 0;
76293
- a.map((function(n) {
76294
- var t = d - h;
76295
- return h += n.size + u, t >= 1 || (n.origin = 1 - t - (d > 1 ? 0 : 1 - d)), n;
76296
- }));
76297
- }
76298
- e.options.trackConfig = a;
76299
- }
76300
- function E() {
76301
- I();
76302
- var n = e.size;
76303
- e.options.disabled || n === o || (o = n, T());
76304
- }
76305
- function z() {
76306
- E(), setTimeout(E, 500), setTimeout(E, 2e3);
76307
- }
76308
- function I() {
76309
- var n = l(e.container);
76310
- e.size = (e.options.vertical ? n.height : n.width) || 1;
76311
- }
76312
- function A() {
76313
- e.slides = a(e.options.selector, e.container);
76314
- }
76315
- e.container = (p = a(n, d || document)).length ? p[0] : null, e.destroy = function() {
76316
- v.purge(), e.emit("destroyed"), m(!0);
76317
- }, e.prev = function() {
76318
- e.moveToIdx(e.track.details.abs - 1, !0);
76319
- }, e.next = function() {
76320
- e.moveToIdx(e.track.details.abs + 1, !0);
76321
- }, e.update = T, k(e.options);
76322
- };
76323
- }
76324
- var M = function(n, t, e) {
76325
- try {
76326
- return function(n, t) {
76327
- var e, i = {};
76328
- return e = {
76329
- emit: function(n) {
76330
- i[n] && i[n].forEach((function(n) {
76331
- n(e);
76332
- }));
76333
- var t = e.options && e.options[n];
76334
- t && t(e);
76335
- },
76336
- moveToIdx: function(n, t, i) {
76337
- var r = e.track.idxToDist(n, t);
76338
- if (r) {
76339
- var a = e.options.defaultAnimation;
76340
- e.animator.start([{
76341
- distance: r,
76342
- duration: f(i || a, "duration", 500),
76343
- easing: f(i || a, "easing", (function(n) {
76344
- return 1 + --n * n * n * n * n;
76345
- }))
76346
- }]);
76347
- }
76348
- },
76349
- on: function(n, t, e) {
76350
- void 0 === e && (e = !1), i[n] || (i[n] = []);
76351
- var r = i[n].indexOf(t);
76352
- r > -1 ? e && delete i[n][r] : e || i[n].push(t);
76353
- },
76354
- options: n
76355
- }, function() {
76356
- if (e.track = b(e), e.animator = g(e), t) for (var n = 0, i = t; n < i.length; n++) (0, i[n])(e);
76357
- e.track.init(e.options.initial || 0), e.emit("created");
76358
- }(), e;
76359
- }(t, m([
76360
- w(n, {
76361
- drag: !0,
76362
- mode: "snap",
76363
- renderMode: "precision",
76364
- rubberband: !0,
76365
- selector: ".keen-slider__slide"
76366
- }),
76367
- k,
76368
- x,
76369
- y
76370
- ], e || [], !0));
76371
- } catch (n) {
76372
- console.error(n);
76373
- }
76374
- };
76375
- exports.useKeenSlider = function(t, e) {
76376
- var i = n.useRef(null), r = n.useRef(!1), a = n.useRef(t), o = n.useCallback((function(n) {
76377
- n ? (a.current = t, i.current = new M(n, t, e), r.current = !1) : (i.current && i.current.destroy && i.current.destroy(), i.current = null);
76378
- }), []);
76379
- return n.useEffect((function() {
76380
- v(a.current, t) || (a.current = t, i.current && i.current.update(a.current));
76381
- }), [t]), [o, i];
76382
- };
76383
- })))();
76384
75708
  var ArrowLeftTrailerIcon = ({ className, onClick }) => {
76385
75709
  return /* @__PURE__ */ jsx("svg", {
76386
75710
  width: "32",
@@ -76444,9 +75768,9 @@ var TrailerPopover = () => {
76444
75768
  }), shallowEqual);
76445
75769
  const [selectedSlide, setSelectedSlide] = useState(0);
76446
75770
  const [trailerMenu, setTrailerMenu] = useState(true);
76447
- const [sliderRef, instanceRef] = (0, import_react.useKeenSlider)({ initial: 0 });
75771
+ const [sliderRef, instanceRef] = useKeenSlider({ initial: 0 });
76448
75772
  const selectedSlideRef = useRef(selectedSlide);
76449
- const [thumbnailRef] = (0, import_react.useKeenSlider)({
75773
+ const [thumbnailRef] = useKeenSlider({
76450
75774
  initial: 0,
76451
75775
  slides: {
76452
75776
  perView: conditions(ConditionName.isComplexPortrait) ? 3 : 10,