https://picockpit.com/dist/Settings-abe1b0bc.js

1import{p as ae,_ as Fe,al as Ne,a1 as ne,ab as se,ac as a,aB as at,aC as nt,ao as st,a0 as ot,a4 as it,a5 as ut,aI as rt,aJ as ct,ap as dt,a3 as mt,u as ft,R as Y,c as T,ak as vt,az as be,G as ve,b3 as Ce,b4 as v,ba as k,by as _,b8 as S,b6 as u,ay as M,O as w,b7 as I,bd as O,bf as q,ah as A,b1 as Ue,a_ as ht,b as he,a2 as _e,b0 as bt,bi as gt,w as $,n as je,I as pt,bS as yt,c9 as Vt,ca as _t,ar as De,b2 as kt,bs as St,bA as ke,bb as Z,b5 as E,cb as Te,bg as Oe,bh as Re,bD as Pe,ae as te,bI as L,af as le,b9 as Ct,bc as Ee,bG as Ae,bT as xt}from"./AppNotFound-05d3ab5c.js";import{m as U,o as It,e as wt,f as jt,g as Dt,y as ee,h as ge,i as Tt,j as pe,a as Ot,b as Be,V as Se,k as Rt}from"./Editor-b119a3ae.js";import{F as Pt,g as Et,l as He,o as At,r as Bt,d as Mt,h as Ft,q as Nt,f as Ut,i as Ht,c as qt}from"./AppOverview-0d398db3.js";import{m as Lt,e as zt,f as Kt,g as Gt,h as Jt,i as Wt,j as Qt,k as Yt,l as qe,n as Zt,o as Xt,c as $t,a as el,p as tl,q as ll}from"./GPIO-3f5cf0c9.js";import{V as Me}from"./Scheduler-cee6408e.js";import{V as al}from"./Kiosk-5189673b.js";const nl=ae({text:String,...Fe(),...Ne()},"VToolbarTitle"),sl=ne()({name:"VToolbarTitle",props:nl(),setup(e,l){let{slots:t}=l;return se(()=>{const s=!!(t.default||t.text||e.text);return a(e.tag,{class:["v-toolbar-title",e.class],style:e.style},{default:()=>{var r;return[s&&a("div",{class:"v-toolbar-title__placeholder"},[t.text?t.text():e.text,(r=t.default)==null?void 0:r.call(t)])]}})}),{}}}),ol=[null,"prominent","default","comfortable","compact"],il=ae({absolute:Boolean,collapse:Boolean,color:String,density:{type:String,default:"default",validator:e=>ol.includes(e)},extended:Boolean,extensionHeight:{type:[Number,String],default:48},flat:Boolean,floating:Boolean,height:{type:[Number,String],default:64},image:String,title:String,...at(),...Fe(),...nt(),...st(),...Ne({tag:"header"}),...ot()},"VToolbar"),ul=ne()({name:"VToolbar",props:il(),setup(e,l){var g;let{slots:t}=l;const{backgroundColorClasses:s,backgroundColorStyles:r}=it(ut(e,"color")),{borderClasses:i}=rt(e),{elevationClasses:d}

1=ct(e),{roundedClasses:c}=dt(e),{themeClasses:n}=mt(e),{rtlClasses:h}=ft(),C=Y(!!(e.extended||(g=t.extension)!=null&&g.call(t))),j=T(()=>parseInt(Number(e.height)+(e.density==="prominent"?Number(e.height):0)-(e.density==="comfortable"?8:0)-(e.density==="compact"?16:0),10)),p=T(()=>C.value?parseInt(Number(e.extensionHeight)+(e.density==="prominent"?Number(e.extensionHeight):0)-(e.density==="comfortable"?4:0)-(e.density==="compact"?8:0),10):0);return vt({VBtn:{variant:"text"}}),se(()=>{var W;const z=!!(e.title||t.title),X=!!(t.image||e.image),K=(W=t.extension)==null?void 0:W.call(t);return C.value=!!(e.extended||K),a(e.tag,{class:["v-toolbar",{"v-toolbar--absolute":e.absolute,"v-toolbar--collapse":e.collapse,"v-toolbar--flat":e.flat,"v-toolbar--floating":e.floating,[`v-toolbar--density-${e.density}`]:!0},s.value,i.value,d.value,c.value,n.value,h.value,e.class],style:[r.value,e.style]},{default:()=>[X&&a("div",{key:"image",class:"v-toolbar__image"},[t.image?a(be,{key:"image-defaults",disabled:!e.image,defaults:{VImg:{cover:!0,src:e.image}}},t.image):a(Pt,{key:"image-img",cover:!0,src:e.image},null)]),a(be,{defaults:{VTabs:{height:ve(j.value)}}},{default:()=>{var oe,ie,ue;return[a("div",{class:"v-toolbar__content",style:{height:ve(j.value)}},[t.prepend&&a("div",{class:"v-toolbar__prepend"},[(oe=t.prepend)==null?void 0:oe.call(t)]),z&&a(sl,{key:"title",text:e.title},{text:t.title}),(ie=t.default)==null?void 0:ie.call(t),t.append&&a("div",{class:"v-toolbar__append"},[(ue=t.append)==null?void 0:ue.call(t)])])]}}),a(be,{defaults:{VTabs:{height:ve(p.value)}}},{default:()=>[a(Et,null,{default:()=>[C.value&&a("div",{class:"v-toolbar__extension",style:{height:ve(p.value)}},[K])]})]})]})}),{contentHeight:j,extensionHeight:p}}});class rl{constructor(l,t,s,r){if(this.serial=l,this.formName=t,this.formCB=s,this.infoCB=r,this.formSub=[],this.model={},this.minEpoch=0,typeof t!="string"){console.error("JSON Forms: Bad name type.");return}this.name=t;const i=`com.picockpit/${t}/control/conf/form/query`;this.jf_rep=`pi/+/com.picockpit/${t}/control/conf/form/reply`,this.jf_info=`pi/+/com.picockpit/${t}/control/conf/info`,this.infoSub=U.subscribe(this.jf_info,this.infoCB),this.formReplySubscribe(),this.lang=navigator.language.slice(0,2),console.log(`FE: Requesting on  ${i}`),U.send_message_with_base_path(i,{name:this.name,lang:this.lang})}formReplySubscribe(l){l&&(this.minEpoch=Date.now()/1e3);const t=U.subscribe(this.jf_rep,this.formsHandler.bind(this));this.formSub.push(t)}getModel(){return this.model}formsHandler(l,t){if(t.name==this.name&&t.$client=="pi/"+this.serial){if(t.$ts>this.minEpoch)U.unsubscribe(this.formSub);else return;this.formSub=[],this.formData=t,this.oidsNeedingReboot=this.formData.formSchema.flatMap(s=>s.children).filter(s=>s.reboot===!0).map(s=>s.svcOID),this.setModelValues(),this.formCB(t)}}setModelValues(){const l=this.formData.svcSchema;Object.keys(l).map(function(t){const s=t;Object.keys(l[t]).forEach(function(r,i){this.model[s+"/"+r]=l[t][r].val}.bind(this))}.bind(this)),this.prevModel=JSON.parse(JSON.stringify(this.model))}rollbackModel(){return Object.assign(this.model,this.prevModel),this.model}shareString(l,t){for(let s=0;s<l.length;s++)if(t.includes(l[s]))return!0;return!1}set(l,t){let s={};const r=Object.keys(l).filter(d=>l[d]!=this.prevModel[d]);if(r.forEach(d=>s[d]=l[d]),Object.keys(r).length==0&&t!="force")return;const i=this.groupByDirname(s);return console.log("Sending update",i,t),(Object.keys(i).length||t=="force")&&(this.formReplySubscribe(!0),U.send_message_with_base_path(`com.picockpit/${this.formName}/control/conf/set`,{type:t,values:i,update:{name:this.name,lang:this.lang}})),t=="apply"&&(this.model={...l},this.prevModel=JSON.parse(JSON.stringify(this.model))),this.shareString(r,this.oidsNeedingReboot)}groupByDirname(l){const t={};for(const s in l){const r=s.split("/"),i=r.slice(0,r.length-1).join("/"),d=r[r.length-1],c=l[s];t[i]||(t[i]={}),t[i][d]=c}return t}dispose(){U.unsubscribe(this.formSub),U.unsubscribe(this.infoSub)}ping(){console.log("ping"),U.send_message_with_base_path("com.picockpit/test",{canary:"alive"})}test(){console.log("test subbed"),U.subscribe("pi/+/com.picockpit/test",this.mqttMessage),setInterval(this.ping,5e3)}mqttMessage(l,t){console.log("pong",l,t)}}const cl={mqtt_jf_service:rl},dl={en:{title:"Settings",reboot:"Reboot Needed",updatesuccess:"Update Successful",search:"Search Settings",loading:"Querying Configuration...",offline:"Your Pi is offline, Configuration is not possible.",scrimCanceled:"Wait Manually Canceled",scrimTimeout:"Timeout waiting for update",close:"close",helpTitle:"Help: ",helpDesc:"Description: "},de:{title:"Einstellungen",reboot:"Neustart erforderlich",updatesuccess:"Aktualisierung erfolgreich",search:"Suche Einstellungen",loading:"Konfiguration wird abgefragt...",offline:"Ihr Pi ist offline, eine Konfiguration ist nicht möglich.",scrimCanceled:"Warten manuell abgebrochen",scrimTimeout:"Aktualisierungszeitüberschreitung",helpTitle:"Hilfe: ",helpDesc:"Beschreibung: "}},ml={i18n:{messages:dl},props:{item:{type:Object,required:!0}},created(){}},fl={key:0,class:"mr-4"},vl={key:1,class:"mr-4"},hl={class:"text-h6 mb-1"};function bl(e,l,t,s,r,i){return v(),k(A,null,[t.item.type=="slider"?(v(),k("span",fl)):_("",!0),["switch","checkbox","radio-g"].includes(t.item.type)?(v(),k("span",vl,S(t.item.cfg.title||t.item.cfg.props.label),1)):_("",!0),a(It,{width:"auto"},{activator:u(({props:d})=>[a(M,w({class:"ml-auto",color:"primary"},d,{onClick:l[0]||(l[0]=c=>c.preventDefault())}),{default:u(()=>[I(" mdi-information-outline ")]),_:2},1040)]),default:u(({isActive:d})=>[a(He,null,{default:u(()=>[a(ul,{color:"black",title:e.$t("helpTitle")+(t.item.cfg.title||t.item.cfg.props.label)},null,8,["title"]),a(At,null,{default:u(()=>

1[O("div",hl,S(e.$t("helpDesc")),1),O("div",null,S(t.item.i18n.tip),1)]),_:1}),a(Bt,{class:"justify-end"},{default:u(()=>[a(q,{variant:"text",onClick:c=>d.value=!1},{default:u(()=>[I(S(e.$t("close")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:2},1024)]),_:1})],64)}const gl=Ce(ml,[["render",bl]]),pl=e=>({minTextLen:(l,t,s)=>typeof l=="string"&&l.length>=8||t.minTextLen,required:(l,t)=>!!l||t.requiredField,hostname:(l,t,s)=>/^[a-zA-Z0-9-]+$/.test(l)||t.allowedChars,hyphens:(l,t,s)=>/^[^-].*[^-]$/.test(l)||t.hyphens});function yl(e,l,t){if(l==null)return e;if(Array.isArray(l))throw new Error("Multiple matches is not implemented");return typeof l=="number"&&~l?a(A,null,[a("span",{class:"v-combobox__unmask"},[e.substr(0,l)]),a("span",{class:"v-combobox__mask"},[e.substr(l,t)]),a("span",{class:"v-combobox__unmask"},[e.substr(l+t)])]):e}const Vl=ae({autoSelectFirst:{type:[Boolean,String]},clearOnSelect:{type:Boolean,default:!0},delimiters:Array,...Lt({filterKeys:["title"]}),...zt({hideNoData:!0,returnObject:!0}),...Ue(wt({modelValue:null,role:"combobox"}),["validationValue","dirty","appendInnerIcon"]),...Mt({transition:!1})},"VCombobox"),_l=ne()({name:"VCombobox",props:Vl(),emits:{"update:focused":e=>!0,"update:modelValue":e=>!0,"update:search":e=>!0,"update:menu":e=>!0},setup(e,l){var xe;let{emit:t,slots:s}=l;const{t:r}=ht(),i=he(),d=Y(!1),c=Y(!0),n=Y(!1),h=he(),C=he(),j=_e(e,"menu"),p=T({get:()=>j.value,set:o=>{var f;j.value&&!o&&((f=h.value)!=null&&f.ΨopenChildren)||(j.value=o)}}),g=Y(-1);let z=!1;const X=T(()=>{var o;return(o=i.value)==null?void 0:o.color}),K=T(()=>p.value?e.closeText:e.openText),{items:W,transformIn:oe,transformOut:ie}=jt(e),{textColorClasses:ue,textColorStyles:Le}=bt(X),b=_e(e,"modelValue",[],o=>oe(gt(o)),o=>{const f=ie(o);return e.multiple?f:f[0]??null}),Q=Dt(),re=T(()=>!!(e.chips||s.chip)),F=T(()=>re.value||!!s.selection),H=Y(!e.multiple&&!F.value?((xe=b.value[0])==null?void 0:xe.title)??"":""),x=T({get:()=>H.value,set:o=>{var f;if(H.value=o??"",!e.multiple&&!F.value&&(b.value=[ee(e,o)]),o&&e.multiple&&((f=e.delimiters)!=null&&f.length)){const V=o.split(new RegExp(`(?:${e.delimiters.join("|")})+`));V.length>1&&(V.forEach(m=>{m=m.trim(),m&&P(ee(e,m))}),H.value="")}o||(g.value=-1),c.value=!o}}),ze=T(()=>typeof e.counterValue=="function"?e.counterValue(b.value):typeof e.counterValue=="number"?e.counterValue:e.multiple?b.value.length:x.value.length);$(H,o=>{z?je(()=>z=!1):d.value&&!p.value&&(p.value=!0),t("update:search",o)}),$(b,o=>{var f;!e.multiple&&!F.value&&(H.value=((f=o[0])==null?void 0:f.title)??"")});const{filteredItems:ce,getMatches:Ke}=Kt(e,W,()=>c.value?"":x.value),N=T(()=>e.hideSelected?ce.value.filter(o=>!b.value.some(f=>f.value===o.value)):ce.value),Ge=T(()=>b.value.map(o=>o.value)),de=T(()=>{var f;return(e.autoSelectFirst===!0||e.autoSelectFirst==="exact"&&x.value===((f=N.value[0])==null?void 0:f.title))&&N.value.length>0&&!c.value&&!n.value}),ye=T(()=>e.hideNoData&&!N.value.length||e.readonly||(Q==null?void 0:Q.isReadonly.value)),Ve=he(),{onListScroll:Je,onListKeydown:We}=Gt(Ve,i);function Qe(o){z=!0,e.openOnClear&&(p.value=!0)}function Ye(){ye.value||(p.value=!0)}function Ze(o){ye.value||(d.value&&(o.preventDefault(),o.stopPropagation()),p.value=!p.value)}function Xe(o){var m;if(_t(o)||e.readonly||Q!=null&&Q.isReadonly.value)return;const f=i.value.selectionStart,V=b.value.length;if((g.value>-1||["Enter","ArrowDown","ArrowUp"].includes(o.key))&&o.preventDefault(),["Enter","ArrowDown"].includes(o.key)&&(p.value=!0),["Escape"].includes(o.key)&&(p.value=!1),["Enter","Escape","Tab"].includes(o.key)&&(de.value&&["Enter","Tab"].includes(o.key)&&P(ce.value[0]),c.value=!0),o.key==="ArrowDown"&&de.value&&((m=Ve.value)==null||m.focus("next")),o.key==="Enter"&&x.value&&(P(ee(e,x.value)),F.value&&(H.value="")),["Backspace","Delete"].includes(o.key)){if(!e.multiple&&F.value&&b.value.length>0&&!x.value)return P(b.value[0],!1);if(~g.value){const y=g.value;P(b.value[g.value],!1),g.value=y>=V-1?V-2:y}else o.key==="Backspace"&&!x.value&&(g.value=V-1)}if(e.multiple){if(o.key==="ArrowLeft"){if(g.value<0&&f>0)return;const y=g.value>-1?g.value-1:V-1;b.value[y]?g.value=y:(g.value=-1,i.value.setSelectionRange(x.value.length,x.value.length))}if(o.key==="ArrowRight"){if(g.value<0)return;const y=g.value+1;b.value[y]?g.value=y:(g.value=-1,i.value.setSelectionRange(0,0))}}}function $e(){var o;d.value&&(c.value=!0,(o=i.value)==null||o.focus())}function P(o){let f=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0;if(!(!o||o.props.disabled))if(e.multiple){const V=b.value.findIndex(y=>e.valueComparator(y.value,o.value)),m=f??!~V;if(~V){const y=m?[...b.value,o]:[...b.value];y.splice(V,1),b.value=y}else m&&(b.value=[...b.value,o]);e.clearOnSelect&&(x.value="")}else{const V=f!==!1;b.value=V?[o]:[],H.value=V&&!F.value?o.title:"",je(()=>{p.value=!1,c.value=!0})}}function et(o){d.value=!0,setTimeout(()=>{n.value=!0})}function tt(o){n.value=!1}function lt(o){(o==null||o===""&&!e.multiple&&!F.value)&&(b.value=[])}return $(d,(o,f)=>{if(!(o||o===f)){if(g.value=-1,p.value=!1,de.value&&!n.value&&!b.value.some(V=>{let{value:m}=V;return m===N.value[0].value})){P(N.value[0]);return}if(x.value){if(e.multiple){P(ee(e,x.value));return}if(!F.value)return;b.value.some(V=>{let{title:m}=V;return m===x.value})?H.value="":P(ee(e,x.value))}}}),$(p,()=>

1{if(!e.hideSelected&&p.value&&b.value.length){const o=N.value.findIndex(f=>b.value.some(V=>e.valueComparator(V.value,f.value)));pt&&window.requestAnimationFrame(()=>{var f;o>=0&&((f=C.value)==null||f.scrollToIndex(o))})}}),$(()=>e.items,(o,f)=>{p.value||d.value&&!f.length&&o.length&&(p.value=!0)}),se(()=>{const o=!!(!e.hideNoData||N.value.length||s["prepend-item"]||s["append-item"]||s["no-data"]),f=b.value.length>0,V=ge.filterProps(e);return a(ge,w({ref:i},V,{modelValue:x.value,"onUpdate:modelValue":[m=>x.value=m,lt],focused:d.value,"onUpdate:focused":m=>d.value=m,validationValue:b.externalValue,counterValue:ze.value,dirty:f,class:["v-combobox",{"v-combobox--active-menu":p.value,"v-combobox--chips":!!e.chips,"v-combobox--selection-slot":!!F.value,"v-combobox--selecting-index":g.value>-1,[`v-combobox--${e.multiple?"multiple":"single"}`]:!0},e.class],style:e.style,readonly:e.readonly,placeholder:f?void 0:e.placeholder,"onClick:clear":Qe,"onMousedown:control":Ye,onKeydown:Xe}),{...s,default:()=>a(A,null,[a(Jt,w({ref:h,modelValue:p.value,"onUpdate:modelValue":m=>p.value=m,activator:"parent",contentClass:"v-combobox__content",disabled:ye.value,eager:e.eager,maxHeight:310,openOnClick:!1,closeOnContentClick:!1,transition:e.transition,onAfterLeave:$e},e.menuProps),{default:()=>[o&&a(Tt,w({ref:Ve,selected:Ge.value,selectStrategy:e.multiple?"independent":"single-independent",onMousedown:m=>m.preventDefault(),onKeydown:We,onFocusin:et,onFocusout:tt,onScrollPassive:Je,tabindex:"-1","aria-live":"polite",color:e.itemColor??e.color},e.listProps),{default:()=>{var m,y,B;return[(m=s["prepend-item"])==null?void 0:m.call(s),!N.value.length&&!e.hideNoData&&(((y=s["no-data"])==null?void 0:y.call(s))??a(pe,{title:r(e.noDataText)},null)),a(Wt,{ref:C,renderless:!0,items:N.value},{default:G=>{var we;let{item:D,index:J,itemRef:R}=G;const Ie=w(D.props,{ref:R,key:J,active:de.value&&J===0?!0:void 0,onClick:()=>P(D,null)});return((we=s.item)==null?void 0:we.call(s,{item:D,index:J,props:Ie}))??a(pe,w(Ie,{role:"option"}),{prepend:me=>{let{isSelected:fe}=me;return a(A,null,[e.multiple&&!e.hideSelected?a(Qt,{key:D.value,modelValue:fe,ripple:!1,tabindex:"-1"},null):void 0,D.props.prependAvatar&&a(Ft,{image:D.props.prependAvatar},null),D.props.prependIcon&&a(M,{icon:D.props.prependIcon},null)])},title:()=>{var me,fe;return c.value?D.title:yl(D.title,(me=Ke(D))==null?void 0:me.title,((fe=x.value)==null?void 0:fe.length)??0)}})}}),(B=s["append-item"])==null?void 0:B.call(s)]}})]}),b.value.map((m,y)=>{function B(R){R.stopPropagation(),R.preventDefault(),P(m,!1)}const G={"onClick:close":B,onKeydown(R){R.key!=="Enter"&&R.key!==" "||(R.preventDefault(),R.stopPropagation(),B(R))},onMousedown(R){R.preventDefault(),R.stopPropagation()},modelValue:!0,"onUpdate:modelValue":void 0},D=re.value?!!s.chip:!!s.selection,J=D?yt(re.value?s.chip({item:m,index:y,props:G}):s.selection({item:m,index:y})):void 0;if(!(D&&!J))return a("div",{key:m.value,class:["v-combobox__selection",y===g.value&&["v-combobox__selection--selected",ue.value]],style:y===g.value?Le.value:{}},[re.value?s.chip?a(be,{key:"chip-defaults",defaults:{VChip:{closable:e.closableChips,size:"small",text:m.title}}},{default:()=>[J]}):a(Nt,w({key:"chip",closable:e.closableChips,size:"small",text:m.title,disabled:m.props.disabled},G),null):J??a("span",{class:"v-combobox__selection-text"},[m.title,e.multiple&&y<b.value.length-1&&a("span",{class:"v-combobox__selection-comma"},[I(",")])])])})]),"append-inner":function(){var G;for(var m=arguments.length,y=new Array(m),B=0;B<m;B++)y[B]=arguments[B];return a(A,null,[(G=s["append-inner"])==null?void 0:G.call(s,...y),(!e.hideNoData||e.items.length)&&e.menuIcon?a(M,{class:"v-combobox__menu-icon",icon:e.menuIcon,onMousedown:Ze,onClick:Vt,"aria-label":r(K.value),title:r(K.value)},null):void 0])}})}),Ut({isFocused:d,isPristine:c,menu:p,search:x,selectionIndex:g,filteredItems:ce,select:P},i)}}),kl=ae({...Yt({falseIcon:"$radioOff",trueIcon:"$radioOn"})},"VRadio"),Sl=ne()({name:"VRadio",props:kl(),setup(e,l){let{slots:t}=l;return se(()=>a(qe,w(e,{class:["v-radio",e.class],style:e.style,type:"radio"}),t)),{}}});const Cl=ae({height:{type:[Number,String],default:"auto"},...Ot(),...Ue(Zt(),["multiple"]),trueIcon:{type:De,default:"$radioOn"},falseIcon:{type:De,default:"$radioOff"},type:{type:String,default:"radio"}},"VRadioGroup"),xl=ne()({name:"VRadioGroup",inheritAttrs:!1,props:Cl(),emits:{"update:modelValue":e=>!0},setup(e,l){let{attrs:t,slots:s}=l;const r=kt(),i=T(()=>e.id||`radio-group-${r}`),d=_e(e,"modelValue");return se(()=>{const[c,n]=St(t),h=Be.filterProps(e),C=qe.filterProps(e),j=s.label?s.label({label:e.label,props:{for:i.value}}):e.label;return a(Be,w({class:["v-radio-group",e.class],style:e.style},c,h,{modelValue:d.value,"onUpdate:modelValue":p=>d.value=p,id:i.value}),{...s,default:p=>{let{id:g,messagesId:z,isDisabled:X,isReadonly:K}=p;return a(A,null,[j&&a(Se,{id:g.value},{default:()=>[j]}),a(Xt,w(C,{id:g.value,"aria-describedby":z.value,defaultsTarget:"VRadio",trueIcon:e.trueIcon,falseIcon:e.falseIcon,type:e.type,disabled:X.value,readonly:K.value,"aria-labelledby":j?g.value:void 0,multiple:!1},n,{modelValue:d.value,"onUpdate:modelValue":W=>d.value=W}),s)])}})}),{}}}),Il={components:{ttip:gl},name:"json-forms",props:{basepath:{type:String,default:"",required:!1},svcValues:{type:Object,default:Object,required:!1},formItems:{type:Array,required:!0},rootName:{type:String,default:"",required:!1},submitHandler:{type:Function,default:e=>e,required:!0},showElement:{required:!0}},data(){return{currentElement:"",reboot:!1}},methods:{genDynAttr(e){const l={};return this.forms=()=>this.formItems,this.svcs=()=>

1this.svcValues,Object.keys(e.cfg.props).forEach(t=>{l[t]=e.cfg.props[t]}),l},alert:(e,l)=>{e.preventDefault(),alert(l)},async submit(e){const l=await e,t=e.submitter.getAttribute("class").match(/(?:^|\s)([a-z]*)-submit/)[1];l.valid&&this.submitHandler(this.svcValues,t)},getI18n(e){const l=navigator.language.slice(0,2);return l in e?e[l]:e.en},deRef(e,l){const t=e.split(".");let s=l||this;for(const r of t)if(s&&s.hasOwnProperty(r))s=s[r];else return!1;return s},getRules(e){return(this.deRef("cfg.jf_rules",e)||[]).map(t=>s=>pl()[t](s,e.i18n,e.cfg))}}},wl={key:0,class:"jf-item"},jl={class:"jf-group"},Dl={key:1,class:"jf-item"},Tl={key:2,class:"jf-item"},Ol={key:3,class:"jf-item"},Rl={key:4,class:"jf-item"},Pl={key:5,class:"jf-item"},El={key:6,class:"jf-item"},Al={key:7,class:"jf-item"},Bl={class:"jf-group"},Ml={class:"jf-send"},Fl={style:{display:"flex","flex-direction":"row","justify-content":"space-between",width:"100%"}},Nl={class:"align-self-center text-h5"},Ul={class:"jf-send"};function Hl(e,l,t,s,r,i){const d=ke("ttip"),c=ke("json-forms",!0);return v(!0),k(A,null,Z(t.formItems,n=>(v(),E(L,{fluid:"",class:"jf-container pa-0",key:n.name},{default:u(()=>[n.type==="radio-g"?(v(),k("div",wl,[a(xl,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},n.cfg.props,{rules:i.getRules(n)}),{label:u(()=>[a(d,{item:n},null,8,["item"])]),default:u(()=>[O("div",jl,[(v(!0),k(A,null,Z(i.getI18n(n.cfg.props.items),(h,C)=>(v(),k("div",{key:C},[a(Sl,{label:h,value:C},null,8,["label","value"]),C+1<i.getI18n(n.cfg.props.items).length?(v(),E(Ht,{key:0})):_("",!0)]))),128))])]),_:2},1040,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="switch"?(v(),k("div",Dl,[a($t,w(i.genDynAttr(n),{modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h,rules:i.getRules(n)}),{label:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},1040,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="checkbox"?(v(),k("div",Tl,[a(el,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},n.cfg.props,{rules:i.getRules(n)}),{label:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},1040,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="combobox"?(v(),k("div",Ol,[a(_l,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},i.genDynAttr(n),{rules:i.getRules(n),autocomplete:""}),Te({append:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},[Z(n.cfg.optico,h=>({name:"item",fn:u(({item:C,props:j})=>[a(pe,Oe(Re(j)),{title:u(()=>[O("span",null,S(C.raw),1),h.list.includes(C.raw)?(v(),E(M,{key:0,class:"ml-5"},{default:u(()=>[I(S(h.icon),1)]),_:2},1024)):_("",!0)]),_:2},1040)])}))]),1040,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="select"?(v(),k("div",Rl,[a(tl,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},i.genDynAttr(n),{rules:i.getRules(n),autocomplete:""}),Te({append:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},[Z(n.cfg.optico,h=>({name:"item",fn:u(({item:C,props:j})=>[a(pe,Oe(Re(j)),{title:u(()=>[O("span",null,S(C.raw),1),h.list.includes(C.raw)?(v(),E(M,{key:0,class:"ml-5"},{default:u(()=>[I(S(h.icon),1)]),_:2},1024)):_("",!0)]),_:2},1040)])}))]),1040,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="slider"?(v(),k("div",Pl,[a(Se,{class:"jf-group-title",text:n.cfg.title},{default:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},1032,["text"]),a(ll,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},n.cfg.props,{rules:i.getRules(n)}),null,16,["modelValue","onUpdate:modelValue","rules"])])):_("",!0),n.type==="text-field"?(v(),k("div",El,[a(ge,w({modelValue:t.svcValues[n.svcOID],"onUpdate:modelValue":h=>t.svcValues[n.svcOID]=h},i.genDynAttr(n),{rules:i.getRules(n),clearable:n.subtype!="number"}),{append:u(()=>[a(d,{item:n},null,8,["item"])]),_:2},1040,["modelValue","onUpdate:modelValue","rules","clearable"])])):_("",!0),n.type==="group"?(v(),k("div",Al,[a(Se,{class:"jf-group-title",text:"f.cfg.props.label"}),O("div",Bl,[a(Me,{class:"w-100","validate-on":"submit lazy",onSubmit:Pe(i.submit,["prevent"])},{default:u(()=>[a(c,{basepath:t.basepath+"/"+n.name+"/",formItems:n.children,ref_for:!0,ref:n.name,svcValues:t.svcValues,submitHandler:t.submitHandler},null,8,["basepath","formItems","svcValues","submitHandler"]),O("div",Ml,[n.i18n.test?(v(),E(q,{key:0,class:"jf-send-button test-submit",rounded:"lg",type:"submit",color:"yellow-lighten-1"},{default:u(()=>[I(S(n.i18n.test),1)]),_:2},1024)):_("",!0),n.i18n.apply?(v(),E(q,{key:1,class:"jf-send-button apply-submit",rounded:"lg",type:"submit"},{default:u(()=>[I(S(n.i18n.apply),1)]),_:2},1024)):_("",!0)])]),_:2},1032,["onSubmit"])])])):_("",!0),n.type==="root"?te((v(),E(L,{key:8,fluid:"",class:"jf-container jf-root"},{default:u(()=>[O("div",Fl,[a(q,{variant:"plain",onClick:l[0]||(l[0]=h=>t.showElement("main"))},{default:u(()=>[a(M,{start:"",icon:"mdi-chevron-left"})]),_:1}),O("div",Nl,S(n.i18n.label),1),a(q,{variant:"plain",class:"jf-root-title-spacer"},{default:u(()=>[a(M,{start:"",icon:"mdi-chevron-left"})]),_:1})]),a(L,{fluid:"",class:"jf-container"},{default:u(()=>[a(Me,{class:"w-100","validate-on":"submit lazy",onSubmit:Pe(i.submit,["prevent"])},{default:u(()=>[a(c,{basepath:t.basepath+"/"+n.name+"/",formItems:n.children,ref_for:!0,ref:n.name,svcValues:t.svcValues,submitHandler:t.submitHandler},null,8,["basepath","formItems","svcValues","submitHandler"]),O("div",Ul,[n.i18n.test?(v(),E(q,{key:0,class:"jf-send-button test-submit",rounded:"lg",type:"submit",color:"yellow-lighten-1"},{default:u(()=>[I(S(n.i18n.test),1)]),_:2},1024)):_("",!0),n.i18n.apply?(v(),E(q,{key:1,class:"jf-send-button apply-submit",rounded:"lg",type:"submit"},{default:u(()=>[I(S(n.i18n.apply),1)]),_:2},1024)):_("",!0)])]),_:2},1032,["onSubmit"])]),_:2},1024)]),_:2},1536)),[[le,r.currentElement===n.name]]):_("",!0)]),_:2},1024))),128)}const ql=Ce(Il,[["render",Hl]]);const Ll={components:{jf:ql},data(){return{currentElement:"main",formItems:[],formLoaded:!1,searchText:"",infoSnackbar:{},errorText:"",modelInitValues:{},rebootRequired:!1,overlay:!1,serial:this.$route.params.serial}},computed:{...Rt(["apps","piName","piModel","piOnline","clientVersion"])},created(){},mounted(){this.svc=new cl.mqtt_jf_service(this.serial,"settings",this.formCB.bind(this),this.mkInfoPopup.bind(this)),Object.assign(this.modelInitValues,this.svc.getModel())},beforeRouteLeave(e,l,t){this.svc.dispose(),t()},methods:{mkInfoPopup(e,l){const t={timeout:-1,color:"success",text:"No error",show:!0};"color"in l&&(t.color=l.color),"text"in l&&(t.text=l.text),"timeout"in l&&(t.timeout=l.timeout),Object.assign(this.infoSnackbar,t)},overlayCanceled(e){const l={timeout:2e3,color:"yellow-accent-4",text:this.$t("scrimCanceled"),...e||{}};this.overlay=!1,this.mkInfoPopup(null,l),clearTimeout(this.overlayTimeout)},formCB(e){this.overlay=!1,console.log("form reply:",e),this.formItems=e.formSchema,this.formLoaded=!0,clearTimeout(this.overlayTimeout);const l={timeout:1e3,color:"success",text:this.$t("updatesuccess")};this.mkInfoPopup(null,l)},strShared(e,l){for(let t=0;t<e.length;t++)if(l.includes(e[t]))return!0;return!1},submitHandler(e,l){this.overlay=!0,this.overlayTimeout=setTimeout(()=>{this.overlayCanceled({timeout:-1,color:"red",text:this.$t("scrimTimeout")})},6e4);const t=this.svc.set(e,l);l!="force"&&(t&&(this.rebootRequired=!0),l=="apply"&&Object.assign(this.modelInitValues,this.svc.getModel()))},showElement(e){this.currentElement=e||"main",this.$refs.jf.currentElement=this.currentElement,Object.assign(this.modelInitValues,this.svc.rollbackModel())},clearSearchInput(){this.searchText="",this.onSearchInputChange()},onSearchInputChange(){}}},zl={class:"mb-4"},Kl={key:0},Gl=["onClick"],Jl={key:1};function Wl(e,l,t,s,r,i){const d=ke("jf");return v(),k(A,null,[O("div",null,[O("h1",zl,[a(M,{start:"",icon:"mdi-toggle-switch"}),I(" "+S(e.$t("title"))+" ",1),r.rebootRequired?(v(),k("span",Kl,"("+S(e.$t("reboot"))+")",1)):_("",!0),te(a(M,{class:"refresh",color:"black",onClick:l[0]||(l[0]=c=>i.submitHandler({},"force"))},{default:u(()=>[I("mdi-reload")]),_:1}

1,512),[[le,e.piOnline]])]),e.error?(v(),E(Ae,{key:0,type:"warning"},{default:u(()=>[a(L,{fluid:""},{default:u(()=>[a(Ct,null,{default:u(()=>[a(Ee,null,{default:u(()=>[O("ul",null,[(v(!0),k(A,null,Z(e.errorCollection,c=>(v(),k("li",{key:c.key},S(c.source|e.sourceToText)+" :: "+S(c.errorText),1))),128))])]),_:1}),a(Ee,{cols:"2"},{default:u(()=>[a(q,{onClick:l[1]||(l[1]=c=>e.acceptErrors())},{default:u(()=>[I(" OK ")]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})):_("",!0),e.piOnline?_("",!0):(v(),E(Ae,{key:1,type:"warning"},{default:u(()=>[I(S(e.$t("offline")),1)]),_:1})),te(a(L,null,{default:u(()=>[I(" Pico Support Coming Soon! ")]),_:1},512),[[le,e.piModel.includes("Pico")]]),te(a(L,{fluid:""},{default:u(()=>[a(qt,{"model-value":r.overlay,class:"align-center justify-center",persistent:!1,onClick:i.overlayCanceled},{default:u(()=>[a(xt,{color:"white",indeterminate:"",size:"64"})]),_:1},8,["model-value","onClick"]),te(a(L,{fluid:"",class:"element"},{default:u(()=>[a(ge,{class:"search-input",modelValue:r.searchText,"onUpdate:modelValue":[l[2]||(l[2]=c=>r.searchText=c),i.onSearchInputChange],"append-inner-icon":"mdi-close","onClick:appendInner":i.clearSearchInput,label:e.$t("search")},null,8,["modelValue","onClick:appendInner","onUpdate:modelValue","label"]),a(L,{fluid:"",class:"icon-container"},{default:u(()=>[r.formLoaded?(v(!0),k(A,{key:0},Z(r.formItems.filter(c=>c.type=="root"&&c.name).filter(c=>c.tags.some(n=>n.toLowerCase().includes(r.searchText.toLowerCase()))),c=>(v(),k("div",{key:c},[O("div",{class:"icon",onClick:n=>i.showElement(c.name)},[a(He,{class:"mx-auto",width:"400","prepend-icon":c.icon},{title:u(()=>[I(S(c.name),1)]),_:2},1032,["prepend-icon"])],8,Gl)]))),128)):(v(),k("div",Jl,S(e.$t("loading")),1))]),_:1})]),_:1},512),[[le,r.currentElement==="main"]]),a(d,{basepath:"Settings",showElement:i.showElement,rootName:"main",formItems:r.formItems,ref:"jf",svcValues:r.modelInitValues,submitHandler:i.submitHandler},null,8,["showElement","formItems","svcValues","submitHandler"])]),_:1},512),[[le,e.piOnline&&!(()=>e.piModel.includes("Pico"))()]])]),a(al,{color:r.infoSnackbar.color,modelValue:r.infoSnackbar.show,"onUpdate:modelValue":l[4]||(l[4]=c=>r.infoSnackbar.show=c),timeout:r.infoSnackbar.timeout},{actions:u(()=>[a(M,{color:"white",onClick:l[3]||(l[3]=c=>r.infoSnackbar.show=!1)},{default:u(()=>[I("mdi-close")]),_:1})]),default:u(()=>[I(S(r.infoSnackbar.text)+" ",1)]),_:1},8,["color","modelValue","timeout"])],64)}const Ql=Ce(Ll,[["render",Wl]]),la=Object.freeze(Object.defineProperty({__proto__:null,default:Ql},Symbol.toStringTag,{value:"Module"}));export{la as S,ul as V,nl as a,sl as b,il as m};