@getontime/cli 4.2.1 → 4.3.0

package/client/assets/TimelinePage-C-OHrCR8.js

@@ -1,2 +0,0 @@
-import{h as p,l as R,j as i,o as U}from"./vendor-Cdwxo8bP.js";import{s as S,P as W,I as E,k as N,M as C,f as O,J as F,e as _,K as G,q as V,d as M,w as q,b as J,L as K,o as Q,g as X,O as Y,v as Z}from"./index-CoGiopcb.js";import{E as tt}from"./EmptyPage-DeRjpRKZ.js";import{V as et}from"./ViewLogo-BdL1hUV1.js";import{O as B,V as nt}from"./ViewParamsEditor-CFedpp6w.js";import{u as st}from"./useWindowTitle-mLKt65i7.js";import{S as it}from"./SuperscriptTime-Mc0ZGBMo.js";import{i as w,a as v,d as ot,u as at}from"./useRundown-CHsh5rnl.js";import{g as rt,a as lt}from"./viewLoader.utils-DuXjY5zb.js";import{i as I}from"./viewUtils-dKRKkb_F.js";import{g as ct,a as D,b as ut,c as mt}from"./rundownUtils-Dl1x6NDv.js";import{g as dt}from"./getProgress-sdxPEEPi.js";import{u as ft}from"./useProjectData-B5mjXsMj.js";import"./Empty-D1UteOYj.js";import"./Select-cHK8JrMG.js";/* empty css                        */(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="c1f37f02-1ab5-41c8-927c-280d3f61b741",e._sentryDebugIdIdentifier="sentry-dbid-c1f37f02-1ab5-41c8-927c-280d3f61b741")}catch{}})();function ht(e,t){if(!t)return 0;const n=e.timeStart+e.dayOffset*S,s=t.timeStart+t.duration+t.dayOffset*S;return n===s?0:(n>s,n-s)}function z(e,t,n){if(!t.current)return;if(!(e!=null&&e.current)){t.current.scrollTo({left:0,behavior:"smooth"});return}const s=e.current.getBoundingClientRect(),a=t.current.getBoundingClientRect(),o=s.left-a.left+t.current.scrollLeft-n;t.current.scrollTo({left:o,behavior:"smooth"})}function pt({followRef:e,scrollRef:t,doFollow:n,selectedEventId:s,leftOffset:a=0,setScrollFlag:o}){return p.useEffect(()=>{!n||!t.current||(o==null||o(!0),window.requestAnimationFrame(()=>{z(s!==null?e:null,t,a),o==null||o(!1)}))},[e,t,n,a,o,s]),p.useCallback((m=e,u=t,c=a)=>{u.current&&z(s!==null?m:null,u,c)},[e,t,a,s])}const xt=e=>[{title:B.ClockOptions,collapsible:!0,options:[rt(e)]},{title:B.ElementVisibility,collapsible:!0,options:[{id:"hidePast",title:"Hide Past Events",description:"Whether to hide events that have passed",type:"boolean",defaultValue:!1},{id:"fixedSize",title:"Fixed timeline size",description:"Timeline will have a fixed size to prevent scrolling",type:"boolean",defaultValue:!1}]}];function yt(e,t){const n=s=>(t==null?void 0:t.get(s))??e.get(s);return{hidePast:I(n("hidePast")),fixedSize:I(n("fixedSize"))}}function $(){const[e]=R(),t=p.use(W);return p.useMemo(()=>{const s=t?new URLSearchParams(t.search):void 0;return yt(e,s)},[t,e])}function gt(e,t,n,s,a){const r=(t<e?t+S:t)-e,m=s*a/r;return{left:(n-e)*a/r,width:m}}function _t(e){return Math.floor(e/E)}function Tt(e){return Math.ceil(e/E)}function jt(e,t){const n=[];for(let s=e;s<t;s++)n.push(s);return n}function wt(e,t){return t==="done"||t==="live"?t:e<=0?"pending":N(e,e>C*10)}function St(e,t){const{hidePast:n}=$();return p.useMemo(()=>{if(e.length===0)return{scopedRundown:[],firstStart:0,totalDuration:0};const a=[];let o=t?1/0:-1,r=null,m=0,u=null;for(let c=0;c<e.length;c++){const l=e[c];if(w(l)&&v(l)){if(l.id===t&&(o=c),n&&c<o)continue;a.push(l),r===null&&(r=l.timeStart);const d=ht(l,u);d===0?m+=l.duration:d>0?m+=d+l.duration:d<0&&(m+=Math.max(l.duration+d,0)),ot(l,u)&&(u=l)}}return{scopedRundown:a,firstStart:r??0,totalDuration:m}},[n,e,t])}function bt(e,t){var o,r;if(e.length===0)return{now:null,next:null,followedBy:null};let n=t?ct(e,t):null;w(n)||(n=null);const s=n?(o=D(e,n.id))==null?void 0:o.nextEvent:ut(e).firstEvent,a=s?(r=D(e,s.id))==null?void 0:r.nextEvent:null;return{now:n,next:s,followedBy:a}}function vt(e,t,n,s,a,o=100){let r=1/0;const m=e.map(({start:l,duration:d})=>{const y=gt(t,n,l,d,s);return r=Math.min(r,y.width),y});if(!a)return{positions:m,scale:1,totalWidth:s};const u=r<o?o/r:1;return u===1?{positions:m,scale:1,totalWidth:s}:{positions:m.map(l=>({left:l.left*u,width:l.width*u})),scale:u,totalWidth:s*u}}const Et="_markers_gfywu_17",Nt={markers:Et};function Pt(e){const{startHour:t,endHour:n}=e,s=jt(t,n);return i.jsx("div",{className:Nt.markers,children:s.map(a=>i.jsx("span",{},a))})}const Lt="_timelineContainer_1qyn0_21",kt="_scroll_1qyn0_26",Ct="_timeline_1qyn0_21",Ot="_column_1qyn0_37",qt="_maybeInline_1qyn0_45",Mt="_timelineBlock_1qyn0_52",Bt="_smallArea_1qyn0_64",It="_content_1qyn0_64",Dt="_timeOverview_1qyn0_68",zt="_hide_1qyn0_72",Ht="_status_1qyn0_98",At="_due_1qyn0_112",Vt="_delay_1qyn0_116",$t="_cross_1qyn0_126",Rt="_separeLeft_1qyn0_132",h={timelineContainer:Lt,scroll:kt,timeline:Ct,column:Ot,maybeInline:qt,timelineBlock:Mt,smallArea:Bt,content:It,timeOverview:Dt,hide:zt,status:Ht,due:At,delay:Vt,cross:$t,separeLeft:Rt},H={format12:"h:mm a",format24:"HH:mm"};function Ut({colour:e,delay:t,duration:n,hasLink:s,left:a,status:o,start:r,dayOffset:m,totalGap:u,isLinkedToLoaded:c,title:l,width:d,cue:y,ref:b}){const P=O(r,H),L=N(n),T=r+t,j=t>0,f=F(e,.7),x=d>25,g=d<40;return i.jsxs("div",{ref:b,className:_([h.column,g&&h.smallArea]),style:{"--color":e,"--lighter":f??"",left:`${a}px`,width:`${d}px`},"data-testid":y,children:[o==="live"?i.jsx(Wt,{}):i.jsx("div",{"data-status":o,className:h.timelineBlock}),i.jsxs("div",{className:_([h.content,d<20&&h.hide,!s&&h.separeLeft]),"data-status":o,style:{"--color":e},children:[i.jsxs("div",{className:h.maybeInline,children:[i.jsx("div",{className:_([j&&h.cross]),children:P}),j&&i.jsx("div",{className:h.delay,children:O(T,H)}),g&&i.jsx(A,{delay:t,start:r,dayOffset:m,totalGap:u,isLinkedToLoaded:c,status:o})]}),x&&i.jsxs(i.Fragment,{children:[!g&&i.jsx(A,{delay:t,start:r,dayOffset:m,totalGap:u,isLinkedToLoaded:c,status:o}),i.jsx("div",{children:l})]})]}),i.jsx("div",{className:h.timeOverview,"data-status":o,children:o!=="done"&&i.jsx("div",{className:h.duration,children:L})})]})}function A({delay:e,start:t,dayOffset:n,totalGap:s,isLinkedToLoaded:a,status:o}){const r=V(),{getLocalizedString:m}=M(),{timeToStart:u}=q({timeStart:t,delay:e,dayOffset:n,totalGap:s,isLinkedToLoaded:a,countToEnd:!1,duration:0},r);let c=wt(u,o);c==="live"?c=m("timeline.live"):c==="pending"&&(c=m("timeline.due"));const l=o==="future"&&u<=0;return i.jsx("div",{className:_([h.status,l&&h.due]),children:c})}function Wt(){const{current:e,duration:t}=G(),n=dt(e,t);return i.jsx("div",{"data-status":"live",className:h.timelineBlock,style:{"--progress":`${n}%`}})}const Ft=p.memo(Gt);function Gt({firstStart:e,rundown:t,selectedEventId:n,totalDuration:s}){const{width:a}=U(),{hidePast:o,fixedSize:r}=$(),m=p.useRef(null),u=p.useRef(null),{lastEvent:c}=mt(t),l=_t(e),d=Tt(e+s+((c==null?void 0:c.delay)??0)),y=l*E,b=d*E;pt({followRef:m,scrollRef:u,doFollow:!r,selectedEventId:n,leftOffset:o?0:a/6});const{positions:P,totalWidth:L}=p.useMemo(()=>{const f=t.filter(x=>w(x)&&v(x)).map(x=>({start:x.timeStart+(x.dayOffset??0)*S+(x.delay??0),duration:x.duration}));return vt(f,y,b,a,!r)},[t,y,b,a,r]);if(s===0)return null;let T=n?"done":"future";const j={};return t.forEach(f=>{w(f)&&v(f)&&(T==="live"&&(T="future"),f.id===n&&(T="live"),j[f.id]=T)}),i.jsx("div",{ref:u,className:_([h.timelineContainer,!r&&h.scroll]),children:i.jsxs("div",{className:h.timeline,style:{width:L},children:[i.jsx(Pt,{startHour:l,endHour:d}),t.map((f,x)=>{if(!w(f)||!v(f))return null;const g=P[x];return g?i.jsx(Ut,{ref:f.id===n?m:void 0,colour:f.colour,delay:f.delay??0,duration:f.duration,hasLink:!!f.linkStart,left:g.left,status:j[f.id],start:f.timeStart+(f.dayOffset??0)*S,totalGap:f.totalGap,isLinkedToLoaded:f.isLinkedToLoaded,dayOffset:f.dayOffset,title:f.title,cue:f.cue,width:g.width},f.id):null})]})})}const k=p.memo(Jt);function Jt({category:e,content:t,title:n,status:s}){const a=_(["section",e==="now"&&"section--now"]),o=_(["section-content",t?`section-content--${e}`:"section-content--subdue"]);return i.jsxs("div",{className:a,"data-testid":e,children:[i.jsxs("div",{className:"section-title",children:[i.jsx("span",{className:"section-title__label",children:n}),s&&i.jsx("span",{className:"section-title__status",children:s})]}),i.jsx("div",{className:o,children:t??"-"})]})}function Kt({now:e,next:t,followedBy:n}){const{getLocalizedString:s}=M(),a=V(),o=(e==null?void 0:e.title)??"-",r=s("timeline.due").toUpperCase(),m=t!==null?t.title:"-",u=n!==null?n.title:"-";let c,l;if(t!==null){const{timeToStart:d}=q(t,a);d<=0?c=r:c=N(d,d>C*10)}if(n!==null){const{timeToStart:d}=q(n,a);d<=0?l=r:l=N(d,d>C*10)}return i.jsxs("div",{className:"title-grid",children:[i.jsx(k,{title:s("timeline.live"),content:o,category:"now"}),i.jsx(k,{title:s("common.next"),status:c,content:m,category:"next"}),i.jsx(k,{title:s("timeline.followedby"),status:l,content:u,category:"followedBy"})]})}function Qt(){const{data:e,status:t}=at(),{data:n,status:s}=ft(),{data:a,status:o}=J();return{data:{events:e,projectData:n,settings:a},status:lt([t,s,o])}}function pe(){const{data:e,status:t}=Qt();return st("Timeline"),t==="pending"?i.jsx(K,{}):t==="error"?i.jsx(tt,{text:"There was an error fetching data, please refresh the page."}):i.jsx(Xt,{...e})}function Xt({events:e,projectData:t,settings:n}){const{selectedEventId:s}=Q(),{scopedRundown:a,firstStart:o,totalDuration:r}=St(e,s),{now:m,next:u,followedBy:c}=p.useMemo(()=>bt(a,s),[a,s]),l=X(n==null?void 0:n.timeFormat),d=p.useMemo(()=>xt(l),[l]);return i.jsxs("div",{className:"timeline","data-testid":"timeline-view",children:[i.jsx(nt,{target:Y.Timeline,viewOptions:d}),i.jsxs("div",{className:"project-header",children:[(t==null?void 0:t.logo)&&i.jsx(et,{name:t.logo,className:"logo"}),i.jsx("div",{className:"title",children:t.title}),i.jsx(Yt,{})]}),i.jsx(Kt,{now:m,next:u,followedBy:c}),i.jsx(Ft,{firstStart:o,rundown:a,selectedEventId:s,totalDuration:r})]})}function Yt(){const{getLocalizedString:e}=M(),{clock:t}=Z(),n=O(t);return i.jsxs("div",{className:"clock-container",children:[i.jsx("div",{className:"label",children:e("common.time_now")}),i.jsx(it,{time:n,className:"time"})]})}export{pe as default};
-//# sourceMappingURL=TimelinePage-C-OHrCR8.js.map

