import{_ as c,k as m,l as p,C as V,o as n,c as o,a as v,t as s,F as b,y as f,a5 as _,Q as d,i as L,e as S}from"./index-20f16f2f.js";const h={name:"InputTimeLabel",props:{modelValue:{default:null},noSelectionText:{type:String,default:"[Not selected]"}},inject:{timeLabelStore:m.timeLabelStore},data(){return{internalValue:null}},computed:{timeLabels(){return this.timeLabelStore.timeLabels.value}},watch:{modelValue:{handler(e,l){if(e==null){this.internalValue=null;return}const a=this.timeLabels.find(r=>r.id===e.id);if(a==null){this.internalValue=null;return}this.internalValue=a},immediate:!0},internalValue(e,l){this.$emit("update:modelValue",e)}}},y={value:null},$=["value"];function g(e,l,a,r,u,i){return p((n(),o("select",{"onUpdate:modelValue":l[0]||(l[0]=t=>u.internalValue=t)},[v("option",y,s(a.noSelectionText),1),(n(!0),o(b,null,f(i.timeLabels,t=>(n(),o("option",{key:t.label,value:t},s(t.label),9,$))),128))],512)),[[V,u.internalValue]])}const B=c(h,[["render",g]]),k=_({naem:"InputEventColor",props:{modelValue:{type:String,required:!0}},emits:["update:modelValue"],setup(e,{emit:l}){const a=L(m.colorLabelStore).colorLabels,r=S({get(){return e.modelValue},set(u){l("update:modelValue",u)}});return{colorLabels:a,value:r}}}),C=["value"];function I(e,l,a,r,u,i){return p((n(),o("select",{"onUpdate:modelValue":l[0]||(l[0]=t=>e.value=t),style:d({backgroundColor:e.value})},[(n(!0),o(b,null,f(e.colorLabels,t=>(n(),o("option",{value:t.color,style:d({backgroundColor:t.color})},s(t.label),13,C))),256))],4)),[[V,e.value]])}const E=c(k,[["render",I]]);export{B as I,E as a};
