@getontime/cli/client/assets/TimerControlExport-legacy-DsD8liQZ.js

Time keeping for live events

System.register(["./jsx-runtime-legacy-DMkDNnVj.js","./useSocket-legacy-C772wu7w.js","./Button-legacy-DpgzgT04.js","./Tooltip-legacy-DEkL5laM.js","./useIsSmallScreen-legacy-DavgXfPB.js","./constants-legacy-CvecvM28.js","./NavigationMenu-legacy-AAR54e_T.js","./use-local-storage-legacy-Xbm6tq51.js","./viewParamsEditor.store-legacy-BGER9MKV.js","./useFadeOutOnInactivity-legacy-BEtgAp2p.js","./TimerDisplay-legacy-CDx7PTJp.js","./parseUserTime-legacy-BAw2X6qu.js","./useSettings-legacy-CmEM1qbK.js","./Input-legacy-CNt711cd.js","./PresetContext-legacy-DMyxIOHO.js","./viewOptions-legacy-C48HYPwV.js","./index-legacy-NWDCUII5.js","./ProtectRoute-legacy-DKYjVKxt.js","./EditorUtils-legacy-CWdX_BN4.js","./AppLink-legacy-CNq__WK8.js","./useReport-legacy-DgBTP5JA.js"],function(e,t){var a,i,n,s,r,o,l,d,c,_,m,u,p,f,x,g,y,h,b,j,v,k,w,C,N,T,S,E,D,R,P,I,A,$,B,q,O,F,z,U,L,X,G,M,Q,Y,H,K,V,Z,J,W,ee,te,ae;function ie(e){const{playback:t}=e,[a,i]=I({key:"add-time",defaultValue:3e5}),n=e=>{"add"===e?u.addTime(a):u.addTime(-1*a)},s=!(t===c.Play||t===c.Pause)||0===a;return(0,V.jsxs)("div",{className:K.addTime,children:[(0,V.jsx)(G,{name:"addtime",submitHandler:(e,t)=>{const a=q(t);i(Math.min(a,d))},time:a,placeholder:"Add time"}),(0,V.jsxs)("div",{className:K.addButtons,children:[(0,V.jsx)($,{onClick:()=>n("remove"),disabled:s,className:K.tallButtons,children:(0,V.jsx)(E,{})}),(0,V.jsx)($,{onClick:()=>n("add"),disabled:s,className:K.tallButtons,children:(0,V.jsx)(k,{})})]})]})}function ne({index:e}){const{playback:t,direction:a}=f(e),{stop:i,setDirection:n}=x,r=t!==s.Stop,o=t===s.Start?"pause":"play";return(0,V.jsxs)("label",{className:Z.label,children:["Aux Timer ",e,(0,V.jsxs)("div",{className:Z.controls,children:[(0,V.jsxs)("div",{className:Z.input,children:[(0,V.jsx)(se,{index:e,isActive:r}),(0,V.jsxs)($,{onClick:()=>{n(e,a===y.CountDown?y.CountUp:y.CountDown)},aspect:"tight",disabled:r,children:[a===y.CountDown&&(0,V.jsx)(R,{"data-testid":`aux-timer-direction-${e}`}),a===y.CountUp&&(0,V.jsx)(T,{"data-testid":`aux-timer-direction-${e}`})]})]}),(0,V.jsxs)("div",{className:Z.twoSides,children:[(0,V.jsx)(re,{index:e,action:o}),(0,V.jsx)($,{onClick:()=>i(e),theme:c.Stop,disabled:!r,children:(0,V.jsx)(S,{"data-testid":`aux-timer-stop-${e}`})})]})]})]})}function se({index:e,isActive:t}){const a=m(e),{setDuration:i}=x;return t?(0,V.jsx)("div",{className:Z.fakeInput,"data-testid":`time-label-aux${e}`,children:_(a)}):(0,V.jsx)(G,{submitHandler:(t,a)=>{i(e,q(a))},name:`aux${e}`,time:a,placeholder:`Aux ${e}`})}function re({index:e,action:t}){const{start:a,pause:i}=x;return"play"===t?(0,V.jsx)($,{onClick:()=>a(e),theme:c.Play,children:(0,V.jsx)(C,{"data-testid":`aux-timer-start-${e}`})}):(0,V.jsx)($,{onClick:()=>i(e),theme:c.Pause,children:(0,V.jsx)(v,{"data-testid":`aux-timer-pause-${e}`})})}function oe({playback:e,numEvents:t,selectedEventIndex:a,timerPhase:i}){const{isPlaying:n,isPaused:s,isRolling:r,disableGo:o,disableNext:l,disablePrev:d,disableStart:_,disablePause:m,disableRoll:p,disableStop:f,disableReload:x,goAction:g,goLabel:y}=A({playback:e,numEvents:t,selectedEventIndex:a,timerPhase:i});return(0,V.jsxs)("div",{className:J.buttonContainer,children:[(0,V.jsx)($,{disabled:o,onClick:g,aspect:"fill",className:J.go,children:y}),(0,V.jsxs)("div",{className:J.playbackContainer,children:[(0,V.jsx)($,{onClick:u.start,disabled:_,theme:c.Play,active:n,children:(0,V.jsx)(C,{})}),(0,V.jsx)($,{onClick:u.pause,disabled:m,theme:c.Pause,active:s,children:(0,V.jsx)(v,{})})]}),(0,V.jsxs)("div",{className:J.transportContainer,children:[(0,V.jsx)($,{onClick:u.previous,disabled:d,children:(0,V.jsx)(N,{})}),(0,V.jsx)($,{onClick:u.next,disabled:l,children:(0,V.jsx)(w,{})})]}),(0,V.jsxs)("div",{className:J.extra,children:[(0,V.jsx)($,{onClick:u.roll,disabled:p,theme:c.Roll,active:r,children:"Roll"}),(0,V.jsx)($,{onClick:u.reload,disabled:x,children:(0,V.jsx)(b,{className:J.invertX})}),(0,V.jsx)($,{onClick:u.stop,disabled:f,theme:c.Stop,children:(0,V.jsx)(S,{})})]})]})}function le(e){const t=(0,W.c)(31),{children:a}=e,i=r(),n=i.playback===c.Roll,s=i.phase===l.Pending,d=i.phase===l.Overtime,_=Boolean(i.addedTime),m=n?"Roll mode active":"";let u;var p;t[0]!==i.addedTime?(u=(p=i.addedTime)>0?`Added ${o(p,!1)}`:p<0?`Removed ${o(Math.abs(p),!1)}`:"",t[0]=i.addedTime,t[1]=u):u=t[1];const f=u;let x,g,y,b,j,v;t[2]===Symbol.for("react.memo_cache_sentinel")?(x=(0,V.jsx)("div",{}),t[2]=x):x=t[2],t[3]!==n||t[4]!==m?(g=(0,V.jsx)(h,{text:m,render:x,className:ee.indicatorRoll,"data-active":n}),t[3]=n,t[4]=m,t[5]=g):g=t[5],t[6]!==d?(y=(0,V.jsx)("div",{className:ee.indicatorNegative,"data-active":d}),t[6]=d,t[7]=y):y=t[7],t[8]===Symbol.for("react.memo_cache_sentinel")?(b=(0,V.jsx)("div",{}),t[8]=b):b=t[8],t[9]!==f||t[10]!==_?(j=(0,V.jsx)(h,{text:f,render:b,className:ee.indicatorDelay,"data-active":_}),t[9]=f,t[10]=_,t[11]=j):j=t[11],t[12]!==g||t[13]!==y||t[14]!==j?(v=(0,V.jsxs)("div",{className:ee.indicators,children:[g,y,j]}),t[12]=g,t[13]=y,t[14]=j,t[15]=v):v=t[15];const k=s?i.secondaryTimer:i.current;let w,C,N;return t[16]!==k||t[17]!==i.phase?(w=(0,V.jsx)(B,{className:ee.timerDisplay,time:k,phase:i.phase}),t[16]=k,t[17]=i.phase,t[18]=w):w=t[18],t[19]!==d||t[20]!==s||t[21]!==i.expectedFinish||t[22]!==i.isCountToEnd||t[23]!==i.playback||t[24]!==i.startedAt?(C=(0,V.jsx)("div",{className:ee.status,children:s?(0,V.jsx)("span",{className:ee.rolltag,children:"Roll: Countdown to start"}):(0,V.jsx)(de,{startedAt:i.startedAt,expectedFinish:i.expectedFinish,isStopped:i.playback===c.Stop,isCountToEnd:i.isCountToEnd,isOvertime:d})}),t[19]=d,t[20]=s,t[21]=i.expectedFinish,t[22]=i.isCountToEnd,t[23]=i.playback,t[24]=i.startedAt,t[25]=C):C=t[25],t[26]!==a||t[27]!==C||t[28]!==v||t[29]!==w?(N=(0,V.jsxs)("div",{className:ee.timeContainer,children:[v,w,C,a]}),t[26]=a,t[27]=C,t[28]=v,t[29]=w,t[30]=N):N=t[30],N}function de({startedAt:e,expectedFinish:t,isStopped:a,isCountToEnd:i,isOvertime:n}){if(a)return(0,V.jsx)(ce,{});const s=_(e),r=_(null===t?null:p(t));return(0,V.jsxs)(V.Fragment,{children:[(0,V.jsxs)("span",{className:ee.start,children:[(0,V.jsx)("span",{className:ee.tag,children:"Started at"}),(0,V.jsx)("span",{className:ee.time,children:s})]}),(0,V.jsxs)("span",{className:ee.finish,children:[(0,V.jsx)("span",{className:j([ee.tag,n&&ee.tagOvertime]),children:i?"Scheduled end":"Expected end"}),(0,V.jsx)("span",{className:ee.time,children:r})]})]})}function ce(){const{data:e}=Q();return Object.keys(e).length>0?(0,V.jsx)(M,{search:"settings=sharing__report",children:"Go to report management"}):null}function _e(){const e=g();return(0,V.jsxs)("div",{className:te.mainContainer,children:[(0,V.jsx)(le,{children:(0,V.jsx)(ie,{playback:e.playback})}),(0,V.jsx)(oe,{playback:e.playback,numEvents:e.numEvents,selectedEventIndex:e.selectedEventIndex,timerPhase:e.timerPhase}),(0,V.jsxs)("div",{className:te.auxTimers,children:[(0,V.jsx)(ne,{index:1}),(0,V.jsx)(ne,{index:2}),(0,V.jsx)(ne,{index:3})]})]})}function me(){const e=window.location.pathname.includes("/timercontrol");return(0,V.jsx)(U,{permission:"editor",children:(0,V.jsxs)(L,{"data-testid":"panel-timer-control",children:[!e&&(0,V.jsx)(X,{onClick:e=>P("timercontrol",e)}),e&&(0,V.jsx)(F,{suppressSettings:!0,isNavigationLocked:D()}),(0,V.jsx)("div",{className:ae.content,children:(0,V.jsx)(z,{children:(0,V.jsx)(_e,{})})})]})})}return{setters:[function(e){a=e.a,i=e.n,n=e.t},function(e){s=e.Bt,r=e.F,o=e.Q,l=e.Rt,d=e.St,c=e.Ut,_=e._t,m=e.c,u=e.o,p=e.rt,f=e.s,x=e.t,g=e.w,y=e.zt},function(e){},function(e){h=e.t},function(e){},function(e){b=e.$t,j=e.K,v=e.Kt,k=e.Q,w=e.Qt,C=e.Yt,N=e.Zt,T=e.at,S=e.cn,E=e.en,D=e.j,R=e.rt},function(e){P=e.l},function(e){I=e.t},function(e){},function(e){},function(e){A=e.n,$=e.r,B=e.t},function(e){q=e.t},function(e){},function(e){},function(e){},function(e){},function(e){O=e.a,F=e.j,z=e.r},function(e){U=e.t},function(e){L=e.a,X=e.t},function(e){G=e.n,M=e.t},function(e){Q=e.t}],execute:function(){(Y=document.createElement("style")).textContent='._blink_18oax_1{animation:1s step-start infinite _blink_18oax_1}@keyframes _blink_18oax_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_18oax_13{transform:rotate(45deg)}._addTime_18oax_17{flex-direction:column;grid-area:addtime;gap:.25rem;display:flex}._addButtons_18oax_24{grid-template-columns:1fr 1fr;gap:.25rem;display:grid}._tallButtons_18oax_30{height:28px}._blink_tat6w_1{animation:1s step-start infinite _blink_tat6w_1}@keyframes _blink_tat6w_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_tat6w_13{transform:rotate(45deg)}._label_tat6w_17{color:#8a8a8a;margin-top:1rem;font-size:calc(1rem - 2px);display:block}._controls_tat6w_24{margin-top:.25rem}._input_tat6w_28{grid-template-columns:1fr auto;gap:.25rem;display:grid}._twoSides_tat6w_34{grid-template-columns:1fr 1fr;gap:.25rem;height:1.5rem;margin-top:.25rem;display:grid}._fakeInput_tat6w_42{box-sizing:border-box;color:#e2e2e2;letter-spacing:.5px;font-variant-numeric:tabular-nums;border:1px solid transparent;border-radius:3px;outline:none;place-content:center;width:100%;max-width:7.5em;height:2rem;padding-left:.5em;padding-right:.5em;font-size:1rem;font-weight:400;display:grid}._blink_rrif6_1{animation:1s step-start infinite _blink_rrif6_1}@keyframes _blink_rrif6_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_rrif6_13{transform:rotate(45deg)}._buttonContainer_rrif6_17{grid-template-rows:repeat(3,2rem);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"go playback""go transport""extra extra";gap:.5rem;padding-top:.5rem;display:grid}._go_rrif6_26{grid-area:go;font-size:5rem}._playbackContainer_rrif6_31{grid-area:playback;justify-content:space-evenly;gap:.5rem;display:flex}._transportContainer_rrif6_38{grid-area:transport;justify-content:space-evenly;gap:.5rem;display:flex}._extra_rrif6_45{grid-area:extra;justify-content:space-evenly;gap:.5rem;display:flex}._invertX_rrif6_52{transform:rotateY(180deg)}._blink_ewusr_1{animation:1s step-start infinite _blink_ewusr_1}@keyframes _blink_ewusr_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_ewusr_13{transform:rotate(45deg)}._timeContainer_ewusr_17{grid-template:"indicators timer addtime"1fr"status status addtime"/1.25rem 1fr 6.5rem;gap:.25rem;display:grid}._timerDisplay_ewusr_25{text-align:center;grid-area:timer;min-width:5em;max-width:18.75rem}._indicators_ewusr_32{flex-direction:column;grid-area:indicators;justify-content:space-evenly;width:100%;height:100%;display:flex}._indicatorRoll_ewusr_41,._indicatorDelay_ewusr_42,._indicatorNegative_ewusr_43{background-color:rgba(0,0,0,.1)}._indicatorRoll_ewusr_41,._indicatorDelay_ewusr_42{border-radius:5px;width:10px;height:10px;margin:0 auto}._indicatorRoll_ewusr_41[data-active=true]{background-color:#22a0e9}._indicatorDelay_ewusr_42[data-active=true]{background-color:#f57c13}._indicatorNegative_ewusr_43{width:90%;height:.25rem;margin:0 auto}._indicatorNegative_ewusr_43[data-active=true]{background-color:#fa5656}._status_ewusr_72{grid-area:status;gap:1rem;height:1.5rem;display:flex}._tag_ewusr_79{color:#8a8a8a;margin-right:.25rem;font-size:calc(1rem - 2px)}._tagOvertime_ewusr_85{color:#f57c13}._time_ewusr_17{color:#f6f6f6;font-size:calc(1rem - 1px);display:inline-block}._rolltag_ewusr_95{color:#22a0e9;font-size:calc(1rem - 1px)}._blink_1qlxm_1{animation:1s step-start infinite _blink_1qlxm_1}@keyframes _blink_1qlxm_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_1qlxm_13{transform:rotate(45deg)}._mainContainer_1qlxm_17{width:100%;margin:0 auto}._auxTimers_1qlxm_22{grid-template-columns:1fr 1fr 1fr;gap:.5rem;display:grid}._blink_hnvy8_1{animation:1s step-start infinite _blink_hnvy8_1}@keyframes _blink_hnvy8_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_hnvy8_13{transform:rotate(45deg)}._content_hnvy8_17{padding-top:1.5rem}\n/*$vite$:1*/',document.head.appendChild(Y),function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"f14ad0099eab1969fdd065b56af5fdd3cf530de6"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="92a3776b-5441-412e-be36-84c82a6527c7",e._sentryDebugIdIdentifier="sentry-dbid-92a3776b-5441-412e-be36-84c82a6527c7")}catch(e){}}(),H=a(i(),1),K={blink:"_blink_18oax_1",fourtyfive:"_fourtyfive_18oax_13",addTime:"_addTime_18oax_17",addButtons:"_addButtons_18oax_24",tallButtons:"_tallButtons_18oax_30"},V=n(),Z={blink:"_blink_tat6w_1",fourtyfive:"_fourtyfive_tat6w_13",label:"_label_tat6w_17",controls:"_controls_tat6w_24",input:"_input_tat6w_28",twoSides:"_twoSides_tat6w_34",fakeInput:"_fakeInput_tat6w_42"},J={blink:"_blink_rrif6_1",fourtyfive:"_fourtyfive_rrif6_13",buttonContainer:"_buttonContainer_rrif6_17",go:"_go_rrif6_26",playbackContainer:"_playbackContainer_rrif6_31",transportContainer:"_transportContainer_rrif6_38",extra:"_extra_rrif6_45",invertX:"_invertX_rrif6_52"},W=O(),ee={blink:"_blink_ewusr_1",fourtyfive:"_fourtyfive_ewusr_13",timeContainer:"_timeContainer_ewusr_17",timerDisplay:"_timerDisplay_ewusr_25",indicators:"_indicators_ewusr_32",indicatorRoll:"_indicatorRoll_ewusr_41",indicatorDelay:"_indicatorDelay_ewusr_42",indicatorNegative:"_indicatorNegative_ewusr_43",status:"_status_ewusr_72",tag:"_tag_ewusr_79",tagOvertime:"_tagOvertime_ewusr_85",time:"_time_ewusr_17",rolltag:"_rolltag_ewusr_95"},te={blink:"_blink_1qlxm_1",fourtyfive:"_fourtyfive_1qlxm_13",mainContainer:"_mainContainer_1qlxm_17",auxTimers:"_auxTimers_1qlxm_22"},ae={blink:"_blink_hnvy8_1",fourtyfive:"_fourtyfive_hnvy8_13",content:"_content_hnvy8_17"},e("default",(0,H.memo)(me))}}});
//# sourceMappingURL=TimerControlExport-legacy-DsD8liQZ.js.map