`):u.push('
'),e.showTitle&&u.push(`
${myMdwHelper.getValueFromData(e.title,"")}
`),e.showSubTitle&&u.push(`
${myMdwHelper.getValueFromData(e.subtitle,"")}
`),u.push("
"));let m="";return e.showText&&(m=`
\n
${myMdwHelper.getValueFromData(e.html,"")}
\n
`),"Basic"===e.cardLayout?t=`
\n ${u.join("")}\n ${m}`:"BasicHeader"===e.cardLayout?t=`${u.join("")}\n
\n ${m}`:"BasicHeaderOverlay"===e.cardLayout?t=`
\n ${m}`:"Horizontal"===e.cardLayout&&(t=`
\n
\n
\n ${u.join("")}\n ${m}\n
\n
`),{card:t,style:o}}catch(t){console.error(`[Card - ${e.wid}] initialize: error:: ${t.message}, stack: ${t.stack}`)}},handler:function(e,t){try{let o=$(e),a=o.context,l=myMdwHelper.getValueFromData(t.colorBackground,"");a.style.setProperty("--materialdesign-color-card-background",l),a.style.setProperty("--materialdesign-color-card-title-section-background",myMdwHelper.getValueFromData(t.colorTitleSectionBackground,l)),a.style.setProperty("--materialdesign-color-card-text-section-background",myMdwHelper.getValueFromData(t.colorTextSectionBackground,l)),a.style.setProperty("--materialdesign-color-card-title",myMdwHelper.getValueFromData(t.colorTitle,"")),a.style.setProperty("--materialdesign-color-card-sub-title",myMdwHelper.getValueFromData(t.colorSubtitle,"")),this.backgroundImageRefresh(e,t,`url(${t.image}`,t.refreshInterval,t.refreshOnWakeUp,t.refreshOnViewChange,!1)}catch(e){console.error(`[Card - ${t.wid}] handler: error: ${e.message}, stack: ${e.stack}`)}},backgroundImageRefresh:function(e,t,o,a,l,r,i){var n;if(o&&"object"==typeof o?(n=a,a=o.refreshInterval,l=o.refreshOnWakeUp,r=o.refreshOnViewChange,i=o.refreshWithNoQuery,o=o.src):a&&"object"==typeof a&&(n=l,a=a.refreshInterval,l=a.refreshOnWakeUp,r=a.refreshOnViewChange,i=a.refreshWithNoQuery),r=!0===r||"true"===r,l=!0===l||"true"===l,i=!0===i||"true"===i,!vis.editMode&&o){var s=$(e).find(".mdc-card__media");a=parseInt(a,10)||0,r&&(n=n||vis.activeView,vis.navChangeCallbacks.push(function(e){e===n&&s.css("background-image",o+(i?"":(-1!==o.indexOf("?")?"&":"?")+"_refts="+(new Date).getTime()))})),l&&vis.onWakeUp(function(){s.css("background-image",o+(i?"":(-1!==o.indexOf("?")?"&":"?")+"_refts="+(new Date).getTime()))}),vis.states.bind(t.refresh_oid+".val",function(e,a,l){a!==l&&setTimeout(function(){s.fadeOut(myMdwHelper.getNumberFromData(t.refresh_animation_duration,250),function(){s.css("background-image",o+(i?"":(-1!==o.indexOf("?")?"&":"?")+"_refts="+(new Date).getTime())),s.fadeIn(myMdwHelper.getNumberFromData(t.refresh_animation_duration,250))})},myMdwHelper.getNumberFromData(t.refresh_oid_delay,250))})}}},vis.binds.materialdesign.chart={bar:function(e,t){try{setTimeout(function(){let o=vis.binds.materialdesign.chart.helper;o.registerChartAreaPlugin();$(e);var a=$(e).find(".materialdesign-chart-container").get(0);$(e).find(".materialdesign-chart-container").css("background-color",myMdwHelper.getValueFromData(t.backgroundColor,""));let l=myMdwHelper.getValueFromData(t.globalColor,"#44739e"),r=myMdwHelper.getValueFromData(t.colorScheme,null);if(null!==r&&(r=vis.binds.materialdesign.colorScheme.get(t.colorScheme,t.dataCount)),null!=a&&""!==a){var i=a.getContext("2d");Chart.defaults.global.defaultFontColor="#44739e",Chart.defaults.global.defaultFontSize=15,Chart.defaults.global.animation.duration=myMdwHelper.getNumberFromData(t.animationDuration,1e3),Chart.plugins.unregister(ChartDataLabels);let e=[],p=[],g=[],b=[],h=myMdwHelper.getValueFromData(t.valuesFontColor,"black"),y=[],f=0,w=null;if("jsonStringObject"===t.chartDataMethod){try{w=JSON.parse(vis.states.attr(t.oid+".val")),f=w.length-1}catch(e){console.error(`[Bar Chart - ${t.wid}] cannot parse json string! Error: ${e.message}`)}vis.states.bind(t.oid+".val",u)}else f=t.dataCount;for(var n=0;n<=f;n++){null!==r&&(l=r[n]);let a=m(n,t,w,l,h);e.push(a.value),p.push(a.label),g.push(a.dataColor),null===myMdwHelper.getValueFromData(t.hoverColor,null)?b.push(o.addOpacityToColor(a.dataColor,80)):b.push(t.hoverColor),y.push(a.valueColor),vis.states.bind(t.attr("oid"+n)+".val",u)}var s={labels:p,datasets:[Object.assign(o.getDataset(e,g,b,void 0,t.hoverBorderColor,void 0,t.hoverBorderWidth),{label:myMdwHelper.getValueFromData(t.barLabelText,""),categoryPercentage:myMdwHelper.getNumberFromData(t.barWidth,80)/100,barPercentage:myMdwHelper.getNumberFromData(t.barWidth,80)/100})]},c={responsive:!0,maintainAspectRatio:!1,layout:o.getLayout(t),legend:o.getLegend(t),chartArea:{backgroundColor:myMdwHelper.getValueFromData(t.chartAreaBackgroundColor,"")},scales:{yAxes:[o.get_Y_AxisObject(t.chartType,t.yAxisPosition,t.yAxisTitle,t.yAxisTitleColor,t.yAxisTitleFontFamily,t.yAxisTitleFontSize,t.yAxisShowAxisLabels,t.axisValueMin,t.axisValueMax,t.axisValueStepSize,t.axisMaxLabel,t.axisLabelAutoSkip,t.axisValueAppendText,t.yAxisValueLabelColor,t.yAxisValueFontFamily,t.yAxisValueFontSize,t.yAxisValueDistanceToAxis,t.yAxisGridLinesColor,t.yAxisGridLinesWitdh,t.yAxisShowAxis,t.yAxisShowGridLines,t.yAxisShowTicks,t.yAxisTickLength,t.yAxisZeroLineWidth,t.yAxisZeroLineColor,t.axisValueMinDigits,t.axisValueMaxDigits)],xAxes:[o.get_X_AxisObject(t.chartType,t.xAxisPosition,t.xAxisTitle,t.xAxisTitleColor,t.xAxisTitleFontFamily,t.xAxisTitleFontSize,t.xAxisShowAxisLabels,t.axisValueMin,t.axisValueMax,t.axisValueStepSize,t.axisMaxLabel,t.axisLabelAutoSkip,t.axisValueAppendText,t.xAxisValueLabelColor,t.xAxisValueFontFamily,t.xAxisValueFontSize,t.xAxisValueDistanceToAxis,t.xAxisGridLinesColor,t.xAxisGridLinesWitdh,t.xAxisShowAxis,t.xAxisShowGridLines,t.xAxisShowTicks,t.xAxisTickLength,t.xAxisZeroLineWidth,t.xAxisZeroLineColor,t.xAxisOffsetGridLines,t.axisValueMinDigits,t.axisValueMaxDigits,t.xAxisMinRotation,t.xAxisMaxRotation,!1,t.xAxisOffset,t.xAxisTicksSource)]},tooltips:{enabled:t.showTooltip,backgroundColor:myMdwHelper.getValueFromData(t.tooltipBackgroundColor,"black"),caretSize:myMdwHelper.getNumberFromData(t.tooltipArrowSize,5),caretPadding:myMdwHelper.getNumberFromData(t.tooltipDistanceToBar,2),cornerRadius:myMdwHelper.getNumberFromData(t.tooltipBoxRadius,4),displayColors:t.tooltipShowColorBox,xPadding:myMdwHelper.getNumberFromData(t.tooltipXpadding,10),yPadding:myMdwHelper.getNumberFromData(t.tooltipYpadding,10),titleFontColor:myMdwHelper.getValueFromData(t.tooltipTitleFontColor,"white"),titleFontFamily:myMdwHelper.getValueFromData(t.tooltipTitleFontFamily,void 0),titleFontSize:myMdwHelper.getNumberFromData(t.tooltipTitleFontSize,void 0),titleMarginBottom:myMdwHelper.getNumberFromData(t.tooltipTitleMarginBottom,6),bodyFontColor:myMdwHelper.getValueFromData(t.tooltipBodyFontColor,"white"),bodyFontFamily:myMdwHelper.getValueFromData(t.tooltipBodyFontFamily,void 0),bodyFontSize:myMdwHelper.getNumberFromData(t.tooltipBodyFontSize,void 0),callbacks:{title:function(e,o){let a=m(e[0].index,t,w,l,h);return a&&a.tooltipTitle?a.tooltipTitle.split("\\n"):null},label:function(e,o){let a=m(e.index,t,w,l,h);return a&&a.tooltipText?a.tooltipText.split("\\n"):e&&e.value?`${o.datasets[0].label}: ${myMdwHelper.formatNumber(e.value,t.tooltipValueMinDecimals,t.tooltipValueMaxDecimals)}${myMdwHelper.getValueFromData(t.tooltipBodyAppend,"")}`.split("\\n"):null}}},plugins:{datalabels:{display:"showValuesOn"===myMdwHelper.getValueFromData(t.showValues,"showValuesOn")||"showValuesOff"!==t.showValues&&"auto",anchor:t.valuesPositionAnchor,align:t.valuesPositionAlign,clamp:!0,offset:myMdwHelper.getNumberFromData(t.valuesPositionOffset,0),rotation:myMdwHelper.getNumberFromData(t.valuesRotation,void 0),formatter:function(e,o){if((e||0===e)&&o.dataIndex%myMdwHelper.getNumberFromData(t.valuesSteps,1)==0){let a=m(o.dataIndex,t,w,l,h,e);return`${a.valueText}${a.valueAppendix}`.split("\\n")}return null},font:{family:myMdwHelper.getValueFromData(t.valuesFontFamily,void 0),size:myMdwHelper.getNumberFromData(t.valuesFontSize,void 0)},color:y,textAlign:t.valuesTextAlign}}};t.disableHoverEffects&&(c.hover={mode:null});var d=new Chart(i,{type:"vertical"===t.chartType?"bar":"horizontalBar",data:s,options:c,plugins:[ChartDataLabels]});function u(e,a,i){if("inputPerEditor"===t.chartDataMethod){let o=e.type.substr(0,e.type.lastIndexOf("."));for(var n=0;n<=t.dataCount;n++)if(o===t.attr("oid"+n)){let e=n;d.data.datasets[0].data[e]=a,d.update()}}else try{let e=JSON.parse(a);for(n=0;n<=e.length-1;n++){null!==r&&(l=r[n]);let a=m(n,t,e,l,h);d.data.datasets[0].data[n]=a.value,d.data.datasets[0].backgroundColor[n]=a.dataColor,d.data.labels[n]=a.label,null===myMdwHelper.getValueFromData(t.hoverColor,null)?d.data.datasets[0].hoverBackgroundColor[n]=o.addOpacityToColor(a.dataColor,80):d.data.datasets[0].hoverBackgroundColor[n]=t.hoverColor,d.options.plugins.datalabels.color[n]=a.valueColor,d.options.plugins.datalabels.formatter=function(o,a){if(o){let r=m(a.dataIndex,t,e,l,h,o);return`${r.valueText}${r.valueAppendix}`.split("\\n")}return""}}d.update()}catch(e){console.error(`[Bar Chart - ${t.wid}] onChange: cannot parse json string! Error: ${e.message}`)}}function m(e,t,o,a,l,r=0){return"inputPerEditor"===t.chartDataMethod?{label:myMdwHelper.getValueFromData(t.attr("label"+e),""),value:vis.states.attr(t.attr("oid"+e)+".val"),dataColor:myMdwHelper.getValueFromData(t.attr("dataColor"+e),a),valueText:myMdwHelper.getValueFromData(t.attr("valueText"+e),`${myMdwHelper.formatNumber(parseFloat(r),t.valuesMinDecimals,t.valuesMaxDecimals)}${myMdwHelper.getValueFromData(t.valuesAppendText,"")}`),valueColor:myMdwHelper.getValueFromData(t.attr("valueTextColor"+e),l),valueAppendix:myMdwHelper.getValueFromData(t.attr("labelValueAppend"+e),""),tooltipTitle:myMdwHelper.getValueFromData(t.attr("tooltipTitle"+e),void 0),tooltipText:myMdwHelper.getValueFromData(t.attr("tooltipText"+e),void 0)}:{label:myMdwHelper.getValueFromData(o[e].label,""),value:o[e].value,dataColor:myMdwHelper.getValueFromData(o[e].dataColor,a),valueText:myMdwHelper.getValueFromData(o[e].valueText,`${myMdwHelper.formatNumber(parseFloat(r),t.valuesMinDecimals,t.valuesMaxDecimals)}${myMdwHelper.getValueFromData(t.valuesAppendText,"")}`),valueColor:myMdwHelper.getValueFromData(o[e].valueColor,l),valueAppendix:myMdwHelper.getValueFromData(o[e].valueAppendix,""),tooltipTitle:myMdwHelper.getValueFromData(o[e].tooltipTitle,void 0),tooltipText:myMdwHelper.getValueFromData(o[e].tooltipText,void 0)}}}},1)}catch(e){console.error(`[Bar Chart - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},lineHistory:function(e,t){try{let o=myMdwHelper.getBooleanFromData(t.mdwDebug,!1);o&&console.log(`[Line History Chart ${t.wid}] widget setting: ${JSON.stringify(t)}`),setTimeout(function(){function a(e,a,n){try{e&&e.type&&!e.type.includes(t.manualRefreshTrigger)&&!e.type.includes(t.time_interval_oid)&&(o&&console.log(`[Line History Chart ${t.wid}] ************************************************************** onChange - Data changed **************************************************************`),o&&console.log(`[Line History Chart ${t.wid}] data changed for '${e.type}'`));let d=!0;if(e&&e.type&&e.type.includes(t.manualRefreshTrigger)&&(moment(a).diff(moment(n))<2e3?(o&&console.log(`[Line History Chart ${t.wid}] trigger '${e.type}' - you have to wait 2 seconds until next refresh!: ${moment(a).diff(moment(n))} ms`),d=!1):(o&&console.log(`[Line History Chart ${t.wid}] ************************************************************** onChange - OID Refresh Trigger **************************************************************`),o&&console.log(`[Line History Chart ${t.wid}] time diff since last refresh from '${e.type}': ${moment(a).diff(moment(n))} ms`))),r&&d){c.show();let a=t.timeIntervalToShow;if(u=(new Date).getTime()-l.intervals[a],null!==myMdwHelper.getValueFromData(t.time_interval_oid,null)){let r=vis.states.attr(t.time_interval_oid+".val");e&&e.type&&e.type.includes(t.time_interval_oid)&&(o&&console.log(`[Line History Chart ${t.wid}] ************************************************************** onChange - OID TimeInterval **************************************************************`),o&&console.log(`[Line History Chart ${t.wid}] time interval changed by '${t.time_interval_oid}' to: ${r}`)),"string"==typeof r&&void 0!==l.intervals[r]?(u=(new Date).getTime()-l.intervals[r],a=vis.states.attr(t.time_interval_oid+".val")):u=r}let n=[];for(var s=0;s<=t.dataCount;s++)null!==myMdwHelper.getValueFromData(t.attr("oid"+s),null)&&n.push(l.getTaskForHistoryData(s,t,u,o));Promise.all(n).then(e=>{o&&console.log(`[Line History Chart ${t.wid}] promise all datasets - count: ${e.length}`),i=[];for(var a=0;a<=e.length-1;a++){let n=l.getPreparedData(e[a],t,a,o);r.data.datasets[a].data=n,e[a].error&&i.push(`[${a}] ${e[a].error}`)}i.length>0?r.options.title={display:!0,text:`Error: ${i.join(", ")}`,fontColor:"red"}:r.options.title={display:!1},o&&console.log(`[Line History Chart ${t.wid}] chart updating...`),r.update(),c.hide(),o&&console.log(`[Line History Chart ${t.wid}] chart successful updated`)})}}catch(e){console.error(`[Line History Chart - ${t.wid}] onChange error: ${e.message}, stack: ${e.stack}`)}}let l=vis.binds.materialdesign.chart.helper;var r;l.registerChartAreaPlugin();let i=[],n=$(e);var s=n.find(".materialdesign-chart-container").get(0),c=n.find(".material-progress-circular-container");c.show();let d=t.timeIntervalToShow,u=(new Date).getTime()-l.intervals[d];if(null!==myMdwHelper.getValueFromData(t.time_interval_oid,null)){let e=vis.states.attr(t.time_interval_oid+".val");"string"==typeof e&&void 0!==l.intervals[e]?(u=(new Date).getTime()-l.intervals[e],d=vis.states.attr(t.time_interval_oid+".val")):u=e,vis.states.bind(t.time_interval_oid+".val",a)}n.find(".materialdesign-chart-container").css("background-color",myMdwHelper.getValueFromData(t.backgroundColor,""));let m=myMdwHelper.getValueFromData(t.globalColor,"#44739e"),p=myMdwHelper.getValueFromData(t.colorScheme,null);if(null!==p&&(p=vis.binds.materialdesign.colorScheme.get(t.colorScheme,t.dataCount)),null!==myMdwHelper.getValueFromData(t.manualRefreshTrigger,null)&&vis.states.bind(t.manualRefreshTrigger+".ts",a),"timeInterval"===t.refreshMethod&&setInterval(function(){o&&console.log(`[Line History Chart ${t.wid}] ************************************************************** onChange - TimeInterval by Editor **************************************************************`),a()},l.intervals[t.refreshTimeInterval]),null!=s&&""!==s){var g=s.getContext("2d");if(Chart.defaults.global.defaultFontColor="#44739e",Chart.defaults.global.defaultFontSize=15,Chart.defaults.global.animation.duration=myMdwHelper.getNumberFromData(t.animationDuration,1e3),Chart.plugins.unregister(ChartDataLabels),null!==myMdwHelper.getValueFromData(t.historyAdapterInstance,null)){let e=[];for(var b=0;b<=t.dataCount;b++)null!==myMdwHelper.getValueFromData(t.attr("oid"+b),null)&&(e.push(l.getTaskForHistoryData(b,t,u,o)),"realtime"===t.refreshMethod&&vis.states.bind(t.attr("oid"+b)+".val",a));Promise.all(e).then(e=>{o&&console.log(`[Line History Chart ${t.wid}] promise all datasets - count: ${e.length}`);let a=[],n=[];i=[];for(var s=0;s<=e.length-1;s++){let r=l.getPreparedData(e[s],t,s,o);o&&console.log(`[Line History Chart ${t.wid}] prepare dataset for '${e[s].id}'`),e[s].error&&i.push(`[${s}] ${e[s].error}`),a.push({data:r,lineTension:myMdwHelper.getNumberFromData(t.attr("lineTension"+s),.4),borderWidth:myMdwHelper.getNumberFromData(t.attr("lineThikness"+s),2),steppedLine:myMdwHelper.getBooleanFromData(t.attr("steppedLine"+s),!1),label:myMdwHelper.getValueFromData(t.attr("legendText"+s),""),borderColor:myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m),pointBackgroundColor:myMdwHelper.getValueFromData(t.attr("pointColor"+s),myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m)),pointBorderColor:myMdwHelper.getValueFromData(t.attr("pointColor"+s),myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m)),fill:myMdwHelper.getBooleanFromData(t.attr("useFillColor"+s),!1),backgroundColor:myMdwHelper.getValueFromData(t.attr("fillColor"+s),l.addOpacityToColor(myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m),10)),pointRadius:myMdwHelper.getNumberFromData(t.pointSize,3),pointHoverRadius:myMdwHelper.getNumberFromData(t.pointSizeHover,4),pointStyle:myMdwHelper.getValueFromData(t.pointStyle,"circle"),pointHoverBackgroundColor:myMdwHelper.getValueFromData(t.attr("pointHoverColor"+s),myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m)),pointHoverBorderColor:myMdwHelper.getValueFromData(t.attr("pointHoverColor"+s),myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m)),yAxisID:"yAxis_id_"+myMdwHelper.getNumberFromData(t.attr("commonYAxis"+s),s),spanGaps:t.attr("lineSpanGaps"+s),datalabels:{display:"showValuesOn"===myMdwHelper.getValueFromData(t.attr("showValues"+s),"showValuesOn")||"showValuesOff"!==t.attr("showValues"+s)&&"auto",anchor:t.attr("valuesPositionAnchor"+s),align:t.attr("valuesPositionAlign"+s),offset:myMdwHelper.getNumberFromData(t.attr("valuesPositionOffset"+s),0),clamp:!0,rotation:myMdwHelper.getNumberFromData(t.attr("valuesRotation"+s),void 0),formatter:function(e,o){return!e.y&&0!==e.y||o.dataIndex%myMdwHelper.getNumberFromData(t.attr("valuesSteps"+o.datasetIndex),1)!=0?null:`${myMdwHelper.formatNumber(e.y,t.attr("valuesMinDecimals"+o.datasetIndex),t.attr("valuesMaxDecimals"+o.datasetIndex))}${myMdwHelper.getValueFromData(t.attr("valuesAppendText"+o.datasetIndex),"")}`.split("\\n")},font:{family:myMdwHelper.getValueFromData(t.attr("valuesFontFamily"+s),void 0),size:myMdwHelper.getNumberFromData(t.attr("valuesFontSize"+s),void 0)},color:myMdwHelper.getValueFromData(t.attr("valuesFontColor"+s),myMdwHelper.getValueFromData(t.attr("dataColor"+s),p?myMdwHelper.getValueFromData(p[s],m):m)),textAlign:t.attr("valuesTextAlign"+s)}}),o&&console.log(`[Line History Chart ${t.wid}] prepare yAxis for '${e[s].id}'`),n.push({id:"yAxis_id_"+s,type:"linear",position:t.attr("yAxisPosition"+s),display:myMdwHelper.getNumberFromData(t.attr("commonYAxis"+s),s)===s&&t.attr("showYAxis"+s),scaleLabel:{display:null!==myMdwHelper.getValueFromData(t.attr("yAxisTitle"+s),null),labelString:myMdwHelper.getValueFromData(t.attr("yAxisTitle"+s),""),fontColor:myMdwHelper.getValueFromData(t.yAxisTitleColor,void 0),fontFamily:myMdwHelper.getValueFromData(t.yAxisTitleFontFamily,void 0),fontSize:myMdwHelper.getNumberFromData(t.yAxisTitleFontSize,void 0)},ticks:{min:myMdwHelper.getNumberFromData(t.attr("yAxisMinValue"+s),void 0),max:myMdwHelper.getNumberFromData(t.attr("yAxisMaxValue"+s),void 0),stepSize:myMdwHelper.getNumberFromData(t.attr("yAxisStep"+s),void 0),autoSkip:!0,maxTicksLimit:myMdwHelper.getNumberFromData(t.attr("yAxisMaxLabel"+s),void 0),fontColor:myMdwHelper.getValueFromData(t.attr("yAxisValueColor"+s),myMdwHelper.getValueFromData(t.yAxisValueLabelColor,void 0)),fontFamily:myMdwHelper.getValueFromData(t.yAxisValueFontFamily,void 0),fontSize:myMdwHelper.getNumberFromData(t.yAxisValueFontSize,void 0),padding:myMdwHelper.getNumberFromData(t.yAxisValueDistanceToAxis,0),callback:function(e,o,a){let l=this.id.replace("yAxis_id_","");return`${myMdwHelper.formatNumber(e,t.attr("yAxisValueMinDigits"+l),t.attr("yAxisValueMaxDigits"+l))}${myMdwHelper.getValueFromData(t.attr("yAxisValueAppendText"+l),"")}`.split("\\n")},source:myMdwHelper.getValueFromData(t.xAxisTicksSource,"auto")},gridLines:{display:!0,color:myMdwHelper.getValueFromData(t.attr("yAxisGridLinesColor"+s),"black"),lineWidth:myMdwHelper.getNumberFromData(t.attr("yAxisGridLinesWitdh"+s),.1),drawBorder:t.attr("yAxisShowAxisBorder"+s),drawOnChartArea:t.attr("yAxisShowGridLines"+s),drawTicks:t.attr("yAxisShowTicks"+s),tickMarkLength:myMdwHelper.getNumberFromData(t.attr("yAxisTickLength"+s),5),zeroLineWidth:myMdwHelper.getNumberFromData(t.attr("yAxisZeroLineWidth"+s),1),zeroLineColor:myMdwHelper.getValueFromData(t.attr("yAxisZeroLineColor"+s),"rgba(0, 0, 0, 0.25)")}})}var d={datasets:a};let u=l.defaultTimeFormats();try{u=JSON.parse(t.xAxisTimeFormats)}catch(e){var b=vis.states.attr(t.xAxisTimeFormats.replace("{","").replace("}","")+".val");if(b&&null!==b&&"null"!==b)try{u=JSON.parse(b)}catch(e){console.error(`[Line History Chart - ${t.wid}] parsing Binding for xaxis time format failed! error in json syntax: ${e.message}`)}else console.error(`[Line History Chart - ${t.wid}] xaxis time format parsing failed! error in json syntax: ${e.message}`)}o&&console.log(`[Line History Chart - ${t.wid}] prepare chart options`);var h={responsive:!0,maintainAspectRatio:!1,layout:l.getLayout(t),chartArea:{backgroundColor:myMdwHelper.getValueFromData(t.chartAreaBackgroundColor,"")},hover:{mode:"nearest"},legend:Object.assign(l.getLegend(t),l.getLegendClickEvent(n)),scales:{xAxes:[{type:"time",bounds:"axisTicks"===myMdwHelper.getValueFromData(t.xAxisBounds,"")?"ticks":"data",time:{displayFormats:u,tooltipFormat:"ll"},position:t.xAxisPosition,scaleLabel:{display:null!==myMdwHelper.getValueFromData(t.xAxisTitle,null),labelString:myMdwHelper.getValueFromData(t.xAxisTitle,""),fontColor:myMdwHelper.getValueFromData(t.xAxisTitleColor,void 0),fontFamily:myMdwHelper.getValueFromData(t.xAxisTitleFontFamily,void 0),fontSize:myMdwHelper.getNumberFromData(t.xAxisTitleFontSize,void 0)},ticks:{display:myMdwHelper.getBooleanFromData(t.xAxisShowAxisLabels,!0),autoSkip:!0,autoSkipPadding:10,maxTicksLimit:myMdwHelper.getNumberFromData(t.xAxisMaxLabel,void 0),minRotation:parseInt(myMdwHelper.getNumberFromData(t.xAxisMinRotation,0)),maxRotation:parseInt(myMdwHelper.getNumberFromData(t.xAxisMaxRotation,0)),callback:function(e,o,a){return`${e}${myMdwHelper.getValueFromData(t.axisValueAppendText,"")}`.split("\\n")},fontColor:myMdwHelper.getValueFromData(t.xAxisValueLabelColor,void 0),fontFamily:myMdwHelper.getValueFromData(t.xAxisValueFontFamily,void 0),fontSize:myMdwHelper.getNumberFromData(t.xAxisValueFontSize,void 0),padding:myMdwHelper.getNumberFromData(t.xAxisValueDistanceToAxis,0)},gridLines:{display:!0,color:myMdwHelper.getValueFromData(t.xAxisGridLinesColor,"black"),lineWidth:myMdwHelper.getNumberFromData(t.xAxisGridLinesWitdh,.1),drawBorder:t.xAxisShowAxis,drawOnChartArea:t.xAxisShowGridLines,drawTicks:t.xAxisShowTicks,tickMarkLength:myMdwHelper.getNumberFromData(t.xAxisTickLength,5),zeroLineWidth:myMdwHelper.getNumberFromData(t.xAxisZeroLineWidth,1),zeroLineColor:myMdwHelper.getValueFromData(t.xAxisZeroLineColor,"rgba(0, 0, 0, 0.25)"),offsetGridLines:myMdwHelper.getBooleanFromData(t.xAxisOffsetGridLines,!1)}}],yAxes:n},tooltips:{mode:"nearest",enabled:t.showTooltip,backgroundColor:myMdwHelper.getValueFromData(t.tooltipBackgroundColor,"black"),caretSize:myMdwHelper.getNumberFromData(t.tooltipArrowSize,5),caretPadding:myMdwHelper.getNumberFromData(t.tooltipDistanceToBar,2),cornerRadius:myMdwHelper.getNumberFromData(t.tooltipBoxRadius,4),displayColors:t.tooltipShowColorBox,xPadding:myMdwHelper.getNumberFromData(t.tooltipXpadding,10),yPadding:myMdwHelper.getNumberFromData(t.tooltipYpadding,10),titleFontColor:myMdwHelper.getValueFromData(t.tooltipTitleFontColor,"white"),titleFontFamily:myMdwHelper.getValueFromData(t.tooltipTitleFontFamily,void 0),titleFontSize:myMdwHelper.getNumberFromData(t.tooltipTitleFontSize,void 0),titleMarginBottom:myMdwHelper.getNumberFromData(t.tooltipTitleMarginBottom,6),bodyFontColor:myMdwHelper.getValueFromData(t.tooltipBodyFontColor,"white"),bodyFontFamily:myMdwHelper.getValueFromData(t.tooltipBodyFontFamily,void 0),bodyFontSize:myMdwHelper.getNumberFromData(t.tooltipBodyFontSize,void 0),callbacks:{title:function(e,o){let a=e[0].datasetIndex,r=e[0].index,i=Object.keys(o.datasets[a]._meta)[0],n=o.datasets[a]._meta[i].controller._xScale._unit,s=moment(o.datasets[a].data[r].t),c=null!==myMdwHelper.getValueFromData(t.tooltipTimeFormats,null)?JSON.parse(t.tooltipTimeFormats):l.defaultToolTipTimeFormats();return s.format(c[n])},label:function(e,o){return e&&e.value?`${o.datasets[e.datasetIndex].label}: ${myMdwHelper.formatNumber(e.value,t.tooltipValueMinDecimals,t.tooltipValueMaxDecimals)}${myMdwHelper.getValueFromData(t.tooltipBodyAppend,"")}`.split("\\n"):""},labelColor:function(e,t){let o=t.config.data.datasets[e.datasetIndex].borderColor;return{borderColor:o,backgroundColor:o}}}}};t.disableHoverEffects&&(h.hover={mode:null}),o&&console.log(`[Line History Chart ${t.wid}] chart creating...`),
i.length>0&&(h.title={display:!0,text:`Error: ${i.join(", ")}`,fontColor:"red"}),r=new Chart(g,{type:"line",data:d,options:h,plugins:[ChartDataLabels]}),c.hide(),o&&console.log(`[Line History Chart ${t.wid}] chart successful created`)})}}},1)}catch(e){console.error(`[Line History Chart - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},pie:function(e,t){try{setTimeout(function(){let o=vis.binds.materialdesign.chart.helper;o.registerChartAreaPlugin();$(e);var a=$(e).find(".materialdesign-chart-container").get(0);$(e).find(".materialdesign-chart-container").css("background-color",myMdwHelper.getValueFromData(t.backgroundColor,""));let l=myMdwHelper.getValueFromData(t.globalColor,"#44739e"),r=myMdwHelper.getValueFromData(t.colorScheme,null);if(null!==r&&(r=vis.binds.materialdesign.colorScheme.get(t.colorScheme,t.dataCount)),null!=a&&""!==a){var i=a.getContext("2d");Chart.defaults.global.defaultFontColor="#44739e",Chart.defaults.global.defaultFontSize=15,Chart.defaults.global.animation.duration=myMdwHelper.getNumberFromData(t.animationDuration,1e3),Chart.plugins.unregister(ChartDataLabels);var n=new Chart(i,{type:"pie"===t.chartType?"pie":"doughnut",plugins:t.showValues?[ChartDataLabels]:void 0});let p=[],g=[],b=[],h=[],y=myMdwHelper.getValueFromData(t.valuesFontColor,"black"),f=[],w=0,v=null;if("jsonStringObject"===t.chartDataMethod){try{v=JSON.parse(vis.states.attr(t.oid+".val")),w=v.length-1}catch(e){n.options.title={display:!0,text:`${_("Error in JSON string")}
${e.message}`.split("
"),fontColor:"red"},n.update(),console.error(`[Pie Chart - ${t.wid}] cannot parse json string! Error: ${e.message}`)}vis.states.bind(t.oid+".val",u)}else w=t.dataCount;for(var s=0;s<=w;s++){null!==r&&(l=r[s]);let e=m(s,t,v,l,y);p.push(e.value),g.push(e.label),b.push(e.dataColor),null===myMdwHelper.getValueFromData(t.hoverColor,null)?h.push(o.addOpacityToColor(e.dataColor,80)):h.push(t.hoverColor),f.push(e.valueColor),vis.states.bind(t.attr("oid"+s)+".val",u)}var c={labels:g,datasets:[Object.assign(o.getDataset(p,b,h,t.borderColor,t.hoverBorderColor,t.borderWidth,t.hoverBorderWidth),{borderAlign:"inner"})]},d={responsive:!0,maintainAspectRatio:!1,layout:o.getLayout(t),legend:o.getLegend(t),onResize:function(o,a){let l=$(e).parent().attr("id");vis.editMode||(l.includes("visview_")?(l=l.replace("visview_",""),vis.reRenderWidget(l,l,t.wid)):(console.error(`[Pie Chart - ${t.wid}] parent view not contains 'visview_'`),console.error($(e).parent())))},cutoutPercentage:"doughnut"===t.chartType?myMdwHelper.getNumberFromData(t.doughnutCutOut,50):0,chartArea:{backgroundColor:myMdwHelper.getValueFromData(t.chartAreaBackgroundColor,"")},tooltips:{enabled:t.showTooltip,backgroundColor:myMdwHelper.getValueFromData(t.tooltipBackgroundColor,"black"),caretSize:myMdwHelper.getNumberFromData(t.tooltipArrowSize,5),caretPadding:myMdwHelper.getNumberFromData(t.tooltipDistanceToBar,2),cornerRadius:myMdwHelper.getNumberFromData(t.tooltipBoxRadius,4),displayColors:t.tooltipShowColorBox,xPadding:myMdwHelper.getNumberFromData(t.tooltipXpadding,10),yPadding:myMdwHelper.getNumberFromData(t.tooltipYpadding,10),titleFontColor:myMdwHelper.getValueFromData(t.tooltipTitleFontColor,"white"),titleFontFamily:myMdwHelper.getValueFromData(t.tooltipTitleFontFamily,void 0),titleFontSize:myMdwHelper.getNumberFromData(t.tooltipTitleFontSize,void 0),titleMarginBottom:myMdwHelper.getNumberFromData(t.tooltipTitleMarginBottom,6),bodyFontColor:myMdwHelper.getValueFromData(t.tooltipBodyFontColor,"white"),bodyFontFamily:myMdwHelper.getValueFromData(t.tooltipBodyFontFamily,void 0),bodyFontSize:myMdwHelper.getNumberFromData(t.tooltipBodyFontSize,void 0),callbacks:{title:function(e,o){let a=m(e[0].index,t,v,l,y);return a&&a.tooltipTitle?a.tooltipTitle.split("\\n"):null},label:function(e,o){let a=m(e.index,t,v,l,y);return a&&a.tooltipText?a.tooltipText.split("\\n"):e?`${g[e.index]}: ${myMdwHelper.formatNumber(o.datasets[0].data[e.index],t.tooltipValueMinDecimals,t.tooltipValueMaxDecimals)}${myMdwHelper.getValueFromData(t.tooltipBodyAppend,"")}`.split("\\n"):null}}},plugins:{datalabels:{display:"showValuesOn"===myMdwHelper.getValueFromData(t.showValues,"showValuesOn")||"showValuesOff"!==t.showValues&&"auto",anchor:t.valuesPositionAnchor,align:t.valuesPositionAlign,clamp:!0,offset:myMdwHelper.getNumberFromData(t.valuesPositionOffset,0),rotation:myMdwHelper.getNumberFromData(t.valuesRotation,void 0),formatter:function(e,o){if((e||0===e)&&o.dataIndex%myMdwHelper.getNumberFromData(t.valuesSteps,1)==0){let a=m(o.dataIndex,t,v,l,y,e);return`${a.valueText}${a.valueAppendix}`.split("\\n")}return null},font:{family:myMdwHelper.getValueFromData(t.valuesFontFamily,void 0),size:myMdwHelper.getNumberFromData(t.valuesFontSize,void 0)},color:f,textAlign:t.valuesTextAlign}}};function u(e,a,i){if("inputPerEditor"===t.chartDataMethod){let o=e.type.substr(0,e.type.lastIndexOf("."));for(var s=0;s<=t.dataCount;s++)if(o===t.attr("oid"+s)){let e=s;n.data.datasets[0].data[e]=a,n.update()}}else try{let e=JSON.parse(a);for(s=0;s<=e.length-1;s++){null!==r&&(l=r[s]);let a=m(s,t,e,l,y);n.data.datasets[0].data[s]=a.value,n.data.datasets[0].backgroundColor[s]=a.dataColor,n.data.labels[s]=a.label,null===myMdwHelper.getValueFromData(t.hoverColor,null)?n.data.datasets[0].hoverBackgroundColor[s]=o.addOpacityToColor(a.dataColor,80):n.data.datasets[0].hoverBackgroundColor[s]=t.hoverColor,n.options.plugins.datalabels.color[s]=a.valueColor,n.options.plugins.datalabels.formatter=function(o,a){if(o){let r=m(a.dataIndex,t,e,l,y,o);return`${r.valueText}${r.valueAppendix}`.split("\\n")}return""}}n.update()}catch(e){n.options.title={display:!0,text:`${_("Error in JSON string")}
${e.message}`.split("
"),fontColor:"red"},n.update(),console.error(`[Pie Chart - ${t.wid}] onChange: cannot parse json string! Error: ${e.message}`)}}function m(e,t,o,a,l,r=0){return"inputPerEditor"===t.chartDataMethod?{label:myMdwHelper.getValueFromData(t.attr("label"+e),""),value:vis.states.attr(t.attr("oid"+e)+".val"),dataColor:myMdwHelper.getValueFromData(t.attr("dataColor"+e),a),valueText:myMdwHelper.getValueFromData(t.attr("valueText"+e),`${myMdwHelper.formatNumber(parseFloat(r),t.valuesMinDecimals,t.valuesMaxDecimals)}${myMdwHelper.getValueFromData(t.valuesAppendText,"")}`),valueColor:myMdwHelper.getValueFromData(t.attr("valueTextColor"+e),l),valueAppendix:myMdwHelper.getValueFromData(t.attr("labelValueAppend"+e),""),tooltipTitle:myMdwHelper.getValueFromData(t.attr("tooltipTitle"+e),void 0),tooltipText:myMdwHelper.getValueFromData(t.attr("tooltipText"+e),void 0)}:{label:myMdwHelper.getValueFromData(o[e].label,""),value:o[e].value,dataColor:myMdwHelper.getValueFromData(o[e].dataColor,a),valueText:myMdwHelper.getValueFromData(o[e].valueText,`${myMdwHelper.formatNumber(parseFloat(r),t.valuesMinDecimals,t.valuesMaxDecimals)}${myMdwHelper.getValueFromData(t.valuesAppendText,"")}`),valueColor:myMdwHelper.getValueFromData(o[e].valueColor,l),valueAppendix:myMdwHelper.getValueFromData(o[e].valueAppendix,""),tooltipTitle:myMdwHelper.getValueFromData(o[e].tooltipTitle,void 0),tooltipText:myMdwHelper.getValueFromData(o[e].tooltipText,void 0)}}t.disableHoverEffects&&(d.hover={mode:null}),n=new Chart(i,{type:"pie"===t.chartType?"pie":"doughnut",data:c,options:d,plugins:[ChartDataLabels]}),n.update()}},1)}catch(e){console.error(`[Pie Chart - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},json:function(e,t){try{let o=myMdwHelper.getBooleanFromData(t.mdwDebug,!1);o&&console.log(`[JSON Chart ${t.wid}] widget setting: ${JSON.stringify(t)}`),setTimeout(function(){let a=vis.binds.materialdesign.chart.helper;a.registerChartAreaPlugin();let l=$(e);var r=l.find(".materialdesign-chart-container").get(0),i=l.find(".material-progress-circular-container");if(i.show(),l.find(".materialdesign-chart-container").css("background-color",myMdwHelper.getValueFromData(t.backgroundColor,"")),null!=r&&""!==r){var n=r.getContext("2d"),s=new Chart(n,{type:myMdwHelper.getValueFromData(t.chartType,"bar"),plugins:[ChartDataLabels,a.getMyGradientPlugin(t)]});if(Chart.defaults.global.defaultFontColor="#44739e",Chart.defaults.global.defaultFontSize=15,Chart.defaults.global.animation.duration=myMdwHelper.getNumberFromData(t.animationDuration,1e3),Chart.plugins.unregister(ChartDataLabels),vis.states.attr(t.oid+".val")&&"null"!==vis.states.attr(t.oid+".val")){let e=c(vis.states.attr(t.oid+".val"));o&&console.log(`[JSON Chart ${t.wid}] mydata: ${JSON.stringify(e)}`),s.type=myMdwHelper.getValueFromData(t.chartType,"bar"),s.data.labels=e.labels,s.data.datasets=e.datasets,s.options=e.options,s.update(),i.hide(),vis.states.bind(t.oid+".val",d)}else s.options.title={display:!0,text:`${_("datapoint '{0}' not exist!").replace("{0}",t.oid)}`,fontColor:"red"},s.update(),i.hide(),console.error(`[JSON Chart - ${t.wid}] ${_("datapoint '{0}' not exist!").replace("{0}",t.oid)}`);function c(e){let l=[],r=[],i=[],n={},s=[],c={},d=myMdwHelper.getValueFromData(t.globalColor,"#44739e"),u=void 0;try{u=JSON.parse(e),o&&console.log(`[JSON Chart ${t.wid}] json: ${JSON.stringify(u)}`)}catch(e){return c={title:{display:!0,text:`${_("Error in JSON string")}
${e.message}`.split("
"),fontColor:"red"}},console.error(`[JSON Chart - ${t.wid}] cannot parse json string! Error: ${e.message}`),{labels:[],datasets:[],options:c}}if(u&&Object.keys(u).length>0){s=u.axisLabels?u.axisLabels:[];let e=myMdwHelper.getValueFromData(t.colorScheme,null);if(null!==e&&(e=vis.binds.materialdesign.colorScheme.get(t.colorScheme,t.dataCount)),u&&u.graphs)for(const s of Object.keys(u.graphs)){let c=u.graphs[s],m=!1;if(o&&console.log(`[JSON Chart ${t.wid}] graph[${s}]: ${JSON.stringify(c)}`),c){let p=myMdwHelper.getValueFromData(c.color,e?myMdwHelper.getValueFromData(e[s],d):d),g=a.addOpacityToColor(p,20);null!==myMdwHelper.getValueFromData(c.line_FillColor,null)&&(g=chroma(c.line_FillColor).css());let b=a.addOpacityToColor(p,80);if(null!==myMdwHelper.getValueFromData(c.barColorHover,null)&&(b=c.barColorHover),c.data&&c.data.length>0&&"object"==typeof c.data[0]&&(m=!0,o&&console.log(`[JSON Chart ${t.wid}] graph[${s}].data is data object -> using time axis`)),c.data){o&&console.log(`[JSON Chart ${t.wid}] graph[${s}].data length: ${c.data.length}`);let e={data:m?c.data:c.data.map(Number,null),label:myMdwHelper.getValueFromData(c.legendText,""),type:c.type,order:myMdwHelper.getNumberFromData(c.displayOrder,s),yAxisID:`yAxis_id_${myMdwHelper.getNumberFromData(c.yAxis_id,s)}`,datalabels:{display:c.datalabel_show&&"auto"===c.datalabel_show.toString()?"auto":!1!==myMdwHelper.getBooleanFromData(c.datalabel_show,!0),anchor:myMdwHelper.getValueFromData(c.datalabel_anchor,"end"),align:myMdwHelper.getValueFromData(c.datalabel_align,"top"),textAlign:myMdwHelper.getValueFromData(c.datalabel_text_align,"center"),offset:myMdwHelper.getNumberFromData(c.datalabel_offset,0),clamp:!0,rotation:myMdwHelper.getNumberFromData(c.datalabel_rotation,void 0),formatter:function(e,t){if(m){if((e.y||0===e.y)&&t.dataIndex%myMdwHelper.getNumberFromData(c.datalabel_steps,1)==0)return`${myMdwHelper.formatNumber(e.y,c.datalabel_minDigits,c.datalabel_maxDigits)}${myMdwHelper.getValueFromData(c.datalabel_append,"")}`.split("\\n")}else if((e||0===e)&&t.dataIndex%myMdwHelper.getNumberFromData(c.datalabel_steps,1)==0)return`${myMdwHelper.formatNumber(e,c.datalabel_minDigits,c.datalabel_maxDigits)}${myMdwHelper.getValueFromData(c.datalabel_append,"")}`.split("\\n");return null},font:{family:myMdwHelper.getValueFromData(c.datalabel_fontFamily,void 0),size:myMdwHelper.getNumberFromData(c.datalabel_fontSize,void 0)},color:myMdwHelper.getValueFromData(c.datalabel_color,p),backgroundColor:myMdwHelper.getValueFromData(c.datalabel_backgroundColor,void 0),borderColor:myMdwHelper.getValueFromData(c.datalabel_borderColor,void 0),borderWidth:myMdwHelper.getNumberFromData(c.datalabel_borderWidth,0),borderRadius:myMdwHelper.getNumberFromData(c.datalabel_borderRadius,0)},myGradientColors:{useGradientColor:myMdwHelper.getBooleanFromData(c.use_gradient_color,!1),gradientColors:myMdwHelper.getBooleanFromData(c.use_gradient_color,!1)?myMdwHelper.getValueFromData(c.gradient_color,void 0):p,useGradientFillColor:myMdwHelper.getBooleanFromData(c.use_line_gradient_fill_color,!1),gradientFillColors:myMdwHelper.getBooleanFromData(c.use_line_gradient_fill_color,!1)?myMdwHelper.getValueFromData(c.line_gradient_fill_color,void 0):"line"===c.type?g:b}};if(c.type&&"line"===c.type){let t=myMdwHelper.getValueFromData(c.line_FillBetweenLines,void 0);Object.assign(e,{borderColor:p,steppedLine:myMdwHelper.getBooleanFromData(c.line_steppedLine,!1),pointStyle:myMdwHelper.getValueFromData(c.line_pointStyle,"circle"),pointRadius:myMdwHelper.getNumberFromData(c.line_pointSize,3),pointHoverRadius:myMdwHelper.getNumberFromData(c.line_pointSizeHover,4),pointBackgroundColor:myMdwHelper.getValueFromData(c.line_PointColor,p),pointBorderColor:myMdwHelper.getValueFromData(c.line_PointColorBorder,myMdwHelper.getValueFromData(c.line_PointColor,p)),pointHoverBackgroundColor:myMdwHelper.getValueFromData(c.line_PointColorHover,p),pointHoverBorderColor:myMdwHelper.getValueFromData(c.line_PointColorBorderHover,myMdwHelper.getValueFromData(c.line_PointColorHover,p)),spanGaps:myMdwHelper.getBooleanFromData(c.line_spanGaps,!0),lineTension:myMdwHelper.getNumberFromData(c.line_Tension,.4),borderWidth:myMdwHelper.getNumberFromData(c.line_Thickness,2),fill:t||(myMdwHelper.getBooleanFromData(c.line_UseFillColor,!1)||myMdwHelper.getBooleanFromData(c.use_line_gradient_fill_color,!1)),backgroundColor:g})}else Object.assign(e,{backgroundColor:p,hoverBackgroundColor:b,borderColor:myMdwHelper.getValueFromData(c.barBorderColor,"white"),borderWidth:myMdwHelper.getNumberFromData(c.barBorderWidth,void 0),hoverBorderColor:myMdwHelper.getValueFromData(c.barBorderColorHover,void 0),hoverBorderWidth:myMdwHelper.getNumberFromData(c.barBorderWidthHover,void 0),stack:myMdwHelper.getNumberFromData(c.barStackId,myMdwHelper.getBooleanFromData(c.barIsStacked,!1)?0:void 0),categoryPercentage:myMdwHelper.getNumberFromData(t.barWidth,80)/100,barPercentage:myMdwHelper.getNumberFromData(t.barWidth,80)/100});l.push(e),i.push({id:`yAxis_id_${myMdwHelper.getNumberFromData(c.yAxis_id,s)}`,type:"linear",position:myMdwHelper.getValueFromData(c.yAxis_position,"left"),display:myMdwHelper.getBooleanFromData(c.yAxis_show,!0),stacked:myMdwHelper.getBooleanFromData(c.barIsStacked,!1),scaleLabel:{display:""!==myMdwHelper.getValueFromData(c.yAxis_title_text,""),labelString:myMdwHelper.getValueFromData(c.yAxis_title_text,""),fontColor:myMdwHelper.getValueFromData(c.yAxis_title_color,myMdwHelper.getValueFromData(t.yAxisTitleColor,void 0)),fontFamily:myMdwHelper.getValueFromData(c.yAxis_title_fontFamily,myMdwHelper.getValueFromData(t.yAxisTitleFontFamily,void 0)),fontSize:myMdwHelper.getNumberFromData(c.yAxis_title_fontSize,myMdwHelper.getNumberFromData(t.yAxisTitleFontSize,void 0))},ticks:{min:myMdwHelper.getNumberFromData(c.yAxis_min,void 0),max:myMdwHelper.getNumberFromData(c.yAxis_max,void 0),stepSize:myMdwHelper.getNumberFromData(c.yAxis_step,void 0),autoSkip:!0,maxTicksLimit:myMdwHelper.getNumberFromData(c.yAxis_maxSteps,void 0),fontColor:myMdwHelper.getValueFromData(c.yAxis_color,myMdwHelper.getValueFromData(t.yAxisValueLabelColor,void 0)),fontFamily:myMdwHelper.getValueFromData(c.yAxis_fontFamily,myMdwHelper.getValueFromData(t.yAxisValueFontFamily,void 0)),fontSize:myMdwHelper.getNumberFromData(c.yAxis_fontSize,myMdwHelper.getNumberFromData(t.yAxisValueFontSize,void 0)),padding:myMdwHelper.getNumberFromData(c.yAxis_distance,myMdwHelper.getNumberFromData(t.yAxisValueDistanceToAxis,0)),callback:function(e,t,o){let a=this.id.replace("yAxis_id_","");return`${myMdwHelper.formatNumber(e,myMdwHelper.getNumberFromData(u.graphs[a].yAxis_minimumDigits,0),myMdwHelper.getNumberFromData(u.graphs[a].yAxis_maximumDigits,0))}${myMdwHelper.getValueFromData(u.graphs[a].yAxis_appendix,"")}`.split("\\n")}},gridLines:{display:!0,color:myMdwHelper.getValueFromData(c.yAxis_gridLines_color,"black"),lineWidth:myMdwHelper.getNumberFromData(c.yAxis_gridLines_lineWidth,.1),drawBorder:myMdwHelper.getBooleanFromData(c.yAxis_gridLines_border_show,!0),drawOnChartArea:myMdwHelper.getBooleanFromData(c.yAxis_gridLines_show,!0),drawTicks:myMdwHelper.getBooleanFromData(c.yAxis_gridLines_ticks_show,!0),tickMarkLength:myMdwHelper.getNumberFromData(c.yAxis_gridLines_ticks_length,5),zeroLineWidth:myMdwHelper.getNumberFromData(c.yAxis_zeroLineWidth,1),zeroLineColor:myMdwHelper.getValueFromData(c.yAxis_zeroLineColor,"rgba(0, 0, 0, 0.25)")}}),n={id:s,display:!(s>0),stacked:myMdwHelper.getBooleanFromData(c.barIsStacked,!1)},m&&(n=Object.assign(n,{type:"time",bounds:"data"===c.xAxis_bounds?"data":"ticks",time:{displayFormats:c.xAxis_timeFormats?c.xAxis_timeFormats:a.defaultTimeFormats(),tooltipFormat:c.xAxis_tooltip_timeFormats?c.xAxis_tooltip_timeFormats:"lll",unit:c.xAxis_time_unit?c.xAxis_time_unit:void 0}})),r.push(Object.assign(a.get_X_AxisObject(c.type,t.xAxisPosition,t.xAxisTitle,t.xAxisTitleColor,t.xAxisTitleFontFamily,t.xAxisTitleFontSize,t.xAxisShowAxisLabels,void 0,void 0,void 0,t.xAxisMaxLabel,t.axisLabelAutoSkip,void 0,t.xAxisValueLabelColor,t.xAxisValueFontFamily,t.xAxisValueFontSize,t.xAxisValueDistanceToAxis,t.xAxisGridLinesColor,t.xAxisGridLinesWitdh,t.xAxisShowAxis,t.xAxisShowGridLines,t.xAxisShowTicks,t.xAxisTickLength,t.xAxisZeroLineWidth,t.xAxisZeroLineColor,t.xAxisOffsetGridLines,void 0,void 0,t.xAxisMinRotation,t.xAxisMaxRotation,m,t.xAxisOffset,t.xAxisTicksSource),n))}else console.error(`[JSON Chart - ${t.wid}] graph[${s}].data is null! Check json string input!`)}else console.error(`[JSON Chart - ${t.wid}] graph[${s}] is null! Check json string input!`)}else console.warn(`[JSON Chart - ${t.wid}] your json data is not correct -> check documentation!`);c={responsive:!0,maintainAspectRatio:!1,layout:a.getLayout(t),hover:myMdwHelper.getBooleanFromData(t.disableHoverEffects,!1)?{mode:null}:{mode:"nearest"},chartArea:{backgroundColor:myMdwHelper.getValueFromData(t.chartAreaBackgroundColor,"")},scales:{xAxes:r,yAxes:i},legend:Object.assign(a.getLegend(t),a.getLegendClickEvent(i)),tooltips:{mode:t.tooltipMode,enabled:t.showTooltip,backgroundColor:myMdwHelper.getValueFromData(t.tooltipBackgroundColor,"black"),caretSize:myMdwHelper.getNumberFromData(t.tooltipArrowSize,5),caretPadding:myMdwHelper.getNumberFromData(t.tooltipDistanceToBar,2),cornerRadius:myMdwHelper.getNumberFromData(t.tooltipBoxRadius,4),displayColors:t.tooltipShowColorBox,xPadding:myMdwHelper.getNumberFromData(t.tooltipXpadding,10),yPadding:myMdwHelper.getNumberFromData(t.tooltipYpadding,10),titleFontColor:myMdwHelper.getValueFromData(t.tooltipTitleFontColor,"white"),titleFontFamily:myMdwHelper.getValueFromData(t.tooltipTitleFontFamily,void 0),titleFontSize:myMdwHelper.getNumberFromData(t.tooltipTitleFontSize,void 0),titleMarginBottom:myMdwHelper.getNumberFromData(t.tooltipTitleMarginBottom,6),bodyFontColor:myMdwHelper.getValueFromData(t.tooltipBodyFontColor,"white"),bodyFontFamily:myMdwHelper.getValueFromData(t.tooltipBodyFontFamily,void 0),bodyFontSize:myMdwHelper.getNumberFromData(t.tooltipBodyFontSize,void 0),callbacks:{title:function(e,o){if(u.graphs[e[0].datasetIndex].tooltip_title)return u.graphs[e[0].datasetIndex].tooltip_title.split("\\n");{let l=e[0].datasetIndex,r=e[0].index,i=Object.keys(o.datasets[l]._meta)[0];if(o.datasets[l]._meta[i].controller.chart.scales[l]._unit){let e=o.datasets[l]._meta[i].controller.chart.scales[l]._unit,n=moment(o.datasets[l].data[r].t),s=null!==myMdwHelper.getValueFromData(t.tooltipTimeFormats,null)?JSON.parse(t.tooltipTimeFormats):a.defaultToolTipTimeFormats();return n.format(s[e])}return e[0].label}},label:function(e,t){return u.graphs[e.datasetIndex].tooltip_text?u.graphs[e.datasetIndex].tooltip_text.split("\\n"):e&&e.value?`${t.datasets[e.datasetIndex].label}: ${myMdwHelper.formatNumber(e.value,u.graphs[e.datasetIndex].tooltip_MinDigits,u.graphs[e.datasetIndex].tooltip_MaxDigits)}${myMdwHelper.getValueFromData(u.graphs[e.datasetIndex].tooltip_AppendText,"")}`.split("\\n"):""},labelColor:function(e,t){let o=t.config.data.datasets[e.datasetIndex].borderColor;return{borderColor:o,backgroundColor:o}}}}}}else console.error(`[JSON Chart - ${t.wid}] ${_("datapoint '{0}' has no data!").replace("{0}",t.oid)}`);return l.length>0?{labels:s,datasets:l,options:c}:(console.error(`[JSON Chart - ${t.wid}] ${_("datapoint '{0}' has no datasets!").replace("{0}",t.oid)}`),{labels:[],datasets:[],options:[]})}function d(e,a,l){try{o&&console.log(`[JSON Chart ${t.wid}] ************************************************************** onChange **************************************************************`),i.show();let e=c(a),l=!1;myUnderscore.isEqual(s.data.labels,e.labels)||(o&&console.log(`[JSON Chart ${t.wid}] [onChange]: chart 'labels' changed`),s.data.labels=e.labels,l=!0);let u=e.datasets.length;s.data.datasets.length>u&&(u=s.data.datasets.length);for(var r=0;r<=u-1;r++)if(s.data.datasets[r]&&e.datasets[r]){if(!myUnderscore.isEqual(s.data.datasets[r],e.datasets[r]))for(var n in e.datasets[r])if(!myUnderscore.isEqual(s.data.datasets[r][n],e.datasets[r][n])){if(o)if(Array.isArray(e.datasets[r][n])||"object"!=typeof e.datasets[r][n])console.log(`[JSON Chart ${t.wid}] [onChange]: chart graph '${e.datasets[r].label?e.datasets[r].label:"not defined"} (${r})' '${n}' changed`);else for(var d in e.datasets[r][n])myUnderscore.isEqual(s.data.datasets[r][n][d],e.datasets[r][n][d])||console.log(`[JSON Chart ${t.wid}] [onChange]: chart graph '${e.datasets[r].label?e.datasets[r].label:"not defined"} (${r})' '${n}.${d}' changed`);s.data.datasets[r][n]=e.datasets[r][n],l=!0}}else e.datasets[r]?(o&&console.log(`[JSON Chart ${t.wid}] [onChange]: chart new graph '${e.datasets[r].label?e.datasets[r].label:"not defined"} (${r})' added`),s.data.datasets.push(e.datasets[r]),l=!0):(o&&console.log(`[JSON Chart ${t.wid}] [onChange]: chart graph '${e.datasets[r].label?e.datasets[r].label:"not defined"} (${r})' removed`),s.data.datasets.splice(r),l=!0);if(!myUnderscore.isEqual(s.options,e.options))for(var n in e.options)if(!myUnderscore.isEqual(s.options[n],e.options[n])){if(o)if(Array.isArray(e.options[n])||"object"!=typeof e.options[n])console.log(`[JSON Chart ${t.wid}] [onChange]: chart option '${n}' changed`);else for(var d in e.options[n])myUnderscore.isEqual(s.options[n][d],e.options[n][d])||console.log(`[JSON Chart ${t.wid}] [onChange]: chart option '${n}.${d}' changed`);s.options[n]=e.options[n],l=!0}l&&(o&&console.log(`[JSON Chart ${t.wid}] [onChange]: chart updated`),s.update(),i.hide())}catch(e){console.error(`[JSON Chart - ${t.wid}] [onChange] error: ${e.message}, stack: ${e.stack}`)}}}},1)}catch(e){console.error(`[JSON Chart - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.chart.helper={addOpacityToColor:function(e,t){return chroma(e).alpha(t/100).hex()},get_Y_AxisObject:function(e,t,o,a,l,r,i,n,s,c,d,u,m,p,g,b,h,y,f,w,v,x,k,F,M,H,D){return{position:t,scaleLabel:{display:null!==myMdwHelper.getValueFromData(o,null),labelString:myMdwHelper.getValueFromData(o,""),fontColor:myMdwHelper.getValueFromData(a,void 0),fontFamily:myMdwHelper.getValueFromData(l,void 0),fontSize:myMdwHelper.getNumberFromData(r,void 0)},ticks:{display:i,min:myMdwHelper.getNumberFromData(n,void 0),max:myMdwHelper.getNumberFromData(s,void 0),stepSize:myMdwHelper.getNumberFromData(c,void 0),autoSkip:"horizontal"===e&&myMdwHelper.getNumberFromData(d,void 0)>0||myMdwHelper.getBooleanFromData(u,!1),maxTicksLimit:"horizontal"===e?myMdwHelper.getNumberFromData(d,void 0):void 0,callback:function(e,t,o){return`${myMdwHelper.formatNumber(e,H,D)}${myMdwHelper.getValueFromData(m,"")}`.split("\\n")},fontColor:myMdwHelper.getValueFromData(p,void 0),fontFamily:myMdwHelper.getValueFromData(g,void 0),fontSize:myMdwHelper.getNumberFromData(b,void 0),padding:myMdwHelper.getNumberFromData(h,0)},gridLines:{display:!0,color:myMdwHelper.getValueFromData(y,"black"),lineWidth:myMdwHelper.getNumberFromData(f,.1),drawBorder:w,drawOnChartArea:v,drawTicks:x,tickMarkLength:myMdwHelper.getNumberFromData(k,5),zeroLineWidth:myMdwHelper.getNumberFromData(F,1),zeroLineColor:myMdwHelper.getValueFromData(M,"rgba(0, 0, 0, 0.25)")}}},get_X_AxisObject:function(e,t,o,a,l,r,i,n,s,c,d,u,m,p,g,b,h,y,f,w,v,x,k,F,M,H,D,$,C,V,S,I,T){let L={position:t,scaleLabel:{display:null!==myMdwHelper.getValueFromData(o,null),labelString:myMdwHelper.getValueFromData(o,""),fontColor:myMdwHelper.getValueFromData(a,void 0),fontFamily:myMdwHelper.getValueFromData(l,void 0),fontSize:myMdwHelper.getNumberFromData(r,void 0)},ticks:{display:i,min:myMdwHelper.getNumberFromData(n,void 0),max:myMdwHelper.getNumberFromData(s,void 0),stepSize:myMdwHelper.getNumberFromData(c,void 0),autoSkip:"vertical"===e&&myMdwHelper.getNumberFromData(d,void 0)>0||myMdwHelper.getBooleanFromData(u,!1),autoSkipPadding:10,minRotation:parseInt(myMdwHelper.getNumberFromData(C,0)),maxRotation:parseInt(myMdwHelper.getNumberFromData(V,0)),maxTicksLimit:myMdwHelper.getNumberFromData(d,void 0),callback:function(e,t,o){return S?e.split("\\n"):isNaN(e)?`${e}${myMdwHelper.getValueFromData(m,"")}`.split("\\n"):`${myMdwHelper.formatNumber(e,D,$)}${myMdwHelper.getValueFromData(m,"")}`.split("\\n")},fontColor:myMdwHelper.getValueFromData(p,void 0),fontFamily:myMdwHelper.getValueFromData(g,void 0),fontSize:myMdwHelper.getNumberFromData(b,void 0),padding:myMdwHelper.getNumberFromData(h,0),source:myMdwHelper.getValueFromData(T,"auto")},gridLines:{display:!0,color:myMdwHelper.getValueFromData(y,"black"),lineWidth:myMdwHelper.getNumberFromData(f,.1),drawBorder:w,drawOnChartArea:v,drawTicks:x,tickMarkLength:myMdwHelper.getNumberFromData(k,5),zeroLineWidth:myMdwHelper.getNumberFromData(F,.1),zeroLineColor:myMdwHelper.getValueFromData(M,"black"),offsetGridLines:myMdwHelper.getBooleanFromData(H,!1)}};return I&&(L.offset=!0),L},getDataset:function(e,t,o,a,l,r,i){return{data:e,backgroundColor:t,hoverBackgroundColor:o,borderColor:myMdwHelper.getValueFromData(a,"white"),hoverBorderColor:myMdwHelper.getValueFromData(l,void 0),borderWidth:myMdwHelper.getNumberFromData(r,void 0),hoverBorderWidth:myMdwHelper.getNumberFromData(i,void 0)}},getLegend:function(e){return{display:e.showLegend,position:e.legendPosition,labels:{fontColor:myMdwHelper.getValueFromData(e.legendFontColor,void 0),fontFamily:myMdwHelper.getValueFromData(e.legendFontFamily,void 0),fontSize:myMdwHelper.getNumberFromData(e.legendFontSize,void 0),boxWidth:myMdwHelper.getNumberFromData(e.legendBoxWidth,10),usePointStyle:e.legendPointStyle,padding:myMdwHelper.getNumberFromData(e.legendPadding,10),filter:function(e,t){if(e&&e.text)return"transparent"===e.fillStyle&&(e.fillStyle=t.datasets[e.datasetIndex].datalabels.color),e}}}},getLegendClickEvent:function(e){return{onClick:function(t,o){function a(){let e=null;for(var t=0;t<=r.data.datasets.length-1;t++)if(r.data.datasets[t].yAxisID===r.data.datasets[l].yAxisID&&(e=null===r.getDatasetMeta(t).hidden,e))return e;return e}var l=o.datasetIndex,r=this.chart,i=r.getDatasetMeta(l);i.hidden=null===i.hidden?!r.data.datasets[l].hidden:null;let n=a();for(var s=0;s<=r.options.scales.yAxes.length-1;s++)r.options.scales.yAxes[s].id===r.data.datasets[l].yAxisID&&e[l].display&&(r.options.scales.yAxes[s].display=n);r.update()}}},getLayout:function(e){return{padding:{top:myMdwHelper.getValueFromData(e.chartPaddingTop,0),left:myMdwHelper.getValueFromData(e.chartPaddingLeft,0),right:myMdwHelper.getValueFromData(e.chartPaddingRight,0),bottom:myMdwHelper.getValueFromData(e.chartPaddingBottom,0)}}},roundNumber:(e,t)=>+(Math.round(e+"e+"+t)+"e-"+t),intervals:{"30 seconds":3e4,"1 minute":6e4,"2 minutes":12e4,"5 minutes":3e5,"10 minutes":6e5,"30 minutes":18e5,"1 hour":36e5,"2 hours":72e5,"4 hours":144e5,"8 hours":288e5,"12 hours":432e5,"1 day":864e5,"2 days":1728e5,"3 days":2592e5,"7 days":6048e5,"14 days":12096e5,"1 month":2628e6,"2 months":5256e6,"3 months":7884e6,"6 months":15768e6,"1 year":31536e6,"2 years":63072e6},defaultTimeFormats:function(){return JSON.parse('\n {\n "millisecond": "H:mm:ss.SSS",\n "second": "H:mm:ss",\n "minute": "H:mm",\n "hour": "H",\n "day": "ddd DD.",\n "week": "ll",\n "month": "MMM YYYY",\n "quarter": "[Q]Q - YYYY",\n "year": "YYYY"\n }\n ')},defaultToolTipTimeFormats:function(){return JSON.parse('\n {\n "millisecond": "lll:ss",\n "second": "lll:ss",\n "minute": "lll",\n "hour": "lll",\n "day": "lll",\n "week": "lll",\n "month": "lll",\n "quarter": "lll",\n "year": "lll"\n }\n ')},getTaskForHistoryData:function(e,t,o,a=!1){return new Promise((l,r)=>{try{let r=t.attr("oid"+e),i={instance:t.historyAdapterInstance,count:parseInt(myMdwHelper.getNumberFromData(t.attr("maxDataPoints"+e),"minmax"===t.attr("aggregate"+e)?50:100)),step:myMdwHelper.getNumberFromData(t.attr("minTimeInterval"+e),void 0)?1e3*parseInt(t.attr("minTimeInterval"+e)):void 0,aggregate:t.attr("aggregate"+e)||"minmax",start:o,end:(new Date).getTime(),timeout:1e3*parseInt(myMdwHelper.getNumberFromData(t.chartTimeout,2))};a&&console.log(`[getTaskForHistoryData ${t.wid}] history options for '${r}': ${JSON.stringify(i)}`),vis.getHistory(r,i,function(e,o){!e&&o?(a&&console.log(`[getTaskForHistoryData ${t.wid}] history data result '${r}' length: ${o.length}`),a&&console.log(`[getTaskForHistoryData ${t.wid}] history data result '${r}': ${JSON.stringify(o)}`),l({id:r,data:o,error:void 0})):(a&&console.error(`[getTaskForHistoryData - ${t.wid}] result error: ${e}`),l({id:r,data:null,error:e}))})}catch(e){console.error(`[getTaskForHistoryData - ${t.wid}] error: ${e.message}, stack: ${e.stack}`),l({id:r,data:null,error:e.message})}})},getPreparedData:function(e,t,o,a=!1){let l=[];try{e.data&&(a&&console.log(`[getPreparedData ${t.wid}] prepare data for '${e.id}' length: ${e.data.length}`),l=e.data.map(e=>({t:null!==e.ts&&void 0!==e.ts?e.ts:null,y:null!==e.val&&void 0!==e.val?e.val*myMdwHelper.getNumberFromData(t.attr("multiply"+o),1):null})))}catch(e){console.error(`[getPreparedData - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}return l},registerChartAreaPlugin:function(){Chart.pluginService.register({beforeDraw:function(e,t){if(e.config.options.chartArea&&e.config.options.chartArea.backgroundColor){var o=e.chart.ctx,a=e.chartArea;a&&(o.save(),o.fillStyle=e.config.options.chartArea.backgroundColor,o.fillRect(a.left,a.top,a.right-a.left,a.bottom-a.top),o.restore())}}})},getMyGradientPlugin(e){const t="myGradientColors",o=(o,a)=>{try{if(o.chartArea.bottom&&!isNaN(o.chartArea.bottom)&&o.chartArea.top&&!isNaN(o.chartArea.top))for(var l=0;l<=o.data.datasets.length-1;l++){let a=o.data.datasets[l];if(a[t]&&a[t].useGradientColor){if(a[t].gradientColors&&a[t].gradientColors.length>0){let e=r(o,a,a[t].gradientColors);"line"===a.type?a.borderColor=e:"bar"===a.type&&(a.backgroundColor=e)}}else a.borderColor=a[t].gradientColors;if("line"===a.type)if(a[t]&&a[t].useGradientFillColor){if(a[t].gradientFillColors&&a[t].gradientFillColors.length>0){let e=r(o,a,a[t].gradientFillColors);a.backgroundColor=e}}else a.backgroundColor=a[t].gradientFillColors;function r(t,o,a){const l=t.scales[o.yAxisID];let r=t.ctx.createLinearGradient(0,t.chartArea.bottom,0,t.chartArea.top);return a&&Array.isArray(a)&&a.length>0?a.forEach(e=>{const t=l.getPixelForValue(e.value),o=Math.max(l.getDecimalForPixel(t),0);o<=1&&r.addColorStop(o,chroma(e.color).css())}):console.warn(`[regenerateGradient - ${e.wid}] gradient color definition is not correct -> check documentation!`),r}}}catch(t){
console.error(`[regenerateGradient - ${e.wid}] error: ${t.message}, stack: ${t.stack}`)}};return{id:t,beforeDatasetsUpdate:o,resize:(e,t,a)=>o(e,a)}}},vis.binds.materialdesign.checkbox={initialize:function(e){try{let t="";"false"!==e.labelClickActive&&!1!==e.labelClickActive||(t="pointer-events:none;");let o="";"left"===e.labelPosition&&(o="mdc-form-field--align-end");let a=`\n
\n
Checkbox 1 \n `;return{checkbox:a,style:o}}catch(t){console.error(`[Checkbox - ${e.wid}] initialize: error: ${t.message}, stack: ${t.stack}`)}},handle:function(e,t){try{let l=$(e);!0===myMdwHelper.getBooleanFromData(t.lockEnabled)&&(l.append(`
`),l.attr("isLocked",!0),l.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`));let r=l.find(".mdc-checkbox").get(0);const i=new mdc.formField.MDCFormField(l.get(0)),n=new mdc.checkbox.MDCCheckbox(r);function o(){var e=vis.states.attr(t.oid+".val");let o=!1;"boolean"===t.toggleType?o=e:e===parseInt(t.valueOn)||e===t.valueOn?o=!0:e!==parseInt(t.valueOn)&&e!==t.valueOn&&e!==parseInt(t.valueOff)&&e!==t.valueOff&&"on"===t.stateIfNotTrueValue&&(o=!0),n.checked=o;let a=l.find('label[id="label"]');o?(a.css("color",myMdwHelper.getValueFromData(t.labelColorTrue,"")),a.html(myMdwHelper.getValueFromData(t.labelTrue,""))):(a.css("color",myMdwHelper.getValueFromData(t.labelColorFalse,"")),a.html(myMdwHelper.getValueFromData(t.labelFalse,"")))}function a(){l.find(".materialdesign-lock-icon").fadeOut(),l.attr("isLocked",!1),l.css("filter","grayscale(0%)"),setTimeout(function(){l.attr("isLocked",!0),l.find(".materialdesign-lock-icon").show(),l.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`)},1e3*myMdwHelper.getNumberFromData(t.autoLockAfter,10))}i.input=n,n.disabled=myMdwHelper.getBooleanFromData(t.readOnly,!1),r.style.setProperty("--materialdesign-color-checkbox",myMdwHelper.getValueFromData(t.colorCheckBox,"")),r.style.setProperty("--materialdesign-color-checkbox-border",myMdwHelper.getValueFromData(t.colorCheckBoxBorder,"")),r.style.setProperty("--materialdesign-color-checkbox-hover",myMdwHelper.getValueFromData(t.colorCheckBoxHover,"")),o(),vis.editMode||l.find(".mdc-checkbox").click(function(){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),"false"===l.attr("isLocked")||void 0===l.attr("isLocked")?"boolean"===t.toggleType?myMdwHelper.setValue(t.oid,n.checked):!0==!n.checked?myMdwHelper.setValue(t.oid,t.valueOff):myMdwHelper.setValue(t.oid,t.valueOn):(n.checked=!n.checked,a()),o()}),vis.states.bind(t.oid+".val",function(e,t,a){o()})}catch(e){console.error(`[Checkbox - ${t.wid}] handle: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.colorScheme={get:function(e,t=1){try{let a={"scrounger.pie":["#44739e","#6dd600","#ff9800","#8e24aa","#ffeb3b","#d32f2f","#a65628"]};if(a["material.red"]=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c"].reverse(),a["material.pink"]=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f"].reverse(),a["material.purple"]=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c"].reverse(),a["material.deeppurple"]=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92"].reverse(),a["material.indigo"]=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e"].reverse(),a["material.blue"]=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1"].reverse(),a["material.lightblue"]=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b"].reverse(),a["material.cyan"]=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064"].reverse(),a["material.teal"]=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40"].reverse(),a["material.green"]=["#e8f5e9","#c8e6c9","#a5d6a7","#81c784","#66bb6a","#4caf50","#43a047","#388e3c","#2e7d32","#1b5e20"].reverse(),a["material.lightgreen"]=["#f1f8e9","#dcedc8","#c5e1a5","#aed581","#9ccc65","#8bc34a","#7cb342","#689f38","#558b2f","#33691e"].reverse(),a["material.lime"]=["#f9fbe7","#f0f4c3","#e6ee9c","#dce775","#d4e157","#cddc39","#c0ca33","#afb42b","#9e9d24","#827717"].reverse(),a["material.yellow"]=["#fffde7","#fff9c4","#fff59d","#fff176","#ffee58","#ffeb3b","#fdd835","#fbc02d","#f9a825","#f57f17"].reverse(),a["material.amber"]=["#fff8e1","#ffecb3","#ffe082","#ffd54f","#ffca28","#ffc107","#ffb300","#ffa000","#ff8f00","#ff6f00"].reverse(),a["material.orange"]=["#fff3e0","#ffe0b2","#ffcc80","#ffb74d","#ffa726","#ff9800","#fb8c00","#f57c00","#ef6c00","#e65100"].reverse(),a["material.deeporange"]=["#fbe9e7","#ffccbc","#ffab91","#ff8a65","#ff7043","#ff5722","#f4511e","#e64a19","#d84315","#bf360c"].reverse(),a["material.brown"]=["#efebe9","#d7ccc8","#bcaaa4","#a1887f","#8d6e63","#795548","#6d4c41","#5d4037","#4e342e","#3e2723"].reverse(),a["material.grey"]=["#fafafa","#f5f5f5","#eeeeee","#e0e0e0","#bdbdbd","#9e9e9e","#757575","#616161","#424242","#212121"].reverse(),a["material.bluegrey"]=["#eceff1","#cfd8dc","#b0bec5","#90a4ae","#78909c","#607d8b","#546e7a","#455a64","#37474f","#263238"].reverse(),a["material.setOne"]=["#b71c1c","#0d47a1","#1b5e20","#4a148c","#e65100","#f57f17","#3e2723"],a["material.setTwo"]=["#c62828","#1565c0","#2e7d32","#6a1b9a","#ef6c00","#9e9d24","#4e342e"],a["material.setThree"]=["#d32f2f","#1976d2","#388e3c","#7b1fa2","#f57c00","#fbc02d","#5d4037"],a["brewer.SetOne"]=["#e41a1c","#377eb8","#4daf4a","#984ea3","#ff7f00","#ffff33","#a65628","#f781bf","#999999"],a["brewer.SetTwo"]=["#66c2a5","#fc8d62","#8da0cb","#e78ac3","#a6d854","#ffd92f","#e5c494","#b3b3b3"],a["brewer.SetThree"]=["#8dd3c7","#ffffb3","#bebada","#fb8072","#80b1d3","#fdb462","#b3de69","#fccde5","#d9d9d9","#bc80bd","#ccebc5","#ffed6f"],null!=myMdwHelper.getValueFromData(e,null)){let l=[],r=a[e];if(t&&r&&r.length>0){let e=Math.ceil(t+1/r.length);for(var o=0;o<=e-1;o++)l=l.concat(r)}return l}return a}catch(e){console.error(`[colorScheme] get: error: ${e.message}, stack: ${e.stack}`)}},preview:function(e){try{let e=vis.binds.materialdesign.colorScheme.get(),a=[];for(var t in e)if(e.hasOwnProperty(t)){let l=`
\n
${t}: `;for(var o=0;o<=e[t].length;o++)l+=`
`;a.push(l+"
")}return a.join("")}catch(e){console.error(`[colorScheme] preview: error: ${e.message}, stack: ${e.stack}`)}},editorSelector:function(e){try{let t=vis.binds.materialdesign.colorScheme.get();return{input:'
',init:function(e,o){$(this).autocomplete({minLength:0,source:function(e,o){var a=$.grep(Object.keys(t),function(t){return t.toLowerCase().includes(e.term.toLowerCase())});o(a)},select:function(e,t){$(this).val(t.item.value),$(this).trigger("change",t.item.value)}}).focus(function(){$(this).autocomplete("search","")}).autocomplete("instance")._renderItem=function(e,o){let a=t[o.label],l='
';for(var r=0;r<=a.length;r++)l+=`
`;return l+="
",$("
").append(""+o.label+" \n
\n\n \n\n \n \n mdi-${myMdwHelper.getValueFromData(t.fullscreenCloseIcon,"close")} \n \n \n\n ${myMdwHelper.getBooleanFromData(t.showTitle,!1)?`\n ${o?``:""}\n \n\n \n \n \n `),myMdwHelper.oidNeedSubscribe(t.showDialogOid,t.wid,"Dialog",!0),myMdwHelper.subscribeStatesAtRuntime(t.wid,"Dialog",function(){myMdwHelper.waitForElement(a,`.${l}`,t.wid,"Dialog",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"Dialog",function(){function e(e){n(),c.showDialog=e,myMdwHelper.waitForElement($("body"),`#dialog_card_${t.wid}`,t.wid,"Dialog",function(){let e=$("body").find(`#dialog_card_${t.wid}`);e.get(0).style.setProperty("--vue-dialog-view-container-distance-to-border",myMdwHelper.getNumberFromData(t.viewDistanceToBorder,24)+"px"),e.get(0).style.setProperty("--vue-dialog-title-font-size",myMdwHelper.getNumberFromData(t.titleFontSize,20)+"px"),e.get(0).style.setProperty("--vue-dialog-title-font-color",myMdwHelper.getValueFromData(t.titleColor,"")),e.get(0).style.setProperty("--vue-dialog-title-font-family",myMdwHelper.getValueFromData(t.titleFont,"inherit")),e.get(0).style.setProperty("--vue-dialog-footer-background-color",myMdwHelper.getValueFromData(t.footerBackgroundColor,"")),$("body").find(".v-overlay__scrim").css("opacity",myMdwHelper.getValueFromData(t.overlayOpacity,.46)),$("body").find(".v-overlay__scrim").css("background",myMdwHelper.getValueFromData(t.overlayColor,"rgb(33, 33, 33)")),s();let a=t.contains_view;e.find("#visview_"+a).length<1&&(o?vis.binds.basic.iframeRefresh(e,t,a):vis.views[a]&&vis.renderView(a,a,!0,function(o){$("#visview_"+o).css("position","relative").css("height",r+"px").appendTo(e.find(`#viewContainer_${t.wid}`)).show().data("persistent",!0)}))})}function n(){i=$(window).width()<=myMdwHelper.getNumberFromData(t.fullscreenResolutionLower,0),c.showToolbar=i,c.fullscreen=i,c.transition=i?"dialog-bottom-transition":"dialog-transition",s()}function s(){let e=$("body").find(`#dialog_card_${t.wid}`);if(r=myMdwHelper.getNumberFromData(t.viewHeight,5e3),i){let t=e.find(".v-toolbar__content").height();r=Math.floor($(window).height()-t-1)}else{let t=e.find(".v-card__title").outerHeight(),o=e.find(".v-dialog-footer").height();(r>.9*$(window).height()||r+t+o>.9*$(window).height())&&(r=Math.floor(.9*$(window).height()-o-t-5))}i?(e.get(0).style.setProperty("--vue-toolbar-background-color",myMdwHelper.getValueFromData(t.headerBackgroundColor,"#44739e")),e.get(0).style.setProperty("--vue-ripple-effect-color",myMdwHelper.getValueFromData(t.pressColor,"#ffffff"))):(e.get(0).style.setProperty("--vue-toolbar-background-color",myMdwHelper.getValueFromData(t.headerBackgroundColor,"initial")),e.get(0).style.setProperty("--vue-ripple-effect-color",myMdwHelper.getValueFromData(t.pressColor,""))),o?e.find(".iFrame_container").css("height",r-2+"px"):e.find("#visview_"+t.contains_view).css("height",r+"px")}let c=new Vue({el:a.find(`.${l}`).get(0),vuetify:new Vuetify,data:()=>(i=$(window).width()<=myMdwHelper.getNumberFromData(t.fullscreenResolutionLower,0),{showDialog:!1,title:myMdwHelper.getValueFromData(t.title,myMdwHelper.getValueFromData(t.contains_view,"")),closeText:myMdwHelper.getValueFromData(t.buttonText,_("close")),showToolbar:i,fullscreen:i,transition:i?"dialog-bottom-transition":"dialog-transition"}),methods:{closeButton(e){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),this.showDialog=!1}},watch:{showDialog(e){"datapoint"===t.showDialogMethod&&myMdwHelper.setValue(t.showDialogOid,e)}}});if("button"===t.showDialogMethod){let o=a;a.context.style.setProperty("--mdc-theme-primary",myMdwHelper.getValueFromData(t.colorPress,"")),"icon"===t.buttonStyle?mdc.iconButton.MDCIconButtonToggle.attachTo(o.get(0)):mdc.ripple.MDCRipple.attachTo(o.get(0)),o.click(function(){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),c.showDialog||e(!0)})}else vis.states.bind(t.showDialogOid+".ts",function(o,a,l){let r=vis.states.attr(t.showDialogOid+".val");c.showDialog||!0!==r&&"true"!==r?!c.showDialog||!1!==r&&"false"!==r||e(!1):e(!0)});$(window).resize(function(){n()})})})})}catch(e){console.error(`[Dialog - ${t.wid}] initialize: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.iconlist=function(e,t){try{let s=$(e),c="IconList",d=[],u=null,m=0,p="materialdesign-icon-list-container",g=!1,b=[];s.context.style.setProperty("--materialdesign-icon-list-items-per-row",myMdwHelper.getNumberFromData(t.maxItemsperRow,1)),s.context.style.setProperty("--materialdesign-icon-list-items-min-width",myMdwHelper.getNumberFromData(t.iconItemMinWidth,50)+"px"),s.context.style.setProperty("--materialdesign-icon-list-items-gaps",myMdwHelper.getNumberFromData(t.itemGaps,4)+"px"),s.context.style.setProperty("--materialdesign-icon-list-items-text-font-size",myMdwHelper.getNumberFromData(t.labelFontSize,14)+"px"),s.context.style.setProperty("--materialdesign-icon-list-items-text-font-family",myMdwHelper.getValueFromData(t.labelFontFamily,"inherit")),s.context.style.setProperty("--materialdesign-icon-list-items-text-font-color",myMdwHelper.getValueFromData(t.labelFontColor,"")),s.context.style.setProperty("--materialdesign-icon-list-items-subText-font-size",myMdwHelper.getNumberFromData(t.subLabelFontSize,12)+"px"),s.context.style.setProperty("--materialdesign-icon-list-items-subText-font-family",myMdwHelper.getValueFromData(t.subLabelFontFamily,"inherit")),s.context.style.setProperty("--materialdesign-icon-list-items-subText-font-color",myMdwHelper.getValueFromData(t.subLabelFontColor,"")),s.context.style.setProperty("--materialdesign-icon-list-items-value-font-size",myMdwHelper.getNumberFromData(t.valueFontSize,12)+"px"),s.context.style.setProperty("--materialdesign-icon-list-items-value-font-family",myMdwHelper.getValueFromData(t.valueFontFamily,"inherit")),s.context.style.setProperty("--materialdesign-icon-list-items-value-font-color",myMdwHelper.getValueFromData(t.valueFontColor,"")),s.context.style.setProperty("--materialdesign-icon-list-item-layout-horizontal-image-container-width",myMdwHelper.getStringFromNumberData(t.horizontalIconContainerWidth,"auto","","px")),s.context.style.setProperty("--materialdesign-icon-list-item-layout-vertical-image-container-height",myMdwHelper.getStringFromNumberData(t.verticalIconContainerHeight,"auto","","px"));let h=myMdwHelper.getNumberFromData(t.iconHeight,24);function o(){if(d=[],b=[],g=!1,"jsonStringObject"===t.listItemDataMethod)if(vis.states.attr(t.json_string_oid+".val")&&"null"!==vis.states.attr(t.json_string_oid+".val"))try{u=JSON.parse(vis.states.attr(t.json_string_oid+".val")),m=u.length-1}catch(e){u=[{text:`${_("Error in JSON string")} ${e.message} `}],m=u.length-1,console.error(`[IconList - ${t.wid}] cannot parse json string! Error: ${e.message}`)}else u=[{text:`${_("datapoint '{0}' not exist!").replace("{0}",t.json_string_oid)} \n ${""!==o.text?`
${o.text} `:""}\n
\n ${l}\n ${r}\n
\n ${!0!==o.showValueLabel&&"true"!==o.showValueLabel||!o.listType.includes("buttonToggle")&&"buttonState"!==o.listType?"":`
${"null"!==s?`${s}${o.valueAppendix}`:""} `}\n ${""!==o.subText?`
${o.subText} `:""}\n
\n
\n
\n ${l}\n ${r}\n
\n
\n ${""!==o.text?`${o.text} `:""}\n ${""!==o.subText?`${o.subText} `:""}\n ${!0!==o.showValueLabel&&"true"!==o.showValueLabel||!o.listType.includes("buttonToggle")&&"buttonState"!==o.listType?"":`${"null"!==s?`${s}${o.valueAppendix}`:""} `}\n
\n
\n
\n ${l}\n
\n `);else if(myMdwHelper.getBooleanFromData(t.cardUse,!1)){let e=myMdwHelper.getValueFromData(t.colorBackground,"");s.context.style.setProperty("--materialdesign-color-card-background",e),s.context.style.setProperty("--materialdesign-color-card-title-section-background",myMdwHelper.getValueFromData(t.colorTitleSectionBackground,e)),s.context.style.setProperty("--materialdesign-color-card-title",myMdwHelper.getValueFromData(t.colorTitle,""))
diff --git a/widgets/materialdesign/js/widgets/materialdesign.00.vue.helper.js b/widgets/materialdesign/js/widgets/materialdesign.00.vue.helper.js
index 11e5ac01..8500a117 100644
--- a/widgets/materialdesign/js/widgets/materialdesign.00.vue.helper.js
+++ b/widgets/materialdesign/js/widgets/materialdesign.00.vue.helper.js
@@ -163,6 +163,9 @@ vis.binds.materialdesign.vueHelper = {
// Icon: prepand-inner options
$el.get(0).style.setProperty("--vue-text-icon-prepand-inner-size", myMdwHelper.getNumberFromData(data.prepandInnerIconSize, 16) + 'px');
$el.get(0).style.setProperty("--vue-text-icon-prepand-inner-color", myMdwHelper.getValueFromData(data.prepandInnerIconColor, ''));
+
+ // Alignment
+ $el.get(0).style.setProperty("--vue-text-field-alignment", myMdwHelper.getValueFromData(data.inputAlignment, 'left'));
}
},
select: {
`:``:""},getListIcon:function(e,t,o,a="",l=""){return myMdwHelper.getIconElement(e,t,o,a,`padding-top: 8px; padding-bottom: 8px;${l}`,"mdc-list-item__graphic")},changeIconElement:function(e,t,o,a,l="",r="",i=""){let n=`materialdesign-icon-image ${i}`.trim(),s=e.find("."+n.replace(/\s/g,".")),c=myMdwHelper.getValueFromData(t,null),d=myMdwHelper.getValueFromData(l,"");null!==c&&(myMdwHelper.getAllowedImageFileExtensions().some(e=>c.includes(e))?s.is("img")?s.attr("src",c):s.replaceWith(`
`):s.replaceWith(``))},changeListIconElement:function(e,t,o,a,l="",r=""){myMdwHelper.changeIconElement(e,t,o,a,l,`padding-top: 8px; padding-bottom: 8px;${r}`,"mdc-list-item__graphic")},getAllowedImageFileExtensions:function(){return[".gif",".png",".bmp",".jpg",".jpeg",".tif",".svg","http://","https://"]},getVisibility:function(e,t,o,a){var l=t,r=o;if(!l)return"not exist"===r;if(null==e&&(e=vis.states.attr(l+".val")),null==e)return"not exist"===r;var i=a;if(!r||null==i)return"not exist"===r;if("null"===e&&"exist"!==r&&"not exist"!==r)return!1;var n=typeof e;switch("boolean"===n||"false"===e||"true"===e?i="true"===i||!0===i||1===i||"1"===i:"number"===n?i=parseFloat(i):"object"===n&&(e=JSON.stringify(e)),r){case"==":return i=i.toString(),e=e.toString(),"1"===e&&(e="true"),"1"===i&&(i="true"),"0"===e&&(e="false"),"0"===i&&(i="false"),i!==e;case"!=":return i=i.toString(),e=e.toString(),"1"===e&&(e="true"),"1"===i&&(i="true"),"0"===e&&(e="false"),"0"===i&&(i="false"),i===e;case">=":return e