@getontime/cli 4.4.2 → 4.5.0

package/client/assets/{TimeElements-CYIgGk0T.js.map → TimeElements-BfxdLkpO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimeElements-CYIgGk0T.js","sources":["../../src/features/overview/overview.utils.ts","../../src/features/overview/composite/TimeLayout.tsx","../../src/features/overview/composite/TimeElements.tsx"],"sourcesContent":["import { MaybeNumber, TimerType } from 'ontime-types';\nimport { dayInMs, millisToString } from 'ontime-utils';\n\nimport { timerPlaceholder, timerPlaceholderMin } from '../../common/utils/styleUtils';\n\n/**\n * Composition to stop negative timers from being formatted\n * They should show a due string instead\n *\n * This is used for cases when a negative timer is unwanted\n * eg: count down to a milestone\n */\nexport function formatDueTime(\n  time: MaybeNumber,\n  segments: number = 3,\n  direction?: TimerType.CountDown | TimerType.CountUp,\n  dueString = 'due',\n): string {\n  if (time !== null && time <= 0) return dueString;\n  return formattedTime(time, segments, direction);\n}\n\n/**\n * Encapsulates the logic for formatting time in overview\n */\nexport function formattedTime(\n  time: MaybeNumber,\n  segments: number = 3,\n  direction?: TimerType.CountDown | TimerType.CountUp,\n): string {\n  return millisToString(time, { fallback: segments === 3 ? timerPlaceholder : timerPlaceholderMin, direction });\n}\n\n/**\n * Calculates how long a time is and how many days it spans\n */\nexport function calculateEndAndDaySpan(end: MaybeNumber): [MaybeNumber, number] {\n  if (end !== null && end > dayInMs) {\n    return [end % dayInMs, Math.floor(end / dayInMs)];\n  }\n\n  return [end, 0];\n}\n","import { ReactNode } from 'react';\n\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './TimeLayout.module.scss';\n\ninterface TimeLayoutProps {\n  label: string;\n  value: string;\n  state?: 'muted' | 'waiting' | 'active';\n  daySpan?: number;\n  className?: string;\n  testId?: string;\n}\n\nexport function TimeColumn({ label, value, state = 'active', className, testId }: TimeLayoutProps) {\n  return (\n    <div className={cx([style.column, className])} data-state={state}>\n      <span className={style.label}>{label}</span>\n      <span className={style.clock} data-testid={testId}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\ninterface WrappedInTimeColumnProps {\n  label: string;\n  state?: 'muted' | 'waiting' | 'active';\n  className?: string;\n  render: (className: string) => ReactNode;\n}\n\nexport function WrappedInTimeColumn({ label, state = 'active', className, render }: WrappedInTimeColumnProps) {\n  return (\n    <div className={cx([style.column, className])} data-state={state}>\n      <span className={style.label}>{label}</span>\n      {render(style.clock)}\n    </div>\n  );\n}\ninterface OverUnderProps {\n  state: 'over' | 'under' | 'muted' | null;\n  value: string;\n  testId: string;\n}\n\nexport function OverUnder({ state, value, testId }: OverUnderProps) {\n  return (\n    <div className={style.column} data-state={state}>\n      <div className={style.label}>\n        <span className={style.over}>Over</span>\n        <span>/</span>\n        <span className={style.under}>Under</span>\n      </div>\n      <span className={style.clock} data-testid={testId}>\n        {value}\n      </span>\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport {\n  TbCalendarClock,\n  TbCalendarPin,\n  TbCalendarStar,\n  TbFlagPin,\n  TbFlagStar,\n  TbFolderPin,\n  TbFolderStar,\n} from 'react-icons/tb';\nimport { OffsetMode, OntimeEvent, OntimeGroup, TimerPhase, TimerType } from 'ontime-types';\nimport { dayInMs, isPlaybackActive, millisToString } from 'ontime-utils';\n\nimport Tooltip from '../../../common/components/tooltip/Tooltip';\nimport {\n  useClock,\n  useCurrentGroupId,\n  useFlagTimerOverView,\n  useGroupTimerOverView,\n  useNextFlag,\n  useOffsetOverview,\n  useProgressOverview,\n  useRundownExpectedEnd,\n  useStartTimesOverview,\n  useTimer,\n} from '../../../common/hooks/useSocket';\nimport { useEntry } from '../../../common/hooks-query/useRundown';\nimport { getOffsetState, getOffsetText } from '../../../common/utils/offset';\nimport { cx, enDash, timerPlaceholder } from '../../../common/utils/styleUtils';\nimport { formatDuration, formatTime } from '../../../common/utils/time';\nimport SuperscriptPeriod from '../../../views/common/superscript-time/SuperscriptPeriod';\nimport { calculateEndAndDaySpan, formatDueTime } from '../overview.utils';\n\nimport { OverUnder, TimeColumn, WrappedInTimeColumn } from './TimeLayout';\n\nimport style from './TimeElements.module.scss';\n\ninterface OverviewTimeElementsProps {\n  shouldFormat?: boolean;\n}\n\nconst timeFormatOptions = { format12: 'hh:mm:ss a', format24: 'HH:mm:ss' };\n\nfunction formatTimeValue(time: number | null, shouldFormat: boolean | undefined): string {\n  if (time === null) return timerPlaceholder;\n  if (shouldFormat) return formatTime(time, timeFormatOptions);\n  return millisToString(time, { fallback: timerPlaceholder });\n}\n\nexport function StartTimesRuntime({ shouldFormat }: OverviewTimeElementsProps) {\n  const { plannedEnd, plannedStart, actualStart } = useStartTimesOverview();\n\n  const plannedStartText = formatTimeValue(plannedStart, shouldFormat);\n  const actualStartText = formatTimeValue(actualStart, shouldFormat);\n\n  const [maybePlannedEnd, maybePlannedDaySpan] = useMemo(() => calculateEndAndDaySpan(plannedEnd), [plannedEnd]);\n  const plannedEndText = formatTimeValue(maybePlannedEnd, shouldFormat);\n\n  const multipleDays = maybePlannedDaySpan > 0;\n  const plannedEndTooltip = multipleDays\n    ? `Planned end time (rundown spans over ${maybePlannedDaySpan + 1} days)`\n    : 'Planned end time';\n\n  return (\n    <div className={style.column}>\n      <div className={style.row}>\n        <span className={style.label}>Start</span>\n        <Tooltip\n          text='Planned start time'\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedStart === null && style.muted])}\n                time={plannedStartText}\n              />\n            </div>\n          }\n        />\n        <Tooltip\n          text='Actual start time'\n          render={\n            <div className={style.labelledElement} data-testid='actual-start-time'>\n              <TbCalendarClock className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, actualStart === null && style.muted])}\n                time={actualStartText}\n              />\n            </div>\n          }\n        />\n      </div>\n\n      <div className={style.row}>\n        <span className={style.label}>End</span>\n        <Tooltip\n          text={plannedEndTooltip}\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedEnd === null && style.muted])}\n                time={plannedEndText}\n              />\n              {multipleDays && (\n                <span className={cx([style.time, style.daySpan])} data-day-offset={maybePlannedDaySpan} />\n              )}\n            </div>\n          }\n        />\n        <RundownExpectedEnd shouldFormat={shouldFormat} />\n      </div>\n    </div>\n  );\n}\n\nexport function StartTimesPlanning({ shouldFormat }: OverviewTimeElementsProps) {\n  const { plannedEnd, plannedStart } = useStartTimesOverview();\n\n  const plannedStartText = formatTimeValue(plannedStart, shouldFormat);\n\n  const [maybePlannedEnd, maybePlannedDaySpan] = useMemo(() => calculateEndAndDaySpan(plannedEnd), [plannedEnd]);\n  const plannedEndText = formatTimeValue(maybePlannedEnd, shouldFormat);\n\n  const multipleDays = maybePlannedDaySpan > 0;\n  const plannedEndTooltip = multipleDays\n    ? `Planned end time (rundown spans over ${maybePlannedDaySpan + 1} days)`\n    : 'Planned end time';\n\n  return (\n    <div className={style.column}>\n      <div className={style.row2}>\n        <span className={style.label}>Start</span>\n        <Tooltip\n          text='Planned start time'\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedStart === null && style.muted])}\n                time={plannedStartText}\n              />\n            </div>\n          }\n        />\n      </div>\n\n      <div className={style.row2}>\n        <span className={style.label}>End</span>\n        <Tooltip\n          text={plannedEndTooltip}\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedEnd === null && style.muted])}\n                time={plannedEndText}\n              />\n              {multipleDays && (\n                <span className={cx([style.time, style.daySpan])} data-day-offset={maybePlannedDaySpan} />\n              )}\n            </div>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\n/**\n * Shows the expected end for the rundown\n * Extracted to improve performance as this is a ticking value\n */\nfunction RundownExpectedEnd({ shouldFormat }: OverviewTimeElementsProps) {\n  const expectedEnd = useRundownExpectedEnd();\n\n  const [maybeExpectedEnd, maybeExpectedDaySpan] = useMemo(() => calculateEndAndDaySpan(expectedEnd), [expectedEnd]);\n  const maybeExpectedEndText = formatTimeValue(maybeExpectedEnd, shouldFormat);\n\n  const multipleDays = maybeExpectedEnd !== null && maybeExpectedDaySpan > 0;\n  const tooltip = multipleDays\n    ? `Expected end time (rundown spans over ${maybeExpectedDaySpan + 1} days)`\n    : 'Expected end time';\n\n  return (\n    <Tooltip\n      text={tooltip}\n      render={\n        <div className={style.labelledElement}>\n          <TbCalendarStar className={style.icon} />\n          <SuperscriptPeriod\n            className={cx([style.time, maybeExpectedEnd === null && style.muted])}\n            time={maybeExpectedEndText}\n          />\n          {multipleDays && <span className={cx([style.time, style.daySpan])} data-day-offset={maybeExpectedDaySpan} />}\n        </div>\n      }\n    />\n  );\n}\n\nexport function MetadataTimes() {\n  return (\n    <div className={style.column}>\n      <GroupTimes />\n      <FlagTimes />\n    </div>\n  );\n}\n\nfunction GroupTimes() {\n  const { clock, mode, groupExpectedEnd, actualGroupStart, currentDay, playback } = useGroupTimerOverView();\n  const currentGroupId = useCurrentGroupId();\n  const group = useEntry(currentGroupId) as OntimeGroup | null;\n\n  const active = isPlaybackActive(playback);\n\n  // the group end time dose not encode any day offsets so it is calculated with group start time and duration\n  const plannedGroupEnd = (() => {\n    if (!active) return null;\n    if (!group || group.timeStart === null) return null;\n    const normalizedClock = clock + currentDay * dayInMs;\n\n    return mode === OffsetMode.Absolute\n      ? group.timeStart + group.duration - normalizedClock\n      : actualGroupStart + group.duration - normalizedClock;\n  })();\n\n  const plannedTimeUntilGroupEnd = formatDueTime(plannedGroupEnd, 3, TimerType.CountDown);\n\n  const expectedGroupEnd = groupExpectedEnd !== null ? groupExpectedEnd - clock : null;\n  const expectedTimeUntilGroupEnd = formatDueTime(expectedGroupEnd, 3, TimerType.CountDown);\n\n  return (\n    <div className={style.metadataRow}>\n      <span className={group?.title ? style.labelTitle : style.label}>{`${group?.title || 'Group'} `}</span>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to planned group end' render={<TbFolderPin className={style.icon} />} />\n        <span\n          className={cx([\n            style.time,\n            (!group || !active) && style.muted,\n            plannedTimeUntilGroupEnd === 'due' && style.dueTime,\n          ])}\n        >\n          {plannedTimeUntilGroupEnd}\n        </span>\n      </div>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to expected group end' render={<TbFolderStar className={style.icon} />} />\n        <span\n          className={cx([\n            style.time,\n            !groupExpectedEnd && style.muted,\n            expectedTimeUntilGroupEnd === 'due' && style.dueTime,\n          ])}\n        >\n          {expectedTimeUntilGroupEnd}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nfunction FlagTimes() {\n  const { clock, mode, actualStart, plannedStart, playback, currentDay } = useFlagTimerOverView();\n  const { id, expectedStart } = useNextFlag();\n  const entry = useEntry(id) as OntimeEvent | null;\n\n  const active = isPlaybackActive(playback);\n\n  const plannedFlagStart = (() => {\n    if (!active) return null;\n    if (!entry) return null;\n    const normalizedTimeStart = entry.timeStart + entry.dayOffset * dayInMs;\n    const normalizedClock = clock + currentDay * dayInMs;\n    return mode === OffsetMode.Absolute\n      ? normalizedTimeStart - normalizedClock\n      : normalizedTimeStart + actualStart - plannedStart - normalizedClock;\n  })();\n\n  const plannedTimeUntilDisplay = formatDueTime(plannedFlagStart, 3, TimerType.CountDown);\n\n  const expectedTimeUntil = expectedStart !== null ? expectedStart - clock : null;\n  const expectedTimeUntilDisplay = formatDueTime(expectedTimeUntil, 3, TimerType.CountDown);\n\n  const title = entry?.title ?? null;\n\n  return (\n    <div className={style.metadataRow}>\n      <span className={title ? style.labelTitle : style.label}>{`${title || 'Flag'} `}</span>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to next flag planned start' render={<TbFlagPin className={style.icon} />} />\n        <span\n          data-testid='flag-plannedStart'\n          className={cx([\n            style.time,\n            (!entry || !active) && style.muted,\n            plannedTimeUntilDisplay === 'due' && style.dueTime,\n          ])}\n        >\n          {plannedTimeUntilDisplay}\n        </span>\n      </div>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to next flag expected start' render={<TbFlagStar className={style.icon} />} />\n        <span\n          data-testid='flag-expectedStart'\n          className={cx([\n            style.time,\n            expectedTimeUntil === null && style.muted,\n            expectedTimeUntilDisplay === 'due' && style.dueTime,\n          ])}\n        >\n          {expectedTimeUntilDisplay}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function ProgressOverview() {\n  const { numEvents, selectedEventIndex } = useProgressOverview();\n\n  const current = selectedEventIndex !== null ? selectedEventIndex + 1 : enDash;\n  const progressText = numEvents ? `${current} of ${numEvents || enDash}` : enDash;\n\n  return <TimeColumn label='Progress' value={progressText} state={selectedEventIndex === null ? 'muted' : 'active'} />;\n}\n\nexport function OffsetOverview() {\n  const { offset, playback } = useOffsetOverview();\n\n  const isPlaying = isPlaybackActive(playback);\n  const offsetState = getOffsetState(isPlaying ? offset : null);\n  const offsetText = getOffsetText(isPlaying ? offset : null);\n\n  return <OverUnder state={offsetState} value={offsetText} testId='offset' />;\n}\n\nexport function ClockOverview({ shouldFormat, className }: OverviewTimeElementsProps & { className?: string }) {\n  const clock = useClock();\n  const formattedClock = shouldFormat ? formatTime(clock) : millisToString(clock);\n\n  return (\n    <WrappedInTimeColumn\n      label='Time now'\n      className={className}\n      render={(clockClasses) => <SuperscriptPeriod className={clockClasses} time={formattedClock} />}\n    />\n  );\n}\n\nexport function TimerOverview({ className }: { className?: string }) {\n  const timer = useTimer();\n\n  const isWaiting = timer.phase === TimerPhase.Pending;\n  const title = isWaiting ? 'Count to start' : 'Running timer';\n  const display = millisToString(isWaiting ? timer.secondaryTimer : timer.current, { fallback: timerPlaceholder });\n\n  function getTimerState(): 'waiting' | 'muted' | 'active' {\n    if (isWaiting) return 'waiting';\n    if (timer.current === null) return 'muted';\n    return 'active';\n  }\n\n  return <TimeColumn label={title} value={display} state={getTimerState()} className={className} />;\n}\n\nexport function PlanningStats() {\n  const { numEvents } = useProgressOverview();\n  const { plannedEnd, plannedStart } = useStartTimesOverview();\n\n  const hasTimes = plannedStart !== null && plannedEnd !== null;\n  const formattedDuration = hasTimes ? formatDuration(plannedEnd - plannedStart) : timerPlaceholder;\n\n  return (\n    <>\n      <TimeColumn label='Total duration' value={formattedDuration} />\n      <TimeColumn label='Events' value={String(numEvents)} />\n    </>\n  );\n}\n"],"names":["formatDueTime","time","segments","direction","dueString","formattedTime","millisToString","fallback","timerPlaceholder","timerPlaceholderMin","calculateEndAndDaySpan","end","dayInMs","Math","floor","TimeColumn","label","value","state","className","testId","jsxs","cx","style","column","jsx","clock","WrappedInTimeColumn","render","OverUnder","over","under","timeFormatOptions","format12","format24","formatTimeValue","shouldFormat","formatTime","StartTimesRuntime","plannedEnd","plannedStart","actualStart","useStartTimesOverview","plannedStartText","actualStartText","maybePlannedEnd","maybePlannedDaySpan","useMemo","plannedEndText","multipleDays","plannedEndTooltip","row","Tooltip","labelledElement","TbCalendarPin","icon","SuperscriptPeriod","muted","TbCalendarClock","daySpan","RundownExpectedEnd","StartTimesPlanning","row2","expectedEnd","useRundownExpectedEnd","maybeExpectedEnd","maybeExpectedDaySpan","maybeExpectedEndText","tooltip","TbCalendarStar","MetadataTimes","GroupTimes","FlagTimes","mode","groupExpectedEnd","actualGroupStart","currentDay","playback","useGroupTimerOverView","currentGroupId","useCurrentGroupId","group","useEntry","active","isPlaybackActive","plannedGroupEnd","timeStart","normalizedClock","OffsetMode","Absolute","duration","plannedTimeUntilGroupEnd","TimerType","CountDown","expectedGroupEnd","expectedTimeUntilGroupEnd","metadataRow","title","labelTitle","TbFolderPin","dueTime","TbFolderStar","useFlagTimerOverView","id","expectedStart","useNextFlag","entry","plannedFlagStart","normalizedTimeStart","dayOffset","plannedTimeUntilDisplay","expectedTimeUntil","expectedTimeUntilDisplay","TbFlagPin","TbFlagStar","ProgressOverview","numEvents","selectedEventIndex","useProgressOverview","current","enDash","progressText","OffsetOverview","offset","useOffsetOverview","isPlaying","offsetState","getOffsetState","offsetText","getOffsetText","ClockOverview","useClock","formattedClock","clockClasses","TimerOverview","timer","useTimer","isWaiting","phase","TimerPhase","Pending","display","secondaryTimer","getTimerState","PlanningStats","formattedDuration","formatDuration","Fragment","String"],"mappings":"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"}
+{"version":3,"file":"TimeElements-BfxdLkpO.js","sources":["../../src/features/overview/overview.utils.ts","../../src/features/overview/composite/TimeLayout.tsx","../../src/features/overview/composite/TimeElements.tsx"],"sourcesContent":["import { MaybeNumber, TimerType } from 'ontime-types';\nimport { dayInMs, millisToString } from 'ontime-utils';\n\nimport { timerPlaceholder, timerPlaceholderMin } from '../../common/utils/styleUtils';\n\n/**\n * Composition to stop negative timers from being formatted\n * They should show a due string instead\n *\n * This is used for cases when a negative timer is unwanted\n * eg: count down to a milestone\n */\nexport function formatDueTime(\n  time: MaybeNumber,\n  segments: number = 3,\n  direction?: TimerType.CountDown | TimerType.CountUp,\n  dueString = 'due',\n): string {\n  if (time !== null && time <= 0) return dueString;\n  return formattedTime(time, segments, direction);\n}\n\n/**\n * Encapsulates the logic for formatting time in overview\n */\nexport function formattedTime(\n  time: MaybeNumber,\n  segments: number = 3,\n  direction?: TimerType.CountDown | TimerType.CountUp,\n): string {\n  return millisToString(time, { fallback: segments === 3 ? timerPlaceholder : timerPlaceholderMin, direction });\n}\n\n/**\n * Calculates how long a time is and how many days it spans\n */\nexport function calculateEndAndDaySpan(end: MaybeNumber): [MaybeNumber, number] {\n  if (end !== null && end > dayInMs) {\n    return [end % dayInMs, Math.floor(end / dayInMs)];\n  }\n\n  return [end, 0];\n}\n","import { ReactNode } from 'react';\n\nimport { cx } from '../../../common/utils/styleUtils';\n\nimport style from './TimeLayout.module.scss';\n\ninterface TimeLayoutProps {\n  label: string;\n  value: string;\n  state?: 'muted' | 'waiting' | 'active';\n  daySpan?: number;\n  className?: string;\n  testId?: string;\n}\n\nexport function TimeColumn({ label, value, state = 'active', className, testId }: TimeLayoutProps) {\n  return (\n    <div className={cx([style.column, className])} data-state={state}>\n      <span className={style.label}>{label}</span>\n      <span className={style.clock} data-testid={testId}>\n        {value}\n      </span>\n    </div>\n  );\n}\n\ninterface WrappedInTimeColumnProps {\n  label: string;\n  state?: 'muted' | 'waiting' | 'active';\n  className?: string;\n  render: (className: string) => ReactNode;\n}\n\nexport function WrappedInTimeColumn({ label, state = 'active', className, render }: WrappedInTimeColumnProps) {\n  return (\n    <div className={cx([style.column, className])} data-state={state}>\n      <span className={style.label}>{label}</span>\n      {render(style.clock)}\n    </div>\n  );\n}\ninterface OverUnderProps {\n  state: 'over' | 'under' | 'muted' | null;\n  value: string;\n  testId: string;\n}\n\nexport function OverUnder({ state, value, testId }: OverUnderProps) {\n  return (\n    <div className={style.column} data-state={state}>\n      <div className={style.label}>\n        <span className={style.over}>Over</span>\n        <span>/</span>\n        <span className={style.under}>Under</span>\n      </div>\n      <span className={style.clock} data-testid={testId}>\n        {value}\n      </span>\n    </div>\n  );\n}\n","import { useMemo } from 'react';\nimport {\n  TbCalendarClock,\n  TbCalendarPin,\n  TbCalendarStar,\n  TbFlagPin,\n  TbFlagStar,\n  TbFolderPin,\n  TbFolderStar,\n} from 'react-icons/tb';\nimport { OffsetMode, OntimeEvent, OntimeGroup, TimerPhase, TimerType } from 'ontime-types';\nimport { dayInMs, isPlaybackActive, millisToString } from 'ontime-utils';\n\nimport Tooltip from '../../../common/components/tooltip/Tooltip';\nimport {\n  useClock,\n  useCurrentGroupId,\n  useFlagTimerOverView,\n  useGroupTimerOverView,\n  useNextFlag,\n  useOffsetOverview,\n  useProgressOverview,\n  useRundownExpectedEnd,\n  useStartTimesOverview,\n  useTimer,\n} from '../../../common/hooks/useSocket';\nimport { useEntry } from '../../../common/hooks-query/useRundown';\nimport { getOffsetState, getOffsetText } from '../../../common/utils/offset';\nimport { cx, enDash, timerPlaceholder } from '../../../common/utils/styleUtils';\nimport { formatDuration, formatTime } from '../../../common/utils/time';\nimport SuperscriptPeriod from '../../../views/common/superscript-time/SuperscriptPeriod';\nimport { calculateEndAndDaySpan, formatDueTime } from '../overview.utils';\n\nimport { OverUnder, TimeColumn, WrappedInTimeColumn } from './TimeLayout';\n\nimport style from './TimeElements.module.scss';\n\ninterface OverviewTimeElementsProps {\n  shouldFormat?: boolean;\n}\n\nconst timeFormatOptions = { format12: 'hh:mm:ss a', format24: 'HH:mm:ss' };\n\nfunction formatTimeValue(time: number | null, shouldFormat: boolean | undefined): string {\n  if (time === null) return timerPlaceholder;\n  if (shouldFormat) return formatTime(time, timeFormatOptions);\n  return millisToString(time, { fallback: timerPlaceholder });\n}\n\nexport function StartTimesRuntime({ shouldFormat }: OverviewTimeElementsProps) {\n  const { plannedEnd, plannedStart, actualStart } = useStartTimesOverview();\n\n  const plannedStartText = formatTimeValue(plannedStart, shouldFormat);\n  const actualStartText = formatTimeValue(actualStart, shouldFormat);\n\n  const [maybePlannedEnd, maybePlannedDaySpan] = useMemo(() => calculateEndAndDaySpan(plannedEnd), [plannedEnd]);\n  const plannedEndText = formatTimeValue(maybePlannedEnd, shouldFormat);\n\n  const multipleDays = maybePlannedDaySpan > 0;\n  const plannedEndTooltip = multipleDays\n    ? `Planned end time (rundown spans over ${maybePlannedDaySpan + 1} days)`\n    : 'Planned end time';\n\n  return (\n    <div className={style.column}>\n      <div className={style.row}>\n        <span className={style.label}>Start</span>\n        <Tooltip\n          text='Planned start time'\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedStart === null && style.muted])}\n                time={plannedStartText}\n              />\n            </div>\n          }\n        />\n        <Tooltip\n          text='Actual start time'\n          render={\n            <div className={style.labelledElement} data-testid='actual-start-time'>\n              <TbCalendarClock className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, actualStart === null && style.muted])}\n                time={actualStartText}\n              />\n            </div>\n          }\n        />\n      </div>\n\n      <div className={style.row}>\n        <span className={style.label}>End</span>\n        <Tooltip\n          text={plannedEndTooltip}\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedEnd === null && style.muted])}\n                time={plannedEndText}\n              />\n              {multipleDays && (\n                <span className={cx([style.time, style.daySpan])} data-day-offset={maybePlannedDaySpan} />\n              )}\n            </div>\n          }\n        />\n        <RundownExpectedEnd shouldFormat={shouldFormat} />\n      </div>\n    </div>\n  );\n}\n\nexport function StartTimesPlanning({ shouldFormat }: OverviewTimeElementsProps) {\n  const { plannedEnd, plannedStart } = useStartTimesOverview();\n\n  const plannedStartText = formatTimeValue(plannedStart, shouldFormat);\n\n  const [maybePlannedEnd, maybePlannedDaySpan] = useMemo(() => calculateEndAndDaySpan(plannedEnd), [plannedEnd]);\n  const plannedEndText = formatTimeValue(maybePlannedEnd, shouldFormat);\n\n  const multipleDays = maybePlannedDaySpan > 0;\n  const plannedEndTooltip = multipleDays\n    ? `Planned end time (rundown spans over ${maybePlannedDaySpan + 1} days)`\n    : 'Planned end time';\n\n  return (\n    <div className={style.column}>\n      <div className={style.row2}>\n        <span className={style.label}>Start</span>\n        <Tooltip\n          text='Planned start time'\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedStart === null && style.muted])}\n                time={plannedStartText}\n              />\n            </div>\n          }\n        />\n      </div>\n\n      <div className={style.row2}>\n        <span className={style.label}>End</span>\n        <Tooltip\n          text={plannedEndTooltip}\n          render={\n            <div className={style.labelledElement}>\n              <TbCalendarPin className={style.icon} />\n              <SuperscriptPeriod\n                className={cx([style.time, plannedEnd === null && style.muted])}\n                time={plannedEndText}\n              />\n              {multipleDays && (\n                <span className={cx([style.time, style.daySpan])} data-day-offset={maybePlannedDaySpan} />\n              )}\n            </div>\n          }\n        />\n      </div>\n    </div>\n  );\n}\n\n/**\n * Shows the expected end for the rundown\n * Extracted to improve performance as this is a ticking value\n */\nfunction RundownExpectedEnd({ shouldFormat }: OverviewTimeElementsProps) {\n  const expectedEnd = useRundownExpectedEnd();\n\n  const [maybeExpectedEnd, maybeExpectedDaySpan] = useMemo(() => calculateEndAndDaySpan(expectedEnd), [expectedEnd]);\n  const maybeExpectedEndText = formatTimeValue(maybeExpectedEnd, shouldFormat);\n\n  const multipleDays = maybeExpectedEnd !== null && maybeExpectedDaySpan > 0;\n  const tooltip = multipleDays\n    ? `Expected end time (rundown spans over ${maybeExpectedDaySpan + 1} days)`\n    : 'Expected end time';\n\n  return (\n    <Tooltip\n      text={tooltip}\n      render={\n        <div className={style.labelledElement}>\n          <TbCalendarStar className={style.icon} />\n          <SuperscriptPeriod\n            className={cx([style.time, maybeExpectedEnd === null && style.muted])}\n            time={maybeExpectedEndText}\n          />\n          {multipleDays && <span className={cx([style.time, style.daySpan])} data-day-offset={maybeExpectedDaySpan} />}\n        </div>\n      }\n    />\n  );\n}\n\nexport function MetadataTimes() {\n  return (\n    <div className={style.column}>\n      <GroupTimes />\n      <FlagTimes />\n    </div>\n  );\n}\n\nfunction GroupTimes() {\n  const { clock, mode, groupExpectedEnd, actualGroupStart, currentDay, playback } = useGroupTimerOverView();\n  const currentGroupId = useCurrentGroupId();\n  const group = useEntry(currentGroupId) as OntimeGroup | null;\n\n  const active = isPlaybackActive(playback);\n\n  // the group end time dose not encode any day offsets so it is calculated with group start time and duration\n  const plannedGroupEnd = (() => {\n    if (!active) return null;\n    if (!group || group.timeStart === null) return null;\n    const normalizedClock = clock + currentDay * dayInMs;\n\n    return mode === OffsetMode.Absolute\n      ? group.timeStart + group.duration - normalizedClock\n      : actualGroupStart + group.duration - normalizedClock;\n  })();\n\n  const plannedTimeUntilGroupEnd = formatDueTime(plannedGroupEnd, 3, TimerType.CountDown);\n\n  const expectedGroupEnd = groupExpectedEnd !== null ? groupExpectedEnd - clock : null;\n  const expectedTimeUntilGroupEnd = formatDueTime(expectedGroupEnd, 3, TimerType.CountDown);\n\n  return (\n    <div className={style.metadataRow}>\n      <span className={group?.title ? style.labelTitle : style.label}>{`${group?.title || 'Group'} `}</span>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to planned group end' render={<TbFolderPin className={style.icon} />} />\n        <span\n          className={cx([\n            style.time,\n            (!group || !active) && style.muted,\n            plannedTimeUntilGroupEnd === 'due' && style.dueTime,\n          ])}\n        >\n          {plannedTimeUntilGroupEnd}\n        </span>\n      </div>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to expected group end' render={<TbFolderStar className={style.icon} />} />\n        <span\n          className={cx([\n            style.time,\n            !groupExpectedEnd && style.muted,\n            expectedTimeUntilGroupEnd === 'due' && style.dueTime,\n          ])}\n        >\n          {expectedTimeUntilGroupEnd}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nfunction FlagTimes() {\n  const { clock, mode, actualStart, plannedStart, playback, currentDay } = useFlagTimerOverView();\n  const { id, expectedStart } = useNextFlag();\n  const entry = useEntry(id) as OntimeEvent | null;\n\n  const active = isPlaybackActive(playback);\n\n  const plannedFlagStart = (() => {\n    if (!active) return null;\n    if (!entry) return null;\n    const normalizedTimeStart = entry.timeStart + entry.dayOffset * dayInMs;\n    const normalizedClock = clock + currentDay * dayInMs;\n    return mode === OffsetMode.Absolute\n      ? normalizedTimeStart - normalizedClock\n      : normalizedTimeStart + actualStart - plannedStart - normalizedClock;\n  })();\n\n  const plannedTimeUntilDisplay = formatDueTime(plannedFlagStart, 3, TimerType.CountDown);\n\n  const expectedTimeUntil = expectedStart !== null ? expectedStart - clock : null;\n  const expectedTimeUntilDisplay = formatDueTime(expectedTimeUntil, 3, TimerType.CountDown);\n\n  const title = entry?.title ?? null;\n\n  return (\n    <div className={style.metadataRow}>\n      <span className={title ? style.labelTitle : style.label}>{`${title || 'Flag'} `}</span>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to next flag planned start' render={<TbFlagPin className={style.icon} />} />\n        <span\n          data-testid='flag-plannedStart'\n          className={cx([\n            style.time,\n            (!entry || !active) && style.muted,\n            plannedTimeUntilDisplay === 'due' && style.dueTime,\n          ])}\n        >\n          {plannedTimeUntilDisplay}\n        </span>\n      </div>\n      <div className={style.labelledElement}>\n        <Tooltip text='Time to next flag expected start' render={<TbFlagStar className={style.icon} />} />\n        <span\n          data-testid='flag-expectedStart'\n          className={cx([\n            style.time,\n            expectedTimeUntil === null && style.muted,\n            expectedTimeUntilDisplay === 'due' && style.dueTime,\n          ])}\n        >\n          {expectedTimeUntilDisplay}\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport function ProgressOverview() {\n  const { numEvents, selectedEventIndex } = useProgressOverview();\n\n  const current = selectedEventIndex !== null ? selectedEventIndex + 1 : enDash;\n  const progressText = numEvents ? `${current} of ${numEvents || enDash}` : enDash;\n\n  return <TimeColumn label='Progress' value={progressText} state={selectedEventIndex === null ? 'muted' : 'active'} />;\n}\n\nexport function OffsetOverview() {\n  const { offset, playback } = useOffsetOverview();\n\n  const isPlaying = isPlaybackActive(playback);\n  const offsetState = getOffsetState(isPlaying ? offset : null);\n  const offsetText = getOffsetText(isPlaying ? offset : null);\n\n  return <OverUnder state={offsetState} value={offsetText} testId='offset' />;\n}\n\nexport function ClockOverview({ shouldFormat, className }: OverviewTimeElementsProps & { className?: string }) {\n  const clock = useClock();\n  const formattedClock = shouldFormat ? formatTime(clock) : millisToString(clock);\n\n  return (\n    <WrappedInTimeColumn\n      label='Time now'\n      className={className}\n      render={(clockClasses) => <SuperscriptPeriod className={clockClasses} time={formattedClock} />}\n    />\n  );\n}\n\nexport function TimerOverview({ className }: { className?: string }) {\n  const timer = useTimer();\n\n  const isWaiting = timer.phase === TimerPhase.Pending;\n  const title = isWaiting ? 'Count to start' : 'Running timer';\n  const display = millisToString(isWaiting ? timer.secondaryTimer : timer.current, { fallback: timerPlaceholder });\n\n  function getTimerState(): 'waiting' | 'muted' | 'active' {\n    if (isWaiting) return 'waiting';\n    if (timer.current === null) return 'muted';\n    return 'active';\n  }\n\n  return <TimeColumn label={title} value={display} state={getTimerState()} className={className} />;\n}\n\nexport function PlanningStats() {\n  const { numEvents } = useProgressOverview();\n  const { plannedEnd, plannedStart } = useStartTimesOverview();\n\n  const hasTimes = plannedStart !== null && plannedEnd !== null;\n  const formattedDuration = hasTimes ? formatDuration(plannedEnd - plannedStart) : timerPlaceholder;\n\n  return (\n    <>\n      <TimeColumn label='Total duration' value={formattedDuration} />\n      <TimeColumn label='Events' value={String(numEvents)} />\n    </>\n  );\n}\n"],"names":["formatDueTime","time","segments","direction","dueString","formattedTime","millisToString","fallback","timerPlaceholder","timerPlaceholderMin","calculateEndAndDaySpan","end","dayInMs","Math","floor","TimeColumn","label","value","state","className","testId","jsxs","cx","style","column","jsx","clock","WrappedInTimeColumn","render","OverUnder","over","under","timeFormatOptions","format12","format24","formatTimeValue","shouldFormat","formatTime","StartTimesRuntime","plannedEnd","plannedStart","actualStart","useStartTimesOverview","plannedStartText","actualStartText","maybePlannedEnd","maybePlannedDaySpan","useMemo","plannedEndText","multipleDays","plannedEndTooltip","row","Tooltip","labelledElement","TbCalendarPin","icon","SuperscriptPeriod","muted","TbCalendarClock","daySpan","RundownExpectedEnd","StartTimesPlanning","row2","expectedEnd","useRundownExpectedEnd","maybeExpectedEnd","maybeExpectedDaySpan","maybeExpectedEndText","tooltip","TbCalendarStar","MetadataTimes","GroupTimes","FlagTimes","mode","groupExpectedEnd","actualGroupStart","currentDay","playback","useGroupTimerOverView","currentGroupId","useCurrentGroupId","group","useEntry","active","isPlaybackActive","plannedGroupEnd","timeStart","normalizedClock","OffsetMode","Absolute","duration","plannedTimeUntilGroupEnd","TimerType","CountDown","expectedGroupEnd","expectedTimeUntilGroupEnd","metadataRow","title","labelTitle","TbFolderPin","dueTime","TbFolderStar","useFlagTimerOverView","id","expectedStart","useNextFlag","entry","plannedFlagStart","normalizedTimeStart","dayOffset","plannedTimeUntilDisplay","expectedTimeUntil","expectedTimeUntilDisplay","TbFlagPin","TbFlagStar","ProgressOverview","numEvents","selectedEventIndex","useProgressOverview","current","enDash","progressText","OffsetOverview","offset","useOffsetOverview","isPlaying","offsetState","getOffsetState","offsetText","getOffsetText","ClockOverview","useClock","formattedClock","clockClasses","TimerOverview","timer","useTimer","isWaiting","phase","TimerPhase","Pending","display","secondaryTimer","getTimerState","PlanningStats","formattedDuration","formatDuration","Fragment","String"],"mappings":"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"}

package/client/assets/{TimeInput-Cwl9vLWA.js → TimeInput-BjOTgjcv.js}

@@ -1,2 +1,2 @@
-import{x as D,j as b,h as t}from"./vendor-BKUJ0_Du.js";import{m as E,ah as T,e as N}from"./index-Dm-4OTmY.js";import{p as j}from"./parseUserTime-sZbEBi61.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new s.Error().stack;n&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[n]="3c30d834-fa15-49f6-a3f3-3a8db3032f45",s._sentryDebugIdIdentifier="sentry-dbid-3c30d834-fa15-49f6-a3f3-3a8db3032f45")}catch{}})();const A="_link_6042u_17",R={link:A};function L({search:s,children:n}){const r=D(),a=()=>r({search:s});return b.jsx("button",{onClick:a,className:R.link,children:n})}const S="_timeInput_1u25s_17",w="_delayed_1u25s_23",y={timeInput:S,delayed:w};function M({id:s,name:n,submitHandler:r,time:a,placeholder:g,disabled:k,align:h="center",delayed:I,className:_}){const l=t.useRef(null),[m,c]=t.useState(""),i=t.useRef(!1),u=t.useCallback(()=>{typeof a!="number"||isNaN(a)?c("00:00:00"):c(E(a))},[a]),x=t.useCallback(()=>{var e;(e=l.current)==null||e.select()},[]),f=t.useCallback(e=>e===""?!1:e.startsWith("p")||e.startsWith("+")?(r(n,e),!0):j(e)===a?!1:(r(n,e),!0),[n,r,a]),d=t.useCallback(e=>{f(e)||u()},[f,u]),C=t.useCallback(e=>{var o,p;e.key==="Enter"&&((o=l.current)==null||o.blur()),e.key==="Escape"&&(i.current=!0,(p=l.current)==null||p.blur(),u())},[u]),v=t.useCallback(e=>{if(i.current){i.current=!1;return}d(e.target.value)},[d]);return t.useEffect(()=>{u()},[u]),b.jsx(T,{id:s,disabled:k,ref:l,"data-testid":`time-input-${n}`,className:N([y.timeInput,I&&y.delayed,_]),placeholder:g,onFocus:x,onChange:e=>c(e.target.value),onBlur:v,onKeyDown:C,value:m,maxLength:8,style:{textAlign:h}})}export{L as A,M as T,y as s};
-//# sourceMappingURL=TimeInput-Cwl9vLWA.js.map
+import{x as D,j as b,h as t}from"./vendor-Dt3_Fdfs.js";import{m as E,ah as T,e as N}from"./index-3aosT33y.js";import{p as j}from"./parseUserTime-wAKk9aCJ.js";(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},n=new s.Error().stack;n&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[n]="3c30d834-fa15-49f6-a3f3-3a8db3032f45",s._sentryDebugIdIdentifier="sentry-dbid-3c30d834-fa15-49f6-a3f3-3a8db3032f45")}catch{}})();const A="_link_6042u_17",R={link:A};function L({search:s,children:n}){const r=D(),a=()=>r({search:s});return b.jsx("button",{onClick:a,className:R.link,children:n})}const S="_timeInput_1u25s_17",w="_delayed_1u25s_23",y={timeInput:S,delayed:w};function M({id:s,name:n,submitHandler:r,time:a,placeholder:g,disabled:k,align:h="center",delayed:I,className:_}){const l=t.useRef(null),[m,c]=t.useState(""),i=t.useRef(!1),u=t.useCallback(()=>{typeof a!="number"||isNaN(a)?c("00:00:00"):c(E(a))},[a]),x=t.useCallback(()=>{var e;(e=l.current)==null||e.select()},[]),f=t.useCallback(e=>e===""?!1:e.startsWith("p")||e.startsWith("+")?(r(n,e),!0):j(e)===a?!1:(r(n,e),!0),[n,r,a]),d=t.useCallback(e=>{f(e)||u()},[f,u]),C=t.useCallback(e=>{var o,p;e.key==="Enter"&&((o=l.current)==null||o.blur()),e.key==="Escape"&&(i.current=!0,(p=l.current)==null||p.blur(),u())},[u]),v=t.useCallback(e=>{if(i.current){i.current=!1;return}d(e.target.value)},[d]);return t.useEffect(()=>{u()},[u]),b.jsx(T,{id:s,disabled:k,ref:l,"data-testid":`time-input-${n}`,className:N([y.timeInput,I&&y.delayed,_]),placeholder:g,onFocus:x,onChange:e=>c(e.target.value),onBlur:v,onKeyDown:C,value:m,maxLength:8,style:{textAlign:h}})}export{L as A,M as T,y as s};
+//# sourceMappingURL=TimeInput-BjOTgjcv.js.map