package/client/assets/TimelinePage-C-OHrCR8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelinePage-C-OHrCR8.js","sources":["../../../../packages/utils/src/date-utils/getTimeFrom.ts","../../src/common/hooks/useHorizontalFollowComponent.ts","../../src/views/timeline/timeline.options.ts","../../src/views/timeline/timeline.utils.ts","../../src/views/timeline/timeline-markers/TimelineMarkers.tsx","../../src/views/timeline/TimelineEntry.tsx","../../src/views/timeline/Timeline.tsx","../../src/views/timeline/timeline-section/TimelineSection.tsx","../../src/views/timeline/TimelineSections.tsx","../../src/views/timeline/useTimelineData.ts","../../src/views/timeline/TimelinePage.tsx"],"sourcesContent":["import type { OntimeEvent } from 'ontime-types';\n\nimport { dayInMs } from './conversionUtils.js';\n\n/**\n * Utility returns the gap from a previous given event\n */\nexport function getTimeFrom(\n  current: Pick<OntimeEvent, 'timeStart' | 'dayOffset'>,\n  previous: Pick<OntimeEvent, 'timeStart' | 'duration' | 'dayOffset'> | null,\n): number {\n  // there is no previous event\n  if (!previous) {\n    return 0;\n  }\n\n  const normalisedCurrentStart = current.timeStart + current.dayOffset * dayInMs;\n  const normalisedPreviousEnd = previous.timeStart + previous.duration + previous.dayOffset * dayInMs;\n\n  // event is linked to previous\n  if (normalisedCurrentStart === normalisedPreviousEnd) {\n    return 0;\n  }\n\n  // event has a gap from previous\n  if (normalisedCurrentStart > normalisedPreviousEnd) {\n    // time from previous is difference between start and previous end\n    return normalisedCurrentStart - normalisedPreviousEnd;\n  }\n\n  // event overlaps with previous\n  return normalisedCurrentStart - normalisedPreviousEnd;\n}\n","import { RefObject, useCallback, useEffect } from 'react';\nimport { EntryId } from 'ontime-types';\n\nfunction scrollToComponent<ComponentRef extends HTMLElement, ScrollRef extends HTMLElement>(\n  componentRef: RefObject<ComponentRef> | null,\n  scrollRef: RefObject<ScrollRef>,\n  leftOffset: number,\n) {\n  if (!scrollRef.current) {\n    return;\n  }\n\n  if (!componentRef?.current) {\n    // If no target component, scroll to start\n    scrollRef.current.scrollTo({ left: 0, behavior: 'smooth' });\n    return;\n  }\n\n  const componentRect = componentRef.current.getBoundingClientRect();\n  const scrollRect = scrollRef.current.getBoundingClientRect();\n  const left = componentRect.left - scrollRect.left + scrollRef.current.scrollLeft - leftOffset;\n\n  scrollRef.current.scrollTo({ left, behavior: 'smooth' });\n}\n\ninterface UseHorizontalFollowComponentOptions {\n  followRef: RefObject<HTMLElement | null>;\n  scrollRef: RefObject<HTMLElement | null>;\n  doFollow: boolean;\n  selectedEventId: EntryId | null;\n  leftOffset?: number;\n  setScrollFlag?: (newValue: boolean) => void;\n}\n\n/**\n * This is a copy of useFollowComponent, but for horizontal scrolling\n * Designed with the timeline component in mind\n */\nexport default function useHorizontalFollowComponent({\n  followRef,\n  scrollRef,\n  doFollow,\n  selectedEventId,\n  leftOffset = 0,\n  setScrollFlag,\n}: UseHorizontalFollowComponentOptions) {\n  useEffect(() => {\n    if (!doFollow || !scrollRef.current) {\n      return;\n    }\n\n    setScrollFlag?.(true);\n    // Use requestAnimationFrame to ensure the component is fully loaded\n    window.requestAnimationFrame(() => {\n      scrollToComponent(\n        selectedEventId !== null ? (followRef as RefObject<HTMLElement>) : null,\n        scrollRef as RefObject<HTMLElement>,\n        leftOffset,\n      );\n      setScrollFlag?.(false);\n    });\n  }, [followRef, scrollRef, doFollow, leftOffset, setScrollFlag, selectedEventId]);\n\n  const scrollToRefComponent = useCallback(\n    (componentRef = followRef, containerRef = scrollRef, offset = leftOffset) => {\n      if (containerRef.current) {\n        scrollToComponent(\n          selectedEventId !== null ? (componentRef as RefObject<HTMLElement>) : null,\n          containerRef as RefObject<HTMLElement>,\n          offset,\n        );\n      }\n    },\n    [followRef, scrollRef, leftOffset, selectedEventId],\n  );\n\n  return scrollToRefComponent;\n}\n","import { use, useMemo } from 'react';\nimport { useSearchParams } from 'react-router';\n\nimport { getTimeOption } from '../../common/components/view-params-editor/common.options';\nimport { OptionTitle } from '../../common/components/view-params-editor/constants';\nimport { ViewOption } from '../../common/components/view-params-editor/viewParams.types';\nimport { PresetContext } from '../../common/context/PresetContext';\nimport { isStringBoolean } from '../../features/viewers/common/viewUtils';\n\nexport const getTimelineOptions = (timeFormat: string): ViewOption[] => {\n  return [\n    { title: OptionTitle.ClockOptions, collapsible: true, options: [getTimeOption(timeFormat)] },\n    {\n      title: OptionTitle.ElementVisibility,\n      collapsible: true,\n      options: [\n        {\n          id: 'hidePast',\n          title: 'Hide Past Events',\n          description: 'Whether to hide events that have passed',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'fixedSize',\n          title: 'Fixed timeline size',\n          description: 'Timeline will have a fixed size to prevent scrolling',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n  ];\n};\n\ntype TimelineOptions = {\n  hidePast: boolean;\n  fixedSize: boolean;\n};\n\n/**\n * Utility extract the view options from URL Params\n * the names and fallback are manually matched with timerOptions\n */\nfunction getOptionsFromParams(searchParams: URLSearchParams, defaultValues?: URLSearchParams): TimelineOptions {\n  // Helper to get value from either source, prioritizing defaultValues\n  const getValue = (key: string) => defaultValues?.get(key) ?? searchParams.get(key);\n\n  return {\n    hidePast: isStringBoolean(getValue('hidePast')),\n    fixedSize: isStringBoolean(getValue('fixedSize')),\n  };\n}\n\n/**\n * Hook exposes the timeline view options\n */\nexport function useTimelineOptions(): TimelineOptions {\n  const [searchParams] = useSearchParams();\n  const maybePreset = use(PresetContext);\n\n  const options = useMemo(() => {\n    const defaultValues = maybePreset ? new URLSearchParams(maybePreset.search) : undefined;\n    return getOptionsFromParams(searchParams, defaultValues);\n  }, [maybePreset, searchParams]);\n\n  return options;\n}\n","import { useMemo } from 'react';\nimport { isOntimeEvent, isPlayableEvent, MaybeString, OntimeEntry, OntimeEvent, PlayableEvent } from 'ontime-types';\nimport {\n  dayInMs,\n  getEventWithId,\n  getFirstEvent,\n  getNextEvent,\n  getTimeFrom,\n  isNewLatest,\n  MILLIS_PER_HOUR,\n  MILLIS_PER_MINUTE,\n} from 'ontime-utils';\n\nimport { ExtendedEntry } from '../../common/utils/rundownMetadata';\nimport { formatDuration } from '../../common/utils/time';\n\nimport { useTimelineOptions } from './timeline.options';\nimport type { ProgressStatus } from './TimelineEntry';\n\ntype CSSPosition = {\n  left: number;\n  width: number;\n};\n\n/**\n * Calculates the base position and width of an element based on schedule\n * The scaling of these values (if needed) is handled by calculateTimelineLayout\n */\nexport function getElementPosition(\n  scheduleStart: number,\n  scheduleEnd: number,\n  eventStart: number,\n  eventDuration: number,\n  containerWidth: number,\n): CSSPosition {\n  const normalEnd = scheduleEnd < scheduleStart ? scheduleEnd + dayInMs : scheduleEnd;\n  const totalDuration = normalEnd - scheduleStart;\n\n  // Calculate proportional width and position\n  const width = (eventDuration * containerWidth) / totalDuration;\n  const left = ((eventStart - scheduleStart) * containerWidth) / totalDuration;\n\n  return { left, width };\n}\n\n/**\n * Gets rounded down hour for a given time\n */\nexport function getStartHour(startTime: number): number {\n  const hours = Math.floor(startTime / MILLIS_PER_HOUR);\n  return hours;\n}\n\n/**\n * Gets rounded up hour for a given time\n */\nexport function getEndHour(endTime: number): number {\n  const hours = Math.ceil(endTime / MILLIS_PER_HOUR);\n  return hours;\n}\n\n/**\n * converts a time span into an array of hours\n */\nexport function makeTimelineSections(firstHour: number, lastHour: number) {\n  const timelineSections = [];\n  for (let i = firstHour; i < lastHour; i++) {\n    timelineSections.push(i);\n  }\n  return timelineSections;\n}\n\n/**\n * Returns a formatted label for a progress status\n */\nexport function getStatusLabel(timeToStart: number, status: ProgressStatus): string {\n  if (status === 'done' || status === 'live') {\n    return status;\n  }\n\n  if (timeToStart <= 0) {\n    return 'pending';\n  }\n\n  return formatDuration(timeToStart, timeToStart > MILLIS_PER_MINUTE * 10);\n}\n\ninterface ScopedRundownData {\n  scopedRundown: ExtendedEntry<PlayableEvent>[];\n  firstStart: number;\n  totalDuration: number;\n}\n\nexport function useScopedRundown(\n  rundown: ExtendedEntry<OntimeEntry>[],\n  selectedEventId: MaybeString,\n): ScopedRundownData {\n  const { hidePast } = useTimelineOptions();\n\n  const data = useMemo(() => {\n    if (rundown.length === 0) {\n      return { scopedRundown: [], firstStart: 0, totalDuration: 0 };\n    }\n\n    const scopedRundown: ExtendedEntry<PlayableEvent>[] = [];\n    let selectedIndex = selectedEventId ? Infinity : -1;\n    let firstStart = null;\n    let totalDuration = 0;\n    let lastEntry: ExtendedEntry<PlayableEvent> | null = null;\n\n    for (let i = 0; i < rundown.length; i++) {\n      const currentEntry = rundown[i];\n      // we only deal with playableEvents\n      if (isOntimeEvent(currentEntry) && isPlayableEvent(currentEntry)) {\n        if (currentEntry.id === selectedEventId) {\n          selectedIndex = i;\n        }\n\n        // maybe filter past\n        if (hidePast && i < selectedIndex) {\n          continue;\n        }\n\n        // add to scopedRundown\n        scopedRundown.push(currentEntry);\n\n        /**\n         * Derive timers\n         * This logic is partially from rundownCache.generate\n         * With the addition of deriving the current day offset\n         */\n        if (firstStart === null) {\n          firstStart = currentEntry.timeStart;\n        }\n\n        const timeFromPrevious: number = getTimeFrom(currentEntry, lastEntry);\n\n        if (timeFromPrevious === 0) {\n          totalDuration += currentEntry.duration;\n        } else if (timeFromPrevious > 0) {\n          totalDuration += timeFromPrevious + currentEntry.duration;\n        } else if (timeFromPrevious < 0) {\n          totalDuration += Math.max(currentEntry.duration + timeFromPrevious, 0);\n        }\n        if (isNewLatest(currentEntry, lastEntry)) {\n          lastEntry = currentEntry;\n        }\n      }\n    }\n\n    return { scopedRundown, firstStart: firstStart ?? 0, totalDuration };\n  }, [hidePast, rundown, selectedEventId]);\n\n  return data;\n}\n\ntype UpcomingEvents = {\n  now: ExtendedEntry<OntimeEvent> | null;\n  next: ExtendedEntry<OntimeEvent> | null;\n  followedBy: ExtendedEntry<OntimeEvent> | null;\n};\n\n/**\n * Returns upcoming events from current: now, next and followedBy\n */\nexport function getUpcomingEvents(events: ExtendedEntry<PlayableEvent>[], selectedId: MaybeString): UpcomingEvents {\n  if (events.length === 0) {\n    return { now: null, next: null, followedBy: null };\n  }\n\n  let now = selectedId ? (getEventWithId(events, selectedId) as ExtendedEntry<OntimeEvent>) : null;\n  if (!isOntimeEvent(now)) {\n    now = null;\n  }\n\n  const next = now\n    ? (getNextEvent(events, now.id)?.nextEvent as ExtendedEntry<OntimeEvent> | null)\n    : (getFirstEvent(events).firstEvent as ExtendedEntry<OntimeEvent> | null);\n  const followedBy = next ? (getNextEvent(events, next.id)?.nextEvent as ExtendedEntry<OntimeEvent> | null) : null;\n\n  // Return the titles, handling nulls appropriately\n  return {\n    now,\n    next,\n    followedBy,\n  };\n}\n\n/**\n * Utility function calculates time to start\n */\nexport function getTimeToStart(now: number, start: number, delay: number, offset: number): number {\n  return start + delay - now + offset;\n}\n\ninterface TimelineLayout {\n  positions: CSSPosition[];\n  scale: number;\n  totalWidth: number;\n}\n\n/**\n * Calculates positions for all events and applies scaling if needed\n */\nexport function calculateTimelineLayout(\n  events: Array<{ start: number; duration: number }>,\n  scheduleStart: number,\n  scheduleEnd: number,\n  containerWidth: number,\n  canScroll: boolean,\n  minWidth = 100,\n): TimelineLayout {\n  // Calculate positions and track minimum width\n  let smallestWidth = Infinity;\n  const positions = events.map(({ start, duration }) => {\n    const position = getElementPosition(scheduleStart, scheduleEnd, start, duration, containerWidth);\n    smallestWidth = Math.min(smallestWidth, position.width);\n    return position;\n  });\n\n  if (!canScroll) {\n    return {\n      positions: positions,\n      scale: 1,\n      totalWidth: containerWidth,\n    };\n  }\n\n  // Determine if scaling is needed\n  const scale = smallestWidth < minWidth ? minWidth / smallestWidth : 1;\n\n  // If no scaling is needed, return base positions\n  if (scale === 1) {\n    return {\n      positions,\n      scale: 1,\n      totalWidth: containerWidth,\n    };\n  }\n\n  // Apply scale to all positions\n  const scaledPositions = positions.map((pos) => ({\n    left: pos.left * scale,\n    width: pos.width * scale,\n  }));\n\n  return {\n    positions: scaledPositions,\n    scale,\n    totalWidth: containerWidth * scale,\n  };\n}\n","import { makeTimelineSections } from '../timeline.utils';\n\nimport style from './TimelineMarkers.module.scss';\n\ninterface TimelineMarkersProps {\n  startHour: number;\n  endHour: number;\n}\n\n/** Creates a line for every hour in the timeline */\nexport default function TimelineMarkers(props: TimelineMarkersProps) {\n  const { startHour, endHour } = props;\n\n  const elements = makeTimelineSections(startHour, endHour);\n\n  return (\n    <div className={style.markers}>\n      {elements.map((tag) => (\n        <span key={tag} />\n      ))}\n    </div>\n  );\n}\n","import { RefObject } from 'react';\n\nimport { useExpectedStartData, useTimer } from '../../common/hooks/useSocket';\nimport { getProgress } from '../../common/utils/getProgress';\nimport { alpha, cx } from '../../common/utils/styleUtils';\nimport { formatDuration, formatTime, getExpectedTimesFromExtendedEvent } from '../../common/utils/time';\nimport { useTranslation } from '../../translation/TranslationProvider';\n\nimport { getStatusLabel } from './timeline.utils';\n\nimport style from './Timeline.module.scss';\n\nexport type ProgressStatus = 'done' | 'live' | 'future';\n\ninterface TimelineEntryProps {\n  colour: string;\n  delay: number;\n  duration: number;\n  hasLink: boolean;\n  left: number;\n  status: ProgressStatus;\n  start: number;\n  dayOffset: number;\n  totalGap: number;\n  isLinkedToLoaded: boolean;\n  title: string;\n  width: number;\n  cue: string;\n  ref?: RefObject<HTMLDivElement | null>;\n}\n\nconst formatOptions = {\n  format12: 'h:mm a',\n  format24: 'HH:mm',\n};\n\nexport function TimelineEntry({\n  colour,\n  delay,\n  duration,\n  hasLink,\n  left,\n  status,\n  start,\n  dayOffset,\n  totalGap,\n  isLinkedToLoaded,\n  title,\n  width,\n  cue,\n  ref,\n}: TimelineEntryProps) {\n  const formattedStartTime = formatTime(start, formatOptions);\n  const formattedDuration = formatDuration(duration);\n  const delayedStart = start + delay;\n  const hasDelay = delay > 0;\n\n  const lighterColour = alpha(colour, 0.7);\n  const showTitle = width > 25;\n  const smallArea = width < 40;\n\n  return (\n    <div\n      ref={ref}\n      className={cx([style.column, smallArea && style.smallArea])}\n      style={{\n        '--color': colour,\n        '--lighter': lighterColour ?? '',\n        left: `${left}px`,\n        width: `${width}px`,\n      }}\n      data-testid={cue}\n    >\n      {status === 'live' ? <ActiveBlock /> : <div data-status={status} className={style.timelineBlock} />}\n      <div\n        className={cx([style.content, width < 20 && style.hide, !hasLink && style.separeLeft])}\n        data-status={status}\n        style={{\n          '--color': colour,\n        }}\n      >\n        <div className={style.maybeInline}>\n          <div className={cx([hasDelay && style.cross])}>{formattedStartTime}</div>\n          {hasDelay && <div className={style.delay}>{formatTime(delayedStart, formatOptions)}</div>}\n          {smallArea && (\n            <TimelineEntryStatus\n              delay={delay}\n              start={start}\n              dayOffset={dayOffset}\n              totalGap={totalGap}\n              isLinkedToLoaded={isLinkedToLoaded}\n              status={status}\n            />\n          )}\n        </div>\n        {showTitle && (\n          <>\n            {!smallArea && (\n              <TimelineEntryStatus\n                delay={delay}\n                start={start}\n                dayOffset={dayOffset}\n                totalGap={totalGap}\n                isLinkedToLoaded={isLinkedToLoaded}\n                status={status}\n              />\n            )}\n            <div>{title}</div>\n          </>\n        )}\n      </div>\n      <div className={style.timeOverview} data-status={status}>\n        {status !== 'done' && <div className={style.duration}>{formattedDuration}</div>}\n      </div>\n    </div>\n  );\n}\n\ninterface TimelineEntryStatusProps {\n  delay: number;\n  start: number;\n  dayOffset: number;\n  totalGap: number;\n  isLinkedToLoaded: boolean;\n  status: ProgressStatus;\n}\n\n// extract component to isolate re-renders provoked by the clock changes\nfunction TimelineEntryStatus({\n  delay,\n  start,\n  dayOffset,\n  totalGap,\n  isLinkedToLoaded,\n  status,\n}: TimelineEntryStatusProps) {\n  const state = useExpectedStartData();\n\n  const { getLocalizedString } = useTranslation();\n\n  const { timeToStart } = getExpectedTimesFromExtendedEvent(\n    { timeStart: start, delay, dayOffset, totalGap, isLinkedToLoaded, countToEnd: false, duration: 0 },\n    state,\n  );\n\n  let statusText = getStatusLabel(timeToStart, status);\n  if (statusText === 'live') {\n    statusText = getLocalizedString('timeline.live');\n  } else if (statusText === 'pending') {\n    statusText = getLocalizedString('timeline.due');\n  }\n\n  const isDue = status === 'future' && timeToStart <= 0;\n\n  return <div className={cx([style.status, isDue && style.due])}>{statusText}</div>;\n}\n\n/** Generates a block level progress bar */\nfunction ActiveBlock() {\n  const { current, duration } = useTimer();\n  const progress = getProgress(current, duration);\n  return <div data-status='live' className={style.timelineBlock} style={{ '--progress': `${progress}%` }} />;\n}\n","import { memo, useMemo, useRef } from 'react';\nimport { useViewportSize } from '@mantine/hooks';\nimport { isOntimeEvent, isPlayableEvent, OntimeEntry, PlayableEvent } from 'ontime-types';\nimport { dayInMs, getLastEvent, MILLIS_PER_HOUR } from 'ontime-utils';\n\nimport useHorizontalFollowComponent from '../../common/hooks/useHorizontalFollowComponent';\nimport { ExtendedEntry } from '../../common/utils/rundownMetadata';\nimport { cx } from '../../common/utils/styleUtils';\n\nimport TimelineMarkers from './timeline-markers/TimelineMarkers';\nimport { useTimelineOptions } from './timeline.options';\nimport { calculateTimelineLayout, getEndHour, getStartHour } from './timeline.utils';\nimport { ProgressStatus, TimelineEntry } from './TimelineEntry';\n\nimport style from './Timeline.module.scss';\n\ninterface TimelineProps {\n  firstStart: number;\n  rundown: ExtendedEntry<OntimeEntry>[];\n  selectedEventId: string | null;\n  totalDuration: number;\n}\n\nexport default memo(Timeline);\nfunction Timeline({ firstStart, rundown, selectedEventId, totalDuration }: TimelineProps) {\n  const { width: screenWidth } = useViewportSize();\n  const { hidePast, fixedSize } = useTimelineOptions();\n  const selectedRef = useRef<HTMLDivElement>(null);\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  const { lastEvent } = getLastEvent(rundown);\n  const startHour = getStartHour(firstStart);\n  const endHour = getEndHour(firstStart + totalDuration + (lastEvent?.delay ?? 0));\n  const scheduleStart = startHour * MILLIS_PER_HOUR;\n  const scheduleEnd = endHour * MILLIS_PER_HOUR;\n\n  // use horizontal follow when scroll is enabled\n  useHorizontalFollowComponent({\n    followRef: selectedRef,\n    scrollRef: scrollContainerRef,\n    doFollow: !fixedSize,\n    selectedEventId: selectedEventId,\n    // No offset when hiding past events to ensure content starts at 0\n    leftOffset: hidePast ? 0 : screenWidth / 6,\n  });\n\n  const { positions, totalWidth } = useMemo(() => {\n    const playableEvents = rundown\n      .filter((event): event is ExtendedEntry<PlayableEvent> => isOntimeEvent(event) && isPlayableEvent(event))\n      .map((event) => ({\n        start: event.timeStart + (event.dayOffset ?? 0) * dayInMs + (event.delay ?? 0),\n        duration: event.duration,\n      }));\n\n    return calculateTimelineLayout(playableEvents, scheduleStart, scheduleEnd, screenWidth, !fixedSize);\n  }, [rundown, scheduleStart, scheduleEnd, screenWidth, fixedSize]);\n\n  if (totalDuration === 0) {\n    return null;\n  }\n\n  // Pre-calculate event statuses\n  let currentStatus: ProgressStatus = selectedEventId ? 'done' : 'future';\n  const statusMap: Record<string, ProgressStatus> = {};\n  rundown.forEach((event) => {\n    if (isOntimeEvent(event) && isPlayableEvent(event)) {\n      if (currentStatus === 'live') {\n        currentStatus = 'future';\n      }\n      if (event.id === selectedEventId) {\n        currentStatus = 'live';\n      }\n      statusMap[event.id] = currentStatus;\n    }\n  });\n\n  return (\n    <div ref={scrollContainerRef} className={cx([style.timelineContainer, !fixedSize && style.scroll])}>\n      <div className={style.timeline} style={{ width: totalWidth }}>\n        <TimelineMarkers startHour={startHour} endHour={endHour} />\n        {rundown.map((event, index) => {\n          if (!isOntimeEvent(event) || !isPlayableEvent(event)) {\n            return null;\n          }\n\n          const position = positions[index];\n          if (!position) return null;\n\n          return (\n            <TimelineEntry\n              key={event.id}\n              ref={event.id === selectedEventId ? selectedRef : undefined}\n              colour={event.colour}\n              delay={event.delay ?? 0}\n              duration={event.duration}\n              hasLink={Boolean(event.linkStart)}\n              left={position.left}\n              status={statusMap[event.id]}\n              start={event.timeStart + (event.dayOffset ?? 0) * dayInMs}\n              totalGap={event.totalGap}\n              isLinkedToLoaded={event.isLinkedToLoaded}\n              dayOffset={event.dayOffset}\n              title={event.title}\n              cue={event.cue}\n              width={position.width}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { memo } from 'react';\nimport { MaybeString } from 'ontime-types';\n\nimport { cx } from '../../../common/utils/styleUtils';\n\ninterface SectionProps {\n  category: 'now' | 'next' | 'followedBy';\n  content: MaybeString;\n  title: string;\n  status?: string;\n}\n\nexport default memo(TimelineSection);\n\nfunction TimelineSection({ category, content, title, status }: SectionProps) {\n  const sectionClasses = cx(['section', category === 'now' && 'section--now']);\n  const contentClasses = cx(['section-content', content ? `section-content--${category}` : 'section-content--subdue']);\n  return (\n    <div className={sectionClasses} data-testid={category}>\n      <div className='section-title'>\n        <span className='section-title__label'>{title}</span>\n        {status && <span className='section-title__status'>{status}</span>}\n      </div>\n      <div className={contentClasses}>{content ?? '-'}</div>\n    </div>\n  );\n}\n","import { OntimeEvent } from 'ontime-types';\nimport { MILLIS_PER_MINUTE } from 'ontime-utils';\n\nimport { useExpectedStartData } from '../../common/hooks/useSocket';\nimport { ExtendedEntry } from '../../common/utils/rundownMetadata';\nimport { formatDuration, getExpectedTimesFromExtendedEvent } from '../../common/utils/time';\nimport { useTranslation } from '../../translation/TranslationProvider';\n\nimport TimelineSection from './timeline-section/TimelineSection';\n\ninterface TimelineSectionsProps {\n  now: ExtendedEntry<OntimeEvent> | null;\n  next: ExtendedEntry<OntimeEvent> | null;\n  followedBy: ExtendedEntry<OntimeEvent> | null;\n}\n\nexport default function TimelineSections({ now, next, followedBy }: TimelineSectionsProps) {\n  const { getLocalizedString } = useTranslation();\n  const state = useExpectedStartData();\n\n  // gather card data\n  const titleNow = now?.title ?? '-';\n  const dueText = getLocalizedString('timeline.due').toUpperCase();\n  const nextText = next !== null ? next.title : '-';\n  const followedByText = followedBy !== null ? followedBy.title : '-';\n  let nextStatus: string | undefined;\n  let followedByStatus: string | undefined;\n\n  if (next !== null) {\n    const { timeToStart } = getExpectedTimesFromExtendedEvent(next, state);\n    if (timeToStart <= 0) {\n      nextStatus = dueText;\n    } else {\n      nextStatus = formatDuration(timeToStart, timeToStart > MILLIS_PER_MINUTE * 10);\n    }\n  }\n\n  if (followedBy !== null) {\n    const { timeToStart } = getExpectedTimesFromExtendedEvent(followedBy, state);\n    if (timeToStart <= 0) {\n      followedByStatus = dueText;\n    } else {\n      followedByStatus = formatDuration(timeToStart, timeToStart > MILLIS_PER_MINUTE * 10);\n    }\n  }\n\n  return (\n    <div className='title-grid'>\n      <TimelineSection title={getLocalizedString('timeline.live')} content={titleNow} category='now' />\n      <TimelineSection\n        title={getLocalizedString('common.next')}\n        status={nextStatus}\n        content={nextText}\n        category='next'\n      />\n      <TimelineSection\n        title={getLocalizedString('timeline.followedby')}\n        status={followedByStatus}\n        content={followedByText}\n        category='followedBy'\n      />\n    </div>\n  );\n}\n","import { OntimeEntry, ProjectData, Settings } from 'ontime-types';\n\nimport useProjectData from '../../common/hooks-query/useProjectData';\nimport { useFlatRundownWithMetadata } from '../../common/hooks-query/useRundown';\nimport useSettings from '../../common/hooks-query/useSettings';\nimport { ExtendedEntry } from '../../common/utils/rundownMetadata';\nimport { aggregateQueryStatus, ViewData } from '../utils/viewLoader.utils';\n\nexport interface TimelineData {\n  events: ExtendedEntry<OntimeEntry>[];\n  projectData: ProjectData;\n  settings: Settings;\n}\n\nexport function useTimelineData(): ViewData<TimelineData> {\n  // HTTP API data\n  const { data: rundownData, status: rundownStatus } = useFlatRundownWithMetadata();\n  const { data: projectData, status: projectDataStatus } = useProjectData();\n  const { data: settings, status: settingsStatus } = useSettings();\n\n  return {\n    data: {\n      events: rundownData,\n      projectData,\n      settings,\n    },\n    status: aggregateQueryStatus([rundownStatus, projectDataStatus, settingsStatus]),\n  };\n}\n","import { useMemo } from 'react';\nimport { OntimeView } from 'ontime-types';\n\nimport EmptyPage from '../../common/components/state/EmptyPage';\nimport ViewLogo from '../../common/components/view-logo/ViewLogo';\nimport ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';\nimport { useClock, useSelectedEventId } from '../../common/hooks/useSocket';\nimport { useWindowTitle } from '../../common/hooks/useWindowTitle';\nimport { formatTime, getDefaultFormat } from '../../common/utils/time';\nimport SuperscriptTime from '../../features/viewers/common/superscript-time/SuperscriptTime';\nimport { useTranslation } from '../../translation/TranslationProvider';\nimport Loader from '../common/loader/Loader';\n\nimport Timeline from './Timeline';\nimport { getTimelineOptions } from './timeline.options';\nimport { getUpcomingEvents, useScopedRundown } from './timeline.utils';\nimport TimelineSections from './TimelineSections';\nimport { TimelineData, useTimelineData } from './useTimelineData';\n\nimport './TimelinePage.scss';\n\nexport default function TimelinePageLoader() {\n  const { data, status } = useTimelineData();\n\n  useWindowTitle('Timeline');\n\n  if (status === 'pending') {\n    return <Loader />;\n  }\n\n  if (status === 'error') {\n    return <EmptyPage text='There was an error fetching data, please refresh the page.' />;\n  }\n\n  return <TimelinePage {...data} />;\n}\n\nfunction TimelinePage({ events, projectData, settings }: TimelineData) {\n  const { selectedEventId } = useSelectedEventId();\n  // holds copy of the rundown with only relevant events\n  const { scopedRundown, firstStart, totalDuration } = useScopedRundown(events, selectedEventId);\n\n  // gather card options\n  const { now, next, followedBy } = useMemo(() => {\n    return getUpcomingEvents(scopedRundown, selectedEventId);\n  }, [scopedRundown, selectedEventId]);\n\n  // populate options\n  const defaultFormat = getDefaultFormat(settings?.timeFormat);\n  const progressOptions = useMemo(() => getTimelineOptions(defaultFormat), [defaultFormat]);\n\n  return (\n    <div className='timeline' data-testid='timeline-view'>\n      <ViewParamsEditor target={OntimeView.Timeline} viewOptions={progressOptions} />\n      <div className='project-header'>\n        {projectData?.logo && <ViewLogo name={projectData.logo} className='logo' />}\n        <div className='title'>{projectData.title}</div>\n        <TimelineClock />\n      </div>\n\n      <TimelineSections now={now} next={next} followedBy={followedBy} />\n\n      <Timeline\n        firstStart={firstStart}\n        rundown={scopedRundown}\n        selectedEventId={selectedEventId}\n        totalDuration={totalDuration}\n      />\n    </div>\n  );\n}\n\nfunction TimelineClock() {\n  const { getLocalizedString } = useTranslation();\n  const { clock } = useClock();\n\n  // gather timer data\n  const formattedClock = formatTime(clock);\n\n  return (\n    <div className='clock-container'>\n      <div className='label'>{getLocalizedString('common.time_now')}</div>\n      <SuperscriptTime time={formattedClock} className='time' />\n    </div>\n  );\n}\n"],"names":["getTimeFrom","current","previous","normalisedCurrentStart","timeStart","dayOffset","dayInMs","normalisedPreviousEnd","duration","scrollToComponent","componentRef","scrollRef","leftOffset","scrollTo","left","behavior","componentRect","getBoundingClientRect","scrollRect","scrollLeft","useHorizontalFollowComponent","followRef","doFollow","selectedEventId","setScrollFlag","useEffect","window","requestAnimationFrame","useCallback","containerRef","offset","getTimelineOptions","timeFormat","title","OptionTitle","ClockOptions","collapsible","options","getTimeOption","ElementVisibility","id","description","type","defaultValue","getOptionsFromParams","searchParams","defaultValues","getValue","key","get","hidePast","isStringBoolean","fixedSize","useTimelineOptions","useSearchParams","maybePreset","use","PresetContext","useMemo","URLSearchParams","search","undefined","getElementPosition","scheduleStart","scheduleEnd","eventStart","eventDuration","containerWidth","totalDuration","width","getStartHour","startTime","hours","Math","floor","MILLIS_PER_HOUR","getEndHour","endTime","ceil","makeTimelineSections","firstHour","lastHour","timelineSections","i","push","getStatusLabel","timeToStart","status","formatDuration","MILLIS_PER_MINUTE","useScopedRundown","rundown","data","length","scopedRundown","firstStart","selectedIndex","Infinity","lastEntry","currentEntry","isOntimeEvent","isPlayableEvent","timeFromPrevious","max","isNewLatest","getUpcomingEvents","events","selectedId","now","next","followedBy","getEventWithId","getNextEvent","nextEvent","getFirstEvent","firstEvent","calculateTimelineLayout","canScroll","minWidth","smallestWidth","positions","map","start","position","min","scale","totalWidth","pos","TimelineMarkers","props","startHour","endHour","elements","jsx","style","markers","tag","formatOptions","format12","format24","TimelineEntry","colour","delay","hasLink","totalGap","isLinkedToLoaded","cue","ref","formattedStartTime","formatTime","formattedDuration","delayedStart","hasDelay","lighterColour","alpha","showTitle","smallArea","jsxs","cx","column","ActiveBlock","timelineBlock","content","hide","separeLeft","maybeInline","cross","TimelineEntryStatus","Fragment","timeOverview","state","useExpectedStartData","getLocalizedString","useTranslation","getExpectedTimesFromExtendedEvent","countToEnd","statusText","isDue","due","useTimer","progress","getProgress","memo","Timeline","screenWidth","useViewportSize","selectedRef","useRef","scrollContainerRef","lastEvent","getLastEvent","playableEvents","filter","event","currentStatus","statusMap","forEach","timelineContainer","scroll","timeline","index","Boolean","linkStart","TimelineSection","category","sectionClasses","contentClasses","TimelineSections","titleNow","dueText","toUpperCase","nextText","followedByText","nextStatus","followedByStatus","useTimelineData","rundownData","rundownStatus","useFlatRundownWithMetadata","projectData","projectDataStatus","useProjectData","settings","settingsStatus","useSettings","aggregateQueryStatus","TimelinePageLoader","useWindowTitle","Loader","EmptyPage","TimelinePage","useSelectedEventId","defaultFormat","getDefaultFormat","progressOptions","ViewParamsEditor","OntimeView","logo","ViewLogo","TimelineClock","clock","useClock","formattedClock","SuperscriptTime"],"mappings":"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"}

package/client/assets/Timer-CGqVtVEC.js

@@ -1,2 +0,0 @@
-import{l as ge,h as x,j as o}from"./vendor-Cdwxo8bP.js";import{P as he,T as u,u as fe,a as ye,b as ve,L as Te,c as be,d as xe,f as we,g as Se,e as m,O as Ce}from"./index-CoGiopcb.js";import{g as ke,a as Oe,b as Ne,c as Pe,d as je,e as Me,f as Ve,h as Fe,i as ze,F as b}from"./timer.utils-BnMyVO6Z.js";import{M as Le}from"./MultiPartProgressBar-BKHk19Hb.js";import{E as De}from"./EmptyPage-DeRjpRKZ.js";import{T as E}from"./TitleCard-BqbrUnHO.js";import{V as Ee}from"./ViewLogo-BdL1hUV1.js";import{m as H,O as c,V as He}from"./ViewParamsEditor-CFedpp6w.js";import{u as Ie}from"./useWindowTitle-mLKt65i7.js";import{S as Be}from"./SuperscriptTime-Mc0ZGBMo.js";import{m as I,i as n,g as Ze,a as _e}from"./viewUtils-dKRKkb_F.js";import{g as We}from"./presentation.utils-Zo5hNQje.js";import{g as Ae,h as Ue,s as Re,a as Ke}from"./viewLoader.utils-DuXjY5zb.js";import{v as Qe}from"./validateEvent-CUmvjN95.js";import{u as $e}from"./useCustomFields-CcTb-GQM.js";import{u as qe}from"./useProjectData-B5mjXsMj.js";import"./playbackstate-CWexoP3a.js";import"./getProgress-sdxPEEPi.js";import"./Empty-D1UteOYj.js";import"./Select-cHK8JrMG.js";/* empty css                        */(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new s.Error().stack;t&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[t]="8428384a-d31e-47dd-9591-e948835cedcf",s._sentryDebugIdIdentifier="sentry-dbid-8428384a-d31e-47dd-9591-e948835cedcf")}catch{}})();const Ge=[{value:"no-overrides",label:"No Overrides"},{value:u.CountUp,label:"Count Up"},{value:u.CountDown,label:"Count Down"},{value:u.Clock,label:"Clock"}],Je=(s,t)=>{const e=H(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]),i=H(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]);return[{title:c.ClockOptions,collapsible:!0,options:[Ae(s)]},{title:c.TimerOptions,collapsible:!0,options:[Ue,Re,{id:"timerType",title:"Timer type",description:"Override the timer type",type:"option",values:Ge,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:c.DataSources,collapsible:!0,options:[{id:"main",title:"Main text",description:"Select the data source for the main text",type:"option",values:e,defaultValue:"title"},{id:"secondary-src",title:"Secondary text",description:"Select the data source for the secondary text",type:"option",values:i,defaultValue:"none"}]},{title:c.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:c.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"}]}]};function Xe(s,t){const e=l=>(t==null?void 0:t.get(l))??s.get(l),i=Qe(e("timerType"),u.None);return{hideClock:n(e("hideClock")),hideCards:n(e("hideCards")),hideProgress:n(e("hideProgress")),hideMessage:n(e("hideMessage")),hideSecondary:n(e("hideSecondary")),hideLogo:n(e("hideLogo")),hideTimerSeconds:n(e("hideTimerSeconds")),removeLeadingZeros:!n(e("showLeadingZeros")),mainSource:e("main"),secondarySource:e("secondary-src"),timerType:i===u.None?void 0:i,freezeOvertime:n(e("freezeOvertime")),freezeMessage:e("freezeMessage")??"",hidePhase:n(e("hidePhase")),font:e("font")??void 0,keyColour:I(e("keyColour")),timerColour:I(e("timerColour"))}}function Ye(){const[s]=ge(),t=x.use(he);return x.useMemo(()=>{const i=t?new URLSearchParams(t.search):void 0;return Xe(s,i)},[t,s])}function et(){const s=fe(p=>p.mirror),{data:t,status:e}=qe(),{data:i,status:l}=ye(),{data:h,status:d}=ve(),{data:r,status:a}=$e();return{data:{customFields:r,projectData:t,isMirrored:s,settings:h,viewSettings:i},status:Ke([e,l,d,a])}}function St(){const{data:s,status:t}=et();return Ie("Timer"),t==="pending"?o.jsx(Te,{}):t==="error"?o.jsx(De,{text:"There was an error fetching data, please refresh the page."}):o.jsx(tt,{...s})}function tt({customFields:s,projectData:t,isMirrored:e,settings:i,viewSettings:l}){const{eventNext:h,eventNow:d,message:r,time:a,clock:p,timerTypeNow:f,countToEndNow:B,auxTimer:y}=be(),{hideClock:Z,hideCards:_,hideProgress:W,hideMessage:A,hideSecondary:U,hideLogo:R,hideTimerSeconds:w,removeLeadingZeros:S,mainSource:K,secondarySource:Q,timerType:C,freezeOvertime:k,freezeMessage:O,hidePhase:$,font:N,keyColour:P,timerColour:q}=Ye(),{getLocalizedString:j}=xe(),M=j("common.minutes"),g=C??f,V=ke(r.timer),{showEndMessage:G,showFinished:v,showWarning:J,showDanger:X}=Oe(f,B,a.phase,k,O,$),F=Ne(a.playback),Y=!Z&&Pe(g),ee=!W&&je(g),{showNow:te,nowMain:oe,nowSecondary:se,showNext:ie,nextMain:re,nextSecondary:ae}=Me(d,h,K,Q,a.playback,a.phase),ne=Ve(a.duration,a.addedTime),le=we(p),de=Ze(k,f,p,a,C),z=_e(de,g,M,{removeSeconds:w,removeLeadingZero:S}),me=r.timer.secondarySource==="aux1"?y.aux1:r.timer.secondarySource==="aux2"?y.aux2:r.timer.secondarySource==="aux3"?y.aux3:null,T=Fe(r,me,M,w,S,U),L=We(l,q,J,X),ce=ze(z,T),ue={...P&&{"--timer-bg":P},...L&&{"--timer-colour":L},...N&&{"--timer-font":N}},D=Se(i==null?void 0:i.timeFormat),pe=x.useMemo(()=>Je(D,s),[s,D]);return o.jsxs("div",{"data-testid":"timer-view",className:m(["stage-timer",e&&"mirror",v&&"stage-timer--finished"]),style:ue,children:[!R&&(t==null?void 0:t.logo)&&o.jsx(Ee,{name:t.logo,className:"logo"}),o.jsx(He,{target:Ce.Timer,viewOptions:pe}),o.jsx("div",{className:m(["blackout",r.timer.blackout&&"blackout--active"])}),!A&&o.jsx("div",{className:m(["message-overlay",V&&"message-overlay--active"]),children:o.jsx(b,{mode:"multi",min:32,max:256,className:m(["message",r.timer.blink&&"blink"]),children:r.timer.text})}),Y&&o.jsxs("div",{className:"clock-container",children:[o.jsx("div",{className:"label",children:j("common.time_now")}),o.jsx(Be,{time:le,className:"clock"})]}),o.jsxs("div",{className:m(["timer-container",r.timer.blink&&!V&&"blink"]),children:[G?o.jsx(b,{mode:"multi",min:64,max:256,className:"end-message",children:O}):o.jsx("div",{className:m(["timer",!F&&"timer--paused",v&&"timer--finished"]),style:{fontSize:`${ce}vw`},"data-type":g,"data-phase":a.phase,children:z}),o.jsx("div",{className:m(["secondary",!T&&"secondary--hidden"]),children:o.jsx(b,{mode:"multi",min:64,max:256,children:T})})]}),ee&&o.jsx(Le,{className:m(["progress-container",!F&&"progress-container--paused"]),now:a.current,complete:ne,normalColor:l.normalColor,warning:d==null?void 0:d.timeWarning,warningColor:l.warningColor,danger:d==null?void 0:d.timeDanger,dangerColor:l.dangerColor,hideOvertime:!v}),!_&&o.jsxs(o.Fragment,{children:[te&&o.jsx(E,{className:"event now",label:"now",title:oe,secondary:se}),ie&&o.jsx(E,{className:"event next",label:"next",title:re,secondary:ae})]})]})}export{St as default};
-//# sourceMappingURL=Timer-CGqVtVEC.js.map

package/client/assets/Timer-CGqVtVEC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timer-CGqVtVEC.js","sources":["../../src/views/timer/timer.options.ts","../../src/views/timer/useTimerData.ts","../../src/views/timer/Timer.tsx"],"sourcesContent":["import { use, useMemo } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { CustomFields, OntimeEvent, TimerType } from 'ontime-types';\nimport { validateTimerType } from 'ontime-utils';\n\nimport type { SelectOption } from '../../common/components/select/Select';\nimport {\n  getTimeOption,\n  hideTimerSeconds,\n  showLeadingZeros,\n} from '../../common/components/view-params-editor/common.options';\nimport { OptionTitle } from '../../common/components/view-params-editor/constants';\nimport { ViewOption } from '../../common/components/view-params-editor/viewParams.types';\nimport { makeOptionsFromCustomFields } from '../../common/components/view-params-editor/viewParams.utils';\nimport { PresetContext } from '../../common/context/PresetContext';\nimport { isStringBoolean, makeColourString } from '../../features/viewers/common/viewUtils';\n\n// manually match the properties of TimerType excluding the None\nconst timerDisplayOptions: SelectOption[] = [\n  { value: 'no-overrides', label: 'No Overrides' },\n  { value: TimerType.CountUp, label: 'Count Up' },\n  { value: TimerType.CountDown, label: 'Count Down' },\n  { value: TimerType.Clock, label: 'Clock' },\n];\n\nexport const getTimerOptions = (timeFormat: string, customFields: CustomFields): ViewOption[] => {\n  const mainOptions = makeOptionsFromCustomFields(customFields, [\n    { value: 'none', label: 'None' },\n    { value: 'title', label: 'Title' },\n    { value: 'note', label: 'Note' },\n  ]);\n  const secondaryOptions = makeOptionsFromCustomFields(customFields, [\n    { value: 'none', label: 'None' },\n    { value: 'title', label: 'Title' },\n    { value: 'note', label: 'Note' },\n  ]);\n\n  return [\n    { title: OptionTitle.ClockOptions, collapsible: true, options: [getTimeOption(timeFormat)] },\n    {\n      title: OptionTitle.TimerOptions,\n      collapsible: true,\n      options: [\n        hideTimerSeconds,\n        showLeadingZeros,\n        {\n          id: 'timerType',\n          title: 'Timer type',\n          description: 'Override the timer type',\n          type: 'option',\n          values: timerDisplayOptions,\n          defaultValue: 'no-overrides',\n        },\n        {\n          id: 'freezeOvertime',\n          title: 'Freeze Overtime',\n          description: 'If active, the timer will not count into negative numbers',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'freezeMessage',\n          title: 'Freeze Message',\n          description:\n            'An optional message to show when the timer is in overtime (must be set in combination with Freeze Overtime)',\n          type: 'string',\n          defaultValue: '',\n          placeholder: 'e.g. Time is up!',\n        },\n        {\n          id: 'hidePhase',\n          title: 'Hide progress styles',\n          description: 'Whether to suppress the progress styles (warning, danger and overtime)',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      title: OptionTitle.DataSources,\n      collapsible: true,\n      options: [\n        {\n          id: 'main',\n          title: 'Main text',\n          description: 'Select the data source for the main text',\n          type: 'option',\n          values: mainOptions,\n          defaultValue: 'title',\n        },\n        {\n          id: 'secondary-src',\n          title: 'Secondary text',\n          description: 'Select the data source for the secondary text',\n          type: 'option',\n          values: secondaryOptions,\n          defaultValue: 'none',\n        },\n      ],\n    },\n    {\n      title: OptionTitle.ElementVisibility,\n      collapsible: true,\n      options: [\n        {\n          id: 'hideClock',\n          title: 'Hide Time Now',\n          description: 'Hides the Time Now field',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'hideCards',\n          title: 'Hide Cards',\n          description: 'Hides the Now and Next cards',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'hideProgress',\n          title: 'Hide progress bar',\n          description: 'Hides the progress bar',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'hideMessage',\n          title: 'Hide Timer Message',\n          description: 'Prevents displaying fullscreen messages in the timer',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'hideSecondary',\n          title: 'Hide Auxiliary timer / Secondary message',\n          description: 'Prevents the screen from displaying the secondary timer field',\n          type: 'boolean',\n          defaultValue: false,\n        },\n        {\n          id: 'hideLogo',\n          title: 'Hide the project logo',\n          description: 'Prevents the screen from displaying the given project logo',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n    {\n      title: OptionTitle.StyleOverride,\n      collapsible: true,\n      options: [\n        {\n          id: 'font',\n          title: 'Font',\n          description: 'Font family, will use the fonts available in the system',\n          type: 'string',\n          placeholder: 'Open Sans (default)',\n        },\n        {\n          id: 'keyColour',\n          title: 'Key Colour',\n          description: 'Background or key colour for entire view. Default: #101010',\n          type: 'colour',\n          defaultValue: '101010',\n        },\n        {\n          id: 'timerColour',\n          title: 'Timer Colour',\n          description: 'Timer colour. Default: #f6f6f6',\n          type: 'colour',\n          defaultValue: 'f6f6f6',\n        },\n      ],\n    },\n  ];\n};\n\ntype TimerOptions = {\n  hideClock: boolean;\n  hideCards: boolean;\n  hideProgress: boolean;\n  hideMessage: boolean;\n  hideSecondary: boolean;\n  hideLogo: boolean;\n  hideTimerSeconds: boolean;\n  removeLeadingZeros: boolean;\n  mainSource: keyof OntimeEvent | null;\n  secondarySource: keyof OntimeEvent | null;\n  timerType?: TimerType;\n  freezeOvertime: boolean;\n  freezeMessage: string;\n  hidePhase: boolean;\n  font?: string;\n  keyColour?: string;\n  timerColour?: string;\n};\n\n/**\n * Utility extract the view options from URL Params\n * the names and fallbacks are manually matched with timerOptions\n */\nfunction getOptionsFromParams(searchParams: URLSearchParams, defaultValues?: URLSearchParams): TimerOptions {\n  // Helper to get value from either source, prioritizing defaultValues\n  const getValue = (key: string) => defaultValues?.get(key) ?? searchParams.get(key);\n\n  // Get timerType from either source\n  const timerType = validateTimerType(getValue('timerType'), TimerType.None);\n\n  return {\n    hideClock: isStringBoolean(getValue('hideClock')),\n    hideCards: isStringBoolean(getValue('hideCards')),\n    hideProgress: isStringBoolean(getValue('hideProgress')),\n    hideMessage: isStringBoolean(getValue('hideMessage')),\n    hideSecondary: isStringBoolean(getValue('hideSecondary')),\n    hideLogo: isStringBoolean(getValue('hideLogo')),\n    hideTimerSeconds: isStringBoolean(getValue('hideTimerSeconds')),\n    removeLeadingZeros: !isStringBoolean(getValue('showLeadingZeros')),\n\n    mainSource: getValue('main') as keyof OntimeEvent | null,\n    secondarySource: getValue('secondary-src') as keyof OntimeEvent | null,\n\n    // none doesnt make sense as a configuration of the view\n    timerType: timerType === TimerType.None ? undefined : timerType,\n    freezeOvertime: isStringBoolean(getValue('freezeOvertime')),\n    freezeMessage: getValue('freezeMessage') ?? '',\n    hidePhase: isStringBoolean(getValue('hidePhase')),\n\n    font: getValue('font') ?? undefined,\n    keyColour: makeColourString(getValue('keyColour')),\n    timerColour: makeColourString(getValue('timerColour')),\n  };\n}\n\n/**\n * Hook exposes the timer view options\n */\nexport function useTimerOptions(): TimerOptions {\n  const [searchParams] = useSearchParams();\n  const maybePreset = use(PresetContext);\n\n  const options = useMemo(() => {\n    const defaultValues = maybePreset ? new URLSearchParams(maybePreset.search) : undefined;\n    return getOptionsFromParams(searchParams, defaultValues);\n  }, [maybePreset, searchParams]);\n\n  return options;\n}\n","import { CustomFields, ProjectData, Settings, ViewSettings } from 'ontime-types';\n\nimport useCustomFields from '../../common/hooks-query/useCustomFields';\nimport useProjectData from '../../common/hooks-query/useProjectData';\nimport useSettings from '../../common/hooks-query/useSettings';\nimport useViewSettings from '../../common/hooks-query/useViewSettings';\nimport { useViewOptionsStore } from '../../common/stores/viewOptions';\nimport { aggregateQueryStatus, ViewData } from '../utils/viewLoader.utils';\n\nexport interface TimerData {\n  customFields: CustomFields;\n  projectData: ProjectData;\n  isMirrored: boolean;\n  settings: Settings;\n  viewSettings: ViewSettings;\n}\n\nexport function useTimerData(): ViewData<TimerData> {\n  // persisted app state\n  const isMirrored = useViewOptionsStore((state) => state.mirror);\n\n  // HTTP API data\n  const { data: projectData, status: projectDataStatus } = useProjectData();\n  const { data: viewSettings, status: viewSettingsStatus } = useViewSettings();\n  const { data: settings, status: settingsStatus } = useSettings();\n  const { data: customFields, status: customFieldsStatus } = useCustomFields();\n\n  return {\n    data: {\n      customFields,\n      projectData,\n      isMirrored,\n      settings,\n      viewSettings,\n    },\n    status: aggregateQueryStatus([projectDataStatus, viewSettingsStatus, settingsStatus, customFieldsStatus]),\n  };\n}\n","import { useMemo } from 'react';\nimport { OntimeView } from 'ontime-types';\n\nimport { FitText } from '../../common/components/fit-text/FitText';\nimport MultiPartProgressBar from '../../common/components/multi-part-progress-bar/MultiPartProgressBar';\nimport EmptyPage from '../../common/components/state/EmptyPage';\nimport TitleCard from '../../common/components/title-card/TitleCard';\nimport ViewLogo from '../../common/components/view-logo/ViewLogo';\nimport ViewParamsEditor from '../../common/components/view-params-editor/ViewParamsEditor';\nimport { useTimerSocket } from '../../common/hooks/useSocket';\nimport { useWindowTitle } from '../../common/hooks/useWindowTitle';\nimport { cx } from '../../common/utils/styleUtils';\nimport { formatTime, getDefaultFormat } from '../../common/utils/time';\nimport SuperscriptTime from '../../features/viewers/common/superscript-time/SuperscriptTime';\nimport { getFormattedTimer, getTimerByType } from '../../features/viewers/common/viewUtils';\nimport { useTranslation } from '../../translation/TranslationProvider';\nimport Loader from '../common/loader/Loader';\nimport { getTimerColour } from '../utils/presentation.utils';\n\nimport { getTimerOptions, useTimerOptions } from './timer.options';\nimport {\n  getCardData,\n  getEstimatedFontSize,\n  getIsPlaying,\n  getSecondaryDisplay,\n  getShowClock,\n  getShowMessage,\n  getShowModifiers,\n  getShowProgressBar,\n  getTotalTime,\n} from './timer.utils';\nimport { TimerData, useTimerData } from './useTimerData';\n\nimport './Timer.scss';\n\nexport default function TimerLoader() {\n  const { data, status } = useTimerData();\n\n  useWindowTitle('Timer');\n\n  if (status === 'pending') {\n    return <Loader />;\n  }\n\n  if (status === 'error') {\n    return <EmptyPage text='There was an error fetching data, please refresh the page.' />;\n  }\n\n  return <Timer {...data} />;\n}\n\nfunction Timer({ customFields, projectData, isMirrored, settings, viewSettings }: TimerData) {\n  const { eventNext, eventNow, message, time, clock, timerTypeNow, countToEndNow, auxTimer } = useTimerSocket();\n  const {\n    hideClock,\n    hideCards,\n    hideProgress,\n    hideMessage,\n    hideSecondary,\n    hideLogo,\n    hideTimerSeconds,\n    removeLeadingZeros,\n    mainSource,\n    secondarySource,\n    timerType,\n    freezeOvertime,\n    freezeMessage,\n    hidePhase,\n    font,\n    keyColour,\n    timerColour,\n  } = useTimerOptions();\n\n  const { getLocalizedString } = useTranslation();\n  const localisedMinutes = getLocalizedString('common.minutes');\n\n  // gather modifiers\n  const viewTimerType = timerType ?? timerTypeNow;\n  const showOverlay = getShowMessage(message.timer);\n  const { showEndMessage, showFinished, showWarning, showDanger } = getShowModifiers(\n    timerTypeNow,\n    countToEndNow,\n    time.phase,\n    freezeOvertime,\n    freezeMessage,\n    hidePhase,\n  );\n  const isPlaying = getIsPlaying(time.playback);\n  const showClock = !hideClock && getShowClock(viewTimerType);\n  const showProgressBar = !hideProgress && getShowProgressBar(viewTimerType);\n\n  // gather card data\n  const { showNow, nowMain, nowSecondary, showNext, nextMain, nextSecondary } = getCardData(\n    eventNow,\n    eventNext,\n    mainSource,\n    secondarySource,\n    time.playback,\n    time.phase,\n  );\n\n  // gather timer data\n  const totalTime = getTotalTime(time.duration, time.addedTime);\n  const formattedClock = formatTime(clock);\n  const stageTimer = getTimerByType(freezeOvertime, timerTypeNow, clock, time, timerType);\n  const display = getFormattedTimer(stageTimer, viewTimerType, localisedMinutes, {\n    removeSeconds: hideTimerSeconds,\n    removeLeadingZero: removeLeadingZeros,\n  });\n\n  const currentAux = (() => {\n    if (message.timer.secondarySource === 'aux1') {\n      return auxTimer.aux1;\n    }\n    if (message.timer.secondarySource === 'aux2') {\n      return auxTimer.aux2;\n    }\n    if (message.timer.secondarySource === 'aux3') {\n      return auxTimer.aux3;\n    }\n    return null;\n  })();\n\n  const secondaryContent = getSecondaryDisplay(\n    message,\n    currentAux,\n    localisedMinutes,\n    hideTimerSeconds,\n    removeLeadingZeros,\n    hideSecondary,\n  );\n\n  // gather presentation styles\n  const resolvedTimerColour = getTimerColour(viewSettings, timerColour, showWarning, showDanger);\n  const timerFontSize = getEstimatedFontSize(display, secondaryContent);\n  const userStyles = {\n    ...(keyColour && { '--timer-bg': keyColour }),\n    ...(resolvedTimerColour && { '--timer-colour': resolvedTimerColour }),\n    ...(font && { '--timer-font': font }),\n  };\n\n  // gather option data\n  const defaultFormat = getDefaultFormat(settings?.timeFormat);\n  const timerOptions = useMemo(() => getTimerOptions(defaultFormat, customFields), [customFields, defaultFormat]);\n\n  return (\n    <div\n      data-testid='timer-view'\n      className={cx(['stage-timer', isMirrored && 'mirror', showFinished && 'stage-timer--finished'])}\n      style={userStyles}\n    >\n      {!hideLogo && projectData?.logo && <ViewLogo name={projectData.logo} className='logo' />}\n\n      <ViewParamsEditor target={OntimeView.Timer} viewOptions={timerOptions} />\n\n      <div className={cx(['blackout', message.timer.blackout && 'blackout--active'])} />\n\n      {!hideMessage && (\n        <div className={cx(['message-overlay', showOverlay && 'message-overlay--active'])}>\n          <FitText mode='multi' min={32} max={256} className={cx(['message', message.timer.blink && 'blink'])}>\n            {message.timer.text}\n          </FitText>\n        </div>\n      )}\n\n      {showClock && (\n        <div className='clock-container'>\n          <div className='label'>{getLocalizedString('common.time_now')}</div>\n          <SuperscriptTime time={formattedClock} className='clock' />\n        </div>\n      )}\n\n      <div className={cx(['timer-container', message.timer.blink && !showOverlay && 'blink'])}>\n        {showEndMessage ? (\n          <FitText mode='multi' min={64} max={256} className='end-message'>\n            {freezeMessage}\n          </FitText>\n        ) : (\n          <div\n            className={cx(['timer', !isPlaying && 'timer--paused', showFinished && 'timer--finished'])}\n            style={{ fontSize: `${timerFontSize}vw` }}\n            data-type={viewTimerType}\n            data-phase={time.phase}\n          >\n            {display}\n          </div>\n        )}\n        <div className={cx(['secondary', !secondaryContent && 'secondary--hidden'])}>\n          <FitText mode='multi' min={64} max={256}>\n            {secondaryContent}\n          </FitText>\n        </div>\n      </div>\n\n      {showProgressBar && (\n        <MultiPartProgressBar\n          className={cx(['progress-container', !isPlaying && 'progress-container--paused'])}\n          now={time.current}\n          complete={totalTime}\n          normalColor={viewSettings.normalColor}\n          warning={eventNow?.timeWarning}\n          warningColor={viewSettings.warningColor}\n          danger={eventNow?.timeDanger}\n          dangerColor={viewSettings.dangerColor}\n          hideOvertime={!showFinished}\n        />\n      )}\n\n      {!hideCards && (\n        <>\n          {showNow && <TitleCard className='event now' label='now' title={nowMain} secondary={nowSecondary} />}\n          {showNext && <TitleCard className='event next' label='next' title={nextMain} secondary={nextSecondary} />}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["timerDisplayOptions","value","label","TimerType","CountUp","CountDown","Clock","getTimerOptions","timeFormat","customFields","mainOptions","makeOptionsFromCustomFields","secondaryOptions","title","OptionTitle","ClockOptions","collapsible","options","getTimeOption","TimerOptions","hideTimerSeconds","showLeadingZeros","id","description","type","values","defaultValue","placeholder","DataSources","ElementVisibility","StyleOverride","getOptionsFromParams","searchParams","defaultValues","getValue","key","get","timerType","validateTimerType","None","hideClock","isStringBoolean","hideCards","hideProgress","hideMessage","hideSecondary","hideLogo","removeLeadingZeros","mainSource","secondarySource","undefined","freezeOvertime","freezeMessage","hidePhase","font","keyColour","makeColourString","timerColour","useTimerOptions","useSearchParams","maybePreset","use","PresetContext","useMemo","URLSearchParams","search","useTimerData","isMirrored","useViewOptionsStore","state","mirror","data","projectData","status","projectDataStatus","useProjectData","viewSettings","viewSettingsStatus","useViewSettings","settings","settingsStatus","useSettings","customFieldsStatus","useCustomFields","aggregateQueryStatus","TimerLoader","useWindowTitle","Loader","jsx","EmptyPage","Timer","eventNext","eventNow","message","time","clock","timerTypeNow","countToEndNow","auxTimer","useTimerSocket","getLocalizedString","useTranslation","localisedMinutes","viewTimerType","showOverlay","getShowMessage","timer","showEndMessage","showFinished","showWarning","showDanger","getShowModifiers","phase","isPlaying","getIsPlaying","playback","showClock","getShowClock","showProgressBar","getShowProgressBar","showNow","nowMain","nowSecondary","showNext","nextMain","nextSecondary","getCardData","totalTime","getTotalTime","duration","addedTime","formattedClock","formatTime","stageTimer","getTimerByType","display","getFormattedTimer","removeSeconds","removeLeadingZero","currentAux","aux1","aux2","aux3","secondaryContent","getSecondaryDisplay","resolvedTimerColour","getTimerColour","timerFontSize","getEstimatedFontSize","userStyles","defaultFormat","getDefaultFormat","timerOptions","jsxs","cx","logo","ViewLogo","ViewParamsEditor","OntimeView","blackout","FitText","blink","text","SuperscriptTime","fontSize","MultiPartProgressBar","current","normalColor","timeWarning","warningColor","timeDanger","dangerColor","TitleCard"],"mappings":"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"}

package/client/assets/TimerControlExport-GJn4WWdH.js

@@ -1,2 +0,0 @@
-import{h as w,j as t,ay as W,bK as Y,T as Z,av as tt,y as st,bL as $,bM as q,bN as E,bO as et,bP as at,bQ as nt}from"./vendor-Cdwxo8bP.js";import{C as it}from"./EditorUtils-DoaSwWiz.js";import{h as n,y as T,e as z,I as ot,bF as c,bG as lt,bH as P,bI as h,bJ as I,bK as rt,m as g,bk as A,K as ct,k as S,s as dt,bL as mt,ax as ut,bz as xt,b8 as pt,bA as _t}from"./index-CoGiopcb.js";import{P as bt}from"./ProtectRoute-EejQ5o_H.js";import{T as M,A as ht}from"./TimeInput-Duzx40TC.js";import{p as L}from"./parseUserTime-DZJMcfuJ.js";import{T as R}from"./Tooltip-BQBvaIZx.js";import{u as yt}from"./useReport-zMbyWwpn.js";import{s as B}from"./Editor.module-DvV2efYs.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new s.Error().stack;e&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[e]="1f61ba2f-561a-4a52-9ca9-85aec5736d7d",s._sentryDebugIdIdentifier="sentry-dbid-1f61ba2f-561a-4a52-9ca9-85aec5736d7d")}catch{}})();function ft(s,e){return{start:s!==n.Stop&&s!==n.Play,pause:s===n.Play,roll:s!==n.Roll&&e!==T.Overtime,stop:s!==n.Stop,reload:s!==n.Stop&&s!==n.Roll}}const jt="_blink_yewzx_1",vt="_fourtyfive_yewzx_13",gt="_tapButton_yewzx_17",kt="_neutral_yewzx_29",Ct="_active_yewzx_51",Nt="_play_yewzx_66",Tt="_roll_yewzx_93",wt="_pause_yewzx_120",It="_ontime_yewzx_147",Pt="_stop_yewzx_174",At="_square_yewzx_201",St="_tight_yewzx_206",Rt="_fill_yewzx_211",j={blink:jt,fourtyfive:vt,tapButton:gt,neutral:kt,active:Ct,play:Nt,roll:Tt,pause:wt,ontime:It,stop:Pt,square:At,tight:St,fill:Rt},r=w.forwardRef((s,e)=>{const{children:a,disabled:i,onClick:l,theme:o="neutral",aspect:m="normal",active:u,className:x}=s;return t.jsx("button",{className:z([j.tapButton,x,j[o],j[m],u&&j.active]),disabled:i,type:"button",onClick:l,ref:e,children:a})});r.displayName="TabButton";const Bt="_addTime_18oax_17",Dt="_addButtons_18oax_24",$t="_tallButtons_18oax_30",v={addTime:Bt,addButtons:Dt,tallButtons:$t};function qt(s){const{playback:e}=s,[a,i]=W({key:"add-time",defaultValue:3e5}),l=(x,k)=>{const _=L(k);i(Math.min(_,ot))},o=x=>{x==="add"?c.addTime(a):c.addTime(-1*a)},u=!(e===n.Play||e===n.Pause)||a===0;return t.jsxs("div",{className:v.addTime,children:[t.jsx(M,{name:"addtime",submitHandler:l,time:a,placeholder:"Add time"}),t.jsxs("div",{className:v.addButtons,children:[t.jsx(r,{onClick:()=>o("remove"),disabled:u,className:v.tallButtons,children:t.jsx(Y,{})}),t.jsx(r,{onClick:()=>o("add"),disabled:u,className:v.tallButtons,children:t.jsx(Z,{})})]})]})}const Et="_label_tat6w_17",zt="_controls_tat6w_24",Mt="_input_tat6w_28",Lt="_twoSides_tat6w_34",Ft="_fakeInput_tat6w_42",y={label:Et,controls:zt,input:Mt,twoSides:Lt,fakeInput:Ft};function C({index:s}){const{playback:e,direction:a}=lt(s),{stop:i,setDirection:l}=I,o=()=>{const x=a===h.CountDown?h.CountUp:h.CountDown;l(s,x)},m=e!==P.Stop,u=e===P.Start?"pause":"play";return t.jsxs("label",{className:y.label,children:["Aux Timer ",s,t.jsxs("div",{className:y.controls,children:[t.jsxs("div",{className:y.input,children:[t.jsx(Ot,{index:s,isActive:m}),t.jsxs(r,{onClick:o,aspect:"tight",disabled:m,children:[a===h.CountDown&&t.jsx(tt,{"data-testid":`aux-timer-direction-${s}`}),a===h.CountUp&&t.jsx(st,{"data-testid":`aux-timer-direction-${s}`})]})]}),t.jsxs("div",{className:y.twoSides,children:[t.jsx(Ut,{index:s,action:u}),t.jsx(r,{onClick:()=>i(s),theme:n.Stop,disabled:!m,children:t.jsx($,{"data-testid":`aux-timer-stop-${s}`})})]})]})]})}function Ot({index:s,isActive:e}){const a=rt(s),{setDuration:i}=I,l=(o,m)=>{const u=L(m);i(s,u)};return e?t.jsx("div",{className:y.fakeInput,"data-testid":`time-label-aux${s}`,children:g(a)}):t.jsx(M,{submitHandler:l,name:`aux${s}`,time:a,placeholder:`Aux ${s}`})}function Ut({index:s,action:e}){const{start:a,pause:i}=I;return e==="play"?t.jsx(r,{onClick:()=>a(s),theme:n.Play,children:t.jsx(q,{"data-testid":`aux-timer-start-${s}`})}):t.jsx(r,{onClick:()=>i(s),theme:n.Pause,children:t.jsx(E,{"data-testid":`aux-timer-pause-${s}`})})}const Ht="_buttonContainer_1mqxq_17",Xt="_go_1mqxq_25",Gt="_playbackContainer_1mqxq_30",Kt="_transportContainer_1mqxq_37",Vt="_extra_1mqxq_44",Jt="_invertX_1mqxq_51",p={buttonContainer:Ht,go:Xt,playbackContainer:Gt,transportContainer:Kt,extra:Vt,invertX:Jt};function Qt(s){const{playback:e,numEvents:a,selectedEventIndex:i,timerPhase:l}=s,o=e===n.Roll,m=e===n.Play,u=e===n.Pause,x=e===n.Armed,k=i===0,_=i===a-1,f=a===0,F=o||f,O=o||f||_,U=o||f||k,b=ft(e,l),H=!b.start,X=!b.pause,G=!b.roll||f,K=!b.stop,V=!b.reload,[J,Q]=w.useMemo(()=>x?[c.start,"Start"]:_?[c.stop,"Finish"]:i===null?[c.startNext,"Start"]:[c.startNext,"Next"],[x,_,i]);return t.jsxs("div",{className:p.buttonContainer,children:[t.jsx(r,{disabled:F,onClick:J,aspect:"fill",className:p.go,children:Q}),t.jsxs("div",{className:p.playbackContainer,children:[t.jsx(r,{onClick:c.start,disabled:H,theme:n.Play,active:m,children:t.jsx(q,{})}),t.jsx(r,{onClick:c.pause,disabled:X,theme:n.Pause,active:u,children:t.jsx(E,{})})]}),t.jsxs("div",{className:p.transportContainer,children:[t.jsx(r,{onClick:c.previous,disabled:U,children:t.jsx(et,{})}),t.jsx(r,{onClick:c.next,disabled:O,children:t.jsx(at,{})})]}),t.jsxs("div",{className:p.extra,children:[t.jsx(r,{onClick:c.roll,disabled:G,theme:n.Roll,active:o,children:"Roll"}),t.jsx(r,{onClick:c.reload,disabled:V,children:t.jsx(nt,{className:p.invertX})}),t.jsx(r,{onClick:c.stop,disabled:K,theme:n.Stop,children:t.jsx($,{})})]})]})}const Wt="_timer_1f17d_21",Yt="_finished_1f17d_33",Zt="_muted_1f17d_36",N={timer:Wt,finished:Yt,muted:Zt};function ts(s){const{time:e}=s,a=(e??0)<0,i=e==null?A:g(e,{fallback:A}).replace("-",""),l=z([N.timer,a?N.finished:null,e===null&&N.muted]);return t.jsx("div",{className:l,children:i})}const ss="_timeContainer_b9r86_17",es="_indicators_b9r86_25",as="_indicatorRoll_b9r86_34",ns="_indicatorDelay_b9r86_35",is="_indicatorNegative_b9r86_36",os="_status_b9r86_65",ls="_tag_b9r86_72",rs="_time_b9r86_17",cs="_rolltag_b9r86_84",d={timeContainer:ss,indicators:es,indicatorRoll:as,indicatorDelay:ns,indicatorNegative:is,status:os,tag:ls,time:rs,rolltag:cs};function ds(s){return s>0?`Added ${S(s,!1)}`:s<0?`Removed ${S(Math.abs(s),!1)}`:""}function ms({children:s}){const e=ct(),a=e.playback===n.Roll,i=e.phase===T.Pending,l=e.phase===T.Overtime,o=!!e.addedTime,m=a?"Roll mode active":"",u=ds(e.addedTime);return t.jsxs("div",{className:d.timeContainer,children:[t.jsxs("div",{className:d.indicators,children:[t.jsx(R,{text:m,render:t.jsx("div",{}),className:d.indicatorRoll,"data-active":a}),t.jsx("div",{className:d.indicatorNegative,"data-active":l}),t.jsx(R,{text:u,render:t.jsx("div",{}),className:d.indicatorDelay,"data-active":o})]}),t.jsx(ts,{time:i?e.secondaryTimer:e.current}),t.jsx("div",{className:d.status,children:i?t.jsx("span",{className:d.rolltag,children:"Roll: Countdown to start"}):t.jsx(us,{startedAt:e.startedAt,expectedFinish:e.expectedFinish,playback:e.playback})}),s]})}function us({startedAt:s,expectedFinish:e,playback:a}){if(a===n.Stop)return t.jsx(xs,{});const i=g(s),l=e!==null?e%dt:null,o=g(l);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:d.start,children:[t.jsx("span",{className:d.tag,children:"Started at"}),t.jsx("span",{className:d.time,children:i})]}),t.jsxs("span",{className:d.finish,children:[t.jsx("span",{className:d.tag,children:"Expect end"}),t.jsx("span",{className:d.time,children:o})]})]})}function xs(){const{data:s}=yt();return Object.keys(s).length>0?t.jsx(ht,{search:"settings=sharing__report",children:"Go to report management"}):null}const ps="_mainContainer_1qlxm_17",_s="_auxTimers_1qlxm_22",D={mainContainer:ps,auxTimers:_s};function bs(){const s=mt();return t.jsxs("div",{className:D.mainContainer,children:[t.jsx(ms,{children:t.jsx(qt,{playback:s.playback})}),t.jsx(Qt,{playback:s.playback,numEvents:s.numEvents,selectedEventIndex:s.selectedEventIndex,timerPhase:s.timerPhase}),t.jsxs("div",{className:D.auxTimers,children:[t.jsx(C,{index:1}),t.jsx(C,{index:2}),t.jsx(C,{index:3})]})]})}const ws=w.memo(hs);function hs(){const s=window.location.pathname.includes("/timercontrol");return t.jsx(bt,{permission:"editor",children:t.jsxs("div",{className:B.playback,"data-testid":"panel-timer-control",children:[!s&&t.jsx(it,{onClick:e=>ut("timercontrol",e)}),s&&t.jsx(xt,{suppressSettings:!0,isNavigationLocked:pt()}),t.jsx("div",{className:B.content,children:t.jsx(_t,{children:t.jsx(bs,{})})})]})})}export{ws as default};
-//# sourceMappingURL=TimerControlExport-GJn4WWdH.js.map

package/client/assets/Tooltip-BQBvaIZx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip-BQBvaIZx.js","sources":["../../src/common/components/tooltip/Tooltip.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport { Tooltip as BaseTooltip } from '@base-ui-components/react/tooltip';\n\nimport style from './Tooltip.module.scss';\n\ninterface TooltipProps extends BaseTooltip.Trigger.Props {\n  text: string;\n}\n\nexport default function Tooltip({ text, children, ...triggerProps }: PropsWithChildren<TooltipProps>) {\n  return (\n    <BaseTooltip.Root>\n      <BaseTooltip.Trigger {...triggerProps}>{children}</BaseTooltip.Trigger>\n      <BaseTooltip.Portal>\n        <BaseTooltip.Positioner side='bottom' sideOffset={4}>\n          <BaseTooltip.Popup className={style.tooltip}>\n            <BaseTooltip.Arrow />\n            {text}\n          </BaseTooltip.Popup>\n        </BaseTooltip.Positioner>\n      </BaseTooltip.Portal>\n    </BaseTooltip.Root>\n  );\n}\n"],"names":["Tooltip","text","children","triggerProps","jsxs","BaseTooltip.Root","jsx","BaseTooltip.Trigger","BaseTooltip.Portal","BaseTooltip.Positioner","BaseTooltip.Popup","style","tooltip","BaseTooltip.Arrow"],"mappings":"6dASA,SAAwBA,EAAQ,CAAEC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAA8C,EAAG,CAElG,OAAAC,EAAA,KAACC,EAAA,CACC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CAAwBJ,GAAAA,EAAeD,SAAAA,CAAS,CAAA,QAChDM,EAAA,CACC,SAACF,EAAA,IAAAG,EAAA,CAAuB,KAAK,SAAS,WAAY,EAChD,SAACL,EAAAA,KAAAM,EAAA,CAAkB,UAAWC,EAAMC,QAClC,SAAA,CAACN,EAAA,IAAAO,EAAA,EAAiB,EACjBZ,CAAAA,CACH,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/client/assets/ViewParamsEditor-CFedpp6w.js

@@ -1,2 +0,0 @@
-import{l as x,j as t,h as d,ay as k,aT as V,D as N,q as E,s as D,t as F,G as I,v as O}from"./vendor-Cdwxo8bP.js";import{bi as $,e as g,B as j,ah as y,a as A,bj as H,D as z,ak as L}from"./index-CoGiopcb.js";import{C as R,I as B}from"./useWindowTitle-mLKt65i7.js";import{i as q}from"./viewUtils-dKRKkb_F.js";import{S as U}from"./Select-cHK8JrMG.js";import{d as W,S as M}from"./useProjectData-B5mjXsMj.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},s=new e.Error().stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="237de046-74c8-4e8e-b19d-22e2f22d42cf",e._sentryDebugIdIdentifier="sentry-dbid-237de046-74c8-4e8e-b19d-22e2f22d42cf")}catch{}})();function Ae(e,s=[],n=!0){const a=[...s];for(const[r,i]of Object.entries(e))n&&i.type==="image"||a.push({value:`custom-${r}`,label:`Custom: ${i.label}`});return a}function He(e,s=!0){const n=[];for(const[a,r]of Object.entries(e))s&&r.type==="image"||n.push({value:a,label:r.label,colour:r.colour});return n}function ze(e,s=[]){const n=e.custom.map((a,r)=>({value:`${r}-${a.title}`,label:a.title}));return[...s,...n]}function G(e){return e.startsWith("#")?e.substring(1):e}function J(e){const s={defaultValues:{},colorFields:new Set,booleanFields:new Set,isPersistedField:new Set,persistedValues:{}};return e.forEach(n=>{n.options.forEach(a=>{a.type==="persist"?(s.isPersistedField.add(a.id),a.values&&(s.persistedValues[a.id]=a.values)):s.defaultValues[a.id]=String(a.defaultValue),a.type==="colour"?s.colorFields.add(a.id):a.type==="boolean"&&s.booleanFields.add(a.id)})}),s}function K(e,s){const n=new URLSearchParams,a=new Set,r=J(s),i=(o,l)=>{const c=`${o}:${l}`;a.has(c)||(a.add(c),n.append(o,l))};return Object.entries(r.persistedValues).forEach(([o,l])=>{l.forEach(c=>{c&&i(o,c)})}),Object.entries(e).forEach(([o,l])=>{typeof l=="string"&&l.length&&(r.isPersistedField.has(o)&&(Array.from(a).forEach(c=>{c.startsWith(`${o}:`)&&a.delete(c)}),n.delete(o)),l.split(",").forEach(c=>{const f=r.colorFields.has(o)?G(c):r.booleanFields.has(o)?c==="on"?"true":"false":c;(r.isPersistedField.has(o)||r.defaultValues[o]!==f)&&i(o,f)}))}),n}const Q="_presetSection_gc8wt_17",T="_preset_gc8wt_17",X="_active_gc8wt_34",Y="_presetActions_gc8wt_38",p={presetSection:Q,preset:T,active:X,presetActions:Y};function Z({target:e}){const{viewPresets:s}=$(e),[n,a]=x(),r=i=>{const o=new URLSearchParams(i.search);o.set("alias",i.alias),a(o)};return s.length===0?null:t.jsx("div",{className:p.presetSection,children:s.map(i=>{const o=n.get("alias")===i.alias;return t.jsxs("div",{className:g([p.preset,o&&p.active]),children:[t.jsx("div",{children:i.alias}),t.jsx(j,{variant:o?"ghosted":"subtle-white",onClick:()=>r(i),disabled:o,className:p.presetActions,children:o?"Applied":"Apply"})]},i.alias)})})}var v=(e=>(e.ClockOptions="Clock Options",e.TimerOptions="Timer Options",e.DataSources="Data sources",e.ElementVisibility="Element visibility",e.BehaviourOptions="View behaviour",e.StyleOverride="View style override",e.Animation="View animation",e.Schedule="Schedule options",e.Hidden="Hidden options",e))(v||{});const ee="_inline_4jmjk_17",se={inline:ee},S=e=>e.startsWith("#")?e:`#${e}`;function te({name:e,value:s}){const[n,a]=d.useState(()=>S(s));return d.useEffect(()=>{a(S(s))},[s]),t.jsxs("div",{className:se.inline,children:[t.jsx(W,{color:n,onChange:a,alwaysDisplayColor:!0}),t.jsx("span",{children:n}),t.jsx("input",{type:"hidden",name:e,value:n})]})}const ae="_inline_7qz4u_17",ne="_toggleSelect_7qz4u_24",re="_empty_7qz4u_52",_={inline:ae,toggleSelect:ne,empty:re};function w({paramField:e}){const[s]=x(),{id:n,type:a,defaultValue:r}=e;if(a==="persist")return!e.values||!e.values.length?null:t.jsx("input",{hidden:!0,name:n,readOnly:!0,value:e.values.join(",")});if(a==="option"){const c=s.get(n)||r;return e.values.length===0?t.jsx("span",{className:_.empty,children:"No options available"}):t.jsx(le,{id:n,initialValue:c,options:e.values})}if(a==="multi-option"){const l=s.getAll(n);return t.jsx(oe,{paramField:e,options:l.length?l:e.defaultValue??[""]})}if(a==="boolean")return t.jsx(ie,{id:n,initialValue:q(s.get(n))??r});if(a==="number"){const{placeholder:l}=e,c=s.get(n)??r;return t.jsx(y,{height:"large",type:"number",step:"any",name:n,defaultValue:c,placeholder:l})}if(a==="colour")return t.jsx(te,{name:n,value:s.get(n)??r});const i=s.get(n)??r??"",{placeholder:o}=e;return t.jsx(ce,{id:n,initialValue:i,placeholder:o})}function oe({paramField:e,options:s}){const{id:n,values:a}=e,[r,i]=d.useState(s);d.useEffect(()=>{i(s)},[s]);const o=(l,c)=>{i(c?f=>[...f,l]:f=>f.filter(b=>b!==l))};return a.length===0?t.jsx("span",{className:_.empty,children:"No options available"}):t.jsxs(t.Fragment,{children:[t.jsx("input",{name:n,hidden:!0,readOnly:!0,value:r.join(",")}),t.jsx("div",{className:_.inline,children:a.map(l=>t.jsxs("label",{className:_.toggleSelect,style:{"--user-bg":l.colour},children:[t.jsx(R,{checked:r.includes(l.value),onCheckedChange:c=>o(l.value,c)}),l.label]},l.value))})]})}function ie({id:e,initialValue:s}){const[n,a]=d.useState(s);return d.useEffect(()=>{a(s)},[s]),t.jsx(M,{size:"large",name:e,checked:n,onCheckedChange:a})}function le({id:e,initialValue:s,options:n}){const[a,r]=d.useState(s);return d.useEffect(()=>{r(s)},[s]),t.jsx(U,{size:"large",name:e,options:n,value:a,onValueChange:i=>r(i)})}function ce({id:e,initialValue:s,...n}){const[a,r]=d.useState(s);return d.useEffect(()=>{r(s)},[s]),t.jsx(y,{height:"large",name:e,value:a,onChange:i=>r(i.target.value),...n})}const de="_section_1ssto_17",ue="_sectionHeader_1ssto_22",me="_collapsible_1ssto_28",fe="_label_1ssto_32",he="_title_1ssto_41",pe="_description_1ssto_47",_e="_closed_1ssto_53",ge="_open_1ssto_58",be="_hidden_1ssto_63",m={section:de,sectionHeader:ue,collapsible:me,label:fe,title:he,description:pe,closed:_e,open:ge,hidden:be};function je({title:e,collapsible:s,options:n}){const[a,r]=k({key:`params-${e}`,defaultValue:!1}),i=()=>{s&&r(o=>!o)};return t.jsx("section",{className:m.section,children:e===v.Hidden?t.jsx(Se,{options:n}):t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:g([m.sectionHeader,s&&m.collapsible]),onClick:i,children:[e,s&&t.jsx(V,{className:g([a?m.closed:m.open])})]}),t.jsx(xe,{options:n,collapsed:a})]})})}function xe({options:e,collapsed:s}){return t.jsx(t.Fragment,{children:e.map(n=>t.jsxs("label",{className:g([m.label,s&&m.hidden]),children:[t.jsx("span",{className:m.title,children:n.title}),t.jsx("span",{className:m.description,children:n.description}),t.jsx(w,{paramField:n})]},n.title))})}function Se({options:e}){return t.jsx(t.Fragment,{children:e.map((s,n)=>t.jsx(w,{paramField:s},s.title+n))})}const ye="_backdrop_1pnpt_26",ve="_drawer_1pnpt_17",we="_header_1pnpt_67",Pe="_body_1pnpt_77",Ce="_footer_1pnpt_84",ke="_sectionList_1pnpt_92",Ve="_info_1pnpt_99",h={backdrop:ye,drawer:ve,header:we,body:Pe,footer:Ce,sectionList:ke,info:Ve},Le=d.memo(Ne);function Ne({target:e,viewOptions:s}){const[n,a]=x(),{data:r}=A(),{isOpen:i,close:o}=H(),l=z(),c=()=>{o()},f=()=>{a()},b=u=>{u.preventDefault();const P=Object.fromEntries(new FormData(u.currentTarget)),C=K(P,s);a(C),l&&o()};return t.jsx(N,{open:i,onOpenChange:u=>{u||c()},children:t.jsxs(E,{children:[t.jsx(D,{className:h.backdrop}),t.jsxs(F,{className:h.drawer,children:[t.jsxs("div",{className:h.header,children:[t.jsx(I,{children:"Customise"}),t.jsx(L,{variant:"subtle-white",size:"large","data-testid":"close-view-params",onClick:c,children:t.jsx(O,{})})]}),t.jsxs("div",{className:h.body,children:[r.overrideStyles&&t.jsx(B,{className:h.info,children:"This view style is being modified by a custom CSS file."}),t.jsx(Z,{target:e}),t.jsx("form",{id:"edit-params-form",onSubmit:b,className:h.sectionList,children:s.map(u=>t.jsx(je,{title:u.title,collapsible:u.collapsible,options:u.options},u.title))})]}),t.jsxs("div",{className:h.footer,children:[t.jsx(j,{variant:"subtle",size:"large",onClick:f,type:"reset",children:"Reset to default"}),t.jsx(j,{variant:"primary",size:"large",form:"edit-params-form",type:"submit","data-testid":"apply-view-params",children:"Apply"})]})]})]})})}export{v as O,Le as V,ze as a,He as b,Ae as m};
-//# sourceMappingURL=ViewParamsEditor-CFedpp6w.js.map

package/client/assets/ViewParamsEditor-CFedpp6w.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ViewParamsEditor-CFedpp6w.js","sources":["../../src/common/components/view-params-editor/viewParams.utils.ts","../../src/common/components/view-params-editor/ViewParamsPresets.tsx","../../src/common/components/view-params-editor/constants.ts","../../src/common/components/view-params-editor/InlineColourPicker.tsx","../../src/common/components/view-params-editor/ParamInput.tsx","../../src/common/components/view-params-editor/ViewParamsSection.tsx","../../src/common/components/view-params-editor/ViewParamsEditor.tsx"],"sourcesContent":["import type { CustomFields, ProjectData } from 'ontime-types';\n\nimport type { SelectOption } from '../select/Select';\n\nimport type { MultiselectOption, ViewOption } from './viewParams.types';\n\n/**\n * Creates a list of custom fields for a select\n * Filters out image type custom fields\n */\nexport function makeOptionsFromCustomFields(\n  customFields: CustomFields,\n  additionalOptions: SelectOption[] = [],\n  filterImageType = true,\n): SelectOption[] {\n  const options: SelectOption[] = [...additionalOptions];\n\n  // Add custom fields first\n  for (const [key, value] of Object.entries(customFields)) {\n    if (filterImageType && value.type === 'image') {\n      continue;\n    }\n\n    options.push({\n      value: `custom-${key}`,\n      label: `Custom: ${value.label}`,\n    });\n  }\n\n  return options;\n}\n\n/**\n * Creates data for a multiselect component from custom fields\n * Filters out image type custom fields\n */\nexport function makeCustomFieldSelectOptions(customFields: CustomFields, filterImageType = true): MultiselectOption[] {\n  const options: MultiselectOption[] = [];\n\n  // Add custom fields first\n  for (const [key, value] of Object.entries(customFields)) {\n    if (filterImageType && value.type === 'image') {\n      continue;\n    }\n\n    options.push({\n      value: key,\n      label: value.label,\n      colour: value.colour,\n    });\n  }\n\n  return options;\n}\n\n/**\n * Creates data for a select element that displays project custom data\n */\nexport function makeProjectDataOptions(\n  projectData: ProjectData,\n  additionalOptions: SelectOption[] = [],\n): SelectOption[] {\n  const generatedOptions = projectData.custom.map((entry, index) => {\n    return {\n      value: `${index}-${entry.title}`,\n      label: entry.title,\n    };\n  });\n\n  return [...additionalOptions, ...generatedOptions];\n}\n\ntype ViewParamsObj = { [key: string]: string | FormDataEntryValue };\n\n/**\n * Utility remove the # character from a hex string\n */\nfunction sanitiseColour(colour: string) {\n  if (colour.startsWith('#')) {\n    return colour.substring(1);\n  }\n  return colour;\n}\n\ntype FieldMetadata = {\n  defaultValues: Record<string, string>;\n  colorFields: Set<string>;\n  booleanFields: Set<string>;\n  isPersistedField: Set<string>;\n  persistedValues: Record<string, string[]>;\n};\n\n/**\n * Utility collects metadata about fields from view options\n * - where are the default values\n * - which fields are colours\n * - which fields are persisted\n */\nfunction collectFieldMetadata(paramFields: ViewOption[]): FieldMetadata {\n  const metadata: FieldMetadata = {\n    defaultValues: {},\n    colorFields: new Set(),\n    booleanFields: new Set(),\n    isPersistedField: new Set(),\n    persistedValues: {},\n  };\n\n  paramFields.forEach((section) => {\n    section.options.forEach((option) => {\n      if (option.type === 'persist') {\n        metadata.isPersistedField.add(option.id);\n        if (option.values) {\n          metadata.persistedValues[option.id] = option.values;\n        }\n      } else {\n        metadata.defaultValues[option.id] = String(option.defaultValue);\n      }\n\n      if (option.type === 'colour') {\n        metadata.colorFields.add(option.id);\n      } else if (option.type === 'boolean') {\n        metadata.booleanFields.add(option.id);\n      }\n    });\n  });\n\n  return metadata;\n}\n\n/**\n * Makes a new URLSearchParams object from the given params object\n * @param paramsObj - The object containing parameters to be converted\n * @param paramFields - The view options that define the parameters\n * @returns A new URLSearchParams object with the parameters\n */\nexport function getURLSearchParamsFromObj(paramsObj: ViewParamsObj, paramFields: ViewOption[]) {\n  const newSearchParams = new URLSearchParams();\n  const addedPairs = new Set<string>();\n  const metadata = collectFieldMetadata(paramFields);\n\n  // Utility function to safely add params without duplicates\n  const addUniqueParam = (id: string, value: string) => {\n    const pair = `${id}:${value}`;\n    if (!addedPairs.has(pair)) {\n      addedPairs.add(pair);\n      newSearchParams.append(id, value);\n    }\n  };\n\n  // First add all persisted values\n  Object.entries(metadata.persistedValues).forEach(([id, values]) => {\n    values.forEach((value) => {\n      if (value) {\n        addUniqueParam(id, value);\n      }\n    });\n  });\n\n  // Then process user-provided values\n  Object.entries(paramsObj).forEach(([id, value]) => {\n    if (typeof value === 'string' && value.length) {\n      // For persisted fields, clear existing values before adding new ones\n      if (metadata.isPersistedField.has(id)) {\n        // Clear tracking of previous values for this field\n        Array.from(addedPairs).forEach((pair) => {\n          if (pair.startsWith(`${id}:`)) {\n            addedPairs.delete(pair);\n          }\n        });\n        newSearchParams.delete(id);\n      }\n\n      // Process and add new values\n      value.split(',').forEach((v) => {\n        // some field types need extra processing\n        const processedValue = (() => {\n          if (metadata.colorFields.has(id)) {\n            return sanitiseColour(v);\n          }\n          if (metadata.booleanFields.has(id)) {\n            return v === 'on' ? 'true' : 'false';\n          }\n          return v;\n        })();\n        if (metadata.isPersistedField.has(id) || metadata.defaultValues[id] !== processedValue) {\n          addUniqueParam(id, processedValue);\n        }\n      });\n    }\n  });\n\n  return newSearchParams;\n}\n","import { useSearchParams } from 'react-router';\nimport { OntimeView, URLPreset } from 'ontime-types';\n\nimport { useViewUrlPresets } from '../../hooks-query/useUrlPresets';\nimport { cx } from '../../utils/styleUtils';\nimport Button from '../buttons/Button';\n\nimport style from './ViewParamsPresets.module.scss';\n\n/**\n * Shows a list of presets for the current view\n */\nexport function ViewParamsPresets({ target }: { target: OntimeView }) {\n  const { viewPresets } = useViewUrlPresets(target);\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const handleRecall = (preset: URLPreset) => {\n    const newSearch = new URLSearchParams(preset.search);\n    newSearch.set('alias', preset.alias);\n    setSearchParams(newSearch);\n  };\n\n  if (viewPresets.length === 0) {\n    return null;\n  }\n\n  return (\n    <div className={style.presetSection}>\n      {viewPresets.map((preset) => {\n        const active = searchParams.get('alias') === preset.alias;\n        return (\n          <div key={preset.alias} className={cx([style.preset, active && style.active])}>\n            <div>{preset.alias}</div>\n            <Button\n              variant={active ? 'ghosted' : 'subtle-white'}\n              onClick={() => handleRecall(preset)}\n              disabled={active}\n              className={style.presetActions}\n            >\n              {active ? 'Applied' : 'Apply'}\n            </Button>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n","/**\n * Gathers possible titles for view options\n */\nexport enum OptionTitle {\n  ClockOptions = 'Clock Options',\n  TimerOptions = 'Timer Options',\n  DataSources = 'Data sources',\n  ElementVisibility = 'Element visibility',\n  BehaviourOptions = 'View behaviour',\n  StyleOverride = 'View style override',\n  Animation = 'View animation',\n  Schedule = 'Schedule options',\n\n  /** rendered as hidden inputs */\n  Hidden = 'Hidden options',\n}\n","import { useEffect, useState } from 'react';\n\nimport SwatchPicker from '../input/colour-input/SwatchPicker';\n\nimport style from './InlineColourPicker.module.scss';\n\ninterface InlineColourPickerProps {\n  name: string;\n  value: string;\n}\n\nconst ensureHex = (value: string) => {\n  if (!value.startsWith('#')) {\n    return `#${value}`;\n  }\n  return value;\n};\n\nexport default function InlineColourPicker({ name, value }: InlineColourPickerProps) {\n  const [colour, setColour] = useState(() => ensureHex(value));\n\n  useEffect(() => {\n    setColour(ensureHex(value));\n  }, [value]);\n\n  return (\n    <div className={style.inline}>\n      <SwatchPicker color={colour} onChange={setColour} alwaysDisplayColor />\n      <span>{colour}</span>\n      <input type='hidden' name={name} value={colour} />\n    </div>\n  );\n}\n","import { ComponentProps, useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router';\n\nimport { isStringBoolean } from '../../../features/viewers/common/viewUtils';\nimport Checkbox from '../checkbox/Checkbox';\nimport Input from '../input/input/Input';\nimport Select, { SelectOption } from '../select/Select';\nimport Switch from '../switch/Switch';\n\nimport InlineColourPicker from './InlineColourPicker';\nimport { ParamField } from './viewParams.types';\n\nimport style from './ParamInput.module.scss';\n\ninterface ParamInputProps {\n  paramField: ParamField;\n}\n\nexport default function ParamInput({ paramField }: ParamInputProps) {\n  const [searchParams] = useSearchParams();\n  const { id, type, defaultValue } = paramField;\n\n  if (type === 'persist') {\n    if (!paramField.values || !paramField.values.length) {\n      return null;\n    }\n    return <input hidden name={id} readOnly value={paramField.values.join(',')} />;\n  }\n\n  if (type === 'option') {\n    const optionFromParams = searchParams.get(id);\n    const defaultOptionValue = optionFromParams || defaultValue;\n\n    if (paramField.values.length === 0) {\n      return <span className={style.empty}>No options available</span>;\n    }\n\n    return <ControlledSelect id={id} initialValue={defaultOptionValue} options={paramField.values} />;\n  }\n\n  if (type === 'multi-option') {\n    const optionFromParams = searchParams.getAll(id);\n\n    return (\n      <MultiOption\n        paramField={paramField}\n        options={optionFromParams.length ? optionFromParams : paramField.defaultValue ?? ['']}\n      />\n    );\n  }\n\n  if (type === 'boolean') {\n    return <ControlledSwitch id={id} initialValue={isStringBoolean(searchParams.get(id)) ?? defaultValue} />;\n  }\n\n  if (type === 'number') {\n    const { placeholder } = paramField;\n    const defaultNumberValue = searchParams.get(id) ?? defaultValue;\n\n    return (\n      <Input\n        height='large'\n        type='number'\n        step='any'\n        name={id}\n        defaultValue={defaultNumberValue}\n        placeholder={placeholder}\n      />\n    );\n  }\n\n  if (type === 'colour') {\n    return <InlineColourPicker name={id} value={searchParams.get(id) ?? defaultValue} />;\n  }\n\n  const defaultStringValue = searchParams.get(id) ?? defaultValue ?? '';\n  const { placeholder } = paramField;\n\n  return <ControlledInput id={id} initialValue={defaultStringValue} placeholder={placeholder} />;\n}\n\ninterface EditFormMultiOptionProps {\n  paramField: ParamField & { type: 'multi-option' };\n  options: string[];\n}\n\nfunction MultiOption({ paramField, options }: EditFormMultiOptionProps) {\n  const { id, values } = paramField;\n  const [paramState, setParamState] = useState<string[]>(options);\n\n  // synchronise options\n  useEffect(() => {\n    setParamState(options);\n  }, [options]);\n\n  const toggleValue = (value: string, checked: boolean) => {\n    if (checked) {\n      setParamState((prev) => [...prev, value]);\n    } else {\n      setParamState((prev) => prev.filter((v) => v !== value));\n    }\n  };\n\n  if (values.length === 0) {\n    return <span className={style.empty}>No options available</span>;\n  }\n\n  return (\n    <>\n      <input name={id} hidden readOnly value={paramState.join(',')} />\n      <div className={style.inline}>\n        {values.map((option) => {\n          return (\n            <label\n              key={option.value}\n              className={style.toggleSelect}\n              style={{\n                '--user-bg': option.colour,\n              }}\n            >\n              <Checkbox\n                checked={paramState.includes(option.value)}\n                onCheckedChange={(checked) => toggleValue(option.value, checked as boolean)}\n              />\n              {option.label}\n            </label>\n          );\n        })}\n      </div>\n    </>\n  );\n}\n\ninterface ControlledSwitchProps {\n  id: string;\n  initialValue: boolean;\n}\nfunction ControlledSwitch({ id, initialValue }: ControlledSwitchProps) {\n  const [checked, setChecked] = useState(initialValue);\n\n  // synchronise checked state\n  useEffect(() => {\n    setChecked(initialValue);\n  }, [initialValue]);\n\n  return <Switch size='large' name={id} checked={checked} onCheckedChange={setChecked} />;\n}\n\ninterface ControlledSelectProps {\n  id: string;\n  initialValue?: string;\n  options: SelectOption[];\n}\nfunction ControlledSelect({ id, initialValue, options }: ControlledSelectProps) {\n  const [selected, setSelected] = useState(initialValue);\n\n  // synchronise selected state\n  useEffect(() => {\n    setSelected(initialValue);\n  }, [initialValue]);\n\n  return (\n    <Select size='large' name={id} options={options} value={selected} onValueChange={(value) => setSelected(value)} />\n  );\n}\n\ninterface ControlledInputProps<T extends number | string> extends ComponentProps<typeof Input> {\n  id: string;\n  initialValue: T;\n}\nfunction ControlledInput<T extends number | string>({ id, initialValue, ...inputProps }: ControlledInputProps<T>) {\n  const [value, setValue] = useState(initialValue);\n\n  // synchronise selected state\n  useEffect(() => {\n    setValue(initialValue);\n  }, [initialValue]);\n\n  return (\n    <Input\n      height='large'\n      name={id}\n      value={value}\n      onChange={(event) => setValue(event.target.value as T)}\n      {...inputProps}\n    />\n  );\n}\n","import { IoChevronDown } from 'react-icons/io5';\nimport { useLocalStorage } from '@mantine/hooks';\n\nimport { cx } from '../../utils/styleUtils';\n\nimport { OptionTitle } from './constants';\nimport ParamInput from './ParamInput';\nimport { type ParamField } from './viewParams.types';\n\nimport style from './ViewParamsSection.module.scss';\n\ninterface ViewParamsSectionProps {\n  title: string;\n  collapsible?: boolean;\n  options: ParamField[];\n}\n\nexport default function ViewParamsSection({ title, collapsible, options }: ViewParamsSectionProps) {\n  const [collapsed, setCollapsed] = useLocalStorage({ key: `params-${title}`, defaultValue: false });\n\n  const handleCollapse = () => {\n    if (collapsible) {\n      setCollapsed((prev) => !prev);\n    }\n  };\n\n  return (\n    <section className={style.section}>\n      {title === OptionTitle.Hidden ? (\n        <HiddenContents options={options} />\n      ) : (\n        <>\n          <div className={cx([style.sectionHeader, collapsible && style.collapsible])} onClick={handleCollapse}>\n            {title}\n            {collapsible && <IoChevronDown className={cx([collapsed ? style.closed : style.open])} />}\n          </div>\n          <SectionContents options={options} collapsed={collapsed} />\n        </>\n      )}\n    </section>\n  );\n}\n\ninterface SectionContentsProps {\n  options: ParamField[];\n  collapsed: boolean;\n}\n\nfunction SectionContents({ options, collapsed }: SectionContentsProps) {\n  return (\n    <>\n      {options.map((option) => {\n        return (\n          <label key={option.title} className={cx([style.label, collapsed && style.hidden])}>\n            <span className={style.title}>{option.title}</span>\n            <span className={style.description}>{option.description}</span>\n            <ParamInput paramField={option} />\n          </label>\n        );\n      })}\n    </>\n  );\n}\n\nfunction HiddenContents({ options }: { options: ParamField[] }) {\n  return (\n    <>\n      {options.map((option, index) => {\n        return <ParamInput key={option.title + index} paramField={option} />;\n      })}\n    </>\n  );\n}\n","import { FormEvent, memo } from 'react';\nimport { IoClose } from 'react-icons/io5';\nimport { useSearchParams } from 'react-router';\nimport { Dialog } from '@base-ui-components/react/dialog';\nimport { OntimeView } from 'ontime-types';\n\nimport { useIsSmallScreen } from '../../hooks/useIsSmallScreen';\nimport useViewSettings from '../../hooks-query/useViewSettings';\nimport Button from '../buttons/Button';\nimport IconButton from '../buttons/IconButton';\nimport Info from '../info/Info';\n\nimport { ViewOption } from './viewParams.types';\nimport { getURLSearchParamsFromObj } from './viewParams.utils';\nimport { useViewParamsEditorStore } from './viewParamsEditor.store';\nimport { ViewParamsPresets } from './ViewParamsPresets';\nimport ViewParamsSection from './ViewParamsSection';\n\nimport style from './ViewParamsEditor.module.scss';\n\ninterface EditFormDrawerProps {\n  target: OntimeView;\n  viewOptions: ViewOption[];\n}\n\nexport default memo(ViewParamsEditor);\nfunction ViewParamsEditor({ target, viewOptions }: EditFormDrawerProps) {\n  const [_, setSearchParams] = useSearchParams();\n  const { data: viewSettings } = useViewSettings();\n  const { isOpen, close } = useViewParamsEditorStore();\n  const isSmallScreen = useIsSmallScreen();\n\n  const handleClose = () => {\n    close();\n  };\n\n  const resetParams = () => {\n    setSearchParams();\n  };\n\n  const onParamsFormSubmit = (formEvent: FormEvent<HTMLFormElement>) => {\n    formEvent.preventDefault();\n\n    const newParamsObject = Object.fromEntries(new FormData(formEvent.currentTarget));\n    const newSearchParams = getURLSearchParamsFromObj(newParamsObject, viewOptions);\n    setSearchParams(newSearchParams);\n\n    if (isSmallScreen) {\n      close();\n    }\n  };\n\n  return (\n    <Dialog.Root\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open) {\n          handleClose();\n        }\n      }}\n    >\n      <Dialog.Portal>\n        <Dialog.Backdrop className={style.backdrop} />\n        <Dialog.Popup className={style.drawer}>\n          <div className={style.header}>\n            <Dialog.Title>Customise</Dialog.Title>\n            <IconButton variant='subtle-white' size='large' data-testid='close-view-params' onClick={handleClose}>\n              <IoClose />\n            </IconButton>\n          </div>\n          <div className={style.body}>\n            {viewSettings.overrideStyles && (\n              <Info className={style.info}>This view style is being modified by a custom CSS file.</Info>\n            )}\n            <ViewParamsPresets target={target} />\n            <form id='edit-params-form' onSubmit={onParamsFormSubmit} className={style.sectionList}>\n              {viewOptions.map((section) => (\n                <ViewParamsSection\n                  key={section.title}\n                  title={section.title}\n                  collapsible={section.collapsible}\n                  options={section.options}\n                />\n              ))}\n            </form>\n          </div>\n          <div className={style.footer}>\n            <Button variant='subtle' size='large' onClick={resetParams} type='reset'>\n              Reset to default\n            </Button>\n            <Button\n              variant='primary'\n              size='large'\n              form='edit-params-form'\n              type='submit'\n              data-testid='apply-view-params'\n            >\n              Apply\n            </Button>\n          </div>\n        </Dialog.Popup>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n}\n"],"names":["makeOptionsFromCustomFields","customFields","additionalOptions","filterImageType","options","key","value","Object","entries","type","push","label","makeCustomFieldSelectOptions","colour","makeProjectDataOptions","projectData","generatedOptions","custom","map","entry","index","title","sanitiseColour","startsWith","substring","collectFieldMetadata","paramFields","metadata","defaultValues","colorFields","Set","booleanFields","isPersistedField","persistedValues","forEach","section","option","add","id","values","String","defaultValue","getURLSearchParamsFromObj","paramsObj","newSearchParams","URLSearchParams","addedPairs","addUniqueParam","pair","has","append","length","Array","from","delete","split","v","processedValue","ViewParamsPresets","target","viewPresets","useViewUrlPresets","searchParams","setSearchParams","useSearchParams","handleRecall","preset","newSearch","search","set","alias","style","presetSection","active","get","jsxs","cx","jsx","Button","presetActions","OptionTitle","ClockOptions","TimerOptions","DataSources","ElementVisibility","BehaviourOptions","StyleOverride","Animation","Schedule","Hidden","ensureHex","InlineColourPicker","name","setColour","useState","useEffect","inline","SwatchPicker","ParamInput","paramField","join","defaultOptionValue","empty","ControlledSelect","optionFromParams","getAll","MultiOption","ControlledSwitch","isStringBoolean","placeholder","defaultNumberValue","Input","defaultStringValue","ControlledInput","paramState","setParamState","toggleValue","checked","prev","filter","Fragment","toggleSelect","Checkbox","includes","initialValue","setChecked","Switch","selected","setSelected","Select","inputProps","setValue","event","ViewParamsSection","collapsible","collapsed","setCollapsed","useLocalStorage","handleCollapse","HiddenContents","sectionHeader","IoChevronDown","closed","open","SectionContents","hidden","description","memo","ViewParamsEditor","viewOptions","_","data","viewSettings","useViewSettings","isOpen","close","useViewParamsEditorStore","isSmallScreen","useIsSmallScreen","handleClose","resetParams","onParamsFormSubmit","formEvent","preventDefault","newParamsObject","fromEntries","FormData","currentTarget","Dialog.Root","Dialog.Portal","Dialog.Backdrop","backdrop","Dialog.Popup","drawer","header","Dialog.Title","IconButton","IoClose","body","overrideStyles","Info","info","sectionList","footer"],"mappings":"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"}