@getontime/cli/client/assets/ViewParamsEditor-legacy-5MW9MZnc.js

Time keeping for live events

System.register(["./jsx-runtime-legacy-DMkDNnVj.js","./Button-legacy-DpgzgT04.js","./useIsSmallScreen-legacy-DavgXfPB.js","./Select-legacy-DHLEukf3.js","./constants-legacy-CvecvM28.js","./SwatchPicker-legacy-DpR2sNl5.js","./use-local-storage-legacy-Xbm6tq51.js","./viewParamsEditor.store-legacy-BGER9MKV.js","./Input-legacy-CNt711cd.js","./index-legacy-NWDCUII5.js","./Info-legacy-6yM0-oGU.js","./Empty-legacy-ZRfHevNV.js","./viewUtils-legacy-djI28uVO.js"],function(e,t){var i,n,a,s,o,r,l,c,d,_,p,f,u,m,b,g,h,y,x,v,j,w,k,S,z,E,F,N,V,C,O,A,$,I,P,D,H,L,T;function R(e,t){const i=new URLSearchParams,n=new Set,a=function(e){const t={defaultValues:{},colorFields:new Set,booleanFields:new Set,isPersistedField:new Set,persistedValues:{}};return e.forEach(e=>{e.options.forEach(e=>{"persist"===e.type?(t.isPersistedField.add(e.id),e.values&&(t.persistedValues[e.id]=e.values)):t.defaultValues[e.id]=String(e.defaultValue),"colour"===e.type?t.colorFields.add(e.id):"boolean"===e.type&&t.booleanFields.add(e.id)})}),t}(t),s=(e,t)=>{const a=`${e}:${t}`;n.has(a)||(n.add(a),i.append(e,t))};return Object.entries(a.persistedValues).forEach(([e,t])=>{t.forEach(t=>{t&&s(e,t)})}),a.booleanFields.forEach(t=>{t in e||"false"!==a.defaultValues[t]&&s(t,"false")}),Object.entries(e).forEach(([e,t])=>{"string"==typeof t&&t.length&&(a.isPersistedField.has(e)&&(Array.from(n).forEach(t=>{t.startsWith(`${e}:`)&&n.delete(t)}),i.delete(e)),t.split(",").forEach(t=>{const i=a.colorFields.has(e)?(n=t).startsWith("#")?n.substring(1):n:a.booleanFields.has(e)?"on"===t?"true":"false":t;var n;(a.isPersistedField.has(e)||a.defaultValues[e]!==i)&&s(e,i)}))}),i}function U({target:e}){const{viewPresets:t}=p(e),[i,n]=u();return 0===t.length?null:(0,O.jsx)("div",{className:A.presetSection,children:t.map(e=>{const t=i.get("alias")===e.alias;return(0,O.jsxs)("div",{className:b([A.preset,t&&A.active]),children:[(0,O.jsx)("div",{children:e.alias}),(0,O.jsx)(d,{variant:t?"ghosted":"subtle-white",onClick:()=>(e=>{const t=new URLSearchParams(e.search);t.set("alias",e.alias),n(t)})(e),disabled:t,className:A.presetActions,children:t?"Applied":"Apply"})]},e.alias)})})}function B({name:e,value:t}){const[i,n]=(0,P.useState)(()=>D(t));return(0,P.useEffect)(()=>{n(D(t))},[t]),(0,O.jsxs)("div",{className:I.inline,children:[(0,O.jsx)(v,{color:i,onChange:n,alwaysDisplayColor:!0}),(0,O.jsx)("span",{children:i}),(0,O.jsx)("input",{type:"hidden",name:e,value:i})]})}function W({paramField:e}){const[t]=u(),{id:i,type:n,defaultValue:a}=e;if("persist"===n)return e.values&&e.values.length?(0,O.jsx)("input",{hidden:!0,name:i,readOnly:!0,value:e.values.join(",")}):null;if("option"===n){const n=t.get(i)||a;return 0===e.values.length?(0,O.jsx)("span",{className:H.empty,children:"No options available"}):(0,O.jsx)(Y,{id:i,initialValue:n,options:e.values})}if("multi-option"===n){const n=t.getAll(i);return(0,O.jsx)(K,{paramField:e,options:n.length?n:e.defaultValue??[""]})}if("boolean"===n){const e=t.get(i);return(0,O.jsx)(q,{id:i,initialValue:null===e?Boolean(a):N(e)})}if("number"===n){const{placeholder:n}=e;return(0,O.jsx)(S,{height:"large",type:"number",step:"any",name:i,defaultValue:t.get(i)??a,placeholder:n})}if("colour"===n)return(0,O.jsx)(B,{name:i,value:t.get(i)??a});const s=t.get(i)??a??"",{placeholder:o}=e;return(0,O.jsx)(G,{id:i,initialValue:s,placeholder:o})}function K({paramField:e,options:t}){const{id:i,values:n}=e,[a,s]=(0,P.useState)(t);return(0,P.useEffect)(()=>{s(t)},[t]),0===n.length?(0,O.jsx)("span",{className:H.empty,children:"No options available"}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("input",{name:i,hidden:!0,readOnly:!0,value:a.join(",")}),(0,O.jsx)("div",{className:H.inline,children:n.map(e=>(0,O.jsxs)("label",{className:H.toggleSelect,style:{"--user-bg":e.colour},children:[(0,O.jsx)(x,{checked:a.includes(e.value),onCheckedChange:t=>((e,t)=>{s(t?t=>[...t,e]:t=>t.filter(t=>t!==e))})(e.value,t)}),e.label]},e.value))})]})}function q({id:e,initialValue:t}){const[i,n]=(0,P.useState)(t);return(0,P.useEffect)(()=>{n(t)},[t]),(0,O.jsx)(y,{size:"large",name:e,checked:i,onCheckedChange:n})}function Y({id:e,initialValue:t,options:i}){const[n,a]=(0,P.useState)(t);return(0,P.useEffect)(()=>{a(t)},[t]),(0,O.jsx)(m,{size:"large",name:e,options:i,value:n,onValueChange:e=>{null!==e&&a(e)}})}function G({id:e,initialValue:t,...i}){const[n,a]=(0,P.useState)(t);return(0,P.useEffect)(()=>{a(t)},[t]),(0,O.jsx)(S,{height:"large",name:e,value:n,onChange:e=>a(e.target.value),...i})}function J({title:e,collapsible:t,options:i}){const[n,a]=j({key:`params-${e}`,defaultValue:!1});return(0,O.jsx)("section",{className:L.section,children:e===$.Hidden?(0,O.jsx)(Q,{options:i}):(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{className:b([L.sectionHeader,t&&L.collapsible]),onClick:()=>{t&&a(e=>!e)},children:[e,t&&(0,O.jsx)(g,{className:b([n?L.closed:L.open])})]}),(0,O.jsx)(M,{options:i,collapsed:n})]})})}function M({options:e,collapsed:t}){return(0,O.jsx)(O.Fragment,{children:e.map(e=>(0,O.jsxs)("label",{className:b([L.label,t&&L.hidden]),children:[(0,O.jsx)("span",{className:L.title,children:e.title}),(0,O.jsx)("span",{className:L.description,children:e.description}),(0,O.jsx)(W,{paramField:e})]},e.title))})}function Q({options:e}){return(0,O.jsx)(O.Fragment,{children:e.map(e=>(0,O.jsx)(W,{paramField:e},e.id))})}function X({target:e,viewOptions:t}){const[i,n]=u(),{data:a}=z(),{isOpen:p,close:m}=w(),b=_(e=>e.clear),g=f(),y=()=>function(e,t){const i=new Set;t.forEach(e=>{e.options.forEach(e=>{i.add(e.id)})});const n=new URLSearchParams;return e.forEach((e,t)=>{i.has(t)||n.append(t,e)}),n}(i,t),x=()=>{m()};return(0,O.jsx)(l,{open:p,onOpenChange:e=>{e||x()},children:(0,O.jsxs)(o,{children:[(0,O.jsx)(s,{className:T.backdrop}),(0,O.jsxs)(c,{className:T.drawer,children:[(0,O.jsxs)("div",{className:T.header,children:[(0,O.jsx)(r,{children:"Customise"}),(0,O.jsx)(k,{variant:"subtle-white",size:"large","data-testid":"close-view-params",onClick:x,children:(0,O.jsx)(h,{})})]}),(0,O.jsxs)("div",{className:T.body,children:[a.overrideStyles&&(0,O.jsx)(E,{className:T.info,children:"This view style is being modified by a custom CSS file."}),(0,O.jsx)(U,{target:e}),(0,O.jsx)("form",{id:"edit-params-form",onSubmit:e=>{e.preventDefault();const i=R(Object.fromEntries(new FormData(e.currentTarget)),t);y().forEach((e,t)=>{i.append(t,e)}),n(i),g&&m()},className:T.sectionList,children:t.map(e=>(0,O.jsx)(J,{title:e.title,collapsible:e.collapsible,options:e.options},e.title))})]}),(0,O.jsxs)("div",{className:T.footer,children:[(0,O.jsx)(d,{variant:"subtle",size:"large",onClick:()=>{b(e),n(y())},type:"reset",children:"Reset to default"}),(0,O.jsx)(d,{variant:"primary",size:"large",form:"edit-params-form",type:"submit","data-testid":"apply-view-params",children:"Apply"})]})]})]})})}return e({a:function(e,t=[]){return[...t,...e.custom.map((e,t)=>({value:`${t}-${e.title}`,label:e.title}))]},i:function(e,t=[],i=!0){const n=[...t];for(const[a,s]of Object.entries(e))i&&"image"===s.type||n.push({value:`custom-${a}`,label:`Custom: ${s.label}`});return n},o:function({text:e,injectedStyles:t,variant:i}){return(0,O.jsx)("div",{className:C.page,children:(0,O.jsx)(F,{text:e,injectedStyles:t,variant:i})})},r:function(e,t=!0){const i=[];for(const[n,a]of Object.entries(e))t&&"image"===a.type||i.push({value:n,label:a.label,colour:a.colour});return i}}),{setters:[function(e){i=e.a,n=e.n,a=e.t},function(e){s=e.C,o=e.a,r=e.n,l=e.r,c=e.s,d=e.t},function(e){_=e.h,p=e.i,f=e.t,u=e.y},function(e){m=e.t},function(e){b=e.K,g=e.ft,h=e.mt},function(e){y=e.c,x=e.l,v=e.t},function(e){j=e.t},function(e){w=e.t},function(e){k=e.r,S=e.t},function(e){z=e.i},function(e){E=e.t},function(e){F=e.t},function(e){N=e.i}],execute:function(){(V=document.createElement("style")).textContent='._blink_1bjzw_1{animation:1s step-start infinite _blink_1bjzw_1}@keyframes _blink_1bjzw_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_1bjzw_13{transform:rotate(45deg)}._mirror_1bjzw_17{transform:rotate(180deg)}._page_1bjzw_22{box-sizing:border-box;width:100%;height:100dvh;font-family:var(--font-family-override,"Open Sans", "Segoe UI", sans-serif);background:var(--background-color-override,#101010);color:var(--color-override,rgba(255,255,255,.8));padding:min(2vh,16px) max(16px,min(10vw,64px));flex-direction:column;justify-content:center;align-items:center;margin:0;padding-top:5rem;padding-bottom:5rem;display:flex;overflow:hidden}._blink_16bup_1{animation:1s step-start infinite _blink_16bup_1}@keyframes _blink_16bup_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_16bup_13{transform:rotate(45deg)}._presetSection_16bup_17{scrollbar-gutter:stable;background-color:#101010;flex-direction:column;gap:.25rem;max-height:10rem;margin-bottom:1rem;padding:1rem .5rem;display:flex;overflow-y:auto}._preset_16bup_17{align-items:center;gap:.5rem;display:flex}._preset_16bup_17._active_16bup_34{color:#578af4}._presetActions_16bup_38{margin-left:auto}._blink_173f2_1{animation:1s step-start infinite _blink_173f2_1}@keyframes _blink_173f2_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_173f2_13{transform:rotate(45deg)}._inline_173f2_17{align-items:center;gap:.5rem;display:flex}._input_173f2_23{color:#e2e2e2;background-color:#262626;border:1px solid transparent;border-radius:3px;outline:none;height:2.5rem;padding:0 1rem;font-size:1rem}._input_173f2_23:hover{background-color:#2d2d2d}._input_173f2_23:focus{color:#f6f6f6;background-color:#404040;border:1px solid #578af4}._blink_w1xc8_1{animation:1s step-start infinite _blink_w1xc8_1}@keyframes _blink_w1xc8_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_w1xc8_13{transform:rotate(45deg)}._inline_w1xc8_17{flex-wrap:wrap;align-items:center;gap:1rem;display:inline-flex}._toggleSelect_w1xc8_24{color:#f6f6f6;background:#303030;border-radius:3px;align-items:center;gap:.25rem;height:2.5rem;padding-left:.5rem;padding-right:.5rem;line-height:1em;display:flex}._toggleSelect_w1xc8_24:hover:not(:disabled):not(:active){color:#578af4;background:#404040}._toggleSelect_w1xc8_24:active:not(:disabled){background:#2d2d2d;border-color:#202020}._toggleSelect_w1xc8_24:after{content:"";background:var(--user-bg,#4c4c4c);border-radius:50%;width:.75em;height:.75em;margin-left:.25rem}._empty_w1xc8_52{color:#f6f6f6}._blink_1ssto_1{animation:1s step-start infinite _blink_1ssto_1}@keyframes _blink_1ssto_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_1ssto_13{transform:rotate(45deg)}._section_1ssto_17{color:#f6f6f6;font-size:1rem}._sectionHeader_1ssto_22{justify-content:space-between;align-items:center;height:2rem;display:flex}._sectionHeader_1ssto_22._collapsible_1ssto_28{cursor:pointer}._label_1ssto_32{color:#8a8a8a;flex-direction:column;gap:.25rem;margin-top:1rem;font-size:calc(1rem - 2px);display:flex}._title_1ssto_41{width:100%;font-size:calc(1rem - 2px);display:block}._description_1ssto_47{color:#6c6c6c;font-size:calc(1rem - 2px);display:block}._closed_1ssto_53{transition:rotate .3s cubic-bezier(.45,1.005,0,1.005);rotate:0deg}._open_1ssto_58{transition:rotate .3s cubic-bezier(.45,1.005,0,1.005);rotate:180deg}._hidden_1ssto_63{display:none}._blink_1pnpt_1{animation:1s step-start infinite _blink_1pnpt_1}@keyframes _blink_1pnpt_1{0%{opacity:1}50%{opacity:.2}}._fourtyfive_1pnpt_13{transform:rotate(45deg)}._drawerFooter_1pnpt_17{justify-content:end;gap:1rem;display:flex}._drawerFooter_1pnpt_17 button{padding:0 2em}._backdrop_1pnpt_26{background-color:rgba(0,0,0,.7);transition:opacity .3s cubic-bezier(.45,1.005,0,1.005);position:fixed;top:0;bottom:0;left:0;right:0}._backdrop_1pnpt_26[data-starting-style],._backdrop_1pnpt_26[data-ending-style]{opacity:0}._drawer_1pnpt_17{box-sizing:border-box;width:40rem;max-width:100vw;height:100vh;color:#f6f6f6;background-color:#202020;border-left:1px solid #2d2d2d;flex-direction:column;height:100dvh;padding-top:1rem;padding-bottom:1.5rem;display:flex;position:fixed;top:0;bottom:0;right:0}._drawer_1pnpt_17[data-open]{transition:transform .3s cubic-bezier(.45,1.005,0,1.005);transform:translate(0%)}._drawer_1pnpt_17[data-starting-style],._drawer_1pnpt_17[data-ending-style]{transition:transform .5s cubic-bezier(.45,1.005,0,1.005);transform:translate(100%)}@media (max-width:500px){._drawer_1pnpt_17{width:100vw}}._header_1pnpt_67{justify-content:space-between;align-items:center;height:3.5rem;padding-left:1rem;padding-right:1rem;font-size:1.25rem;font-weight:600;display:flex}._body_1pnpt_77{padding-left:1rem;padding-right:1rem;flex:1;padding-bottom:10vh;overflow-y:auto}._footer_1pnpt_84{justify-content:flex-end;align-items:center;gap:1rem;padding-left:1rem;padding-right:1rem;display:flex}._sectionList_1pnpt_92{flex-direction:column;gap:2rem;padding-right:.5rem;display:flex}._info_1pnpt_99{margin-bottom:1rem}\n/*$vite$:1*/',document.head.appendChild(V),function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"f14ad0099eab1969fdd065b56af5fdd3cf530de6"};var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="e9ba048c-47c0-401b-99e7-327f31229a10",e._sentryDebugIdIdentifier="sentry-dbid-e9ba048c-47c0-401b-99e7-327f31229a10")}catch(e){}}(),C={blink:"_blink_1bjzw_1",fourtyfive:"_fourtyfive_1bjzw_13",mirror:"_mirror_1bjzw_17",page:"_page_1bjzw_22"},O=a(),A={blink:"_blink_16bup_1",fourtyfive:"_fourtyfive_16bup_13",presetSection:"_presetSection_16bup_17",preset:"_preset_16bup_17",active:"_active_16bup_34",presetActions:"_presetActions_16bup_38"},e("n",$=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}({})),I={blink:"_blink_173f2_1",fourtyfive:"_fourtyfive_173f2_13",inline:"_inline_173f2_17",input:"_input_173f2_23"},P=i(n(),1),D=e=>e.startsWith("#")?e:`#${e}`,H={blink:"_blink_w1xc8_1",fourtyfive:"_fourtyfive_w1xc8_13",inline:"_inline_w1xc8_17",toggleSelect:"_toggleSelect_w1xc8_24",empty:"_empty_w1xc8_52"},L={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"},T={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"},e("t",(0,P.memo)(X))}}});
//# sourceMappingURL=ViewParamsEditor-legacy-5MW9MZnc.js.map