@getontime/cli 4.0.0-beta.5 → 4.0.2

package/client/assets/{TimelinePage-BC-pnISF.js.map → TimelinePage-Cwm0svjN.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimelinePage-BC-pnISF.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: 'autosize',\n          title: 'Autosize timeline',\n          description: 'Timeline will adjust sizes to help with readability and automatically scroll if necessary',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n  ];\n};\n\ntype TimelineOptions = {\n  hidePast: boolean;\n  autosize: 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    autosize: isStringBoolean(getValue('autosize')),\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 * 2);\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: 'hh: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  return <div className={style.status}>{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, autosize } = 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: autosize,\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, autosize);\n  }, [rundown, scheduleStart, scheduleEnd, screenWidth, autosize]);\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, autosize && 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 * 2);\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 * 2);\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","dayInMs","normalisedPreviousEnd","scrollToComponent","componentRef","scrollRef","leftOffset","componentRect","scrollRect","left","useHorizontalFollowComponent","followRef","doFollow","selectedEventId","setScrollFlag","useEffect","useCallback","containerRef","offset","getTimelineOptions","timeFormat","OptionTitle","getTimeOption","getOptionsFromParams","searchParams","defaultValues","getValue","key","isStringBoolean","useTimelineOptions","useSearchParams","maybePreset","use","PresetContext","useMemo","getElementPosition","scheduleStart","scheduleEnd","eventStart","eventDuration","containerWidth","totalDuration","width","getStartHour","startTime","MILLIS_PER_HOUR","getEndHour","endTime","makeTimelineSections","firstHour","lastHour","timelineSections","i","getStatusLabel","timeToStart","status","formatDuration","MILLIS_PER_MINUTE","useScopedRundown","rundown","hidePast","scopedRundown","selectedIndex","firstStart","lastEntry","currentEntry","isOntimeEvent","isPlayableEvent","timeFromPrevious","isNewLatest","getUpcomingEvents","events","selectedId","now","getEventWithId","next","_a","getNextEvent","getFirstEvent","followedBy","_b","calculateTimelineLayout","canScroll","minWidth","smallestWidth","positions","start","duration","position","scale","pos","TimelineMarkers","props","startHour","endHour","elements","jsx","style","tag","formatOptions","TimelineEntry","colour","delay","hasLink","dayOffset","totalGap","isLinkedToLoaded","title","cue","ref","formattedStartTime","formatTime","formattedDuration","delayedStart","hasDelay","lighterColour","alpha","showTitle","smallArea","jsxs","cx","ActiveBlock","TimelineEntryStatus","Fragment","state","useExpectedStartData","getLocalizedString","useTranslation","getExpectedTimesFromExtendedEvent","statusText","useTimer","progress","getProgress","memo","Timeline","screenWidth","useViewportSize","autosize","selectedRef","useRef","scrollContainerRef","lastEvent","getLastEvent","totalWidth","playableEvents","event","currentStatus","statusMap","index","TimelineSection","category","content","sectionClasses","contentClasses","TimelineSections","titleNow","dueText","nextText","followedByText","nextStatus","followedByStatus","useTimelineData","rundownData","rundownStatus","useFlatRundownWithMetadata","projectData","projectDataStatus","useProjectData","settings","settingsStatus","useSettings","aggregateQueryStatus","TimelinePageLoader","data","useWindowTitle","Loader","EmptyPage","TimelinePage","useSelectedEventId","defaultFormat","getDefaultFormat","progressOptions","ViewParamsEditor","OntimeView","ViewLogo","TimelineClock","clock","useClock","formattedClock","SuperscriptTime"],"mappings":"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"}
+{"version":3,"file":"TimelinePage-Cwm0svjN.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: 'autosize',\n          title: 'Autosize timeline',\n          description: 'Timeline will adjust sizes to help with readability and automatically scroll if necessary',\n          type: 'boolean',\n          defaultValue: false,\n        },\n      ],\n    },\n  ];\n};\n\ntype TimelineOptions = {\n  hidePast: boolean;\n  autosize: 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    autosize: isStringBoolean(getValue('autosize')),\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 * 2);\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: 'hh: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  return <div className={style.status}>{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, autosize } = 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: autosize,\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, autosize);\n  }, [rundown, scheduleStart, scheduleEnd, screenWidth, autosize]);\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, autosize && 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 * 2);\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 * 2);\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","dayInMs","normalisedPreviousEnd","scrollToComponent","componentRef","scrollRef","leftOffset","componentRect","scrollRect","left","useHorizontalFollowComponent","followRef","doFollow","selectedEventId","setScrollFlag","useEffect","useCallback","containerRef","offset","getTimelineOptions","timeFormat","OptionTitle","getTimeOption","getOptionsFromParams","searchParams","defaultValues","getValue","key","isStringBoolean","useTimelineOptions","useSearchParams","maybePreset","use","PresetContext","useMemo","getElementPosition","scheduleStart","scheduleEnd","eventStart","eventDuration","containerWidth","totalDuration","width","getStartHour","startTime","MILLIS_PER_HOUR","getEndHour","endTime","makeTimelineSections","firstHour","lastHour","timelineSections","i","getStatusLabel","timeToStart","status","formatDuration","MILLIS_PER_MINUTE","useScopedRundown","rundown","hidePast","scopedRundown","selectedIndex","firstStart","lastEntry","currentEntry","isOntimeEvent","isPlayableEvent","timeFromPrevious","isNewLatest","getUpcomingEvents","events","selectedId","now","getEventWithId","next","_a","getNextEvent","getFirstEvent","followedBy","_b","calculateTimelineLayout","canScroll","minWidth","smallestWidth","positions","start","duration","position","scale","pos","TimelineMarkers","props","startHour","endHour","elements","jsx","style","tag","formatOptions","TimelineEntry","colour","delay","hasLink","dayOffset","totalGap","isLinkedToLoaded","title","cue","ref","formattedStartTime","formatTime","formattedDuration","delayedStart","hasDelay","lighterColour","alpha","showTitle","smallArea","jsxs","cx","ActiveBlock","TimelineEntryStatus","Fragment","state","useExpectedStartData","getLocalizedString","useTranslation","getExpectedTimesFromExtendedEvent","statusText","useTimer","progress","getProgress","memo","Timeline","screenWidth","useViewportSize","autosize","selectedRef","useRef","scrollContainerRef","lastEvent","getLastEvent","totalWidth","playableEvents","event","currentStatus","statusMap","index","TimelineSection","category","content","sectionClasses","contentClasses","TimelineSections","titleNow","dueText","nextText","followedByText","nextStatus","followedByStatus","useTimelineData","rundownData","rundownStatus","useFlatRundownWithMetadata","projectData","projectDataStatus","useProjectData","settings","settingsStatus","useSettings","aggregateQueryStatus","TimelinePageLoader","data","useWindowTitle","Loader","EmptyPage","TimelinePage","useSelectedEventId","defaultFormat","getDefaultFormat","progressOptions","ViewParamsEditor","OntimeView","ViewLogo","TimelineClock","clock","useClock","formattedClock","SuperscriptTime"],"mappings":"wpCAOgB,SAAAA,GACdC,EACAC,EACQ,CAER,GAAI,CAACA,EACI,MAAA,GAGT,MAAMC,EAAyBF,EAAQ,UAAYA,EAAQ,UAAYG,EACjEC,EAAwBH,EAAS,UAAYA,EAAS,SAAWA,EAAS,UAAYE,EAG5F,OAAID,IAA2BE,EACtB,GAILF,EAAyBE,EAEpBF,EAAyBE,EAKpC,CC7BA,SAASC,EACPC,EACAC,EACAC,EACA,CACI,GAAA,CAACD,EAAU,QACb,OAGE,GAAA,EAACD,GAAA,MAAAA,EAAc,SAAS,CAE1BC,EAAU,QAAQ,SAAS,CAAE,KAAM,EAAG,SAAU,SAAU,EAC1D,MAAA,CAGI,MAAAE,EAAgBH,EAAa,QAAQ,sBAAsB,EAC3DI,EAAaH,EAAU,QAAQ,sBAAsB,EACrDI,EAAOF,EAAc,KAAOC,EAAW,KAAOH,EAAU,QAAQ,WAAaC,EAEnFD,EAAU,QAAQ,SAAS,CAAE,KAAAI,EAAM,SAAU,SAAU,CACzD,CAeA,SAAwBC,GAA6B,CACnD,UAAAC,EACA,UAAAN,EACA,SAAAO,EACA,gBAAAC,EACA,WAAAP,EAAa,EACb,cAAAQ,CACF,EAAwC,CACtCC,OAAAA,EAAAA,UAAU,IAAM,CACV,CAACH,GAAY,CAACP,EAAU,UAI5BS,GAAA,MAAAA,EAAgB,IAEhB,OAAO,sBAAsB,IAAM,CACjCX,EACEU,IAAoB,KAAQF,EAAuC,KACnEN,EACAC,CACF,EACAQ,GAAA,MAAAA,EAAgB,GAAK,CACtB,EAAA,EACA,CAACH,EAAWN,EAAWO,EAAUN,EAAYQ,EAAeD,CAAe,CAAC,EAElDG,EAAA,YAC3B,CAACZ,EAAeO,EAAWM,EAAeZ,EAAWa,EAASZ,IAAe,CACvEW,EAAa,SACfd,EACEU,IAAoB,KAAQT,EAA0C,KACtEa,EACAC,CACF,CAEJ,EACA,CAACP,EAAWN,EAAWC,EAAYO,CAAe,CACpD,CAGF,CCpEa,MAAAM,GAAsBC,GAC1B,CACL,CAAE,MAAOC,EAAY,aAAc,YAAa,GAAM,QAAS,CAACC,GAAcF,CAAU,CAAC,CAAE,EAC3F,CACE,MAAOC,EAAY,kBACnB,YAAa,GACb,QAAS,CACP,CACE,GAAI,WACJ,MAAO,mBACP,YAAa,0CACb,KAAM,UACN,aAAc,EAChB,EACA,CACE,GAAI,WACJ,MAAO,oBACP,YAAa,4FACb,KAAM,UACN,aAAc,EAAA,CAChB,CACF,CAEJ,EAYF,SAASE,GAAqBC,EAA+BC,EAAkD,CAEvG,MAAAC,EAAYC,IAAgBF,GAAA,YAAAA,EAAe,IAAIE,KAAQH,EAAa,IAAIG,CAAG,EAE1E,MAAA,CACL,SAAUC,EAAgBF,EAAS,UAAU,CAAC,EAC9C,SAAUE,EAAgBF,EAAS,UAAU,CAAC,CAChD,CACF,CAKO,SAASG,GAAsC,CAC9C,KAAA,CAACL,CAAY,EAAIM,EAAgB,EACjCC,EAAcC,MAAIC,CAAa,EAO9B,OALSC,EAAAA,QAAQ,IAAM,CAC5B,MAAMT,EAAgBM,EAAc,IAAI,gBAAgBA,EAAY,MAAM,EAAI,OACvE,OAAAR,GAAqBC,EAAcC,CAAa,CAAA,EACtD,CAACM,EAAaP,CAAY,CAAC,CAGhC,CCvCO,SAASW,GACdC,EACAC,EACAC,EACAC,EACAC,EACa,CAEb,MAAMC,GADYJ,EAAcD,EAAgBC,EAAcpC,EAAUoC,GACtCD,EAG5BM,EAASH,EAAgBC,EAAkBC,EAG1C,MAAA,CAAE,MAFMH,EAAaF,GAAiBI,EAAkBC,EAEhD,MAAAC,CAAM,CACvB,CAKO,SAASC,GAAaC,EAA2B,CAE/C,OADO,KAAK,MAAMA,EAAYC,CAAe,CAEtD,CAKO,SAASC,GAAWC,EAAyB,CAE3C,OADO,KAAK,KAAKA,EAAUF,CAAe,CAEnD,CAKgB,SAAAG,GAAqBC,EAAmBC,EAAkB,CACxE,MAAMC,EAAmB,CAAC,EAC1B,QAASC,EAAIH,EAAWG,EAAIF,EAAUE,IACpCD,EAAiB,KAAKC,CAAC,EAElB,OAAAD,CACT,CAKgB,SAAAE,GAAeC,EAAqBC,EAAgC,CAC9E,OAAAA,IAAW,QAAUA,IAAW,OAC3BA,EAGLD,GAAe,EACV,UAGFE,EAAeF,EAAaA,EAAcG,EAAoB,CAAC,CACxE,CAQgB,SAAAC,GACdC,EACA9C,EACmB,CACb,KAAA,CAAE,SAAA+C,CAAS,EAAI/B,EAAmB,EAwDjC,OAtDMK,EAAAA,QAAQ,IAAM,CACrB,GAAAyB,EAAQ,SAAW,EACrB,MAAO,CAAE,cAAe,GAAI,WAAY,EAAG,cAAe,CAAE,EAG9D,MAAME,EAAgD,CAAC,EACnD,IAAAC,EAAgBjD,EAAkB,IAAW,GAC7CkD,EAAa,KACbtB,EAAgB,EAChBuB,EAAiD,KAErD,QAASZ,EAAI,EAAGA,EAAIO,EAAQ,OAAQP,IAAK,CACjC,MAAAa,EAAeN,EAAQP,CAAC,EAE9B,GAAIc,EAAcD,CAAY,GAAKE,EAAgBF,CAAY,EAAG,CAM5D,GALAA,EAAa,KAAOpD,IACNiD,EAAAV,GAIdQ,GAAYR,EAAIU,EAClB,SAIFD,EAAc,KAAKI,CAAY,EAO3BF,IAAe,OACjBA,EAAaE,EAAa,WAGtB,MAAAG,EAA2BvE,GAAYoE,EAAcD,CAAS,EAEhEI,IAAqB,EACvB3B,GAAiBwB,EAAa,SACrBG,EAAmB,EAC5B3B,GAAiB2B,EAAmBH,EAAa,SACxCG,EAAmB,IAC5B3B,GAAiB,KAAK,IAAIwB,EAAa,SAAWG,EAAkB,CAAC,GAEnEC,GAAYJ,EAAcD,CAAS,IACzBA,EAAAC,EACd,CACF,CAGF,MAAO,CAAE,cAAAJ,EAAe,WAAYE,GAAc,EAAG,cAAAtB,CAAc,CAClE,EAAA,CAACmB,EAAUD,EAAS9C,CAAe,CAAC,CAGzC,CAWgB,SAAAyD,GAAkBC,EAAwCC,EAAyC,SAC7G,GAAAD,EAAO,SAAW,EACpB,MAAO,CAAE,IAAK,KAAM,KAAM,KAAM,WAAY,IAAK,EAGnD,IAAIE,EAAMD,EAAcE,GAAeH,EAAQC,CAAU,EAAmC,KACvFN,EAAcO,CAAG,IACdA,EAAA,MAGF,MAAAE,EAAOF,GACRG,EAAAC,EAAaN,EAAQE,EAAI,EAAE,IAA3B,YAAAG,EAA8B,UAC9BE,GAAcP,CAAM,EAAE,WACrBQ,EAAaJ,GAAQK,EAAAH,EAAaN,EAAQI,EAAK,EAAE,IAA5B,YAAAK,EAA+B,UAAkD,KAGrG,MAAA,CACL,IAAAP,EACA,KAAAE,EACA,WAAAI,CACF,CACF,CAkBO,SAASE,GACdV,EACAnC,EACAC,EACAG,EACA0C,EACAC,EAAW,IACK,CAEhB,IAAIC,EAAgB,IACpB,MAAMC,EAAYd,EAAO,IAAI,CAAC,CAAE,MAAAe,EAAO,SAAAC,KAAe,CACpD,MAAMC,EAAWrD,GAAmBC,EAAeC,EAAaiD,EAAOC,EAAU/C,CAAc,EAC/F,OAAA4C,EAAgB,KAAK,IAAIA,EAAeI,EAAS,KAAK,EAC/CA,CAAA,CACR,EAED,GAAI,CAACN,EACI,MAAA,CACL,UAAAG,EACA,MAAO,EACP,WAAY7C,CACd,EAIF,MAAMiD,EAAQL,EAAgBD,EAAWA,EAAWC,EAAgB,EAGpE,OAAIK,IAAU,EACL,CACL,UAAAJ,EACA,MAAO,EACP,WAAY7C,CACd,EASK,CACL,UANsB6C,EAAU,IAAKK,IAAS,CAC9C,KAAMA,EAAI,KAAOD,EACjB,MAAOC,EAAI,MAAQD,CAAA,EACnB,EAIA,MAAAA,EACA,WAAYjD,EAAiBiD,CAC/B,CACF,8CCjPA,SAAwBE,GAAgBC,EAA6B,CAC7D,KAAA,CAAE,UAAAC,EAAW,QAAAC,CAAA,EAAYF,EAEzBG,EAAW/C,GAAqB6C,EAAWC,CAAO,EAExD,OACGE,EAAAA,IAAA,MAAA,CAAI,UAAWC,GAAM,QACnB,SAAAF,EAAS,IAAKG,GACbF,MAAC,OAAU,CAAA,EAAAE,CAAK,CACjB,EACH,CAEJ,ohBCSMC,EAAgB,CACpB,SAAU,UACV,SAAU,OACZ,EAEO,SAASC,GAAc,CAC5B,OAAAC,EACA,MAAAC,EACA,SAAAf,EACA,QAAAgB,EACA,KAAA9F,EACA,OAAA8C,EACA,MAAA+B,EACA,UAAAkB,EACA,SAAAC,EACA,iBAAAC,EACA,MAAAC,EACA,MAAAjE,EACA,IAAAkE,EACA,IAAAC,CACF,EAAuB,CACf,MAAAC,EAAqBC,EAAWzB,EAAOa,CAAa,EACpDa,EAAoBxD,EAAe+B,CAAQ,EAC3C0B,EAAe3B,EAAQgB,EACvBY,EAAWZ,EAAQ,EAEnBa,EAAgBC,EAAMf,EAAQ,EAAG,EACjCgB,EAAY3E,EAAQ,GACpB4E,EAAY5E,EAAQ,GAGxB,OAAA6E,EAAA,KAAC,MAAA,CACC,IAAAV,EACA,UAAWW,EAAG,CAACvB,EAAM,OAAQqB,GAAarB,EAAM,SAAS,CAAC,EAC1D,MAAO,CACL,UAAWI,EACX,YAAac,GAAiB,GAC9B,KAAM,GAAG1G,CAAI,KACb,MAAO,GAAGiC,CAAK,IACjB,EACA,cAAakE,EAEZ,SAAA,CAAWrD,IAAA,OAAUyC,EAAAA,IAAAyB,GAAA,CAAA,CAAY,EAAKzB,EAAA,IAAC,OAAI,cAAazC,EAAQ,UAAW0C,EAAM,aAAe,CAAA,EACjGsB,EAAA,KAAC,MAAA,CACC,UAAWC,EAAG,CAACvB,EAAM,QAASvD,EAAQ,IAAMuD,EAAM,KAAM,CAACM,GAAWN,EAAM,UAAU,CAAC,EACrF,cAAa1C,EACb,MAAO,CACL,UAAW8C,CACb,EAEA,SAAA,CAACkB,EAAA,KAAA,MAAA,CAAI,UAAWtB,EAAM,YACpB,SAAA,CAACD,EAAAA,IAAA,MAAA,CAAI,UAAWwB,EAAG,CAACN,GAAYjB,EAAM,KAAK,CAAC,EAAI,SAAmBa,CAAA,CAAA,EAClEI,SAAa,MAAI,CAAA,UAAWjB,EAAM,MAAQ,SAAAc,EAAWE,EAAcd,CAAa,CAAE,CAAA,EAClFmB,GACCtB,EAAA,IAAC0B,EAAA,CACC,MAAApB,EACA,MAAAhB,EACA,UAAAkB,EACA,SAAAC,EACA,iBAAAC,EACA,OAAAnD,CAAA,CAAA,CACF,EAEJ,EACC8D,GAEIE,EAAA,KAAAI,WAAA,CAAA,SAAA,CAAA,CAACL,GACAtB,EAAA,IAAC0B,EAAA,CACC,MAAApB,EACA,MAAAhB,EACA,UAAAkB,EACA,SAAAC,EACA,iBAAAC,EACA,OAAAnD,CAAA,CACF,EAEFyC,EAAAA,IAAC,OAAK,SAAMW,CAAA,CAAA,CAAA,CACd,CAAA,CAAA,CAAA,CAEJ,EACCX,MAAA,MAAA,CAAI,UAAWC,EAAM,aAAc,cAAa1C,EAC9C,SAAWA,IAAA,cAAW,MAAI,CAAA,UAAW0C,EAAM,SAAW,WAAkB,CAC3E,CAAA,CAAA,CAAA,CACF,CAEJ,CAYA,SAASyB,EAAoB,CAC3B,MAAApB,EACA,MAAAhB,EACA,UAAAkB,EACA,SAAAC,EACA,iBAAAC,EACA,OAAAnD,CACF,EAA6B,CAC3B,MAAMqE,EAAQC,EAAqB,EAE7B,CAAE,mBAAAC,CAAmB,EAAIC,EAAe,EAExC,CAAE,YAAAzE,GAAgB0E,EACtB,CAAE,UAAW1C,EAAO,MAAAgB,EAAO,UAAAE,EAAW,SAAAC,EAAU,iBAAAC,EAAkB,WAAY,GAAO,SAAU,CAAE,EACjGkB,CACF,EAEI,IAAAK,EAAa5E,GAAeC,EAAaC,CAAM,EACnD,OAAI0E,IAAe,OACjBA,EAAaH,EAAmB,eAAe,EACtCG,IAAe,YACxBA,EAAaH,EAAmB,cAAc,GAGxC9B,EAAA,IAAA,MAAA,CAAI,UAAWC,EAAM,OAAS,SAAWgC,EAAA,CACnD,CAGA,SAASR,IAAc,CACrB,KAAM,CAAE,QAAA3H,EAAS,SAAAyF,CAAS,EAAI2C,EAAS,EACjCC,EAAWC,GAAYtI,EAASyF,CAAQ,EAC9C,OAAQS,EAAAA,IAAA,MAAA,CAAI,cAAY,OAAO,UAAWC,EAAM,cAAe,MAAO,CAAE,aAAc,GAAGkC,CAAQ,KAAO,CAC1G,CCzIA,MAAeE,GAAAA,EAAAA,KAAKC,EAAQ,EAC5B,SAASA,GAAS,CAAE,WAAAvE,EAAY,QAAAJ,EAAS,gBAAA9C,EAAiB,cAAA4B,GAAgC,CACxF,KAAM,CAAE,MAAO8F,CAAY,EAAIC,EAAgB,EACzC,CAAE,SAAA5E,EAAU,SAAA6E,CAAS,EAAI5G,EAAmB,EAC5C6G,EAAcC,SAAuB,IAAI,EACzCC,EAAqBD,SAAuB,IAAI,EAEhD,CAAE,UAAAE,CAAA,EAAcC,GAAanF,CAAO,EACpCkC,EAAYlD,GAAaoB,CAAU,EACnC+B,EAAUhD,GAAWiB,EAAatB,IAAiBoG,GAAA,YAAAA,EAAW,QAAS,EAAE,EACzEzG,EAAgByD,EAAYhD,EAC5BR,EAAcyD,EAAUjD,EAGDnC,GAAA,CAC3B,UAAWgI,EACX,UAAWE,EACX,SAAUH,EACV,gBAAA5H,EAEA,WAAY+C,EAAW,EAAI2E,EAAc,CAAA,CAC1C,EAED,KAAM,CAAE,UAAAlD,EAAW,WAAA0D,CAAW,EAAI7G,UAAQ,IAAM,CAC9C,MAAM8G,EAAiBrF,EACpB,OAAQsF,GAAiD/E,EAAc+E,CAAK,GAAK9E,EAAgB8E,CAAK,CAAC,EACvG,IAAKA,IAAW,CACf,MAAOA,EAAM,WAAaA,EAAM,WAAa,GAAKhJ,GAAWgJ,EAAM,OAAS,GAC5E,SAAUA,EAAM,QAAA,EAChB,EAEJ,OAAOhE,GAAwB+D,EAAgB5G,EAAeC,EAAakG,EAAaE,CAAQ,CAAA,EAC/F,CAAC9E,EAASvB,EAAeC,EAAakG,EAAaE,CAAQ,CAAC,EAE/D,GAAIhG,IAAkB,EACb,OAAA,KAIL,IAAAyG,EAAgCrI,EAAkB,OAAS,SAC/D,MAAMsI,EAA4C,CAAC,EAC3C,OAAAxF,EAAA,QAASsF,GAAU,CACrB/E,EAAc+E,CAAK,GAAK9E,EAAgB8E,CAAK,IAC3CC,IAAkB,SACJA,EAAA,UAEdD,EAAM,KAAOpI,IACCqI,EAAA,QAERC,EAAAF,EAAM,EAAE,EAAIC,EACxB,CACD,EAGClD,MAAC,OAAI,IAAK4C,EAAoB,UAAWpB,EAAG,CAACvB,EAAM,kBAAmBwC,GAAYxC,EAAM,MAAM,CAAC,EAC7F,SAACsB,EAAAA,KAAA,MAAA,CAAI,UAAWtB,EAAM,SAAU,MAAO,CAAE,MAAO8C,CAAA,EAC9C,SAAA,CAAC/C,EAAAA,IAAAL,GAAA,CAAgB,UAAAE,EAAsB,QAAAC,CAAkB,CAAA,EACxDnC,EAAQ,IAAI,CAACsF,EAAOG,IAAU,CAC7B,GAAI,CAAClF,EAAc+E,CAAK,GAAK,CAAC9E,EAAgB8E,CAAK,EAC1C,OAAA,KAGH,MAAAzD,EAAWH,EAAU+D,CAAK,EAC5B,OAAC5D,EAGHQ,EAAA,IAACI,GAAA,CAEC,IAAK6C,EAAM,KAAOpI,EAAkB6H,EAAc,OAClD,OAAQO,EAAM,OACd,MAAOA,EAAM,OAAS,EACtB,SAAUA,EAAM,SAChB,QAAS,EAAQA,EAAM,UACvB,KAAMzD,EAAS,KACf,OAAQ2D,EAAUF,EAAM,EAAE,EAC1B,MAAOA,EAAM,WAAaA,EAAM,WAAa,GAAKhJ,EAClD,SAAUgJ,EAAM,SAChB,iBAAkBA,EAAM,iBACxB,UAAWA,EAAM,UACjB,MAAOA,EAAM,MACb,IAAKA,EAAM,IACX,MAAOzD,EAAS,KAAA,EAdXyD,EAAM,EAeb,EAnBoB,IAqBvB,CAAA,CAAA,CAAA,CACH,CACF,CAAA,CAEJ,CCnGA,MAAeZ,EAAAA,EAAAA,KAAKgB,EAAe,EAEnC,SAASA,GAAgB,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAA5C,EAAO,OAAApD,GAAwB,CAC3E,MAAMiG,EAAiBhC,EAAG,CAAC,UAAW8B,IAAa,OAAS,cAAc,CAAC,EACrEG,EAAiBjC,EAAG,CAAC,kBAAmB+B,EAAU,oBAAoBD,CAAQ,GAAK,yBAAyB,CAAC,EACnH,OACG/B,EAAAA,KAAA,MAAA,CAAI,UAAWiC,EAAgB,cAAaF,EAC3C,SAAA,CAAC/B,EAAAA,KAAA,MAAA,CAAI,UAAU,gBACb,SAAA,CAACvB,EAAA,IAAA,OAAA,CAAK,UAAU,uBAAwB,SAAMW,EAAA,EAC7CpD,GAAUyC,EAAA,IAAC,OAAK,CAAA,UAAU,wBAAyB,SAAOzC,CAAA,CAAA,CAAA,EAC7D,EACCyC,EAAA,IAAA,MAAA,CAAI,UAAWyD,EAAiB,YAAW,GAAI,CAAA,CAAA,EAClD,CAEJ,CCVA,SAAwBC,GAAiB,CAAE,IAAAjF,EAAK,KAAAE,EAAM,WAAAI,GAAqC,CACnF,KAAA,CAAE,mBAAA+C,CAAmB,EAAIC,EAAe,EACxCH,EAAQC,EAAqB,EAG7B8B,GAAWlF,GAAA,YAAAA,EAAK,QAAS,IACzBmF,EAAU9B,EAAmB,cAAc,EAAE,YAAY,EACzD+B,EAAWlF,IAAS,KAAOA,EAAK,MAAQ,IACxCmF,EAAiB/E,IAAe,KAAOA,EAAW,MAAQ,IAC5D,IAAAgF,EACAC,EAEJ,GAAIrF,IAAS,KAAM,CACjB,KAAM,CAAE,YAAArB,CAAgB,EAAA0E,EAAkCrD,EAAMiD,CAAK,EACjEtE,GAAe,EACJyG,EAAAH,EAEbG,EAAavG,EAAeF,EAAaA,EAAcG,EAAoB,CAAC,CAC9E,CAGF,GAAIsB,IAAe,KAAM,CACvB,KAAM,CAAE,YAAAzB,CAAgB,EAAA0E,EAAkCjD,EAAY6C,CAAK,EACvEtE,GAAe,EACE0G,EAAAJ,EAEnBI,EAAmBxG,EAAeF,EAAaA,EAAcG,EAAoB,CAAC,CACpF,CAIA,OAAA8D,EAAA,KAAC,MAAI,CAAA,UAAU,aACb,SAAA,CAACvB,EAAAA,IAAAqD,EAAA,CAAgB,MAAOvB,EAAmB,eAAe,EAAG,QAAS6B,EAAU,SAAS,MAAM,EAC/F3D,EAAA,IAACqD,EAAA,CACC,MAAOvB,EAAmB,aAAa,EACvC,OAAQiC,EACR,QAASF,EACT,SAAS,MAAA,CACX,EACA7D,EAAA,IAACqD,EAAA,CACC,MAAOvB,EAAmB,qBAAqB,EAC/C,OAAQkC,EACR,QAASF,EACT,SAAS,YAAA,CAAA,CACX,EACF,CAEJ,CCjDO,SAASG,IAA0C,CAExD,KAAM,CAAE,KAAMC,EAAa,OAAQC,CAAA,EAAkBC,GAA2B,EAC1E,CAAE,KAAMC,EAAa,OAAQC,CAAA,EAAsBC,GAAe,EAClE,CAAE,KAAMC,EAAU,OAAQC,CAAA,EAAmBC,EAAY,EAExD,MAAA,CACL,KAAM,CACJ,OAAQR,EACR,YAAAG,EACA,SAAAG,CACF,EACA,OAAQG,GAAqB,CAACR,EAAeG,EAAmBG,CAAc,CAAC,CACjF,CACF,CCPA,SAAwBG,IAAqB,CAC3C,KAAM,CAAE,KAAAC,EAAM,OAAAtH,CAAO,EAAI0G,GAAgB,EAIzC,OAFAa,GAAe,UAAU,EAErBvH,IAAW,gBACLwH,EAAO,EAAA,EAGbxH,IAAW,QACNyC,EAAA,IAACgF,GAAU,CAAA,KAAK,4DAA6D,CAAA,EAG/EhF,MAACiF,GAAc,CAAA,GAAGJ,CAAM,CAAA,CACjC,CAEA,SAASI,GAAa,CAAE,OAAA1G,EAAQ,YAAA8F,EAAa,SAAAG,GAA0B,CAC/D,KAAA,CAAE,gBAAA3J,CAAgB,EAAIqK,EAAmB,EAEzC,CAAE,cAAArH,EAAe,WAAAE,EAAY,cAAAtB,CAAkB,EAAAiB,GAAiBa,EAAQ1D,CAAe,EAGvF,CAAE,IAAA4D,EAAK,KAAAE,EAAM,WAAAI,CAAW,EAAI7C,UAAQ,IACjCoC,GAAkBT,EAAehD,CAAe,EACtD,CAACgD,EAAehD,CAAe,CAAC,EAG7BsK,EAAgBC,EAAiBZ,GAAA,YAAAA,EAAU,UAAU,EACrDa,EAAkBnJ,EAAAA,QAAQ,IAAMf,GAAmBgK,CAAa,EAAG,CAACA,CAAa,CAAC,EAExF,OACG5D,EAAAA,KAAA,MAAA,CAAI,UAAU,WAAW,cAAY,gBACpC,SAAA,CAAAvB,EAAA,IAACsF,GAAiB,CAAA,OAAQC,EAAW,SAAU,YAAaF,EAAiB,EAC7E9D,EAAAA,KAAC,MAAI,CAAA,UAAU,iBACZ,SAAA,EAAA8C,GAAA,YAAAA,EAAa,OAASrE,EAAA,IAAAwF,GAAA,CAAS,KAAMnB,EAAY,KAAM,UAAU,OAAO,EACxErE,EAAA,IAAA,MAAA,CAAI,UAAU,QAAS,WAAY,MAAM,QACzCyF,GAAc,CAAA,CAAA,CAAA,EACjB,EAECzF,EAAAA,IAAA0D,GAAA,CAAiB,IAAAjF,EAAU,KAAAE,EAAY,WAAAI,CAAwB,CAAA,EAEhEiB,EAAA,IAACsC,GAAA,CACC,WAAAvE,EACA,QAASF,EACT,gBAAAhD,EACA,cAAA4B,CAAA,CAAA,CACF,EACF,CAEJ,CAEA,SAASgJ,IAAgB,CACjB,KAAA,CAAE,mBAAA3D,CAAmB,EAAIC,EAAe,EACxC,CAAE,MAAA2D,CAAM,EAAIC,EAAS,EAGrBC,EAAiB7E,EAAW2E,CAAK,EAGrC,OAAAnE,EAAA,KAAC,MAAI,CAAA,UAAU,kBACb,SAAA,CAAAvB,MAAC,MAAI,CAAA,UAAU,QAAS,SAAA8B,EAAmB,iBAAiB,EAAE,EAC7D9B,EAAA,IAAA6F,GAAA,CAAgB,KAAMD,EAAgB,UAAU,MAAO,CAAA,CAAA,EAC1D,CAEJ"}

