@halibegic/react-video-player 0.0.16 → 0.0.17
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/README.md +104 -13
- package/dist/components/live-player.d.ts +2 -1
- package/dist/components/player/player-event-listener.d.ts +5 -0
- package/dist/components/vod-player.d.ts +3 -5
- package/dist/react-video-player.es.js +1062 -2195
- package/dist/react-video-player.es.js.map +1 -1
- package/dist/react-video-player.umd.js +47 -106
- package/dist/react-video-player.umd.js.map +1 -1
- package/dist/stores/player-store.d.ts +8 -1
- package/dist/utils/player-events.d.ts +31 -0
- package/package.json +2 -1
- package/dist/components/vod-player/vod-player-watch-history.d.ts +0 -5
- package/dist/config/player.d.ts +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(O,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("zustand"),require("styled-components"),require("mitt"),require("@radix-ui/react-slider"),require("hls.js"),require("@radix-ui/react-dropdown-menu")):typeof define=="function"&&define.amd?define(["exports","react","zustand","styled-components","mitt","@radix-ui/react-slider","hls.js","@radix-ui/react-dropdown-menu"],d):(O=typeof globalThis<"u"?globalThis:O||self,d(O.ReactVideoPlayer={},O.React,O.zustand,O.styled,O.Mitt,O.RadixUISlider,O.Hls,O.RadixUIDropdownMenu))})(this,(function(O,d,le,w,Ut,Bt,U,Nt){"use strict";function Le(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const ce=Le(Bt),re=Le(Nt);var ue={exports:{}},oe={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var ke;function zt(){if(ke)return oe;ke=1;var e=d,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),s=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,f={key:!0,ref:!0,__self:!0,__source:!0};function p(i,u,h){var E,b={},L=null,k=null;h!==void 0&&(L=""+h),u.key!==void 0&&(L=""+u.key),u.ref!==void 0&&(k=u.ref);for(E in u)s.call(u,E)&&!f.hasOwnProperty(E)&&(b[E]=u[E]);if(i&&i.defaultProps)for(E in u=i.defaultProps,u)b[E]===void 0&&(b[E]=u[E]);return{$$typeof:t,type:i,key:L,ref:k,props:b,_owner:a.current}}return oe.Fragment=r,oe.jsx=p,oe.jsxs=p,oe}var ie={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,79 +14,20 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var Fe;function Wt(){return Fe||(Fe=1,process.env.NODE_ENV!=="production"&&(function(){var e=d,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),s=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),i=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),I=Symbol.iterator,A="@@iterator";function _(n){if(n===null||typeof n!="object")return null;var l=I&&n[I]||n[A];return typeof l=="function"?l:null}var y=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function R(n){{for(var l=arguments.length,m=new Array(l>1?l-1:0),v=1;v<l;v++)m[v-1]=arguments[v];S("error",n,m)}}function S(n,l,m){{var v=y.ReactDebugCurrentFrame,P=v.getStackAddendum();P!==""&&(l+="%s",m=m.concat([P]));var j=m.map(function(C){return String(C)});j.unshift("Warning: "+l),Function.prototype.apply.call(console[n],console,j)}}var B=!1,g=!1,Y=!1,J=!1,K=!1,Q;Q=Symbol.for("react.module.reference");function T(n){return!!(typeof n=="string"||typeof n=="function"||n===s||n===f||K||n===a||n===h||n===E||J||n===k||B||g||Y||typeof n=="object"&&n!==null&&(n.$$typeof===L||n.$$typeof===b||n.$$typeof===p||n.$$typeof===i||n.$$typeof===u||n.$$typeof===Q||n.getModuleId!==void 0))}function he(n,l,m){var v=n.displayName;if(v)return v;var P=l.displayName||l.name||"";return P!==""?m+"("+P+")":m}function q(n){return n.displayName||"Context"}function N(n){if(n==null)return null;if(typeof n.tag=="number"&&R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof n=="function")return n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case s:return"Fragment";case r:return"Portal";case f:return"Profiler";case a:return"StrictMode";case h:return"Suspense";case E:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case i:var l=n;return q(l)+".Consumer";case p:var m=n;return q(m._context)+".Provider";case u:return he(n,n.render,"ForwardRef");case b:var v=n.displayName||null;return v!==null?v:N(n.type)||"Memo";case L:{var P=n,j=P._payload,C=P._init;try{return N(C(j))}catch{return null}}}return null}var W=Object.assign,G=0,se,Z,xt,wt,bt,Et,Ct;function Rt(){}Rt.__reactDisabledLog=!0;function hr(){{if(G===0){se=console.log,Z=console.info,xt=console.warn,wt=console.error,bt=console.group,Et=console.groupCollapsed,Ct=console.groupEnd;var n={configurable:!0,enumerable:!0,value:Rt,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}G++}}function mr(){{if(G--,G===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},n,{value:se}),info:W({},n,{value:Z}),warn:W({},n,{value:xt}),error:W({},n,{value:wt}),group:W({},n,{value:bt}),groupCollapsed:W({},n,{value:Et}),groupEnd:W({},n,{value:Ct})})}G<0&&R("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var be=y.ReactCurrentDispatcher,Ee;function me(n,l,m){{if(Ee===void 0)try{throw Error()}catch(P){var v=P.stack.trim().match(/\n( *(at )?)/);Ee=v&&v[1]||""}return`
|
|
18
|
+
`+Ee+n}}var Ce=!1,pe;{var pr=typeof WeakMap=="function"?WeakMap:Map;pe=new pr}function St(n,l){if(!n||Ce)return"";{var m=pe.get(n);if(m!==void 0)return m}var v;Ce=!0;var P=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var j;j=be.current,be.current=null,hr();try{if(l){var C=function(){throw Error()};if(Object.defineProperty(C.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(C,[])}catch(H){v=H}Reflect.construct(n,[],C)}else{try{C.call()}catch(H){v=H}n.call(C.prototype)}}else{try{throw Error()}catch(H){v=H}n()}}catch(H){if(H&&v&&typeof H.stack=="string"){for(var x=H.stack.split(`
|
|
19
|
+
`),V=v.stack.split(`
|
|
20
|
+
`),F=x.length-1,M=V.length-1;F>=1&&M>=0&&x[F]!==V[M];)M--;for(;F>=1&&M>=0;F--,M--)if(x[F]!==V[M]){if(F!==1||M!==1)do if(F--,M--,M<0||x[F]!==V[M]){var z=`
|
|
21
|
+
`+x[F].replace(" at new "," at ");return n.displayName&&z.includes("<anonymous>")&&(z=z.replace("<anonymous>",n.displayName)),typeof n=="function"&&pe.set(n,z),z}while(F>=1&&M>=0);break}}}finally{Ce=!1,be.current=j,mr(),Error.prepareStackTrace=P}var ne=n?n.displayName||n.name:"",$=ne?me(ne):"";return typeof n=="function"&&pe.set(n,$),$}function vr(n,l,m){return St(n,!1)}function gr(n){var l=n.prototype;return!!(l&&l.isReactComponent)}function ve(n,l,m){if(n==null)return"";if(typeof n=="function")return St(n,gr(n));if(typeof n=="string")return me(n);switch(n){case h:return me("Suspense");case E:return me("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case u:return vr(n.render);case b:return ve(n.type,l,m);case L:{var v=n,P=v._payload,j=v._init;try{return ve(j(P),l,m)}catch{}}}return""}var ae=Object.prototype.hasOwnProperty,Tt={},Pt=y.ReactDebugCurrentFrame;function ge(n){if(n){var l=n._owner,m=ve(n.type,n._source,l?l.type:null);Pt.setExtraStackFrame(m)}else Pt.setExtraStackFrame(null)}function yr(n,l,m,v,P){{var j=Function.call.bind(ae);for(var C in n)if(j(n,C)){var x=void 0;try{if(typeof n[C]!="function"){var V=Error((v||"React class")+": "+m+" type `"+C+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[C]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw V.name="Invariant Violation",V}x=n[C](l,C,v,m,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(F){x=F}x&&!(x instanceof Error)&&(ge(P),R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",v||"React class",m,C,typeof x),ge(null)),x instanceof Error&&!(x.message in Tt)&&(Tt[x.message]=!0,ge(P),R("Failed %s type: %s",m,x.message),ge(null))}}}var xr=Array.isArray;function Re(n){return xr(n)}function wr(n){{var l=typeof Symbol=="function"&&Symbol.toStringTag,m=l&&n[Symbol.toStringTag]||n.constructor.name||"Object";return m}}function br(n){try{return jt(n),!1}catch{return!0}}function jt(n){return""+n}function Lt(n){if(br(n))return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",wr(n)),jt(n)}var kt=y.ReactCurrentOwner,Er={key:!0,ref:!0,__self:!0,__source:!0},Ft,Dt;function Cr(n){if(ae.call(n,"ref")){var l=Object.getOwnPropertyDescriptor(n,"ref").get;if(l&&l.isReactWarning)return!1}return n.ref!==void 0}function Rr(n){if(ae.call(n,"key")){var l=Object.getOwnPropertyDescriptor(n,"key").get;if(l&&l.isReactWarning)return!1}return n.key!==void 0}function Sr(n,l){typeof n.ref=="string"&&kt.current}function Tr(n,l){{var m=function(){Ft||(Ft=!0,R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",l))};m.isReactWarning=!0,Object.defineProperty(n,"key",{get:m,configurable:!0})}}function Pr(n,l){{var m=function(){Dt||(Dt=!0,R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",l))};m.isReactWarning=!0,Object.defineProperty(n,"ref",{get:m,configurable:!0})}}var jr=function(n,l,m,v,P,j,C){var x={$$typeof:t,type:n,key:l,ref:m,props:C,_owner:j};return x._store={},Object.defineProperty(x._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(x,"_self",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.defineProperty(x,"_source",{configurable:!1,enumerable:!1,writable:!1,value:P}),Object.freeze&&(Object.freeze(x.props),Object.freeze(x)),x};function Lr(n,l,m,v,P){{var j,C={},x=null,V=null;m!==void 0&&(Lt(m),x=""+m),Rr(l)&&(Lt(l.key),x=""+l.key),Cr(l)&&(V=l.ref,Sr(l,P));for(j in l)ae.call(l,j)&&!Er.hasOwnProperty(j)&&(C[j]=l[j]);if(n&&n.defaultProps){var F=n.defaultProps;for(j in F)C[j]===void 0&&(C[j]=F[j])}if(x||V){var M=typeof n=="function"?n.displayName||n.name||"Unknown":n;x&&Tr(C,M),V&&Pr(C,M)}return jr(n,x,V,P,v,kt.current,C)}}var Se=y.ReactCurrentOwner,_t=y.ReactDebugCurrentFrame;function te(n){if(n){var l=n._owner,m=ve(n.type,n._source,l?l.type:null);_t.setExtraStackFrame(m)}else _t.setExtraStackFrame(null)}var Te;Te=!1;function Pe(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function Mt(){{if(Se.current){var n=N(Se.current.type);if(n)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+n+"`."}return""}}function kr(n){return""}var It={};function Fr(n){{var l=Mt();if(!l){var m=typeof n=="string"?n:n.displayName||n.name;m&&(l=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+m+">.")}return l}}function Vt(n,l){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var m=Fr(l);if(It[m])return;It[m]=!0;var v="";n&&n._owner&&n._owner!==Se.current&&(v=" It was passed a child from "+N(n._owner.type)+"."),te(n),R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',m,v),te(null)}}function Ot(n,l){{if(typeof n!="object")return;if(Re(n))for(var m=0;m<n.length;m++){var v=n[m];Pe(v)&&Vt(v,l)}else if(Pe(n))n._store&&(n._store.validated=!0);else if(n){var P=_(n);if(typeof P=="function"&&P!==n.entries)for(var j=P.call(n),C;!(C=j.next()).done;)Pe(C.value)&&Vt(C.value,l)}}}function Dr(n){{var l=n.type;if(l==null||typeof l=="string")return;var m;if(typeof l=="function")m=l.propTypes;else if(typeof l=="object"&&(l.$$typeof===u||l.$$typeof===b))m=l.propTypes;else return;if(m){var v=N(l);yr(m,n.props,"prop",v,n)}else if(l.PropTypes!==void 0&&!Te){Te=!0;var P=N(l);R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",P||"Unknown")}typeof l.getDefaultProps=="function"&&!l.getDefaultProps.isReactClassApproved&&R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function _r(n){{for(var l=Object.keys(n.props),m=0;m<l.length;m++){var v=l[m];if(v!=="children"&&v!=="key"){te(n),R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",v),te(null);break}}n.ref!==null&&(te(n),R("Invalid attribute `ref` supplied to `React.Fragment`."),te(null))}}var Ht={};function At(n,l,m,v,P,j){{var C=T(n);if(!C){var x="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(x+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var V=kr();V?x+=V:x+=Mt();var F;n===null?F="null":Re(n)?F="array":n!==void 0&&n.$$typeof===t?(F="<"+(N(n.type)||"Unknown")+" />",x=" Did you accidentally export a JSX literal instead of a component?"):F=typeof n,R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",F,x)}var M=Lr(n,l,m,P,j);if(M==null)return M;if(C){var z=l.children;if(z!==void 0)if(v)if(Re(z)){for(var ne=0;ne<z.length;ne++)Ot(z[ne],n);Object.freeze&&Object.freeze(z)}else R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ot(z,n)}if(ae.call(l,"key")){var $=N(n),H=Object.keys(l).filter(function(Ar){return Ar!=="key"}),je=H.length>0?"{key: someKey, "+H.join(": ..., ")+": ...}":"{key: someKey}";if(!Ht[$+je]){var Hr=H.length>0?"{"+H.join(": ..., ")+": ...}":"{}";R(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,Gt,Te,zi,Te),Nr[Te+Gt]=!0}}return s===r?Mi(B):Fi(B),B}}function Vi(s,p,y){return Hr(s,p,y,!0)}function Ni(s,p,y){return Hr(s,p,y,!1)}var Hi=Ni,$i=Vi;We.Fragment=r,We.jsx=Hi,We.jsxs=$i})()),We}var Qt;function Wr(){return Qt||(Qt=1,process.env.NODE_ENV==="production"?Qe.exports=Br():Qe.exports=Ur()),Qe.exports}var c=Wr();const qr=typeof window<"u"?f.useLayoutEffect:f.useEffect;function et(e,t){const n=f.useRef(e);qr(()=>{n.current=e},[e]),f.useEffect(()=>{if(t===null)return;const r=setInterval(()=>{n.current()},t);return()=>{clearInterval(r)}},[t])}function Yr(e){const[,t]=f.useState(0);et(()=>t(n=>n+1),e)}const Zr=(e,t)=>Xe.create(n=>({delay:0,startDate:e,endDate:t,startTime:e.getTime(),endTime:t.getTime(),setDelay:r=>n({delay:r}),setStartDate:r=>n({startDate:r}),setEndDate:r=>n({endDate:r})})),en=f.createContext(null),Gr=({children:e,startDate:t,endDate:n})=>{const r=f.useRef(null);return r.current||(r.current=Zr(t,n)),c.jsx(en.Provider,{value:r.current,children:e})},$=e=>{const t=f.useContext(en);if(!t)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return Xe.useStore(t,e)};var G=function(){return G=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(t[a]=n[a])}return t},G.apply(this,arguments)};function be(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,a;r<o;r++)(a||!(r in t))&&(a||(a=Array.prototype.slice.call(t,0,r)),a[r]=t[r]);return e.concat(a||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function Kr(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Xr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Jr=Kr(function(e){return Xr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),V="-ms-",qe="-moz-",A="-webkit-",tn="comm",tt="rule",Et="decl",Qr="@import",nn="@keyframes",eo="@layer",rn=Math.abs,Ct=String.fromCharCode,Rt=Object.assign;function to(e,t){return U(e,0)^45?(((t<<2^U(e,0))<<2^U(e,1))<<2^U(e,2))<<2^U(e,3):0}function on(e){return e.trim()}function de(e,t){return(e=t.exec(e))?e[0]:e}function T(e,t,n){return e.replace(t,n)}function nt(e,t,n){return e.indexOf(t,n)}function U(e,t){return e.charCodeAt(t)|0}function Pe(e,t,n){return e.slice(t,n)}function le(e){return e.length}function sn(e){return e.length}function Ye(e,t){return t.push(e),e}function no(e,t){return e.map(t).join("")}function an(e,t){return e.filter(function(n){return!de(n,t)})}var rt=1,je=1,cn=0,te=0,z=0,Le="";function ot(e,t,n,r,o,a,u,i){return{value:e,root:t,parent:n,type:r,props:o,children:a,line:rt,column:je,length:u,return:"",siblings:i}}function he(e,t){return Rt(ot("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function _e(e){for(;e.root;)e=he(e.root,{children:[e]});Ye(e,e.siblings)}function ro(){return z}function oo(){return z=te>0?U(Le,--te):0,je--,z===10&&(je=1,rt--),z}function se(){return z=te<cn?U(Le,te++):0,je++,z===10&&(je=1,rt++),z}function xe(){return U(Le,te)}function st(){return te}function it(e,t){return Pe(Le,e,t)}function Tt(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function so(e){return rt=je=1,cn=le(Le=e),te=0,[]}function io(e){return Le="",e}function Pt(e){return on(it(te-1,jt(e===91?e+2:e===40?e+1:e)))}function ao(e){for(;(z=xe())&&z<33;)se();return Tt(e)>2||Tt(z)>3?"":" "}function co(e,t){for(;--t&&se()&&!(z<48||z>102||z>57&&z<65||z>70&&z<97););return it(e,st()+(t<6&&xe()==32&&se()==32))}function jt(e){for(;se();)switch(z){case e:return te;case 34:case 39:e!==34&&e!==39&&jt(z);break;case 40:e===41&&jt(e);break;case 92:se();break}return te}function lo(e,t){for(;se()&&e+z!==57;)if(e+z===84&&xe()===47)break;return"/*"+it(t,te-1)+"*"+Ct(e===47?e:se())}function uo(e){for(;!Tt(xe());)se();return it(e,te)}function fo(e){return io(at("",null,null,null,[""],e=so(e),0,[0],e))}function at(e,t,n,r,o,a,u,i,l){for(var d=0,m=0,g=u,S=0,k=0,P=0,L=1,N=1,x=1,b=0,w="",v=o,D=a,R=r,E=w;N;)switch(P=b,b=se()){case 40:if(P!=108&&U(E,g-1)==58){nt(E+=T(Pt(b),"&","&\f"),"&\f",rn(d?i[d-1]:0))!=-1&&(x=-1);break}case 34:case 39:case 91:E+=Pt(b);break;case 9:case 10:case 13:case 32:E+=ao(P);break;case 92:E+=co(st()-1,7);continue;case 47:switch(xe()){case 42:case 47:Ye(po(lo(se(),st()),t,n,l),l);break;default:E+="/"}break;case 123*L:i[d++]=le(E)*x;case 125*L:case 59:case 0:switch(b){case 0:case 125:N=0;case 59+m:x==-1&&(E=T(E,/\f/g,"")),k>0&&le(E)-g&&Ye(k>32?un(E+";",r,n,g-1,l):un(T(E," ","")+";",r,n,g-2,l),l);break;case 59:E+=";";default:if(Ye(R=ln(E,t,n,d,m,o,i,w,v=[],D=[],g,a),a),b===123)if(m===0)at(E,t,R,R,v,a,g,i,D);else switch(S===99&&U(E,3)===110?100:S){case 100:case 108:case 109:case 115:at(e,R,R,r&&Ye(ln(e,R,R,0,0,o,i,w,o,v=[],g,D),D),o,D,g,i,r?v:D);break;default:at(E,R,R,R,[""],D,0,i,D)}}d=m=k=0,L=x=1,w=E="",g=u;break;case 58:g=1+le(E),k=P;default:if(L<1){if(b==123)--L;else if(b==125&&L++==0&&oo()==125)continue}switch(E+=Ct(b),b*L){case 38:x=m>0?1:(E+="\f",-1);break;case 44:i[d++]=(le(E)-1)*x,x=1;break;case 64:xe()===45&&(E+=Pt(se())),S=xe(),m=g=le(w=E+=uo(st())),b++;break;case 45:P===45&&le(E)==2&&(L=0)}}return a}function ln(e,t,n,r,o,a,u,i,l,d,m,g){for(var S=o-1,k=o===0?a:[""],P=sn(k),L=0,N=0,x=0;L<r;++L)for(var b=0,w=Pe(e,S+1,S=rn(N=u[L])),v=e;b<P;++b)(v=on(N>0?k[b]+" "+w:T(w,/&\f/g,k[b])))&&(l[x++]=v);return ot(e,t,n,o===0?tt:i,l,d,m,g)}function po(e,t,n,r){return ot(e,t,n,tn,Ct(ro()),Pe(e,2,-2),0,r)}function un(e,t,n,r,o){return ot(e,t,n,Et,Pe(e,0,r),Pe(e,r+1,-1),r,o)}function dn(e,t,n){switch(to(e,t)){case 5103:return A+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return A+e+e;case 4789:return qe+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return A+e+qe+e+V+e+e;case 5936:switch(U(e,t+11)){case 114:return A+e+V+T(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return A+e+V+T(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return A+e+V+T(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return A+e+V+e+e;case 6165:return A+e+V+"flex-"+e+e;case 5187:return A+e+T(e,/(\w+).+(:[^]+)/,A+"box-$1$2"+V+"flex-$1$2")+e;case 5443:return A+e+V+"flex-item-"+T(e,/flex-|-self/g,"")+(de(e,/flex-|baseline/)?"":V+"grid-row-"+T(e,/flex-|-self/g,""))+e;case 4675:return A+e+V+"flex-line-pack"+T(e,/align-content|flex-|-self/g,"")+e;case 5548:return A+e+V+T(e,"shrink","negative")+e;case 5292:return A+e+V+T(e,"basis","preferred-size")+e;case 6060:return A+"box-"+T(e,"-grow","")+A+e+V+T(e,"grow","positive")+e;case 4554:return A+T(e,/([^-])(transform)/g,"$1"+A+"$2")+e;case 6187:return T(T(T(e,/(zoom-|grab)/,A+"$1"),/(image-set)/,A+"$1"),e,"")+e;case 5495:case 3959:return T(e,/(image-set\([^]*)/,A+"$1$`$1");case 4968:return T(T(e,/(.+:)(flex-)?(.*)/,A+"box-pack:$3"+V+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+A+e+e;case 4200:if(!de(e,/flex-|baseline/))return V+"grid-column-align"+Pe(e,t)+e;break;case 2592:case 3360:return V+T(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,o){return t=o,de(r.props,/grid-\w+-end/)})?~nt(e+(n=n[t].value),"span",0)?e:V+T(e,"-start","")+e+V+"grid-row-span:"+(~nt(n,"span",0)?de(n,/\d+/):+de(n,/\d+/)-+de(e,/\d+/))+";":V+T(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return de(r.props,/grid-\w+-start/)})?e:V+T(T(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return T(e,/(.+)-inline(.+)/,A+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(le(e)-1-t>6)switch(U(e,t+1)){case 109:if(U(e,t+4)!==45)break;case 102:return T(e,/(.+:)(.+)-([^]+)/,"$1"+A+"$2-$3$1"+qe+(U(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~nt(e,"stretch",0)?dn(T(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return T(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,o,a,u,i,l,d){return V+o+":"+a+d+(u?V+o+"-span:"+(i?l:+l-+a)+d:"")+e});case 4949:if(U(e,t+6)===121)return T(e,":",":"+A)+e;break;case 6444:switch(U(e,U(e,14)===45?18:11)){case 120:return T(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+A+(U(e,14)===45?"inline-":"")+"box$3$1"+A+"$2$3$1"+V+"$2box$3")+e;case 100:return T(e,":",":"+V)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return T(e,"scroll-","scroll-snap-")+e}return e}function ct(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function ho(e,t,n,r){switch(e.type){case eo:if(e.children.length)break;case Qr:case Et:return e.return=e.return||e.value;case tn:return"";case nn:return e.return=e.value+"{"+ct(e.children,r)+"}";case tt:if(!le(e.value=e.props.join(",")))return""}return le(n=ct(e.children,r))?e.return=e.value+"{"+n+"}":""}function mo(e){var t=sn(e);return function(n,r,o,a){for(var u="",i=0;i<t;i++)u+=e[i](n,r,o,a)||"";return u}}function go(e){return function(t){t.root||(t=t.return)&&e(t)}}function yo(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Et:e.return=dn(e.value,e.length,n);return;case nn:return ct([he(e,{value:T(e.value,"@","@"+A)})],r);case tt:if(e.length)return no(n=e.props,function(o){switch(de(o,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":_e(he(e,{props:[T(o,/:(read-\w+)/,":"+qe+"$1")]})),_e(he(e,{props:[o]})),Rt(e,{props:an(n,r)});break;case"::placeholder":_e(he(e,{props:[T(o,/:(plac\w+)/,":"+A+"input-$1")]})),_e(he(e,{props:[T(o,/:(plac\w+)/,":"+qe+"$1")]})),_e(he(e,{props:[T(o,/:(plac\w+)/,V+"input-$1")]})),_e(he(e,{props:[o]})),Rt(e,{props:an(n,r)});break}return""})}}var vo={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Se=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",fn="active",pn="data-styled-version",lt="6.1.19",Lt=`/*!sc*/
|
|
31
|
-
`,ut=typeof window<"u"&&typeof document<"u",wo=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),hn=/invalid hook call/i,dt=new Set,bo=function(e,t){if(process.env.NODE_ENV!=="production"){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n,` has been created dynamically.
|
|
32
|
-
`)+`You may see this warning because you've called styled inside another component.
|
|
33
|
-
To resolve this only create new StyledComponents outside of any render method and function component.
|
|
34
|
-
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
|
|
35
|
-
`,o=console.error;try{var a=!0;console.error=function(u){for(var i=[],l=1;l<arguments.length;l++)i[l-1]=arguments[l];hn.test(u)?(a=!1,dt.delete(r)):o.apply(void 0,be([u],i,!1))},f.useRef(),a&&!dt.has(r)&&(console.warn(r),dt.add(r))}catch(u){hn.test(u.message)&&dt.delete(r)}finally{console.error=o}}},ft=Object.freeze([]),Ie=Object.freeze({});function xo(e,t,n){return n===void 0&&(n=Ie),e.theme!==n.theme&&e.theme||t||n.theme}var _t=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),So=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ko=/(^-|-$)/g;function mn(e){return e.replace(So,"-").replace(ko,"")}var Eo=/(a)(d)/gi,pt=52,gn=function(e){return String.fromCharCode(e+(e>25?39:97))};function It(e){var t,n="";for(t=Math.abs(e);t>pt;t=t/pt|0)n=gn(t%pt)+n;return(gn(t%pt)+n).replace(Eo,"$1-$2")}var Dt,yn=5381,ke=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},vn=function(e){return ke(yn,e)};function wn(e){return It(vn(e)>>>0)}function bn(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Ot(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var xn=typeof Symbol=="function"&&Symbol.for,Sn=xn?Symbol.for("react.memo"):60115,Co=xn?Symbol.for("react.forward_ref"):60112,Ro={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},To={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},kn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Po=((Dt={})[Co]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Dt[Sn]=kn,Dt);function En(e){return("type"in(t=e)&&t.type.$$typeof)===Sn?kn:"$$typeof"in e?Po[e.$$typeof]:Ro;var t}var jo=Object.defineProperty,Lo=Object.getOwnPropertyNames,Cn=Object.getOwnPropertySymbols,_o=Object.getOwnPropertyDescriptor,Io=Object.getPrototypeOf,Rn=Object.prototype;function Tn(e,t,n){if(typeof t!="string"){if(Rn){var r=Io(t);r&&r!==Rn&&Tn(e,r,n)}var o=Lo(t);Cn&&(o=o.concat(Cn(t)));for(var a=En(e),u=En(t),i=0;i<o.length;++i){var l=o[i];if(!(l in To||n&&n[l]||u&&l in u||a&&l in a)){var d=_o(t,l);try{jo(e,l,d)}catch{}}}}return e}function De(e){return typeof e=="function"}function At(e){return typeof e=="object"&&"styledComponentId"in e}function Ee(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ft(e,t){if(e.length===0)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}function Oe(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Mt(e,t,n){if(n===void 0&&(n=!1),!n&&!Oe(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=Mt(e[r],t[r]);else if(Oe(t))for(var r in t)e[r]=Mt(e[r],t[r]);return e}function Vt(e,t){Object.defineProperty(e,"toString",{value:t})}var Do=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
36
|
-
|
|
37
|
-
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
38
|
-
|
|
39
|
-
- Are you trying to reuse it across renders?
|
|
40
|
-
- Are you accidentally calling collectStyles twice?
|
|
41
|
-
|
|
42
|
-
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
43
|
-
|
|
44
|
-
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
45
|
-
|
|
46
|
-
- Does this error occur on the client and is your target falsy?
|
|
47
|
-
- Does this error occur on the server and is the sheet falsy?
|
|
48
|
-
|
|
49
|
-
`,5:`The clone method cannot be used on the client!
|
|
50
|
-
|
|
51
|
-
- Are you running in a client-like environment on the server?
|
|
52
|
-
- Are you trying to run SSR on the client?
|
|
53
|
-
|
|
54
|
-
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
55
|
-
|
|
56
|
-
- Are you using a custom target that isn't mounted?
|
|
57
|
-
- Does your document not have a valid head element?
|
|
58
|
-
- Have you accidentally removed a style tag manually?
|
|
59
|
-
|
|
60
|
-
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
61
|
-
|
|
62
|
-
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
63
|
-
|
|
64
|
-
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
65
|
-
|
|
66
|
-
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
67
|
-
|
|
68
|
-
`,14:`ThemeProvider: "theme" prop is required.
|
|
69
|
-
|
|
70
|
-
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
71
|
-
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
72
|
-
as for instance in your render method then you may be running into this limitation.
|
|
73
|
-
|
|
74
|
-
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
75
|
-
Has styled-components' style tag been unmounted or altered by another script?
|
|
76
|
-
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Oo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,a=e.length;o<a;o+=1)r.push(e[o]);return r.forEach(function(u){n=n.replace(/%[a-z]/,u)}),n}function Ae(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Oo.apply(void 0,be([Do[e]],t,!1)).trim())}var Ao=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r<t;r++)n+=this.groupSizes[r];return n},e.prototype.insertRules=function(t,n){if(t>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,a=o;t>=a;)if((a<<=1)<0)throw Ae(16,"".concat(t));this.groupSizes=new Uint32Array(a),this.groupSizes.set(r),this.length=a;for(var u=o;u<a;u++)this.groupSizes[u]=0}for(var i=this.indexOfGroup(t+1),l=(u=0,n.length);u<l;u++)this.tag.insertRule(i,n[u])&&(this.groupSizes[t]++,i++)},e.prototype.clearGroup=function(t){if(t<this.length){var n=this.groupSizes[t],r=this.indexOfGroup(t),o=r+n;this.groupSizes[t]=0;for(var a=r;a<o;a++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var n="";if(t>=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],o=this.indexOfGroup(t),a=o+r,u=o;u<a;u++)n+="".concat(this.tag.getRule(u)).concat(Lt);return n},e})(),Fo=1<<30,ht=new Map,mt=new Map,gt=1,yt=function(e){if(ht.has(e))return ht.get(e);for(;mt.has(gt);)gt++;var t=gt++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Fo))throw Ae(16,"".concat(t));return ht.set(e,t),mt.set(t,e),t},Mo=function(e,t){gt=t+1,ht.set(e,t),mt.set(t,e)},Vo="style[".concat(Se,"][").concat(pn,'="').concat(lt,'"]'),No=new RegExp("^".concat(Se,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ho=function(e,t,n){for(var r,o=n.split(","),a=0,u=o.length;a<u;a++)(r=o[a])&&e.registerName(t,r)},$o=function(e,t){for(var n,r=((n=t.textContent)!==null&&n!==void 0?n:"").split(Lt),o=[],a=0,u=r.length;a<u;a++){var i=r[a].trim();if(i){var l=i.match(No);if(l){var d=0|parseInt(l[1],10),m=l[2];d!==0&&(Mo(m,d),Ho(e,m,l[3]),e.getTag().insertRules(d,o)),o.length=0}else o.push(i)}}},Pn=function(e){for(var t=document.querySelectorAll(Vo),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(Se)!==fn&&($o(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function zo(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var jn=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=(function(i){var l=Array.from(i.querySelectorAll("style[".concat(Se,"]")));return l[l.length-1]})(n),a=o!==void 0?o.nextSibling:null;r.setAttribute(Se,fn),r.setAttribute(pn,lt);var u=zo();return u&&r.setAttribute("nonce",u),n.insertBefore(r,a),r},Bo=(function(){function e(t){this.element=jn(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(n){if(n.sheet)return n.sheet;for(var r=document.styleSheets,o=0,a=r.length;o<a;o++){var u=r[o];if(u.ownerNode===n)return u}throw Ae(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,n){try{return this.sheet.insertRule(n,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var n=this.sheet.cssRules[t];return n&&n.cssText?n.cssText:""},e})(),Uo=(function(){function e(t){this.element=jn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,n){if(t<=this.length&&t>=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Wo=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,n){return t<=this.length&&(this.rules.splice(t,0,n),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Ln=ut,qo={isServer:!ut,useCSSOMInjection:!wo},_n=(function(){function e(t,n,r){t===void 0&&(t=Ie),n===void 0&&(n={});var o=this;this.options=G(G({},qo),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&ut&&Ln&&(Ln=!1,Pn(this)),Vt(this,function(){return(function(a){for(var u=a.getTag(),i=u.length,l="",d=function(g){var S=(function(x){return mt.get(x)})(g);if(S===void 0)return"continue";var k=a.names.get(S),P=u.getGroup(g);if(k===void 0||!k.size||P.length===0)return"continue";var L="".concat(Se,".g").concat(g,'[id="').concat(S,'"]'),N="";k!==void 0&&k.forEach(function(x){x.length>0&&(N+="".concat(x,","))}),l+="".concat(P).concat(L,'{content:"').concat(N,'"}').concat(Lt)},m=0;m<i;m++)d(m);return l})(o)})}return e.registerId=function(t){return yt(t)},e.prototype.rehydrate=function(){!this.server&&ut&&Pn(this)},e.prototype.reconstructWithOptions=function(t,n){return n===void 0&&(n=!0),new e(G(G({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(n){var r=n.useCSSOMInjection,o=n.target;return n.isServer?new Wo(o):r?new Bo(o):new Uo(o)})(this.options),new Ao(t)));var t},e.prototype.hasNameForId=function(t,n){return this.names.has(t)&&this.names.get(t).has(n)},e.prototype.registerName=function(t,n){if(yt(t),this.names.has(t))this.names.get(t).add(n);else{var r=new Set;r.add(n),this.names.set(t,r)}},e.prototype.insertRules=function(t,n,r){this.registerName(t,n),this.getTag().insertRules(yt(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(yt(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),Yo=/&/g,Zo=/^\s*\/\/.*$/gm;function In(e,t){return e.map(function(n){return n.type==="rule"&&(n.value="".concat(t," ").concat(n.value),n.value=n.value.replaceAll(",",",".concat(t," ")),n.props=n.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(n.children)&&n.type!=="@keyframes"&&(n.children=In(n.children,t)),n})}function Go(e){var t,n,r,o=Ie,a=o.options,u=a===void 0?Ie:a,i=o.plugins,l=i===void 0?ft:i,d=function(S,k,P){return P.startsWith(n)&&P.endsWith(n)&&P.replaceAll(n,"").length>0?".".concat(t):S},m=l.slice();m.push(function(S){S.type===tt&&S.value.includes("&")&&(S.props[0]=S.props[0].replace(Yo,n).replace(r,d))}),u.prefix&&m.push(yo),m.push(ho);var g=function(S,k,P,L){k===void 0&&(k=""),P===void 0&&(P=""),L===void 0&&(L="&"),t=L,n=k,r=new RegExp("\\".concat(n,"\\b"),"g");var N=S.replace(Zo,""),x=fo(P||k?"".concat(P," ").concat(k," { ").concat(N," }"):N);u.namespace&&(x=In(x,u.namespace));var b=[];return ct(x,mo(m.concat(go(function(w){return b.push(w)})))),b};return g.hash=l.length?l.reduce(function(S,k){return k.name||Ae(15),ke(S,k.name)},yn).toString():"",g}var Ko=new _n,Nt=Go(),Dn=f.createContext({shouldForwardProp:void 0,styleSheet:Ko,stylis:Nt});Dn.Consumer,f.createContext(void 0);function On(){return f.useContext(Dn)}var Ht=(function(){function e(t,n){var r=this;this.inject=function(o,a){a===void 0&&(a=Nt);var u=r.name+a.hash;o.hasNameForId(r.id,u)||o.insertRules(r.id,u,a(r.rules,u,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,Vt(this,function(){throw Ae(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Nt),this.name+t.hash},e})(),Xo=function(e){return e>="A"&&e<="Z"};function An(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(n===1&&r==="-"&&e[0]==="-")return e;Xo(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var Fn=function(e){return e==null||e===!1||e===""},Mn=function(e){var t,n,r=[];for(var o in e){var a=e[o];e.hasOwnProperty(o)&&!Fn(a)&&(Array.isArray(a)&&a.isCss||De(a)?r.push("".concat(An(o),":"),a,";"):Oe(a)?r.push.apply(r,be(be(["".concat(o," {")],Mn(a),!1),["}"],!1)):r.push("".concat(An(o),": ").concat((t=o,(n=a)==null||typeof n=="boolean"||n===""?"":typeof n!="number"||n===0||t in vo||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function Ce(e,t,n,r){if(Fn(e))return[];if(At(e))return[".".concat(e.styledComponentId)];if(De(e)){if(!De(a=e)||a.prototype&&a.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Ht||Oe(o)||o===null||console.error("".concat(bn(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ce(o,t,n,r)}var a;return e instanceof Ht?n?(e.inject(n,r),[e.getName(r)]):[e]:Oe(e)?Mn(e):Array.isArray(e)?Array.prototype.concat.apply(ft,e.map(function(u){return Ce(u,t,n,r)})):[e.toString()]}function Jo(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(De(n)&&!At(n))return!1}return!0}var Qo=vn(lt),es=(function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&Jo(t),this.componentId=n,this.baseHash=ke(Qo,n),this.baseStyle=r,_n.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,n,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(this.componentId,this.staticRulesId))o=Ee(o,this.staticRulesId);else{var a=Ft(Ce(this.rules,t,n,r)),u=It(ke(this.baseHash,a)>>>0);if(!n.hasNameForId(this.componentId,u)){var i=r(a,".".concat(u),void 0,this.componentId);n.insertRules(this.componentId,u,i)}o=Ee(o,u),this.staticRulesId=u}else{for(var l=ke(this.baseHash,r.hash),d="",m=0;m<this.rules.length;m++){var g=this.rules[m];if(typeof g=="string")d+=g,process.env.NODE_ENV!=="production"&&(l=ke(l,g));else if(g){var S=Ft(Ce(g,t,n,r));l=ke(l,S+m),d+=S}}if(d){var k=It(l>>>0);n.hasNameForId(this.componentId,k)||n.insertRules(this.componentId,k,r(d,".".concat(k),void 0,this.componentId)),o=Ee(o,k)}}return o},e})(),Vn=f.createContext(void 0);Vn.Consumer;var $t={},Nn=new Set;function ts(e,t,n){var r=At(e),o=e,a=!Ot(e),u=t.attrs,i=u===void 0?ft:u,l=t.componentId,d=l===void 0?(function(v,D){var R=typeof v!="string"?"sc":mn(v);$t[R]=($t[R]||0)+1;var E="".concat(R,"-").concat(wn(lt+R+$t[R]));return D?"".concat(D,"-").concat(E):E})(t.displayName,t.parentComponentId):l,m=t.displayName,g=m===void 0?(function(v){return Ot(v)?"styled.".concat(v):"Styled(".concat(bn(v),")")})(e):m,S=t.displayName&&t.componentId?"".concat(mn(t.displayName),"-").concat(t.componentId):t.componentId||d,k=r&&o.attrs?o.attrs.concat(i).filter(Boolean):i,P=t.shouldForwardProp;if(r&&o.shouldForwardProp){var L=o.shouldForwardProp;if(t.shouldForwardProp){var N=t.shouldForwardProp;P=function(v,D){return L(v,D)&&N(v,D)}}else P=L}var x=new es(n,S,r?o.componentStyle:void 0);function b(v,D){return(function(R,E,W){var K=R.attrs,O=R.componentStyle,Me=R.defaultProps,fe=R.foldedComponentIds,q=R.styledComponentId,ne=R.target,ue=f.useContext(Vn),Re=On(),X=R.shouldForwardProp||Re.shouldForwardProp;process.env.NODE_ENV!=="production"&&f.useDebugValue(q);var Ze=xo(E,ue,Me)||Ie,re=(function(Ne,pe,ve){for(var ie,ae=G(G({},pe),{className:void 0,theme:ve}),we=0;we<Ne.length;we+=1){var He=De(ie=Ne[we])?ie(ae):ie;for(var ce in He)ae[ce]=ce==="className"?Ee(ae[ce],He[ce]):ce==="style"?G(G({},ae[ce]),He[ce]):He[ce]}return pe.className&&(ae.className=Ee(ae.className,pe.className)),ae})(K,E,Ze),ge=re.as||ne,ye={};for(var Y in re)re[Y]===void 0||Y[0]==="$"||Y==="as"||Y==="theme"&&re.theme===Ze||(Y==="forwardedAs"?ye.as=re.forwardedAs:X&&!X(Y,ge)||(ye[Y]=re[Y],X||process.env.NODE_ENV!=="development"||Jr(Y)||Nn.has(Y)||!_t.has(ge)||(Nn.add(Y),console.warn('styled-components: it looks like an unknown prop "'.concat(Y,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var Ve=(function(Ne,pe){var ve=On(),ie=Ne.generateAndInjectStyles(pe,ve.styleSheet,ve.stylis);return process.env.NODE_ENV!=="production"&&f.useDebugValue(ie),ie})(O,re);process.env.NODE_ENV!=="production"&&R.warnTooManyClasses&&R.warnTooManyClasses(Ve);var Ge=Ee(fe,q);return Ve&&(Ge+=" "+Ve),re.className&&(Ge+=" "+re.className),ye[Ot(ge)&&!_t.has(ge)?"class":"className"]=Ge,W&&(ye.ref=W),f.createElement(ge,ye)})(w,v,D)}b.displayName=g;var w=f.forwardRef(b);return w.attrs=k,w.componentStyle=x,w.displayName=g,w.shouldForwardProp=P,w.foldedComponentIds=r?Ee(o.foldedComponentIds,o.styledComponentId):"",w.styledComponentId=S,w.target=r?o.target:e,Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(v){this._foldedDefaultProps=r?(function(D){for(var R=[],E=1;E<arguments.length;E++)R[E-1]=arguments[E];for(var W=0,K=R;W<K.length;W++)Mt(D,K[W],!0);return D})({},o.defaultProps,v):v}}),process.env.NODE_ENV!=="production"&&(bo(g,S),w.warnTooManyClasses=(function(v,D){var R={},E=!1;return function(W){if(!E&&(R[W]=!0,Object.keys(R).length>=200)){var K=D?' with the id of "'.concat(D,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(v).concat(K,`.
|
|
77
|
-
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
78
|
-
Example:
|
|
79
|
-
const Component = styled.div.attrs(props => ({
|
|
80
|
-
style: {
|
|
81
|
-
background: props.background,
|
|
82
|
-
},
|
|
83
|
-
}))\`width: 100%;\`
|
|
84
|
-
|
|
85
|
-
<Component />`),E=!0,R={}}}})(g,S)),Vt(w,function(){return".".concat(w.styledComponentId)}),a&&Tn(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}function Hn(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var $n=function(e){return Object.assign(e,{isCss:!0})};function vt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(De(e)||Oe(e))return $n(Ce(Hn(ft,be([e],t,!0))));var r=e;return t.length===0&&r.length===1&&typeof r[0]=="string"?Ce(r):$n(Ce(Hn(r,t)))}function zt(e,t,n){if(n===void 0&&(n=Ie),!t)throw Ae(1,t);var r=function(o){for(var a=[],u=1;u<arguments.length;u++)a[u-1]=arguments[u];return e(t,n,vt.apply(void 0,be([o],a,!1)))};return r.attrs=function(o){return zt(e,t,G(G({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},r.withConfig=function(o){return zt(e,t,G(G({},n),o))},r}var zn=function(e){return zt(ts,e)},I=zn;_t.forEach(function(e){I[e]=zn(e)});function ns(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");var r=Ft(vt.apply(void 0,be([e],t,!1))),o=wn(r);return new Ht(o,r)}process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
86
|
-
Perhaps you're looking to import 'styled-components/native'?
|
|
87
|
-
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var wt="__sc-".concat(Se,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[wt]||(window[wt]=0),window[wt]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
88
|
-
|
|
89
|
-
See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children:e,eventFinishedMessage:t,eventNotStartedMessage:n,eventStartingSoonMessage:r}){const o=$(d=>d.startDate),a=$(d=>d.endDate),u=Date.now(),i=u<o.getTime(),l=u>a.getTime();return Yr(5e3),i?c.jsx(os,{startDate:o,title:n||"Event has not started yet.",message:r||"Starting in few seconds..."}):l?c.jsx(ss,{title:t||"Event has finished."}):c.jsx(c.Fragment,{children:e})}function os({startDate:e,title:t,message:n}){const r=e.getTime()-Date.now(),o=Math.floor(r/(1e3*60*60)),a=Math.floor(r%(1e3*60*60)/(1e3*60));return o||a?c.jsxs(Bt,{children:[c.jsx(Ut,{children:t}),c.jsxs(is,{children:["(",o>0?`${o}h ${a}m`:`${a}m`,")"]})]}):c.jsx(Bt,{children:c.jsx(Ut,{children:n})})}function ss({title:e}){return c.jsx(Bt,{children:c.jsx(Ut,{children:e})})}const Bt=I.div`
|
|
30
|
+
<%s key={someKey} {...props} />`,je,$,Hr,$),Ht[$+je]=!0}}return n===s?_r(M):Dr(M),M}}function Mr(n,l,m){return At(n,l,m,!0)}function Ir(n,l,m){return At(n,l,m,!1)}var Vr=Ir,Or=Mr;ie.Fragment=s,ie.jsx=Vr,ie.jsxs=Or})()),ie}var De;function Zt(){return De||(De=1,process.env.NODE_ENV==="production"?ue.exports=zt():ue.exports=Wt()),ue.exports}var o=Zt();const Yt=typeof window<"u"?d.useLayoutEffect:d.useEffect;function ye(e,t){const r=d.useRef(e);Yt(()=>{r.current=e},[e]),d.useEffect(()=>{if(t===null)return;const s=setInterval(()=>{r.current()},t);return()=>{clearInterval(s)}},[t])}function Kt(e){const[,t]=d.useState(0);ye(()=>t(r=>r+1),e)}const Xt=(e,t)=>le.create(r=>({delay:0,startDate:e,endDate:t,startTime:e.getTime(),endTime:t.getTime(),setDelay:s=>r({delay:s}),setStartDate:s=>r({startDate:s}),setEndDate:s=>r({endDate:s})})),_e=d.createContext(null),Jt=({children:e,startDate:t,endDate:r})=>{const s=d.useRef(null);return s.current||(s.current=Xt(t,r)),o.jsx(_e.Provider,{value:s.current,children:e})},D=e=>{const t=d.useContext(_e);if(!t)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return le.useStore(t,e)};function Gt({children:e,eventFinishedMessage:t,eventNotStartedMessage:r,eventStartingSoonMessage:s}){const a=D(h=>h.startDate),f=D(h=>h.endDate),p=Date.now(),i=p<a.getTime(),u=p>f.getTime();return Kt(5e3),i?o.jsx(Qt,{startDate:a,title:r||"Event has not started yet.",message:s||"Starting in few seconds..."}):u?o.jsx(qt,{title:t||"Event has finished."}):o.jsx(o.Fragment,{children:e})}function Qt({startDate:e,title:t,message:r}){const s=e.getTime()-Date.now(),a=Math.floor(s/(1e3*60*60)),f=Math.floor(s%(1e3*60*60)/(1e3*60));return a||f?o.jsxs(xe,{children:[o.jsx(we,{children:t}),o.jsxs($t,{children:["(",a>0?`${a}h ${f}m`:`${f}m`,")"]})]}):o.jsx(xe,{children:o.jsx(we,{children:r})})}function qt({title:e}){return o.jsx(xe,{children:o.jsx(we,{children:e})})}const xe=w.div`
|
|
90
31
|
position: absolute;
|
|
91
32
|
top: 0;
|
|
92
33
|
left: 0;
|
|
@@ -99,21 +40,21 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
99
40
|
justify-content: center;
|
|
100
41
|
color: black;
|
|
101
42
|
background: #f7e406;
|
|
102
|
-
`,
|
|
43
|
+
`,we=w.h3`
|
|
103
44
|
margin: 0;
|
|
104
45
|
padding: 0.5rem 0;
|
|
105
46
|
font-size: 1.5rem;
|
|
106
47
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
107
48
|
"Helvetica Neue", Arial, sans-serif;
|
|
108
49
|
font-weight: 500;
|
|
109
|
-
|
|
50
|
+
`,$t=w.p`
|
|
110
51
|
margin: 0;
|
|
111
52
|
height: 1.25rem;
|
|
112
53
|
font-size: 1rem;
|
|
113
54
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
114
55
|
"Helvetica Neue", Arial, sans-serif;
|
|
115
56
|
font-weight: 500;
|
|
116
|
-
`;function
|
|
57
|
+
`;function en(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})})}const X=d.forwardRef(({shape:e="circle",...t},r)=>o.jsx(tn,{ref:r,$shape:e,...t}));X.displayName="PlayerButton";const tn=w.button`
|
|
117
58
|
margin: 0;
|
|
118
59
|
display: flex;
|
|
119
60
|
align-items: center;
|
|
@@ -151,16 +92,16 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
151
92
|
cursor: not-allowed;
|
|
152
93
|
}
|
|
153
94
|
|
|
154
|
-
${({$shape:e})=>e==="circle"&&
|
|
95
|
+
${({$shape:e})=>e==="circle"&&w.css`
|
|
155
96
|
padding: 0;
|
|
156
97
|
width: 2rem;
|
|
157
98
|
height: 2rem;
|
|
158
99
|
`}
|
|
159
100
|
|
|
160
|
-
${({$shape:e})=>e==="square"&&
|
|
101
|
+
${({$shape:e})=>e==="square"&&w.css`
|
|
161
102
|
padding: 0.25rem 0.5rem;
|
|
162
103
|
`}
|
|
163
|
-
`;function
|
|
104
|
+
`;function nn({message:e,...t}){const r=D(f=>f.delay),s=D(f=>f.setDelay),a=()=>s(0);return r?o.jsxs(X,{onClick:a,shape:"square",...t,children:[o.jsx("span",{children:e||"Live"}),o.jsx(en,{})]}):null}function rn(e,t,r){const s={days:86400,hours:3600,minutes:60,seconds:1,milliseconds:.001};return e*(s[t]/s[r])}function on(e){return rn(e,"milliseconds","seconds")}const ee=e=>{const t=Math.floor(e/60),r=Math.floor(e%60);return`${t.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`};function sn(e){const t=typeof window<"u"&&window.navigator?.userAgent||"";return e.test(t)}const Me=sn(/iPhone|iPad|iPod/i);function an(){const e=document;return!!(e.fullscreenElement||e.mozFullScreenElement||e.webkitFullscreenElement||e.msFullscreenElement)}function ln(e){e.requestFullscreen?e.requestFullscreen():e.msRequestFullscreen?e.msRequestFullscreen():e.webkitRequestFullScreen?e.webkitRequestFullScreen():e.webkitEnterFullScreen?e.webkitEnterFullScreen():e.mozRequestFullScreen&&e.mozRequestFullScreen()}function cn(e){e.exitFullscreen?e.exitFullscreen():e.msExitFullscreen?e.msExitFullscreen():e.webkitExitFullscreen?e.webkitExitFullscreen():e.mozCancelFullScreen&&e.mozCancelFullScreen()}function un(e,t){return e.addEventListener("fullscreenchange",t),e.addEventListener("webkitfullscreenchange",t),e.addEventListener("mozfullscreenchange",t),e.addEventListener("MSFullscreenChange",t),()=>{e.removeEventListener("fullscreenchange",t),e.removeEventListener("webkitfullscreenchange",t),e.removeEventListener("mozfullscreenchange",t),e.removeEventListener("MSFullscreenChange",t)}}const dn=()=>Ut(),fn=(e,t)=>({currentTime:0,duration:0,isEnded:!1,isLoading:!1,isLoop:!1,isMetaLoaded:!1,isPlaying:!1,isReady:!1,isStarted:!1,pauseTime:0,seekTime:-1,startTime:-1,volume:100,destroy:()=>{},handleDurationChange:()=>{const r=t().techRef.current;r&&e({duration:r.duration})},handleEnd:()=>{t().techRef.current&&(t().eventEmitter.emit("ended"),e({isEnded:!0,isLoading:!1,isMetaLoaded:!1,isPlaying:!1}))},handleLoadedMetadata:()=>{const r=t().techRef.current;r&&(t().eventEmitter.emit("loadedMetadata",{duration:r.duration}),r.loop=t().isLoop,r.volume=r.muted?0:1,t().startTime!==-1&&(r.currentTime=t().startTime),e({currentTime:t().startTime!==-1?t().startTime:r.currentTime,duration:r.duration,startTime:-1,isMetaLoaded:!0,volume:r.muted?0:100}))},handleLoadStart:()=>{const r=t().techRef.current;r&&(t().eventEmitter.emit("loadStart"),e({isReady:!0}),r.play().then(()=>{e({isEnded:!1,isLoading:!1,isPlaying:!0,isStarted:!0,pauseTime:0})}).catch(s=>{e(()=>(console.info("Player failed to autoplay",s),{isStarted:!1,isEnded:!1,isLoading:!1,isPlaying:!1}))}))},handlePause:()=>{t().techRef.current&&(t().eventEmitter.emit("pause"),e({isPlaying:!1,pauseTime:Date.now()}))},handlePlay:()=>{t().techRef.current&&(t().eventEmitter.emit("play"),e({isPlaying:!0,pauseTime:0}))},handlePlaying:()=>{t().techRef.current&&(t().eventEmitter.emit("playing"),e({isLoading:!1}))},handleSeeked:()=>{t().techRef.current&&(t().eventEmitter.emit("seeked"),e({isLoading:!1}))},handleSeeking:()=>{t().techRef.current&&(t().eventEmitter.emit("seeking"),e({isLoading:!0}))},handleTimeUpdate:()=>{const r=t().techRef.current;r&&(t().eventEmitter.emit("timeUpdate",{currentTime:r.currentTime,duration:r.duration}),e({currentTime:r.currentTime}))},handleWaiting:()=>{t().techRef.current&&(t().eventEmitter.emit("waiting"),e({isLoading:!0}))},handleVolumeChange:()=>{const r=t().techRef.current;r&&t().eventEmitter.emit("volumeChange",{volume:r.volume})},handleError:r=>{t().techRef.current&&t().eventEmitter.emit("error",r)},pause:()=>{const r=t().techRef.current;r&&(r.pause(),e({isEnded:!1,isPlaying:!1,pauseTime:Date.now()}))},getPauseTimeDiff:()=>!t().isStarted||!t().pauseTime?0:parseInt(on(Date.now()-t().pauseTime).toFixed(0)),play:()=>{const r=t().techRef.current;r&&(r.play(),e({isEnded:!1,isPlaying:!0,isStarted:!0,pauseTime:0}))},seek:r=>{const s=t().techRef.current;s&&(s.currentTime=r,(s.paused||s.ended)&&s.play(),e({seekTime:-1,currentTime:r,isStarted:!0,isEnded:!1,isPlaying:!0}))},setIsLoading:r=>e({isLoading:r}),setIsLoop:r=>{const s=t().techRef.current;s&&(s.loop=r,e({isLoop:r}))},setStartTime:r=>e({startTime:r}),setVolume:r=>{const s=t().techRef.current;s&&(s.muted=r===0,s.volume=r/100,e({volume:r}))},stop:()=>{t().techRef.current&&e({isPlaying:!1,isLoading:!1})}}),hn=e=>({idleLocks:new Set,addIdleLock:t=>e(r=>({idleLocks:new Set(r.idleLocks).add(t)})),removeIdleLock:t=>e(r=>{const s=new Set(r.idleLocks);return s.delete(t),{idleLocks:s}})}),mn=(e,t)=>({level:null,levels:null,setLevels:r=>e({levels:r}),setLevel:r=>{r&&t().eventEmitter.emit("qualityChange",{level:r}),e({level:r})}}),pn=(e,t)=>({isFullscreen:!1,isFullscreenReady:!1,exitFullscreen:()=>{t().eventEmitter.emit("fullscreenChange",{isFullscreen:!1}),cn(document),e({isFullscreen:!1})},requestFullscreen:()=>{const r=t().techRef.current,s=t().containerRef.current;if(!r||!s)return;t().eventEmitter.emit("fullscreenChange",{isFullscreen:!0});const a=Me?r:s;a&&ln(a),e({isFullscreen:!0})},setIsFullscreen:r=>e({isFullscreen:r}),setIsFullscreenReady:r=>e({isFullscreenReady:r})}),vn=()=>({eventEmitter:dn()}),gn=e=>()=>({...e}),yn=(e,t)=>le.create()((...r)=>({...fn(...r),...hn(...r),...pn(...r),...mn(...r),...vn(...r),...gn({techRef:e,containerRef:t})(...r)})),Ie=d.createContext(null);function xn({children:e}){const t=d.useRef(null),r=d.useRef(null),s=d.useRef(null);return t.current||(t.current=yn(r,s)),o.jsx(Ie.Provider,{value:t.current,children:e})}const c=e=>{const t=d.useContext(Ie);if(!t)throw new Error("usePlayerStore must be used within PlayerStoreProvider");return le.useStore(t,e)};function Ve(){const e=c(i=>i.exitFullscreen),t=c(i=>i.isFullscreen),r=c(i=>i.isFullscreenReady),s=c(i=>i.requestFullscreen),a=c(i=>i.setVolume),f=c(i=>i.volume),p=d.useCallback(i=>{let u=!1;if(!(i.target instanceof HTMLInputElement||i.ctrlKey)){switch(i.code){case"ArrowUp":a(f+10<100?f+10:100),u=!0;break;case"ArrowDown":a(f-10>0?f-10:0),u=!0;break;case"KeyM":a(f===0?100:0),u=!0;break;case"KeyF":r&&(t?e():s(),u=!0);break}u&&i.preventDefault()}},[e,t,r,s,a,f]);return d.useEffect(()=>(document.addEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)}),[p]),null}function wn(){const e=D(i=>i.delay),t=c(i=>i.isPlaying),r=c(i=>i.pause),s=c(i=>i.getPauseTimeDiff),a=c(i=>i.play),f=D(i=>i.setDelay),p=d.useCallback(i=>{let u=!1;if(!(i.target instanceof HTMLInputElement||i.ctrlKey)){switch(i.code){case"ArrowLeft":f(e+10),u=!0;break;case"ArrowRight":f(e-10>0?e-10:0),u=!0;break;case"Space":if(t)r();else{const h=s();h&&f(e+h),a()}u=!0;break}u&&i.preventDefault()}},[e,s,t,r,a,f]);return d.useEffect(()=>(document.addEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)}),[p]),o.jsx(Ve,{})}function Oe(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M6 5H8V19H6V5ZM16 5H18V19H16V5Z"})})}function He(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M19.376 12.4161L8.77735 19.4818C8.54759 19.635 8.23715 19.5729 8.08397 19.3432C8.02922 19.261 8 19.1645 8 19.0658V4.93433C8 4.65818 8.22386 4.43433 8.5 4.43433C8.59871 4.43433 8.69522 4.46355 8.77735 4.5183L19.376 11.584C19.6057 11.7372 19.6678 12.0477 19.5146 12.2774C19.478 12.3323 19.4309 12.3795 19.376 12.4161Z"})})}function bn(){const e=c(i=>i.isPlaying),t=c(i=>i.pause),r=c(i=>i.getPauseTimeDiff),s=c(i=>i.play),a=D(i=>i.delay),f=D(i=>i.setDelay),p=()=>{if(e)t();else{const i=r();i&&f(a+i),s()}};return o.jsx(X,{onClick:p,children:e?o.jsx(Oe,{}):o.jsx(He,{})})}function Ae({className:e,onClick:t,...r}){const s=d.useRef(null),a=c(b=>b.exitFullscreen),f=c(b=>b.isFullscreen),p=c(b=>b.requestFullscreen),i=b=>{E()?(h(),f?a():p()):u(b)},u=b=>{s.current=window.setTimeout(()=>{t?.(b),h()},200)},h=()=>{s.current!==null&&(window.clearTimeout(s.current),s.current=null)},E=()=>s.current!==null;return d.useEffect(()=>()=>{h()},[]),o.jsx(En,{onClick:i,className:e,"aria-label":"Player playback indicator",...r})}const En=w.button`
|
|
164
105
|
position: absolute;
|
|
165
106
|
top: 0;
|
|
166
107
|
left: 0;
|
|
@@ -178,11 +119,11 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
178
119
|
&:focus {
|
|
179
120
|
outline: none;
|
|
180
121
|
}
|
|
181
|
-
`;function
|
|
122
|
+
`;function Cn(){const e=c(i=>i.isPlaying),t=c(i=>i.pause),r=c(i=>i.getPauseTimeDiff),s=c(i=>i.play),a=D(i=>i.delay),f=D(i=>i.setDelay),p=()=>{if(e)t();else{const i=r();i&&f(a+i),s()}};return o.jsx(Ae,{onClick:p})}const Ue=w.div`
|
|
182
123
|
position: relative;
|
|
183
124
|
width: 100%;
|
|
184
125
|
margin-bottom: -0.25rem;
|
|
185
|
-
`,
|
|
126
|
+
`,Be=w.div`
|
|
186
127
|
position: absolute;
|
|
187
128
|
bottom: 1.75rem;
|
|
188
129
|
left: 0;
|
|
@@ -193,7 +134,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
193
134
|
opacity: ${({$isVisible:e})=>e?1:0};
|
|
194
135
|
transform: ${({$isVisible:e})=>e?"translateY(0)":"translateY(-0.5rem)"};
|
|
195
136
|
transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
|
|
196
|
-
`,
|
|
137
|
+
`,Ne=w.p`
|
|
197
138
|
margin: 0;
|
|
198
139
|
padding: 0.25rem;
|
|
199
140
|
font-variant-numeric: tabular-nums;
|
|
@@ -205,7 +146,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
205
146
|
color: white;
|
|
206
147
|
background: rgba(0, 0, 0, 0.8);
|
|
207
148
|
border-radius: 1rem;
|
|
208
|
-
`,
|
|
149
|
+
`,de=d.forwardRef(({max:e=100,min:t=0,...r},s)=>o.jsxs(Rn,{ref:s,min:t,max:e,"aria-label":"Player progress",onKeyDown:a=>a.preventDefault(),...r,children:[o.jsx(Sn,{children:o.jsx(Tn,{})}),o.jsx(Pn,{})]}));de.displayName="PlayerSlider";const Rn=w(ce.Root)`
|
|
209
150
|
position: relative;
|
|
210
151
|
display: flex;
|
|
211
152
|
align-items: center;
|
|
@@ -219,20 +160,20 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
219
160
|
cursor: not-allowed;
|
|
220
161
|
opacity: 0.5;
|
|
221
162
|
}
|
|
222
|
-
`,
|
|
163
|
+
`,Sn=w(ce.Track)`
|
|
223
164
|
position: relative;
|
|
224
165
|
height: 0.25rem;
|
|
225
166
|
flex-grow: 1;
|
|
226
167
|
background: rgba(255, 255, 255, 0.2);
|
|
227
168
|
border-radius: 1rem;
|
|
228
169
|
overflow: hidden;
|
|
229
|
-
`,
|
|
170
|
+
`,Tn=w(ce.Range)`
|
|
230
171
|
position: absolute;
|
|
231
172
|
height: 100%;
|
|
232
173
|
background: #f7e406;
|
|
233
174
|
transition: width 0.2s ease-in-out;
|
|
234
175
|
border-radius: 1rem;
|
|
235
|
-
`,
|
|
176
|
+
`,Pn=w(ce.Thumb)`
|
|
236
177
|
display: block;
|
|
237
178
|
width: 0.875rem;
|
|
238
179
|
height: 0.875rem;
|
|
@@ -255,10 +196,10 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
255
196
|
cursor: not-allowed;
|
|
256
197
|
opacity: 0.5;
|
|
257
198
|
}
|
|
258
|
-
`;function
|
|
199
|
+
`;function fe(e){const t=e.getBoundingClientRect();return e.offsetWidth/e.offsetHeight>e.clientWidth/e.clientHeight?{left:t.left*100,right:t.right*100,top:t.top*100,bottom:t.bottom*100,width:t.width*100,height:t.height*100}:t}const ze=(e,t=0)=>parseInt(Math.max(0,(Date.now()-(e+t*1e3))/1e3).toFixed(0)),We=(e,t)=>Math.max(0,(Date.now()-e-t*1e3)/1e3),Ze=(e,t)=>Math.max(0,(t-e)/1e3),jn=(e,t=0)=>{const s=t<0?0:t,a=["bytes","kb","mb","gb","tb","pb","eb","zb","yb"],f=Math.floor(Math.log(e)/Math.log(1024));return`${parseFloat((e/Math.pow(1024,f)).toFixed(s))}${a[f]}`};function Ln({isAuto:e,level:t,levels:r}){const s=r.length,a=[];return s>1&&a.push({sid:"quality-level-auto",label:"Auto",value:-1,selected:e||t===-1}),r.sort(function(f,p){const i=f.height||f.bitrate||0,u=p.height||p.bitrate||0;return i===u?0:i>u?1:-1}),r.map(f=>{const{bitrate:p,height:i,index:u}=f;a.push({sid:`quality-level-${u}`,label:i?`${i}p`:jn(p),value:u,selected:s===1||!e&&u===t})}),a}const Ye="vod-player-progress-bar";function kn(){const e=d.useRef(null),t=d.useRef(null),[r,s]=d.useState(0),[a,f]=d.useState(0),[p,i]=d.useState(!1),[u,h]=d.useState(-1),[E,b]=d.useState(-1),L=D(T=>T.delay),k=D(T=>T.startTime),I=D(T=>T.endTime),A=D(T=>T.setDelay),_=c(T=>T.isPlaying),y=c(T=>T.addIdleLock),R=c(T=>T.removeIdleLock),S=d.useCallback(()=>{s(We(k,L)),f(Ze(k,I))},[L,I,k]),B=parseFloat((a?(E!==-1?E:r)/a*100:0).toFixed(1)),g=T=>{b(a*(T[0]/100)),y(Ye)},Y=()=>{if(E!==-1){const T=ze(k,E);A(T),b(-1),R(Ye)}},J=()=>i(!0),K=()=>i(!1),Q=d.useCallback(T=>{const he=e.current,q=t.current;if(he&&q){const N=fe(he),W=fe(q),G=(T.pageX||T.clientX)-N.left,se=G/N.width;if(se<0)return;let Z=G-W.width/2;Z<0&&(Z=0),Z>N.width-W.width&&(Z=-1),q.style.left=Z>-1?`${Z}px`:"auto",q.style.right=Z>-1?"auto":"0px",h(se*a)}J()},[a]);return ye(()=>S(),_?1e3:null),d.useEffect(()=>{S()},[S]),o.jsxs(Ue,{children:[o.jsx(de,{ref:e,value:[B],onPointerLeave:K,onPointerDown:K,onPointerMove:Q,onValueChange:g,onValueCommit:Y,step:.1}),o.jsx(Be,{ref:t,$isVisible:p,children:o.jsx(Ne,{children:ee(u)})})]})}function Ke({children:e}){return o.jsx(xn,{children:e})}function Fn({children:e,startDate:t,endDate:r}){return o.jsx(Jt,{startDate:t,endDate:r,children:o.jsx(Ke,{children:e})})}const Xe=w.div`
|
|
259
200
|
display: flex;
|
|
260
201
|
align-items: center;
|
|
261
|
-
`,
|
|
202
|
+
`,Je=w.p`
|
|
262
203
|
margin: 0;
|
|
263
204
|
padding: 0;
|
|
264
205
|
font-variant-numeric: tabular-nums;
|
|
@@ -266,11 +207,11 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
266
207
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
|
|
267
208
|
"Helvetica Neue", Arial, sans-serif;
|
|
268
209
|
font-weight: 500;
|
|
269
|
-
`,
|
|
210
|
+
`,Ge=w(Je)`
|
|
270
211
|
margin-right: 0.5rem;
|
|
271
|
-
`,
|
|
212
|
+
`,Qe=w(Je)`
|
|
272
213
|
margin-left: 0.5rem;
|
|
273
|
-
`,
|
|
214
|
+
`,qe=w.p`
|
|
274
215
|
margin: 0;
|
|
275
216
|
padding: 0;
|
|
276
217
|
font-size: 0.8125rem;
|
|
@@ -281,7 +222,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
281
222
|
&::before {
|
|
282
223
|
content: "/";
|
|
283
224
|
}
|
|
284
|
-
`;function
|
|
225
|
+
`;function Dn(){const[e,t]=d.useState(0),[r,s]=d.useState(0),a=c(h=>h.isPlaying),f=D(h=>h.delay),p=D(h=>h.startTime),i=D(h=>h.endTime),u=d.useCallback(()=>{t(We(p,f)),s(Ze(p,i))},[f,i,p]);return ye(()=>u(),a?1e3:null),d.useEffect(()=>{u()},[u]),f?o.jsxs(Xe,{children:[o.jsx(Ge,{children:ee(e)}),o.jsx(qe,{}),o.jsx(Qe,{children:ee(r)})]}):null}function _n(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M22 12C22 17.5228 17.5229 22 12 22C6.4772 22 2 17.5228 2 12C2 6.47715 6.4772 2 12 2V4C7.5817 4 4 7.58172 4 12C4 16.4183 7.5817 20 12 20C16.4183 20 20 16.4183 20 12C20 9.53614 18.8862 7.33243 17.1346 5.86492L15 8V2L21 2L18.5535 4.44656C20.6649 6.28002 22 8.9841 22 12Z"})})}function Mn(){const e=D(s=>s.startTime),t=D(s=>s.setDelay),r=()=>t(ze(e));return o.jsx(X,{onClick:r,children:o.jsx(_n,{})})}function In({url:e,isLive:t}){const r=d.useRef(null),s=c(y=>y.level),a=c(y=>y.levels),f=c(y=>y.setLevel),p=c(y=>y.setLevels),i=c(y=>y.techRef),u=c(y=>y.isStarted),[h,E]=d.useState(!1),b=d.useCallback(y=>{if(r.current&&(r.current.nextLevel=y,f(null),a)){const R=a.map(S=>({...S,selected:S.value===y}));p(R)}},[a,f,p,r]),L=d.useCallback(()=>{r.current&&(console.log("[Player][HLS] MEDIA_ATTACHED"),r.current.loadSource(e))},[e]),k=d.useCallback(()=>{if(!r.current)return;console.log("[Player][HLS] MANIFEST_LOADED");const y=r.current.levels,R=r.current.currentLevel,S=r.current.autoLevelEnabled;p(Ln({levels:y.map((B,g)=>{const{bitrate:Y,height:J,width:K}=B;return{bitrate:Y,height:J,index:g,width:K}}),level:R,isAuto:S}))},[p]),I=d.useCallback((y,R)=>{if(console.error("[Player][HLS] ERROR",y,R),!!r.current)switch(R.type){case U.ErrorTypes.NETWORK_ERROR:R.fatal&&r.current.startLoad();break;case U.ErrorTypes.MEDIA_ERROR:if(R.fatal)r.current.recoverMediaError();else if(R.details===U.ErrorDetails.BUFFER_STALLED_ERROR&&t&&!h){E(!0),console.log("[Player][HLS] Stream failed, attempting failover retry...");try{console.log("[Player][HLS] Retrying stream..."),r.current.loadSource(e)}catch(S){console.error("[Player][HLS] Failover retry failed:",S)}}break}},[t,h,e]),A=d.useCallback(()=>{if(!i.current)return;const y={backBufferLength:10,startLevel:-1,maxBufferSize:30*1024*1024},R={backBufferLength:60,startLevel:-1,maxBufferSize:30*1024*1024},S=t?y:R;try{console.log("[Player][HLS] URL",e),console.log("[Player][HLS] Config",JSON.stringify(S)),console.log("[Player][HLS] Version",U.version),r.current=new U(S),r.current.attachMedia(i.current),r.current.on(U.Events.MEDIA_ATTACHED,L),r.current.on(U.Events.MANIFEST_LOADED,k),r.current.on(U.Events.ERROR,I)}catch(B){throw new Error(`Error initializing Hls: ${B}`)}},[k,L,I,t,i,e]),_=d.useCallback(()=>{r.current&&(r.current.off(U.Events.MEDIA_ATTACHED,L),r.current.off(U.Events.MANIFEST_LOADED,k),r.current.off(U.Events.ERROR,I),r.current.destroy(),r.current=null),E(!1)},[k,L,I]);return d.useEffect(()=>{s!==null&&b(s)},[s,b]),d.useEffect(()=>{u&&E(!1)},[u]),d.useEffect(()=>(U.isSupported()&&A(),_),[_,A]),null}function $e({url:e,isLive:t,isMuted:r=!1}){const s=c(g=>g.handleDurationChange),a=c(g=>g.handleEnd),f=c(g=>g.handleLoadedMetadata),p=c(g=>g.handleLoadStart),i=c(g=>g.handlePause),u=c(g=>g.handlePlay),h=c(g=>g.handlePlaying),E=c(g=>g.handleSeeked),b=c(g=>g.handleSeeking),L=c(g=>g.handleTimeUpdate),k=c(g=>g.handleWaiting),I=c(g=>g.handleVolumeChange),A=c(g=>g.handleError),_=c(g=>g.techRef),y=d.useRef(null),R=()=>t?{}:{onDurationChange:s,onSeeked:E,onSeeking:b,onTimeUpdate:S},S=()=>{(!y.current||Date.now()-y.current>=1e3)&&(L(),y.current=Date.now())},B=R();return o.jsxs(o.Fragment,{children:[o.jsx(In,{isLive:t,url:e}),o.jsx(Vn,{ref:_,playsInline:!0,autoPlay:!0,controls:!1,muted:r,preload:"auto",crossOrigin:"anonymous",onEnded:a,onError:A,onLoadedMetadata:f,onLoadStart:p,onPause:i,onPlay:u,onPlaying:h,onWaiting:k,onVolumeChange:I,tabIndex:-1,...B})]})}const Vn=w.video`
|
|
285
226
|
position: relative;
|
|
286
227
|
width: 100%;
|
|
287
228
|
height: 100%;
|
|
@@ -289,7 +230,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
289
230
|
@media (min-width: 768px) {
|
|
290
231
|
pointer-events: none;
|
|
291
232
|
}
|
|
292
|
-
`;function
|
|
233
|
+
`;function On({url:e}){const[t,r]=d.useState(null),s=D(f=>f.delay),a=d.useCallback(async()=>{r(s?e.replace("-live","-catchup").replace("playlist.m3u8",`playlist_fmp4_dvr_timeshift-${s}.m3u8`):e)},[s,e]);return d.useEffect(()=>{a()},[a]),t?o.jsx($e,{url:t,isLive:!0}):null}function et({callback:e}){const t=c(r=>r.eventEmitter);return d.useEffect(()=>{const r=()=>e("play",void 0),s=()=>e("pause",void 0),a=()=>e("ended",void 0),f=()=>e("seeking",void 0),p=()=>e("seeked",void 0),i=_=>e("timeUpdate",_),u=_=>e("volumeChange",_),h=_=>e("fullscreenChange",_),E=_=>e("qualityChange",_),b=_=>e("loadedMetadata",_),L=()=>e("loadStart",void 0),k=()=>e("playing",void 0),I=()=>e("waiting",void 0),A=()=>e("error",void 0);return t.on("play",r),t.on("pause",s),t.on("ended",a),t.on("seeking",f),t.on("seeked",p),t.on("timeUpdate",i),t.on("volumeChange",u),t.on("fullscreenChange",h),t.on("qualityChange",E),t.on("loadedMetadata",b),t.on("loadStart",L),t.on("playing",k),t.on("waiting",I),t.on("error",A),()=>{t.off("play",r),t.off("pause",s),t.off("ended",a),t.off("seeking",f),t.off("seeked",p),t.off("timeUpdate",i),t.off("volumeChange",u),t.off("fullscreenChange",h),t.off("qualityChange",E),t.off("loadedMetadata",b),t.off("loadStart",L),t.off("playing",k),t.off("waiting",I),t.off("error",A)}},[e,t]),null}const tt=w.div`
|
|
293
234
|
position: absolute;
|
|
294
235
|
top: 0;
|
|
295
236
|
left: 0;
|
|
@@ -298,7 +239,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
298
239
|
color: white;
|
|
299
240
|
background: black;
|
|
300
241
|
overflow: hidden;
|
|
301
|
-
`,
|
|
242
|
+
`,nt=w.div`
|
|
302
243
|
position: absolute;
|
|
303
244
|
left: 0;
|
|
304
245
|
width: 100%;
|
|
@@ -310,7 +251,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
310
251
|
@media (min-width: 768px) {
|
|
311
252
|
padding-top: 2rem;
|
|
312
253
|
}
|
|
313
|
-
`,
|
|
254
|
+
`,rt=w.div`
|
|
314
255
|
display: flex;
|
|
315
256
|
flex-direction: column;
|
|
316
257
|
padding-left: 0.5rem;
|
|
@@ -322,21 +263,21 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
322
263
|
padding-left: 1rem;
|
|
323
264
|
padding-right: 1rem;
|
|
324
265
|
}
|
|
325
|
-
`,
|
|
266
|
+
`,ot=w.div`
|
|
326
267
|
display: flex;
|
|
327
268
|
padding: 0.5rem 0;
|
|
328
269
|
width: 100%;
|
|
329
270
|
align-items: center;
|
|
330
|
-
`,
|
|
271
|
+
`,it=w.div`
|
|
331
272
|
display: flex;
|
|
332
273
|
flex: 1;
|
|
333
274
|
align-items: center;
|
|
334
275
|
gap: 0.5rem;
|
|
335
|
-
`,
|
|
276
|
+
`,st=w(it)`
|
|
336
277
|
justify-content: flex-start;
|
|
337
|
-
`,
|
|
278
|
+
`,at=w(it)`
|
|
338
279
|
justify-content: flex-end;
|
|
339
|
-
`;function
|
|
280
|
+
`;function Hn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M16 3H22V9H20V5H16V3ZM2 3H8V5H4V9H2V3ZM20 19V15H22V21H16V19H20ZM4 19H8V21H2V15H4V19Z"})})}function An(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M18 7H22V9H16V3H18V7ZM8 9H2V7H6V3H8V9ZM18 17V21H16V15H22V17H18ZM8 15V21H6V17H2V15H8Z"})})}function lt(){const e=c(h=>h.containerRef),t=c(h=>h.exitFullscreen),r=c(h=>h.isFullscreen),s=c(h=>h.requestFullscreen),a=c(h=>h.setIsFullscreen),f=c(h=>h.setIsFullscreenReady),p=c(h=>h.techRef),i=d.useCallback(h=>{h.stopPropagation(),a(an())},[a]),u=()=>{r?t():s()};return d.useEffect(()=>{const h=Me?p.current:e.current;if(h)return un(h,i)},[e,i,p]),d.useEffect(()=>{f(!0)},[f]),o.jsx(X,{onClick:u,children:r?o.jsx(An,{}):o.jsx(Hn,{})})}const Un=5*1e3;function ct({children:e}){const t=d.useRef(null),[r,s]=d.useState(!1),a=d.useRef(null),p=c(h=>h.idleLocks).size,i=d.useCallback(()=>{a.current!==null&&(window.clearTimeout(a.current),a.current=null)},[]),u=d.useCallback(()=>{i(),a.current=window.setTimeout(()=>s(!0),Un)},[i]);return d.useEffect(()=>(s(!1),u(),()=>{i()}),[i,u]),d.useEffect(()=>{const h=t.current;if(!h)return;const E=L=>{r&&(L.stopPropagation(),s(!1),u())},b=()=>{r&&s(!1),u()};return h.addEventListener("click",E),h.addEventListener("mousemove",b),()=>{h.removeEventListener("click",E),h.removeEventListener("mousemove",b)}},[t,r,s,u]),o.jsx(Bn,{ref:t,$isIdle:r&&!p,children:e})}const Bn=w.div`
|
|
340
281
|
position: absolute;
|
|
341
282
|
top: 0;
|
|
342
283
|
left: 0;
|
|
@@ -345,21 +286,21 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
345
286
|
transition: opacity 0.2s ease-in-out;
|
|
346
287
|
cursor: ${({$isIdle:e})=>e?"none":"auto"};
|
|
347
288
|
opacity: ${({$isIdle:e})=>e?0:1};
|
|
348
|
-
`;function
|
|
289
|
+
`;function Nn(e){return o.jsx(Wn,{...e})}const zn=w.keyframes`
|
|
349
290
|
from {
|
|
350
291
|
transform: rotate(0deg);
|
|
351
292
|
}
|
|
352
293
|
to {
|
|
353
294
|
transform: rotate(360deg);
|
|
354
295
|
}
|
|
355
|
-
`,
|
|
296
|
+
`,Wn=w.div`
|
|
356
297
|
width: 1.5rem;
|
|
357
298
|
height: 1.5rem;
|
|
358
299
|
border: 2px solid white;
|
|
359
300
|
border-bottom-color: transparent;
|
|
360
301
|
border-radius: 50%;
|
|
361
|
-
animation: ${
|
|
362
|
-
`;function
|
|
302
|
+
animation: ${zn} 1s linear infinite;
|
|
303
|
+
`;function Zn(e,t=500){const[r,s]=d.useState(e);return d.useEffect(()=>{const a=window.setTimeout(()=>s(e),t);return()=>{window.clearTimeout(a)}},[e,t]),r}function ut({style:e,...t}){const r=c(a=>a.isLoading);return Zn(r,100)?o.jsx(Yn,{style:e,...t,children:o.jsx(Nn,{})}):null}const Yn=w.div`
|
|
363
304
|
pointer-events: none;
|
|
364
305
|
position: absolute;
|
|
365
306
|
top: 0;
|
|
@@ -371,7 +312,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
371
312
|
height: 100%;
|
|
372
313
|
align-items: center;
|
|
373
314
|
justify-content: center;
|
|
374
|
-
`;function
|
|
315
|
+
`;function Kn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"})})}function Xn(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M4 5V19H20V5H4ZM3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM7.5 11.25H9.5V9H11V15H9.5V12.75H7.5V15H6V9H7.5V11.25ZM14.5 10.5V13.5H16C16.2761 13.5 16.5 13.2761 16.5 13V11C16.5 10.7239 16.2761 10.5 16 10.5H14.5ZM13 9H16C17.1046 9 18 9.89543 18 11V13C18 14.1046 17.1046 15 16 15H13V9Z"})})}const Jn=re.Root,Gn=re.Trigger,Qn=re.Portal,dt=d.forwardRef(({sideOffset:e=4,...t},r)=>o.jsx(qn,{ref:r,sideOffset:e,onCloseAutoFocus:s=>{s.preventDefault()},...t}));dt.displayName="PlayerDropdownMenuContent";const ft=d.forwardRef((e,t)=>o.jsx($n,{ref:t,...e}));ft.displayName="PlayerDropdownMenuItem";const qn=w(re.Content).withConfig({shouldForwardProp:e=>e!=="ref"})`
|
|
375
316
|
padding: 0.25rem;
|
|
376
317
|
min-width: 8rem;
|
|
377
318
|
max-height: 8rem;
|
|
@@ -446,7 +387,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
446
387
|
transform: translateX(0);
|
|
447
388
|
}
|
|
448
389
|
}
|
|
449
|
-
|
|
390
|
+
`,$n=w(re.Item)`
|
|
450
391
|
position: relative;
|
|
451
392
|
display: flex;
|
|
452
393
|
align-items: center;
|
|
@@ -483,11 +424,11 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
483
424
|
color: rgba(255, 255, 255, 0.5);
|
|
484
425
|
pointer-events: none;
|
|
485
426
|
}
|
|
486
|
-
`,
|
|
427
|
+
`,ht="settings";function mt(){const[e,t]=d.useState(!1),r=c(u=>u.containerRef),s=c(u=>u.addIdleLock),a=c(u=>u.removeIdleLock),f=c(u=>u.levels),p=c(u=>u.setLevel),i=d.useCallback(u=>{t(u),u?s(ht):a(ht)},[s,a]);return o.jsxs(Jn,{open:e,onOpenChange:i,children:[o.jsx(Gn,{asChild:!0,children:o.jsx(X,{children:o.jsx(Xn,{})})}),o.jsx(Qn,{container:r.current,children:o.jsx(dt,{side:"top",align:"end",children:f?.map(u=>o.jsxs(ft,{onClick:()=>p(u.value),children:[u.label,u.selected&&o.jsx(Kn,{})]},u.sid))})})]})}function er(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M6.60282 10.0001L10 7.22056V16.7796L6.60282 14.0001H3V10.0001H6.60282ZM2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z"})})}function tr(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M13 7.22056L9.60282 10.0001H6V14.0001H9.60282L13 16.7796V7.22056ZM8.88889 16.0001H5C4.44772 16.0001 4 15.5524 4 15.0001V9.00007C4 8.44778 4.44772 8.00007 5 8.00007H8.88889L14.1834 3.66821C14.3971 3.49335 14.7121 3.52485 14.887 3.73857C14.9601 3.8279 15 3.93977 15 4.05519V19.9449C15 20.2211 14.7761 20.4449 14.5 20.4449C14.3846 20.4449 14.2727 20.405 14.1834 20.3319L8.88889 16.0001ZM18.8631 16.5911L17.4411 15.1691C18.3892 14.4376 19 13.2902 19 12.0001C19 10.5697 18.2493 9.31476 17.1203 8.60766L18.5589 7.16906C20.0396 8.26166 21 10.0187 21 12.0001C21 13.8422 20.1698 15.4905 18.8631 16.5911Z"})})}function nr(){return o.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:o.jsx("path",{d:"M10 7.22056L6.60282 10.0001H3V14.0001H6.60282L10 16.7796V7.22056ZM5.88889 16.0001H2C1.44772 16.0001 1 15.5524 1 15.0001V9.00007C1 8.44778 1.44772 8.00007 2 8.00007H5.88889L11.1834 3.66821C11.3971 3.49335 11.7121 3.52485 11.887 3.73857C11.9601 3.8279 12 3.93977 12 4.05519V19.9449C12 20.2211 11.7761 20.4449 11.5 20.4449C11.3846 20.4449 11.2727 20.405 11.1834 20.3319L5.88889 16.0001ZM20.4142 12.0001L23.9497 15.5356L22.5355 16.9498L19 13.4143L15.4645 16.9498L14.0503 15.5356L17.5858 12.0001L14.0503 8.46454L15.4645 7.05032L19 10.5859L22.5355 7.05032L23.9497 8.46454L20.4142 12.0001Z"})})}const pt="volume";function vt(){c(i=>i.containerRef);const e=c(i=>i.setVolume),t=c(i=>i.volume),r=c(i=>i.addIdleLock),s=c(i=>i.removeIdleLock),a=i=>{e(i[0]),r(pt)},f=()=>{s(pt)},p=()=>e(t?0:100);return o.jsxs(rr,{children:[o.jsx(X,{onClick:p,className:"shrink-0",children:t?t>50?o.jsx(er,{}):o.jsx(tr,{}):o.jsx(nr,{})}),o.jsx(gt,{children:o.jsx(de,{value:[t],onValueChange:a,onValueCommit:f})})]})}const gt=w.div`
|
|
487
428
|
width: 0;
|
|
488
429
|
opacity: 0;
|
|
489
430
|
transition: all 0.2s ease-in-out;
|
|
490
|
-
`,
|
|
431
|
+
`,rr=w.div`
|
|
491
432
|
display: flex;
|
|
492
433
|
align-items: center;
|
|
493
434
|
gap: 0.25rem;
|
|
@@ -498,11 +439,11 @@ See https://s-c.sh/2BAXzed for more info.`),window[wt]+=1);function rs({children
|
|
|
498
439
|
&:hover {
|
|
499
440
|
width: 6rem;
|
|
500
441
|
|
|
501
|
-
${
|
|
442
|
+
${gt} {
|
|
502
443
|
width: 100%;
|
|
503
444
|
opacity: 1;
|
|
504
445
|
}
|
|
505
446
|
}
|
|
506
447
|
}
|
|
507
|
-
`;function
|
|
448
|
+
`;function or({url:e,startDate:t,endDate:r,messages:s,onEvent:a}){return o.jsx(Fn,{startDate:new Date(t),endDate:new Date(r),children:o.jsx(ir,{url:e,messages:s,onEvent:a})})}function ir({url:e,messages:t,onEvent:r}){const s=c(a=>a.containerRef);return o.jsxs(tt,{ref:s,children:[o.jsxs(Gt,{eventFinishedMessage:t?.eventFinished,eventNotStartedMessage:t?.eventNotStarted,eventStartingSoonMessage:t?.eventStartingSoon,children:[o.jsx(On,{url:e}),o.jsx(ut,{}),o.jsxs(ct,{children:[o.jsx(Cn,{}),o.jsx(nt,{children:o.jsxs(rt,{children:[o.jsx(kn,{}),o.jsxs(ot,{children:[o.jsxs(st,{children:[o.jsx(bn,{}),o.jsx(Mn,{}),o.jsx(vt,{}),o.jsx(Dn,{})]}),o.jsxs(at,{children:[o.jsx(nn,{message:t?.live}),o.jsx(mt,{}),o.jsx(lt,{})]})]})]})})]})]}),o.jsx(wn,{}),r&&o.jsx(et,{callback:r})]})}function sr(){const e=c(i=>i.currentTime),t=c(i=>i.duration),r=c(i=>i.isPlaying),s=c(i=>i.pause),a=c(i=>i.play),f=c(i=>i.seek),p=d.useCallback(i=>{let u=!1;if(!(i.target instanceof HTMLInputElement||i.ctrlKey)){switch(i.code){case"ArrowLeft":f(e-10>=0?e-10:0),u=!0;break;case"ArrowRight":f(e+10<t?e+10:t),u=!0;break;case"Space":r?s():a(),u=!0;break}u&&i.preventDefault()}},[e,t,r,s,a,f]);return d.useEffect(()=>(document.addEventListener("keydown",p),()=>{document.removeEventListener("keydown",p)}),[p]),o.jsx(Ve,{})}function ar(){const e=c(a=>a.isPlaying),t=c(a=>a.pause),r=c(a=>a.play),s=()=>{e?t():r()};return o.jsx(X,{onClick:s,children:e?o.jsx(Oe,{}):o.jsx(He,{})})}function lr(){const e=c(a=>a.isPlaying),t=c(a=>a.pause),r=c(a=>a.play),s=()=>{e?t():r()};return o.jsx(Ae,{onClick:s})}const yt="vod-player-progress-bar";function cr(){const e=d.useRef(null),t=d.useRef(null),[r,s]=d.useState(!1),[a,f]=d.useState(-1),[p,i]=d.useState(-1),u=c(S=>S.currentTime),h=c(S=>S.duration),E=c(S=>S.seek),b=c(S=>S.addIdleLock),L=c(S=>S.removeIdleLock),k=parseFloat((h?(p!==-1?p:u)/h*100:0).toFixed(1)),I=S=>{i(h*(S[0]/100)),b(yt)},A=()=>{p!==-1&&(E(p),i(-1),L(yt))},_=()=>s(!0),y=()=>s(!1),R=d.useCallback(S=>{const B=e.current,g=t.current;if(B&&g){const Y=fe(B),J=fe(g),K=(S.pageX||S.clientX)-Y.left,Q=K/Y.width;if(Q<0)return;let T=K-J.width/2;T<0&&(T=0),T>Y.width-J.width&&(T=-1),g.style.left=T>-1?`${T}px`:"auto",g.style.right=T>-1?"auto":"0px",f(Q*h)}_()},[h]);return o.jsxs(Ue,{children:[o.jsx(de,{ref:e,value:[k],onPointerLeave:y,onPointerDown:y,onPointerMove:R,onValueChange:I,onValueCommit:A,step:.1}),o.jsx(Be,{ref:t,$isVisible:r,children:o.jsx(Ne,{children:ee(a)})})]})}function ur(){const e=c(r=>r.currentTime),t=c(r=>r.duration);return o.jsxs(Xe,{children:[o.jsx(Ge,{children:ee(e)}),o.jsx(qe,{}),o.jsx(Qe,{children:ee(t)})]})}function dr(e){return o.jsx(Ke,{children:o.jsx(fr,{...e})})}function fr({url:e,onEvent:t,startTime:r}){const s=c(f=>f.setStartTime),a=c(f=>f.containerRef);return d.useEffect(()=>{r&&s(r)},[r,s]),o.jsxs(tt,{ref:a,children:[o.jsx($e,{url:e,isLive:!1}),o.jsx(ut,{}),o.jsxs(ct,{children:[o.jsx(lr,{}),o.jsx(nt,{children:o.jsxs(rt,{children:[o.jsx(cr,{}),o.jsxs(ot,{children:[o.jsxs(st,{children:[o.jsx(ar,{}),o.jsx(vt,{}),o.jsx(ur,{})]}),o.jsxs(at,{children:[o.jsx(mt,{}),o.jsx(lt,{})]})]})]})})]}),o.jsx(sr,{}),t&&o.jsx(et,{callback:t})]})}O.LivePlayer=or,O.VodPlayer=dr,Object.defineProperty(O,Symbol.toStringTag,{value:"Module"})}));
|
|
508
449
|
//# sourceMappingURL=react-video-player.umd.js.map
|