@getontime/cli/client/assets/ViewParamsEditor-ZtF4EeBG.js

Time keeping for live events

(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`f14ad0099eab1969fdd065b56af5fdd3cf530de6`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`ea1c0b87-ee31-4048-9073-6a60b038e789`,e._sentryDebugIdIdentifier=`sentry-dbid-ea1c0b87-ee31-4048-9073-6a60b038e789`)}catch{}})();import{a as e,n as t,t as n}from"./jsx-runtime-BNC90REB.js";import{C as r,a as i,n as a,r as o,s,t as c}from"./Button-CsttsbOH.js";import{h as l,i as u,t as d,y as f}from"./useIsSmallScreen-Db4lRgi0.js";import{t as p}from"./Select-CujoWFOD.js";import{K as m,ft as h,mt as g}from"./constants-8b9Q9Bj6.js";import{c as _,l as v,t as y}from"./SwatchPicker-C0WK8dMM.js";import{t as b}from"./use-local-storage-BwNknOH8.js";import{t as x}from"./viewParamsEditor.store-BcLRa99Z.js";import{r as S,t as C}from"./Input-D-3bhaHU.js";import{i as w}from"./index-qU8RbaVt.js";import{t as T}from"./Info-QUjDr4I8.js";import{t as E}from"./Empty-CSL3pipV.js";import{i as D}from"./viewUtils-CulstVIy.js";var ee={blink:`_blink_1bjzw_1`,fourtyfive:`_fourtyfive_1bjzw_13`,mirror:`_mirror_1bjzw_17`,page:`_page_1bjzw_22`},O=n();function k({text:e,injectedStyles:t,variant:n}){return(0,O.jsx)(`div`,{className:ee.page,children:(0,O.jsx)(E,{text:e,injectedStyles:t,variant:n})})}function A(e,t=[],n=!0){let r=[...t];for(let[t,i]of Object.entries(e))n&&i.type===`image`||r.push({value:`custom-${t}`,label:`Custom: ${i.label}`});return r}function j(e,t=!0){let n=[];for(let[r,i]of Object.entries(e))t&&i.type===`image`||n.push({value:r,label:i.label,colour:i.colour});return n}function M(e,t=[]){let n=e.custom.map((e,t)=>({value:`${t}-${e.title}`,label:e.title}));return[...t,...n]}function N(e){return e.startsWith(`#`)?e.substring(1):e}function P(e){let t={defaultValues:{},colorFields:new Set,booleanFields:new Set,isPersistedField:new Set,persistedValues:{}};return e.forEach(e=>{e.options.forEach(e=>{e.type===`persist`?(t.isPersistedField.add(e.id),e.values&&(t.persistedValues[e.id]=e.values)):t.defaultValues[e.id]=String(e.defaultValue),e.type===`colour`?t.colorFields.add(e.id):e.type===`boolean`&&t.booleanFields.add(e.id)})}),t}function F(e,t){let n=new URLSearchParams,r=new Set,i=P(t),a=(e,t)=>{let i=`${e}:${t}`;r.has(i)||(r.add(i),n.append(e,t))};return Object.entries(i.persistedValues).forEach(([e,t])=>{t.forEach(t=>{t&&a(e,t)})}),i.booleanFields.forEach(t=>{t in e||i.defaultValues[t]!==`false`&&a(t,`false`)}),Object.entries(e).forEach(([e,t])=>{typeof t==`string`&&t.length&&(i.isPersistedField.has(e)&&(Array.from(r).forEach(t=>{t.startsWith(`${e}:`)&&r.delete(t)}),n.delete(e)),t.split(`,`).forEach(t=>{let n=i.colorFields.has(e)?N(t):i.booleanFields.has(e)?t===`on`?`true`:`false`:t;(i.isPersistedField.has(e)||i.defaultValues[e]!==n)&&a(e,n)}))}),n}function I(e,t){let n=new Set;t.forEach(e=>{e.options.forEach(e=>{n.add(e.id)})});let r=new URLSearchParams;return e.forEach((e,t)=>{n.has(t)||r.append(t,e)}),r}var L={blink:`_blink_16bup_1`,fourtyfive:`_fourtyfive_16bup_13`,presetSection:`_presetSection_16bup_17`,preset:`_preset_16bup_17`,active:`_active_16bup_34`,presetActions:`_presetActions_16bup_38`};function R({target:e}){let{viewPresets:t}=u(e),[n,r]=f(),i=e=>{let t=new URLSearchParams(e.search);t.set(`alias`,e.alias),r(t)};return t.length===0?null:(0,O.jsx)(`div`,{className:L.presetSection,children:t.map(e=>{let t=n.get(`alias`)===e.alias;return(0,O.jsxs)(`div`,{className:m([L.preset,t&&L.active]),children:[(0,O.jsx)(`div`,{children:e.alias}),(0,O.jsx)(c,{variant:t?`ghosted`:`subtle-white`,onClick:()=>i(e),disabled:t,className:L.presetActions,children:t?`Applied`:`Apply`})]},e.alias)})})}var z=function(e){return e.ClockOptions=`Clock Options`,e.TimerOptions=`Timer Options`,e.DataSources=`Data sources`,e.ElementVisibility=`Element visibility`,e.BehaviourOptions=`View behaviour`,e.StyleOverride=`View style override`,e.Animation=`View animation`,e.Schedule=`Schedule options`,e.Hidden=`Hidden options`,e}({}),B={blink:`_blink_173f2_1`,fourtyfive:`_fourtyfive_173f2_13`,inline:`_inline_173f2_17`,input:`_input_173f2_23`},V=e(t(),1),H=e=>e.startsWith(`#`)?e:`#${e}`;function U({name:e,value:t}){let[n,r]=(0,V.useState)(()=>H(t));return(0,V.useEffect)(()=>{r(H(t))},[t]),(0,O.jsxs)(`div`,{className:B.inline,children:[(0,O.jsx)(y,{color:n,onChange:r,alwaysDisplayColor:!0}),(0,O.jsx)(`span`,{children:n}),(0,O.jsx)(`input`,{type:`hidden`,name:e,value:n})]})}var W={blink:`_blink_w1xc8_1`,fourtyfive:`_fourtyfive_w1xc8_13`,inline:`_inline_w1xc8_17`,toggleSelect:`_toggleSelect_w1xc8_24`,empty:`_empty_w1xc8_52`};function G({paramField:e}){let[t]=f(),{id:n,type:r,defaultValue:i}=e;if(r===`persist`)return!e.values||!e.values.length?null:(0,O.jsx)(`input`,{hidden:!0,name:n,readOnly:!0,value:e.values.join(`,`)});if(r===`option`){let r=t.get(n)||i;return e.values.length===0?(0,O.jsx)(`span`,{className:W.empty,children:`No options available`}):(0,O.jsx)(J,{id:n,initialValue:r,options:e.values})}if(r===`multi-option`){let r=t.getAll(n);return(0,O.jsx)(K,{paramField:e,options:r.length?r:e.defaultValue??[``]})}if(r===`boolean`){let e=t.get(n);return(0,O.jsx)(q,{id:n,initialValue:e===null?!!i:D(e)})}if(r===`number`){let{placeholder:r}=e;return(0,O.jsx)(C,{height:`large`,type:`number`,step:`any`,name:n,defaultValue:t.get(n)??i,placeholder:r})}if(r===`colour`)return(0,O.jsx)(U,{name:n,value:t.get(n)??i});let a=t.get(n)??i??``,{placeholder:o}=e;return(0,O.jsx)(Y,{id:n,initialValue:a,placeholder:o})}function K({paramField:e,options:t}){let{id:n,values:r}=e,[i,a]=(0,V.useState)(t);(0,V.useEffect)(()=>{a(t)},[t]);let o=(e,t)=>{a(t?t=>[...t,e]:t=>t.filter(t=>t!==e))};return r.length===0?(0,O.jsx)(`span`,{className:W.empty,children:`No options available`}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(`input`,{name:n,hidden:!0,readOnly:!0,value:i.join(`,`)}),(0,O.jsx)(`div`,{className:W.inline,children:r.map(e=>(0,O.jsxs)(`label`,{className:W.toggleSelect,style:{"--user-bg":e.colour},children:[(0,O.jsx)(v,{checked:i.includes(e.value),onCheckedChange:t=>o(e.value,t)}),e.label]},e.value))})]})}function q({id:e,initialValue:t}){let[n,r]=(0,V.useState)(t);return(0,V.useEffect)(()=>{r(t)},[t]),(0,O.jsx)(_,{size:`large`,name:e,checked:n,onCheckedChange:r})}function J({id:e,initialValue:t,options:n}){let[r,i]=(0,V.useState)(t);return(0,V.useEffect)(()=>{i(t)},[t]),(0,O.jsx)(p,{size:`large`,name:e,options:n,value:r,onValueChange:e=>{e!==null&&i(e)}})}function Y({id:e,initialValue:t,...n}){let[r,i]=(0,V.useState)(t);return(0,V.useEffect)(()=>{i(t)},[t]),(0,O.jsx)(C,{height:`large`,name:e,value:r,onChange:e=>i(e.target.value),...n})}var X={blink:`_blink_1ssto_1`,fourtyfive:`_fourtyfive_1ssto_13`,section:`_section_1ssto_17`,sectionHeader:`_sectionHeader_1ssto_22`,collapsible:`_collapsible_1ssto_28`,label:`_label_1ssto_32`,title:`_title_1ssto_41`,description:`_description_1ssto_47`,closed:`_closed_1ssto_53`,open:`_open_1ssto_58`,hidden:`_hidden_1ssto_63`};function Z({title:e,collapsible:t,options:n}){let[r,i]=b({key:`params-${e}`,defaultValue:!1});return(0,O.jsx)(`section`,{className:X.section,children:e===z.Hidden?(0,O.jsx)(te,{options:n}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(`div`,{className:m([X.sectionHeader,t&&X.collapsible]),onClick:()=>{t&&i(e=>!e)},children:[e,t&&(0,O.jsx)(h,{className:m([r?X.closed:X.open])})]}),(0,O.jsx)(Q,{options:n,collapsed:r})]})})}function Q({options:e,collapsed:t}){return(0,O.jsx)(O.Fragment,{children:e.map(e=>(0,O.jsxs)(`label`,{className:m([X.label,t&&X.hidden]),children:[(0,O.jsx)(`span`,{className:X.title,children:e.title}),(0,O.jsx)(`span`,{className:X.description,children:e.description}),(0,O.jsx)(G,{paramField:e})]},e.title))})}function te({options:e}){return(0,O.jsx)(O.Fragment,{children:e.map(e=>(0,O.jsx)(G,{paramField:e},e.id))})}var $={blink:`_blink_1pnpt_1`,fourtyfive:`_fourtyfive_1pnpt_13`,drawerFooter:`_drawerFooter_1pnpt_17`,backdrop:`_backdrop_1pnpt_26`,drawer:`_drawer_1pnpt_17`,header:`_header_1pnpt_67`,body:`_body_1pnpt_77`,footer:`_footer_1pnpt_84`,sectionList:`_sectionList_1pnpt_92`,info:`_info_1pnpt_99`},ne=(0,V.memo)(re);function re({target:e,viewOptions:t}){let[n,u]=f(),{data:p}=w(),{isOpen:m,close:h}=x(),_=l(e=>e.clear),v=d(),y=()=>I(n,t),b=()=>{h()},C=()=>{_(e),u(y())},E=e=>{e.preventDefault();let n=F(Object.fromEntries(new FormData(e.currentTarget)),t);y().forEach((e,t)=>{n.append(t,e)}),u(n),v&&h()};return(0,O.jsx)(o,{open:m,onOpenChange:e=>{e||b()},children:(0,O.jsxs)(i,{children:[(0,O.jsx)(r,{className:$.backdrop}),(0,O.jsxs)(s,{className:$.drawer,children:[(0,O.jsxs)(`div`,{className:$.header,children:[(0,O.jsx)(a,{children:`Customise`}),(0,O.jsx)(S,{variant:`subtle-white`,size:`large`,"data-testid":`close-view-params`,onClick:b,children:(0,O.jsx)(g,{})})]}),(0,O.jsxs)(`div`,{className:$.body,children:[p.overrideStyles&&(0,O.jsx)(T,{className:$.info,children:`This view style is being modified by a custom CSS file.`}),(0,O.jsx)(R,{target:e}),(0,O.jsx)(`form`,{id:`edit-params-form`,onSubmit:E,className:$.sectionList,children:t.map(e=>(0,O.jsx)(Z,{title:e.title,collapsible:e.collapsible,options:e.options},e.title))})]}),(0,O.jsxs)(`div`,{className:$.footer,children:[(0,O.jsx)(c,{variant:`subtle`,size:`large`,onClick:C,type:`reset`,children:`Reset to default`}),(0,O.jsx)(c,{variant:`primary`,size:`large`,form:`edit-params-form`,type:`submit`,"data-testid":`apply-view-params`,children:`Apply`})]})]})]})})}export{M as a,A as i,z as n,k as o,j as r,ne as t};
//# sourceMappingURL=ViewParamsEditor-ZtF4EeBG.js.map