@5minds/node-red-dashboard-2-processcube-dynamic-form 2.0.8-file-preview-4a4fff-mdijdu1k → 2.0.8-file-preview-3eb8ad-mdijpkne

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@5minds/node-red-dashboard-2-processcube-dynamic-form",
-  "version": "2.0.8-file-preview-4a4fff-mdijdu1k",
+  "version": "2.0.8-file-preview-3eb8ad-mdijpkne",
   "description": "The ui component for the ProcessCube dynamic-form",
   "keywords": [
     "processcube",

package/resources/ui-dynamic-form.umd.js

@@ -19,4 +19,4 @@
                                         <span style="font-size: 0.8em; color: #007bff;">Download</span>
                                         <a id="${x}" href="${S}" download="${c.fileName}" style="display: none;"></a>
                                     </div>
-                                `}),C+="</div>"),{type:"div",props:{innerHTML:C}}}return{type:"div",props:{style:"display: none;"}};case"file":const I=e.customForm?JSON.parse(e.customForm).multiple==="true":!1;return{type:"FormKit",props:{type:"file",id:e.id,name:s,label:e.label,required:e.required,help:r,innerClass:"reset-background",wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,readonly:o,disabled:o,multiple:I,validation:i,validationVisibility:"live"}};case"checkbox":const d=JSON.parse(e.customForm).entries.map(_=>({value:_.key,label:_.value}));return{type:"FormKit",props:{type:"checkbox",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],options:d,help:r,fieldsetClass:"custom-fieldset",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"color":return{type:"FormKit",props:{type:"color",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"datetime-local":return{type:"FormKit",props:{type:"datetime-local",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"email":return{type:"FormKit",props:{type:"email",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"header":let $="h1";return e.customForm&&JSON.parse(e.customForm).style==="heading_2"&&($="h2"),e.customForm&&JSON.parse(e.customForm).style==="heading_3"&&($="h3"),{type:$,innerText:this.formData[e.id]};case"hidden":return{type:"input",props:{type:"hidden",value:this.formData[e.id]}};case"month":return{type:"FormKit",props:{type:"month",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"paragraph":return{type:"p",innerText:this.formData[e.id]};case"password":return{type:"FormKit",props:{type:"password",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"radio":const p=JSON.parse(e.customForm).entries.map(_=>({value:_.key,label:_.value}));return{type:"FormKit",props:{type:"radio",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],options:p,help:r,fieldsetClass:"custom-fieldset",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"range":const h=JSON.parse(e.customForm);return{type:"v-slider",props:{id:e.id,name:s,required:e.required,min:h.min,max:h.max,step:h.step,thumbLabel:!0,labelClass:"ui-dynamic-form-input-label",readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"tel":return{type:"FormKit",props:{type:"tel",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"textarea":const y=e.customForm?JSON.parse(e.customForm).rows:void 0;return{type:"FormKit",props:{type:"textarea",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],rows:y,help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"time":return{type:"FormKit",props:{type:"time",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"url":return{type:"FormKit",props:{type:"url",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"week":return{type:"FormKit",props:{type:"week",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};default:return{type:"FormKit",props:{type:e.type,id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}}}},toggleCollapse(){this.collapsed=!this.collapsed},getRowWidthStyling(e,t){let r="";return t===0&&(r+="margin-top: 12px;"),e.type,r+="flex-basis: 100%;",r},fields(){var r;return(((r=this.userTask.userTaskConfig)==null?void 0:r.formFields)??[]).map(n=>({...n,items:fl(n.type,n)}))},send(e,t){const r=[];r[t]=e,this.$socket.emit("widget-action",this.id,r)},init(e){if(this.msg=e,this.clearComponentCache(),!e)return;if(this.actions=this.props.options,e.payload&&e.payload.userTask)this.userTask=e.payload.userTask;else{this.userTask=null,this.formData={};return}const r=this.userTask.userTaskConfig.formFields,n=r.map(a=>a.id),i=this.userTask.startToken.formData,s=e.payload.formData;if(this.formIsFinished=!!e.payload.formData,this.formIsFinished&&(this.collapsed=this.props.collapse_when_finished),r){r.forEach(a=>{if(this.formData[a.id]=a.defaultValue,a.type==="confirm"){const o=a.customForm?JSON.parse(a.customForm):{},u=o.confirmButtonText??"Confirm",g=o.declineButtonText??"Decline";this.actions=[{alignment:"right",primary:"false",label:g,condition:""},{alignment:"right",primary:"true",label:u,condition:""}]}});for(let a=r.length-1;a>=0;a--){const o=r[a];if(o.type==="file"&&i&&i[o.id]){const u={...o};u.type="file-preview",u.id=`${o.id}_preview`,this.userTask.userTaskConfig.formFields.splice(a,0,u)}}}i&&i&&Object.keys(i).filter(a=>n.includes(a)).forEach(a=>{console.log("luis888.2",a,i[a]),this.formData[a]=i[a]}),this.formIsFinished&&Object.keys(s).filter(a=>n.includes(a)).forEach(a=>{this.formData[a]=s[a]}),l.nextTick(()=>{this.focusFirstFormField()})},actionFn(e){if(e.label==="Speichern"||e.label==="Speichern und nächster"){const t=this.$refs.form.$el.querySelectorAll(".formkit-outer");let r=!0;if(t.forEach(n=>{const i=n.getAttribute("data-complete"),s=n.getAttribute("data-invalid");i==null&&s==="true"&&(r=!1)}),!r)return}if(this.checkCondition(e.condition)){this.showError("");const t={...this.formData};this.userTask.userTaskConfig.formFields.forEach(i=>{const s=t[i.id];if((i.type==="number"||i.type==="long")&&s!=null&&s!=="")if(i.type==="long"){const a=Number.parseInt(s,10);isNaN(a)||(t[i.id]=a)}else{const a=Number.parseFloat(s);isNaN(a)||(t[i.id]=a)}});const n=this.msg??{};n.payload={formData:t,userTask:this.userTask},this.send(n,this.actions.findIndex(i=>i.label===e.label)+(this.isConfirmDialog?this.props.options.length:0))}else this.showError(e.errorMessage)},checkCondition(e){if(e==="")return!0;try{return!!Function("fields","userTask","msg",'"use strict"; return ('+e+")")(this.formData,this.userTask,this.msg)}catch(t){return console.error("Error while evaluating condition: "+t),!1}},showError(e){this.errorMsg=e},focusFirstFormField(){if(!(this.collapsed||!this.hasUserTask)&&this.firstFormFieldRef){let e=null;this.firstFormFieldRef.node&&this.firstFormFieldRef.node.input instanceof HTMLElement?e=this.firstFormFieldRef.node.input:this.firstFormFieldRef.$el instanceof HTMLElement&&(["INPUT","TEXTAREA","SELECT"].includes(this.firstFormFieldRef.$el.tagName)?e=this.firstFormFieldRef.$el:e=this.firstFormFieldRef.$el.querySelector('input:not([type="hidden"]), textarea, select')),e?e.focus():console.warn("Could not find a focusable input element for the first form field.")}}}};function fl(e,t){return e==="enum"?t.enumValues.map(r=>({title:r.name,value:r.id})):null}const pl={className:"ui-dynamic-form-wrapper"},ml={key:0,style:{"margin-bottom":"0px"}},dl={key:0},hl=["data-columns"],yl={key:1},gl={class:"formkit-label"},bl={class:"formkit-help"},vl={key:1},$l={key:1,style:{"padding-top":"32px"}};function _l(e,t,r,n,i,s){const a=l.resolveComponent("UIDynamicFormTitleText"),o=l.resolveComponent("v-col"),u=l.resolveComponent("v-row"),g=l.resolveComponent("FormKit"),b=l.resolveComponent("v-alert"),v=l.resolveComponent("UIDynamicFormFooterAction"),I=l.resolveComponent("v-form");return l.openBlock(),l.createElementBlock("div",{className:"ui-dynamic-form-external-sizing-wrapper",style:l.normalizeStyle(r.props.card_size_styling)},[r.props.title_style==="outside"&&s.hasUserTask?(l.openBlock(),l.createBlock(a,{key:0,style:l.normalizeStyle(r.props.title_style),title:s.effectiveTitle,customStyles:r.props.title_custom_text_styling,titleIcon:r.props.title_icon,collapsible:r.props.collapsible||r.props.collapse_when_finished&&i.formIsFinished,collapsed:i.collapsed,toggleCollapse:s.toggleCollapse},null,8,["style","title","customStyles","titleIcon","collapsible","collapsed","toggleCollapse"])):l.createCommentVNode("",!0),l.createElementVNode("div",pl,[s.hasUserTask?(l.openBlock(),l.createElementBlock("p",ml,[l.createVNode(I,{ref:"form",modelValue:e.form,"onUpdate:modelValue":t[0]||(t[0]=d=>e.form=d),class:l.normalizeClass(s.dynamicClass)},{default:l.withCtx(()=>[r.props.title_style!="outside"?(l.openBlock(),l.createBlock(a,{key:0,style:l.normalizeStyle(r.props.title_style),title:s.effectiveTitle,customStyles:r.props.title_custom_text_styling,titleIcon:r.props.title_icon,collapsible:r.props.collapsible||r.props.collapse_when_finished&&i.formIsFinished,collapsed:i.collapsed,toggleCollapse:s.toggleCollapse},null,8,["style","title","customStyles","titleIcon","collapsible","collapsed","toggleCollapse"])):l.createCommentVNode("",!0),l.createVNode(l.Transition,{name:"cardCollapse"},{default:l.withCtx(()=>[i.collapsed?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",dl,[l.createElementVNode("div",{className:"ui-dynamic-form-formfield-positioner",style:l.normalizeStyle(r.props.inner_card_styling),"data-columns":r.props.form_columns||1},[l.createVNode(g,{id:"form",type:"group"},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(s.fields(),(d,$)=>(l.openBlock(),l.createBlock(u,{key:d,class:l.normalizeClass(d.type==="header"?"ui-dynamic-form-header-row":""),style:l.normalizeStyle(s.getRowWidthStyling(d,$))},{default:l.withCtx(()=>[l.createVNode(o,{cols:"12"},{default:l.withCtx(()=>[s.getFieldComponent(d).innerText?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({key:0,ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:i.formData[d.id],"onUpdate:modelValue":p=>i.formData[d.id]=p}),{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(s.getFieldComponent(d).innerText),1)]),_:2},1040,["modelValue","onUpdate:modelValue"])):s.getFieldComponent(d).type=="v-slider"?(l.openBlock(),l.createElementBlock("div",yl,[l.createElementVNode("p",gl,l.toDisplayString(d.label),1),(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:d.defaultValue,"onUpdate:modelValue":p=>d.defaultValue=p}),null,16,["modelValue","onUpdate:modelValue"])),l.createElementVNode("p",bl,l.toDisplayString(d.customForm?JSON.parse(d.customForm).hint:void 0),1)])):(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({key:2,ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:i.formData[d.id],"onUpdate:modelValue":p=>i.formData[d.id]=p}),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1024)]),_:2},1032,["class","style"]))),128))]),_:1})],12,hl),l.createVNode(u,{class:l.normalizeClass(s.dynamicFooterClass)},{default:l.withCtx(()=>[i.errorMsg.length>0?(l.openBlock(),l.createBlock(u,{key:0,style:{padding:"12px"}},{default:l.withCtx(()=>[l.createVNode(b,{type:"error"},{default:l.withCtx(()=>[l.createTextVNode("Error: "+l.toDisplayString(i.errorMsg),1)]),_:1})]),_:1})):l.createCommentVNode("",!0),r.props.actions_inside_card&&i.actions.length>0?(l.openBlock(),l.createBlock(v,{key:1,actions:i.actions,actionCallback:s.actionFn,formIsFinished:i.formIsFinished,style:{padding:"16px","padding-top":"0px"}},null,8,["actions","actionCallback","formIsFinished"])):l.createCommentVNode("",!0)]),_:1},8,["class"])]))]),_:1})]),_:1},8,["modelValue","class"])])):(l.openBlock(),l.createElementBlock("p",vl,[r.props.waiting_info.length>0||r.props.waiting_title.length>0?(l.openBlock(),l.createBlock(b,{key:0,text:r.props.waiting_info,title:r.props.waiting_title},null,8,["text","title"])):l.createCommentVNode("",!0)]))]),!r.props.actions_inside_card&&i.actions.length>0&&s.hasUserTask?(l.openBlock(),l.createElementBlock("div",$l,[l.createVNode(v,{actions:i.actions,actionCallback:s.actionFn},null,8,["actions","actionCallback"])])):l.createCommentVNode("",!0)],4)}const kl=Vt(cl,[["render",_l]]);le.UIDynamicForm=kl,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});
+                                `}),C+="</div>"),{type:"div",props:{innerHTML:C}}}return{type:"div",props:{style:"display: none;"}};case"file":const I=e.customForm?JSON.parse(e.customForm).multiple==="true":!1;return{type:"FormKit",props:{type:"file",id:e.id,name:s,label:e.label,required:e.required,help:r,innerClass:"reset-background",wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,readonly:o,disabled:o,multiple:I,validation:i,validationVisibility:"live"}};case"checkbox":const d=JSON.parse(e.customForm).entries.map(_=>({value:_.key,label:_.value}));return{type:"FormKit",props:{type:"checkbox",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],options:d,help:r,fieldsetClass:"custom-fieldset",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"color":return{type:"FormKit",props:{type:"color",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"datetime-local":return{type:"FormKit",props:{type:"datetime-local",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"email":return{type:"FormKit",props:{type:"email",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"header":let $="h1";return e.customForm&&JSON.parse(e.customForm).style==="heading_2"&&($="h2"),e.customForm&&JSON.parse(e.customForm).style==="heading_3"&&($="h3"),{type:$,innerText:this.formData[e.id]};case"hidden":return{type:"input",props:{type:"hidden",value:this.formData[e.id]}};case"month":return{type:"FormKit",props:{type:"month",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"paragraph":return{type:"p",innerText:this.formData[e.id]};case"password":return{type:"FormKit",props:{type:"password",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"radio":const p=JSON.parse(e.customForm).entries.map(_=>({value:_.key,label:_.value}));return{type:"FormKit",props:{type:"radio",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],options:p,help:r,fieldsetClass:"custom-fieldset",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"range":const h=JSON.parse(e.customForm);return{type:"v-slider",props:{id:e.id,name:s,required:e.required,min:h.min,max:h.max,step:h.step,thumbLabel:!0,labelClass:"ui-dynamic-form-input-label",readonly:o,disabled:o,validation:i,validationVisibility:"live"}};case"tel":return{type:"FormKit",props:{type:"tel",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"textarea":const y=e.customForm?JSON.parse(e.customForm).rows:void 0;return{type:"FormKit",props:{type:"textarea",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],rows:y,help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"time":return{type:"FormKit",props:{type:"time",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"url":return{type:"FormKit",props:{type:"url",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};case"week":return{type:"FormKit",props:{type:"week",id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,placeholder:n,wrapperClass:"$remove:formkit-wrapper",labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}};default:return{type:"FormKit",props:{type:e.type,id:e.id,name:s,label:e.label,required:e.required,value:this.formData[e.id],help:r,labelClass:"ui-dynamic-form-input-label",inputClass:`input-${this.theme}`,innerClass:`ui-dynamic-form-input-outlines ${this.theme==="dark"?"$remove:formkit-inner":""}`,readonly:o,validation:i,validationVisibility:"live"}}}},toggleCollapse(){this.collapsed=!this.collapsed},getRowWidthStyling(e,t){let r="";return t===0&&(r+="margin-top: 12px;"),e.type,r+="flex-basis: 100%;",r},fields(){var r;return(((r=this.userTask.userTaskConfig)==null?void 0:r.formFields)??[]).map(n=>({...n,items:fl(n.type,n)}))},send(e,t){const r=[];r[t]=e,this.$socket.emit("widget-action",this.id,r)},init(e){if(this.msg=e,this.clearComponentCache(),!e)return;if(this.actions=this.props.options,e.payload&&e.payload.userTask)this.userTask=e.payload.userTask;else{this.userTask=null,this.formData={};return}const r=this.userTask.userTaskConfig.formFields,n=r.map(a=>a.id),i=this.userTask.startToken,s=e.payload.formData;if(this.formIsFinished=!!e.payload.formData,this.formIsFinished&&(this.collapsed=this.props.collapse_when_finished),r){r.forEach(a=>{if(this.formData[a.id]=a.defaultValue,a.type==="confirm"){const o=a.customForm?JSON.parse(a.customForm):{},u=o.confirmButtonText??"Confirm",g=o.declineButtonText??"Decline";this.actions=[{alignment:"right",primary:"false",label:g,condition:""},{alignment:"right",primary:"true",label:u,condition:""}]}});for(let a=r.length-1;a>=0;a--){const o=r[a];if(o.type==="file"&&i&&i[o.id]){const u={...o};u.type="file-preview",u.id=`${o.id}_preview`,this.userTask.userTaskConfig.formFields.splice(a,0,u)}}}i&&i&&Object.keys(i).filter(a=>n.includes(a)).forEach(a=>{this.formData[a]=i[a]}),this.formIsFinished&&Object.keys(s).filter(a=>n.includes(a)).forEach(a=>{this.formData[a]=s[a]}),l.nextTick(()=>{this.focusFirstFormField()})},actionFn(e){if(e.label==="Speichern"||e.label==="Speichern und nächster"){const t=this.$refs.form.$el.querySelectorAll(".formkit-outer");let r=!0;if(t.forEach(n=>{const i=n.getAttribute("data-complete"),s=n.getAttribute("data-invalid");i==null&&s==="true"&&(r=!1)}),!r)return}if(this.checkCondition(e.condition)){this.showError("");const t={...this.formData};this.userTask.userTaskConfig.formFields.forEach(i=>{const s=t[i.id];if((i.type==="number"||i.type==="long")&&s!=null&&s!=="")if(i.type==="long"){const a=Number.parseInt(s,10);isNaN(a)||(t[i.id]=a)}else{const a=Number.parseFloat(s);isNaN(a)||(t[i.id]=a)}});const n=this.msg??{};n.payload={formData:t,userTask:this.userTask},this.send(n,this.actions.findIndex(i=>i.label===e.label)+(this.isConfirmDialog?this.props.options.length:0))}else this.showError(e.errorMessage)},checkCondition(e){if(e==="")return!0;try{return!!Function("fields","userTask","msg",'"use strict"; return ('+e+")")(this.formData,this.userTask,this.msg)}catch(t){return console.error("Error while evaluating condition: "+t),!1}},showError(e){this.errorMsg=e},focusFirstFormField(){if(!(this.collapsed||!this.hasUserTask)&&this.firstFormFieldRef){let e=null;this.firstFormFieldRef.node&&this.firstFormFieldRef.node.input instanceof HTMLElement?e=this.firstFormFieldRef.node.input:this.firstFormFieldRef.$el instanceof HTMLElement&&(["INPUT","TEXTAREA","SELECT"].includes(this.firstFormFieldRef.$el.tagName)?e=this.firstFormFieldRef.$el:e=this.firstFormFieldRef.$el.querySelector('input:not([type="hidden"]), textarea, select')),e?e.focus():console.warn("Could not find a focusable input element for the first form field.")}}}};function fl(e,t){return e==="enum"?t.enumValues.map(r=>({title:r.name,value:r.id})):null}const pl={className:"ui-dynamic-form-wrapper"},ml={key:0,style:{"margin-bottom":"0px"}},dl={key:0},hl=["data-columns"],yl={key:1},gl={class:"formkit-label"},bl={class:"formkit-help"},vl={key:1},$l={key:1,style:{"padding-top":"32px"}};function _l(e,t,r,n,i,s){const a=l.resolveComponent("UIDynamicFormTitleText"),o=l.resolveComponent("v-col"),u=l.resolveComponent("v-row"),g=l.resolveComponent("FormKit"),b=l.resolveComponent("v-alert"),v=l.resolveComponent("UIDynamicFormFooterAction"),I=l.resolveComponent("v-form");return l.openBlock(),l.createElementBlock("div",{className:"ui-dynamic-form-external-sizing-wrapper",style:l.normalizeStyle(r.props.card_size_styling)},[r.props.title_style==="outside"&&s.hasUserTask?(l.openBlock(),l.createBlock(a,{key:0,style:l.normalizeStyle(r.props.title_style),title:s.effectiveTitle,customStyles:r.props.title_custom_text_styling,titleIcon:r.props.title_icon,collapsible:r.props.collapsible||r.props.collapse_when_finished&&i.formIsFinished,collapsed:i.collapsed,toggleCollapse:s.toggleCollapse},null,8,["style","title","customStyles","titleIcon","collapsible","collapsed","toggleCollapse"])):l.createCommentVNode("",!0),l.createElementVNode("div",pl,[s.hasUserTask?(l.openBlock(),l.createElementBlock("p",ml,[l.createVNode(I,{ref:"form",modelValue:e.form,"onUpdate:modelValue":t[0]||(t[0]=d=>e.form=d),class:l.normalizeClass(s.dynamicClass)},{default:l.withCtx(()=>[r.props.title_style!="outside"?(l.openBlock(),l.createBlock(a,{key:0,style:l.normalizeStyle(r.props.title_style),title:s.effectiveTitle,customStyles:r.props.title_custom_text_styling,titleIcon:r.props.title_icon,collapsible:r.props.collapsible||r.props.collapse_when_finished&&i.formIsFinished,collapsed:i.collapsed,toggleCollapse:s.toggleCollapse},null,8,["style","title","customStyles","titleIcon","collapsible","collapsed","toggleCollapse"])):l.createCommentVNode("",!0),l.createVNode(l.Transition,{name:"cardCollapse"},{default:l.withCtx(()=>[i.collapsed?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",dl,[l.createElementVNode("div",{className:"ui-dynamic-form-formfield-positioner",style:l.normalizeStyle(r.props.inner_card_styling),"data-columns":r.props.form_columns||1},[l.createVNode(g,{id:"form",type:"group"},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(s.fields(),(d,$)=>(l.openBlock(),l.createBlock(u,{key:d,class:l.normalizeClass(d.type==="header"?"ui-dynamic-form-header-row":""),style:l.normalizeStyle(s.getRowWidthStyling(d,$))},{default:l.withCtx(()=>[l.createVNode(o,{cols:"12"},{default:l.withCtx(()=>[s.getFieldComponent(d).innerText?(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({key:0,ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:i.formData[d.id],"onUpdate:modelValue":p=>i.formData[d.id]=p}),{default:l.withCtx(()=>[l.createTextVNode(l.toDisplayString(s.getFieldComponent(d).innerText),1)]),_:2},1040,["modelValue","onUpdate:modelValue"])):s.getFieldComponent(d).type=="v-slider"?(l.openBlock(),l.createElementBlock("div",yl,[l.createElementVNode("p",gl,l.toDisplayString(d.label),1),(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:d.defaultValue,"onUpdate:modelValue":p=>d.defaultValue=p}),null,16,["modelValue","onUpdate:modelValue"])),l.createElementVNode("p",bl,l.toDisplayString(d.customForm?JSON.parse(d.customForm).hint:void 0),1)])):(l.openBlock(),l.createBlock(l.resolveDynamicComponent(s.getFieldComponent(d).type),l.mergeProps({key:2,ref_for:!0},s.getFieldComponent(d).props,{ref_for:!0,ref:p=>{$===0&&(i.firstFormFieldRef=p)},modelValue:i.formData[d.id],"onUpdate:modelValue":p=>i.formData[d.id]=p}),null,16,["modelValue","onUpdate:modelValue"]))]),_:2},1024)]),_:2},1032,["class","style"]))),128))]),_:1})],12,hl),l.createVNode(u,{class:l.normalizeClass(s.dynamicFooterClass)},{default:l.withCtx(()=>[i.errorMsg.length>0?(l.openBlock(),l.createBlock(u,{key:0,style:{padding:"12px"}},{default:l.withCtx(()=>[l.createVNode(b,{type:"error"},{default:l.withCtx(()=>[l.createTextVNode("Error: "+l.toDisplayString(i.errorMsg),1)]),_:1})]),_:1})):l.createCommentVNode("",!0),r.props.actions_inside_card&&i.actions.length>0?(l.openBlock(),l.createBlock(v,{key:1,actions:i.actions,actionCallback:s.actionFn,formIsFinished:i.formIsFinished,style:{padding:"16px","padding-top":"0px"}},null,8,["actions","actionCallback","formIsFinished"])):l.createCommentVNode("",!0)]),_:1},8,["class"])]))]),_:1})]),_:1},8,["modelValue","class"])])):(l.openBlock(),l.createElementBlock("p",vl,[r.props.waiting_info.length>0||r.props.waiting_title.length>0?(l.openBlock(),l.createBlock(b,{key:0,text:r.props.waiting_info,title:r.props.waiting_title},null,8,["text","title"])):l.createCommentVNode("",!0)]))]),!r.props.actions_inside_card&&i.actions.length>0&&s.hasUserTask?(l.openBlock(),l.createElementBlock("div",$l,[l.createVNode(v,{actions:i.actions,actionCallback:s.actionFn},null,8,["actions","actionCallback"])])):l.createCommentVNode("",!0)],4)}const kl=Vt(cl,[["render",_l]]);le.UIDynamicForm=kl,Object.defineProperty(le,Symbol.toStringTag,{value:"Module"})});

package/ui/components/UIDynamicForm.vue

@@ -1042,7 +1042,7 @@ export default {
 
             const formFields = this.userTask.userTaskConfig.formFields;
             const formFieldIds = formFields.map((ff) => ff.id);
-            const initialValues = this.userTask.startToken.formData; //luis777
+            const initialValues = this.userTask.startToken;
             const finishedFormData = msg.payload.formData;
             this.formIsFinished = !!msg.payload.formData;
             if (this.formIsFinished) {
@@ -1092,7 +1092,6 @@ export default {
                     Object.keys(initialValues)
                         .filter((key) => formFieldIds.includes(key))
                         .forEach((key) => {
-                            console.log('luis888.2', key, initialValues[key]);
                             this.formData[key] = initialValues[key];
                         });
                 }