package/client/assets/Timer-BVXskRjc.js

@@ -0,0 +1,2 @@
+import{h as p,j as r,l as be}from"./vendor-CCiSQ9k9.js";import{P as xe,T as m,a as v,b as C,u as Se,c as Te,d as Ce,L as ke,e as Me,f as Oe,g as Pe,h as Ne,i as h,O as ze}from"./index-BQEUaoAf.js";import{M as Fe}from"./MultiPartProgressBar-D3jJZjb5.js";import{E as je}from"./EmptyPage-Dcbg6rmF.js";import{T as W}from"./TitleCard-CZl9wSHS.js";import{V as Ve}from"./ViewLogo-_3Z1hIHi.js";import{m as I,O as y,a as A,i as u,g,b as _,c as De,V as Le}from"./ViewParamsEditor-Bca1TIDW.js";import{u as Ee}from"./useWindowTitle-DqdFTWns.js";import{S as He}from"./SuperscriptTime-CIrcMcyg.js";import{g as Be}from"./presentation.utils-KwY-ACf7.js";import{g as We,h as Ie,s as Ae,a as Re}from"./viewLoader.utils-CmM-4-pk.js";import{v as Ze}from"./validateEvent-P9sf7C10.js";import{i as _e}from"./playbackstate-B_khF6xU.js";import{u as $e}from"./useCustomFields-DqCYz8Kt.js";import{u as Ue}from"./useProjectData-C1hVamxc.js";import"./getProgress-Cw79NL_O.js";import"./Empty-gWT_HMeu.js";import"./Select-CedN80WS.js";(function(){try{var e=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},o=new e.Error().stack;o&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[o]="e94bce78-ea86-4cf8-a110-fa5b39387fe9",e._sentryDebugIdIdentifier="sentry-dbid-e94bce78-ea86-4cf8-a110-fa5b39387fe9")}catch{}})();const Ke=(e,o,t)=>{for(;e<o;){const i=Math.floor((e+o)/2);if(i===e)break;t(i)?e=i:o=i}return e};function R({children:e,mode:o="multi",min:t=16,max:i=256,...n}){const d=p.useRef(null),a=p.useCallback(()=>{const s=d.current;return s?s.scrollHeight>s.clientHeight||s.scrollWidth>s.clientWidth:!1},[]),l=p.useCallback(()=>{const s=d.current;if(!s)return;const c=s.style.visibility;s.style.visibility="hidden";const f=Ke(t,i+1,w=>(s.style.fontSize=`${w}px`,!a()));s.style.fontSize=`${f}px`,s.style.visibility=c},[a,t,i]);return p.useEffect(()=>{const s=d.current;if(!s)return;l();const c=new ResizeObserver(l);return c.observe(s),()=>c.disconnect()},[e,o,l]),r.jsx("div",{ref:d,style:{whiteSpace:o==="single"?"nowrap":"normal"},...n,children:e})}const Qe=[{value:"no-overrides",label:"No Overrides"},{value:m.CountUp,label:"Count Up"},{value:m.CountDown,label:"Count Down"},{value:m.Clock,label:"Clock"}],qe=(e,o)=>{const t=I(o,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]),i=I(o,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"}]);return[{title:y.ClockOptions,collapsible:!0,options:[We(e)]},{title:y.TimerOptions,collapsible:!0,options:[Ie,Ae,{id:"timerType",title:"Timer type",description:"Override the timer type",type:"option",values:Qe,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:y.DataSources,collapsible:!0,options:[{id:"main",title:"Main text",description:"Select the data source for the main text",type:"option",values:t,defaultValue:"title"},{id:"secondary-src",title:"Secondary text",description:"Select the data source for the secondary text",type:"option",values:i,defaultValue:"none"}]},{title:y.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:y.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 Ge(e,o){const t=n=>(o==null?void 0:o.get(n))??e.get(n),i=Ze(t("timerType"),m.None);return{hideClock:u(t("hideClock")),hideCards:u(t("hideCards")),hideProgress:u(t("hideProgress")),hideMessage:u(t("hideMessage")),hideSecondary:u(t("hideSecondary")),hideLogo:u(t("hideLogo")),hideTimerSeconds:u(t("hideTimerSeconds")),removeLeadingZeros:!u(t("showLeadingZeros")),mainSource:t("main"),secondarySource:t("secondary-src"),timerType:i===m.None?void 0:i,freezeOvertime:u(t("freezeOvertime")),freezeMessage:t("freezeMessage")??"",hidePhase:u(t("hidePhase")),font:t("font")??void 0,keyColour:A(t("keyColour")),timerColour:A(t("timerColour"))}}function Je(){const[e]=be(),o=p.use(xe);return p.useMemo(()=>{const i=o?new URLSearchParams(o.search):void 0;return Ge(e,i)},[o,e])}function Xe(e){return e.text!==""&&e.visible}function Ye(e){return e===C.Play||e===C.Roll}function et(e,o){return(e??0)+(o??0)}function tt(e){return e!==m.None&&e!==m.Clock}function ot(e){return e!==m.Clock}const Z={4:28,5:28,6:25,8:18,9:18};function it(e,o){const t=e.length;let i=100/(t-1)*1.25;Z[t]&&(i=Z[t]);let n=i*.325;return o&&(i*=.6,o.length>25&&(n=100/(o.length-1)*1.8)),{timerFontSize:i,externalFontSize:n}}function st(e,o,t,i,n,d){return d?{showEndMessage:!1,showFinished:!1,showWarning:!1,showDanger:!1}:e===m.CountDown||o?{showEndMessage:t===v.Overtime&&i&&n!=="",showFinished:t===v.Overtime,showWarning:t===v.Warning,showDanger:t===v.Danger}:{showEndMessage:!1,showFinished:!1,showWarning:!1,showDanger:!1}}function rt(e,o,t,i,n,d){if(!d){if(e.timer.secondarySource==="aux1"||e.timer.secondarySource==="aux2"||e.timer.secondarySource==="aux3")return _(o,m.CountDown,t,{removeSeconds:i,removeLeadingZero:n});if(e.timer.secondarySource==="secondary"&&e.secondary)return e.secondary}}function nt(e,o,t,i,n,d){if(n===C.Stop)return{showNow:!1,nowMain:void 0,nowSecondary:void 0,showNext:!1,nextMain:void 0,nextSecondary:void 0};const a=_e(n)&&d!==v.Pending,l=a?g(e,t??"title"):void 0,s=a?g(e,i):void 0,c=a?g(o,t??"title"):g(e,t??"title"),f=a?g(o,i):g(e,i);return{showNow:!!l||!!s,nowMain:l,nowSecondary:s,showNext:!!c||!!f,nextMain:c,nextSecondary:f}}function at(){const e=Se(c=>c.mirror),{data:o,status:t}=Ue(),{data:i,status:n}=Te(),{data:d,status:a}=Ce(),{data:l,status:s}=$e();return{data:{customFields:l,projectData:o,isMirrored:e,settings:d,viewSettings:i},status:Re([t,n,a,s])}}function Ot(){const{data:e,status:o}=at();return Ee("Timer"),o==="pending"?r.jsx(ke,{}):o==="error"?r.jsx(je,{text:"There was an error fetching data, please refresh the page."}):r.jsx(lt,{...e})}function lt({customFields:e,projectData:o,isMirrored:t,settings:i,viewSettings:n}){const{eventNext:d,eventNow:a,message:l,time:s,clock:c,timerTypeNow:f,countToEndNow:w,auxTimer:b}=Me(),{hideClock:$,hideCards:U,hideProgress:K,hideMessage:Q,hideSecondary:q,hideLogo:G,hideTimerSeconds:k,removeLeadingZeros:M,mainSource:J,secondarySource:X,timerType:O,freezeOvertime:P,freezeMessage:N,hidePhase:Y,font:z,keyColour:F,timerColour:ee}=Je(),{getLocalizedString:j}=Oe(),V=j("common.minutes"),x=O??f,D=Xe(l.timer),{showEndMessage:te,showFinished:S,showWarning:oe,showDanger:ie}=st(f,w,s.phase,P,N,Y),L=Ye(s.playback),se=!$&&ot(x),re=!K&&tt(x),{showNow:ne,nowMain:ae,nowSecondary:le,showNext:de,nextMain:ce,nextSecondary:ue}=nt(a,d,J,X,s.playback,s.phase),me=et(s.duration,s.addedTime),fe=Pe(c),he=De(P,f,w,c,s,O),E=_(he,x,V,{removeSeconds:k,removeLeadingZero:M}),pe=l.timer.secondarySource==="aux1"?b.aux1:l.timer.secondarySource==="aux2"?b.aux2:l.timer.secondarySource==="aux3"?b.aux3:null,T=rt(l,pe,V,k,M,q),H=Be(n,ee,oe,ie),{timerFontSize:ge,externalFontSize:ye}=it(E,T),ve={...F&&{"--timer-bg":F},...H&&{"--timer-colour":H},...z&&{"--timer-font":z}},B=Ne(i==null?void 0:i.timeFormat),we=p.useMemo(()=>qe(B,e),[e,B]);return r.jsxs("div",{"data-testid":"timer-view",className:h(["stage-timer",t&&"mirror",S&&"stage-timer--finished"]),style:ve,children:[!G&&(o==null?void 0:o.logo)&&r.jsx(Ve,{name:o.logo,className:"logo"}),r.jsx(Le,{target:ze.Timer,viewOptions:we}),r.jsx("div",{className:h(["blackout",l.timer.blackout&&"blackout--active"])}),!Q&&r.jsx("div",{className:h(["message-overlay",D&&"message-overlay--active"]),children:r.jsx(R,{mode:"multi",min:32,max:256,className:h(["message",l.timer.blink&&"blink"]),children:l.timer.text})}),se&&r.jsxs("div",{className:"clock-container",children:[r.jsx("div",{className:"label",children:j("common.time_now")}),r.jsx(He,{time:fe,className:"clock"})]}),r.jsxs("div",{className:h(["timer-container",l.timer.blink&&!D&&"blink"]),children:[te?r.jsx(R,{mode:"multi",min:64,max:256,className:"end-message",children:N}):r.jsx("div",{className:h(["timer",!L&&"timer--paused",S&&"timer--finished"]),style:{fontSize:`${ge}vw`},"data-phase":s.phase,children:E}),r.jsx("div",{className:h(["secondary",!T&&"secondary--hidden"]),style:{fontSize:`${ye}vw`},children:T})]}),re&&r.jsx(Fe,{className:h(["progress-container",!L&&"progress-container--paused"]),now:s.current,complete:me,normalColor:n.normalColor,warning:a==null?void 0:a.timeWarning,warningColor:n.warningColor,danger:a==null?void 0:a.timeDanger,dangerColor:n.dangerColor,hideOvertime:!S}),!U&&r.jsxs(r.Fragment,{children:[ne&&r.jsx(W,{className:"event now",label:"now",title:ae,secondary:le}),de&&r.jsx(W,{className:"event next",label:"next",title:ce,secondary:ue})]})]})}export{Ot as default};
+//# sourceMappingURL=Timer-BVXskRjc.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timer-BVXskRjc.js","sources":["../../src/common/components/fit-text/fitText.utils.ts","../../src/common/components/fit-text/FitText.tsx","../../src/views/timer/timer.options.ts","../../src/views/timer/timer.utils.ts","../../src/views/timer/useTimerData.ts","../../src/views/timer/Timer.tsx"],"sourcesContent":["/**\n * @param low inclusive, must be true on predicate function\n * @param high exclusive,\n * @param predicate predicate function\n */\nexport const bsearch = (low: number, high: number, predicate: (mid: number) => boolean): number => {\n  while (low < high) {\n    const mid = Math.floor((low + high) / 2);\n    if (mid === low) break;\n\n    if (predicate(mid)) {\n      low = mid;\n    } else {\n      high = mid;\n    }\n  }\n  return low;\n};\n","/**\n * Copied from\n * https://github.com/namhong2001/react-textfit/blob/master/index.tsx\n */\n\nimport { HTMLAttributes, PropsWithChildren, useCallback, useEffect, useRef } from 'react';\n\nimport { bsearch } from './fitText.utils';\n\ninterface FitTextProps extends HTMLAttributes<HTMLDivElement> {\n  mode?: 'single' | 'multi';\n  min?: number; // inclusive\n  max?: number; // inclusive\n}\n\nexport function FitText({\n  children,\n  mode = 'multi',\n  min = 16,\n  max = 256,\n  ...elementProps\n}: PropsWithChildren<FitTextProps>) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  const isOverflown = useCallback(() => {\n    const el = ref.current;\n    if (!el) return false;\n    return el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth;\n  }, []);\n\n  const setFontSize = useCallback(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    const originVisibility = el.style.visibility;\n\n    el.style.visibility = 'hidden';\n    const fontSize = bsearch(min, max + 1, (mid) => {\n      el.style.fontSize = `${mid}px`;\n      return !isOverflown();\n    });\n    el.style.fontSize = `${fontSize}px`;\n    el.style.visibility = originVisibility;\n  }, [isOverflown, min, max]);\n\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n\n    setFontSize();\n    const observer = new ResizeObserver(setFontSize);\n    observer.observe(el);\n\n    return () => observer.disconnect();\n  }, [children, mode, setFontSize]);\n\n  return (\n    <div\n      ref={ref}\n      style={{\n        whiteSpace: mode === 'single' ? 'nowrap' : 'normal',\n      }}\n      {...elementProps}\n    >\n      {children}\n    </div>\n  );\n}\n","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 { MaybeNumber, MessageState, OntimeEvent, Playback, TimerMessage, TimerPhase, TimerType } from 'ontime-types';\nimport { isPlaybackActive } from 'ontime-utils';\n\nimport { getFormattedTimer, getPropertyValue } from '../../features/viewers/common/viewUtils';\n\n/**\n * Whether a message should be shown\n */\nexport function getShowMessage(message: TimerMessage): boolean {\n  return message.text !== '' && message.visible;\n}\n\n/**\n * Whether the playback is playing\n */\nexport function getIsPlaying(playback: Playback): boolean {\n  return playback === Playback.Play || playback === Playback.Roll;\n}\n\n/**\n * Gets the total time from the duration and added time of an event\n */\nexport function getTotalTime(duration: MaybeNumber, addedTime: MaybeNumber): number {\n  return (duration ?? 0) + (addedTime ?? 0);\n}\n\n/**\n * Whether the progress bar should be shown for this timer type\n */\nexport function getShowProgressBar(timerType: TimerType) {\n  return timerType !== TimerType.None && timerType !== TimerType.Clock;\n}\n\n/**\n * Whether the clock should be shown with this timer type\n */\nexport function getShowClock(timerType: TimerType) {\n  return timerType !== TimerType.Clock;\n}\n\nconst fontSizeMap: { [key: number]: number } = {\n  4: 28, // 9:01\n  5: 28, // -9:01, 10:01, 9 min\n  6: 25, // -10:01, 10 min\n  8: 18, // 23:01:01\n  9: 18, // -23:01:01\n};\n\n/**\n * Finds a font size that fits the timer in the screen\n * Unfortunately hand tweaked\n */\nexport function getEstimatedFontSize(stageTimer: string, secondaryContent?: string) {\n  const stageTimerCharacters = stageTimer.length;\n  let timerFontSize = (100 / (stageTimerCharacters - 1)) * 1.25;\n\n  if (fontSizeMap[stageTimerCharacters]) {\n    timerFontSize = fontSizeMap[stageTimerCharacters];\n  }\n\n  let externalFontSize = timerFontSize * 0.325;\n  if (secondaryContent) {\n    // we need to shrink the timer if the external is going to be there\n    // this number has been tweaked to fit in a landscape mobile screen\n    timerFontSize *= 0.6;\n    if (secondaryContent.length > 25) {\n      externalFontSize = (100 / (secondaryContent.length - 1)) * 1.8;\n    }\n  }\n\n  return {\n    timerFontSize,\n    externalFontSize,\n  };\n}\n\n/**\n * which, if any, modifier should be shown at any time\n */\nexport function getShowModifiers(\n  timerType: TimerType,\n  countToEnd: boolean,\n  phase: TimerPhase,\n  freezeOvertime: boolean,\n  freezeMessage: string,\n  hidePhase: boolean,\n) {\n  if (hidePhase) {\n    return {\n      showEndMessage: false,\n      showFinished: false,\n      showWarning: false,\n      showDanger: false,\n    };\n  }\n\n  const showModifiers = timerType === TimerType.CountDown || countToEnd;\n  if (!showModifiers) {\n    return {\n      showEndMessage: false,\n      showFinished: false,\n      showWarning: false,\n      showDanger: false,\n    };\n  }\n\n  return {\n    showEndMessage: phase === TimerPhase.Overtime && freezeOvertime && freezeMessage !== '',\n    showFinished: phase === TimerPhase.Overtime,\n    showWarning: phase === TimerPhase.Warning,\n    showDanger: phase === TimerPhase.Danger,\n  };\n}\n\n/**\n * What, if anything, should be displayed in the secondary field\n */\nexport function getSecondaryDisplay(\n  message: MessageState,\n  currentAux: MaybeNumber,\n  localisedMinutes: string,\n  removeSeconds: boolean,\n  removeLeadingZero: boolean,\n  hideSecondary: boolean,\n): string | undefined {\n  if (hideSecondary) {\n    return;\n  }\n  if (\n    message.timer.secondarySource === 'aux1' ||\n    message.timer.secondarySource === 'aux2' ||\n    message.timer.secondarySource === 'aux3'\n  ) {\n    return getFormattedTimer(currentAux, TimerType.CountDown, localisedMinutes, {\n      removeSeconds,\n      removeLeadingZero,\n    });\n  }\n  if (message.timer.secondarySource === 'secondary' && message.secondary) {\n    return message.secondary;\n  }\n  return;\n}\n\n/**\n * What should we be showing in the cards?\n */\nexport function getCardData(\n  eventNow: OntimeEvent | null,\n  eventNext: OntimeEvent | null,\n  mainSource: keyof OntimeEvent | null,\n  secondarySource: keyof OntimeEvent | null,\n  playback: Playback,\n  phase: TimerPhase,\n) {\n  if (playback === Playback.Stop) {\n    return {\n      showNow: false,\n      nowMain: undefined,\n      nowSecondary: undefined,\n      showNext: false,\n      nextMain: undefined,\n      nextSecondary: undefined,\n    };\n  }\n\n  // pending roll timers would be classified as active\n  const hasActiveTimer = isPlaybackActive(playback) && phase !== TimerPhase.Pending;\n\n  // if we are loaded, we show the upcoming event as next\n  const nowMain = hasActiveTimer ? getPropertyValue(eventNow, mainSource ?? 'title') : undefined;\n  const nowSecondary = hasActiveTimer ? getPropertyValue(eventNow, secondarySource) : undefined;\n  const nextMain = hasActiveTimer\n    ? getPropertyValue(eventNext, mainSource ?? 'title')\n    : getPropertyValue(eventNow, mainSource ?? 'title');\n  const nextSecondary = hasActiveTimer\n    ? getPropertyValue(eventNext, secondarySource)\n    : getPropertyValue(eventNow, secondarySource);\n\n  return {\n    showNow: Boolean(nowMain) || Boolean(nowSecondary),\n    nowMain,\n    nowSecondary,\n    showNext: Boolean(nextMain) || Boolean(nextSecondary),\n    nextMain,\n    nextSecondary,\n  };\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, countToEndNow, 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, externalFontSize } = 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-phase={time.phase}\n          >\n            {display}\n          </div>\n        )}\n        <div\n          className={cx(['secondary', !secondaryContent && 'secondary--hidden'])}\n          style={{ fontSize: `${externalFontSize}vw` }}\n        >\n          {secondaryContent}\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":["bsearch","low","high","predicate","mid","FitText","children","mode","min","max","elementProps","ref","useRef","isOverflown","useCallback","el","setFontSize","originVisibility","fontSize","useEffect","observer","jsx","timerDisplayOptions","TimerType","getTimerOptions","timeFormat","customFields","mainOptions","makeOptionsFromCustomFields","secondaryOptions","OptionTitle","getTimeOption","hideTimerSeconds","showLeadingZeros","getOptionsFromParams","searchParams","defaultValues","getValue","key","timerType","validateTimerType","isStringBoolean","makeColourString","useTimerOptions","useSearchParams","maybePreset","use","PresetContext","useMemo","getShowMessage","message","getIsPlaying","playback","Playback","getTotalTime","duration","addedTime","getShowProgressBar","getShowClock","fontSizeMap","getEstimatedFontSize","stageTimer","secondaryContent","stageTimerCharacters","timerFontSize","externalFontSize","getShowModifiers","countToEnd","phase","freezeOvertime","freezeMessage","hidePhase","TimerPhase","getSecondaryDisplay","currentAux","localisedMinutes","removeSeconds","removeLeadingZero","hideSecondary","getFormattedTimer","getCardData","eventNow","eventNext","mainSource","secondarySource","hasActiveTimer","isPlaybackActive","nowMain","getPropertyValue","nowSecondary","nextMain","nextSecondary","useTimerData","isMirrored","useViewOptionsStore","state","projectData","projectDataStatus","useProjectData","viewSettings","viewSettingsStatus","useViewSettings","settings","settingsStatus","useSettings","customFieldsStatus","useCustomFields","aggregateQueryStatus","TimerLoader","data","status","useWindowTitle","Loader","EmptyPage","Timer","time","clock","timerTypeNow","countToEndNow","auxTimer","useTimerSocket","hideClock","hideCards","hideProgress","hideMessage","hideLogo","removeLeadingZeros","font","keyColour","timerColour","getLocalizedString","useTranslation","viewTimerType","showOverlay","showEndMessage","showFinished","showWarning","showDanger","isPlaying","showClock","showProgressBar","showNow","showNext","totalTime","formattedClock","formatTime","getTimerByType","display","resolvedTimerColour","getTimerColour","userStyles","defaultFormat","getDefaultFormat","timerOptions","jsxs","cx","ViewLogo","ViewParamsEditor","OntimeView","SuperscriptTime","MultiPartProgressBar","Fragment","TitleCard"],"mappings":"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"}

package/client/assets/Timer-BvEmZbmF.css

@@ -0,0 +1 @@
+.blink{animation:blink 1s step-start infinite}@keyframes blink{0%{opacity:100%}50%{opacity:20%}}.fourtyfive{transform:rotate(45deg)}.mirror{transform:rotate(180deg)}.stage-timer{margin:0;box-sizing:border-box;overflow:hidden;width:100%;height:100vh;transition:opacity .5s ease-in-out;font-family:var(--font-family-override, "Open Sans", "Segoe UI", sans-serif);background:var(--timer-bg, var(--background-color-override, #101010));color:var(--color-override, rgba(255, 255, 255, .8));gap:min(2vh,16px);padding:min(2vh,16px) clamp(16px,2vw,24px);display:flex;flex-direction:column}.stage-timer--finished{outline:clamp(4px,1vw,16px) solid var(--timer-overtime-color-override, #FA5656);outline-offset:calc(clamp(4px,1vw,16px)*-1);transition:.5s}.stage-timer .blackout{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#000;opacity:0;transition:opacity .5s}.stage-timer .blackout--active{z-index:101;opacity:1}.stage-timer .clock-container{margin-left:auto;font-weight:600;transition:opacity .5s}.stage-timer .clock-container .label{font-size:clamp(12px,1.25vw,20px);color:var(--label-color-override, rgba(255, 255, 255, .25));text-transform:uppercase}.stage-timer .clock-container .clock{font-size:clamp(24px,2.5vw,48px);color:var(--secondary-color-override, rgba(255, 255, 255, .45));letter-spacing:.05em;line-height:.95em}.stage-timer .clock-container--hidden{opacity:0}.stage-timer .event{background-color:var(--card-background-color-override, rgba(255, 255, 255, .05));padding:min(2vh,8px) clamp(16px,2vw,24px);border-radius:4px}.stage-timer .event.now{grid-area:now}.stage-timer .event.next{grid-area:next}.stage-timer .timer-container{flex:1;align-content:center;justify-self:center;align-self:center;width:100%;overflow:hidden}.stage-timer .timer-container .end-message{text-align:center;font-size:11.5vw;font-weight:600;color:var(--timer-overtime-color-override, #FA5656);padding:0;max-height:100%}.stage-timer .timer-container .timer{opacity:1;font-family:var(--timer-font, var(--font-family-override, "Open Sans", "Segoe UI", sans-serif));color:var(--timer-colour, var(--timer-color-override, #f6f6f6));line-height:.9em;text-align:center;letter-spacing:.05em;font-weight:600;transition-property:font-size;transition-duration:.5s}.stage-timer .timer-container .timer--paused{opacity:.6;transition:.5s}.stage-timer .timer-container .timer--finished{color:var(--timer-overtime-color-override, #FA5656)}.stage-timer .timer-container .timer[data-phase=warning]{color:var(--timer-colour, var(--timer-warning-color-override))}.stage-timer .timer-container .timer[data-phase=danger]{color:var(--timer-colour, var(--timer-danger-color-override))}.stage-timer .secondary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.125em;padding-block:.125em;font-weight:600;text-align:center;color:var(--external-color-override, rgba(255, 255, 255, .85));letter-spacing:.5px;line-height:1em;transition-property:opacity,height;transition-duration:.5s;border-top:1px solid color-mix(in srgb,var(--external-color-override, rgba(255, 255, 255, .85)) 10%,transparent)}.stage-timer .secondary--hidden{opacity:0;height:0}.stage-timer .progress-container{width:100%;margin:0 auto;opacity:1;transition:.5s}.stage-timer .progress-container--paused{opacity:.6;transition:.5s}.stage-timer .message-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:2vw;background:var(--background-color-override, #101010);opacity:0;transition:opacity .5s}.stage-timer .message-overlay--active{z-index:100;opacity:1}.stage-timer .message{display:grid;place-content:center;height:100%;width:100%;color:var(--color-override, rgba(255, 255, 255, .8));text-align:center;font-weight:600}.stage-timer .logo{position:absolute;top:min(2vh,16px);left:clamp(16px,2vw,24px);max-width:min(200px,20vw)}@media screen and (max-width: 768px){.stage-timer .logo img{height:min(50px,10vh)}}

package/client/assets/{TimerControlExport-C_Jbwxog.js → TimerControlExport-C8ECtLBd.js}

@@ -1,2 +1,2 @@
-import{h as w,j as t,aw as W,bK as Y,T as Z,aL as tt,x as et,bL as $,bM as q,bN as E,bO as st,bP as at,bQ as nt}from"./vendor-Cnciq4o_.js";import{C as ot}from"./EditorUtils-DxjFOwpn.js";import{b as n,a as N,i as M,H as it,bB as c,bC as lt,bD as P,bE as b,bF as I,bG as rt,y as g,bh as S,J as ct,l as A,r as dt,bH as mt,av as ut,bf as xt,bw as pt}from"./index-DdPXqLQ6.js";import{P as _t}from"./ProtectRoute-DnUCrlh6.js";import{T as z,A as ht}from"./TimeInput-C0_Nl63x.js";import{p as L}from"./parseUserTime-DNXIMX9s.js";import{T as R}from"./Tooltip-BZrLdTBU.js";import{u as bt}from"./useReport-DPqY9XXp.js";import{s as B}from"./Editor.module-DvV2efYs.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]="cd13063f-f83d-4a9a-981f-cc36704c5348",e._sentryDebugIdIdentifier="sentry-dbid-cd13063f-f83d-4a9a-981f-cc36704c5348")}catch{}})();function yt(e,s){return{start:e!==n.Stop&&e!==n.Play,pause:e===n.Play,roll:e!==n.Roll&&s!==N.Overtime,stop:e!==n.Stop,reload:e!==n.Stop&&e!==n.Roll}}const jt="_blink_yewzx_1",ft="_fourtyfive_yewzx_13",vt="_tapButton_yewzx_17",gt="_neutral_yewzx_29",Ct="_active_yewzx_51",kt="_play_yewzx_66",Tt="_roll_yewzx_93",Nt="_pause_yewzx_120",wt="_ontime_yewzx_147",It="_stop_yewzx_174",Pt="_square_yewzx_201",St="_tight_yewzx_206",At="_fill_yewzx_211",f={blink:jt,fourtyfive:ft,tapButton:vt,neutral:gt,active:Ct,play:kt,roll:Tt,pause:Nt,ontime:wt,stop:It,square:Pt,tight:St,fill:At},r=w.forwardRef((e,s)=>{const{children:a,disabled:o,onClick:l,theme:i="neutral",aspect:m="normal",active:u,className:x}=e;return t.jsx("button",{className:M([f.tapButton,x,f[i],f[m],u&&f.active]),disabled:o,type:"button",onClick:l,ref:s,children:a})});r.displayName="TabButton";const Rt="_addTime_18oax_17",Bt="_addButtons_18oax_24",Dt="_tallButtons_18oax_30",v={addTime:Rt,addButtons:Bt,tallButtons:Dt};function $t(e){const{playback:s}=e,[a,o]=W({key:"add-time",defaultValue:3e5}),l=(x,C)=>{const _=L(C);o(Math.min(_,it))},i=x=>{x==="add"?c.addTime(a):c.addTime(-1*a)},u=!(s===n.Play||s===n.Pause)||a===0;return t.jsxs("div",{className:v.addTime,children:[t.jsx(z,{name:"addtime",submitHandler:l,time:a,placeholder:"Add time"}),t.jsxs("div",{className:v.addButtons,children:[t.jsx(r,{onClick:()=>i("remove"),disabled:u,className:v.tallButtons,children:t.jsx(Y,{})}),t.jsx(r,{onClick:()=>i("add"),disabled:u,className:v.tallButtons,children:t.jsx(Z,{})})]})]})}const qt="_label_u5jlo_17",Et="_controls_u5jlo_24",Mt="_input_u5jlo_28",zt="_twoSides_u5jlo_34",Lt="_fakeInput_u5jlo_42",y={label:qt,controls:Et,input:Mt,twoSides:zt,fakeInput:Lt};function k({index:e}){const{playback:s,direction:a}=lt(e),{stop:o,setDirection:l}=I,i=()=>{const x=a===b.CountDown?b.CountUp:b.CountDown;l(e,x)},m=s!==P.Stop,u=s===P.Start?"pause":"play";return t.jsxs("label",{className:y.label,children:["Aux Timer ",e,t.jsxs("div",{className:y.controls,children:[t.jsxs("div",{className:y.input,children:[t.jsx(Ft,{index:e,isActive:m}),t.jsxs(r,{onClick:i,aspect:"tight",disabled:m,children:[a===b.CountDown&&t.jsx(tt,{"data-testid":`aux-timer-direction-${e}`}),a===b.CountUp&&t.jsx(et,{"data-testid":`aux-timer-direction-${e}`})]})]}),t.jsxs("div",{className:y.twoSides,children:[t.jsx(Ot,{index:e,action:u}),t.jsx(r,{onClick:()=>o(e),theme:n.Stop,disabled:!m,children:t.jsx($,{"data-testid":`aux-timer-stop-${e}`})})]})]})]})}function Ft({index:e,isActive:s}){const a=rt(e),{setDuration:o}=I,l=(i,m)=>{const u=L(m);o(e,u)};return s?t.jsx("div",{className:y.fakeInput,"data-testid":`time-label-aux${e}`,children:g(a)}):t.jsx(z,{submitHandler:l,name:`aux${e}`,time:a,placeholder:`Aux ${e}`})}function Ot({index:e,action:s}){const{start:a,pause:o}=I;return s==="play"?t.jsx(r,{onClick:()=>a(e),theme:n.Play,children:t.jsx(q,{"data-testid":`aux-timer-start-${e}`})}):t.jsx(r,{onClick:()=>o(e),theme:n.Pause,children:t.jsx(E,{"data-testid":`aux-timer-pause-${e}`})})}const Ut="_buttonContainer_1mqxq_17",Ht="_go_1mqxq_25",Xt="_playbackContainer_1mqxq_30",Gt="_transportContainer_1mqxq_37",Vt="_extra_1mqxq_44",Jt="_invertX_1mqxq_51",p={buttonContainer:Ut,go:Ht,playbackContainer:Xt,transportContainer:Gt,extra:Vt,invertX:Jt};function Kt(e){const{playback:s,numEvents:a,selectedEventIndex:o,timerPhase:l}=e,i=s===n.Roll,m=s===n.Play,u=s===n.Pause,x=s===n.Armed,C=o===0,_=o===a-1,j=a===0,F=i||j,O=i||j||_,U=i||j||C,h=yt(s,l),H=!h.start,X=!h.pause,G=!h.roll||j,V=!h.stop,J=!h.reload,[K,Q]=w.useMemo(()=>x?[c.start,"Start"]:_?[c.stop,"Finish"]:o===null?[c.startNext,"Start"]:[c.startNext,"Next"],[x,_,o]);return t.jsxs("div",{className:p.buttonContainer,children:[t.jsx(r,{disabled:F,onClick:K,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(st,{})}),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:i,children:"Roll"}),t.jsx(r,{onClick:c.reload,disabled:J,children:t.jsx(nt,{className:p.invertX})}),t.jsx(r,{onClick:c.stop,disabled:V,theme:n.Stop,children:t.jsx($,{})})]})]})}const Qt="_timer_1f17d_21",Wt="_finished_1f17d_33",Yt="_muted_1f17d_36",T={timer:Qt,finished:Wt,muted:Yt};function Zt(e){const{time:s}=e,a=(s??0)<0,o=s==null?S:g(s,{fallback:S}).replace("-",""),l=M([T.timer,a?T.finished:null,s===null&&T.muted]);return t.jsx("div",{className:l,children:o})}const te="_timeContainer_g12ye_17",ee="_indicators_g12ye_25",se="_indicatorRoll_g12ye_34",ae="_indicatorDelay_g12ye_35",ne="_indicatorNegative_g12ye_36",oe="_status_g12ye_65",ie="_tag_g12ye_73",le="_time_g12ye_17",re="_rolltag_g12ye_84",d={timeContainer:te,indicators:ee,indicatorRoll:se,indicatorDelay:ae,indicatorNegative:ne,status:oe,tag:ie,time:le,rolltag:re};function ce(e){return e>0?`Added ${A(e,!1)}`:e<0?`Removed ${A(Math.abs(e),!1)}`:""}function de({children:e}){const s=ct(),a=s.playback===n.Roll,o=s.phase===N.Pending,l=s.phase===N.Overtime,i=!!s.addedTime,m=a?"Roll mode active":"",u=ce(s.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":i})]}),t.jsx(Zt,{time:o?s.secondaryTimer:s.current}),t.jsx("div",{className:d.status,children:o?t.jsx("span",{className:d.rolltag,children:"Roll: Countdown to start"}):t.jsx(me,{startedAt:s.startedAt,expectedFinish:s.expectedFinish,playback:s.playback})}),e]})}function me({startedAt:e,expectedFinish:s,playback:a}){if(a===n.Stop)return t.jsx(ue,{});const o=g(e),l=s!==null?s%dt:null,i=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:o})]}),t.jsxs("span",{className:d.finish,children:[t.jsx("span",{className:d.tag,children:"Expect end"}),t.jsx("span",{className:d.time,children:i})]})]})}function ue(){const{data:e}=bt();return Object.keys(e).length>0?t.jsx(ht,{search:"settings=sharing__report",children:"Go to report management"}):null}const xe="_mainContainer_1qlxm_17",pe="_auxTimers_1qlxm_22",D={mainContainer:xe,auxTimers:pe};function _e(){const e=mt();return t.jsxs("div",{className:D.mainContainer,children:[t.jsx(de,{children:t.jsx($t,{playback:e.playback})}),t.jsx(Kt,{playback:e.playback,numEvents:e.numEvents,selectedEventIndex:e.selectedEventIndex,timerPhase:e.timerPhase}),t.jsxs("div",{className:D.auxTimers,children:[t.jsx(k,{index:1}),t.jsx(k,{index:2}),t.jsx(k,{index:3})]})]})}const Ne=w.memo(he);function he(){const e=window.location.pathname.includes("/timercontrol");return t.jsx(_t,{permission:"editor",children:t.jsxs("div",{className:B.playback,"data-testid":"panel-timer-control",children:[!e&&t.jsx(ot,{onClick:s=>ut("timercontrol",s)}),e&&t.jsx(xt,{suppressSettings:!0}),t.jsx("div",{className:B.content,children:t.jsx(pt,{children:t.jsx(_e,{})})})]})})}export{Ne as default};
-//# sourceMappingURL=TimerControlExport-C_Jbwxog.js.map
+import{h as w,j as t,aw as W,bK as Y,T as Z,aL as tt,x as et,bL as $,bM as q,bN as E,bO as st,bP as at,bQ as nt}from"./vendor-CCiSQ9k9.js";import{C as ot}from"./EditorUtils-Da5ALK1P.js";import{b as n,a as N,i as M,H as it,bB as c,bC as lt,bD as P,bE as h,bF as I,bG as rt,y as g,bg as S,J as ct,l as A,r as dt,bH as mt,av as ut,bv as xt,bw as pt}from"./index-BQEUaoAf.js";import{P as _t}from"./ProtectRoute-CrcWfOlG.js";import{T as z,A as bt}from"./TimeInput-Dg1naiy3.js";import{p as L}from"./parseUserTime-BeTKj08M.js";import{T as R}from"./Tooltip-D9XRnwOW.js";import{u as ht}from"./useReport-B4dMYcNL.js";import{s as B}from"./Editor.module-DvV2efYs.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]="433bb1cb-2fe3-4ba7-b99b-e94a3d0f8d76",e._sentryDebugIdIdentifier="sentry-dbid-433bb1cb-2fe3-4ba7-b99b-e94a3d0f8d76")}catch{}})();function yt(e,s){return{start:e!==n.Stop&&e!==n.Play,pause:e===n.Play,roll:e!==n.Roll&&s!==N.Overtime,stop:e!==n.Stop,reload:e!==n.Stop&&e!==n.Roll}}const jt="_blink_yewzx_1",ft="_fourtyfive_yewzx_13",vt="_tapButton_yewzx_17",gt="_neutral_yewzx_29",Ct="_active_yewzx_51",kt="_play_yewzx_66",Tt="_roll_yewzx_93",Nt="_pause_yewzx_120",wt="_ontime_yewzx_147",It="_stop_yewzx_174",Pt="_square_yewzx_201",St="_tight_yewzx_206",At="_fill_yewzx_211",f={blink:jt,fourtyfive:ft,tapButton:vt,neutral:gt,active:Ct,play:kt,roll:Tt,pause:Nt,ontime:wt,stop:It,square:Pt,tight:St,fill:At},r=w.forwardRef((e,s)=>{const{children:a,disabled:o,onClick:l,theme:i="neutral",aspect:m="normal",active:u,className:x}=e;return t.jsx("button",{className:M([f.tapButton,x,f[i],f[m],u&&f.active]),disabled:o,type:"button",onClick:l,ref:s,children:a})});r.displayName="TabButton";const Rt="_addTime_18oax_17",Bt="_addButtons_18oax_24",Dt="_tallButtons_18oax_30",v={addTime:Rt,addButtons:Bt,tallButtons:Dt};function $t(e){const{playback:s}=e,[a,o]=W({key:"add-time",defaultValue:3e5}),l=(x,C)=>{const _=L(C);o(Math.min(_,it))},i=x=>{x==="add"?c.addTime(a):c.addTime(-1*a)},u=!(s===n.Play||s===n.Pause)||a===0;return t.jsxs("div",{className:v.addTime,children:[t.jsx(z,{name:"addtime",submitHandler:l,time:a,placeholder:"Add time"}),t.jsxs("div",{className:v.addButtons,children:[t.jsx(r,{onClick:()=>i("remove"),disabled:u,className:v.tallButtons,children:t.jsx(Y,{})}),t.jsx(r,{onClick:()=>i("add"),disabled:u,className:v.tallButtons,children:t.jsx(Z,{})})]})]})}const qt="_label_u5jlo_17",Et="_controls_u5jlo_24",Mt="_input_u5jlo_28",zt="_twoSides_u5jlo_34",Lt="_fakeInput_u5jlo_42",y={label:qt,controls:Et,input:Mt,twoSides:zt,fakeInput:Lt};function k({index:e}){const{playback:s,direction:a}=lt(e),{stop:o,setDirection:l}=I,i=()=>{const x=a===h.CountDown?h.CountUp:h.CountDown;l(e,x)},m=s!==P.Stop,u=s===P.Start?"pause":"play";return t.jsxs("label",{className:y.label,children:["Aux Timer ",e,t.jsxs("div",{className:y.controls,children:[t.jsxs("div",{className:y.input,children:[t.jsx(Ft,{index:e,isActive:m}),t.jsxs(r,{onClick:i,aspect:"tight",disabled:m,children:[a===h.CountDown&&t.jsx(tt,{"data-testid":`aux-timer-direction-${e}`}),a===h.CountUp&&t.jsx(et,{"data-testid":`aux-timer-direction-${e}`})]})]}),t.jsxs("div",{className:y.twoSides,children:[t.jsx(Ot,{index:e,action:u}),t.jsx(r,{onClick:()=>o(e),theme:n.Stop,disabled:!m,children:t.jsx($,{"data-testid":`aux-timer-stop-${e}`})})]})]})]})}function Ft({index:e,isActive:s}){const a=rt(e),{setDuration:o}=I,l=(i,m)=>{const u=L(m);o(e,u)};return s?t.jsx("div",{className:y.fakeInput,"data-testid":`time-label-aux${e}`,children:g(a)}):t.jsx(z,{submitHandler:l,name:`aux${e}`,time:a,placeholder:`Aux ${e}`})}function Ot({index:e,action:s}){const{start:a,pause:o}=I;return s==="play"?t.jsx(r,{onClick:()=>a(e),theme:n.Play,children:t.jsx(q,{"data-testid":`aux-timer-start-${e}`})}):t.jsx(r,{onClick:()=>o(e),theme:n.Pause,children:t.jsx(E,{"data-testid":`aux-timer-pause-${e}`})})}const Ut="_buttonContainer_1mqxq_17",Ht="_go_1mqxq_25",Xt="_playbackContainer_1mqxq_30",Gt="_transportContainer_1mqxq_37",Vt="_extra_1mqxq_44",Jt="_invertX_1mqxq_51",p={buttonContainer:Ut,go:Ht,playbackContainer:Xt,transportContainer:Gt,extra:Vt,invertX:Jt};function Kt(e){const{playback:s,numEvents:a,selectedEventIndex:o,timerPhase:l}=e,i=s===n.Roll,m=s===n.Play,u=s===n.Pause,x=s===n.Armed,C=o===0,_=o===a-1,j=a===0,F=i||j,O=i||j||_,U=i||j||C,b=yt(s,l),H=!b.start,X=!b.pause,G=!b.roll||j,V=!b.stop,J=!b.reload,[K,Q]=w.useMemo(()=>x?[c.start,"Start"]:_?[c.stop,"Finish"]:o===null?[c.startNext,"Start"]:[c.startNext,"Next"],[x,_,o]);return t.jsxs("div",{className:p.buttonContainer,children:[t.jsx(r,{disabled:F,onClick:K,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(st,{})}),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:i,children:"Roll"}),t.jsx(r,{onClick:c.reload,disabled:J,children:t.jsx(nt,{className:p.invertX})}),t.jsx(r,{onClick:c.stop,disabled:V,theme:n.Stop,children:t.jsx($,{})})]})]})}const Qt="_timer_1f17d_21",Wt="_finished_1f17d_33",Yt="_muted_1f17d_36",T={timer:Qt,finished:Wt,muted:Yt};function Zt(e){const{time:s}=e,a=(s??0)<0,o=s==null?S:g(s,{fallback:S}).replace("-",""),l=M([T.timer,a?T.finished:null,s===null&&T.muted]);return t.jsx("div",{className:l,children:o})}const te="_timeContainer_g12ye_17",ee="_indicators_g12ye_25",se="_indicatorRoll_g12ye_34",ae="_indicatorDelay_g12ye_35",ne="_indicatorNegative_g12ye_36",oe="_status_g12ye_65",ie="_tag_g12ye_73",le="_time_g12ye_17",re="_rolltag_g12ye_84",d={timeContainer:te,indicators:ee,indicatorRoll:se,indicatorDelay:ae,indicatorNegative:ne,status:oe,tag:ie,time:le,rolltag:re};function ce(e){return e>0?`Added ${A(e,!1)}`:e<0?`Removed ${A(Math.abs(e),!1)}`:""}function de({children:e}){const s=ct(),a=s.playback===n.Roll,o=s.phase===N.Pending,l=s.phase===N.Overtime,i=!!s.addedTime,m=a?"Roll mode active":"",u=ce(s.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":i})]}),t.jsx(Zt,{time:o?s.secondaryTimer:s.current}),t.jsx("div",{className:d.status,children:o?t.jsx("span",{className:d.rolltag,children:"Roll: Countdown to start"}):t.jsx(me,{startedAt:s.startedAt,expectedFinish:s.expectedFinish,playback:s.playback})}),e]})}function me({startedAt:e,expectedFinish:s,playback:a}){if(a===n.Stop)return t.jsx(ue,{});const o=g(e),l=s!==null?s%dt:null,i=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:o})]}),t.jsxs("span",{className:d.finish,children:[t.jsx("span",{className:d.tag,children:"Expect end"}),t.jsx("span",{className:d.time,children:i})]})]})}function ue(){const{data:e}=ht();return Object.keys(e).length>0?t.jsx(bt,{search:"settings=sharing__report",children:"Go to report management"}):null}const xe="_mainContainer_1qlxm_17",pe="_auxTimers_1qlxm_22",D={mainContainer:xe,auxTimers:pe};function _e(){const e=mt();return t.jsxs("div",{className:D.mainContainer,children:[t.jsx(de,{children:t.jsx($t,{playback:e.playback})}),t.jsx(Kt,{playback:e.playback,numEvents:e.numEvents,selectedEventIndex:e.selectedEventIndex,timerPhase:e.timerPhase}),t.jsxs("div",{className:D.auxTimers,children:[t.jsx(k,{index:1}),t.jsx(k,{index:2}),t.jsx(k,{index:3})]})]})}const Ne=w.memo(be);function be(){const e=window.location.pathname.includes("/timercontrol");return t.jsx(_t,{permission:"editor",children:t.jsxs("div",{className:B.playback,"data-testid":"panel-timer-control",children:[!e&&t.jsx(ot,{onClick:s=>ut("timercontrol",s)}),e&&t.jsx(xt,{suppressSettings:!0}),t.jsx("div",{className:B.content,children:t.jsx(pt,{children:t.jsx(_e,{})})})]})})}export{Ne as default};
+//# sourceMappingURL=TimerControlExport-C8ECtLBd.js.map