@getontime/cli/client/assets/Timer-legacy-O5v6QE6u.js

Time keeping for live events

System.register(["./jsx-runtime-legacy-DMkDNnVj.js","./useSocket-legacy-C772wu7w.js","./Button-legacy-DpgzgT04.js","./useIsSmallScreen-legacy-DavgXfPB.js","./Select-legacy-DHLEukf3.js","./constants-legacy-CvecvM28.js","./SwatchPicker-legacy-DpR2sNl5.js","./viewParamsEditor.store-legacy-BGER9MKV.js","./validateEvent-legacy-D8U6iXPD.js","./useSettings-legacy-CmEM1qbK.js","./useRundown-legacy-zes2lKPp.js","./Input-legacy-CNt711cd.js","./PresetContext-legacy-DMyxIOHO.js","./viewOptions-legacy-C48HYPwV.js","./assets-legacy-CsCyioqi.js","./index-legacy-NWDCUII5.js","./Info-legacy-6yM0-oGU.js","./Empty-legacy-ZRfHevNV.js","./ViewParamsEditor-legacy-5MW9MZnc.js","./viewUtils-legacy-djI28uVO.js","./useWindowTitle-legacy-2YHQ5qMQ.js","./useAutoTickingClock-legacy-CkfIpBWe.js","./common.options-legacy-BserooSS.js","./useAnimatedProgress-legacy-Dqk_a2jt.js","./MultiPartProgressBar-legacy-8W5o43nz.js","./useCustomFields-legacy-B9FQxHWS.js","./viewLoader.utils-legacy-ydrboL-R.js","./TitleCard-legacy-BSpAiMWv.js","./ViewLogo-legacy-BZNOVq3q.js","./SuperscriptTime-legacy-DRiHY36H.js","./useProjectData-legacy-BeF8hAuC.js","./timer.utils-legacy-CQShK8iX.js","./presentation.utils-legacy-Cz-JncTB.js"],function(e,t){var i,o,r,a,n,s,l,c,d,m,g,u,p,f,h,y,v,x,b,w,j,k,S,C,T,N,z,P,M,V,O,D,F,I,L,E,H,U,_,A,R,W,K,Z,$,B,q,G,J,Y,Q,X,ee,te,ie;function oe(){const[e]=d(),t=(0,X.use)(f);return(0,X.useMemo)(()=>function(e,t){const i=i=>t?.get(i)??e.get(i),o=g(i("timerType"),c.None);return{hideClock:C(i("hideClock")),hideCards:C(i("hideCards")),hideProgress:C(i("hideProgress")),hideMessage:C(i("hideMessage")),hideSecondary:C(i("hideSecondary")),hideLogo:C(i("hideLogo")),hideTimerSeconds:C(i("hideTimerSeconds")),removeLeadingZeros:!C(i("showLeadingZeros")),mainSource:i("main"),secondarySource:i("secondary-src"),timerType:o===c.None?void 0:o,freezeOvertime:C(i("freezeOvertime")),freezeMessage:i("freezeMessage")??"",hidePhase:C(i("hidePhase")),font:i("font")??void 0,keyColour:S(i("keyColour")),timerColour:S(i("timerColour")),timeformat:V(e,t)}}(e,t?new URLSearchParams(t.search):void 0),[t,e])}function re({customFields:e,projectData:t,isMirrored:i,settings:o,viewSettings:r,entries:a}){const{eventNext:d,eventNow:g,message:u,time:p,clock:f,timerTypeNow:h,countToEndNow:y,auxTimer:v}=n(),{hideClock:b,hideCards:w,hideProgress:j,hideMessage:S,hideSecondary:C,hideLogo:z,hideTimerSeconds:P,removeLeadingZeros:M,mainSource:V,secondarySource:O,timerType:D,freezeOvertime:I,freezeMessage:L,hidePhase:U,font:_,keyColour:Q,timerColour:ee,timeformat:re}=oe(),{getLocalizedString:ne}=x(),se=ne("common.minutes"),le=D??h,ce=$(u.timer),{showEndMessage:de,showFinished:me,showWarning:ge,showDanger:ue}=q(h,y,p.phase,I,L,U),pe=B(p.playback),fe=!b&&A(le),he=!j&&R(le),{showNow:ye,nowMain:ve,nowSecondary:xe,showNext:be,nextMain:we,nextSecondary:je}=G(g,d,V,O,p.playback,p.phase,a),ke=K(p.duration,p.addedTime),Se=N(T(I,h,f,p,D),le,se,{removeSeconds:P,removeLeadingZero:M,clockFormat:re}),Ce=W(u,"aux1"===u.timer.secondarySource?v.aux1:"aux2"===u.timer.secondarySource?v.aux2:"aux3"===u.timer.secondarySource?v.aux3:null,se,P,M,C),Te=Y(r,ee,ge,ue),Ne=Z(Se,Ce),ze=!pe&&le!==c.Clock,Pe={...Q&&{"--timer-bg":Q},...Te&&{"--timer-colour":Te},..._&&{"--timer-font":_}},Me=l(o?.timeFormat),Ve=(0,X.useMemo)(()=>te(Me,e),[e,Me]);return(0,ie.jsxs)("div",{"data-testid":"timer-view",className:m(["stage-timer",i&&"mirror",me&&"stage-timer--finished"]),style:Pe,children:[!z&&t?.logo&&(0,ie.jsx)(H,{name:t.logo,className:"logo"}),(0,ie.jsx)(k,{target:s.Timer,viewOptions:Ve}),(0,ie.jsx)("div",{className:m(["blackout",u.timer.blackout&&"blackout--active"])}),!S&&(0,ie.jsx)("div",{className:m(["message-overlay",ce&&"message-overlay--active"]),children:(0,ie.jsx)(J,{mode:"multi",min:32,max:256,className:m(["message",u.timer.blink&&"blink"]),children:u.timer.text})}),fe&&(0,ie.jsx)(ae,{clockFormat:re}),(0,ie.jsxs)("div",{className:m(["timer-container",u.timer.blink&&!ce&&"blink"]),children:[de?(0,ie.jsx)(J,{mode:"multi",min:64,max:256,className:"end-message",children:L}):(0,ie.jsx)("div",{className:m(["timer",ze&&"timer--paused",me&&"timer--finished"]),style:{fontSize:`${Ne}vw`},"data-type":le,"data-phase":p.phase,children:Se}),(0,ie.jsx)("div",{className:m(["secondary",!Ce&&"secondary--hidden"]),children:(0,ie.jsx)(J,{mode:"multi",min:64,max:256,children:Ce})})]}),he&&(0,ie.jsx)(F,{className:m(["progress-container",!pe&&"progress-container--paused"]),now:p.current,complete:ke,eventId:g?.id,normalColor:r.normalColor,warning:g?.timeWarning,warningColor:r.warningColor,danger:g?.timeDanger,dangerColor:r.dangerColor,hideOvertime:!me}),!w&&(0,ie.jsxs)(ie.Fragment,{children:[ye&&(0,ie.jsx)(E,{className:"event now",label:"now",title:ve,secondary:xe}),be&&(0,ie.jsx)(E,{className:"event next",label:"next",title:we,secondary:je})]})]})}function ae({clockFormat:e}){const t=a(P(),{override:e}),{getLocalizedString:i}=x();return(0,ie.jsxs)("div",{className:"clock-container",children:[(0,ie.jsx)("div",{className:"label",children:i("common.time_now")}),(0,ie.jsx)(U,{time:t,className:"clock"})]})}return e("default",function(){const{data:e,status:t}=function(){const e=h(e=>e.mirror),{data:t,status:i}=_(),{data:o,status:r}=y(),{data:a,status:n}=u(),{data:s,status:l}=I(),{data:c,status:d}=p(),{entries:m}=c;return{data:{customFields:s,projectData:t,isMirrored:e,settings:a,viewSettings:o,entries:m},status:L([i,r,n,l,d])}}();return z("Timer"),"pending"===t?(0,ie.jsx)(v,{}):"error"===t?(0,ie.jsx)(j,{variant:"error",text:"There was an error fetching data, please refresh the page."}):(0,ie.jsx)(re,{...e})}),{setters:[function(e){i=e.a,o=e.n,r=e.t},function(e){a=e.$,n=e.I,s=e.Kt,l=e.et,c=e.qt},function(e){},function(e){d=e.y},function(e){},function(e){m=e.K},function(e){},function(e){},function(e){g=e.r},function(e){u=e.t},function(e){p=e.a},function(e){},function(e){f=e.t},function(e){h=e.t},function(e){},function(e){y=e.i,v=e.s,x=e.t},function(e){},function(e){},function(e){b=e.i,w=e.n,j=e.o,k=e.t},function(e){S=e.a,C=e.i,T=e.r,N=e.t},function(e){z=e.t},function(e){P=e.t},function(e){M=e.i,V=e.n,O=e.r,D=e.t},function(e){},function(e){F=e.t},function(e){I=e.t},function(e){L=e.t},function(e){E=e.t},function(e){H=e.t},function(e){U=e.t},function(e){_=e.t},function(e){A=e.a,R=e.c,W=e.i,K=e.l,Z=e.n,$=e.o,B=e.r,q=e.s,G=e.t,J=e.u},function(e){Y=e.t}],execute:function(){(Q=document.createElement("style")).textContent='.blink{animation:1s step-start infinite blink}@keyframes blink{0%{opacity:1}50%{opacity:.2}}.fourtyfive{transform:rotate(45deg)}.mirror{transform:rotate(180deg)}.stage-timer{box-sizing:border-box;width:100%;height:100vh;font-family:var(--font-family-override,"Open Sans", "Segoe UI", sans-serif);background:var(--timer-bg,var(--background-color-override,#101010));color:var(--color-override,rgba(255,255,255,.8));flex-direction:column;gap:min(2vh,16px);margin:0;padding:min(2vh,16px) max(16px,min(2vw,24px));transition:opacity .5s ease-in-out;display:flex;overflow:hidden}.stage-timer--finished{outline:clamp(4px, 1vw, 16px) solid var(--timer-overtime-color-override,#fa5656);outline-offset:calc(clamp(4px, 1vw, 16px) * -1);transition:all .5s}.stage-timer .blackout{z-index:0;opacity:0;background-color:#000;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.stage-timer .blackout--active{z-index:101;opacity:1}.stage-timer .clock-container{margin-left:auto;font-weight:600;transition:opacity .5s}.stage-timer .clock-container .label{color:var(--label-color-override,rgba(255,255,255,.25));text-transform:uppercase;font-size:max(12px,min(1.25vw,20px))}.stage-timer .clock-container .clock{color:var(--secondary-color-override,rgba(255,255,255,.45));letter-spacing:.05em;font-size:max(24px,min(2.5vw,48px));line-height:.95em}.stage-timer .clock-container--hidden{opacity:0}.stage-timer .event{background-color:var(--card-background-color-override,rgba(255,255,255,.05));border-radius:4px;padding:min(2vh,8px) max(16px,min(2vw,24px))}.stage-timer .event.now{grid-area:now}.stage-timer .event.next{grid-area:next}.stage-timer .timer-container{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex;overflow:hidden}.stage-timer .timer-container .end-message{text-align:center;color:var(--timer-overtime-color-override,#fa5656);max-height:100%;padding:0;font-size:11.5vw;font-weight:600}.stage-timer .timer-container .timer{opacity:1;font-family:var(--timer-font,var(--font-family-override,"Open Sans", "Segoe UI", sans-serif));color:var(--timer-colour,var(--timer-color-override,#f6f6f6));text-align:center;letter-spacing:.05em;font-weight:600;line-height:.9em;transition-property:font-size;transition-duration:.5s}.stage-timer .timer-container .timer--paused{opacity:.6;transition:all .5s}.stage-timer .timer-container .timer--finished{color:var(--timer-overtime-color-override,#fa5656)}.stage-timer .timer-container .timer[data-phase=warning]{color:var(--timer-colour,var(--timer-warning-color-override))}.stage-timer .timer-container .timer[data-phase=danger]{color:var(--timer-colour,var(--timer-danger-color-override))}.stage-timer .timer-container .timer[data-type=none]{opacity:0;transition:all 1s}.stage-timer .secondary{white-space:nowrap;text-align:center;height:auto;max-height:100%;color:var(--external-color-override,rgba(255,255,255,.85));letter-spacing:.5px;border-top:1px solid color-mix(in srgb, var(--external-color-override,rgba(255,255,255,.85)) 10%, transparent);margin-top:.125em;padding-top:.125em;padding-bottom:.125em;font-weight:600;line-height:1;transition-property:opacity,height;transition-duration:.5s}.stage-timer .secondary--hidden{opacity:0;height:0}.stage-timer .progress-container{opacity:1;width:100%;margin:0 auto;transition:all .5s}.stage-timer .progress-container--paused{opacity:.6;transition:all .5s}.stage-timer .message-overlay{background:var(--background-color-override,#101010);opacity:0;padding:2vw;transition:opacity .5s;position:fixed;top:0;bottom:0;left:0;right:0}.stage-timer .message-overlay--active{z-index:100;opacity:1}.stage-timer .message{width:100%;height:100%;color:var(--color-override,rgba(255,255,255,.8));text-align:center;place-content:center;font-weight:600;display:grid}.stage-timer .logo{max-width:min(200px,20vw);position:absolute;top:min(2vh,16px);left:max(16px,min(2vw,24px))}@media screen and (max-width:768px){.stage-timer .logo img{height:min(50px,10vh)}}\n/*$vite$:1*/',document.head.appendChild(Q),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]="f5ad492f-73ab-4284-aabd-b968a6d1685e",e._sentryDebugIdIdentifier="sentry-dbid-f5ad492f-73ab-4284-aabd-b968a6d1685e")}catch(e){}}(),X=i(o(),1),ee=[{value:"no-overrides",label:"No Overrides"},{value:c.CountUp,label:"Count Up"},{value:c.CountDown,label:"Count Down"},{value:c.Clock,label:"Clock"}],te=(e,t)=>{const i=b(t,[{value:"none",label:"None"},{value:"title",label:"Title"}]),o=b(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"},{value:"parent",label:"Group Title"}]);return[{title:w.ClockOptions,collapsible:!0,options:[D(e)]},{title:w.TimerOptions,collapsible:!0,options:[O,M,{id:"timerType",title:"Timer type",description:"Override the timer type",type:"option",values:ee,defaultValue:"no-overrides"},{id:"freezeOvertime",title:"Freeze Overtime",description:"If active, the timer will not count into negative numbers",type:"boolean",defaultValue:!1},{id:"freezeMessage",title:"Freeze Message",description:"An optional message to show when the timer is in overtime (must be set in combination with Freeze Overtime)",type:"string",defaultValue:"",placeholder:"e.g. Time is up!"},{id:"hidePhase",title:"Hide progress styles",description:"Whether to suppress the progress styles (warning, danger and overtime)",type:"boolean",defaultValue:!1}]},{title:w.DataSources,collapsible:!0,options:[{id:"main",title:"Main text",description:"Select the data source for the main text",type:"option",values:i,defaultValue:"title"},{id:"secondary-src",title:"Secondary text",description:"Select the data source for the secondary text",type:"option",values:o,defaultValue:"none"}]},{title:w.ElementVisibility,collapsible:!0,options:[{id:"hideClock",title:"Hide Time Now",description:"Hides the Time Now field",type:"boolean",defaultValue:!1},{id:"hideCards",title:"Hide Cards",description:"Hides the Now and Next cards",type:"boolean",defaultValue:!1},{id:"hideProgress",title:"Hide progress bar",description:"Hides the progress bar",type:"boolean",defaultValue:!1},{id:"hideMessage",title:"Hide Timer Message",description:"Prevents displaying fullscreen messages in the timer",type:"boolean",defaultValue:!1},{id:"hideSecondary",title:"Hide Auxiliary timer / Secondary message",description:"Prevents the screen from displaying the secondary timer field",type:"boolean",defaultValue:!1},{id:"hideLogo",title:"Hide the project logo",description:"Prevents the screen from displaying the given project logo",type:"boolean",defaultValue:!1}]},{title:w.StyleOverride,collapsible:!0,options:[{id:"font",title:"Font",description:"Font family, will use the fonts available in the system",type:"string",placeholder:"Open Sans (default)"},{id:"keyColour",title:"Key Colour",description:"Background or key colour for entire view. Default: #101010",type:"colour",defaultValue:"101010"},{id:"timerColour",title:"Timer Colour",description:"Timer colour. Default: #f6f6f6",type:"colour",defaultValue:"f6f6f6"}]}]},ie=r()}}});
//# sourceMappingURL=Timer-legacy-O5v6QE6u.js.map