package/client/assets/{TimeInput-Cwl9vLWA.js.map → TimeInput-BjOTgjcv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TimeInput-Cwl9vLWA.js","sources":["../../src/common/components/link/app-link/AppLink.tsx","../../src/common/components/input/time-input/TimeInput.tsx"],"sourcesContent":["import { type PropsWithChildren } from 'react';\nimport { useNavigate } from 'react-router';\n\nimport style from './AppLink.module.scss';\n\ninterface AppLinkProps {\n  search: string;\n}\n\n/**\n * Component used to navigate to an editor link inside the same window\n * Handles the path to respect Ontime Clouds base URL\n */\nexport default function AppLink({ search, children }: PropsWithChildren<AppLinkProps>) {\n  const navigate = useNavigate();\n\n  const handleClick = () => navigate({ search });\n\n  return (\n    <button onClick={handleClick} className={style.link}>\n      {children}\n    </button>\n  );\n}\n","import { FocusEvent, KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { millisToString, parseUserTime } from 'ontime-utils';\n\nimport { cx } from '../../../utils/styleUtils';\nimport Input from '../input/Input';\n\nimport style from './TimeInput.module.scss';\n\ninterface TimeInputProps<T extends string> {\n  id?: T;\n  name: T;\n  submitHandler: (field: T, value: string) => void;\n  time?: number;\n  placeholder?: string;\n  disabled?: boolean;\n  align?: 'left' | 'center';\n  delayed?: boolean;\n  className?: string;\n}\n\nexport default function TimeInput<T extends string>({\n  id,\n  name,\n  submitHandler,\n  time,\n  placeholder,\n  disabled,\n  align = 'center',\n  delayed,\n  className,\n}: TimeInputProps<T>) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [value, setValue] = useState<string>('');\n  const ignoreChange = useRef(false);\n\n  /**\n   * @description Resets input value to given\n   */\n  const resetValue = useCallback(() => {\n    if (typeof time !== 'number' || isNaN(time)) {\n      setValue('00:00:00');\n    } else {\n      setValue(millisToString(time));\n    }\n  }, [time]);\n\n  /**\n   * @description Selects input text on focus\n   */\n  const handleFocus = useCallback(() => {\n    inputRef.current?.select();\n  }, []);\n\n  /**\n   * @description Submit handler\n   * @param {string} newValue\n   */\n  const handleSubmit = useCallback(\n    (newValue: string) => {\n      // Check if there is anything there\n      if (newValue === '') {\n        return false;\n      }\n\n      // we dont know the values in the rundown, escalate to handler\n      if (newValue.startsWith('p') || newValue.startsWith('+')) {\n        submitHandler(name, newValue);\n        return true;\n      }\n\n      const valueInMillis = parseUserTime(newValue);\n      if (valueInMillis === time) {\n        return false;\n      }\n\n      submitHandler(name, newValue);\n      return true;\n    },\n    [name, submitHandler, time],\n  );\n\n  /**\n   * @description Prepare time fields\n   * @param {string} value string to be parsed\n   */\n  const validateAndSubmit = useCallback(\n    (newValue: string) => {\n      const success = handleSubmit(newValue);\n      if (!success) {\n        resetValue();\n      }\n    },\n    [handleSubmit, resetValue],\n  );\n\n  /**\n   * @description Handles common keys for submit and cancel\n   * @param {KeyboardEvent} event\n   */\n  const onKeyDownHandler = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        inputRef.current?.blur();\n      }\n      if (event.key === 'Escape') {\n        ignoreChange.current = true;\n        inputRef.current?.blur();\n        resetValue();\n      }\n    },\n    [resetValue],\n  );\n\n  const onBlurHandler = useCallback(\n    (event: FocusEvent<HTMLInputElement>) => {\n      if (ignoreChange.current) {\n        ignoreChange.current = false;\n        return;\n      }\n      validateAndSubmit((event.target as HTMLInputElement).value);\n    },\n    [validateAndSubmit],\n  );\n\n  useEffect(() => {\n    resetValue();\n  }, [resetValue]);\n\n  return (\n    <Input\n      id={id}\n      disabled={disabled}\n      ref={inputRef}\n      data-testid={`time-input-${name}`}\n      className={cx([style.timeInput, delayed && style.delayed, className])}\n      placeholder={placeholder}\n      onFocus={handleFocus}\n      onChange={(event) => setValue(event.target.value)}\n      onBlur={onBlurHandler}\n      onKeyDown={onKeyDownHandler}\n      value={value}\n      maxLength={8}\n      style={{\n        textAlign: align,\n      }}\n    />\n  );\n}\n"],"names":["AppLink","search","children","navigate","useNavigate","handleClick","style","link","TimeInput","id","name","submitHandler","time","placeholder","disabled","align","delayed","className","inputRef","useRef","value","setValue","useState","ignoreChange","resetValue","useCallback","isNaN","millisToString","handleFocus","current","select","handleSubmit","newValue","startsWith","parseUserTime","validateAndSubmit","onKeyDownHandler","event","key","blur","onBlurHandler","target","useEffect","Input","cx","timeInput","textAlign"],"mappings":"4hBAaA,SAAwBA,EAAQ,CAAEC,OAAAA,EAAQC,SAAAA,CAA0C,EAAG,CACrF,MAAMC,EAAWC,EAAY,EAEvBC,EAAcA,IAAMF,EAAS,CAAEF,OAAAA,CAAAA,CAAQ,EAE7C,aACG,SAAO,CAAA,QAASI,EAAa,UAAWC,EAAMC,KAC5CL,SAAAA,EACH,CAEJ,+ECHA,SAAwBM,EAA4B,CAClDC,GAAAA,EACAC,KAAAA,EACAC,cAAAA,EACAC,KAAAA,EACAC,YAAAA,EACAC,SAAAA,EACAC,MAAAA,EAAQ,SACRC,QAAAA,EACAC,UAAAA,CACiB,EAAG,CACdC,MAAAA,EAAWC,SAAgC,IAAI,EAC/C,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,EAAE,EACvCC,EAAeJ,SAAO,EAAK,EAK3BK,EAAaC,EAAAA,YAAY,IAAM,CAC/B,OAAOb,GAAS,UAAYc,MAAMd,CAAI,EACxCS,EAAS,UAAU,EAEVM,EAAAA,EAAef,CAAI,CAAC,CAC/B,EACC,CAACA,CAAI,CAAC,EAKHgB,EAAcH,EAAAA,YAAY,IAAM,QACpCP,EAAAA,EAASW,UAATX,MAAAA,EAAkBY,QACpB,EAAG,EAAE,EAMCC,EAAeN,cAClBO,GAEKA,IAAa,GACR,GAILA,EAASC,WAAW,GAAG,GAAKD,EAASC,WAAW,GAAG,GACrDtB,EAAcD,EAAMsB,CAAQ,EACrB,IAGaE,EAAcF,CAAQ,IACtBpB,EACb,IAGTD,EAAcD,EAAMsB,CAAQ,EACrB,IAET,CAACtB,EAAMC,EAAeC,CAAI,CAC5B,EAMMuB,EAAoBV,cACvBO,GAAqB,CACJD,EAAaC,CAAQ,GAExBR,EAAA,CACb,EAEF,CAACO,EAAcP,CAAU,CAC3B,EAMMY,EAAmBX,cACtBY,GAA2C,SACtCA,EAAMC,MAAQ,WAChBpB,EAAAA,EAASW,UAATX,MAAAA,EAAkBqB,QAEhBF,EAAMC,MAAQ,WAChBf,EAAaM,QAAU,IACvBX,EAAAA,EAASW,UAATX,MAAAA,EAAkBqB,OACPf,EAAA,EACb,EAEF,CAACA,CAAU,CACb,EAEMgB,EAAgBf,cACnBY,GAAwC,CACvC,GAAId,EAAaM,QAAS,CACxBN,EAAaM,QAAU,GACvB,MAAA,CAEiBQ,EAAAA,EAAMI,OAA4BrB,KAAK,CAAA,EAE5D,CAACe,CAAiB,CACpB,EAEAO,OAAAA,EAAAA,UAAU,IAAM,CACHlB,EAAA,CAAA,EACV,CAACA,CAAU,CAAC,QAGZmB,EACC,CAAA,GAAAlC,EACA,SAAAK,EACA,IAAKI,EACL,cAAa,cAAcR,CAAI,GAC/B,UAAWkC,EAAG,CAACtC,EAAMuC,UAAW7B,GAAWV,EAAMU,QAASC,CAAS,CAAC,EACpE,YAAAJ,EACA,QAASe,EACT,SAAWS,GAAUhB,EAASgB,EAAMI,OAAOrB,KAAK,EAChD,OAAQoB,EACR,UAAWJ,EACX,MAAAhB,EACA,UAAW,EACX,MAAO,CACL0B,UAAW/B,CAAAA,EAEb,CAEN"}
+{"version":3,"file":"TimeInput-BjOTgjcv.js","sources":["../../src/common/components/link/app-link/AppLink.tsx","../../src/common/components/input/time-input/TimeInput.tsx"],"sourcesContent":["import { type PropsWithChildren } from 'react';\nimport { useNavigate } from 'react-router';\n\nimport style from './AppLink.module.scss';\n\ninterface AppLinkProps {\n  search: string;\n}\n\n/**\n * Component used to navigate to an editor link inside the same window\n * Handles the path to respect Ontime Clouds base URL\n */\nexport default function AppLink({ search, children }: PropsWithChildren<AppLinkProps>) {\n  const navigate = useNavigate();\n\n  const handleClick = () => navigate({ search });\n\n  return (\n    <button onClick={handleClick} className={style.link}>\n      {children}\n    </button>\n  );\n}\n","import { FocusEvent, KeyboardEvent, useCallback, useEffect, useRef, useState } from 'react';\nimport { millisToString, parseUserTime } from 'ontime-utils';\n\nimport { cx } from '../../../utils/styleUtils';\nimport Input from '../input/Input';\n\nimport style from './TimeInput.module.scss';\n\ninterface TimeInputProps<T extends string> {\n  id?: T;\n  name: T;\n  submitHandler: (field: T, value: string) => void;\n  time?: number;\n  placeholder?: string;\n  disabled?: boolean;\n  align?: 'left' | 'center';\n  delayed?: boolean;\n  className?: string;\n}\n\nexport default function TimeInput<T extends string>({\n  id,\n  name,\n  submitHandler,\n  time,\n  placeholder,\n  disabled,\n  align = 'center',\n  delayed,\n  className,\n}: TimeInputProps<T>) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const [value, setValue] = useState<string>('');\n  const ignoreChange = useRef(false);\n\n  /**\n   * @description Resets input value to given\n   */\n  const resetValue = useCallback(() => {\n    if (typeof time !== 'number' || isNaN(time)) {\n      setValue('00:00:00');\n    } else {\n      setValue(millisToString(time));\n    }\n  }, [time]);\n\n  /**\n   * @description Selects input text on focus\n   */\n  const handleFocus = useCallback(() => {\n    inputRef.current?.select();\n  }, []);\n\n  /**\n   * @description Submit handler\n   * @param {string} newValue\n   */\n  const handleSubmit = useCallback(\n    (newValue: string) => {\n      // Check if there is anything there\n      if (newValue === '') {\n        return false;\n      }\n\n      // we dont know the values in the rundown, escalate to handler\n      if (newValue.startsWith('p') || newValue.startsWith('+')) {\n        submitHandler(name, newValue);\n        return true;\n      }\n\n      const valueInMillis = parseUserTime(newValue);\n      if (valueInMillis === time) {\n        return false;\n      }\n\n      submitHandler(name, newValue);\n      return true;\n    },\n    [name, submitHandler, time],\n  );\n\n  /**\n   * @description Prepare time fields\n   * @param {string} value string to be parsed\n   */\n  const validateAndSubmit = useCallback(\n    (newValue: string) => {\n      const success = handleSubmit(newValue);\n      if (!success) {\n        resetValue();\n      }\n    },\n    [handleSubmit, resetValue],\n  );\n\n  /**\n   * @description Handles common keys for submit and cancel\n   * @param {KeyboardEvent} event\n   */\n  const onKeyDownHandler = useCallback(\n    (event: KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        inputRef.current?.blur();\n      }\n      if (event.key === 'Escape') {\n        ignoreChange.current = true;\n        inputRef.current?.blur();\n        resetValue();\n      }\n    },\n    [resetValue],\n  );\n\n  const onBlurHandler = useCallback(\n    (event: FocusEvent<HTMLInputElement>) => {\n      if (ignoreChange.current) {\n        ignoreChange.current = false;\n        return;\n      }\n      validateAndSubmit((event.target as HTMLInputElement).value);\n    },\n    [validateAndSubmit],\n  );\n\n  useEffect(() => {\n    resetValue();\n  }, [resetValue]);\n\n  return (\n    <Input\n      id={id}\n      disabled={disabled}\n      ref={inputRef}\n      data-testid={`time-input-${name}`}\n      className={cx([style.timeInput, delayed && style.delayed, className])}\n      placeholder={placeholder}\n      onFocus={handleFocus}\n      onChange={(event) => setValue(event.target.value)}\n      onBlur={onBlurHandler}\n      onKeyDown={onKeyDownHandler}\n      value={value}\n      maxLength={8}\n      style={{\n        textAlign: align,\n      }}\n    />\n  );\n}\n"],"names":["AppLink","search","children","navigate","useNavigate","handleClick","style","link","TimeInput","id","name","submitHandler","time","placeholder","disabled","align","delayed","className","inputRef","useRef","value","setValue","useState","ignoreChange","resetValue","useCallback","isNaN","millisToString","handleFocus","current","select","handleSubmit","newValue","startsWith","parseUserTime","validateAndSubmit","onKeyDownHandler","event","key","blur","onBlurHandler","target","useEffect","Input","cx","timeInput","textAlign"],"mappings":"4hBAaA,SAAwBA,EAAQ,CAAEC,OAAAA,EAAQC,SAAAA,CAA0C,EAAG,CACrF,MAAMC,EAAWC,EAAY,EAEvBC,EAAcA,IAAMF,EAAS,CAAEF,OAAAA,CAAAA,CAAQ,EAE7C,aACG,SAAO,CAAA,QAASI,EAAa,UAAWC,EAAMC,KAC5CL,SAAAA,EACH,CAEJ,+ECHA,SAAwBM,EAA4B,CAClDC,GAAAA,EACAC,KAAAA,EACAC,cAAAA,EACAC,KAAAA,EACAC,YAAAA,EACAC,SAAAA,EACAC,MAAAA,EAAQ,SACRC,QAAAA,EACAC,UAAAA,CACiB,EAAG,CACdC,MAAAA,EAAWC,SAAgC,IAAI,EAC/C,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,EAAE,EACvCC,EAAeJ,SAAO,EAAK,EAK3BK,EAAaC,EAAAA,YAAY,IAAM,CAC/B,OAAOb,GAAS,UAAYc,MAAMd,CAAI,EACxCS,EAAS,UAAU,EAEVM,EAAAA,EAAef,CAAI,CAAC,CAC/B,EACC,CAACA,CAAI,CAAC,EAKHgB,EAAcH,EAAAA,YAAY,IAAM,QACpCP,EAAAA,EAASW,UAATX,MAAAA,EAAkBY,QACpB,EAAG,EAAE,EAMCC,EAAeN,cAClBO,GAEKA,IAAa,GACR,GAILA,EAASC,WAAW,GAAG,GAAKD,EAASC,WAAW,GAAG,GACrDtB,EAAcD,EAAMsB,CAAQ,EACrB,IAGaE,EAAcF,CAAQ,IACtBpB,EACb,IAGTD,EAAcD,EAAMsB,CAAQ,EACrB,IAET,CAACtB,EAAMC,EAAeC,CAAI,CAC5B,EAMMuB,EAAoBV,cACvBO,GAAqB,CACJD,EAAaC,CAAQ,GAExBR,EAAA,CACb,EAEF,CAACO,EAAcP,CAAU,CAC3B,EAMMY,EAAmBX,cACtBY,GAA2C,SACtCA,EAAMC,MAAQ,WAChBpB,EAAAA,EAASW,UAATX,MAAAA,EAAkBqB,QAEhBF,EAAMC,MAAQ,WAChBf,EAAaM,QAAU,IACvBX,EAAAA,EAASW,UAATX,MAAAA,EAAkBqB,OACPf,EAAA,EACb,EAEF,CAACA,CAAU,CACb,EAEMgB,EAAgBf,cACnBY,GAAwC,CACvC,GAAId,EAAaM,QAAS,CACxBN,EAAaM,QAAU,GACvB,MAAA,CAEiBQ,EAAAA,EAAMI,OAA4BrB,KAAK,CAAA,EAE5D,CAACe,CAAiB,CACpB,EAEAO,OAAAA,EAAAA,UAAU,IAAM,CACHlB,EAAA,CAAA,EACV,CAACA,CAAU,CAAC,QAGZmB,EACC,CAAA,GAAAlC,EACA,SAAAK,EACA,IAAKI,EACL,cAAa,cAAcR,CAAI,GAC/B,UAAWkC,EAAG,CAACtC,EAAMuC,UAAW7B,GAAWV,EAAMU,QAASC,CAAS,CAAC,EACpE,YAAAJ,EACA,QAASe,EACT,SAAWS,GAAUhB,EAASgB,EAAMI,OAAOrB,KAAK,EAChD,OAAQoB,EACR,UAAWJ,EACX,MAAAhB,EACA,UAAW,EACX,MAAO,CACL0B,UAAW/B,CAAAA,EAEb,CAEN"}

package/client/assets/{TimelinePage-D4QNdk-Z.js → TimelinePage-pjff5TxG.js}

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

package/client/assets/TimelinePage-pjff5TxG.js.map

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

package/client/assets/{Timer-BJQKNHfo.js → Timer-ahF-O2zN.js}

@@ -1,2 +1,2 @@
-import{l as fe,h as S,j as o}from"./vendor-BKUJ0_Du.js";import{P as ye,T as c,u as be,a as ve,b as Te,L as we,c as xe,d as Se,f as Ce,g as ke,e as m,O as Oe}from"./index-Dm-4OTmY.js";import{g as Pe,a as Ne,b as je,c as Me,d as Ve,e as Fe,f as ze,h as Le,i as De,F as x}from"./timer.utils-B4bvsns3.js";import{M as Ee}from"./MultiPartProgressBar-W2a-JWPY.js";import{E as He}from"./EmptyPage-CYVrjOvI.js";import{T as I}from"./TitleCard-BNjv58eq.js";import{V as Ie}from"./ViewLogo-2I7w5Yms.js";import{m as B,O as g,V as Be}from"./ViewParamsEditor-BX2RM8sx.js";import{u as Ze}from"./useWindowTitle-DM8dIp8L.js";import{S as _e}from"./SuperscriptTime-BVanhNvd.js";import{m as Z,i as n,g as We,a as Ae}from"./viewUtils-29a3Mmiu.js";import{g as Re}from"./presentation.utils-Z61KykAH.js";import{g as Ue,h as Ge,s as Ke,a as Qe}from"./viewLoader.utils-4lL4PiNI.js";import{v as $e}from"./validateEvent-GnPt-e9-.js";import{u as qe}from"./useCustomFields-BBE4LBBr.js";import{u as Je}from"./useProjectData-C110zIXC.js";import{u as Xe}from"./useRundown-DAo6huE4.js";import"./playbackstate-Dl_ZJABT.js";import"./getProgress-ZUTmCn_v.js";import"./SwatchPicker-Ckpchvjo.js";import"./Select-BnGTAeXJ.js";/* empty css                        */(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new s.Error().stack;t&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[t]="2f058a3a-5a36-46eb-8acd-232a9a40f4bb",s._sentryDebugIdIdentifier="sentry-dbid-2f058a3a-5a36-46eb-8acd-232a9a40f4bb")}catch{}})();const Ye=[{value:"no-overrides",label:"No Overrides"},{value:c.CountUp,label:"Count Up"},{value:c.CountDown,label:"Count Down"},{value:c.Clock,label:"Clock"}],et=(s,t)=>{const e=B(t,[{value:"none",label:"None"},{value:"title",label:"Title"}]),i=B(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"},{value:"parent",label:"Group Title"}]);return[{title:g.ClockOptions,collapsible:!0,options:[Ue(s)]},{title:g.TimerOptions,collapsible:!0,options:[Ge,Ke,{id:"timerType",title:"Timer type",description:"Override the timer type",type:"option",values:Ye,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:g.DataSources,collapsible:!0,options:[{id:"main",title:"Main text",description:"Select the data source for the main text",type:"option",values:e,defaultValue:"title"},{id:"secondary-src",title:"Secondary text",description:"Select the data source for the secondary text",type:"option",values:i,defaultValue:"none"}]},{title:g.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:g.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 tt(s,t){const e=l=>(t==null?void 0:t.get(l))??s.get(l),i=$e(e("timerType"),c.None);return{hideClock:n(e("hideClock")),hideCards:n(e("hideCards")),hideProgress:n(e("hideProgress")),hideMessage:n(e("hideMessage")),hideSecondary:n(e("hideSecondary")),hideLogo:n(e("hideLogo")),hideTimerSeconds:n(e("hideTimerSeconds")),removeLeadingZeros:!n(e("showLeadingZeros")),mainSource:e("main"),secondarySource:e("secondary-src"),timerType:i===c.None?void 0:i,freezeOvertime:n(e("freezeOvertime")),freezeMessage:e("freezeMessage")??"",hidePhase:n(e("hidePhase")),font:e("font")??void 0,keyColour:Z(e("keyColour")),timerColour:Z(e("timerColour"))}}function ot(){const[s]=fe(),t=S.use(ye);return S.useMemo(()=>{const i=t?new URLSearchParams(t.search):void 0;return tt(s,i)},[t,s])}function st(){const s=be(b=>b.mirror),{data:t,status:e}=Je(),{data:i,status:l}=ve(),{data:f,status:y}=Te(),{data:d,status:r}=qe(),{data:a,status:h}=Xe(),{entries:u}=a;return{data:{customFields:d,projectData:t,isMirrored:s,settings:f,viewSettings:i,entries:u},status:Qe([e,l,y,r,h])}}function Pt(){const{data:s,status:t}=st();return Ze("Timer"),t==="pending"?o.jsx(we,{}):t==="error"?o.jsx(He,{text:"There was an error fetching data, please refresh the page."}):o.jsx(it,{...s})}function it({customFields:s,projectData:t,isMirrored:e,settings:i,viewSettings:l,entries:f}){const{eventNext:y,eventNow:d,message:r,time:a,clock:h,timerTypeNow:u,countToEndNow:b,auxTimer:v}=xe(),{hideClock:_,hideCards:W,hideProgress:A,hideMessage:R,hideSecondary:U,hideLogo:G,hideTimerSeconds:C,removeLeadingZeros:k,mainSource:K,secondarySource:Q,timerType:O,freezeOvertime:P,freezeMessage:N,hidePhase:$,font:j,keyColour:M,timerColour:q}=ot(),{getLocalizedString:V}=Se(),F=V("common.minutes"),p=O??u,z=Pe(r.timer),{showEndMessage:J,showFinished:T,showWarning:X,showDanger:Y}=Ne(u,b,a.phase,P,N,$),L=je(a.playback),ee=!_&&Me(p),te=!A&&Ve(p),{showNow:oe,nowMain:se,nowSecondary:ie,showNext:re,nextMain:ae,nextSecondary:ne}=Fe(d,y,K,Q,a.playback,a.phase,f),le=ze(a.duration,a.addedTime),de=Ce(h),me=We(P,u,h,a,O),D=Ae(me,p,F,{removeSeconds:C,removeLeadingZero:k}),ce=r.timer.secondarySource==="aux1"?v.aux1:r.timer.secondarySource==="aux2"?v.aux2:r.timer.secondarySource==="aux3"?v.aux3:null,w=Le(r,ce,F,C,k,U),E=Re(l,q,X,Y),ue=De(D,w),pe=!L&&p!==c.Clock,ge={...M&&{"--timer-bg":M},...E&&{"--timer-colour":E},...j&&{"--timer-font":j}},H=ke(i==null?void 0:i.timeFormat),he=S.useMemo(()=>et(H,s),[s,H]);return o.jsxs("div",{"data-testid":"timer-view",className:m(["stage-timer",e&&"mirror",T&&"stage-timer--finished"]),style:ge,children:[!G&&(t==null?void 0:t.logo)&&o.jsx(Ie,{name:t.logo,className:"logo"}),o.jsx(Be,{target:Oe.Timer,viewOptions:he}),o.jsx("div",{className:m(["blackout",r.timer.blackout&&"blackout--active"])}),!R&&o.jsx("div",{className:m(["message-overlay",z&&"message-overlay--active"]),children:o.jsx(x,{mode:"multi",min:32,max:256,className:m(["message",r.timer.blink&&"blink"]),children:r.timer.text})}),ee&&o.jsxs("div",{className:"clock-container",children:[o.jsx("div",{className:"label",children:V("common.time_now")}),o.jsx(_e,{time:de,className:"clock"})]}),o.jsxs("div",{className:m(["timer-container",r.timer.blink&&!z&&"blink"]),children:[J?o.jsx(x,{mode:"multi",min:64,max:256,className:"end-message",children:N}):o.jsx("div",{className:m(["timer",pe&&"timer--paused",T&&"timer--finished"]),style:{fontSize:`${ue}vw`},"data-type":p,"data-phase":a.phase,children:D}),o.jsx("div",{className:m(["secondary",!w&&"secondary--hidden"]),children:o.jsx(x,{mode:"multi",min:64,max:256,children:w})})]}),te&&o.jsx(Ee,{className:m(["progress-container",!L&&"progress-container--paused"]),now:a.current,complete:le,normalColor:l.normalColor,warning:d==null?void 0:d.timeWarning,warningColor:l.warningColor,danger:d==null?void 0:d.timeDanger,dangerColor:l.dangerColor,hideOvertime:!T}),!W&&o.jsxs(o.Fragment,{children:[oe&&o.jsx(I,{className:"event now",label:"now",title:se,secondary:ie}),re&&o.jsx(I,{className:"event next",label:"next",title:ae,secondary:ne})]})]})}export{Pt as default};
-//# sourceMappingURL=Timer-BJQKNHfo.js.map
+import{l as fe,h as S,j as o}from"./vendor-Dt3_Fdfs.js";import{P as ye,T as c,u as be,a as ve,b as Te,L as we,c as xe,d as Se,f as Ce,g as ke,e as m,O as Oe}from"./index-3aosT33y.js";import{g as Pe,a as Ne,b as je,c as Me,d as Ve,e as Fe,f as ze,h as Le,i as De,F as x}from"./timer.utils-CWHFVz06.js";import{M as Ee}from"./MultiPartProgressBar-BlLJNQ0D.js";import{E as He}from"./EmptyPage-aTb22KTq.js";import{T as I}from"./TitleCard-BiaQE4ZK.js";import{V as Ie}from"./ViewLogo-DcDhyyIF.js";import{m as B,O as g,V as Be}from"./ViewParamsEditor-DeMdkxxC.js";import{u as Ze}from"./useWindowTitle-CQ8nEeel.js";import{S as _e}from"./SuperscriptTime-retbmT5o.js";import{m as Z,i as n,g as We,a as Ae}from"./viewUtils-k0tARVDN.js";import{g as Re}from"./presentation.utils-lyuuD4A5.js";import{g as Ue,h as Ge,s as Ke,a as Qe}from"./viewLoader.utils-H7r-zNPP.js";import{v as $e}from"./validateEvent-BnwPmDph.js";import{u as qe}from"./useCustomFields-kBD1jvDA.js";import{u as Je}from"./useProjectData-gGT2eczr.js";import{u as Xe}from"./useRundown-C6stroSA.js";import"./playbackstate-BZ9WYn2k.js";import"./getProgress-CWSCZOIN.js";import"./SwatchPicker-DuWAohyD.js";import"./Select-CvUrsmYI.js";/* empty css                        */(function(){try{var s=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},t=new s.Error().stack;t&&(s._sentryDebugIds=s._sentryDebugIds||{},s._sentryDebugIds[t]="2f058a3a-5a36-46eb-8acd-232a9a40f4bb",s._sentryDebugIdIdentifier="sentry-dbid-2f058a3a-5a36-46eb-8acd-232a9a40f4bb")}catch{}})();const Ye=[{value:"no-overrides",label:"No Overrides"},{value:c.CountUp,label:"Count Up"},{value:c.CountDown,label:"Count Down"},{value:c.Clock,label:"Clock"}],et=(s,t)=>{const e=B(t,[{value:"none",label:"None"},{value:"title",label:"Title"}]),i=B(t,[{value:"none",label:"None"},{value:"title",label:"Title"},{value:"note",label:"Note"},{value:"parent",label:"Group Title"}]);return[{title:g.ClockOptions,collapsible:!0,options:[Ue(s)]},{title:g.TimerOptions,collapsible:!0,options:[Ge,Ke,{id:"timerType",title:"Timer type",description:"Override the timer type",type:"option",values:Ye,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:g.DataSources,collapsible:!0,options:[{id:"main",title:"Main text",description:"Select the data source for the main text",type:"option",values:e,defaultValue:"title"},{id:"secondary-src",title:"Secondary text",description:"Select the data source for the secondary text",type:"option",values:i,defaultValue:"none"}]},{title:g.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:g.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 tt(s,t){const e=l=>(t==null?void 0:t.get(l))??s.get(l),i=$e(e("timerType"),c.None);return{hideClock:n(e("hideClock")),hideCards:n(e("hideCards")),hideProgress:n(e("hideProgress")),hideMessage:n(e("hideMessage")),hideSecondary:n(e("hideSecondary")),hideLogo:n(e("hideLogo")),hideTimerSeconds:n(e("hideTimerSeconds")),removeLeadingZeros:!n(e("showLeadingZeros")),mainSource:e("main"),secondarySource:e("secondary-src"),timerType:i===c.None?void 0:i,freezeOvertime:n(e("freezeOvertime")),freezeMessage:e("freezeMessage")??"",hidePhase:n(e("hidePhase")),font:e("font")??void 0,keyColour:Z(e("keyColour")),timerColour:Z(e("timerColour"))}}function ot(){const[s]=fe(),t=S.use(ye);return S.useMemo(()=>{const i=t?new URLSearchParams(t.search):void 0;return tt(s,i)},[t,s])}function st(){const s=be(b=>b.mirror),{data:t,status:e}=Je(),{data:i,status:l}=ve(),{data:f,status:y}=Te(),{data:d,status:r}=qe(),{data:a,status:h}=Xe(),{entries:u}=a;return{data:{customFields:d,projectData:t,isMirrored:s,settings:f,viewSettings:i,entries:u},status:Qe([e,l,y,r,h])}}function Pt(){const{data:s,status:t}=st();return Ze("Timer"),t==="pending"?o.jsx(we,{}):t==="error"?o.jsx(He,{text:"There was an error fetching data, please refresh the page."}):o.jsx(it,{...s})}function it({customFields:s,projectData:t,isMirrored:e,settings:i,viewSettings:l,entries:f}){const{eventNext:y,eventNow:d,message:r,time:a,clock:h,timerTypeNow:u,countToEndNow:b,auxTimer:v}=xe(),{hideClock:_,hideCards:W,hideProgress:A,hideMessage:R,hideSecondary:U,hideLogo:G,hideTimerSeconds:C,removeLeadingZeros:k,mainSource:K,secondarySource:Q,timerType:O,freezeOvertime:P,freezeMessage:N,hidePhase:$,font:j,keyColour:M,timerColour:q}=ot(),{getLocalizedString:V}=Se(),F=V("common.minutes"),p=O??u,z=Pe(r.timer),{showEndMessage:J,showFinished:T,showWarning:X,showDanger:Y}=Ne(u,b,a.phase,P,N,$),L=je(a.playback),ee=!_&&Me(p),te=!A&&Ve(p),{showNow:oe,nowMain:se,nowSecondary:ie,showNext:re,nextMain:ae,nextSecondary:ne}=Fe(d,y,K,Q,a.playback,a.phase,f),le=ze(a.duration,a.addedTime),de=Ce(h),me=We(P,u,h,a,O),D=Ae(me,p,F,{removeSeconds:C,removeLeadingZero:k}),ce=r.timer.secondarySource==="aux1"?v.aux1:r.timer.secondarySource==="aux2"?v.aux2:r.timer.secondarySource==="aux3"?v.aux3:null,w=Le(r,ce,F,C,k,U),E=Re(l,q,X,Y),ue=De(D,w),pe=!L&&p!==c.Clock,ge={...M&&{"--timer-bg":M},...E&&{"--timer-colour":E},...j&&{"--timer-font":j}},H=ke(i==null?void 0:i.timeFormat),he=S.useMemo(()=>et(H,s),[s,H]);return o.jsxs("div",{"data-testid":"timer-view",className:m(["stage-timer",e&&"mirror",T&&"stage-timer--finished"]),style:ge,children:[!G&&(t==null?void 0:t.logo)&&o.jsx(Ie,{name:t.logo,className:"logo"}),o.jsx(Be,{target:Oe.Timer,viewOptions:he}),o.jsx("div",{className:m(["blackout",r.timer.blackout&&"blackout--active"])}),!R&&o.jsx("div",{className:m(["message-overlay",z&&"message-overlay--active"]),children:o.jsx(x,{mode:"multi",min:32,max:256,className:m(["message",r.timer.blink&&"blink"]),children:r.timer.text})}),ee&&o.jsxs("div",{className:"clock-container",children:[o.jsx("div",{className:"label",children:V("common.time_now")}),o.jsx(_e,{time:de,className:"clock"})]}),o.jsxs("div",{className:m(["timer-container",r.timer.blink&&!z&&"blink"]),children:[J?o.jsx(x,{mode:"multi",min:64,max:256,className:"end-message",children:N}):o.jsx("div",{className:m(["timer",pe&&"timer--paused",T&&"timer--finished"]),style:{fontSize:`${ue}vw`},"data-type":p,"data-phase":a.phase,children:D}),o.jsx("div",{className:m(["secondary",!w&&"secondary--hidden"]),children:o.jsx(x,{mode:"multi",min:64,max:256,children:w})})]}),te&&o.jsx(Ee,{className:m(["progress-container",!L&&"progress-container--paused"]),now:a.current,complete:le,normalColor:l.normalColor,warning:d==null?void 0:d.timeWarning,warningColor:l.warningColor,danger:d==null?void 0:d.timeDanger,dangerColor:l.dangerColor,hideOvertime:!T}),!W&&o.jsxs(o.Fragment,{children:[oe&&o.jsx(I,{className:"event now",label:"now",title:se,secondary:ie}),re&&o.jsx(I,{className:"event next",label:"next",title:ae,secondary:ne})]})]})}export{Pt as default};
+//# sourceMappingURL=Timer-ahF-O2zN.js.map