From 0b8951f9bcead332f3c13e795fa30a9d0640b4f9 Mon Sep 17 00:00:00 2001 From: Scrounger Date: Mon, 1 Jun 2020 14:57:46 +0200 Subject: [PATCH] table: object onChange sort bug fix --- widgets/materialdesign/js/widgets.min.js | 8 ++-- .../js/widgets/materialdesign.table.js | 43 +++++++++++-------- 2 files changed, 28 insertions(+), 23 deletions(-) diff --git a/widgets/materialdesign/js/widgets.min.js b/widgets/materialdesign/js/widgets.min.js index 2844659e..4e27984e 100644 --- a/widgets/materialdesign/js/widgets.min.js +++ b/widgets/materialdesign/js/widgets.min.js @@ -5,7 +5,7 @@ initialize:function(e){try{let t="",a="";"default"!==e.cardStyle&&(a="mdc-card-- null!=myMdwHelper.getValueFromData(e,null)){let l=[],r=o[e];if(t&&r){let e=Math.ceil(t+1/r.length);for(var a=0;a<=e-1;a++)l=l.concat(r)}return l}return o}catch(e){console.error(`[colorScheme] get: error: ${e.message}, stack: ${e.stack}`)}},preview:function(e){try{let e=vis.binds.materialdesign.colorScheme.get(),o=[];for(var t in e)if(e.hasOwnProperty(t)){let l=`
\n `;for(var a=0;a<=e[t].length;a++)l+=`
`;o.push(l+"
")}return o.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,a){$(this).autocomplete({minLength:0,source:function(e,a){var o=$.grep(Object.keys(t),function(t){return t.toLowerCase().includes(e.term.toLowerCase())});a(o)},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,a){let o=t[a.label],l='
';for(var r=0;r<=o.length;r++)l+=`
`;return l+="
",$("
  • ").append(""+a.label+"").append(l).appendTo(e)}}}}catch(e){console.error(`[colorScheme] editorSelector: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.dialog={vue:function(e,t,a=!1){try{let o=$(e),l="materialdesign-vuetify-dialog",r=0,i=!1;$(`.dialog_${t.wid}`).parent().length>0&&$(`.dialog_${t.wid}`).parent().remove(),o.append(`\n
    \n \n\n \n\n \n \n \n mdi-${myMdwHelper.getValueFromData(t.fullscreenCloseIcon,"close")}\n \n \n\n ${myMdwHelper.getBooleanFromData(t.showTitle,!1)?``:""} \n\n \n ${a?``:""}\n \n\n
    \n ${myMdwHelper.getBooleanFromData(t.showDivider,!1)?`
    `:""}\n \n \n \n
    \n     \n \n `),myMdwHelper.oidNeedSubscribe(t.showDialogOid,t.wid,"Dialog",!0),myMdwHelper.subscribeStatesAtRuntime(t.wid,"Dialog",function(){myMdwHelper.waitForElement(o,`.${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 o=t.contains_view;e.find("#visview_"+o).length<1&&(a?vis.binds.basic.iframeRefresh(e,t,o):vis.views[o]&&vis.renderView(o,o,!0,function(a){$("#visview_"+a).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(),a=e.find(".v-dialog-footer").height();(r>.9*$(window).height()||r+t+a>.9*$(window).height())&&(r=Math.floor(.9*$(window).height()-a-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,""))),a?e.find(".iFrame_container").css("height",r-2+"px"):e.find("#visview_"+t.contains_view).css("height",r+"px")}let c=new Vue({el:o.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 a=o;o.context.style.setProperty("--mdc-theme-primary",myMdwHelper.getValueFromData(t.colorPress,"")),"icon"===t.buttonStyle?mdc.iconButton.MDCIconButtonToggle.attachTo(a.get(0)):mdc.ripple.MDCRipple.attachTo(a.get(0)),a.click(function(){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),c.showDialog||e(!0)})}else vis.states.bind(t.showDialogOid+".ts",function(a,o,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 a(){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")}`,subText:``}],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)}`}],m=u.length-1,console.error(`[IconList - ${t.wid}] ${_("datapoint '{0}' not exist!").replace("{0}",t.json_string_oid)}`);else m=t.countListItems;for(var e=0;e<=m;e++){let a=n(e,t,u),o="materialdesign-icon-list-item-standard";"card"===t.listLayout?o="full"===t.buttonLayout&&"text"!==a.listType?"materialdesign-icon-list-item-card-layout-full":"materialdesign-icon-list-item-card":"cardOutlined"===t.listLayout&&(o="full"===t.buttonLayout&&"text"!==a.listType?"materialdesign-icon-list-item-card-layout-full materialdesign-icon-list-item-card--outlined":"materialdesign-icon-list-item-card materialdesign-icon-list-item-card--outlined");let l="";if("text"===a.listType)l=myMdwHelper.getIconElement(a.image,"auto",h+"px",a.imageColor);else if("round"===t.buttonLayout){let o=myMdwHelper.getNumberFromData(t.buttonHeight,1.5*h);l=`
    \n
    \n
    \n ${myMdwHelper.getIconElement(a.image,"auto",h+"px",a.imageColor)}\n
    \n
    \n
    `}else{let o=myMdwHelper.getNumberFromData(t.buttonHeight,0)>0?t.buttonHeight+"px":"100%";l=`
    \n
    \n
    \n ${myMdwHelper.getIconElement(a.image,"auto",h+"px",a.imageColor)}\n
    \n
    \n
    `}let r="";"text"!==a.listType&&!0===a.lockEnabled&&(r=``);let i="",s=vis.states.attr(a.objectId+".val");i="vertical"===t.itemLayout?"full"===t.buttonLayout&&"text"!==a.listType?`\n
    \n
    \n
    \n
    \n \n ${""!==a.text?``:""}\n
    \n ${myMdwHelper.getIconElement(a.image,"auto",h+"px",a.imageColor)}\n ${r}\n
    \n ${!0!==a.showValueLabel&&"true"!==a.showValueLabel||!a.listType.includes("buttonToggle")&&"buttonState"!==a.listType?"":``}\n ${""!==a.subText?``:""}\n
    \n
    \n
    \n
    \n
    \n `:`\n
    \n ${""!==a.text?``:""}\n
    \n ${l}\n ${r}\n
    \n ${!0!==a.showValueLabel&&"true"!==a.showValueLabel||!a.listType.includes("buttonToggle")&&"buttonState"!==a.listType?"":``}\n ${""!==a.subText?``:""}\n
    \n
    \n `:"full"===t.buttonLayout&&"text"!==a.listType?`\n
    \n
    \n
    \n
    \n\n
    \n ${myMdwHelper.getIconElement(a.image,"auto",h+"px",a.imageColor)}\n ${r}\n
    \n
    \n ${""!==a.text?``:""}\n ${""!==a.subText?``:""}\n ${!0!==a.showValueLabel&&"true"!==a.showValueLabel||!a.listType.includes("buttonToggle")&&"buttonState"!==a.listType?"":``}\n
    \n
    \n
    \n
    \n
    \n
    \n `:`\n
    \n
    \n ${l}\n ${r}\n
    \n
    \n ${""!==a.text?``:""}\n ${""!==a.subText?``:""}\n ${!0!==a.showValueLabel&&"true"!==a.showValueLabel||!a.listType.includes("buttonToggle")&&"buttonState"!==a.listType?"":``}\n
    \n
    \n
    \n `,g=myMdwHelper.oidNeedSubscribe(a.objectId,t.wid,c,g);let m=myMdwHelper.bindingNeedSubscribe(i,t.wid,c,g);g=m.oidNeedSubscribe,b=b.concat(m.bindingTokenList),d.push(i)}}function o(e=!1,a=0,o=0){let l=d.join("");if(b.length>0)for(var r=0;r<=b.length-1;r++)l=l.replace(b[r],vis.formatBinding(b[r]));e?s.find(`.${p}`).replaceWith(`\n
    \n ${l}\n
    \n `):s.append(`\n
    \n ${l}\n
    \n `),s.scrollTop(a),s.scrollLeft(o)}function l(){let e=s.find(".materialdesign-iconList-button");for(var a=0;a<=e.length-1;a++){let o=n(a,t,u);if("round"===t.buttonLayout?new mdc.iconButton.MDCIconButtonToggle(e.get(a)):new mdc.ripple.MDCRipple(e.get(a)),e.get(a).style.setProperty("--mdc-theme-primary",myMdwHelper.getValueFromData(t.buttonColorPress,"")),e.eq(a).click(function(){let e=$(this).attr("index"),a=s.find(`#icon-list-item${e}`);if(o=n(e,t,u),"text"!==o.listType&&vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),"buttonToggle"===o.listType)if(console.log(a.attr("isLocked")),"false"===a.attr("isLocked")||void 0===a.attr("isLocked")){let t=vis.states.attr(o.objectId+".val");myMdwHelper.setValue(o.objectId,!t),r(e,!t,o)}else i(a);else if("buttonState"===o.listType)if("false"===a.attr("isLocked")||void 0===a.attr("isLocked")){let t=o.buttonStateValue;myMdwHelper.setValue(o.objectId,t),r(e,vis.states.attr(o.objectId+".val"),o)}else i(a);else if("buttonToggleValueTrue"===o.listType)if("false"===a.attr("isLocked")||void 0===a.attr("isLocked")){let t=vis.states.attr(o.objectId+".val");t===o.buttonToggleValueTrue||parseFloat(t)===parseFloat(o.buttonToggleValueTrue)?myMdwHelper.setValue(o.objectId,o.buttonToggleValueFalse):myMdwHelper.setValue(o.objectId,o.buttonToggleValueTrue),r(e,vis.states.attr(o.objectId+".val"),o)}else i(a);else if("buttonToggleValueFalse"===o.listType)if("false"===a.attr("isLocked")||void 0===a.attr("isLocked")){let t=vis.states.attr(o.objectId+".val");t===o.buttonToggleValueFalse||parseFloat(t)===parseFloat(o.buttonToggleValueFalse)?myMdwHelper.setValue(o.objectId,o.buttonToggleValueTrue):myMdwHelper.setValue(o.objectId,o.buttonToggleValueFalse),r(e,vis.states.attr(o.objectId+".val"),o)}else i(a);else"buttonNav"===o.listType?vis.changeView(o.buttonNavView):"buttonLink"===o.listType&&window.open(o.buttonLink)}),o.listType.includes("buttonToggle")||"buttonState"===o.listType){let e=vis.states.attr(o.objectId+".val");r(a,e,o),vis.states.bind(o.objectId+".val",function(e,a,l){let i=s.find('div[data-oid="'+e.type.substr(0,e.type.lastIndexOf("."))+'"]');i.each(function(e){let l=parseInt(i.eq(e).attr("id").replace("icon-list-item",""));o=n(l,t,u),r(l,a,o)})})}}}function r(e,a,o){let l=s.find(`#icon-list-item${e}`);l.find(".materialdesign-icon-list-item-value").text(`${a}${o.valueAppendix}`),"buttonState"===o.listType?a=a===o.buttonStateValue||parseFloat(a)===parseFloat(o.buttonStateValue):"buttonToggleValueTrue"===o.listType?a=a===o.buttonToggleValueTrue||parseFloat(a)===parseFloat(o.buttonToggleValueTrue):"buttonToggleValueFalse"===o.listType&&(a=a!==o.buttonToggleValueFalse&&parseFloat(a)!==parseFloat(o.buttonToggleValueFalse)),!0===a||"true"===a?(l.find(".materialdesign-iconList-button").css("background",o.buttonBackgroundActiveColor),myMdwHelper.changeIconElement(l,o.imageActive,"auto",h+"px",o.imageActiveColor)):(l.find(".materialdesign-iconList-button").css("background",o.buttonBackgroundColor),myMdwHelper.changeIconElement(l,o.image,"auto",h+"px",o.imageColor)),"true"===l.attr("isLocked")&&(!0===myMdwHelper.getBooleanFromData(t.lockApplyOnlyOnImage,!1)?l.find(".materialdesign-iconList-button").css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`):l.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`)),s.find(`#icon-list-item${e}`).show(),s.find(`#icon-list-item${e}`).css("display","flex")}function i(e){e.find(".materialdesign-lock-icon").fadeOut(),e.attr("isLocked",!1),e.css("filter","grayscale(0%)"),!0===myMdwHelper.getBooleanFromData(t.lockApplyOnlyOnImage,!1)?e.find(".materialdesign-iconList-button").css("filter","grayscale(0%)"):e.css("filter","grayscale(0%)"),setTimeout(function(){e.attr("isLocked",!0),e.find(".materialdesign-lock-icon").show(),!0===myMdwHelper.getBooleanFromData(t.lockApplyOnlyOnImage,!1)?e.find(".materialdesign-iconList-button").css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`):e.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`)},1e3*myMdwHelper.getNumberFromData(t.autoLockAfter,10))}function n(e,t,a){return"inputPerEditor"===t.listItemDataMethod?{background:myMdwHelper.getValueFromData(t.attr("itemBackgroundColor"+e),myMdwHelper.getValueFromData(t.itemBackgroundColor,"")),text:myMdwHelper.getValueFromData(t.attr("label"+e),""),subText:myMdwHelper.getValueFromData(t.attr("subLabel"+e),""),image:myMdwHelper.getValueFromData(t.attr("listImage"+e),""),imageColor:myMdwHelper.getValueFromData(t.attr("listImageColor"+e),"#44739e"),imageActive:myMdwHelper.getValueFromData(t.attr("listImageActive"+e),myMdwHelper.getValueFromData(t.attr("listImage"+e),"")),imageActiveColor:myMdwHelper.getValueFromData(t.attr("listImageActiveColor"+e),myMdwHelper.getValueFromData(t.attr("listImageColor"+e),"#44739e")),buttonBackgroundColor:myMdwHelper.getValueFromData(t.attr("buttonBgColor"+e),""),buttonBackgroundActiveColor:myMdwHelper.getValueFromData(t.attr("buttonBgColorActive"+e),myMdwHelper.getValueFromData(t.attr("buttonBgColor"+e),"")),listType:myMdwHelper.getValueFromData(t.attr("listType"+e),"text"),objectId:t.attr("oid"+e),buttonStateValue:t.attr("listTypeButtonStateValue"+e),buttonNavView:t.attr("listTypeButtonNav"+e),buttonLink:t.attr("listTypeButtonLink"+e),buttonToggleValueTrue:t.attr("typeButtonToggleValueTrue"+e),buttonToggleValueFalse:t.attr("typeButtonToggleValueFalse"+e),valueAppendix:myMdwHelper.getValueFromData(t.attr("valueAppendix"+e),""),showValueLabel:myMdwHelper.getBooleanFromData(t.attr("showValueLabel"+e),!0),statusBarColor:myMdwHelper.getValueFromData(t.attr("statusBarColor"+e),"transparent"),lockEnabled:myMdwHelper.getBooleanFromData(t.attr("lockEnabled"+e),!1)}:{background:myMdwHelper.getValueFromData(a[e].background,myMdwHelper.getValueFromData(t.itemBackgroundColor,"")),text:myMdwHelper.getValueFromData(a[e].text,""),subText:myMdwHelper.getValueFromData(a[e].subText,""),image:myMdwHelper.getValueFromData(a[e].image,""),imageColor:myMdwHelper.getValueFromData(a[e].imageColor,"#44739e"),imageActive:myMdwHelper.getValueFromData(a[e].imageActive,myMdwHelper.getValueFromData(a[e].image,"")),imageActiveColor:myMdwHelper.getValueFromData(a[e].imageActiveColor,myMdwHelper.getValueFromData(a[e].imageColor,"#44739e")),buttonBackgroundColor:myMdwHelper.getValueFromData(a[e].buttonBackgroundColor,""),buttonBackgroundActiveColor:myMdwHelper.getValueFromData(a[e].buttonBackgroundActiveColor,myMdwHelper.getValueFromData(a[e].buttonBackgroundColor,"")),listType:myMdwHelper.getValueFromData(a[e].listType,"text"),objectId:a[e].objectId,buttonStateValue:a[e].buttonStateValue,buttonNavView:a[e].buttonNavView,buttonLink:a[e].buttonLink,buttonToggleValueTrue:a[e].buttonToggleValueTrue,buttonToggleValueFalse:a[e].buttonToggleValueFalse,valueAppendix:myMdwHelper.getValueFromData(a[e].valueAppendix,""),showValueLabel:myMdwHelper.getBooleanFromData(a[e].showValueLabel,!0),statusBarColor:myMdwHelper.getValueFromData(a[e].statusBarColor,"transparent"),lockEnabled:myMdwHelper.getBooleanFromData(a[e].lockEnabled,!1)}}a(),g?myMdwHelper.subscribeStatesAtRuntime(t.wid,c,function(){o(),l()}):(o(),l()),vis.states.bind(t.json_string_oid+".val",function(e,r,i){let n=s.scrollTop(),d=s.scrollLeft();a(),g?myMdwHelper.subscribeStatesAtRuntime(t.wid,c,function(){o(!0,n,d),l()}):(o(!0,n,d),l())})}catch(e){console.error(`[IconList - ${t.wid}] initialize: error: ${e.message}, stack: ${e.stack}`)}}, vis.binds.materialdesign.list=function(e,t){try{let i=$(e),n="IconList",s="",c=[],d="",u=null,m=0,p="materialdesign-list-container",g=!1,b=[];function a(){if(s="",c=[],d="",b=[],g=!1,"jsonStringObject"===t.listItemDataMethod)try{vis.editMode&&t.jsonStringObject&&t.jsonStringObject.startsWith("{")&&t.jsonStringObject.endsWith("}")?(u=JSON.parse(vis.states.attr(t.jsonStringObject.substring(1,t.jsonStringObject.length-1)+".val")),m=u.length-1):(u=JSON.parse(t.jsonStringObject),m=u.length-1)}catch(e){u=[{text:`${_("Error in JSON string")}`,subText:``}],console.error(`[List - ${t.wid}] cannot parse json string! Error: ${e.message}`)}else m=t.countListItems;let e=myMdwHelper.getValueFromData(t.listItemHeight,"","height: ","px !important;");"buttonToggle_readonly"!==t.listType&&"checkbox_readonly"!==t.listType&&"switch_readonly"!==t.listType||(e+="cursor: default; pointer-events: none;");let a=myMdwHelper.getFontSize(t.listItemHeaderTextSize),o=myMdwHelper.getFontSize(t.listItemTextSize),l=myMdwHelper.getFontSize(t.listItemSubTextSize),i=myMdwHelper.getFontSize(t.listItemTextRightSize),p=myMdwHelper.getFontSize(t.listItemSubTextRightSize),h=myMdwHelper.getValueFromData(t.distanceBetweenTextAndImage,"","margin-right: ","px;"),y=myMdwHelper.getValueFromData(t.rightTextWidth,"","","px"),f="";if("text"===t.listType?d=" mdc-list--non-interactive":"checkbox"!==t.listType&&"checkbox_readonly"!==t.listType&&"switch"!==t.listType&&"switch_readonly"!==t.listType||(f='role="checkbox"'),"card"===t.listLayout?s="materialdesign-list-card":"cardOutlined"===t.listLayout&&(s="materialdesign-list-card materialdesign-list-card--outlined"),"jsonStringObject"===t.listItemDataMethod&&null!==u||"inputPerEditor"===t.listItemDataMethod)for(var w=0;w<=m;w++){let s=r(w,t,u);c.push(myMdwHelper.getListItemHeader(s.header,a));let d=myMdwHelper.getListItem("standard",w,"",!1,!1,e,`data-oid="${s.objectId}"`,f).replace(" mdc-list-item--activated",""),m="";m=""===s.subText?myMdwHelper.getListItemLabel("standard",w,s.text,!1,o,"","","",!1,t.listItemAlignment):myMdwHelper.getListItemTextElement(s.text,s.subText,o,l,t.listItemAlignment);let v="";""===s.rightSubText?(v=myMdwHelper.getListItemLabel("standard",w,s.rightText,!1,i,"","",""),v=$($.parseHTML(v)),v.addClass("materialdesign-list-item-text-right").addClass("mdc-list-item__meta")):(v=myMdwHelper.getListItemTextElement(s.rightText,s.rightSubText,i,p,"right"),v=$($.parseHTML(v)),v.addClass("mdc-list-item__meta"),v.find(".mdc-list-item__primary-text").css("justify-content","flex-end").css("width","auto").addClass("materialdesign-list-item-text-right"),v.find(".mdc-list-item__secondary-text").addClass("materialdesign-list-item-text-right")),v.css("text-align","right").css("width",y);let x=myMdwHelper.getListIcon(s.image,"auto",myMdwHelper.getValueFromData(t.listImageHeight,"","","px !important;"),s.imageColor,h),k="";"checkbox"===t.listType||"checkbox_readonly"===t.listType?k=`
    \n \n
    \n \n \n \n
    \n
    `:"switch"!==t.listType&&"switch_readonly"!==t.listType||(k=`
    \n
    \n
    \n
    \n \n
    \n
    \n
    `);let F=`${d}${x}${m}${k}${v.get(0).outerHTML}
    `;c.push(F),c.push(myMdwHelper.getListItemDivider(s.showDivider,t.listItemDividerStyle)),g=myMdwHelper.oidNeedSubscribe(s.objectId,t.wid,n,g);let M=myMdwHelper.bindingNeedSubscribe(F,t.wid,n,g);g=M.oidNeedSubscribe,b=b.concat(M.bindingTokenList)}}function o(e=!1,t=0,a=0){let o=c.join("");if(b.length>0)for(var l=0;l<=b.length-1;l++)o=o.replace(b[l],vis.formatBinding(b[l]));e?i.find(`.${p}`).replaceWith(`\n \n `):(i.addClass(s),i.append(`\n \n `)),i.scrollTop(t),i.scrollLeft(a)}function l(){function e(e,a,l){let r=i.find(`div[id="listItem_${e}"]`);!0===a?(r.css("background",myMdwHelper.getValueFromData(t.listItemBackgroundActive,"")),myMdwHelper.changeListIconElement(r,l.imageActive,"auto",myMdwHelper.getValueFromData(t.listImageHeight,"","","px !important;"),l.imageActiveColor,o)):(r.css("background",myMdwHelper.getValueFromData(t.listItemBackground,"")),myMdwHelper.changeListIconElement(r,l.image,"auto",myMdwHelper.getValueFromData(t.listImageHeight,"","","px !important;"),l.imageColor,o))}let a=i.context,o=myMdwHelper.getValueFromData(t.distanceBetweenTextAndImage,"","margin-right: ","px;");const l=new mdc.list.MDCList(a),n=l.getDefaultFoundation().adapter_;l.listElements.map(e=>new mdc.ripple.MDCRipple(e));a.style.setProperty("--materialdesign-color-list-item-background",myMdwHelper.getValueFromData(t.listItemBackground,"")),a.style.setProperty("--materialdesign-color-list-item-hover",myMdwHelper.getValueFromData(t.colorListItemHover,"")),a.style.setProperty("--materialdesign-color-list-item-selected",myMdwHelper.getValueFromData(t.colorListItemSelected,"")),a.style.setProperty("--materialdesign-color-list-item-text",myMdwHelper.getValueFromData(t.colorListItemText,"")),a.style.setProperty("--materialdesign-color-list-item-text-activated",myMdwHelper.getValueFromData(t.colorListItemText,"")),a.style.setProperty("--materialdesign-color-list-item-text-secondary",myMdwHelper.getValueFromData(t.colorListItemTextSecondary,"")),a.style.setProperty("--materialdesign-color-list-item-text-right",myMdwHelper.getValueFromData(t.colorListItemTextRight,"")),a.style.setProperty("--materialdesign-color-list-item-text-secondary-right",myMdwHelper.getValueFromData(t.colorListItemTextSecondaryRight,"")),a.style.setProperty("--materialdesign-color-list-item-header",myMdwHelper.getValueFromData(t.colorListItemHeaders,"")),a.style.setProperty("--materialdesign-color-list-item-divider",myMdwHelper.getValueFromData(t.colorListItemDivider,"")),a.style.setProperty("--materialdesign-color-switch-on",myMdwHelper.getValueFromData(t.colorSwitchTrue,"")),a.style.setProperty("--materialdesign-color-switch-off",myMdwHelper.getValueFromData(t.colorSwitchThumb,"")),a.style.setProperty("--materialdesign-color-switch-track",myMdwHelper.getValueFromData(t.colorSwitchTrack,"")),a.style.setProperty("--materialdesign-color-switch-off-hover",myMdwHelper.getValueFromData(t.colorSwitchHover,"")),vis.editMode||l.listen("MDCList:action",function(a){let o=a.detail.index,l=r(o,t,u);if("text"!==t.listType&&myMdwHelper.vibrate(t.vibrateOnMobilDevices),"checkbox"===t.listType||"switch"===t.listType){let t=n.isCheckboxCheckedAtIndex(o);myMdwHelper.setValue(l.objectId,t),e(o,t,l)}else if("buttonToggle"===t.listType){let t=vis.states.attr(l.objectId+".val");myMdwHelper.setValue(l.objectId,!t),e(o,!t,l)}else if("buttonState"===t.listType){let e=l.buttonStateValue;myMdwHelper.setValue(l.objectId,e)}else"buttonNav"===t.listType?vis.changeView(l.buttonNavView):"buttonLink"===t.listType&&window.open(l.buttonLink)});let s="switch"===t.listType||"switch_readonly"===t.listType?i.find(".mdc-switch").length:l.listElements.length;for(var c=0;c<=s-1;c++){let a=r(c,t,u);if("checkbox"===t.listType||"checkbox_readonly"===t.listType||"switch"===t.listType||"switch_readonly"===t.listType){if("switch"!==t.listType&&"switch_readonly"!==t.listType||new mdc.switchControl.MDCSwitch(i.find(".mdc-switch").get(c)),"checkbox"===t.listType||"checkbox_readonly"===t.listType){let e=new mdc.checkbox.MDCCheckbox(i.find(".mdc-checkbox").get(c));i.find(".mdc-checkbox").get(c).style.setProperty("--mdc-theme-secondary",myMdwHelper.getValueFromData(t.colorCheckBox,"")),"checkbox_readonly"===t.listType&&(e.disabled=!0)}let o=vis.states.attr(a.objectId+".val");n.setCheckedCheckboxOrRadioAtIndex(c,o),e(c,o,a),vis.states.bind(a.objectId+".val",function(o,l,s){let c=i.find('input[data-oid="'+o.type.substr(0,o.type.lastIndexOf("."))+'"]');c.each(function(o){let i=c.eq(o).attr("itemindex");a=r(i,t,u),n.setCheckedCheckboxOrRadioAtIndex(i,l),e(i,l,a)})})}else if("buttonToggle"===t.listType||"buttonToggle_readonly"===t.listType){let o=vis.states.attr(a.objectId+".val");e(c,o,a),vis.states.bind(a.objectId+".val",function(o,l,n){let s=i.parent().find('div[data-oid="'+o.type.substr(0,o.type.lastIndexOf("."))+'"]');s.each(function(o){let i=parseInt(s.eq(o).attr("id").replace("listItem_",""));a=r(i,t,u),e(i,l,a)})})}}}function r(e,t,a){return"inputPerEditor"===t.listItemDataMethod?{text:myMdwHelper.getValueFromData(t.attr("label"+e),`Item ${e}`),subText:myMdwHelper.getValueFromData(t.attr("subLabel"+e),""),rightText:myMdwHelper.getValueFromData(t.attr("rightLabel"+e),""),rightSubText:myMdwHelper.getValueFromData(t.attr("rightSubLabel"+e),""),image:myMdwHelper.getValueFromData(t.attr("listImage"+e),""),imageColor:myMdwHelper.getValueFromData(t.attr("listImageColor"+e),"#44739e"),imageActive:myMdwHelper.getValueFromData(t.attr("listImageActive"+e),myMdwHelper.getValueFromData(t.attr("listImage"+e),"")),imageActiveColor:myMdwHelper.getValueFromData(t.attr("listImageActiveColor"+e),myMdwHelper.getValueFromData(t.attr("listImageColor"+e),"#44739e")),header:myMdwHelper.getValueFromData(t.attr("groupHeader"+e),""),showDivider:t.attr("dividers"+e),objectId:t.attr("oid"+e),buttonStateValue:t.attr("listTypeButtonStateValue"+e),buttonNavView:t.attr("listTypeButtonNav"+e),buttonLink:t.attr("listTypeButtonLink"+e)}:{text:myMdwHelper.getValueFromData(a[e].text,""),subText:myMdwHelper.getValueFromData(a[e].subText,""),rightText:myMdwHelper.getValueFromData(a[e].rightText,""),rightSubText:myMdwHelper.getValueFromData(a[e].rightSubText,""),image:myMdwHelper.getValueFromData(a[e].image,""),imageColor:myMdwHelper.getValueFromData(a[e].imageColor,"#44739e"),imageActive:myMdwHelper.getValueFromData(a[e].imageActive,myMdwHelper.getValueFromData(a[e].image,"")),imageActiveColor:myMdwHelper.getValueFromData(a[e].imageActiveColor,myMdwHelper.getValueFromData(a[e].imageColor,"#44739e")),header:myMdwHelper.getValueFromData(a[e].header,""),showDivider:a[e].showDivider,objectId:a[e].objectId,buttonStateValue:a[e].buttonStateValue,buttonNavView:a[e].buttonNavView,buttonLink:a[e].buttonLink}}a(),g?myMdwHelper.subscribeStatesAtRuntime(t.wid,n,function(){o(),l()}):(o(),l())}catch(e){console.error(`[List - ${t.wid}] handler: error: ${e.message}, stack: ${e.stack}`)}},vis.binds.materialdesign.materialdesignicons={initialize:function(e,t){try{let a=$(e);a.append(myMdwHelper.getIconElement(myMdwHelper.getValueFromData(t.mdwIcon,"material-design"),"auto",myMdwHelper.getNumberFromData(t.mdwIconSize,50)+"px",myMdwHelper.getValueFromData(t.mdwIconColor,"#44739e")))}catch(e){console.error(`[MaterialDesignIcon - ${t.wid}] initialize: error: ${e.message}, stack: ${e.stack}`)}},getList:function(){ return["ab-testing","abjad-arabic","abjad-hebrew","abugida-devanagari","abugida-thai","access-point","access-point-network","access-point-network-off","account","account-alert","account-alert-outline","account-arrow-left","account-arrow-left-outline","account-arrow-right","account-arrow-right-outline","account-box","account-box-multiple","account-box-multiple-outline","account-box-outline","account-cancel","account-cancel-outline","account-cash","account-cash-outline","account-check","account-check-outline","account-child","account-child-circle","account-child-outline","account-circle","account-circle-outline","account-clock","account-clock-outline","account-cog","account-cog-outline","account-convert","account-convert-outline","account-cowboy-hat","account-details","account-details-outline","account-edit","account-edit-outline","account-group","account-group-outline","account-hard-hat","account-heart","account-heart-outline","account-key","account-key-outline","account-lock","account-lock-outline","account-minus","account-minus-outline","account-multiple","account-multiple-check","account-multiple-check-outline","account-multiple-minus","account-multiple-minus-outline","account-multiple-outline","account-multiple-plus","account-multiple-plus-outline","account-multiple-remove","account-multiple-remove-outline","account-music","account-music-outline","account-network","account-network-outline","account-off","account-off-outline","account-outline","account-plus","account-plus-outline","account-question","account-question-outline","account-remove","account-remove-outline","account-search","account-search-outline","account-settings","account-settings-outline","account-star","account-star-outline","account-supervisor","account-supervisor-circle","account-supervisor-outline","account-switch","account-switch-outline","account-tie","account-tie-outline","account-tie-voice","account-tie-voice-off","account-tie-voice-off-outline","account-tie-voice-outline","account-voice","adjust","adobe","adobe-acrobat","air-conditioner","air-filter","air-horn","air-humidifier","air-purifier","airbag","airballoon","airballoon-outline","airplane","airplane-landing","airplane-off","airplane-takeoff","airport","alarm","alarm-bell","alarm-check","alarm-light","alarm-light-outline","alarm-multiple","alarm-note","alarm-note-off","alarm-off","alarm-plus","alarm-snooze","album","alert","alert-box","alert-box-outline","alert-circle","alert-circle-check","alert-circle-check-outline","alert-circle-outline","alert-decagram","alert-decagram-outline","alert-octagon","alert-octagon-outline","alert-octagram","alert-octagram-outline","alert-outline","alert-rhombus","alert-rhombus-outline","alien","alien-outline","align-horizontal-center","align-horizontal-left","align-horizontal-right","align-vertical-bottom","align-vertical-center","align-vertical-top","all-inclusive","allergy","alpha","alpha-a","alpha-a-box","alpha-a-box-outline","alpha-a-circle","alpha-a-circle-outline","alpha-b","alpha-b-box","alpha-b-box-outline","alpha-b-circle","alpha-b-circle-outline","alpha-c","alpha-c-box","alpha-c-box-outline","alpha-c-circle","alpha-c-circle-outline","alpha-d","alpha-d-box","alpha-d-box-outline","alpha-d-circle","alpha-d-circle-outline","alpha-e","alpha-e-box","alpha-e-box-outline","alpha-e-circle","alpha-e-circle-outline","alpha-f","alpha-f-box","alpha-f-box-outline","alpha-f-circle","alpha-f-circle-outline","alpha-g","alpha-g-box","alpha-g-box-outline","alpha-g-circle","alpha-g-circle-outline","alpha-h","alpha-h-box","alpha-h-box-outline","alpha-h-circle","alpha-h-circle-outline","alpha-i","alpha-i-box","alpha-i-box-outline","alpha-i-circle","alpha-i-circle-outline","alpha-j","alpha-j-box","alpha-j-box-outline","alpha-j-circle","alpha-j-circle-outline","alpha-k","alpha-k-box","alpha-k-box-outline","alpha-k-circle","alpha-k-circle-outline","alpha-l","alpha-l-box","alpha-l-box-outline","alpha-l-circle","alpha-l-circle-outline","alpha-m","alpha-m-box","alpha-m-box-outline","alpha-m-circle","alpha-m-circle-outline","alpha-n","alpha-n-box","alpha-n-box-outline","alpha-n-circle","alpha-n-circle-outline","alpha-o","alpha-o-box","alpha-o-box-outline","alpha-o-circle","alpha-o-circle-outline","alpha-p","alpha-p-box","alpha-p-box-outline","alpha-p-circle","alpha-p-circle-outline","alpha-q","alpha-q-box","alpha-q-box-outline","alpha-q-circle","alpha-q-circle-outline","alpha-r","alpha-r-box","alpha-r-box-outline","alpha-r-circle","alpha-r-circle-outline","alpha-s","alpha-s-box","alpha-s-box-outline","alpha-s-circle","alpha-s-circle-outline","alpha-t","alpha-t-box","alpha-t-box-outline","alpha-t-circle","alpha-t-circle-outline","alpha-u","alpha-u-box","alpha-u-box-outline","alpha-u-circle","alpha-u-circle-outline","alpha-v","alpha-v-box","alpha-v-box-outline","alpha-v-circle","alpha-v-circle-outline","alpha-w","alpha-w-box","alpha-w-box-outline","alpha-w-circle","alpha-w-circle-outline","alpha-x","alpha-x-box","alpha-x-box-outline","alpha-x-circle","alpha-x-circle-outline","alpha-y","alpha-y-box","alpha-y-box-outline","alpha-y-circle","alpha-y-circle-outline","alpha-z","alpha-z-box","alpha-z-box-outline","alpha-z-circle","alpha-z-circle-outline","alphabet-aurebesh","alphabet-cyrillic","alphabet-greek","alphabet-latin","alphabet-piqad","alphabet-tengwar","alphabetical","alphabetical-off","alphabetical-variant","alphabetical-variant-off","altimeter","amazon","amazon-alexa","ambulance","ammunition","ampersand","amplifier","amplifier-off","anchor","android","android-auto","android-debug-bridge","android-messages","android-studio","angle-acute","angle-obtuse","angle-right","angular","angularjs","animation","animation-outline","animation-play","animation-play-outline","ansible","antenna","anvil","apache-kafka","api","api-off","apple","apple-airplay","apple-finder","apple-icloud","apple-ios","apple-keyboard-caps","apple-keyboard-command","apple-keyboard-control","apple-keyboard-option","apple-keyboard-shift","apple-safari","application","application-export","application-import","approximately-equal","approximately-equal-box","apps","apps-box","arch","archive","archive-arrow-down","archive-arrow-down-outline","archive-arrow-up","archive-arrow-up-outline","archive-outline","arm-flex","arm-flex-outline","arrange-bring-forward","arrange-bring-to-front","arrange-send-backward","arrange-send-to-back","arrow-all","arrow-bottom-left","arrow-bottom-left-bold-outline","arrow-bottom-left-thick","arrow-bottom-right","arrow-bottom-right-bold-outline","arrow-bottom-right-thick","arrow-collapse","arrow-collapse-all","arrow-collapse-down","arrow-collapse-horizontal","arrow-collapse-left","arrow-collapse-right","arrow-collapse-up","arrow-collapse-vertical","arrow-decision","arrow-decision-auto","arrow-decision-auto-outline","arrow-decision-outline","arrow-down","arrow-down-bold","arrow-down-bold-box","arrow-down-bold-box-outline","arrow-down-bold-circle","arrow-down-bold-circle-outline","arrow-down-bold-hexagon-outline","arrow-down-bold-outline","arrow-down-box","arrow-down-circle","arrow-down-circle-outline","arrow-down-drop-circle","arrow-down-drop-circle-outline","arrow-down-thick","arrow-expand","arrow-expand-all","arrow-expand-down","arrow-expand-horizontal","arrow-expand-left","arrow-expand-right","arrow-expand-up","arrow-expand-vertical","arrow-horizontal-lock","arrow-left","arrow-left-bold","arrow-left-bold-box","arrow-left-bold-box-outline","arrow-left-bold-circle","arrow-left-bold-circle-outline","arrow-left-bold-hexagon-outline","arrow-left-bold-outline","arrow-left-box","arrow-left-circle","arrow-left-circle-outline","arrow-left-drop-circle","arrow-left-drop-circle-outline","arrow-left-right","arrow-left-right-bold","arrow-left-right-bold-outline","arrow-left-thick","arrow-right","arrow-right-bold","arrow-right-bold-box","arrow-right-bold-box-outline","arrow-right-bold-circle","arrow-right-bold-circle-outline","arrow-right-bold-hexagon-outline","arrow-right-bold-outline","arrow-right-box","arrow-right-circle","arrow-right-circle-outline","arrow-right-drop-circle","arrow-right-drop-circle-outline","arrow-right-thick","arrow-split-horizontal","arrow-split-vertical","arrow-top-left","arrow-top-left-bold-outline","arrow-top-left-bottom-right","arrow-top-left-bottom-right-bold","arrow-top-left-thick","arrow-top-right","arrow-top-right-bold-outline","arrow-top-right-bottom-left","arrow-top-right-bottom-left-bold","arrow-top-right-thick","arrow-up","arrow-up-bold","arrow-up-bold-box","arrow-up-bold-box-outline","arrow-up-bold-circle","arrow-up-bold-circle-outline","arrow-up-bold-hexagon-outline","arrow-up-bold-outline","arrow-up-box","arrow-up-circle","arrow-up-circle-outline","arrow-up-down","arrow-up-down-bold","arrow-up-down-bold-outline","arrow-up-drop-circle","arrow-up-drop-circle-outline","arrow-up-thick","arrow-vertical-lock","artstation","aspect-ratio","assistant","asterisk","at","atlassian","atm","atom","atom-variant","attachment","audio-video","audio-video-off","augmented-reality","auto-download","auto-fix","auto-upload","autorenew","av-timer","aws","axe","axis","axis-arrow","axis-arrow-info","axis-arrow-lock","axis-lock","axis-x-arrow","axis-x-arrow-lock","axis-x-rotate-clockwise","axis-x-rotate-counterclockwise","axis-x-y-arrow-lock","axis-y-arrow","axis-y-arrow-lock","axis-y-rotate-clockwise","axis-y-rotate-counterclockwise","axis-z-arrow","axis-z-arrow-lock","axis-z-rotate-clockwise","axis-z-rotate-counterclockwise","babel","baby","baby-bottle","baby-bottle-outline","baby-buggy","baby-carriage","baby-carriage-off","baby-face","baby-face-outline","backburger","backspace","backspace-outline","backspace-reverse","backspace-reverse-outline","backup-restore","bacteria","bacteria-outline","badge-account","badge-account-alert","badge-account-alert-outline","badge-account-horizontal","badge-account-horizontal-outline","badge-account-outline","badminton","bag-carry-on","bag-carry-on-check","bag-carry-on-off","bag-checked","bag-personal","bag-personal-off","bag-personal-off-outline","bag-personal-outline","baguette","balloon","ballot","ballot-outline","ballot-recount","ballot-recount-outline","bandage","bandcamp","bank","bank-minus","bank-outline","bank-plus","bank-remove","bank-transfer","bank-transfer-in","bank-transfer-out","barcode","barcode-off","barcode-scan","barley","barley-off","barn","barrel","baseball","baseball-bat","bash","basket","basket-fill","basket-outline","basket-unfill","basketball","basketball-hoop","basketball-hoop-outline","bat","battery","battery-10","battery-10-bluetooth","battery-20","battery-20-bluetooth","battery-30","battery-30-bluetooth","battery-40","battery-40-bluetooth","battery-50","battery-50-bluetooth","battery-60","battery-60-bluetooth","battery-70","battery-70-bluetooth","battery-80","battery-80-bluetooth","battery-90","battery-90-bluetooth","battery-alert","battery-alert-bluetooth","battery-alert-variant","battery-alert-variant-outline","battery-bluetooth","battery-bluetooth-variant","battery-charging","battery-charging-10","battery-charging-100","battery-charging-20","battery-charging-30","battery-charging-40","battery-charging-50","battery-charging-60","battery-charging-70","battery-charging-80","battery-charging-90","battery-charging-high","battery-charging-low","battery-charging-medium","battery-charging-outline","battery-charging-wireless","battery-charging-wireless-10","battery-charging-wireless-20","battery-charging-wireless-30","battery-charging-wireless-40","battery-charging-wireless-50","battery-charging-wireless-60","battery-charging-wireless-70","battery-charging-wireless-80","battery-charging-wireless-90","battery-charging-wireless-alert","battery-charging-wireless-outline","battery-heart","battery-heart-outline","battery-heart-variant","battery-high","battery-low","battery-medium","battery-minus","battery-negative","battery-off","battery-off-outline","battery-outline","battery-plus","battery-positive","battery-unknown","battery-unknown-bluetooth","battlenet","beach","beaker","beaker-alert","beaker-alert-outline","beaker-check","beaker-check-outline","beaker-minus","beaker-minus-outline","beaker-outline","beaker-plus","beaker-plus-outline","beaker-question","beaker-question-outline","beaker-remove","beaker-remove-outline","bed","bed-double","bed-double-outline","bed-empty","bed-king","bed-king-outline","bed-outline","bed-queen","bed-queen-outline","bed-single","bed-single-outline","bee","bee-flower","beehive-off-outline","beehive-outline","beer","beer-outline","bell","bell-alert","bell-alert-outline","bell-cancel","bell-cancel-outline","bell-check","bell-check-outline","bell-circle","bell-circle-outline","bell-minus","bell-minus-outline","bell-off","bell-off-outline","bell-outline","bell-plus","bell-plus-outline","bell-remove","bell-remove-outline","bell-ring","bell-ring-outline","bell-sleep","bell-sleep-outline","beta","betamax","biathlon","bicycle","bicycle-basket","bike","bike-fast","billboard","billiards","billiards-rack","binoculars","bio","biohazard","bitbucket","bitcoin","black-mesa","blender","blender-software","blinds","blinds-open","block-helper","blogger","blood-bag","bluetooth","bluetooth-audio","bluetooth-connect","bluetooth-off","bluetooth-settings","bluetooth-transfer","blur","blur-linear","blur-off","blur-radial","bolnisi-cross","bolt","bomb","bomb-off","bone","book","book-account","book-account-outline","book-alphabet","book-cross","book-information-variant","book-lock","book-lock-open","book-minus","book-minus-multiple","book-minus-multiple-outline","book-multiple","book-multiple-outline","book-music","book-open","book-open-outline","book-open-page-variant","book-open-variant","book-outline","book-play","book-play-outline","book-plus","book-plus-multiple","book-plus-multiple-outline","book-remove","book-remove-multiple","book-remove-multiple-outline","book-search","book-search-outline","book-variant","book-variant-multiple","bookmark","bookmark-check","bookmark-check-outline","bookmark-minus","bookmark-minus-outline","bookmark-multiple","bookmark-multiple-outline","bookmark-music","bookmark-music-outline","bookmark-off","bookmark-off-outline","bookmark-outline","bookmark-plus","bookmark-plus-outline","bookmark-remove","bookmark-remove-outline","bookshelf","boom-gate","boom-gate-alert","boom-gate-alert-outline","boom-gate-down","boom-gate-down-outline","boom-gate-outline","boom-gate-up","boom-gate-up-outline","boombox","boomerang","bootstrap","border-all","border-all-variant","border-bottom","border-bottom-variant","border-color","border-horizontal","border-inside","border-left","border-left-variant","border-none","border-none-variant","border-outside","border-right","border-right-variant","border-style","border-top","border-top-variant","border-vertical","bottle-soda","bottle-soda-classic","bottle-soda-classic-outline","bottle-soda-outline","bottle-tonic","bottle-tonic-outline","bottle-tonic-plus","bottle-tonic-plus-outline","bottle-tonic-skull","bottle-tonic-skull-outline","bottle-wine","bottle-wine-outline","bow-tie","bowl","bowl-mix","bowl-mix-outline","bowl-outline","bowling","box","box-cutter","box-cutter-off","box-shadow","boxing-glove","braille","brain","bread-slice","bread-slice-outline","bridge","briefcase","briefcase-account","briefcase-account-outline","briefcase-check","briefcase-check-outline","briefcase-clock","briefcase-clock-outline","briefcase-download","briefcase-download-outline","briefcase-edit","briefcase-edit-outline","briefcase-minus","briefcase-minus-outline","briefcase-outline","briefcase-plus","briefcase-plus-outline","briefcase-remove","briefcase-remove-outline","briefcase-search","briefcase-search-outline","briefcase-upload","briefcase-upload-outline","brightness-1","brightness-2","brightness-3","brightness-4","brightness-5","brightness-6","brightness-7","brightness-auto","brightness-percent","broom","brush","bucket","bucket-outline","buddhism","buffer","buffet","bug","bug-check","bug-check-outline","bug-outline","bugle","bulldozer","bullet","bulletin-board","bullhorn","bullhorn-outline","bullseye","bullseye-arrow","bulma","bunk-bed","bunk-bed-outline","bus","bus-alert","bus-articulated-end","bus-articulated-front","bus-clock","bus-double-decker","bus-marker","bus-multiple","bus-school","bus-side","bus-stop","bus-stop-covered","bus-stop-uncovered","cable-data","cached","cactus","cake","cake-layered","cake-variant","calculator","calculator-variant","calendar","calendar-account","calendar-account-outline","calendar-alert","calendar-arrow-left","calendar-arrow-right","calendar-blank","calendar-blank-multiple","calendar-blank-outline","calendar-check","calendar-check-outline","calendar-clock","calendar-edit","calendar-export","calendar-heart","calendar-import","calendar-minus","calendar-month","calendar-month-outline","calendar-multiple","calendar-multiple-check","calendar-multiselect","calendar-outline","calendar-plus","calendar-question","calendar-range","calendar-range-outline","calendar-refresh","calendar-refresh-outline","calendar-remove","calendar-remove-outline","calendar-search","calendar-star","calendar-sync","calendar-sync-outline","calendar-text","calendar-text-outline","calendar-today","calendar-week","calendar-week-begin","calendar-weekend","calendar-weekend-outline","call-made","call-merge","call-missed","call-received","call-split","camcorder","camcorder-off","camera","camera-account","camera-burst","camera-control","camera-enhance","camera-enhance-outline","camera-front","camera-front-variant","camera-gopro","camera-image","camera-iris","camera-metering-center","camera-metering-matrix","camera-metering-partial","camera-metering-spot","camera-off","camera-outline","camera-party-mode","camera-plus","camera-plus-outline","camera-rear","camera-rear-variant","camera-retake","camera-retake-outline","camera-switch","camera-switch-outline","camera-timer","camera-wireless","camera-wireless-outline","campfire","cancel","candle","candycane","cannabis","caps-lock","car","car-2-plus","car-3-plus","car-arrow-left","car-arrow-right","car-back","car-battery","car-brake-abs","car-brake-alert","car-brake-hold","car-brake-parking","car-brake-retarder","car-child-seat","car-clutch","car-cog","car-connected","car-convertible","car-coolant-level","car-cruise-control","car-defrost-front","car-defrost-rear","car-door","car-door-lock","car-electric","car-esp","car-estate","car-hatchback","car-info","car-key","car-light-dimmed","car-light-fog","car-light-high","car-limousine","car-multiple","car-off","car-parking-lights","car-pickup","car-seat","car-seat-cooler","car-seat-heater","car-settings","car-shift-pattern","car-side","car-sports","car-tire-alert","car-traction-control","car-turbocharger","car-wash","car-windshield","car-windshield-outline","caravan","card","card-account-details","card-account-details-outline","card-account-details-star","card-account-details-star-outline","card-account-mail","card-account-mail-outline","card-account-phone","card-account-phone-outline","card-bulleted","card-bulleted-off","card-bulleted-off-outline","card-bulleted-outline","card-bulleted-settings","card-bulleted-settings-outline","card-outline","card-plus","card-plus-outline","card-search","card-search-outline","card-text","card-text-outline","cards","cards-club","cards-diamond","cards-diamond-outline","cards-heart","cards-outline","cards-playing-outline","cards-spade","cards-variant","carrot","cart","cart-arrow-down","cart-arrow-right","cart-arrow-up","cart-minus","cart-off","cart-outline","cart-plus","cart-remove","case-sensitive-alt","cash","cash-100","cash-marker","cash-minus","cash-multiple","cash-plus","cash-refund","cash-register","cash-remove","cash-usd","cash-usd-outline","cassette","cast","cast-audio","cast-connected","cast-education","cast-off","castle","cat","cctv","ceiling-light","cellphone","cellphone-android","cellphone-arrow-down","cellphone-basic","cellphone-charging","cellphone-cog","cellphone-dock","cellphone-erase","cellphone-information","cellphone-iphone","cellphone-key","cellphone-link","cellphone-link-off","cellphone-lock","cellphone-message","cellphone-message-off","cellphone-nfc","cellphone-nfc-off","cellphone-off","cellphone-play","cellphone-screenshot","cellphone-settings","cellphone-sound","cellphone-text","cellphone-wireless","celtic-cross","centos","certificate","certificate-outline","chair-rolling","chair-school","charity","chart-arc","chart-areaspline","chart-areaspline-variant","chart-bar","chart-bar-stacked","chart-bell-curve","chart-bell-curve-cumulative","chart-bubble","chart-donut","chart-donut-variant","chart-gantt","chart-histogram","chart-line","chart-line-stacked","chart-line-variant","chart-multiline","chart-multiple","chart-pie","chart-ppf","chart-sankey","chart-sankey-variant","chart-scatter-plot","chart-scatter-plot-hexbin","chart-timeline","chart-timeline-variant","chart-tree","chat","chat-alert","chat-alert-outline","chat-minus","chat-minus-outline","chat-outline","chat-plus","chat-plus-outline","chat-processing","chat-processing-outline","chat-remove","chat-remove-outline","chat-sleep","chat-sleep-outline","check","check-all","check-bold","check-box-multiple-outline","check-box-outline","check-circle","check-circle-outline","check-decagram","check-network","check-network-outline","check-outline","check-underline","check-underline-circle","check-underline-circle-outline","checkbook","checkbox-blank","checkbox-blank-circle","checkbox-blank-circle-outline","checkbox-blank-off","checkbox-blank-off-outline","checkbox-blank-outline","checkbox-intermediate","checkbox-marked","checkbox-marked-circle","checkbox-marked-circle-outline","checkbox-marked-outline","checkbox-multiple-blank","checkbox-multiple-blank-circle","checkbox-multiple-blank-circle-outline","checkbox-multiple-blank-outline","checkbox-multiple-marked","checkbox-multiple-marked-circle","checkbox-multiple-marked-circle-outline","checkbox-multiple-marked-outline","checkerboard","checkerboard-minus","checkerboard-plus","checkerboard-remove","cheese","cheese-off","chef-hat","chemical-weapon","chess-bishop","chess-king","chess-knight","chess-pawn","chess-queen","chess-rook","chevron-double-down","chevron-double-left","chevron-double-right","chevron-double-up","chevron-down","chevron-down-box","chevron-down-box-outline","chevron-down-circle","chevron-down-circle-outline","chevron-left","chevron-left-box","chevron-left-box-outline","chevron-left-circle","chevron-left-circle-outline","chevron-right","chevron-right-box","chevron-right-box-outline","chevron-right-circle","chevron-right-circle-outline","chevron-triple-down","chevron-triple-left","chevron-triple-right","chevron-triple-up","chevron-up","chevron-up-box","chevron-up-box-outline","chevron-up-circle","chevron-up-circle-outline","chili-hot","chili-medium","chili-mild","chip","christianity","christianity-outline","church","cigar","circle","circle-double","circle-edit-outline","circle-expand","circle-half","circle-half-full","circle-medium","circle-multiple","circle-multiple-outline","circle-off-outline","circle-outline","circle-slice-1","circle-slice-2","circle-slice-3","circle-slice-4","circle-slice-5","circle-slice-6","circle-slice-7","circle-slice-8","circle-small","circular-saw","city","city-variant","city-variant-outline","clipboard","clipboard-account","clipboard-account-outline","clipboard-alert","clipboard-alert-outline","clipboard-arrow-down","clipboard-arrow-down-outline","clipboard-arrow-left","clipboard-arrow-left-outline","clipboard-arrow-right","clipboard-arrow-right-outline","clipboard-arrow-up","clipboard-arrow-up-outline","clipboard-check","clipboard-check-multiple","clipboard-check-multiple-outline","clipboard-check-outline","clipboard-file","clipboard-file-outline","clipboard-flow","clipboard-flow-outline","clipboard-list","clipboard-list-outline","clipboard-multiple","clipboard-multiple-outline","clipboard-outline","clipboard-play","clipboard-play-multiple","clipboard-play-multiple-outline","clipboard-play-outline","clipboard-plus","clipboard-plus-outline","clipboard-pulse","clipboard-pulse-outline","clipboard-text","clipboard-text-multiple","clipboard-text-multiple-outline","clipboard-text-outline","clipboard-text-play","clipboard-text-play-outline","clippy","clock","clock-alert","clock-alert-outline","clock-check","clock-check-outline","clock-digital","clock-end","clock-fast","clock-in","clock-out","clock-outline","clock-start","close","close-box","close-box-multiple","close-box-multiple-outline","close-box-outline","close-circle","close-circle-multiple","close-circle-multiple-outline","close-circle-outline","close-network","close-network-outline","close-octagon","close-octagon-outline","close-outline","close-thick","closed-caption","closed-caption-outline","cloud","cloud-alert","cloud-braces","cloud-check","cloud-check-outline","cloud-circle","cloud-download","cloud-download-outline","cloud-lock","cloud-lock-outline","cloud-off-outline","cloud-outline","cloud-print","cloud-print-outline","cloud-question","cloud-refresh","cloud-search","cloud-search-outline","cloud-sync","cloud-sync-outline","cloud-tags","cloud-upload","cloud-upload-outline","clover","coach-lamp","coat-rack","code-array","code-braces","code-braces-box","code-brackets","code-equal","code-greater-than","code-greater-than-or-equal","code-json","code-less-than","code-less-than-or-equal","code-not-equal","code-not-equal-variant","code-parentheses","code-parentheses-box","code-string","code-tags","code-tags-check","codepen","coffee","coffee-maker","coffee-off","coffee-off-outline","coffee-outline","coffee-to-go","coffee-to-go-outline","coffin","cog","cog-box","cog-clockwise","cog-counterclockwise","cog-off","cog-off-outline","cog-outline","cog-transfer","cog-transfer-outline","cogs","collage","collapse-all","collapse-all-outline","color-helper","comma","comma-box","comma-box-outline","comma-circle","comma-circle-outline","comment","comment-account","comment-account-outline","comment-alert","comment-alert-outline","comment-arrow-left","comment-arrow-left-outline","comment-arrow-right","comment-arrow-right-outline","comment-check","comment-check-outline","comment-edit","comment-edit-outline","comment-eye","comment-eye-outline","comment-multiple","comment-multiple-outline","comment-outline","comment-plus","comment-plus-outline","comment-processing","comment-processing-outline","comment-question","comment-question-outline","comment-quote","comment-quote-outline","comment-remove","comment-remove-outline","comment-search","comment-search-outline","comment-text","comment-text-multiple","comment-text-multiple-outline","comment-text-outline","compare","compass","compass-off","compass-off-outline","compass-outline","compass-rose","concourse-ci","console","console-line","console-network","console-network-outline","consolidate","contactless-payment","contactless-payment-circle","contactless-payment-circle-outline","contacts","contacts-outline","contain","contain-end","contain-start","content-copy","content-cut","content-duplicate","content-paste","content-save","content-save-alert","content-save-alert-outline","content-save-all","content-save-all-outline","content-save-edit","content-save-edit-outline","content-save-move","content-save-move-outline","content-save-outline","content-save-settings","content-save-settings-outline","contrast","contrast-box","contrast-circle","controller-classic","controller-classic-outline","cookie","coolant-temperature","copyright","cordova","corn","corn-off","counter","cow","cpu-32-bit","cpu-64-bit","crane","creation","creative-commons","credit-card","credit-card-check","credit-card-check-outline","credit-card-clock","credit-card-clock-outline","credit-card-marker","credit-card-marker-outline","credit-card-minus","credit-card-minus-outline","credit-card-multiple","credit-card-multiple-outline","credit-card-off","credit-card-off-outline","credit-card-outline","credit-card-plus","credit-card-plus-outline","credit-card-refund","credit-card-refund-outline","credit-card-remove","credit-card-remove-outline","credit-card-scan","credit-card-scan-outline","credit-card-settings","credit-card-settings-outline","credit-card-wireless","credit-card-wireless-off","credit-card-wireless-off-outline","credit-card-wireless-outline","cricket","crop","crop-free","crop-landscape","crop-portrait","crop-rotate","crop-square","crosshairs","crosshairs-gps","crosshairs-off","crosshairs-question","crown","crown-outline","cryengine","crystal-ball","cube","cube-outline","cube-scan","cube-send","cube-unfolded","cup","cup-off","cup-off-outline","cup-outline","cup-water","cupboard","cupboard-outline","cupcake","curling","currency-bdt","currency-brl","currency-btc","currency-cny","currency-eth","currency-eur","currency-eur-off","currency-gbp","currency-ils","currency-inr","currency-jpy","currency-krw","currency-kzt","currency-ngn","currency-php","currency-rial","currency-rub","currency-sign","currency-try","currency-twd","currency-usd","currency-usd-circle","currency-usd-circle-outline","currency-usd-off","current-ac","current-dc","cursor-default","cursor-default-click","cursor-default-click-outline","cursor-default-gesture","cursor-default-gesture-outline","cursor-default-outline","cursor-move","cursor-pointer","cursor-text","database","database-check","database-edit","database-export","database-import","database-lock","database-marker","database-minus","database-plus","database-refresh","database-remove","database-search","database-settings","database-sync","death-star","death-star-variant","deathly-hallows","debian","debug-step-into","debug-step-out","debug-step-over","decagram","decagram-outline","decimal","decimal-comma","decimal-comma-decrease","decimal-comma-increase","decimal-decrease","decimal-increase","delete","delete-alert","delete-alert-outline","delete-circle","delete-circle-outline","delete-empty","delete-empty-outline","delete-forever","delete-forever-outline","delete-off","delete-off-outline","delete-outline","delete-restore","delete-sweep","delete-sweep-outline","delete-variant","delta","desk","desk-lamp","deskphone","desktop-classic","desktop-mac","desktop-mac-dashboard","desktop-tower","desktop-tower-monitor","details","dev-to","developer-board","deviantart","devices","diabetes","dialpad","diameter","diameter-outline","diameter-variant","diamond","diamond-outline","diamond-stone","dice-1","dice-1-outline","dice-2","dice-2-outline","dice-3","dice-3-outline","dice-4","dice-4-outline","dice-5","dice-5-outline","dice-6","dice-6-outline","dice-d10","dice-d10-outline","dice-d12","dice-d12-outline","dice-d20","dice-d20-outline","dice-d4","dice-d4-outline","dice-d6","dice-d6-outline","dice-d8","dice-d8-outline","dice-multiple","dice-multiple-outline","digital-ocean","dip-switch","directions","directions-fork","disc","disc-alert","disc-player","discord","dishwasher","dishwasher-alert","dishwasher-off","disqus","distribute-horizontal-center","distribute-horizontal-left","distribute-horizontal-right","distribute-vertical-bottom","distribute-vertical-center","distribute-vertical-top","diving-flippers","diving-helmet","diving-scuba","diving-scuba-flag","diving-scuba-tank","diving-scuba-tank-multiple","diving-snorkel","division","division-box","dlna","dna","dns","dns-outline","do-not-disturb","do-not-disturb-off","dock-bottom","dock-left","dock-right","dock-window","docker","doctor","dog","dog-service","dog-side","dolby","dolly","domain","domain-off","domain-plus","domain-remove","domino-mask","donkey","door","door-closed","door-closed-lock","door-open","doorbell","doorbell-video","dot-net","dots-horizontal","dots-horizontal-circle","dots-horizontal-circle-outline","dots-vertical","dots-vertical-circle","dots-vertical-circle-outline","douban","download","download-lock","download-lock-outline","download-multiple","download-network","download-network-outline","download-off","download-off-outline","download-outline","drag","drag-horizontal","drag-horizontal-variant","drag-variant","drag-vertical","drag-vertical-variant","drama-masks","draw","drawing","drawing-box","dresser","dresser-outline","drone","dropbox","drupal","duck","dumbbell","dump-truck","ear-hearing","ear-hearing-off","earth","earth-arrow-right","earth-box","earth-box-minus","earth-box-off","earth-box-plus","earth-box-remove","earth-minus","earth-off","earth-plus","earth-remove","egg","egg-easter","egg-off","egg-off-outline","egg-outline","eight-track","eject","eject-outline","electric-switch","electric-switch-closed","electron-framework","elephant","elevation-decline","elevation-rise","elevator","elevator-down","elevator-passenger","elevator-up","ellipse","ellipse-outline","email","email-alert","email-alert-outline","email-box","email-check","email-check-outline","email-edit","email-edit-outline","email-lock","email-mark-as-unread","email-minus","email-minus-outline","email-multiple","email-multiple-outline","email-newsletter","email-off","email-off-outline","email-open","email-open-multiple","email-open-multiple-outline","email-open-outline","email-outline","email-plus","email-plus-outline","email-receive","email-receive-outline","email-search","email-search-outline","email-send","email-send-outline","email-sync","email-sync-outline","email-variant","ember","emby","emoticon","emoticon-angry","emoticon-angry-outline","emoticon-confused","emoticon-confused-outline","emoticon-cool","emoticon-cool-outline","emoticon-cry","emoticon-cry-outline","emoticon-dead","emoticon-dead-outline","emoticon-devil","emoticon-devil-outline","emoticon-excited","emoticon-excited-outline","emoticon-frown","emoticon-frown-outline","emoticon-happy","emoticon-happy-outline","emoticon-kiss","emoticon-kiss-outline","emoticon-lol","emoticon-lol-outline","emoticon-neutral","emoticon-neutral-outline","emoticon-outline","emoticon-poop","emoticon-poop-outline","emoticon-sad","emoticon-sad-outline","emoticon-tongue","emoticon-tongue-outline","emoticon-wink","emoticon-wink-outline","engine","engine-off","engine-off-outline","engine-outline","epsilon","equal","equal-box","equalizer","equalizer-outline","eraser","eraser-variant","escalator","escalator-box","escalator-down","escalator-up","eslint","et","ethereum","ethernet","ethernet-cable","ethernet-cable-off","ev-station","evernote","excavator","exclamation","exclamation-thick","exit-run","exit-to-app","expand-all","expand-all-outline","expansion-card","expansion-card-variant","exponent","exponent-box","export","export-variant","eye","eye-check","eye-check-outline","eye-circle","eye-circle-outline","eye-minus","eye-minus-outline","eye-off","eye-off-outline","eye-outline","eye-plus","eye-plus-outline","eye-settings","eye-settings-outline","eyedropper","eyedropper-minus","eyedropper-off","eyedropper-plus","eyedropper-remove","eyedropper-variant","face","face-agent","face-outline","face-profile","face-profile-woman","face-recognition","face-woman","face-woman-outline","facebook","facebook-messenger","facebook-workplace","factory","fan","fan-off","fast-forward","fast-forward-10","fast-forward-30","fast-forward-5","fast-forward-outline","fax","feather","feature-search","feature-search-outline","fedora","ferris-wheel","ferry","file","file-account","file-account-outline","file-alert","file-alert-outline","file-cabinet","file-cad","file-cad-box","file-cancel","file-cancel-outline","file-certificate","file-certificate-outline","file-chart","file-chart-outline","file-check","file-check-outline","file-clock","file-clock-outline","file-cloud","file-cloud-outline","file-code","file-code-outline","file-cog","file-cog-outline","file-compare","file-delimited","file-delimited-outline","file-document","file-document-edit","file-document-edit-outline","file-document-outline","file-download","file-download-outline","file-edit","file-edit-outline","file-excel","file-excel-box","file-excel-box-outline","file-excel-outline","file-export","file-export-outline","file-eye","file-eye-outline","file-find","file-find-outline","file-hidden","file-image","file-image-outline","file-import","file-import-outline","file-key","file-key-outline","file-link","file-link-outline","file-lock","file-lock-outline","file-move","file-move-outline","file-multiple","file-multiple-outline","file-music","file-music-outline","file-outline","file-pdf","file-pdf-box","file-pdf-box-outline","file-pdf-outline","file-percent","file-percent-outline","file-phone","file-phone-outline","file-plus","file-plus-outline","file-powerpoint","file-powerpoint-box","file-powerpoint-box-outline","file-powerpoint-outline","file-presentation-box","file-question","file-question-outline","file-refresh","file-refresh-outline","file-remove","file-remove-outline","file-replace","file-replace-outline","file-restore","file-restore-outline","file-search","file-search-outline","file-send","file-send-outline","file-settings","file-settings-outline","file-star","file-star-outline","file-swap","file-swap-outline","file-sync","file-sync-outline","file-table","file-table-box","file-table-box-multiple","file-table-box-multiple-outline","file-table-box-outline","file-table-outline","file-tree","file-tree-outline","file-undo","file-undo-outline","file-upload","file-upload-outline","file-video","file-video-outline","file-word","file-word-box","file-word-box-outline","file-word-outline","film","filmstrip","filmstrip-box","filmstrip-box-multiple","filmstrip-off","filter","filter-menu","filter-menu-outline","filter-minus","filter-minus-outline","filter-outline","filter-plus","filter-plus-outline","filter-remove","filter-remove-outline","filter-variant","filter-variant-minus","filter-variant-plus","filter-variant-remove","finance","find-replace","fingerprint","fingerprint-off","fire","fire-extinguisher","fire-hydrant","fire-hydrant-alert","fire-hydrant-off","fire-truck","firebase","firefox","fireplace","fireplace-off","firework","fish","fish-off","fishbowl","fishbowl-outline","fit-to-page","fit-to-page-outline","flag","flag-checkered","flag-minus","flag-minus-outline","flag-outline","flag-plus","flag-plus-outline","flag-remove","flag-remove-outline","flag-triangle","flag-variant","flag-variant-outline","flare","flash","flash-alert","flash-alert-outline","flash-auto","flash-circle","flash-off","flash-outline","flash-red-eye","flashlight","flashlight-off","flask","flask-empty","flask-empty-minus","flask-empty-minus-outline","flask-empty-off","flask-empty-off-outline","flask-empty-outline","flask-empty-plus","flask-empty-plus-outline","flask-empty-remove","flask-empty-remove-outline","flask-minus","flask-minus-outline","flask-off","flask-off-outline","flask-outline","flask-plus","flask-plus-outline","flask-remove","flask-remove-outline","flask-round-bottom","flask-round-bottom-empty","flask-round-bottom-empty-outline","flask-round-bottom-outline","fleur-de-lis","flip-horizontal","flip-to-back","flip-to-front","flip-vertical","floor-lamp","floor-lamp-dual","floor-lamp-variant","floor-plan","floppy","floppy-variant","flower","flower-outline","flower-poppy","flower-tulip","flower-tulip-outline","focus-auto","focus-field","focus-field-horizontal","focus-field-vertical","folder","folder-account","folder-account-outline","folder-alert","folder-alert-outline","folder-clock","folder-clock-outline","folder-cog","folder-cog-outline","folder-download","folder-download-outline","folder-edit","folder-edit-outline","folder-google-drive","folder-heart","folder-heart-outline","folder-home","folder-home-outline","folder-image","folder-information","folder-information-outline","folder-key","folder-key-network","folder-key-network-outline","folder-key-outline","folder-lock","folder-lock-open","folder-marker","folder-marker-outline","folder-move","folder-move-outline","folder-multiple","folder-multiple-image","folder-multiple-outline","folder-music","folder-music-outline","folder-network","folder-network-outline","folder-open","folder-open-outline","folder-outline","folder-plus","folder-plus-outline","folder-pound","folder-pound-outline","folder-refresh","folder-refresh-outline","folder-remove","folder-remove-outline","folder-search","folder-search-outline","folder-settings","folder-settings-outline","folder-star","folder-star-multiple","folder-star-multiple-outline","folder-star-outline","folder-swap","folder-swap-outline","folder-sync","folder-sync-outline","folder-table","folder-table-outline","folder-text","folder-text-outline","folder-upload","folder-upload-outline","folder-zip","folder-zip-outline","font-awesome","food","food-apple","food-apple-outline","food-croissant","food-fork-drink","food-off","food-variant","food-variant-off","foot-print","football","football-australian","football-helmet","forklift","form-dropdown","form-select","form-textarea","form-textbox","form-textbox-lock","form-textbox-password","format-align-bottom","format-align-center","format-align-justify","format-align-left","format-align-middle","format-align-right","format-align-top","format-annotation-minus","format-annotation-plus","format-bold","format-clear","format-color-fill","format-color-highlight","format-color-marker-cancel","format-color-text","format-columns","format-float-center","format-float-left","format-float-none","format-float-right","format-font","format-font-size-decrease","format-font-size-increase","format-header-1","format-header-2","format-header-3","format-header-4","format-header-5","format-header-6","format-header-decrease","format-header-equal","format-header-increase","format-header-pound","format-horizontal-align-center","format-horizontal-align-left","format-horizontal-align-right","format-indent-decrease","format-indent-increase","format-italic","format-letter-case","format-letter-case-lower","format-letter-case-upper","format-letter-ends-with","format-letter-matches","format-letter-starts-with","format-line-spacing","format-line-style","format-line-weight","format-list-bulleted","format-list-bulleted-square","format-list-bulleted-triangle","format-list-bulleted-type","format-list-checkbox","format-list-checks","format-list-numbered","format-list-numbered-rtl","format-list-text","format-overline","format-page-break","format-paint","format-paragraph","format-pilcrow","format-quote-close","format-quote-close-outline","format-quote-open","format-quote-open-outline","format-rotate-90","format-section","format-size","format-strikethrough","format-strikethrough-variant","format-subscript","format-superscript","format-text","format-text-rotation-angle-down","format-text-rotation-angle-up","format-text-rotation-down","format-text-rotation-down-vertical","format-text-rotation-none","format-text-rotation-up","format-text-rotation-vertical","format-text-variant","format-text-wrapping-clip","format-text-wrapping-overflow","format-text-wrapping-wrap","format-textbox","format-textdirection-l-to-r","format-textdirection-r-to-l","format-title","format-underline","format-vertical-align-bottom","format-vertical-align-center","format-vertical-align-top","format-wrap-inline","format-wrap-square","format-wrap-tight","format-wrap-top-bottom","forum","forum-outline","forward","forwardburger","fountain","fountain-pen","fountain-pen-tip","freebsd","frequently-asked-questions","fridge","fridge-alert","fridge-alert-outline","fridge-bottom","fridge-off","fridge-off-outline","fridge-outline","fridge-top","fruit-cherries","fruit-cherries-off","fruit-citrus","fruit-citrus-off","fruit-grapes","fruit-grapes-outline","fruit-pineapple","fruit-watermelon","fuel","fullscreen","fullscreen-exit","function","function-variant","furigana-horizontal","furigana-vertical","fuse","fuse-blade","gamepad","gamepad-circle","gamepad-circle-down","gamepad-circle-left","gamepad-circle-outline","gamepad-circle-right","gamepad-circle-up","gamepad-down","gamepad-left","gamepad-right","gamepad-round","gamepad-round-down","gamepad-round-left","gamepad-round-outline","gamepad-round-right","gamepad-round-up","gamepad-square","gamepad-square-outline","gamepad-up","gamepad-variant","gamepad-variant-outline","gamma","gantry-crane","garage","garage-alert","garage-alert-variant","garage-open","garage-open-variant","garage-variant","gas-cylinder","gas-station","gas-station-off","gas-station-off-outline","gas-station-outline","gate","gate-and","gate-arrow-right","gate-nand","gate-nor","gate-not","gate-open","gate-or","gate-xnor","gate-xor","gatsby","gauge","gauge-empty","gauge-full","gauge-low","gavel","gender-female","gender-male","gender-male-female","gender-male-female-variant","gender-non-binary","gender-transgender","gentoo","gesture","gesture-double-tap","gesture-pinch","gesture-spread","gesture-swipe","gesture-swipe-down","gesture-swipe-horizontal","gesture-swipe-left","gesture-swipe-right","gesture-swipe-up","gesture-swipe-vertical","gesture-tap","gesture-tap-box","gesture-tap-button","gesture-tap-hold","gesture-two-double-tap","gesture-two-tap","ghost","ghost-off","gif","gift","gift-outline","git","github","gitlab","glass-cocktail","glass-flute","glass-mug","glass-mug-variant","glass-pint-outline","glass-stange","glass-tulip","glass-wine","glasses","globe-light","globe-model","gmail","gnome","go-kart","go-kart-track","gog","gold","golf","golf-cart","golf-tee","gondola","goodreads","google","google-ads","google-analytics","google-assistant","google-cardboard","google-chrome","google-circles","google-circles-communities","google-circles-extended","google-circles-group","google-classroom","google-cloud","google-controller","google-controller-off","google-downasaur","google-drive","google-earth","google-fit","google-glass","google-hangouts","google-home","google-keep","google-lens","google-maps","google-my-business","google-nearby","google-photos","google-play","google-plus","google-podcast","google-spreadsheet","google-street-view","google-translate","gradient","grain","graph","graph-outline","graphql","grave-stone","grease-pencil","greater-than","greater-than-or-equal","grid","grid-large","grid-off","grill","grill-outline","group","guitar-acoustic","guitar-electric","guitar-pick","guitar-pick-outline","guy-fawkes-mask","hail","hair-dryer","hair-dryer-outline","halloween","hamburger","hammer","hammer-screwdriver","hammer-wrench","hand","hand-heart","hand-left","hand-okay","hand-peace","hand-peace-variant","hand-pointing-down","hand-pointing-left","hand-pointing-right","hand-pointing-up","hand-right","hand-saw","hand-water","handball","handcuffs","handshake","hanger","hard-hat","harddisk","harddisk-plus","harddisk-remove","hat-fedora","hazard-lights","hdr","hdr-off","head","head-alert","head-alert-outline","head-check","head-check-outline","head-cog","head-cog-outline","head-dots-horizontal","head-dots-horizontal-outline","head-flash","head-flash-outline","head-heart","head-heart-outline","head-lightbulb","head-lightbulb-outline","head-minus","head-minus-outline","head-outline","head-plus","head-plus-outline","head-question","head-question-outline","head-remove","head-remove-outline","head-snowflake","head-snowflake-outline","head-sync","head-sync-outline","headphones","headphones-bluetooth","headphones-box","headphones-off","headphones-settings","headset","headset-dock","headset-off","heart","heart-box","heart-box-outline","heart-broken","heart-broken-outline","heart-circle","heart-circle-outline","heart-flash","heart-half","heart-half-full","heart-half-outline","heart-multiple","heart-multiple-outline","heart-off","heart-outline","heart-pulse","helicopter","help","help-box","help-circle","help-circle-outline","help-network","help-network-outline","help-rhombus","help-rhombus-outline","hexadecimal","hexagon","hexagon-multiple","hexagon-multiple-outline","hexagon-outline","hexagon-slice-1","hexagon-slice-2","hexagon-slice-3","hexagon-slice-4","hexagon-slice-5","hexagon-slice-6","hexagram","hexagram-outline","high-definition","high-definition-box","highway","hiking","hinduism","history","hockey-puck","hockey-sticks","hololens","home","home-account","home-alert","home-analytics","home-assistant","home-automation","home-circle","home-circle-outline","home-city","home-city-outline","home-currency-usd","home-edit","home-edit-outline","home-export-outline","home-flood","home-floor-0","home-floor-1","home-floor-2","home-floor-3","home-floor-a","home-floor-b","home-floor-g","home-floor-l","home-floor-negative-1","home-group","home-heart","home-import-outline","home-lightbulb","home-lightbulb-outline","home-lock","home-lock-open","home-map-marker","home-minus","home-minus-outline","home-modern","home-outline","home-plus","home-plus-outline","home-remove","home-remove-outline","home-roof","home-search","home-search-outline","home-thermometer","home-thermometer-outline","home-variant","home-variant-outline","hook","hook-off","hops","horizontal-rotate-clockwise","horizontal-rotate-counterclockwise","horseshoe","hospital","hospital-box","hospital-box-outline","hospital-building","hospital-marker","hot-tub","hubspot","hulu","human","human-baby-changing-table","human-child","human-female","human-female-boy","human-female-female","human-female-girl","human-greeting","human-handsdown","human-handsup","human-male","human-male-boy","human-male-child","human-male-female","human-male-girl","human-male-height","human-male-height-variant","human-male-male","human-pregnant","human-wheelchair","humble-bundle","hvac","hydraulic-oil-level","hydraulic-oil-temperature","hydro-power","ice-cream","ice-cream-off","ice-pop","id-card","identifier","ideogram-cjk","ideogram-cjk-variant","iframe","iframe-array","iframe-array-outline","iframe-braces","iframe-braces-outline","iframe-outline","iframe-parentheses","iframe-parentheses-outline","iframe-variable","iframe-variable-outline","image","image-album","image-area","image-area-close","image-auto-adjust","image-broken","image-broken-variant","image-edit","image-edit-outline","image-filter-black-white","image-filter-center-focus","image-filter-center-focus-strong","image-filter-center-focus-strong-outline","image-filter-center-focus-weak","image-filter-drama","image-filter-frames","image-filter-hdr","image-filter-none","image-filter-tilt-shift","image-filter-vintage","image-frame","image-minus","image-move","image-multiple","image-multiple-outline","image-off","image-off-outline","image-outline","image-plus","image-remove","image-search","image-search-outline","image-size-select-actual","image-size-select-large","image-size-select-small","import","inbox","inbox-arrow-down","inbox-arrow-down-outline","inbox-arrow-up","inbox-arrow-up-outline","inbox-full","inbox-full-outline","inbox-multiple","inbox-multiple-outline","inbox-outline","incognito","incognito-off","infinity","information","information-outline","information-variant","instagram","instrument-triangle","invert-colors","invert-colors-off","iobroker","ip","ip-network","ip-network-outline","ipod","islam","island","iv-bag","jabber","jeepney","jellyfish","jellyfish-outline","jira","jquery","jsfiddle","judaism","jump-rope","kabaddi","karate","keg","kettle","kettle-alert","kettle-alert-outline","kettle-off","kettle-off-outline","kettle-outline","kettle-steam","kettle-steam-outline","kettlebell","key","key-arrow-right","key-change","key-link","key-minus","key-outline","key-plus","key-remove","key-star","key-variant","key-wireless","keyboard","keyboard-backspace","keyboard-caps","keyboard-close","keyboard-esc","keyboard-f1","keyboard-f10","keyboard-f11","keyboard-f12","keyboard-f2","keyboard-f3","keyboard-f4","keyboard-f5","keyboard-f6","keyboard-f7","keyboard-f8","keyboard-f9","keyboard-off","keyboard-off-outline","keyboard-outline","keyboard-return","keyboard-settings","keyboard-settings-outline","keyboard-space","keyboard-tab","keyboard-variant","khanda","kickstarter","klingon","knife","knife-military","kodi","kubernetes","label","label-multiple","label-multiple-outline","label-off","label-off-outline","label-outline","label-percent","label-percent-outline","label-variant","label-variant-outline","ladybug","lambda","lamp","lan","lan-check","lan-connect","lan-disconnect","lan-pending","language-c","language-cpp","language-csharp","language-css3","language-fortran","language-go","language-haskell","language-html5","language-java","language-javascript","language-kotlin","language-lua","language-markdown","language-markdown-outline","language-php","language-python","language-r","language-ruby","language-ruby-on-rails","language-swift","language-typescript","language-xaml","laptop","laptop-chromebook","laptop-mac","laptop-off","laptop-windows","laravel","lasso","lastpass","latitude","launch","lava-lamp","layers","layers-minus","layers-off","layers-off-outline","layers-outline","layers-plus","layers-remove","layers-search","layers-search-outline","layers-triple","layers-triple-outline","lead-pencil","leaf","leaf-maple","leaf-maple-off","leaf-off","leak","leak-off","led-off","led-on","led-outline","led-strip","led-strip-variant","led-variant-off","led-variant-on","led-variant-outline","leek","less-than","less-than-or-equal","library","library-shelves","license","lifebuoy","light-switch","lightbulb","lightbulb-cfl","lightbulb-cfl-off","lightbulb-cfl-spiral","lightbulb-cfl-spiral-off","lightbulb-group","lightbulb-group-off","lightbulb-group-off-outline","lightbulb-group-outline","lightbulb-multiple","lightbulb-multiple-off","lightbulb-multiple-off-outline","lightbulb-multiple-outline","lightbulb-off","lightbulb-off-outline","lightbulb-on","lightbulb-on-outline","lightbulb-outline","lighthouse","lighthouse-on","lightning-bolt","lightning-bolt-outline","link","link-box","link-box-outline","link-box-variant","link-box-variant-outline","link-lock","link-off","link-plus","link-variant","link-variant-minus","link-variant-off","link-variant-plus","link-variant-remove","linkedin","linux","linux-mint","lipstick","litecoin","loading","location-enter","location-exit","lock","lock-alert","lock-check","lock-clock","lock-open","lock-open-alert","lock-open-check","lock-open-outline","lock-open-variant","lock-open-variant-outline","lock-outline","lock-pattern","lock-plus","lock-question","lock-reset","lock-smart","locker","locker-multiple","login","login-variant","logout","logout-variant","longitude","looks","loupe","lumx","lungs","magnet","magnet-on","magnify","magnify-close","magnify-minus","magnify-minus-cursor","magnify-minus-outline","magnify-plus","magnify-plus-cursor","magnify-plus-outline","magnify-remove-cursor","magnify-remove-outline","magnify-scan","mail","mailbox","mailbox-open","mailbox-open-outline","mailbox-open-up","mailbox-open-up-outline","mailbox-outline","mailbox-up","mailbox-up-outline","map","map-check","map-check-outline","map-clock","map-clock-outline","map-legend","map-marker","map-marker-alert","map-marker-alert-outline","map-marker-check","map-marker-check-outline","map-marker-circle","map-marker-distance","map-marker-down","map-marker-left","map-marker-left-outline","map-marker-minus","map-marker-minus-outline","map-marker-multiple","map-marker-multiple-outline","map-marker-off","map-marker-off-outline","map-marker-outline","map-marker-path","map-marker-plus","map-marker-plus-outline","map-marker-question","map-marker-question-outline","map-marker-radius","map-marker-radius-outline","map-marker-remove","map-marker-remove-outline","map-marker-remove-variant","map-marker-right","map-marker-right-outline","map-marker-up","map-minus","map-outline","map-plus","map-search","map-search-outline","mapbox","margin","marker","marker-cancel","marker-check","mastodon","material-design","material-ui","math-compass","math-cos","math-integral","math-integral-box","math-log","math-norm","math-norm-box","math-sin","math-tan","matrix","medal","medal-outline","medical-bag","meditation","memory","menu","menu-down","menu-down-outline","menu-left","menu-left-outline","menu-open","menu-right","menu-right-outline","menu-swap","menu-swap-outline","menu-up","menu-up-outline","merge","message","message-alert","message-alert-outline","message-arrow-left","message-arrow-left-outline","message-arrow-right","message-arrow-right-outline","message-bulleted","message-bulleted-off","message-cog","message-cog-outline","message-draw","message-image","message-image-outline","message-lock","message-lock-outline","message-minus","message-minus-outline","message-outline","message-plus","message-plus-outline","message-processing","message-processing-outline","message-reply","message-reply-text","message-settings","message-settings-outline","message-text","message-text-clock","message-text-clock-outline","message-text-lock","message-text-lock-outline","message-text-outline","message-video","meteor","metronome","metronome-tick","micro-sd","microphone","microphone-minus","microphone-off","microphone-outline","microphone-plus","microphone-settings","microphone-variant","microphone-variant-off","microscope","microsoft","microsoft-access","microsoft-azure","microsoft-azure-devops","microsoft-bing","microsoft-dynamics-365","microsoft-edge","microsoft-edge-legacy","microsoft-excel","microsoft-internet-explorer","microsoft-office","microsoft-onedrive","microsoft-onenote","microsoft-outlook","microsoft-powerpoint","microsoft-sharepoint","microsoft-teams","microsoft-visual-studio","microsoft-visual-studio-code","microsoft-windows","microsoft-windows-classic","microsoft-word","microsoft-xbox","microsoft-xbox-controller","microsoft-xbox-controller-battery-alert","microsoft-xbox-controller-battery-charging","microsoft-xbox-controller-battery-empty","microsoft-xbox-controller-battery-full","microsoft-xbox-controller-battery-low","microsoft-xbox-controller-battery-medium","microsoft-xbox-controller-battery-unknown","microsoft-xbox-controller-menu","microsoft-xbox-controller-off","microsoft-xbox-controller-view","microsoft-yammer","microwave","middleware","middleware-outline","midi","midi-port","mine","minecraft","mini-sd","minidisc","minus","minus-box","minus-box-multiple","minus-box-multiple-outline","minus-box-outline","minus-circle","minus-circle-multiple","minus-circle-multiple-outline","minus-circle-outline","minus-network","minus-network-outline","mirror","mixed-martial-arts","mixed-reality","mixer","molecule","molecule-co","molecule-co2","monitor","monitor-cellphone","monitor-cellphone-star","monitor-clean","monitor-dashboard","monitor-edit","monitor-eye","monitor-lock","monitor-multiple","monitor-off","monitor-screenshot","monitor-speaker","monitor-speaker-off","monitor-star","moon-first-quarter","moon-full","moon-last-quarter","moon-new","moon-waning-crescent","moon-waning-gibbous","moon-waxing-crescent","moon-waxing-gibbous","moped","more","mother-heart","mother-nurse","motion-sensor","motorbike","mouse","mouse-bluetooth","mouse-off","mouse-variant","mouse-variant-off","move-resize","move-resize-variant","movie","movie-edit","movie-edit-outline","movie-filter","movie-filter-outline","movie-open","movie-open-outline","movie-outline","movie-roll","movie-search","movie-search-outline","muffin","multiplication","multiplication-box","mushroom","mushroom-off","mushroom-off-outline","mushroom-outline","music","music-accidental-double-flat","music-accidental-double-sharp","music-accidental-flat","music-accidental-natural","music-accidental-sharp","music-box","music-box-multiple","music-box-multiple-outline","music-box-outline","music-circle","music-circle-outline","music-clef-alto","music-clef-bass","music-clef-treble","music-note","music-note-bluetooth","music-note-bluetooth-off","music-note-eighth","music-note-eighth-dotted","music-note-half","music-note-half-dotted","music-note-off","music-note-off-outline","music-note-outline","music-note-plus","music-note-quarter","music-note-quarter-dotted","music-note-sixteenth","music-note-sixteenth-dotted","music-note-whole","music-note-whole-dotted","music-off","music-rest-eighth","music-rest-half","music-rest-quarter","music-rest-sixteenth","music-rest-whole","nail","nas","nativescript","nature","nature-people","navigation","near-me","necklace","needle","netflix","network","network-off","network-off-outline","network-outline","network-strength-1","network-strength-1-alert","network-strength-2","network-strength-2-alert","network-strength-3","network-strength-3-alert","network-strength-4","network-strength-4-alert","network-strength-off","network-strength-off-outline","network-strength-outline","new-box","newspaper","newspaper-minus","newspaper-plus","newspaper-variant","newspaper-variant-multiple","newspaper-variant-multiple-outline","newspaper-variant-outline","nfc","nfc-search-variant","nfc-tap","nfc-variant","nfc-variant-off","ninja","nintendo-game-boy","nintendo-switch","nintendo-wii","nintendo-wiiu","nix","nodejs","noodles","not-equal","not-equal-variant","note","note-multiple","note-multiple-outline","note-outline","note-plus","note-plus-outline","note-text","note-text-outline","notebook","notebook-multiple","notebook-outline","notification-clear-all","npm","nuke","null","numeric","numeric-0","numeric-0-box","numeric-0-box-multiple","numeric-0-box-multiple-outline","numeric-0-box-outline","numeric-0-circle","numeric-0-circle-outline","numeric-1","numeric-1-box","numeric-1-box-multiple","numeric-1-box-multiple-outline","numeric-1-box-outline","numeric-1-circle","numeric-1-circle-outline","numeric-10","numeric-10-box","numeric-10-box-multiple","numeric-10-box-multiple-outline","numeric-10-box-outline","numeric-10-circle","numeric-10-circle-outline","numeric-2","numeric-2-box","numeric-2-box-multiple","numeric-2-box-multiple-outline","numeric-2-box-outline","numeric-2-circle","numeric-2-circle-outline","numeric-3","numeric-3-box","numeric-3-box-multiple","numeric-3-box-multiple-outline","numeric-3-box-outline","numeric-3-circle","numeric-3-circle-outline","numeric-4","numeric-4-box","numeric-4-box-multiple","numeric-4-box-multiple-outline","numeric-4-box-outline","numeric-4-circle","numeric-4-circle-outline","numeric-5","numeric-5-box","numeric-5-box-multiple","numeric-5-box-multiple-outline","numeric-5-box-outline","numeric-5-circle","numeric-5-circle-outline","numeric-6","numeric-6-box","numeric-6-box-multiple","numeric-6-box-multiple-outline","numeric-6-box-outline","numeric-6-circle","numeric-6-circle-outline","numeric-7","numeric-7-box","numeric-7-box-multiple","numeric-7-box-multiple-outline","numeric-7-box-outline","numeric-7-circle","numeric-7-circle-outline","numeric-8","numeric-8-box","numeric-8-box-multiple","numeric-8-box-multiple-outline","numeric-8-box-outline","numeric-8-circle","numeric-8-circle-outline","numeric-9","numeric-9-box","numeric-9-box-multiple","numeric-9-box-multiple-outline","numeric-9-box-outline","numeric-9-circle","numeric-9-circle-outline","numeric-9-plus","numeric-9-plus-box","numeric-9-plus-box-multiple","numeric-9-plus-box-multiple-outline","numeric-9-plus-box-outline","numeric-9-plus-circle","numeric-9-plus-circle-outline","numeric-negative-1","nut","nutrition","nuxt","oar","ocarina","oci","ocr","octagon","octagon-outline","octagram","octagram-outline","odnoklassniki","offer","office-building","oil","oil-lamp","oil-level","oil-temperature","omega","one-up","onepassword","opacity","open-in-app","open-in-new","open-source-initiative","openid","opera","orbit","order-alphabetical-ascending","order-alphabetical-descending","order-bool-ascending","order-bool-ascending-variant","order-bool-descending","order-bool-descending-variant","order-numeric-ascending","order-numeric-descending","origin","ornament","ornament-variant","outdoor-lamp","overscan","owl","pac-man","package","package-down","package-up","package-variant","package-variant-closed","page-first","page-last","page-layout-body","page-layout-footer","page-layout-header","page-layout-header-footer","page-layout-sidebar-left","page-layout-sidebar-right","page-next","page-next-outline","page-previous","page-previous-outline","pail","palette","palette-advanced","palette-outline","palette-swatch","palette-swatch-outline","palm-tree","pan","pan-bottom-left","pan-bottom-right","pan-down","pan-horizontal","pan-left","pan-right","pan-top-left","pan-top-right","pan-up","pan-vertical","panda","pandora","panorama","panorama-fisheye","panorama-horizontal","panorama-vertical","panorama-wide-angle","paper-cut-vertical","paper-roll","paper-roll-outline","paperclip","parachute","parachute-outline","parking","party-popper","passport","passport-biometric","pasta","patio-heater","patreon","pause","pause-circle","pause-circle-outline","pause-octagon","pause-octagon-outline","paw","paw-off","pdf-box","peace","peanut","peanut-off","peanut-off-outline","peanut-outline","pen","pen-lock","pen-minus","pen-off","pen-plus","pen-remove","pencil","pencil-box","pencil-box-multiple","pencil-box-multiple-outline","pencil-box-outline","pencil-circle","pencil-circle-outline","pencil-lock","pencil-lock-outline","pencil-minus","pencil-minus-outline","pencil-off","pencil-off-outline","pencil-outline","pencil-plus","pencil-plus-outline","pencil-remove","pencil-remove-outline","pencil-ruler","penguin","pentagon","pentagon-outline","percent","percent-outline","periodic-table","perspective-less","perspective-more","pharmacy","phone","phone-alert","phone-alert-outline","phone-bluetooth","phone-bluetooth-outline","phone-cancel","phone-cancel-outline","phone-check","phone-check-outline","phone-classic","phone-classic-off","phone-forward","phone-forward-outline","phone-hangup","phone-hangup-outline","phone-in-talk","phone-in-talk-outline","phone-incoming","phone-incoming-outline","phone-lock","phone-lock-outline","phone-log","phone-log-outline","phone-message","phone-message-outline","phone-minus","phone-minus-outline","phone-missed","phone-missed-outline","phone-off","phone-off-outline","phone-outgoing","phone-outgoing-outline","phone-outline","phone-paused","phone-paused-outline","phone-plus","phone-plus-outline","phone-return","phone-return-outline","phone-ring","phone-ring-outline","phone-rotate-landscape","phone-rotate-portrait","phone-settings","phone-settings-outline","phone-voip","pi","pi-box","pi-hole","piano","pickaxe","picture-in-picture-bottom-right","picture-in-picture-bottom-right-outline","picture-in-picture-top-right","picture-in-picture-top-right-outline","pier","pier-crane","pig","pig-variant","piggy-bank","pill","pillar","pin","pin-off","pin-off-outline","pin-outline","pine-tree","pine-tree-box","pine-tree-fire","pinterest","pinwheel","pinwheel-outline","pipe","pipe-disconnected","pipe-leak","pipe-wrench","pirate","pistol","piston","pizza","play","play-box","play-box-multiple","play-box-multiple-outline","play-box-outline","play-circle","play-circle-outline","play-network","play-network-outline","play-outline","play-pause","play-protected-content","play-speed","playlist-check","playlist-edit","playlist-minus","playlist-music","playlist-music-outline","playlist-play","playlist-plus","playlist-remove","playlist-star","plex","plus","plus-box","plus-box-multiple","plus-box-multiple-outline","plus-box-outline","plus-circle","plus-circle-multiple","plus-circle-multiple-outline","plus-circle-outline","plus-minus","plus-minus-box","plus-network","plus-network-outline","plus-one","plus-outline","plus-thick","podcast","podium","podium-bronze","podium-gold","podium-silver","point-of-sale","pokeball","pokemon-go","poker-chip","polaroid","police-badge","police-badge-outline","poll","poll-box","poll-box-outline","polymer","pool","popcorn","post","post-outline","postage-stamp","pot","pot-mix","pot-mix-outline","pot-outline","pot-steam","pot-steam-outline","pound","pound-box","pound-box-outline","power","power-cycle","power-off","power-on","power-plug","power-plug-off","power-settings","power-sleep","power-socket","power-socket-au","power-socket-de","power-socket-eu","power-socket-fr","power-socket-jp","power-socket-uk","power-socket-us","power-standby","powershell","prescription","presentation","presentation-play","printer","printer-3d","printer-3d-nozzle","printer-3d-nozzle-alert","printer-3d-nozzle-alert-outline","printer-3d-nozzle-outline","printer-alert","printer-check","printer-off","printer-pos","printer-settings","printer-wireless","priority-high","priority-low","professional-hexagon","progress-alert","progress-check","progress-clock","progress-close","progress-download","progress-upload","progress-wrench","projector","projector-screen","propane-tank","propane-tank-outline","protocol","publish","pulse","pump","pumpkin","purse","purse-outline","puzzle","puzzle-outline","qi","qqchat","qrcode","qrcode-edit","qrcode-minus","qrcode-plus","qrcode-remove","qrcode-scan","quadcopter","quality-high","quality-low","quality-medium","quora","rabbit","racing-helmet","racquetball","radar","radiator","radiator-disabled","radiator-off","radio","radio-am","radio-fm","radio-handheld","radio-off","radio-tower","radioactive","radioactive-off","radiobox-blank","radiobox-marked","radius","radius-outline","railroad-light","raspberry-pi","ray-end","ray-end-arrow","ray-start","ray-start-arrow","ray-start-end","ray-vertex","react","read","receipt","record","record-circle","record-circle-outline","record-player","record-rec","rectangle","rectangle-outline","recycle","recycle-variant","reddit","redhat","redo","redo-variant","reflect-horizontal","reflect-vertical","refresh","refresh-circle","regex","registered-trademark","relative-scale","reload","reload-alert","reminder","remote","remote-desktop","remote-off","remote-tv","remote-tv-off","rename-box","reorder-horizontal","reorder-vertical","repeat","repeat-off","repeat-once","replay","reply","reply-all","reply-all-outline","reply-circle","reply-outline","reproduction","resistor","resistor-nodes","resize","resize-bottom-right","responsive","restart","restart-alert","restart-off","restore","restore-alert","rewind","rewind-10","rewind-30","rewind-5","rewind-outline","rhombus","rhombus-medium","rhombus-outline","rhombus-split","ribbon","rice","ring","rivet","road","road-variant","robber","robot","robot-industrial","robot-mower","robot-mower-outline","robot-vacuum","robot-vacuum-variant","rocket","rocket-outline","rodent","roller-skate","roller-skate-off","rollerblade","rollerblade-off","rollupjs","roman-numeral-1","roman-numeral-10","roman-numeral-2","roman-numeral-3","roman-numeral-4","roman-numeral-5","roman-numeral-6","roman-numeral-7","roman-numeral-8","roman-numeral-9","room-service","room-service-outline","rotate-3d","rotate-3d-variant","rotate-left","rotate-left-variant","rotate-orbit","rotate-right","rotate-right-variant","rounded-corner","router","router-network","router-wireless","router-wireless-settings","routes","routes-clock","rowing","rss","rss-box","rss-off","rugby","ruler","ruler-square","ruler-square-compass","run","run-fast","rv-truck","sack","sack-percent","safe","safe-square","safe-square-outline","safety-goggles","sail-boat","sale","salesforce","sass","satellite","satellite-uplink","satellite-variant","sausage","saw-blade","saxophone","scale","scale-balance","scale-bathroom","scale-off","scan-helper","scanner","scanner-off","scatter-plot","scatter-plot-outline","school","school-outline","scissors-cutting","scooter","scoreboard","scoreboard-outline","screen-rotation","screen-rotation-lock","screw-flat-top","screw-lag","screw-machine-flat-top","screw-machine-round-top","screw-round-top","screwdriver","script","script-outline","script-text","script-text-outline","sd","seal","seal-variant","search-web","seat","seat-flat","seat-flat-angled","seat-individual-suite","seat-legroom-extra","seat-legroom-normal","seat-legroom-reduced","seat-outline","seat-passenger","seat-recline-extra","seat-recline-normal","seatbelt","security","security-network","seed","seed-off","seed-off-outline","seed-outline","segment","select","select-all","select-color","select-compare","select-drag","select-group","select-inverse","select-marker","select-multiple","select-multiple-marker","select-off","select-place","select-search","selection","selection-drag","selection-ellipse","selection-ellipse-arrow-inside","selection-marker","selection-multiple","selection-multiple-marker","selection-off","selection-search","semantic-web","send","send-check","send-check-outline","send-circle","send-circle-outline","send-clock","send-clock-outline","send-lock","send-lock-outline","send-outline","serial-port","server","server-minus","server-network","server-network-off","server-off","server-plus","server-remove","server-security","set-all","set-center","set-center-right","set-left","set-left-center","set-left-right","set-none","set-right","set-top-box","settings-helper","shaker","shaker-outline","shape","shape-circle-plus","shape-outline","shape-oval-plus","shape-plus","shape-polygon-plus","shape-rectangle-plus","shape-square-plus","share","share-all","share-all-outline","share-circle","share-off","share-off-outline","share-outline","share-variant","sheep","shield","shield-account","shield-account-outline","shield-airplane","shield-airplane-outline","shield-alert","shield-alert-outline","shield-bug","shield-bug-outline","shield-car","shield-check","shield-check-outline","shield-cross","shield-cross-outline","shield-edit","shield-edit-outline","shield-half","shield-half-full","shield-home","shield-home-outline","shield-key","shield-key-outline","shield-link-variant","shield-link-variant-outline","shield-lock","shield-lock-outline","shield-off","shield-off-outline","shield-outline","shield-plus","shield-plus-outline","shield-refresh","shield-refresh-outline","shield-remove","shield-remove-outline","shield-search","shield-star","shield-star-outline","shield-sun","shield-sun-outline","shield-sync","shield-sync-outline","ship-wheel","shoe-formal","shoe-heel","shoe-print","shopping","shopping-music","shopping-outline","shopping-search","shovel","shovel-off","shower","shower-head","shredder","shuffle","shuffle-disabled","shuffle-variant","shuriken","sigma","sigma-lower","sign-caution","sign-direction","sign-direction-minus","sign-direction-plus","sign-direction-remove","sign-real-estate","sign-text","signal","signal-2g","signal-3g","signal-4g","signal-5g","signal-cellular-1","signal-cellular-2","signal-cellular-3","signal-cellular-outline","signal-distance-variant","signal-hspa","signal-hspa-plus","signal-off","signal-variant","signature","signature-freehand","signature-image","signature-text","silo","silverware","silverware-clean","silverware-fork","silverware-fork-knife","silverware-spoon","silverware-variant","sim","sim-alert","sim-off","simple-icons","sina-weibo","sitemap","size-l","size-m","size-s","size-xl","size-xs","size-xxl","size-xxs","size-xxxl","skate","skew-less","skew-more","ski","ski-cross-country","ski-water","skip-backward","skip-backward-outline","skip-forward","skip-forward-outline","skip-next","skip-next-circle","skip-next-circle-outline","skip-next-outline","skip-previous","skip-previous-circle","skip-previous-circle-outline","skip-previous-outline","skull","skull-crossbones","skull-crossbones-outline","skull-outline","skype","skype-business","slack","slash-forward","slash-forward-box","sleep","sleep-off","slope-downhill","slope-uphill","slot-machine","slot-machine-outline","smart-card","smart-card-outline","smart-card-reader","smart-card-reader-outline","smog","smoke-detector","smoking","smoking-off","smoking-pipe","snapchat","snowboard","snowflake","snowflake-alert","snowflake-melt","snowflake-variant","snowman","soccer","soccer-field","sofa","solar-panel","solar-panel-large","solar-power","soldering-iron","solid","sony-playstation","sort","sort-alphabetical-ascending","sort-alphabetical-ascending-variant","sort-alphabetical-descending","sort-alphabetical-descending-variant","sort-alphabetical-variant","sort-ascending","sort-bool-ascending","sort-bool-ascending-variant","sort-bool-descending","sort-bool-descending-variant","sort-descending","sort-numeric-ascending","sort-numeric-ascending-variant","sort-numeric-descending","sort-numeric-descending-variant","sort-numeric-variant","sort-reverse-variant","sort-variant","sort-variant-lock","sort-variant-lock-open","sort-variant-remove","soundcloud","source-branch","source-commit","source-commit-end","source-commit-end-local","source-commit-local","source-commit-next-local","source-commit-start","source-commit-start-next-local","source-fork","source-merge","source-pull","source-repository","source-repository-multiple","soy-sauce","soy-sauce-off","spa","spa-outline","space-invaders","space-station","spade","speaker","speaker-bluetooth","speaker-multiple","speaker-off","speaker-wireless","speedometer","speedometer-medium","speedometer-slow","spellcheck","spider","spider-thread","spider-web","spotify","spotlight","spotlight-beam","spray","spray-bottle","sprinkler","sprinkler-variant","sprout","sprout-outline","square","square-edit-outline","square-medium","square-medium-outline","square-off","square-off-outline","square-outline","square-root","square-root-box","square-small","squeegee","ssh","stack-exchange","stack-overflow","stackpath","stadium","stadium-variant","stairs","stairs-box","stairs-down","stairs-up","stamper","standard-definition","star","star-box","star-box-multiple","star-box-multiple-outline","star-box-outline","star-circle","star-circle-outline","star-face","star-four-points","star-four-points-outline","star-half","star-half-full","star-off","star-outline","star-three-points","star-three-points-outline","state-machine","steam","steering","steering-off","step-backward","step-backward-2","step-forward","step-forward-2","stethoscope","sticker","sticker-alert","sticker-alert-outline","sticker-check","sticker-check-outline","sticker-circle-outline","sticker-emoji","sticker-minus","sticker-minus-outline","sticker-outline","sticker-plus","sticker-plus-outline","sticker-remove","sticker-remove-outline","stocking","stomach","stop","stop-circle","stop-circle-outline","store","store-24-hour","store-outline","storefront","storefront-outline","stove","strategy","stretch-to-page","stretch-to-page-outline","string-lights","string-lights-off","subdirectory-arrow-left","subdirectory-arrow-right","subtitles","subtitles-outline","subway","subway-alert-variant","subway-variant","summit","sunglasses","surround-sound","surround-sound-2-0","surround-sound-3-1","surround-sound-5-1","surround-sound-7-1","svg","swap-horizontal","swap-horizontal-bold","swap-horizontal-circle","swap-horizontal-circle-outline","swap-horizontal-variant","swap-vertical","swap-vertical-bold","swap-vertical-circle","swap-vertical-circle-outline","swap-vertical-variant","swim","switch","sword","sword-cross","syllabary-hangul","syllabary-hiragana","syllabary-katakana","syllabary-katakana-half-width","symfony","sync","sync-alert","sync-circle","sync-off","tab","tab-minus","tab-plus","tab-remove","tab-unselected","table","table-account","table-alert","table-arrow-down","table-arrow-left","table-arrow-right","table-arrow-up","table-border","table-cancel","table-chair","table-check","table-clock","table-cog","table-column","table-column-plus-after","table-column-plus-before","table-column-remove","table-column-width","table-edit","table-eye","table-eye-off","table-furniture","table-headers-eye","table-headers-eye-off","table-heart","table-key","table-large","table-large-plus","table-large-remove","table-lock","table-merge-cells","table-minus","table-multiple","table-network","table-of-contents","table-off","table-plus","table-refresh","table-remove","table-row","table-row-height","table-row-plus-after","table-row-plus-before","table-row-remove","table-search","table-settings","table-star","table-sync","table-tennis","tablet","tablet-android","tablet-cellphone","tablet-dashboard","tablet-ipad","taco","tag","tag-faces","tag-heart","tag-heart-outline","tag-minus","tag-minus-outline","tag-multiple","tag-multiple-outline","tag-off","tag-off-outline","tag-outline","tag-plus","tag-plus-outline","tag-remove","tag-remove-outline","tag-text","tag-text-outline","tailwind","tank","tanker-truck","tape-measure","target","target-account","target-variant","taxi","tea","tea-outline","teach","teamviewer","telegram","telescope","television","television-ambient-light","television-box","television-classic","television-classic-off","television-clean","television-guide","television-off","television-pause","television-play","television-stop","temperature-celsius","temperature-fahrenheit","temperature-kelvin","tennis","tennis-ball","tent","terraform","terrain","test-tube","test-tube-empty","test-tube-off","text","text-box","text-box-check","text-box-check-outline","text-box-minus","text-box-minus-outline","text-box-multiple","text-box-multiple-outline","text-box-outline","text-box-plus","text-box-plus-outline","text-box-remove","text-box-remove-outline","text-box-search","text-box-search-outline","text-recognition","text-search","text-shadow","text-short","text-subject","text-to-speech","text-to-speech-off","texture","texture-box","theater","theme-light-dark","thermometer","thermometer-alert","thermometer-chevron-down","thermometer-chevron-up","thermometer-high","thermometer-lines","thermometer-low","thermometer-minus","thermometer-plus","thermostat","thermostat-box","thought-bubble","thought-bubble-outline","thumb-down","thumb-down-outline","thumb-up","thumb-up-outline","thumbs-up-down","ticket","ticket-account","ticket-confirmation","ticket-confirmation-outline","ticket-outline","ticket-percent","tie","tilde","timelapse","timeline","timeline-alert","timeline-alert-outline","timeline-clock","timeline-clock-outline","timeline-help","timeline-help-outline","timeline-outline","timeline-plus","timeline-plus-outline","timeline-text","timeline-text-outline","timer","timer-10","timer-3","timer-off","timer-off-outline","timer-outline","timer-sand","timer-sand-empty","timer-sand-full","timetable","toaster","toaster-off","toaster-oven","toggle-switch","toggle-switch-off","toggle-switch-off-outline","toggle-switch-outline","toilet","toolbox","toolbox-outline","tools","tooltip","tooltip-account","tooltip-edit","tooltip-edit-outline","tooltip-image","tooltip-image-outline","tooltip-outline","tooltip-plus","tooltip-plus-outline","tooltip-text","tooltip-text-outline","tooth","tooth-outline","toothbrush","toothbrush-electric","toothbrush-paste","tortoise","toslink","tournament","tow-truck","tower-beach","tower-fire","toy-brick","toy-brick-marker","toy-brick-marker-outline","toy-brick-minus","toy-brick-minus-outline","toy-brick-outline","toy-brick-plus","toy-brick-plus-outline","toy-brick-remove","toy-brick-remove-outline","toy-brick-search","toy-brick-search-outline","track-light","trackpad","trackpad-lock","tractor","trademark","traffic-cone","traffic-light","train","train-car","train-variant","tram","tram-side","transcribe","transcribe-close","transfer","transfer-down","transfer-left","transfer-right","transfer-up","transit-connection","transit-connection-variant","transit-detour","transit-transfer","transition","transition-masked","translate","translate-off","transmission-tower","trash-can","trash-can-outline","tray","tray-alert","tray-full","tray-minus","tray-plus","tray-remove","treasure-chest","tree","tree-outline","trello","trending-down","trending-neutral","trending-up","triangle","triangle-outline","triforce","trophy","trophy-award","trophy-broken","trophy-outline","trophy-variant","trophy-variant-outline","truck","truck-check","truck-check-outline","truck-delivery","truck-delivery-outline","truck-fast","truck-fast-outline","truck-outline","truck-trailer","trumpet","tshirt-crew","tshirt-crew-outline","tshirt-v","tshirt-v-outline","tumble-dryer","tumble-dryer-alert","tumble-dryer-off","tune","tune-vertical","turnstile","turnstile-outline","turtle","twitch","twitter","twitter-retweet","two-factor-authentication","typewriter","ubisoft","ubuntu","ufo","ufo-outline","ultra-high-definition","umbraco","umbrella","umbrella-closed","umbrella-closed-outline","umbrella-closed-variant","umbrella-outline","undo","undo-variant","unfold-less-horizontal","unfold-less-vertical","unfold-more-horizontal","unfold-more-vertical","ungroup","unicode","unity","unreal","untappd","update","upload","upload-lock","upload-lock-outline","upload-multiple","upload-network","upload-network-outline","upload-off","upload-off-outline","upload-outline","usb","usb-flash-drive","usb-flash-drive-outline","usb-port","valve","valve-closed","valve-open","van-passenger","van-utility","vanish","vanity-light","variable","variable-box","vector-arrange-above","vector-arrange-below","vector-bezier","vector-circle","vector-circle-variant","vector-combine","vector-curve","vector-difference","vector-difference-ab","vector-difference-ba","vector-ellipse","vector-intersection","vector-line","vector-link","vector-point","vector-polygon","vector-polyline","vector-polyline-edit","vector-polyline-minus","vector-polyline-plus","vector-polyline-remove","vector-radius","vector-rectangle","vector-selection","vector-square","vector-triangle","vector-union","vhs","vibrate","vibrate-off","video","video-3d","video-3d-off","video-3d-variant","video-4k-box","video-account","video-box","video-box-off","video-check","video-check-outline","video-image","video-input-antenna","video-input-component","video-input-hdmi","video-input-scart","video-input-svideo","video-minus","video-minus-outline","video-off","video-off-outline","video-outline","video-plus","video-plus-outline","video-stabilization","video-switch","video-switch-outline","video-vintage","video-wireless","video-wireless-outline","view-agenda","view-agenda-outline","view-array","view-carousel","view-column","view-comfy","view-compact","view-compact-outline","view-dashboard","view-dashboard-outline","view-dashboard-variant","view-day","view-grid","view-grid-outline","view-grid-plus","view-grid-plus-outline","view-headline","view-list","view-module","view-parallel","view-quilt","view-sequential","view-split-horizontal","view-split-vertical","view-stream","view-week","vimeo","violin","virtual-reality","virus","virus-outline","vk","vlc","voice-off","voicemail","volleyball","volume-high","volume-low","volume-medium","volume-minus","volume-mute","volume-off","volume-plus","volume-source","volume-variant-off","volume-vibrate","vote","vote-outline","vpn","vuejs","vuetify","walk","wall","wall-sconce","wall-sconce-flat","wall-sconce-flat-variant","wall-sconce-round","wall-sconce-round-variant","wallet","wallet-giftcard","wallet-membership","wallet-outline","wallet-plus","wallet-plus-outline","wallet-travel","wallpaper","wan","wardrobe","wardrobe-outline","warehouse","washing-machine","washing-machine-alert","washing-machine-off","watch","watch-export","watch-export-variant","watch-import","watch-import-variant","watch-variant","watch-vibrate","watch-vibrate-off","water","water-boiler","water-boiler-alert","water-boiler-off","water-off","water-outline","water-percent","water-polo","water-pump","water-pump-off","water-well","water-well-outline","watermark","wave","waves","waze","weather-cloudy","weather-cloudy-alert","weather-cloudy-arrow-right","weather-fog","weather-hail","weather-hazy","weather-hurricane","weather-lightning","weather-lightning-rainy","weather-night","weather-night-partly-cloudy","weather-partly-cloudy","weather-partly-lightning","weather-partly-rainy","weather-partly-snowy","weather-partly-snowy-rainy","weather-pouring","weather-rainy","weather-snowy","weather-snowy-heavy","weather-snowy-rainy","weather-sunny","weather-sunny-alert","weather-sunset","weather-sunset-down","weather-sunset-up","weather-tornado","weather-windy","weather-windy-variant","web","web-box","web-clock","webcam","webhook","webpack","webrtc","wechat","weight","weight-gram","weight-kilogram","weight-lifter","weight-pound","whatsapp","wheelchair-accessibility","whistle","whistle-outline","white-balance-auto","white-balance-incandescent","white-balance-iridescent","white-balance-sunny","widgets","widgets-outline","wifi","wifi-off","wifi-star","wifi-strength-1","wifi-strength-1-alert","wifi-strength-1-lock","wifi-strength-2","wifi-strength-2-alert","wifi-strength-2-lock","wifi-strength-3","wifi-strength-3-alert","wifi-strength-3-lock","wifi-strength-4","wifi-strength-4-alert","wifi-strength-4-lock","wifi-strength-alert-outline","wifi-strength-lock-outline","wifi-strength-off","wifi-strength-off-outline","wifi-strength-outline","wikipedia","wind-turbine","window-close","window-closed","window-closed-variant","window-maximize","window-minimize","window-open","window-open-variant","window-restore","window-shutter","window-shutter-alert","window-shutter-open","wiper","wiper-wash","wordpress","wrap","wrap-disabled","wrench","wrench-outline","xamarin","xamarin-outline","xing","xml","xmpp","y-combinator","yahoo","yeast","yin-yang","yoga","youtube","youtube-gaming","youtube-studio","youtube-subscription","youtube-tv","z-wave","zend","zigbee","zip-box","zip-box-outline","zip-disk","zodiac-aquarius","zodiac-aries","zodiac-cancer","zodiac-capricorn","zodiac-gemini","zodiac-leo","zodiac-libra","zodiac-pisces","zodiac-sagittarius","zodiac-scorpio","zodiac-taurus","zodiac-virgo"] -}},vis.binds.materialdesign.progress={linear:function(e,t){try{let a=$(e),o="materialdesign-vuetify-progress",l="Progress";a.append(`\n
    \n \n\n \n \n `),myMdwHelper.waitForElement(a,`.${o}`,t.wid,l,function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,l,function(){Vue.use(VueTheMask);let e=new Vue({el:a.find(`.${o}`).get(0),vuetify:new Vuetify,data(){let e={height:window.getComputedStyle(a.get(0),null).height.replace("px",""),rounded:myMdwHelper.getBooleanFromData(t.progressRounded,!0),striped:myMdwHelper.getBooleanFromData(t.progressStriped,!1)},o=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);return e.value=vis.binds.materialdesign.progress.getProgressState(a,t,o,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label"),e}});vis.states.bind(t.oid+".val",function(o,l,r){e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label")}),a.get(0).style.setProperty("--vue-progress-progress-color-background",myMdwHelper.getValueFromData(t.colorProgressBackground,"")),a.get(0).style.setProperty("--vue-progress-progress-color-striped",myMdwHelper.getValueFromData(t.progressStripedColor,"")),a.get(0).style.setProperty("--vue-progress-progress-color-text",myMdwHelper.getValueFromData(t.textColor,"")),a.get(0).style.setProperty("--vue-progress-progress-color-text-size",myMdwHelper.getNumberFromData(t.textFontSize,12)+"px"),a.get(0).style.setProperty("--vue-progress-progress-color-text-font-family",myMdwHelper.getValueFromData(t.textFontFamily,"inherit")),a.get(0).style.setProperty("--vue-progress-progress-color-text-align",myMdwHelper.getValueFromData(t.textAlign,"end"));let l=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label")})})}catch(e){console.error(`[Progress - ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}},circular:function(e,t){try{let a=$(e),o="materialdesign-vuetify-progress-circular",l="Progress Circular";a.append(`\n
    \n \n ${myMdwHelper.getBooleanFromData(t.showValueLabel,!0)?'
    ':""} \n \n `),myMdwHelper.waitForElement(a,`.${o}`,t.wid,l,function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,l,function(){Vue.use(VueTheMask);let e=new Vue({el:a.find(`.${o}`).get(0),vuetify:new Vuetify,data(){let e={},o=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);return e.value=vis.binds.materialdesign.progress.getProgressState(a,t,o,"--vue-progress-circular-progress-color",".materialdesign-vuetify-progress-circular-value-label"),e}});vis.states.bind(t.oid+".val",function(o,l,r){e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-circular-progress-color",".materialdesign-vuetify-progress-circular-value-label")}),a.get(0).style.setProperty("--vue-progress-circular-progress-color-background",myMdwHelper.getValueFromData(t.colorProgressBackground,"")),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text",myMdwHelper.getValueFromData(t.textColor,"")),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text-size",myMdwHelper.getNumberFromData(t.textFontSize,12)+"px"),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text-font-family",myMdwHelper.getValueFromData(t.textFontFamily,"inherit")),a.find(".v-progress-circular__underlay").attr("fill",myMdwHelper.getValueFromData(t.innerColor,"transparent"))})})}catch(e){console.error(`[Progress Circular - ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}},getProgressState:function(e,t,a,o,l){let r=myMdwHelper.getNumberFromData(t.min,0),i=myMdwHelper.getNumberFromData(t.max,100),n=myMdwHelper.getValueFromData(t.colorProgress,""),s=myMdwHelper.getValueFromData(t.colorOneCondition,0),c=myMdwHelper.getValueFromData(t.colorOne,n),d=myMdwHelper.getValueFromData(t.colorTwoCondition,0),u=myMdwHelper.getValueFromData(t.colorTwo,n);void 0===a&&(a=t.oid),!0!==a&&"true"!==a||(a=i),!1!==a&&"false"!==a||(a=r);let m=parseFloat(a);isNaN(m)&&(m=r),mi&&(m=i);let p=100,g=i-r,b=p/g;return m=Math.floor((m-r)*b),m>s&&m<=d?e.get(0).style.setProperty(o,c):m>d?e.get(0).style.setProperty(o,u):e.get(0).style.setProperty(o,n),"progressPercent"===myMdwHelper.getValueFromData(t.valueLabelStyle,"progressPercent")?e.find(l).html(`${myMdwHelper.formatNumber(m,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))} %`):"progressValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"progressPercent")?e.find(l).html(`${myMdwHelper.formatNumber(a,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))}${myMdwHelper.getValueFromData(t.valueLabelUnit,"")}`):e.find(l).html(`${myMdwHelper.getValueFromData(t.valueLabelCustom,"").replace("[#value]",myMdwHelper.formatNumber(a,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))).replace("[#percent]",myMdwHelper.formatNumber(m,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0)))}`),m}},vis.binds.materialdesign.roundslider=function(e,t){try{let o=$(e),l=o.attr("data-oid-working"),r=vis.binds.materialdesign.helper,i=vis.states.attr(t.oid+".val"),n=myMdwHelper.getNumberFromData(t.min,0),s=myMdwHelper.getValueFromData(t.valueLabelMin,null),c=myMdwHelper.getNumberFromData(t.max,100),d=myMdwHelper.getValueFromData(t.valueLabelMax,null),u=myMdwHelper.getValueFromData(t.valueLabelUnit,""),m=myMdwHelper.getNumberFromData(t.valueLessThan,n),p=myMdwHelper.getValueFromData(t.textForValueLessThan,null),g=myMdwHelper.getNumberFromData(t.valueGreaterThan,c),b=myMdwHelper.getValueFromData(t.textForValueGreaterThan,null),h=0;!0!==t.showValueLabel&&"true"!==t.showValueLabel||(h=t.valueLabelWidth),o.append(`\n \n \n ${t.showValueLabel?``:""}\n `);let y=o.find(".materialdesign-round-slider-element");function a(e=!0,a=0){if(!1===vis.states.attr(l+".val")||"false"===vis.states.attr(l+".val")||!vis.states.attr(l+".val")){e&&(a=vis.states.attr(t.oid+".val"),y.attr("value",a));let l=parseFloat(a);isNaN(l)&&(l=n),lc&&(l=c);let r=100,i=c-n,h=r/i;l=Math.floor((l-n)*h),a<=n&&null!=s?o.find(".labelValue").html(s):a>n&&a<=m&&null!=p?o.find(".labelValue").html(p):a>=g&&a=c&&null!=d?o.find(".labelValue").html(d):"sliderValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"sliderValue")?o.find(".labelValue").html(`${a} ${u}`):o.find(".labelValue").html(`${l} %`)}}y.get(0).style.setProperty("--round-slider-path-width",myMdwHelper.getNumberFromData(t.sliderWidth,3)),y.get(0).style.setProperty("background",myMdwHelper.getValueFromData(t.colorSliderBg,"")),y.get(0).style.setProperty("--round-slider-path-color",myMdwHelper.getValueFromData(t.colorAfterThumb,"")),y.get(0).style.setProperty("--round-slider-bar-color",myMdwHelper.getValueFromData(t.colorBeforeThumb,"#44739e")),y.get(0).style.setProperty("--round-slider-handle-color",myMdwHelper.getValueFromData(t.colorThumb,"")),a(),vis.states.bind(t.oid+".val",function(e,t,o){a()}),vis.states.bind(l+".val",function(e,t,o){a()}),y.bind("value-changing",function(e){a(!1,e.target.__value)}),y.bind("value-changed",function(e){let o=parseFloat(e.target.__value);!1!==vis.states.attr(l+".val")&&"false"!==vis.states.attr(l+".val")&&vis.states.attr(l+".val")||(myMdwHelper.setValue(t.oid,o),a())}),o.find(".materialdesign-round-slider-element").on("touchstart mousedown",function(e){r.vibrate(t.vibrateOnMobilDevices)})}catch(e){console.error(`[Round Slider - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},vis.binds.materialdesign.select=function(e,t){try{let a=$(e),o=vis.binds.materialdesign.vueHelper.select,l="materialdesign-vuetify-select";o.generateItemList(t,`Select - ${t.wid}`,function(e){a.append(`\n
    \n \n \n ${o.getTemplates(t)}\n\n \n
    `),myMdwHelper.waitForElement(a,`.${l}`,t.wid,"Select",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"Select",function(){let r=$("body").find("#materialdesign-vuetify-container"),i=window.getComputedStyle(a.get(0),null).height.replace("px",""),n=new Vue({el:a.find(`.${l}`).get(0),vuetify:new Vuetify,data:()=>o.getData(t,i,e),methods:o.getMethods(t,a,e,r)});o.setStyles(a,t),o.setIoBrokerBinding(t,n,e)})})})}catch(e){console.error(`[Select - ${t.wid}]: error: ${e.message}, stack: ${e.stack} `)}},vis.binds.materialdesign.slider={vuetifySlider:function(e,t){try{let a=$(e),o=a.attr("data-oid-working"),l="#44739e",r=myMdwHelper.getValueFromData(t.min,0),i=myMdwHelper.getValueFromData(t.valueLabelMin,null),n=myMdwHelper.getValueFromData(t.max,100),s=myMdwHelper.getValueFromData(t.valueLabelMax,null),c=myMdwHelper.getValueFromData(t.valueLabelUnit,""),d=myMdwHelper.getValueFromData(t.valueLessThan,r),u=myMdwHelper.getValueFromData(t.textForValueLessThan,null),m=myMdwHelper.getValueFromData(t.valueGreaterThan,n),p=myMdwHelper.getValueFromData(t.textForValueGreaterThan,null);a.append(`\n
    \n
    \n \n \n ${t.showValueLabel?`0`:""}\n
    \n
    `);let g=!1;"yes"===myMdwHelper.getValueFromData(t.showTicks,"no")&&(g=!0),"always"===myMdwHelper.getValueFromData(t.showTicks,"no")&&(g="always");let b=!1;"yes"===myMdwHelper.getValueFromData(t.showThumbLabel,"no")&&(b=!0),"always"===myMdwHelper.getValueFromData(t.showThumbLabel,"no")&&(b="always"),myMdwHelper.waitForElement(a,".materialdesign-vuetifySlider",t.wid,"Slider",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"Slider",function(){function e(e=!0,l=0){if(!1===vis.states.attr(o+".val")||"false"===vis.states.attr(o+".val")||!vis.states.attr(o+".val")){e&&(l=vis.states.attr(t.oid+".val"),h.value=l);let o=parseFloat(l);isNaN(o)&&(o=r),on&&(o=n);let g=100,b=n-r,y=g/b;o=Math.floor((o-r)*y),l<=r&&null!=i?(a.find(".slider-value").html(i),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(i)):l>r&&l<=d&&null!=u?(a.find(".slider-value").html(u),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(u)):l>=m&&l=n&&null!=s?(a.find(".slider-value").html(s),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(s)):"sliderValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"sliderValue")?(a.find(".slider-value").html(`${l} ${c}`),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(`${l} ${c}`)):(a.find(".slider-value").html(`${o} %`),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(`${o} %`))}}let h=new Vue({el:a.find(".materialdesign-vuetifySlider").get(0),vuetify:new Vuetify({rtl:t.reverseSlider}),data:()=>({value:vis.states.attr(t.oid+".val"),vertical:"horizontal"!==myMdwHelper.getValueFromData(t.orientation,"horizontal"),min:r,max:n,step:myMdwHelper.getNumberFromData(t.step,1),ticks:g,tickSize:myMdwHelper.getNumberFromData(t.tickSize,1),tickLabels:null!==myMdwHelper.getValueFromData(t.tickLabels,null)?t.tickLabels.split(","):[],thumbLabel:b,thumbSize:myMdwHelper.getNumberFromData(t.thumbSize,32),loaderHeight:"30px",trackFillColor:myMdwHelper.getValueFromData(t.colorBeforeThumb,l),thumbColor:myMdwHelper.getValueFromData(t.colorThumb,l),trackColor:myMdwHelper.getValueFromData(t.colorAfterThumb,"rgba(161, 161, 161, 0.26)")}),mounted:function(){},methods:{changeEvent(a){!1!==vis.states.attr(o+".val")&&"false"!==vis.states.attr(o+".val")&&vis.states.attr(o+".val")||myMdwHelper.setValue(t.oid,a),e()},inputEvent(t){e(!1,t)}}});if(a.find(".materialdesign-vuetifySlider").on("touchstart mousedown",function(){myMdwHelper.vibrate(t.vibrateOnMobilDevices)}),"vertical"===myMdwHelper.getValueFromData(t.orientation,"horizontal")){let e=window.getComputedStyle(a.context,null).height.replace("px",""),t=a.find(".v-slider--vertical");e=e-t.css("margin-top").replace("px","")-t.css("margin-bottom").replace("px",""),t.css("height",e+"px")}a.context.style.setProperty("--vue-slider-thumb-label-font-color",myMdwHelper.getValueFromData(t.thumbFontColor,"")),a.context.style.setProperty("--vue-slider-thumb-label-font-family",myMdwHelper.getValueFromData(t.thumbFontFamily,"")),a.context.style.setProperty("--vue-slider-thumb-label-font-size",myMdwHelper.getNumberFromData(t.thumbFontSize,12)+"px"),a.find(".v-slider__thumb-label").css("background-color",myMdwHelper.getValueFromData(t.thumbBackgroundColor,myMdwHelper.getValueFromData(t.colorThumb,l))),a.context.style.setProperty("--vue-slider-tick-before-color",myMdwHelper.getValueFromData(t.tickColorBefore,"")),a.context.style.setProperty("--vue-slider-tick-after-color",myMdwHelper.getValueFromData(t.tickColorAfter,"")),a.context.style.setProperty("--vue-text-field-label-before-color",myMdwHelper.getValueFromData(t.prepandTextColor,"")),a.context.style.setProperty("--vue-text-field-label-font-family",myMdwHelper.getNumberFromData(t.prepandTextFontFamily,12)+"px"),a.context.style.setProperty("--vue-text-field-label-font-size",myMdwHelper.getNumberFromData(t.prepandTextFontSize,16)+"px"),a.context.style.setProperty("--vue-text-field-label-width",myMdwHelper.getStringFromNumberData(t.prepandTextWidth,"inherit","","px")),a.find(".v-slider__thumb-container").css("height","0px"),"knobMedium"===t.knobSize&&a.find(".v-slider__thumb").addClass("medium-size"),"knobBig"===t.knobSize&&a.find(".v-slider__thumb").addClass("big-size"),e(),vis.states.bind(t.oid+".val",function(t,a,o){e()}),vis.states.bind(o+".val",function(t,a,o){e()})})})}catch(e){console.error(`[Vuetify Slider ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.switch={initialize:function(e){try{let t="";"false"!==e.labelClickActive&&!1!==e.labelClickActive||(t="pointer-events:none;");let a="";"left"===e.labelPosition&&(a="mdc-form-field--align-end");let o=`\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n \n `;return{myswitch:o,style:a}}catch(t){console.error(`[Switch - ${e.wid}] initialize: error: ${t.message}, stack: ${t.stack}`)}},handle:function(e,t){try{var a=$(e),o=a.data("oid");!0===myMdwHelper.getBooleanFromData(t.lockEnabled)&&(a.append(``),a.attr("isLocked",!0),a.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`));let i=a.find(".mdc-switch").get(0);const n=new mdc.formField.MDCFormField(a.get(0)),s=new mdc.switchControl.MDCSwitch(i);function l(){var e=vis.states.attr(o+".val");let l=!1;"boolean"===t.toggleType?l=e:e===parseInt(t.valueOn)||e===t.valueOn?l=!0:e!==parseInt(t.valueOn)&&e!==t.valueOn&&e!==parseInt(t.valueOff)&&e!==t.valueOff&&"on"===t.stateIfNotTrueValue&&(l=!0),s.checked=l;let r=a.find('label[id="label"]');l?(r.css("color",myMdwHelper.getValueFromData(t.labelColorTrue,"")),r.html(myMdwHelper.getValueFromData(t.labelTrue,""))):(r.css("color",myMdwHelper.getValueFromData(t.labelColorFalse,"")),r.html(myMdwHelper.getValueFromData(t.labelFalse,"")))}function r(){a.find(".materialdesign-lock-icon").fadeOut(),a.attr("isLocked",!1),a.css("filter","grayscale(0%)"),setTimeout(function(){a.attr("isLocked",!0),a.find(".materialdesign-lock-icon").show(),a.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`)},1e3*myMdwHelper.getNumberFromData(t.autoLockAfter,10))}n.input=s,s.disabled=myMdwHelper.getBooleanFromData(t.readOnly,!1),i.style.setProperty("--materialdesign-color-switch-on",myMdwHelper.getValueFromData(t.colorSwitchTrue,"")),i.style.setProperty("--materialdesign-color-switch-off",myMdwHelper.getValueFromData(t.colorSwitchThumb,"")),i.style.setProperty("--materialdesign-color-switch-track",myMdwHelper.getValueFromData(t.colorSwitchTrack,"")),i.style.setProperty("--materialdesign-color-switch-off-hover",myMdwHelper.getValueFromData(t.colorSwitchHover,"")),l(),vis.editMode||a.find(".mdc-switch").click(function(){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),"false"===a.attr("isLocked")||void 0===a.attr("isLocked")?("boolean"===t.toggleType?myMdwHelper.setValue(t.oid,s.checked):!0==!s.checked?myMdwHelper.setValue(t.oid,t.valueOff):myMdwHelper.setValue(t.oid,t.valueOn),l()):(s.checked=!s.checked,r())}),vis.states.bind(o+".val",function(e,t,a){l()})}catch(e){console.error(`[Switch - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.table={initialize:function(e,t){try{let o=$(e),l=[];o.get(0).style.setProperty("--materialdesign-color-table-background",myMdwHelper.getValueFromData(t.colorBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-border",myMdwHelper.getValueFromData(t.borderColor,"")),o.get(0).style.setProperty("--materialdesign-color-table-header-row-background",myMdwHelper.getValueFromData(t.colorHeaderRowBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-header-row-text-color",myMdwHelper.getValueFromData(t.colorHeaderRowText,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-background",myMdwHelper.getValueFromData(t.colorRowBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-text-color",myMdwHelper.getValueFromData(t.colorRowText,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-divider",myMdwHelper.getValueFromData(t.dividers,""));let r=myMdwHelper.getFontSize(t.headerTextSize),i="";if("card"===t.tableLayout?i="materialdesign-list-card":"cardOutlined"===t.tableLayout&&(i="materialdesign-list-card materialdesign-list-card--outlined"),l.push(`
    \n `),l.push(`\n `),t.showHeader)for(var a=0;a<=t.countCols;a++)t.attr("showColumn"+a)&&l.push(``);return l.push('\n \n \n \n
    \n ${myMdwHelper.getValueFromData(t.attr("label"+a),"col "+a)}\n \n
    \n
    '),l.join("")}catch(e){console.error(`[Table - ${t.wid}] initialize: error: ${e.message}, stack: ${e.stack}`)}},handle:function(e,t){try{let a=$(e);a.append(this.initialize(e,t)),myMdwHelper.waitForElement(a,".mdc-data-table",t.wid,"Table",function(){myMdwHelper.waitForRealHeight(a.context,t.wid,"Table",function(){let e=a.find(".mdc-data-table").get(0);if(e){let o=window.getComputedStyle(a.context,null).height;a.find(".mdc-data-table").css("height",o);let l=window.getComputedStyle(a.find(".mdc-data-table__header-row").get(0),null).height;a.find(".mdc-data-table__content").css("height",parseInt(o.replace("px",""))-parseInt(l.replace("px",""))-2+"px");new mdc.dataTable.MDCDataTable(e);null!==myMdwHelper.getValueFromData(t.oid,null)&&"nothing_selected"!==myMdwHelper.getValueFromData(t.oid,null)&&null!==vis.states.attr(t.oid+".val")?vis.binds.materialdesign.table.getContentElements(a,vis.states.attr(t.oid+".val"),t):t.dataJson&&vis.binds.materialdesign.table.getContentElements(a,t.dataJson,t),vis.states.bind(t.oid+".val",function(e,o,l){vis.binds.materialdesign.table.getContentElements(a,o,t,null,l)}),a.find(".mdc-data-table__header-cell").click(function(e){function o(e,t,a){return e.sort(function(e,o){var l=e[t],r=o[t];return a?lr?1:0:l>r?-1:l\n `);let e=Object.keys(o[c]).length-1>a.countCols?a.countCols:Object.keys(o[c]).length-1;for(var d=0;d<=e;d++)if(a.attr("showColumn"+d)){let e=myMdwHelper.getFontSize(a.attr("colTextSize"+d)),t=u(c,d,Object.values(o[c])[d],e,o[c]);r.find(`#row${c}`).append(t)}}}else if(1===t.length)if(o[c]){let l=Object.keys(o[c]).length-1;i&&i[c]&&la.countCols&&(l=a.countCols);let n=t.find("td").length-1;l0)for(var o=0;o<=a.length-1;o++){let l=a[o].replace("#[obj.","").replace("]","");e=l&&t[l]?e.replace(a[o],t[l]):e.replace(a[o],"")}return e}""!==n&&(n=c(n,i)),""!==s&&(s=c(s,i))}"image"===a.attr("colType"+o)&&(l=``);let d=`${n}${l}${s}`;if("object"==typeof l){let r=vis.binds.materialdesign.table.getElementData(l,a.wid);if("buttonToggle"===l.type||"buttonToggle_vertical"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r);"buttonToggle_vertical"===l.type&&(i=vis.binds.materialdesign.button.initializeVerticalButton(r)),d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`).children().get(0);vis.binds.materialdesign.addRippleEffect(a,r),vis.binds.materialdesign.button.handleToggle(a,r)})}else if("buttonToggle_icon"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r,!0);d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Icon",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`).children().get(0);vis.binds.materialdesign.addRippleEffect(a,r,!0),vis.binds.materialdesign.button.handleToggle(a,r)})}else if("buttonState"===l.type||"buttonState_vertical"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r) -;"buttonState_vertical"===l.type&&(i=vis.binds.materialdesign.button.initializeVerticalButton(r)),d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button State",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`);vis.binds.materialdesign.addRippleEffect(a,r),vis.binds.materialdesign.button.handleState(a,r)})}else if("buttonState_icon"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r,!0);d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button State Icon",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`);vis.binds.materialdesign.addRippleEffect(a,r,!0),vis.binds.materialdesign.button.handleState(a,r)})}else if("progress"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Progress",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Progress",function(){myMdwHelper.waitForElement(e,`.materialdesign-progress-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-progress-table-row_${t}-col_${o}`);vis.binds.materialdesign.progress.linear(a,r)})});else if("progress_circular"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Progress Circular",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Progress Circular",function(){myMdwHelper.waitForElement(e,`.materialdesign-progress-circular-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-progress-circular-table-row_${t}-col_${o}`);vis.binds.materialdesign.progress.circular(a,r)})});else if("slider"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Slider",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Slider",function(){myMdwHelper.waitForElement(e,`.materialdesign-slider-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-slider-table-row_${t}-col_${o}`);vis.binds.materialdesign.slider.vuetifySlider(a,r)})});else if("slider_round"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Slider Round",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Slider Round",function(){myMdwHelper.waitForElement(e,`.materialdesign-slider-round-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-slider-round-table-row_${t}-col_${o}`);vis.binds.materialdesign.roundslider(a,r)})});else if("switch"===l.type){let i=vis.binds.materialdesign.switch.initialize(r);d=`
    \n ${i.myswitch}\n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Switch",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Switch",function(){myMdwHelper.waitForElement(e,`.materialdesign-switch-table-row_${t}-col_${o}`,a.wid,"Table Switch",function(){let a=e.find(`.materialdesign-switch-table-row_${t}-col_${o}`);vis.binds.materialdesign.switch.handle(a,r)})})}else if("checkbox"===l.type){let i=vis.binds.materialdesign.checkbox.initialize(r);d=`
    \n ${i.checkbox}\n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Checkbox",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Checkbox",function(){myMdwHelper.waitForElement(e,`.materialdesign-checkbox-table-row_${t}-col_${o}`,a.wid,"Table Checkbox",function(){let a=e.find(`.materialdesign-checkbox-table-row_${t}-col_${o}`);vis.binds.materialdesign.checkbox.handle(a,r)})})}else"textfield"===l.type?(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Textfield",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Textfield",function(){myMdwHelper.waitForElement(e,`.materialdesign-input-table-row_${t}-col_${o}`,a.wid,"Table Textfield",function(){let a=e.find(`.materialdesign-input-table-row_${t}-col_${o}`);vis.binds.materialdesign.textfield(a,r)})})):"select"===l.type?(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Select",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Select",function(){myMdwHelper.waitForElement(e,`.materialdesign-select-table-row_${t}-col_${o}`,a.wid,"Table Select",function(){let a=e.find(`.materialdesign-select-table-row_${t}-col_${o}`);vis.binds.materialdesign.select(a,r)})})):"autocomplete"===l.type&&(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Autocomplete",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Autocomplete",function(){myMdwHelper.waitForElement(e,`.materialdesign-autocomplete-table-row_${t}-col_${o}`,a.wid,"Table Autocomplete",function(){let a=e.find(`.materialdesign-autocomplete-table-row_${t}-col_${o}`);vis.binds.materialdesign.autocomplete(a,r)})}))}return`\n ${d}\n `}}},getJsonData:function(e,t){let a=[];if(e&&"string"==typeof e)try{a=JSON.parse(e)}catch(a){console.error(`[Table - ${t.wid}] getJsonData: input: ${e}, error: ${a.message}`)}else if(a=e,!Array.isArray(a)){a=Object.keys(a).map(function(e){return a[e]});let e=[];for(var o=0;o<=Object.keys(a).length-1;o++)a[o]._data&&e.push(a[o]._data);a=e}return a},getElementData:function(e,t){if("buttonToggle"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,buttontext:e.buttontext,labelTrue:e.labelTrue,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,labelWidth:e.labelWidth,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonToggle_vertical"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,buttontext:e.buttontext,labelTrue:e.labelTrue,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonToggle_icon"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,value:e.value,buttontext:e.buttontext,colorPress:e.colorPress,labelWidth:e.labelWidth,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState_vertical"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,value:e.value,buttontext:e.buttontext,colorPress:e.colorPress,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState_icon"===e.type)return{wid:t,oid:e.oid,value:e.value,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconHeight:e.iconHeight,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("progress"===e.type)return{wid:t,oid:e.oid,min:e.min,max:e.max,reverse:e.reverse,progressRounded:e.progressRounded,progressStriped:e.progressStriped,progressStripedColor:e.progressStripedColor,colorProgressBackground:e.colorProgressBackground,colorProgress:e.colorProgress,colorOneCondition:e.colorOneCondition,colorOne:e.colorOne,colorTwoCondition:e.colorTwoCondition,colorTwo:e.colorTwo,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueMaxDecimals:e.valueMaxDecimals,valueLabelCustom:e.valueLabelCustom,textColor:e.textColor,textFontSize:e.textFontSize,textFontFamily:e.textFontFamily,textAlign:e.textAlign};if("progress_circular"===e.type)return{wid:t,oid:e.oid,min:e.min,max:e.max,progressCircularSize:e.progressCircularSize,progressCircularWidth:e.progressCircularWidth,progressCircularRotate:e.progressCircularRotate,colorProgressBackground:e.colorProgressBackground,colorProgress:e.colorProgress,innerColor:e.innerColor,colorOneCondition:e.colorOneCondition,colorOne:e.colorOne,colorTwoCondition:e.colorTwoCondition,colorTwo:e.colorTwo,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueMaxDecimals:e.valueMaxDecimals,valueLabelCustom:e.valueLabelCustom,textColor:e.textColor,textFontSize:e.textFontSize,textFontFamily:e.textFontFamily};if("slider"===e.type)return{wid:t,oid:e.oid,"oid-working":e["oid-working"],orientation:e.orientation,reverseSlider:e.reverseSlider,knobSize:e.knobSize,readOnly:e.readOnly,min:e.min,max:e.max,step:e.step,vibrateOnMobilDevices:e.vibrateOnMobilDevices,showTicks:e.showTicks,tickSize:e.tickSize,tickLabels:e.tickLabels,tickColorBefore:e.tickColorBefore,tickColorAfter:e.tickColorAfter,colorBeforeThumb:e.colorBeforeThumb,colorThumb:e.colorThumb,colorAfterThumb:e.colorAfterThumb,prepandText:e.prepandText,prepandTextWidth:e.prepandTextWidth,prepandTextColor:e.prepandTextColor,prepandTextFontSize:e.prepandTextFontSize,prepandTextFontFamily:e.prepandTextFontFamily,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueLabelMin:e.valueLabelMin,valueLabelMax:e.valueLabelMax,valueLessThan:e.valueLessThan,textForValueLessThan:e.textForValueLessThan,valueGreaterThan:e.valueGreaterThan,textForValueGreaterThan:e.textForValueGreaterThan,valueLabelWidth:e.valueLabelWidth,showThumbLabel:e.showThumbLabel,thumbSize:e.thumbSize,thumbBackgroundColor:e.thumbBackgroundColor,thumbFontColor:e.thumbFontColor,thumbFontSize:e.thumbFontSize,thumbFontFamily:e.thumbFontFamily,useLabelRules:e.useLabelRules};if("slider_round"===e.type)return{wid:t,oid:e.oid,"oid-working":e["oid-working"],min:e.min,max:e.max,step:e.step,startAngle:e.startAngle,arcLength:e.arcLength,sliderWidth:e.sliderWidth,handleSize:e.handleSize,handleZoom:e.handleZoom,rtl:e.rtl,vibrateOnMobilDevices:e.vibrateOnMobilDevices,colorSliderBg:e.colorSliderBg,colorBeforeThumb:e.colorBeforeThumb,colorThumb:e.colorThumb,colorAfterThumb:e.colorAfterThumb,valueLabelColor:e.valueLabelColor,showValueLabel:e.showValueLabel,valueLabelVerticalPosition:e.valueLabelVerticalPosition,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueLabelMin:e.valueLabelMin,valueLabelMax:e.valueLabelMax,valueLessThan:e.valueLessThan,textForValueLessThan:e.textForValueLessThan,valueGreaterThan:e.valueGreaterThan,textForValueGreaterThan:e.textForValueGreaterThan};if("switch"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,labelFalse:e.labelFalse,labelTrue:e.labelTrue,labelPosition:e.labelPosition,labelClickActive:e.labelClickActive,colorSwitchThumb:e.colorSwitchThumb,colorSwitchTrack:e.colorSwitchTrack,colorSwitchTrue:e.colorSwitchTrue,colorSwitchHover:e.colorSwitchHover,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("checkbox"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,labelFalse:e.labelFalse,labelTrue:e.labelTrue,labelPosition:e.labelPosition,labelClickActive:e.labelClickActive,colorCheckBox:e.colorCheckBox,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("textfield"===e.type)return{wid:t,oid:e.oid,inputType:e.inputType,inputMask:e.inputMask,inputMaxLength:e.inputMaxLength,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendIcon:e.appendIcon,appendIconSize:e.appendIconSize,appendIconColor:e.appendIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor};if("select"===e.type){let o={wid:t,oid:e.oid,inputType:e.inputType,vibrateOnMobilDevices:e.vibrateOnMobilDevices,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,collapseIcon:e.collapseIcon,collapseIconSize:e.collapseIconSize,collapseIconColor:e.collapseIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor,listDataMethod:e.listDataMethod,countSelectItems:e.countSelectItems,jsonStringObject:e.jsonStringObject,valueList:e.valueList,valueListLabels:e.valueListLabels,valueListIcons:e.valueListIcons,listPosition:e.listPosition,listPositionOffset:e.listPositionOffset,listItemHeight:e.listItemHeight,listItemBackgroundColor:e.listItemBackgroundColor,listItemBackgroundHoverColor:e.listItemBackgroundHoverColor,listItemBackgroundSelectedColor:e.listItemBackgroundSelectedColor,listItemRippleEffectColor:e.listItemRippleEffectColor,showSelectedIcon:e.showSelectedIcon,listIconSize:e.listIconSize,listIconColor:e.listIconColor,listIconHoverColor:e.listIconHoverColor,listIconSelectedColor:e.listIconSelectedColor,listItemFontSize:e.listItemFontSize,listItemFont:e.listItemFont,listItemFontColor:e.listItemFontColor,listItemFontHoverColor:e.listItemFontHoverColor,listItemFontSelectedColor:e.listItemFontSelectedColor,listItemSubFontSize:e.listItemSubFontSize,listItemSubFont:e.listItemSubFont,listItemSubFontColor:e.listItemSubFontColor,listItemSubFontHoverColor:e.listItemSubFontHoverColor,listItemSubFontSelectedColor:e.listItemSubFontSelectedColor,showValue:e.showValue,listItemValueFontSize:e.listItemValueFontSize,listItemValueFont:e.listItemValueFont,listItemValueFontColor:e.listItemValueFontColor,listItemValueFontHoverColor:e.listItemValueFontHoverColor,listItemValueFontSelectedColor:e.listItemValueFontSelectedColor};for(var a=0;a<=e.countSelectItems;a++)o["value"+a]=e["value"+a],o["label"+a]=e["label"+a],o["subLabel"+a]=e["subLabel"+a],o["listIcon"+a]=e["listIcon"+a],o["listIconColor"+a]=e["listIconColor"+a];return o}if("autocomplete"===e.type){let o={wid:t,oid:e.oid,inputMode:e.inputMode,inputType:e.inputType,vibrateOnMobilDevices:e.vibrateOnMobilDevices,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,collapseIcon:e.collapseIcon,collapseIconSize:e.collapseIconSize,collapseIconColor:e.collapseIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor,listDataMethod:e.listDataMethod,countSelectItems:e.countSelectItems,jsonStringObject:e.jsonStringObject,valueList:e.valueList,valueListLabels:e.valueListLabels,valueListIcons:e.valueListIcons,listPosition:e.listPosition,listPositionOffset:e.listPositionOffset,listItemHeight:e.listItemHeight,listItemBackgroundColor:e.listItemBackgroundColor,listItemBackgroundHoverColor:e.listItemBackgroundHoverColor,listItemBackgroundSelectedColor:e.listItemBackgroundSelectedColor,listItemRippleEffectColor:e.listItemRippleEffectColor,showSelectedIcon:e.showSelectedIcon,listIconSize:e.listIconSize,listIconColor:e.listIconColor,listIconHoverColor:e.listIconHoverColor,listIconSelectedColor:e.listIconSelectedColor,listItemFontSize:e.listItemFontSize,listItemFont:e.listItemFont,listItemFontColor:e.listItemFontColor,listItemFontHoverColor:e.listItemFontHoverColor,listItemFontSelectedColor:e.listItemFontSelectedColor,listItemSubFontSize:e.listItemSubFontSize,listItemSubFont:e.listItemSubFont,listItemSubFontColor:e.listItemSubFontColor,listItemSubFontHoverColor:e.listItemSubFontHoverColor,listItemSubFontSelectedColor:e.listItemSubFontSelectedColor,showValue:e.showValue,listItemValueFontSize:e.listItemValueFontSize,listItemValueFont:e.listItemValueFont,listItemValueFontColor:e.listItemValueFontColor,listItemValueFontHoverColor:e.listItemValueFontHoverColor,listItemValueFontSelectedColor:e.listItemValueFontSelectedColor};for(a=0;a<=e.countSelectItems;a++)o["value"+a]=e["value"+a],o["label"+a]=e["label"+a],o["subLabel"+a]=e["subLabel"+a],o["listIcon"+a]=e["listIcon"+a],o["listIconColor"+a]=e["listIconColor"+a];return o}}},vis.binds.materialdesign.textfield=function(e,t){try{let o=$(e),l=vis.binds.materialdesign.vueHelper.input,r="materialdesign-vuetify-textField",i="TextField",n=myMdwHelper.getValueFromData(t.inputType,"text"),s="",c="";function a(){myMdwHelper.waitForElement(o,`.${r}`,t.wid,"TextField",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"TextField",function(){let e=window.getComputedStyle(o.get(0),null).height.replace("px","");Vue.use(VueTheMask);let a=new Vue({el:o.find(`.${r}`).get(0),vuetify:new Vuetify,data(){let a=l.getData(t,e,c);return a.value=vis.states.attr(t.oid+".val"),a.type=n,a.maxlength=myMdwHelper.getNumberFromData(t.inputMaxLength,""),a.appendIcon=myMdwHelper.getAllowedImageFileExtensions().some(e=>myMdwHelper.getValueFromData(t.appendIcon,"").includes(e))?void 0:myMdwHelper.getValueFromData(t.appendIcon,void 0,"mdi-"),a.appendImage=myMdwHelper.getAllowedImageFileExtensions().some(e=>myMdwHelper.getValueFromData(t.appendIcon,"").includes(e))?myMdwHelper.getValueFromData(t.appendIcon,void 0):void 0,a},methods:{changeEvent(e){"number"!==n?myMdwHelper.setValue(t.oid,e):e?myMdwHelper.setValue(t.oid,e):this.value=vis.states.attr(t.oid+".val")}}});l.setStyles(o,t),o.get(0).style.setProperty("--vue-text-icon-append-size",myMdwHelper.getNumberFromData(t.appendIconSize,16)+"px"),o.get(0).style.setProperty("--vue-text-icon-append-color",myMdwHelper.getValueFromData(t.appendIconColor,"")),vis.states.bind(t.oid+".val",function(e,t,o){a.value=t})})})}"mask"===n&&(n="text",s=`v-mask="'${myMdwHelper.getValueFromData(t.inputMask,"")}'"`,c=myMdwHelper.getValueFromData(t.inputMask,"")),o.append(`\n
    \n \n ${l.getTemplates(t)}\n\n ${null!==myMdwHelper.getValueFromData(t.appendIcon,null)?'':""} \n\n \n
    `),myMdwHelper.oidNeedSubscribe(t.oid,t.wid,i,!1)?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){a()}):a()}catch(e){console.error(`[TextField - ${t.wid}]: error: ${e.message}, stack: ${e.stack} `)}},vis.binds.materialdesign.topappbarnav={initializeTopAppBar:function(e){try{let t="",a=myMdwHelper.getValueFromData(e.topAppBarZ_index,"","z-index: ",";"),o=`style="${a}"`,l="",r="";return"standard"===e.topAppBarLayout?r="mdc-top-app-bar--fixed-adjust":"dense"===e.topAppBarLayout?(t="mdc-top-app-bar--dense",r="mdc-top-app-bar--dense-fixed-adjust"):"short"===e.topAppBarLayout&&(t="mdc-top-app-bar--short mdc-top-app-bar--short-collapsed",r="mdc-top-app-bar--short-fixed-adjust"),"modal"===e.drawerLayout&&(l=``),{headerLayout:t,headerStyle:o,contentLayout:r,headerButtonShow:l}}catch(t){ -console.error(`[TopAppBar - ${e.wid}] initializeTopAppBar: error: ${t.message}, stack: ${t.stack}`)}},initializeDrawer:function(e){try{let l=[],r=[],i="",n="",s="",c="";return t(),a(),o(),{viewsList:l,drawerItemList:r.join(""),drawerHeader:i,drawerLayout:n,drawerStyle:s,drawerModalScrim:c};function t(){let t=myMdwHelper.getValueFromData(e.drawerWidth,"","width: ","px;"),a="",o="";void 0!==e.z_index&&null!==e.z_index&&""!==e.z_index&&(a=`z-index: ${e.z_index};`,o=`z-index: ${e.z_index-1};`),"modal"===e.drawerLayout?(n="mdc-drawer--modal",c=`
    `):n="mdc-drawer--dismissible mdc-drawer--open",s=`style="${t}${a}"`}function a(){!0!==e.attr("showHeader")&&"true"!==e.attr("showHeader")||(i=`
    \n ${e.headerLabel}\n
    `)}function o(){let t=myMdwHelper.getFontSize(e.listItemHeaderTextSize),a=myMdwHelper.getValueFromData(e.drawerIconHeight,"","height: ","px !important;"),o=myMdwHelper.getValueFromData(e.drawerSubItemIconHeight,a,"height: ","px !important;"),l=myMdwHelper.getFontSize(e.listItemTextSize),i=myMdwHelper.getFontSize(e.listSubItemTextSize),n=e.showLabels?"":"display: none;",s=e.showSubItemsLabels?"":"display: none;",c=myMdwHelper.getValueFromData(e.backdropLabelBackgroundHeight,"height: auto;","height: ","%;"),d=myMdwHelper.getValueFromData(e.backdropSubLabelBackgroundHeight,c,"height: ","%;"),u=0;for(var m=0;m<=e.navItemCount;m++){let g=myMdwHelper.getValueFromData(e.attr("headers"+m),null),b=myMdwHelper.getValueFromData(e.attr("labels"+m),"Menu Item"),h=myMdwHelper.getValueFromData(e.attr("iconDrawer"+m),""),y=myMdwHelper.getNumberFromData(e.attr("submenuCounts_"+m),0),f=!1,w="",v="";if(y>0){f=!0;let t=myMdwHelper.getValueFromData(e.attr("labels"+m),null);if(null===t)b="Menu Item";else try{w=JSON.parse(t),b=w.itemText}catch(e){w="",b="Error: wrong format!"}let a=myMdwHelper.getValueFromData(e.attr("iconDrawer"+m),null);if(null!==a)try{v=JSON.parse(a),h=v.itemImage}catch(e){v=""}}let x=myMdwHelper.getListItemHeader(g,t);r.push(x);let k=myMdwHelper.getListItem(e.drawerItemLayout,u,h,f,!1,a),F="";"standard"===e.drawerItemLayout&&(F=myMdwHelper.getListIcon(h,"auto",myMdwHelper.getValueFromData(e.drawerIconHeight,"","","px !important;"),e.attr("iconDrawerColor"+m))),e.showIndexNum&&(b=`[${u}] ${b}`);let M=myMdwHelper.getListItemLabel(e.drawerItemLayout,u,b,f,l,n,e.colorSubItemToggleIcon,c,!1,e.listItemAlignment);if(r.push(`${k}${F}${M}
    `),f){r.push('
    `)}r.push("")}r.push(myMdwHelper.getListItemDivider(e.attr("dividers"+m),e.listItemDividerStyle)),u++}}}catch(t){console.error(`[TopAppBar - ${e.wid}] initializeDrawer: error: ${t.message}, stack: ${t.stack}`)}},handler:function(e,t){try{let r=$(e),i=r.parent().parent().get(0),n=r.context,s=r.parent().find(".mdc-top-app-bar").get(0),c=r.parent().find(".mdc-list").get(0);myMdwHelper.waitForElement(r.parent().parent(),".mdc-top-app-bar__navigation-icon",t.wid,"TopAppBar",function(){if(r.parent().parent().css("left","0px"),r.parent().parent().css("top","0px"),r.parent().parent().css("z-index",""),"modal"===t.drawerLayout){let e=window.getComputedStyle(i,null).width;"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",e):vis.editMode&&r.parent().find(".mdc-top-app-bar").css("position","relative")}else{let e=window.getComputedStyle(i,null).width,a=window.getComputedStyle(n,null).width,o=e.replace("px","")-a.replace("px","");"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",o):vis.editMode?r.parent().find(".mdc-top-app-bar").css("position","relative"):r.parent().find(".mdc-top-app-bar").css("left",a),r.parent().find(".drawer-frame-app-content").css("left",a)}});let d=myMdwHelper.getValueFromData(t.colorDrawerBackground,"");n.style.setProperty("--materialdesign-color-drawer-background",d),c.style.setProperty("--materialdesign-color-drawer-sub-background",myMdwHelper.getValueFromData(t.colorDrawerSubBackground,d));let u=myMdwHelper.getValueFromData(t.colorDrawerItemBackground,d);c.style.setProperty("--materialdesign-color-list-item-background",u),c.style.setProperty("--materialdesign-color-sub-list-item-background",myMdwHelper.getValueFromData(t.colorDrawerSubItemBackground,u));let m=myMdwHelper.getValueFromData(t.colorListItemSelected,"");c.style.setProperty("--materialdesign-color-list-item-selected",m),c.style.setProperty("--materialdesign-color-sub-list-item-selected",myMdwHelper.getValueFromData(t.colorListSubItemSelected,m));let p=myMdwHelper.getValueFromData(t.colorListItemHover,"");c.style.setProperty("--materialdesign-color-list-item-hover",p),c.style.setProperty("--materialdesign-color-sub-list-item-hover",myMdwHelper.getValueFromData(t.colorListSubItemHover,p));let g=myMdwHelper.getValueFromData(t.colorListItemText,"");c.style.setProperty("--materialdesign-color-list-item-text",g),c.style.setProperty("--materialdesign-color-sub-list-item-text",myMdwHelper.getValueFromData(t.colorListSubItemText,g));let b=myMdwHelper.getValueFromData(t.colorListItemTextSelected,"");c.style.setProperty("--materialdesign-color-list-item-text-activated",b),c.style.setProperty("--materialdesign-color-sub-list-item-text-activated",myMdwHelper.getValueFromData(t.colorListSubItemTextSelected,b)),c.style.setProperty("--materialdesign-color-list-item-header",myMdwHelper.getValueFromData(t.colorListItemHeaders,"")),c.style.setProperty("--materialdesign-color-list-item-divider",myMdwHelper.getValueFromData(t.colorListItemDivider,""));let h=myMdwHelper.getValueFromData(t.colorDrawerbackdropLabelBackground,"");c.style.setProperty("--materialdesign-color-list-item-backdrop",h),c.style.setProperty("--materialdesign-color-sub-list-item-backdrop",myMdwHelper.getValueFromData(t.colorDrawerbackdropSubLabelBackground,h));let y=myMdwHelper.getValueFromData(t.colorDrawerbackdropLabelBackgroundActive,"");c.style.setProperty("--materialdesign-color-list-item-backdrop-activated",y),c.style.setProperty("--materialdesign-color-sub-list-item-backdrop-activated",myMdwHelper.getValueFromData(t.colorDrawerbackdropSubLabelBackgroundActive,y)),s.style.setProperty("--mdc-theme-primary",myMdwHelper.getValueFromData(t.colorTopAppBarBackground,""));const f=new mdc.drawer.MDCDrawer(n),w=new mdc.topAppBar.MDCTopAppBar(s),v=new mdc.list.MDCList(c);v.listElements.map(e=>new mdc.ripple.MDCRipple(e));w.setScrollTarget(r.parent().find(".mdc-top-app-bar-content").get(0)),w.listen("MDCTopAppBar:nav",()=>{if(vis.binds.materialdesign.helper.vibrate(t.vibrateTopAppBarOnMobilDevices),"dismissible"===t.drawerLayout)if(f.open){let e=window.getComputedStyle(i,null).width;window.getComputedStyle(n,null).width;"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",e):vis.editMode||r.parent().find(".mdc-top-app-bar").css("left","0px"),r.parent().find(".drawer-frame-app-content").css("left","0px"),f.open=!f.open}else{let e=window.getComputedStyle(i,null).width,a=window.getComputedStyle(n,null).width,o=e.replace("px","")-a.replace("px","");f.open=!f.open,setTimeout(function(){"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",o):vis.editMode||r.parent().find(".mdc-top-app-bar").css("left",a),r.parent().find(".drawer-frame-app-content").css("left",a)},250)}else f.open=!f.open});var a=vis.states.attr(t.oid+".val");function o(){if(t.showSelectedItemAsTitle){let e=r.parent().find(`span[id="listItem_${v.selectedIndex}"]`).text();r.parent().find(".mdc-top-app-bar__title").text(e)}}function l(e){let t=r.find(`.mdc-list-item[id="listItem_${e}"]`);if(t.hasClass("isSubItem")){let e=t.parent().prev(".hasSubItems");e.hasClass("toggled")||(e.addClass("toggled"),e.find(".toggleIcon").removeClass("mdi-menu-down"),e.find(".toggleIcon").addClass("mdi-menu-up"),e.next("nav.mdc-sub-list").toggle())}}l(a),v.selectedIndex=a,o(),vis.states.bind(t.oid+".val",function(e,t,a){l(t),v.selectedIndex=t,o()}),r.find(".mdc-list-item").click(function(){let e=parseInt($(this).eq(0).attr("id").replace("listItem_",""));vis.binds.materialdesign.helper.vibrate(t.vibrateDrawerOnMobilDevices),$(this).hasClass("hasSubItems")?($(this).hasClass("toggled")?($(this).removeClass("toggled"),$(this).find(".toggleIcon").removeClass("mdi-menu-up"),$(this).find(".toggleIcon").addClass("mdi-menu-down")):($(this).addClass("toggled"),$(this).find(".toggleIcon").removeClass("mdi-menu-down"),$(this).find(".toggleIcon").addClass("mdi-menu-up")),$(this).next("nav.mdc-sub-list").toggle(),v.selectedIndex=e):(a=vis.states.attr(t.oid+".val"),a!=e&&(myMdwHelper.setValue(t.oid,e),o(),setTimeout(function(){window.scrollTo({top:0,left:0})},50)),"modal"===t.drawerLayout&&(f.open=!1))})}catch(e){console.error(`[TopAppBar - ${t.wid}] handle: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.views={masonry:function(e,t){try{let r=$(e),i="Masonry",n=[],s=!1;for(var a=0;a<=t.countViews;a++){let e=myMdwHelper.getValueFromData(t.attr("viewsWidth"+a),"");e=""!==e&&(e.endsWith("%")||e.endsWith("px")||e.includes("calc"))?`width: ${e};`:isNaN(e)||""===e?"":`width: ${e}px;`;let o=myMdwHelper.getValueFromData(t.attr("viewAlignment"+a),"center");"left"===o&&(o="flex-start"),"right"===o&&(o="flex-end");let c=myMdwHelper.getNumberFromData(t.attr("viewsHeight"+a),0);n.push(`\n \n `),s=myMdwHelper.oidNeedSubscribe(t.attr("visibilityOid"+a),t.wid,i,s),vis.states.bind(t.attr("visibilityOid"+a)+".val",function(e,t,a){let o=r.find('.materialdesign-masonry-item[visibilityOid="'+e.type.substr(0,e.type.lastIndexOf("."))+'"]');o.each(function(e){let a=o.eq(e).attr("itemindex");l(a,t)})})}let c=`\n
    \n
    \n
    \n
    ${_("Resolution assistant")}
    \n \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n
    \n `;function o(){myMdwHelper.waitForElement(r,"#masonry_item_0",t.wid,"Masonry",function(){myMdwHelper.waitForRealWidth(r.context,t.wid,"Masonry",function(){function e(){t.showResolutionAssistant&&r.find(".masonry-helper-resolution-width").text(o+" px"),o<=s?(r.context.style.setProperty("--materialdesign-masonry-column-count",c),r.context.style.setProperty("--materialdesign-masonry-gaps",d+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(c),r.find(".masonry-helper-gaps").text(d+" px"),r.find(".masonry-helper-rule").text(_("mobil phone")+" "+_("portrait")))):o>s&&o<=u?(r.context.style.setProperty("--materialdesign-masonry-column-count",m),r.context.style.setProperty("--materialdesign-masonry-gaps",p+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(m),r.find(".masonry-helper-gaps").text(p+" px"),r.find(".masonry-helper-rule").text(_("mobil phone")+" "+_("landscape")))):o>u&&o<=g?(r.context.style.setProperty("--materialdesign-masonry-column-count",b),r.context.style.setProperty("--materialdesign-masonry-gaps",h+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(b),r.find(".masonry-helper-gaps").text(h+" px"),r.find(".masonry-helper-rule").text(_("tablet")+" "+_("portrait")))):o>g&&o<=y?(r.context.style.setProperty("--materialdesign-masonry-column-count",f),r.context.style.setProperty("--materialdesign-masonry-gaps",w+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(f),r.find(".masonry-helper-gaps").text(w+" px"),r.find(".masonry-helper-rule").text(_("tablet")+" "+_("landscape")))):o>y&&(r.context.style.setProperty("--materialdesign-masonry-column-count",i),r.context.style.setProperty("--materialdesign-masonry-gaps",n+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(i),r.find(".masonry-helper-gaps").text(n+" px"),r.find(".masonry-helper-rule").text("-")))}function a(){for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("visibleResolutionLessThan"+e),5e4),l=myMdwHelper.getNumberFromData(t.attr("visibleResolutionGreaterThan"+e),0);o=l&&o<=a?r.find(`#masonry_item_${e}`).show():o>a?r.find(`#masonry_item_${e}`).hide():r.find(`#masonry_item_${e}`).show()}}var o=r.width();myMdwHelper.calcChecker(getComputedStyle(r.context).width,t.wid,"Masonry"),$(window).resize(function(){var t=r.width();o!==t&&(o=t,e(),a(),l())});let i=myMdwHelper.getNumberFromData(t.countCols,3),n=myMdwHelper.getNumberFromData(t.desktopGaps,0),s=myMdwHelper.getNumberFromData(t.handyPortraitWidth,360),c=myMdwHelper.getNumberFromData(t.handyPortraitCols,1),d=myMdwHelper.getNumberFromData(t.handyPortraitGaps,n),u=myMdwHelper.getNumberFromData(t.handyLandscapeWidth,672),m=myMdwHelper.getNumberFromData(t.handyLandscapeCols,2),p=myMdwHelper.getNumberFromData(t.handyLandscapeGaps,n),g=myMdwHelper.getNumberFromData(t.tabletPortraitWidth,768),b=myMdwHelper.getNumberFromData(t.tabletPortraitCols,2),h=myMdwHelper.getNumberFromData(t.tabletPortraitGaps,n),y=myMdwHelper.getNumberFromData(t.tabletLandscapeWidth,1024),f=myMdwHelper.getNumberFromData(t.tabletLandscapeCols,3),w=myMdwHelper.getNumberFromData(t.tabletLandscapeGaps,n);e(),a(),l()})})}function l(){for(var e=0;e<=t.countViews;e++){let a=vis.states.attr(t.attr("visibilityOid"+e)+".val"),o=myMdwHelper.getVisibility(a,"visibilityOid"+e,t.attr("visibilityCondition"+e),t.attr("visibilityConditionValue"+e));o?r.find(`#masonry_item_${e}`).hide():r.find(`#masonry_item_${e}`).show()}}n.sort(function(e,t){let a=parseInt($(e).attr("sortOrder")),o=parseInt($(t).attr("sortOrder"));return a==o?0:+(a>o)||-1}),r.append(`\n
    \n ${t.showResolutionAssistant?c:""}\n ${n.join("")}\n
    \n `),s?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){o()}):o()}catch(e){console.error(`[Masonry Views - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},grid:function(e,t){try{let r=$(e),i="Grid",n=[],s=!1,c="materialdesign-grid";for(var a=0;a<=t.countViews;a++){let e=myMdwHelper.getNumberFromData(t.attr("viewColSpan"+a),myMdwHelper.getNumberFromData(t.viewColSpan,6));e>12&&(e=12);let o=myMdwHelper.getValueFromData(t.attr("View"+a),void 0),c=myMdwHelper.getNumberFromData(t.attr("viewsHeight"+a),0);n.push(`\n \n `),s=myMdwHelper.oidNeedSubscribe(t.attr("visibilityOid"+a),t.wid,i,s),vis.states.bind(t.attr("visibilityOid"+a)+".val",function(e,t,a){let o=r.find('.col[visibilityOid="'+e.type.substr(0,e.type.lastIndexOf("."))+'"]');o.each(function(e){let a=o.eq(e).attr("itemindex");l(a,t)})})}let d=`\n
    \n
    \n
    \n
    ${_("Resolution assistant")}
    \n \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n
    \n `;function o(){myMdwHelper.waitForElement(r,"#grid-item0",t.wid,"Grid ",function(){myMdwHelper.waitForRealWidth(r.context,t.wid,"Grid",function(){function e(){if(t.showResolutionAssistant&&r.find(".grid-helper-resolution-width").text(o+" px"),o<=n){r.context.style.setProperty("--materialdesign-grid-gaps",s+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(s+" px"),r.find(".grid-helper-rule").text(_("mobil phone")+" "+_("portrait")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("handyGridPortraitColSpan"+e),myMdwHelper.getNumberFromData(t.handyGridPortraitColSpan,12));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>n&&o<=c){r.context.style.setProperty("--materialdesign-grid-gaps",d+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(d+" px"),r.find(".grid-helper-rule").text(_("mobil phone")+" "+_("landscape")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("handyGridLandscapeColSpan"+e),myMdwHelper.getNumberFromData(t.handyGridLandscapeColSpan,6));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>c&&o<=u){r.context.style.setProperty("--materialdesign-grid-gaps",m+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(m+" px"),r.find(".grid-helper-rule").text(_("tablet")+" "+_("portrait")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("tabletGridPortraitColSpan"+e),myMdwHelper.getNumberFromData(t.tabletGridPortraitColSpan,4));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>u&&o<=p){r.context.style.setProperty("--materialdesign-grid-gaps",g+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(g+" px"),r.find(".grid-helper-rule").text(_("tablet")+" "+_("landscape")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("tabletGridLandscapeColSpan"+e),myMdwHelper.getNumberFromData(t.tabletGridLandscapeColSpan,3));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>p){r.context.style.setProperty("--materialdesign-grid-gaps",i+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(i+" px"),r.find(".grid-helper-rule").text("-"),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("viewColSpan"+e),myMdwHelper.getNumberFromData(t.viewColSpan,3));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}}function a(){for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("visibleResolutionLessThan"+e),5e4),l=myMdwHelper.getNumberFromData(t.attr("visibleResolutionGreaterThan"+e),0);o=l&&o<=a?r.find(`#grid-item${e}`).show():o>a?r.find(`#grid-item${e}`).hide():r.find(`#grid-item${e}`).show()}}var o=r.width();myMdwHelper.calcChecker(getComputedStyle(r.context).width,t.wid,"Grid"),$(window).resize(function(){var t=r.width();o!==t&&(o=t,e(),a(),l())});let i=myMdwHelper.getNumberFromData(t.desktopGaps,0),n=myMdwHelper.getNumberFromData(t.handyPortraitWidth,360),s=myMdwHelper.getNumberFromData(t.handyPortraitGaps,i),c=myMdwHelper.getNumberFromData(t.handyLandscapeWidth,672),d=myMdwHelper.getNumberFromData(t.handyLandscapeGaps,i),u=myMdwHelper.getNumberFromData(t.tabletPortraitWidth,768),m=myMdwHelper.getNumberFromData(t.tabletPortraitGaps,i),p=myMdwHelper.getNumberFromData(t.tabletLandscapeWidth,1024),g=myMdwHelper.getNumberFromData(t.tabletLandscapeGaps,i);e(),a(),l()})})}function l(){for(var e=0;e<=t.countViews;e++){let a=vis.states.attr(t.attr("visibilityOid"+e)+".val"),o=myMdwHelper.getVisibility(a,"visibilityOid"+e,t.attr("visibilityCondition"+e),t.attr("visibilityConditionValue"+e));o?r.find(`#grid-item${e}`).hide():r.find(`#grid-item${e}`).show()}}n.sort(function(e,t){let a=parseInt($(e).attr("sortOrder")),o=parseInt($(t).attr("sortOrder"));return a==o?0:+(a>o)||-1}),r.append(`\n
    \n
    \n
    \n ${t.showResolutionAssistant?d:""}\n ${n.join("")}\n
    \n
    \n
    `),s?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){o()}):o()}catch(e){console.error(`[Grid Views - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}}};let myMdwMaterialDesignIconsList=[];vis.binds.materialdesign.viseditor={manualLink:function(e,t){try{let e="https://github.com/Scrounger/ioBroker.vis-materialdesign#iobrokervis-materialdesign";return t&&("card"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#card"),"topAppBar"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#top-app-bar-with-navigation-drawer"),"topAppBarSubMenu"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#submenu"),"barChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#bar-chart"),"pieChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#pie-chart"),"lineHistoryChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart"),"jsonChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#json-chart"),"list"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#list"),"iconList"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#iconList"),"progress"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#progress"),"slider"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#slider"),"switch"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#switch"),"select"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#select"),"autocomplete"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#autocomplete"),"table"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#table"),"columnViews"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#column-views"),"alerts"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#alerts"),"masonry"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#masonry-views"),"grid"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#grid-views"),"calendar"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar")),{input:`${_("readme")}`}}catch(e){console.error(`[manualLink]: error: ${e.message}, stack: ${e.stack}`)}},questionsAndAnswers:function(e,t){let a="https://github.com/Scrounger/ioBroker.vis-materialdesign#questions-and-answers-about-the-widgets";return"de"===vis.language&&("alerts"===t[1]&&(a="https://forum.iobroker.net/topic/29663/material-design-widgets-alerts-widget"),"buttons"===t[1]&&(a="https://forum.iobroker.net/topic/29664/material-design-widgets-buttons-widget"),"calendar"===t[1]&&(a="https://forum.iobroker.net/topic/29600/material-design-widgets-calendar-widget"),"checkboxSwitch"===t[1]&&(a="https://forum.iobroker.net/topic/29667/material-design-widgets-checkbox-switch-widget"),"input"===t[1]&&(a="https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl"),"lineHistoryChart"===t[1]&&(a="https://forum.iobroker.net/topic/29662/material-design-widgets-line-history-chart-widget"),"list"===t[1]&&(a="https://forum.iobroker.net/topic/29665/material-design-widgets-list-widget"),"iconList"===t[1]&&(a="https://forum.iobroker.net/topic/30331/material-design-widgets-iconlist-widget"),"progress"===t[1]&&(a="https://forum.iobroker.net/topic/33623/material-design-widgets-progress-widget"),"masonry"===t[1]&&(a="https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget"),"slider"===t[1]&&(a="https://forum.iobroker.net/topic/29661/material-design-widgets-slider-widget"),"table"===t[1]&&(a="https://forum.iobroker.net/topic/29658/material-design-widgets-table-widget"),"topAppBar"===t[1]&&(a="https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget"),"grid"===t[1]&&(a="https://forum.iobroker.net/topic/29916/material-design-widgets-grid-views-widget"),"dialogView"===t[1]&&(a="https://forum.iobroker.net/topic/31870/material-design-widgets-dialog-view-widget"),"jsonChart"===t[1]&&(a="https://forum.iobroker.net/topic/31871/material-design-widgets-json-chart-widget"),"progress"===t[1]&&(a="https://forum.iobroker.net/topic/33623/material-design-widgets-progress-widget")),{input:`${_("readme")}`}},bmc:function(e){return{input:`${_("buymeacoffee")}`}},onlineExample:function(e){return{input:`${_("linkOnlineExampleProject")}`}},visibilityCondition:function(e){return vis.editSelect(e,["==","!=","<=",">=","<",">","consist","not consist","exist","not exist"],!0)},imagesAndMaterialDesignIcons:function(e){try{var t=vis;let a={input:'',init:function(e,t){$(this).autocomplete({minLength:0,source:function(e,t){vis.editMode&&0===myMdwMaterialDesignIconsList.length&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList());var a=$.grep(myMdwMaterialDesignIconsList,function(t){return t.toLowerCase().includes(e.term.toLowerCase())});t(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,t){return $("
  • ").append(`\n
    \n \n \n
    \n `).appendTo(e)}}};return $.fm&&(a.button={icon:"ui-icon-note",text:!1,title:_("Select image"),click:function(){var e=$(this).data("wdata"),a="/"+(t.conn.namespace?t.conn.namespace+"/":"")+t.projectPrefix+"img/",o=t.widgets[e.widgets[0]].data[e.attr];o&&"img/"===o.substring(0,4)&&(o="/vis/"+o),$.fm({lang:t.language,defaultPath:a,path:o||a,uploadDir:"/"+(t.conn.namespace?t.conn.namespace+"/":""),fileFilter:myMdwHelper.getAllowedImageFileExtensions(),folderFilter:!1,mode:"open",view:"prev",userArg:e,conn:t.conn,zindex:1001},function(t,a){var o=t.path+t.file;$("#inspect_"+e.attr).val(o).trigger("change")})}}),a}catch(e){ -console.error(`imagesAndMaterialDesignIcons: error: ${e.message}, stack: ${e.stack}`)}},materialDesignIcons:function(e){try{vis;let t={input:'',init:function(e,t){$(this).autocomplete({minLength:0,source:function(e,t){vis.editMode&&0===myMdwMaterialDesignIconsList.length&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList());var a=$.grep(myMdwMaterialDesignIconsList,function(t){return t.toLowerCase().includes(e.term.toLowerCase())});t(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,t){return $("
  • ").append(`\n
    \n \n \n
    \n `).appendTo(e)}}};return t}catch(e){console.error(`materialDesignIcons: error: ${e.message}, stack: ${e.stack}`)}},exportData:function(e,t){try{var a=vis;let l=t[1];var o={input:'",init:function(e,t){$(this).button().click(function(){$(this).val(!0).trigger("change");$(this).data("wdata");var e={};a.config["dialog-edit-text"]&&(e=JSON.parse(a.config["dialog-edit-text"]));var t=ace.edit("dialog-edit-text-textarea"),o=a.activeView;let r="Please select only one Widget to see the Widget data!";if(1===a.activeWidgets.length){let e=[],t=a.findCommonAttributes(o,a.activeWidgets),n={},s="\n \n \n \n \n ";for(const a in t)for(const o in t[a])e.push(o);s+="
    PropertyDescriptionTypeValues
    ",Object.keys(n).length>0&&(console.log(n),console.log(s));let c=a.views[o].widgets[a.activeWidgets[0]],d=c.style,u=Object.assign({type:l,width:d.width,height:d.height},c.data);for(var i in u)e.includes(i)&&"exportData"!==i||"type"===i||"width"===i||"height"===i||delete u[i],"select"!==l&&"autocomplete"!==l||"jsonStringObject"!==i||"jsonStringObject"!==u.listDataMethod||u[i].startsWith("{")||u[i].endsWith("}")||(u[i]=JSON.parse(u[i]));r=JSON.stringify(u,null,"\t")}$("#dialog-edit-text").dialog({autoOpen:!0,width:e.width||800,height:e.height||600,modal:!0,resize:function(){t.resize()},open:function(a){$(a.target).parent().find(".ui-dialog-titlebar-close .ui-button-text").html(""),$(this).parent().css({"z-index":1e3}),void 0!==e.top&&(e.top>=0?$(this).parent().css({top:e.top}):$(this).parent().css({top:0})),void 0!==e.left&&(e.left>=0?$(this).parent().css({left:e.left}):$(this).parent().css({left:0})),t.getSession().setMode("ace/mode/html"),t.setOptions({enableBasicAutocompletion:!0,enableLiveAutocompletion:!0}),t.$blockScrolling=1/0,t.getSession().setUseWrapMode(!0),t.setValue(r),t.navigateFileEnd(),t.focus(),t.getSession().on("change",function(){!1})},beforeClose:function(){},buttons:[{text:_("Close"),click:function(){$(this).dialog("close")}}]}).show()})}};return o}catch(e){console.error(`exportData: error: ${e.message}, stack: ${e.stack}`)}}},vis.editMode&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList()); \ No newline at end of file +}},vis.binds.materialdesign.progress={linear:function(e,t){try{let a=$(e),o="materialdesign-vuetify-progress",l="Progress";a.append(`\n
    \n \n\n \n \n `),myMdwHelper.waitForElement(a,`.${o}`,t.wid,l,function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,l,function(){Vue.use(VueTheMask);let e=new Vue({el:a.find(`.${o}`).get(0),vuetify:new Vuetify,data(){let e={height:window.getComputedStyle(a.get(0),null).height.replace("px",""),rounded:myMdwHelper.getBooleanFromData(t.progressRounded,!0),striped:myMdwHelper.getBooleanFromData(t.progressStriped,!1)},o=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);return e.value=vis.binds.materialdesign.progress.getProgressState(a,t,o,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label"),e}});vis.states.bind(t.oid+".val",function(o,l,r){e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label")}),a.get(0).style.setProperty("--vue-progress-progress-color-background",myMdwHelper.getValueFromData(t.colorProgressBackground,"")),a.get(0).style.setProperty("--vue-progress-progress-color-striped",myMdwHelper.getValueFromData(t.progressStripedColor,"")),a.get(0).style.setProperty("--vue-progress-progress-color-text",myMdwHelper.getValueFromData(t.textColor,"")),a.get(0).style.setProperty("--vue-progress-progress-color-text-size",myMdwHelper.getNumberFromData(t.textFontSize,12)+"px"),a.get(0).style.setProperty("--vue-progress-progress-color-text-font-family",myMdwHelper.getValueFromData(t.textFontFamily,"inherit")),a.get(0).style.setProperty("--vue-progress-progress-color-text-align",myMdwHelper.getValueFromData(t.textAlign,"end"));let l=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-progress-color",".materialdesign-vuetify-progress-value-label")})})}catch(e){console.error(`[Progress - ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}},circular:function(e,t){try{let a=$(e),o="materialdesign-vuetify-progress-circular",l="Progress Circular";a.append(`\n
    \n \n ${myMdwHelper.getBooleanFromData(t.showValueLabel,!0)?'
    ':""} \n \n `),myMdwHelper.waitForElement(a,`.${o}`,t.wid,l,function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,l,function(){Vue.use(VueTheMask);let e=new Vue({el:a.find(`.${o}`).get(0),vuetify:new Vuetify,data(){let e={},o=myMdwHelper.getNumberFromData(vis.states.attr(t.oid+".val"),0);return e.value=vis.binds.materialdesign.progress.getProgressState(a,t,o,"--vue-progress-circular-progress-color",".materialdesign-vuetify-progress-circular-value-label"),e}});vis.states.bind(t.oid+".val",function(o,l,r){e.value=vis.binds.materialdesign.progress.getProgressState(a,t,l,"--vue-progress-circular-progress-color",".materialdesign-vuetify-progress-circular-value-label")}),a.get(0).style.setProperty("--vue-progress-circular-progress-color-background",myMdwHelper.getValueFromData(t.colorProgressBackground,"")),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text",myMdwHelper.getValueFromData(t.textColor,"")),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text-size",myMdwHelper.getNumberFromData(t.textFontSize,12)+"px"),a.get(0).style.setProperty("--vue-progress-circular-progress-color-text-font-family",myMdwHelper.getValueFromData(t.textFontFamily,"inherit")),a.find(".v-progress-circular__underlay").attr("fill",myMdwHelper.getValueFromData(t.innerColor,"transparent"))})})}catch(e){console.error(`[Progress Circular - ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}},getProgressState:function(e,t,a,o,l){let r=myMdwHelper.getNumberFromData(t.min,0),i=myMdwHelper.getNumberFromData(t.max,100),n=myMdwHelper.getValueFromData(t.colorProgress,""),s=myMdwHelper.getValueFromData(t.colorOneCondition,0),c=myMdwHelper.getValueFromData(t.colorOne,n),d=myMdwHelper.getValueFromData(t.colorTwoCondition,0),u=myMdwHelper.getValueFromData(t.colorTwo,n);void 0===a&&(a=t.oid),!0!==a&&"true"!==a||(a=i),!1!==a&&"false"!==a||(a=r);let m=parseFloat(a);isNaN(m)&&(m=r),mi&&(m=i);let p=100,g=i-r,b=p/g;return m=Math.floor((m-r)*b),m>s&&m<=d?e.get(0).style.setProperty(o,c):m>d?e.get(0).style.setProperty(o,u):e.get(0).style.setProperty(o,n),"progressPercent"===myMdwHelper.getValueFromData(t.valueLabelStyle,"progressPercent")?e.find(l).html(`${myMdwHelper.formatNumber(m,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))} %`):"progressValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"progressPercent")?e.find(l).html(`${myMdwHelper.formatNumber(a,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))}${myMdwHelper.getValueFromData(t.valueLabelUnit,"")}`):e.find(l).html(`${myMdwHelper.getValueFromData(t.valueLabelCustom,"").replace("[#value]",myMdwHelper.formatNumber(a,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0))).replace("[#percent]",myMdwHelper.formatNumber(m,0,myMdwHelper.getNumberFromData(t.valueMaxDecimals,0)))}`),m}},vis.binds.materialdesign.roundslider=function(e,t){try{let o=$(e),l=o.attr("data-oid-working"),r=vis.binds.materialdesign.helper,i=vis.states.attr(t.oid+".val"),n=myMdwHelper.getNumberFromData(t.min,0),s=myMdwHelper.getValueFromData(t.valueLabelMin,null),c=myMdwHelper.getNumberFromData(t.max,100),d=myMdwHelper.getValueFromData(t.valueLabelMax,null),u=myMdwHelper.getValueFromData(t.valueLabelUnit,""),m=myMdwHelper.getNumberFromData(t.valueLessThan,n),p=myMdwHelper.getValueFromData(t.textForValueLessThan,null),g=myMdwHelper.getNumberFromData(t.valueGreaterThan,c),b=myMdwHelper.getValueFromData(t.textForValueGreaterThan,null),h=0;!0!==t.showValueLabel&&"true"!==t.showValueLabel||(h=t.valueLabelWidth),o.append(`\n \n \n ${t.showValueLabel?``:""}\n `);let y=o.find(".materialdesign-round-slider-element");function a(e=!0,a=0){if(!1===vis.states.attr(l+".val")||"false"===vis.states.attr(l+".val")||!vis.states.attr(l+".val")){e&&(a=vis.states.attr(t.oid+".val"),y.attr("value",a));let l=parseFloat(a);isNaN(l)&&(l=n),lc&&(l=c);let r=100,i=c-n,h=r/i;l=Math.floor((l-n)*h),a<=n&&null!=s?o.find(".labelValue").html(s):a>n&&a<=m&&null!=p?o.find(".labelValue").html(p):a>=g&&a=c&&null!=d?o.find(".labelValue").html(d):"sliderValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"sliderValue")?o.find(".labelValue").html(`${a} ${u}`):o.find(".labelValue").html(`${l} %`)}}y.get(0).style.setProperty("--round-slider-path-width",myMdwHelper.getNumberFromData(t.sliderWidth,3)),y.get(0).style.setProperty("background",myMdwHelper.getValueFromData(t.colorSliderBg,"")),y.get(0).style.setProperty("--round-slider-path-color",myMdwHelper.getValueFromData(t.colorAfterThumb,"")),y.get(0).style.setProperty("--round-slider-bar-color",myMdwHelper.getValueFromData(t.colorBeforeThumb,"#44739e")),y.get(0).style.setProperty("--round-slider-handle-color",myMdwHelper.getValueFromData(t.colorThumb,"")),a(),vis.states.bind(t.oid+".val",function(e,t,o){a()}),vis.states.bind(l+".val",function(e,t,o){a()}),y.bind("value-changing",function(e){a(!1,e.target.__value)}),y.bind("value-changed",function(e){let o=parseFloat(e.target.__value);!1!==vis.states.attr(l+".val")&&"false"!==vis.states.attr(l+".val")&&vis.states.attr(l+".val")||(myMdwHelper.setValue(t.oid,o),a())}),o.find(".materialdesign-round-slider-element").on("touchstart mousedown",function(e){r.vibrate(t.vibrateOnMobilDevices)})}catch(e){console.error(`[Round Slider - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},vis.binds.materialdesign.select=function(e,t){try{let a=$(e),o=vis.binds.materialdesign.vueHelper.select,l="materialdesign-vuetify-select";o.generateItemList(t,`Select - ${t.wid}`,function(e){a.append(`\n
    \n \n \n ${o.getTemplates(t)}\n\n \n
    `),myMdwHelper.waitForElement(a,`.${l}`,t.wid,"Select",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"Select",function(){let r=$("body").find("#materialdesign-vuetify-container"),i=window.getComputedStyle(a.get(0),null).height.replace("px",""),n=new Vue({el:a.find(`.${l}`).get(0),vuetify:new Vuetify,data:()=>o.getData(t,i,e),methods:o.getMethods(t,a,e,r)});o.setStyles(a,t),o.setIoBrokerBinding(t,n,e)})})})}catch(e){console.error(`[Select - ${t.wid}]: error: ${e.message}, stack: ${e.stack} `)}},vis.binds.materialdesign.slider={vuetifySlider:function(e,t){try{let a=$(e),o=a.attr("data-oid-working"),l="#44739e",r=myMdwHelper.getValueFromData(t.min,0),i=myMdwHelper.getValueFromData(t.valueLabelMin,null),n=myMdwHelper.getValueFromData(t.max,100),s=myMdwHelper.getValueFromData(t.valueLabelMax,null),c=myMdwHelper.getValueFromData(t.valueLabelUnit,""),d=myMdwHelper.getValueFromData(t.valueLessThan,r),u=myMdwHelper.getValueFromData(t.textForValueLessThan,null),m=myMdwHelper.getValueFromData(t.valueGreaterThan,n),p=myMdwHelper.getValueFromData(t.textForValueGreaterThan,null);a.append(`\n
    \n
    \n \n \n ${t.showValueLabel?`0`:""}\n
    \n
    `);let g=!1;"yes"===myMdwHelper.getValueFromData(t.showTicks,"no")&&(g=!0),"always"===myMdwHelper.getValueFromData(t.showTicks,"no")&&(g="always");let b=!1;"yes"===myMdwHelper.getValueFromData(t.showThumbLabel,"no")&&(b=!0),"always"===myMdwHelper.getValueFromData(t.showThumbLabel,"no")&&(b="always"),myMdwHelper.waitForElement(a,".materialdesign-vuetifySlider",t.wid,"Slider",function(){myMdwHelper.waitForElement($("body"),"#materialdesign-vuetify-container",t.wid,"Slider",function(){function e(e=!0,l=0){if(!1===vis.states.attr(o+".val")||"false"===vis.states.attr(o+".val")||!vis.states.attr(o+".val")){e&&(l=vis.states.attr(t.oid+".val"),h.value=l);let o=parseFloat(l);isNaN(o)&&(o=r),on&&(o=n);let g=100,b=n-r,y=g/b;o=Math.floor((o-r)*y),l<=r&&null!=i?(a.find(".slider-value").html(i),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(i)):l>r&&l<=d&&null!=u?(a.find(".slider-value").html(u),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(u)):l>=m&&l=n&&null!=s?(a.find(".slider-value").html(s),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(s)):"sliderValue"===myMdwHelper.getValueFromData(t.valueLabelStyle,"sliderValue")?(a.find(".slider-value").html(`${l} ${c}`),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(`${l} ${c}`)):(a.find(".slider-value").html(`${o} %`),t.useLabelRules&&a.find(".v-slider__thumb-label").find("span").html(`${o} %`))}}let h=new Vue({el:a.find(".materialdesign-vuetifySlider").get(0),vuetify:new Vuetify({rtl:t.reverseSlider}),data:()=>({value:vis.states.attr(t.oid+".val"),vertical:"horizontal"!==myMdwHelper.getValueFromData(t.orientation,"horizontal"),min:r,max:n,step:myMdwHelper.getNumberFromData(t.step,1),ticks:g,tickSize:myMdwHelper.getNumberFromData(t.tickSize,1),tickLabels:null!==myMdwHelper.getValueFromData(t.tickLabels,null)?t.tickLabels.split(","):[],thumbLabel:b,thumbSize:myMdwHelper.getNumberFromData(t.thumbSize,32),loaderHeight:"30px",trackFillColor:myMdwHelper.getValueFromData(t.colorBeforeThumb,l),thumbColor:myMdwHelper.getValueFromData(t.colorThumb,l),trackColor:myMdwHelper.getValueFromData(t.colorAfterThumb,"rgba(161, 161, 161, 0.26)")}),mounted:function(){},methods:{changeEvent(a){!1!==vis.states.attr(o+".val")&&"false"!==vis.states.attr(o+".val")&&vis.states.attr(o+".val")||myMdwHelper.setValue(t.oid,a),e()},inputEvent(t){e(!1,t)}}});if(a.find(".materialdesign-vuetifySlider").on("touchstart mousedown",function(){myMdwHelper.vibrate(t.vibrateOnMobilDevices)}),"vertical"===myMdwHelper.getValueFromData(t.orientation,"horizontal")){let e=window.getComputedStyle(a.context,null).height.replace("px",""),t=a.find(".v-slider--vertical");e=e-t.css("margin-top").replace("px","")-t.css("margin-bottom").replace("px",""),t.css("height",e+"px")}a.context.style.setProperty("--vue-slider-thumb-label-font-color",myMdwHelper.getValueFromData(t.thumbFontColor,"")),a.context.style.setProperty("--vue-slider-thumb-label-font-family",myMdwHelper.getValueFromData(t.thumbFontFamily,"")),a.context.style.setProperty("--vue-slider-thumb-label-font-size",myMdwHelper.getNumberFromData(t.thumbFontSize,12)+"px"),a.find(".v-slider__thumb-label").css("background-color",myMdwHelper.getValueFromData(t.thumbBackgroundColor,myMdwHelper.getValueFromData(t.colorThumb,l))),a.context.style.setProperty("--vue-slider-tick-before-color",myMdwHelper.getValueFromData(t.tickColorBefore,"")),a.context.style.setProperty("--vue-slider-tick-after-color",myMdwHelper.getValueFromData(t.tickColorAfter,"")),a.context.style.setProperty("--vue-text-field-label-before-color",myMdwHelper.getValueFromData(t.prepandTextColor,"")),a.context.style.setProperty("--vue-text-field-label-font-family",myMdwHelper.getNumberFromData(t.prepandTextFontFamily,12)+"px"),a.context.style.setProperty("--vue-text-field-label-font-size",myMdwHelper.getNumberFromData(t.prepandTextFontSize,16)+"px"),a.context.style.setProperty("--vue-text-field-label-width",myMdwHelper.getStringFromNumberData(t.prepandTextWidth,"inherit","","px")),a.find(".v-slider__thumb-container").css("height","0px"),"knobMedium"===t.knobSize&&a.find(".v-slider__thumb").addClass("medium-size"),"knobBig"===t.knobSize&&a.find(".v-slider__thumb").addClass("big-size"),e(),vis.states.bind(t.oid+".val",function(t,a,o){e()}),vis.states.bind(o+".val",function(t,a,o){e()})})})}catch(e){console.error(`[Vuetify Slider ${t.wid}]: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.switch={initialize:function(e){try{let t="";"false"!==e.labelClickActive&&!1!==e.labelClickActive||(t="pointer-events:none;");let a="";"left"===e.labelPosition&&(a="mdc-form-field--align-end");let o=`\n
    \n
    \n
    \n
    \n \n
    \n
    \n
    \n \n `;return{myswitch:o,style:a}}catch(t){console.error(`[Switch - ${e.wid}] initialize: error: ${t.message}, stack: ${t.stack}`)}},handle:function(e,t){try{var a=$(e),o=a.data("oid");!0===myMdwHelper.getBooleanFromData(t.lockEnabled)&&(a.append(``),a.attr("isLocked",!0),a.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`));let i=a.find(".mdc-switch").get(0);const n=new mdc.formField.MDCFormField(a.get(0)),s=new mdc.switchControl.MDCSwitch(i);function l(){var e=vis.states.attr(o+".val");let l=!1;"boolean"===t.toggleType?l=e:e===parseInt(t.valueOn)||e===t.valueOn?l=!0:e!==parseInt(t.valueOn)&&e!==t.valueOn&&e!==parseInt(t.valueOff)&&e!==t.valueOff&&"on"===t.stateIfNotTrueValue&&(l=!0),s.checked=l;let r=a.find('label[id="label"]');l?(r.css("color",myMdwHelper.getValueFromData(t.labelColorTrue,"")),r.html(myMdwHelper.getValueFromData(t.labelTrue,""))):(r.css("color",myMdwHelper.getValueFromData(t.labelColorFalse,"")),r.html(myMdwHelper.getValueFromData(t.labelFalse,"")))}function r(){a.find(".materialdesign-lock-icon").fadeOut(),a.attr("isLocked",!1),a.css("filter","grayscale(0%)"),setTimeout(function(){a.attr("isLocked",!0),a.find(".materialdesign-lock-icon").show(),a.css("filter",`grayscale(${myMdwHelper.getNumberFromData(t.lockFilterGrayscale,0)}%)`)},1e3*myMdwHelper.getNumberFromData(t.autoLockAfter,10))}n.input=s,s.disabled=myMdwHelper.getBooleanFromData(t.readOnly,!1),i.style.setProperty("--materialdesign-color-switch-on",myMdwHelper.getValueFromData(t.colorSwitchTrue,"")),i.style.setProperty("--materialdesign-color-switch-off",myMdwHelper.getValueFromData(t.colorSwitchThumb,"")),i.style.setProperty("--materialdesign-color-switch-track",myMdwHelper.getValueFromData(t.colorSwitchTrack,"")),i.style.setProperty("--materialdesign-color-switch-off-hover",myMdwHelper.getValueFromData(t.colorSwitchHover,"")),l(),vis.editMode||a.find(".mdc-switch").click(function(){vis.binds.materialdesign.helper.vibrate(t.vibrateOnMobilDevices),"false"===a.attr("isLocked")||void 0===a.attr("isLocked")?("boolean"===t.toggleType?myMdwHelper.setValue(t.oid,s.checked):!0==!s.checked?myMdwHelper.setValue(t.oid,t.valueOff):myMdwHelper.setValue(t.oid,t.valueOn),l()):(s.checked=!s.checked,r())}),vis.states.bind(o+".val",function(e,t,a){l()})}catch(e){console.error(`[Switch - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.table={initialize:function(e,t){try{let o=$(e),l=[];o.get(0).style.setProperty("--materialdesign-color-table-background",myMdwHelper.getValueFromData(t.colorBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-border",myMdwHelper.getValueFromData(t.borderColor,"")),o.get(0).style.setProperty("--materialdesign-color-table-header-row-background",myMdwHelper.getValueFromData(t.colorHeaderRowBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-header-row-text-color",myMdwHelper.getValueFromData(t.colorHeaderRowText,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-background",myMdwHelper.getValueFromData(t.colorRowBackground,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-text-color",myMdwHelper.getValueFromData(t.colorRowText,"")),o.get(0).style.setProperty("--materialdesign-color-table-row-divider",myMdwHelper.getValueFromData(t.dividers,""));let r=myMdwHelper.getFontSize(t.headerTextSize),i="";if("card"===t.tableLayout?i="materialdesign-list-card":"cardOutlined"===t.tableLayout&&(i="materialdesign-list-card materialdesign-list-card--outlined"),l.push(`
    \n `),l.push(`\n `),t.showHeader)for(var a=0;a<=t.countCols;a++)t.attr("showColumn"+a)&&l.push(``);return l.push('\n \n \n \n
    \n ${myMdwHelper.getValueFromData(t.attr("label"+a),"col "+a)}\n \n
    \n
    '),l.join("")}catch(e){console.error(`[Table - ${t.wid}] initialize: error: ${e.message}, stack: ${e.stack}`)}},handle:function(e,t){try{let a=$(e);a.append(this.initialize(e,t)),myMdwHelper.waitForElement(a,".mdc-data-table",t.wid,"Table",function(){myMdwHelper.waitForRealHeight(a.context,t.wid,"Table",function(){let e=a.find(".mdc-data-table").get(0),o=void 0,l=!0;if(e){let r=window.getComputedStyle(a.context,null).height;a.find(".mdc-data-table").css("height",r);let i=window.getComputedStyle(a.find(".mdc-data-table__header-row").get(0),null).height;a.find(".mdc-data-table__content").css("height",parseInt(r.replace("px",""))-parseInt(i.replace("px",""))-2+"px");new mdc.dataTable.MDCDataTable(e);null!==myMdwHelper.getValueFromData(t.oid,null)&&"nothing_selected"!==myMdwHelper.getValueFromData(t.oid,null)&&null!==vis.states.attr(t.oid+".val")?vis.binds.materialdesign.table.getContentElements(a,vis.states.attr(t.oid+".val"),t):t.dataJson&&vis.binds.materialdesign.table.getContentElements(a,t.dataJson,t),vis.states.bind(t.oid+".val",function(e,r,i){vis.binds.materialdesign.table.getContentElements(a,r,t,null,i,o,l)}),a.find(".mdc-data-table__header-cell").click(function(e){let r=$(this).attr("colIndex"),i=[];i=null!==myMdwHelper.getValueFromData(t.oid,null)&&null!==vis.states.attr(t.oid+".val")?vis.binds.materialdesign.table.getJsonData(vis.states.attr(t.oid+".val"),t):JSON.parse(t.dataJson),o=null!==myMdwHelper.getValueFromData(t.attr("sortKey"+r),null)?t.attr("sortKey"+r):Object.keys(i[0])[r],$(this).attr("sort")&&"ASC"===$(this).attr("sort")?(l=!1,$(this).attr("sort","DESC"),$(this).find(".materialdesign-table-header-sort").removeClass("materialdesign-table-header-sort-hidden").removeClass("mdi-rotate-180").css("opacity","1")):(l=!0,$(this).attr("sort","ASC"),$(this).find(".materialdesign-table-header-sort").removeClass("materialdesign-table-header-sort-hidden").addClass("mdi-rotate-180").css("opacity","1")),$(".mdc-data-table__header-cell").each(function(){$(this).attr("colIndex")!==r&&$(this).find(".materialdesign-table-header-sort").css("opacity","0").addClass("materialdesign-table-header-sort-hidden")}),vis.binds.materialdesign.table.getContentElements(a,null,t,vis.binds.materialdesign.table.sortByKey(i,o,l))})}})})}catch(e){console.error(`[Table - ${t.wid}] handle: error: ${e.message}, stack: ${e.stack}`)}},getContentElements:function(e,t,a,o=null,l=null,r,i=!0){let n=e.find(".mdc-data-table__content"),s=null,c=0;null===o?(o=vis.binds.materialdesign.table.getJsonData(t,a),r&&(o=vis.binds.materialdesign.table.sortByKey(o,r,i)),c=o.length-1):c=o.length-1,null!==l&&(s=vis.binds.materialdesign.table.getJsonData(l,a),r&&(s=vis.binds.materialdesign.table.sortByKey(s,r,i)),c\n `);let e=Object.keys(o[u]).length-1>a.countCols?a.countCols:Object.keys(o[u]).length-1;for(var m=0;m<=e;m++)if(a.attr("showColumn"+m)){let e=myMdwHelper.getFontSize(a.attr("colTextSize"+m)),t=p(u,m,Object.values(o[u])[m],e,o[u]);n.find(`#row${u}`).append(t)}}}else if(1===t.length)if(o[u]){let l=Object.keys(o[u]).length-1;s&&s[u]&&la.countCols&&(l=a.countCols);let r=t.find("td").length-1;l0)for(var o=0;o<=a.length-1;o++){let l=a[o].replace("#[obj.","").replace("]","");e=l&&t[l]?e.replace(a[o],t[l]):e.replace(a[o],"")}return e}""!==n&&(n=c(n,i)),""!==s&&(s=c(s,i))}"image"===a.attr("colType"+o)&&(l=``);let d=`${n}${l}${s}`;if("object"==typeof l){let r=vis.binds.materialdesign.table.getElementData(l,a.wid);if("buttonToggle"===l.type||"buttonToggle_vertical"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r);"buttonToggle_vertical"===l.type&&(i=vis.binds.materialdesign.button.initializeVerticalButton(r)),d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`).children().get(0);vis.binds.materialdesign.addRippleEffect(a,r),vis.binds.materialdesign.button.handleToggle(a,r)})}else if("buttonToggle_icon"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r,!0);d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Icon",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`).children().get(0);vis.binds.materialdesign.addRippleEffect(a,r,!0),vis.binds.materialdesign.button.handleToggle(a,r)})}else if("buttonState"===l.type||"buttonState_vertical"===l.type){ +let i=vis.binds.materialdesign.button.initializeButton(r);"buttonState_vertical"===l.type&&(i=vis.binds.materialdesign.button.initializeVerticalButton(r)),d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button State",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`);vis.binds.materialdesign.addRippleEffect(a,r),vis.binds.materialdesign.button.handleState(a,r)})}else if("buttonState_icon"===l.type){let i=vis.binds.materialdesign.button.initializeButton(r,!0);d=`
    \n ${i.button}\n
    `,myMdwHelper.waitForElement(e,`.materialdesign-button-table-row_${t}-col_${o}`,a.wid,"Table Button State Icon",function(){let a=e.find(`.materialdesign-button-table-row_${t}-col_${o}`);vis.binds.materialdesign.addRippleEffect(a,r,!0),vis.binds.materialdesign.button.handleState(a,r)})}else if("progress"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Progress",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Progress",function(){myMdwHelper.waitForElement(e,`.materialdesign-progress-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-progress-table-row_${t}-col_${o}`);vis.binds.materialdesign.progress.linear(a,r)})});else if("progress_circular"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Progress Circular",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Progress Circular",function(){myMdwHelper.waitForElement(e,`.materialdesign-progress-circular-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-progress-circular-table-row_${t}-col_${o}`);vis.binds.materialdesign.progress.circular(a,r)})});else if("slider"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Slider",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Slider",function(){myMdwHelper.waitForElement(e,`.materialdesign-slider-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-slider-table-row_${t}-col_${o}`);vis.binds.materialdesign.slider.vuetifySlider(a,r)})});else if("slider_round"===l.type)d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Slider Round",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Slider Round",function(){myMdwHelper.waitForElement(e,`.materialdesign-slider-round-table-row_${t}-col_${o}`,a.wid,"Table Button Toggle Vertical",function(){let a=e.find(`.materialdesign-slider-round-table-row_${t}-col_${o}`);vis.binds.materialdesign.roundslider(a,r)})});else if("switch"===l.type){let i=vis.binds.materialdesign.switch.initialize(r);d=`
    \n ${i.myswitch}\n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Switch",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Switch",function(){myMdwHelper.waitForElement(e,`.materialdesign-switch-table-row_${t}-col_${o}`,a.wid,"Table Switch",function(){let a=e.find(`.materialdesign-switch-table-row_${t}-col_${o}`);vis.binds.materialdesign.switch.handle(a,r)})})}else if("checkbox"===l.type){let i=vis.binds.materialdesign.checkbox.initialize(r);d=`
    \n ${i.checkbox}\n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Checkbox",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Checkbox",function(){myMdwHelper.waitForElement(e,`.materialdesign-checkbox-table-row_${t}-col_${o}`,a.wid,"Table Checkbox",function(){let a=e.find(`.materialdesign-checkbox-table-row_${t}-col_${o}`);vis.binds.materialdesign.checkbox.handle(a,r)})})}else"textfield"===l.type?(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Textfield",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Textfield",function(){myMdwHelper.waitForElement(e,`.materialdesign-input-table-row_${t}-col_${o}`,a.wid,"Table Textfield",function(){let a=e.find(`.materialdesign-input-table-row_${t}-col_${o}`);vis.binds.materialdesign.textfield(a,r)})})):"select"===l.type?(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Select",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Select",function(){myMdwHelper.waitForElement(e,`.materialdesign-select-table-row_${t}-col_${o}`,a.wid,"Table Select",function(){let a=e.find(`.materialdesign-select-table-row_${t}-col_${o}`);vis.binds.materialdesign.select(a,r)})})):"autocomplete"===l.type&&(d=`
    \n
    `,myMdwHelper.oidNeedSubscribe(r.oid,a.wid,"Table Autocomplete",!0),myMdwHelper.subscribeStatesAtRuntime(a.wid,"Table Autocomplete",function(){myMdwHelper.waitForElement(e,`.materialdesign-autocomplete-table-row_${t}-col_${o}`,a.wid,"Table Autocomplete",function(){let a=e.find(`.materialdesign-autocomplete-table-row_${t}-col_${o}`);vis.binds.materialdesign.autocomplete(a,r)})}))}return`\n ${d}\n `}}},getJsonData:function(e,t){let a=[];if(e&&"string"==typeof e)try{a=JSON.parse(e)}catch(a){console.error(`[Table - ${t.wid}] getJsonData: input: ${e}, error: ${a.message}`)}else if(a=e,!Array.isArray(a)){a=Object.keys(a).map(function(e){return a[e]});let e=[];for(var o=0;o<=Object.keys(a).length-1;o++)a[o]._data&&e.push(a[o]._data);a=e}return a},getElementData:function(e,t){if("buttonToggle"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,buttontext:e.buttontext,labelTrue:e.labelTrue,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,labelWidth:e.labelWidth,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonToggle_vertical"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,buttontext:e.buttontext,labelTrue:e.labelTrue,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonToggle_icon"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,pushButton:e.pushButton,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,imageTrue:e.imageTrue,imageTrueColor:e.imageTrueColor,iconHeight:e.iconHeight,colorBgFalse:e.colorBgFalse,colorBgTrue:e.colorBgTrue,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,value:e.value,buttontext:e.buttontext,colorPress:e.colorPress,labelWidth:e.labelWidth,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState_vertical"===e.type)return{wid:t,oid:e.oid,buttonStyle:e.buttonStyle,value:e.value,buttontext:e.buttontext,colorPress:e.colorPress,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconPosition:e.iconPosition,iconHeight:e.iconHeight,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("buttonState_icon"===e.type)return{wid:t,oid:e.oid,value:e.value,vibrateOnMobilDevices:e.vibrateOnMobilDevices,image:e.image,imageColor:e.imageColor,iconHeight:e.iconHeight,colorPress:e.colorPress,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("progress"===e.type)return{wid:t,oid:e.oid,min:e.min,max:e.max,reverse:e.reverse,progressRounded:e.progressRounded,progressStriped:e.progressStriped,progressStripedColor:e.progressStripedColor,colorProgressBackground:e.colorProgressBackground,colorProgress:e.colorProgress,colorOneCondition:e.colorOneCondition,colorOne:e.colorOne,colorTwoCondition:e.colorTwoCondition,colorTwo:e.colorTwo,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueMaxDecimals:e.valueMaxDecimals,valueLabelCustom:e.valueLabelCustom,textColor:e.textColor,textFontSize:e.textFontSize,textFontFamily:e.textFontFamily,textAlign:e.textAlign};if("progress_circular"===e.type)return{wid:t,oid:e.oid,min:e.min,max:e.max,progressCircularSize:e.progressCircularSize,progressCircularWidth:e.progressCircularWidth,progressCircularRotate:e.progressCircularRotate,colorProgressBackground:e.colorProgressBackground,colorProgress:e.colorProgress,innerColor:e.innerColor,colorOneCondition:e.colorOneCondition,colorOne:e.colorOne,colorTwoCondition:e.colorTwoCondition,colorTwo:e.colorTwo,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueMaxDecimals:e.valueMaxDecimals,valueLabelCustom:e.valueLabelCustom,textColor:e.textColor,textFontSize:e.textFontSize,textFontFamily:e.textFontFamily};if("slider"===e.type)return{wid:t,oid:e.oid,"oid-working":e["oid-working"],orientation:e.orientation,reverseSlider:e.reverseSlider,knobSize:e.knobSize,readOnly:e.readOnly,min:e.min,max:e.max,step:e.step,vibrateOnMobilDevices:e.vibrateOnMobilDevices,showTicks:e.showTicks,tickSize:e.tickSize,tickLabels:e.tickLabels,tickColorBefore:e.tickColorBefore,tickColorAfter:e.tickColorAfter,colorBeforeThumb:e.colorBeforeThumb,colorThumb:e.colorThumb,colorAfterThumb:e.colorAfterThumb,prepandText:e.prepandText,prepandTextWidth:e.prepandTextWidth,prepandTextColor:e.prepandTextColor,prepandTextFontSize:e.prepandTextFontSize,prepandTextFontFamily:e.prepandTextFontFamily,showValueLabel:e.showValueLabel,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueLabelMin:e.valueLabelMin,valueLabelMax:e.valueLabelMax,valueLessThan:e.valueLessThan,textForValueLessThan:e.textForValueLessThan,valueGreaterThan:e.valueGreaterThan,textForValueGreaterThan:e.textForValueGreaterThan,valueLabelWidth:e.valueLabelWidth,showThumbLabel:e.showThumbLabel,thumbSize:e.thumbSize,thumbBackgroundColor:e.thumbBackgroundColor,thumbFontColor:e.thumbFontColor,thumbFontSize:e.thumbFontSize,thumbFontFamily:e.thumbFontFamily,useLabelRules:e.useLabelRules};if("slider_round"===e.type)return{wid:t,oid:e.oid,"oid-working":e["oid-working"],min:e.min,max:e.max,step:e.step,startAngle:e.startAngle,arcLength:e.arcLength,sliderWidth:e.sliderWidth,handleSize:e.handleSize,handleZoom:e.handleZoom,rtl:e.rtl,vibrateOnMobilDevices:e.vibrateOnMobilDevices,colorSliderBg:e.colorSliderBg,colorBeforeThumb:e.colorBeforeThumb,colorThumb:e.colorThumb,colorAfterThumb:e.colorAfterThumb,valueLabelColor:e.valueLabelColor,showValueLabel:e.showValueLabel,valueLabelVerticalPosition:e.valueLabelVerticalPosition,valueLabelStyle:e.valueLabelStyle,valueLabelUnit:e.valueLabelUnit,valueLabelMin:e.valueLabelMin,valueLabelMax:e.valueLabelMax,valueLessThan:e.valueLessThan,textForValueLessThan:e.textForValueLessThan,valueGreaterThan:e.valueGreaterThan,textForValueGreaterThan:e.textForValueGreaterThan};if("switch"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,labelFalse:e.labelFalse,labelTrue:e.labelTrue,labelPosition:e.labelPosition,labelClickActive:e.labelClickActive,colorSwitchThumb:e.colorSwitchThumb,colorSwitchTrack:e.colorSwitchTrack,colorSwitchTrue:e.colorSwitchTrue,colorSwitchHover:e.colorSwitchHover,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("checkbox"===e.type)return{wid:t,oid:e.oid,readOnly:e.readOnly,toggleType:e.toggleType,valueOff:e.valueOff,valueOn:e.valueOn,stateIfNotTrueValue:e.stateIfNotTrueValue,vibrateOnMobilDevices:e.vibrateOnMobilDevices,labelFalse:e.labelFalse,labelTrue:e.labelTrue,labelPosition:e.labelPosition,labelClickActive:e.labelClickActive,colorCheckBox:e.colorCheckBox,labelColorFalse:e.labelColorFalse,labelColorTrue:e.labelColorTrue,lockEnabled:e.lockEnabled,autoLockAfter:e.autoLockAfter,lockIcon:e.lockIcon,lockIconTop:e.lockIconTop,lockIconLeft:e.lockIconLeft,lockIconSize:e.lockIconSize,lockIconColor:e.lockIconColor,lockFilterGrayscale:e.lockFilterGrayscale};if("textfield"===e.type)return{wid:t,oid:e.oid,inputType:e.inputType,inputMask:e.inputMask,inputMaxLength:e.inputMaxLength,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendIcon:e.appendIcon,appendIconSize:e.appendIconSize,appendIconColor:e.appendIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor};if("select"===e.type){let o={wid:t,oid:e.oid,inputType:e.inputType,vibrateOnMobilDevices:e.vibrateOnMobilDevices,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,collapseIcon:e.collapseIcon,collapseIconSize:e.collapseIconSize,collapseIconColor:e.collapseIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor,listDataMethod:e.listDataMethod,countSelectItems:e.countSelectItems,jsonStringObject:e.jsonStringObject,valueList:e.valueList,valueListLabels:e.valueListLabels,valueListIcons:e.valueListIcons,listPosition:e.listPosition,listPositionOffset:e.listPositionOffset,listItemHeight:e.listItemHeight,listItemBackgroundColor:e.listItemBackgroundColor,listItemBackgroundHoverColor:e.listItemBackgroundHoverColor,listItemBackgroundSelectedColor:e.listItemBackgroundSelectedColor,listItemRippleEffectColor:e.listItemRippleEffectColor,showSelectedIcon:e.showSelectedIcon,listIconSize:e.listIconSize,listIconColor:e.listIconColor,listIconHoverColor:e.listIconHoverColor,listIconSelectedColor:e.listIconSelectedColor,listItemFontSize:e.listItemFontSize,listItemFont:e.listItemFont,listItemFontColor:e.listItemFontColor,listItemFontHoverColor:e.listItemFontHoverColor,listItemFontSelectedColor:e.listItemFontSelectedColor,listItemSubFontSize:e.listItemSubFontSize,listItemSubFont:e.listItemSubFont,listItemSubFontColor:e.listItemSubFontColor,listItemSubFontHoverColor:e.listItemSubFontHoverColor,listItemSubFontSelectedColor:e.listItemSubFontSelectedColor,showValue:e.showValue,listItemValueFontSize:e.listItemValueFontSize,listItemValueFont:e.listItemValueFont,listItemValueFontColor:e.listItemValueFontColor,listItemValueFontHoverColor:e.listItemValueFontHoverColor,listItemValueFontSelectedColor:e.listItemValueFontSelectedColor};for(var a=0;a<=e.countSelectItems;a++)o["value"+a]=e["value"+a],o["label"+a]=e["label"+a],o["subLabel"+a]=e["subLabel"+a],o["listIcon"+a]=e["listIcon"+a],o["listIconColor"+a]=e["listIconColor"+a];return o}if("autocomplete"===e.type){let o={wid:t,oid:e.oid,inputMode:e.inputMode,inputType:e.inputType,vibrateOnMobilDevices:e.vibrateOnMobilDevices,inputLayout:e.inputLayout,inputLayoutBackgroundColor:e.inputLayoutBackgroundColor,inputLayoutBackgroundColorHover:e.inputLayoutBackgroundColorHover,inputLayoutBackgroundColorSelected:e.inputLayoutBackgroundColorSelected,inputLayoutBorderColor:e.inputLayoutBorderColor,inputLayoutBorderColorHover:e.inputLayoutBorderColorHover,inputLayoutBorderColorSelected:e.inputLayoutBorderColorSelected,inputTextFontFamily:e.inputTextFontFamily,inputTextFontSize:e.inputTextFontSize,inputTextColor:e.inputTextColor,inputLabelText:e.inputLabelText,inputLabelColor:e.inputLabelColor,inputLabelColorSelected:e.inputLabelColorSelected,inputLabelFontFamily:e.inputLabelFontFamily,inputLabelFontSize:e.inputLabelFontSize,inputTranslateX:e.inputTranslateX,inputTranslateY:e.inputTranslateY,inputPrefix:e.inputPrefix,inputSuffix:e.inputSuffix,inputAppendixColor:e.inputAppendixColor,inputAppendixFontSize:e.inputAppendixFontSize,inputAppendixFontFamily:e.inputAppendixFontFamily,showInputMessageAlways:e.showInputMessageAlways,inputMessage:e.inputMessage,inputMessageFontFamily:e.inputMessageFontFamily,inputMessageFontSize:e.inputMessageFontSize,inputMessageColor:e.inputMessageColor,showInputCounter:e.showInputCounter,inputCounterColor:e.inputCounterColor,inputCounterFontSize:e.inputCounterFontSize,inputCounterFontFamily:e.inputCounterFontFamily,clearIconShow:e.clearIconShow,clearIcon:e.clearIcon,clearIconSize:e.clearIconSize,clearIconColor:e.clearIconColor,collapseIcon:e.collapseIcon,collapseIconSize:e.collapseIconSize,collapseIconColor:e.collapseIconColor,prepandIcon:e.prepandIcon,prepandIconSize:e.prepandIconSize,prepandIconColor:e.prepandIconColor,prepandInnerIcon:e.prepandInnerIcon,prepandInnerIconSize:e.prepandInnerIconSize,prepandInnerIconColor:e.prepandInnerIconColor,appendOuterIcon:e.appendOuterIcon,appendOuterIconSize:e.appendOuterIconSize,appendOuterIconColor:e.appendOuterIconColor,listDataMethod:e.listDataMethod,countSelectItems:e.countSelectItems,jsonStringObject:e.jsonStringObject,valueList:e.valueList,valueListLabels:e.valueListLabels,valueListIcons:e.valueListIcons,listPosition:e.listPosition,listPositionOffset:e.listPositionOffset,listItemHeight:e.listItemHeight,listItemBackgroundColor:e.listItemBackgroundColor,listItemBackgroundHoverColor:e.listItemBackgroundHoverColor,listItemBackgroundSelectedColor:e.listItemBackgroundSelectedColor,listItemRippleEffectColor:e.listItemRippleEffectColor,showSelectedIcon:e.showSelectedIcon,listIconSize:e.listIconSize,listIconColor:e.listIconColor,listIconHoverColor:e.listIconHoverColor,listIconSelectedColor:e.listIconSelectedColor,listItemFontSize:e.listItemFontSize,listItemFont:e.listItemFont,listItemFontColor:e.listItemFontColor,listItemFontHoverColor:e.listItemFontHoverColor,listItemFontSelectedColor:e.listItemFontSelectedColor,listItemSubFontSize:e.listItemSubFontSize,listItemSubFont:e.listItemSubFont,listItemSubFontColor:e.listItemSubFontColor,listItemSubFontHoverColor:e.listItemSubFontHoverColor,listItemSubFontSelectedColor:e.listItemSubFontSelectedColor,showValue:e.showValue,listItemValueFontSize:e.listItemValueFontSize,listItemValueFont:e.listItemValueFont,listItemValueFontColor:e.listItemValueFontColor,listItemValueFontHoverColor:e.listItemValueFontHoverColor,listItemValueFontSelectedColor:e.listItemValueFontSelectedColor};for(a=0;a<=e.countSelectItems;a++)o["value"+a]=e["value"+a],o["label"+a]=e["label"+a],o["subLabel"+a]=e["subLabel"+a],o["listIcon"+a]=e["listIcon"+a],o["listIconColor"+a]=e["listIconColor"+a];return o}},sortByKey:function(e,t,a){return e.sort(function(e,o){var l=e[t],r=o[t];return a?lr?1:0:l>r?-1:lmyMdwHelper.getValueFromData(t.appendIcon,"").includes(e))?void 0:myMdwHelper.getValueFromData(t.appendIcon,void 0,"mdi-"),a.appendImage=myMdwHelper.getAllowedImageFileExtensions().some(e=>myMdwHelper.getValueFromData(t.appendIcon,"").includes(e))?myMdwHelper.getValueFromData(t.appendIcon,void 0):void 0,a},methods:{changeEvent(e){"number"!==n?myMdwHelper.setValue(t.oid,e):e?myMdwHelper.setValue(t.oid,e):this.value=vis.states.attr(t.oid+".val")}}});l.setStyles(o,t),o.get(0).style.setProperty("--vue-text-icon-append-size",myMdwHelper.getNumberFromData(t.appendIconSize,16)+"px"),o.get(0).style.setProperty("--vue-text-icon-append-color",myMdwHelper.getValueFromData(t.appendIconColor,"")),vis.states.bind(t.oid+".val",function(e,t,o){a.value=t})})})}"mask"===n&&(n="text",s=`v-mask="'${myMdwHelper.getValueFromData(t.inputMask,"")}'"`,c=myMdwHelper.getValueFromData(t.inputMask,"")),o.append(`\n
    \n \n ${l.getTemplates(t)}\n\n ${null!==myMdwHelper.getValueFromData(t.appendIcon,null)?'':""} \n\n \n
    `),myMdwHelper.oidNeedSubscribe(t.oid,t.wid,i,!1)?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){a()}):a()}catch(e){console.error(`[TextField - ${t.wid}]: error: ${e.message}, stack: ${e.stack} `)}},vis.binds.materialdesign.topappbarnav={initializeTopAppBar:function(e){try{let t="",a=myMdwHelper.getValueFromData(e.topAppBarZ_index,"","z-index: ",";"),o=`style="${a}"`,l="",r="";return"standard"===e.topAppBarLayout?r="mdc-top-app-bar--fixed-adjust":"dense"===e.topAppBarLayout?(t="mdc-top-app-bar--dense",r="mdc-top-app-bar--dense-fixed-adjust"):"short"===e.topAppBarLayout&&(t="mdc-top-app-bar--short mdc-top-app-bar--short-collapsed",r="mdc-top-app-bar--short-fixed-adjust"), +"modal"===e.drawerLayout&&(l=``),{headerLayout:t,headerStyle:o,contentLayout:r,headerButtonShow:l}}catch(t){console.error(`[TopAppBar - ${e.wid}] initializeTopAppBar: error: ${t.message}, stack: ${t.stack}`)}},initializeDrawer:function(e){try{let l=[],r=[],i="",n="",s="",c="";return t(),a(),o(),{viewsList:l,drawerItemList:r.join(""),drawerHeader:i,drawerLayout:n,drawerStyle:s,drawerModalScrim:c};function t(){let t=myMdwHelper.getValueFromData(e.drawerWidth,"","width: ","px;"),a="",o="";void 0!==e.z_index&&null!==e.z_index&&""!==e.z_index&&(a=`z-index: ${e.z_index};`,o=`z-index: ${e.z_index-1};`),"modal"===e.drawerLayout?(n="mdc-drawer--modal",c=`
    `):n="mdc-drawer--dismissible mdc-drawer--open",s=`style="${t}${a}"`}function a(){!0!==e.attr("showHeader")&&"true"!==e.attr("showHeader")||(i=`
    \n ${e.headerLabel}\n
    `)}function o(){let t=myMdwHelper.getFontSize(e.listItemHeaderTextSize),a=myMdwHelper.getValueFromData(e.drawerIconHeight,"","height: ","px !important;"),o=myMdwHelper.getValueFromData(e.drawerSubItemIconHeight,a,"height: ","px !important;"),l=myMdwHelper.getFontSize(e.listItemTextSize),i=myMdwHelper.getFontSize(e.listSubItemTextSize),n=e.showLabels?"":"display: none;",s=e.showSubItemsLabels?"":"display: none;",c=myMdwHelper.getValueFromData(e.backdropLabelBackgroundHeight,"height: auto;","height: ","%;"),d=myMdwHelper.getValueFromData(e.backdropSubLabelBackgroundHeight,c,"height: ","%;"),u=0;for(var m=0;m<=e.navItemCount;m++){let g=myMdwHelper.getValueFromData(e.attr("headers"+m),null),b=myMdwHelper.getValueFromData(e.attr("labels"+m),"Menu Item"),h=myMdwHelper.getValueFromData(e.attr("iconDrawer"+m),""),y=myMdwHelper.getNumberFromData(e.attr("submenuCounts_"+m),0),f=!1,w="",v="";if(y>0){f=!0;let t=myMdwHelper.getValueFromData(e.attr("labels"+m),null);if(null===t)b="Menu Item";else try{w=JSON.parse(t),b=w.itemText}catch(e){w="",b="Error: wrong format!"}let a=myMdwHelper.getValueFromData(e.attr("iconDrawer"+m),null);if(null!==a)try{v=JSON.parse(a),h=v.itemImage}catch(e){v=""}}let x=myMdwHelper.getListItemHeader(g,t);r.push(x);let k=myMdwHelper.getListItem(e.drawerItemLayout,u,h,f,!1,a),F="";"standard"===e.drawerItemLayout&&(F=myMdwHelper.getListIcon(h,"auto",myMdwHelper.getValueFromData(e.drawerIconHeight,"","","px !important;"),e.attr("iconDrawerColor"+m))),e.showIndexNum&&(b=`[${u}] ${b}`);let M=myMdwHelper.getListItemLabel(e.drawerItemLayout,u,b,f,l,n,e.colorSubItemToggleIcon,c,!1,e.listItemAlignment);if(r.push(`${k}${F}${M}
    `),f){r.push('
    `)}r.push("")}r.push(myMdwHelper.getListItemDivider(e.attr("dividers"+m),e.listItemDividerStyle)),u++}}}catch(t){console.error(`[TopAppBar - ${e.wid}] initializeDrawer: error: ${t.message}, stack: ${t.stack}`)}},handler:function(e,t){try{let r=$(e),i=r.parent().parent().get(0),n=r.context,s=r.parent().find(".mdc-top-app-bar").get(0),c=r.parent().find(".mdc-list").get(0);myMdwHelper.waitForElement(r.parent().parent(),".mdc-top-app-bar__navigation-icon",t.wid,"TopAppBar",function(){if(r.parent().parent().css("left","0px"),r.parent().parent().css("top","0px"),r.parent().parent().css("z-index",""),"modal"===t.drawerLayout){let e=window.getComputedStyle(i,null).width;"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",e):vis.editMode&&r.parent().find(".mdc-top-app-bar").css("position","relative")}else{let e=window.getComputedStyle(i,null).width,a=window.getComputedStyle(n,null).width,o=e.replace("px","")-a.replace("px","");"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",o):vis.editMode?r.parent().find(".mdc-top-app-bar").css("position","relative"):r.parent().find(".mdc-top-app-bar").css("left",a),r.parent().find(".drawer-frame-app-content").css("left",a)}});let d=myMdwHelper.getValueFromData(t.colorDrawerBackground,"");n.style.setProperty("--materialdesign-color-drawer-background",d),c.style.setProperty("--materialdesign-color-drawer-sub-background",myMdwHelper.getValueFromData(t.colorDrawerSubBackground,d));let u=myMdwHelper.getValueFromData(t.colorDrawerItemBackground,d);c.style.setProperty("--materialdesign-color-list-item-background",u),c.style.setProperty("--materialdesign-color-sub-list-item-background",myMdwHelper.getValueFromData(t.colorDrawerSubItemBackground,u));let m=myMdwHelper.getValueFromData(t.colorListItemSelected,"");c.style.setProperty("--materialdesign-color-list-item-selected",m),c.style.setProperty("--materialdesign-color-sub-list-item-selected",myMdwHelper.getValueFromData(t.colorListSubItemSelected,m));let p=myMdwHelper.getValueFromData(t.colorListItemHover,"");c.style.setProperty("--materialdesign-color-list-item-hover",p),c.style.setProperty("--materialdesign-color-sub-list-item-hover",myMdwHelper.getValueFromData(t.colorListSubItemHover,p));let g=myMdwHelper.getValueFromData(t.colorListItemText,"");c.style.setProperty("--materialdesign-color-list-item-text",g),c.style.setProperty("--materialdesign-color-sub-list-item-text",myMdwHelper.getValueFromData(t.colorListSubItemText,g));let b=myMdwHelper.getValueFromData(t.colorListItemTextSelected,"");c.style.setProperty("--materialdesign-color-list-item-text-activated",b),c.style.setProperty("--materialdesign-color-sub-list-item-text-activated",myMdwHelper.getValueFromData(t.colorListSubItemTextSelected,b)),c.style.setProperty("--materialdesign-color-list-item-header",myMdwHelper.getValueFromData(t.colorListItemHeaders,"")),c.style.setProperty("--materialdesign-color-list-item-divider",myMdwHelper.getValueFromData(t.colorListItemDivider,""));let h=myMdwHelper.getValueFromData(t.colorDrawerbackdropLabelBackground,"");c.style.setProperty("--materialdesign-color-list-item-backdrop",h),c.style.setProperty("--materialdesign-color-sub-list-item-backdrop",myMdwHelper.getValueFromData(t.colorDrawerbackdropSubLabelBackground,h));let y=myMdwHelper.getValueFromData(t.colorDrawerbackdropLabelBackgroundActive,"");c.style.setProperty("--materialdesign-color-list-item-backdrop-activated",y),c.style.setProperty("--materialdesign-color-sub-list-item-backdrop-activated",myMdwHelper.getValueFromData(t.colorDrawerbackdropSubLabelBackgroundActive,y)),s.style.setProperty("--mdc-theme-primary",myMdwHelper.getValueFromData(t.colorTopAppBarBackground,""));const f=new mdc.drawer.MDCDrawer(n),w=new mdc.topAppBar.MDCTopAppBar(s),v=new mdc.list.MDCList(c);v.listElements.map(e=>new mdc.ripple.MDCRipple(e));w.setScrollTarget(r.parent().find(".mdc-top-app-bar-content").get(0)),w.listen("MDCTopAppBar:nav",()=>{if(vis.binds.materialdesign.helper.vibrate(t.vibrateTopAppBarOnMobilDevices),"dismissible"===t.drawerLayout)if(f.open){let e=window.getComputedStyle(i,null).width;window.getComputedStyle(n,null).width;"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",e):vis.editMode||r.parent().find(".mdc-top-app-bar").css("left","0px"),r.parent().find(".drawer-frame-app-content").css("left","0px"),f.open=!f.open}else{let e=window.getComputedStyle(i,null).width,a=window.getComputedStyle(n,null).width,o=e.replace("px","")-a.replace("px","");f.open=!f.open,setTimeout(function(){"short"!==t.topAppBarLayout?r.parent().find(".mdc-top-app-bar").css("width",o):vis.editMode||r.parent().find(".mdc-top-app-bar").css("left",a),r.parent().find(".drawer-frame-app-content").css("left",a)},250)}else f.open=!f.open});var a=vis.states.attr(t.oid+".val");function o(){if(t.showSelectedItemAsTitle){let e=r.parent().find(`span[id="listItem_${v.selectedIndex}"]`).text();r.parent().find(".mdc-top-app-bar__title").text(e)}}function l(e){let t=r.find(`.mdc-list-item[id="listItem_${e}"]`);if(t.hasClass("isSubItem")){let e=t.parent().prev(".hasSubItems");e.hasClass("toggled")||(e.addClass("toggled"),e.find(".toggleIcon").removeClass("mdi-menu-down"),e.find(".toggleIcon").addClass("mdi-menu-up"),e.next("nav.mdc-sub-list").toggle())}}l(a),v.selectedIndex=a,o(),vis.states.bind(t.oid+".val",function(e,t,a){l(t),v.selectedIndex=t,o()}),r.find(".mdc-list-item").click(function(){let e=parseInt($(this).eq(0).attr("id").replace("listItem_",""));vis.binds.materialdesign.helper.vibrate(t.vibrateDrawerOnMobilDevices),$(this).hasClass("hasSubItems")?($(this).hasClass("toggled")?($(this).removeClass("toggled"),$(this).find(".toggleIcon").removeClass("mdi-menu-up"),$(this).find(".toggleIcon").addClass("mdi-menu-down")):($(this).addClass("toggled"),$(this).find(".toggleIcon").removeClass("mdi-menu-down"),$(this).find(".toggleIcon").addClass("mdi-menu-up")),$(this).next("nav.mdc-sub-list").toggle(),v.selectedIndex=e):(a=vis.states.attr(t.oid+".val"),a!=e&&(myMdwHelper.setValue(t.oid,e),o(),setTimeout(function(){window.scrollTo({top:0,left:0})},50)),"modal"===t.drawerLayout&&(f.open=!1))})}catch(e){console.error(`[TopAppBar - ${t.wid}] handle: error: ${e.message}, stack: ${e.stack}`)}}},vis.binds.materialdesign.views={masonry:function(e,t){try{let r=$(e),i="Masonry",n=[],s=!1;for(var a=0;a<=t.countViews;a++){let e=myMdwHelper.getValueFromData(t.attr("viewsWidth"+a),"");e=""!==e&&(e.endsWith("%")||e.endsWith("px")||e.includes("calc"))?`width: ${e};`:isNaN(e)||""===e?"":`width: ${e}px;`;let o=myMdwHelper.getValueFromData(t.attr("viewAlignment"+a),"center");"left"===o&&(o="flex-start"),"right"===o&&(o="flex-end");let c=myMdwHelper.getNumberFromData(t.attr("viewsHeight"+a),0);n.push(`\n \n `),s=myMdwHelper.oidNeedSubscribe(t.attr("visibilityOid"+a),t.wid,i,s),vis.states.bind(t.attr("visibilityOid"+a)+".val",function(e,t,a){let o=r.find('.materialdesign-masonry-item[visibilityOid="'+e.type.substr(0,e.type.lastIndexOf("."))+'"]');o.each(function(e){let a=o.eq(e).attr("itemindex");l(a,t)})})}let c=`\n
    \n
    \n
    \n
    ${_("Resolution assistant")}
    \n \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n
    \n `;function o(){myMdwHelper.waitForElement(r,"#masonry_item_0",t.wid,"Masonry",function(){myMdwHelper.waitForRealWidth(r.context,t.wid,"Masonry",function(){function e(){t.showResolutionAssistant&&r.find(".masonry-helper-resolution-width").text(o+" px"),o<=s?(r.context.style.setProperty("--materialdesign-masonry-column-count",c),r.context.style.setProperty("--materialdesign-masonry-gaps",d+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(c),r.find(".masonry-helper-gaps").text(d+" px"),r.find(".masonry-helper-rule").text(_("mobil phone")+" "+_("portrait")))):o>s&&o<=u?(r.context.style.setProperty("--materialdesign-masonry-column-count",m),r.context.style.setProperty("--materialdesign-masonry-gaps",p+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(m),r.find(".masonry-helper-gaps").text(p+" px"),r.find(".masonry-helper-rule").text(_("mobil phone")+" "+_("landscape")))):o>u&&o<=g?(r.context.style.setProperty("--materialdesign-masonry-column-count",b),r.context.style.setProperty("--materialdesign-masonry-gaps",h+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(b),r.find(".masonry-helper-gaps").text(h+" px"),r.find(".masonry-helper-rule").text(_("tablet")+" "+_("portrait")))):o>g&&o<=y?(r.context.style.setProperty("--materialdesign-masonry-column-count",f),r.context.style.setProperty("--materialdesign-masonry-gaps",w+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(f),r.find(".masonry-helper-gaps").text(w+" px"),r.find(".masonry-helper-rule").text(_("tablet")+" "+_("landscape")))):o>y&&(r.context.style.setProperty("--materialdesign-masonry-column-count",i),r.context.style.setProperty("--materialdesign-masonry-gaps",n+"px"),t.showResolutionAssistant&&(r.find(".masonry-helper-columns").text(i),r.find(".masonry-helper-gaps").text(n+" px"),r.find(".masonry-helper-rule").text("-")))}function a(){for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("visibleResolutionLessThan"+e),5e4),l=myMdwHelper.getNumberFromData(t.attr("visibleResolutionGreaterThan"+e),0);o=l&&o<=a?r.find(`#masonry_item_${e}`).show():o>a?r.find(`#masonry_item_${e}`).hide():r.find(`#masonry_item_${e}`).show()}}var o=r.width();myMdwHelper.calcChecker(getComputedStyle(r.context).width,t.wid,"Masonry"),$(window).resize(function(){var t=r.width();o!==t&&(o=t,e(),a(),l())});let i=myMdwHelper.getNumberFromData(t.countCols,3),n=myMdwHelper.getNumberFromData(t.desktopGaps,0),s=myMdwHelper.getNumberFromData(t.handyPortraitWidth,360),c=myMdwHelper.getNumberFromData(t.handyPortraitCols,1),d=myMdwHelper.getNumberFromData(t.handyPortraitGaps,n),u=myMdwHelper.getNumberFromData(t.handyLandscapeWidth,672),m=myMdwHelper.getNumberFromData(t.handyLandscapeCols,2),p=myMdwHelper.getNumberFromData(t.handyLandscapeGaps,n),g=myMdwHelper.getNumberFromData(t.tabletPortraitWidth,768),b=myMdwHelper.getNumberFromData(t.tabletPortraitCols,2),h=myMdwHelper.getNumberFromData(t.tabletPortraitGaps,n),y=myMdwHelper.getNumberFromData(t.tabletLandscapeWidth,1024),f=myMdwHelper.getNumberFromData(t.tabletLandscapeCols,3),w=myMdwHelper.getNumberFromData(t.tabletLandscapeGaps,n);e(),a(),l()})})}function l(){for(var e=0;e<=t.countViews;e++){let a=vis.states.attr(t.attr("visibilityOid"+e)+".val"),o=myMdwHelper.getVisibility(a,"visibilityOid"+e,t.attr("visibilityCondition"+e),t.attr("visibilityConditionValue"+e));o?r.find(`#masonry_item_${e}`).hide():r.find(`#masonry_item_${e}`).show()}}n.sort(function(e,t){let a=parseInt($(e).attr("sortOrder")),o=parseInt($(t).attr("sortOrder"));return a==o?0:+(a>o)||-1}),r.append(`\n
    \n ${t.showResolutionAssistant?c:""}\n ${n.join("")}\n
    \n `),s?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){o()}):o()}catch(e){console.error(`[Masonry Views - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}},grid:function(e,t){try{let r=$(e),i="Grid",n=[],s=!1,c="materialdesign-grid";for(var a=0;a<=t.countViews;a++){let e=myMdwHelper.getNumberFromData(t.attr("viewColSpan"+a),myMdwHelper.getNumberFromData(t.viewColSpan,6));e>12&&(e=12);let o=myMdwHelper.getValueFromData(t.attr("View"+a),void 0),c=myMdwHelper.getNumberFromData(t.attr("viewsHeight"+a),0);n.push(`\n \n `),s=myMdwHelper.oidNeedSubscribe(t.attr("visibilityOid"+a),t.wid,i,s),vis.states.bind(t.attr("visibilityOid"+a)+".val",function(e,t,a){let o=r.find('.col[visibilityOid="'+e.type.substr(0,e.type.lastIndexOf("."))+'"]');o.each(function(e){let a=o.eq(e).attr("itemindex");l(a,t)})})}let d=`\n
    \n
    \n
    \n
    ${_("Resolution assistant")}
    \n \n
    \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n
    \n `;function o(){myMdwHelper.waitForElement(r,"#grid-item0",t.wid,"Grid ",function(){myMdwHelper.waitForRealWidth(r.context,t.wid,"Grid",function(){function e(){if(t.showResolutionAssistant&&r.find(".grid-helper-resolution-width").text(o+" px"),o<=n){r.context.style.setProperty("--materialdesign-grid-gaps",s+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(s+" px"),r.find(".grid-helper-rule").text(_("mobil phone")+" "+_("portrait")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("handyGridPortraitColSpan"+e),myMdwHelper.getNumberFromData(t.handyGridPortraitColSpan,12));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>n&&o<=c){r.context.style.setProperty("--materialdesign-grid-gaps",d+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(d+" px"),r.find(".grid-helper-rule").text(_("mobil phone")+" "+_("landscape")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("handyGridLandscapeColSpan"+e),myMdwHelper.getNumberFromData(t.handyGridLandscapeColSpan,6));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>c&&o<=u){r.context.style.setProperty("--materialdesign-grid-gaps",m+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(m+" px"),r.find(".grid-helper-rule").text(_("tablet")+" "+_("portrait")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("tabletGridPortraitColSpan"+e),myMdwHelper.getNumberFromData(t.tabletGridPortraitColSpan,4));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>u&&o<=p){r.context.style.setProperty("--materialdesign-grid-gaps",g+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(g+" px"),r.find(".grid-helper-rule").text(_("tablet")+" "+_("landscape")),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("tabletGridLandscapeColSpan"+e),myMdwHelper.getNumberFromData(t.tabletGridLandscapeColSpan,3));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}else if(o>p){r.context.style.setProperty("--materialdesign-grid-gaps",i+"px"),t.showResolutionAssistant&&(r.find(".grid-helper-gaps").text(i+" px"),r.find(".grid-helper-rule").text("-"),r.find("#resAssistent").removeClass().addClass("col col-12"));for(e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("viewColSpan"+e),myMdwHelper.getNumberFromData(t.viewColSpan,3));a>12&&(a=12),r.find(`#grid-item${e}`).removeClass().addClass(`col col-${a}`)}}}function a(){for(var e=0;e<=t.countViews;e++){let a=myMdwHelper.getNumberFromData(t.attr("visibleResolutionLessThan"+e),5e4),l=myMdwHelper.getNumberFromData(t.attr("visibleResolutionGreaterThan"+e),0);o=l&&o<=a?r.find(`#grid-item${e}`).show():o>a?r.find(`#grid-item${e}`).hide():r.find(`#grid-item${e}`).show()}}var o=r.width();myMdwHelper.calcChecker(getComputedStyle(r.context).width,t.wid,"Grid"),$(window).resize(function(){var t=r.width();o!==t&&(o=t,e(),a(),l())});let i=myMdwHelper.getNumberFromData(t.desktopGaps,0),n=myMdwHelper.getNumberFromData(t.handyPortraitWidth,360),s=myMdwHelper.getNumberFromData(t.handyPortraitGaps,i),c=myMdwHelper.getNumberFromData(t.handyLandscapeWidth,672),d=myMdwHelper.getNumberFromData(t.handyLandscapeGaps,i),u=myMdwHelper.getNumberFromData(t.tabletPortraitWidth,768),m=myMdwHelper.getNumberFromData(t.tabletPortraitGaps,i),p=myMdwHelper.getNumberFromData(t.tabletLandscapeWidth,1024),g=myMdwHelper.getNumberFromData(t.tabletLandscapeGaps,i);e(),a(),l()})})}function l(){for(var e=0;e<=t.countViews;e++){let a=vis.states.attr(t.attr("visibilityOid"+e)+".val"),o=myMdwHelper.getVisibility(a,"visibilityOid"+e,t.attr("visibilityCondition"+e),t.attr("visibilityConditionValue"+e));o?r.find(`#grid-item${e}`).hide():r.find(`#grid-item${e}`).show()}}n.sort(function(e,t){let a=parseInt($(e).attr("sortOrder")),o=parseInt($(t).attr("sortOrder"));return a==o?0:+(a>o)||-1}),r.append(`\n
    \n
    \n
    \n ${t.showResolutionAssistant?d:""}\n ${n.join("")}\n
    \n
    \n
    `),s?myMdwHelper.subscribeStatesAtRuntime(t.wid,i,function(){o()}):o()}catch(e){console.error(`[Grid Views - ${t.wid}] error: ${e.message}, stack: ${e.stack}`)}}};let myMdwMaterialDesignIconsList=[];vis.binds.materialdesign.viseditor={manualLink:function(e,t){try{let e="https://github.com/Scrounger/ioBroker.vis-materialdesign#iobrokervis-materialdesign";return t&&("card"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#card"),"topAppBar"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#top-app-bar-with-navigation-drawer"),"topAppBarSubMenu"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#submenu"),"barChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#bar-chart"),"pieChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#pie-chart"),"lineHistoryChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#line-history-chart"),"jsonChart"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#json-chart"),"list"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#list"),"iconList"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#iconList"),"progress"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#progress"),"slider"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#slider"),"switch"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#switch"),"select"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#select"),"autocomplete"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#autocomplete"),"table"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#table"),"columnViews"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#column-views"),"alerts"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#alerts"),"masonry"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#masonry-views"),"grid"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#grid-views"),"calendar"===t[1]&&(e="https://github.com/Scrounger/ioBroker.vis-materialdesign#calendar")),{input:`${_("readme")}`}}catch(e){console.error(`[manualLink]: error: ${e.message}, stack: ${e.stack}`)}},questionsAndAnswers:function(e,t){let a="https://github.com/Scrounger/ioBroker.vis-materialdesign#questions-and-answers-about-the-widgets";return"de"===vis.language&&("alerts"===t[1]&&(a="https://forum.iobroker.net/topic/29663/material-design-widgets-alerts-widget"),"buttons"===t[1]&&(a="https://forum.iobroker.net/topic/29664/material-design-widgets-buttons-widget"),"calendar"===t[1]&&(a="https://forum.iobroker.net/topic/29600/material-design-widgets-calendar-widget"),"checkboxSwitch"===t[1]&&(a="https://forum.iobroker.net/topic/29667/material-design-widgets-checkbox-switch-widget"),"input"===t[1]&&(a="https://forum.iobroker.net/topic/29666/material-design-widgets-input-select-autocompl"),"lineHistoryChart"===t[1]&&(a="https://forum.iobroker.net/topic/29662/material-design-widgets-line-history-chart-widget"),"list"===t[1]&&(a="https://forum.iobroker.net/topic/29665/material-design-widgets-list-widget"),"iconList"===t[1]&&(a="https://forum.iobroker.net/topic/30331/material-design-widgets-iconlist-widget"),"progress"===t[1]&&(a="https://forum.iobroker.net/topic/33623/material-design-widgets-progress-widget"),"masonry"===t[1]&&(a="https://forum.iobroker.net/topic/29621/material-design-widgets-masonry-views-widget"),"slider"===t[1]&&(a="https://forum.iobroker.net/topic/29661/material-design-widgets-slider-widget"),"table"===t[1]&&(a="https://forum.iobroker.net/topic/29658/material-design-widgets-table-widget"),"topAppBar"===t[1]&&(a="https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget"),"grid"===t[1]&&(a="https://forum.iobroker.net/topic/29916/material-design-widgets-grid-views-widget"),"dialogView"===t[1]&&(a="https://forum.iobroker.net/topic/31870/material-design-widgets-dialog-view-widget"),"jsonChart"===t[1]&&(a="https://forum.iobroker.net/topic/31871/material-design-widgets-json-chart-widget"),"progress"===t[1]&&(a="https://forum.iobroker.net/topic/33623/material-design-widgets-progress-widget")),{input:`${_("readme")}`}},bmc:function(e){return{input:`${_("buymeacoffee")}`}},onlineExample:function(e){return{input:`${_("linkOnlineExampleProject")}`}},visibilityCondition:function(e){return vis.editSelect(e,["==","!=","<=",">=","<",">","consist","not consist","exist","not exist"],!0)},imagesAndMaterialDesignIcons:function(e){try{var t=vis;let a={input:'',init:function(e,t){$(this).autocomplete({minLength:0,source:function(e,t){vis.editMode&&0===myMdwMaterialDesignIconsList.length&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList());var a=$.grep(myMdwMaterialDesignIconsList,function(t){return t.toLowerCase().includes(e.term.toLowerCase())});t(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,t){return $("
  • ").append(`\n
    \n \n \n
    \n `).appendTo(e)}}};return $.fm&&(a.button={icon:"ui-icon-note", +text:!1,title:_("Select image"),click:function(){var e=$(this).data("wdata"),a="/"+(t.conn.namespace?t.conn.namespace+"/":"")+t.projectPrefix+"img/",o=t.widgets[e.widgets[0]].data[e.attr];o&&"img/"===o.substring(0,4)&&(o="/vis/"+o),$.fm({lang:t.language,defaultPath:a,path:o||a,uploadDir:"/"+(t.conn.namespace?t.conn.namespace+"/":""),fileFilter:myMdwHelper.getAllowedImageFileExtensions(),folderFilter:!1,mode:"open",view:"prev",userArg:e,conn:t.conn,zindex:1001},function(t,a){var o=t.path+t.file;$("#inspect_"+e.attr).val(o).trigger("change")})}}),a}catch(e){console.error(`imagesAndMaterialDesignIcons: error: ${e.message}, stack: ${e.stack}`)}},materialDesignIcons:function(e){try{vis;let t={input:'',init:function(e,t){$(this).autocomplete({minLength:0,source:function(e,t){vis.editMode&&0===myMdwMaterialDesignIconsList.length&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList());var a=$.grep(myMdwMaterialDesignIconsList,function(t){return t.toLowerCase().includes(e.term.toLowerCase())});t(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,t){return $("
  • ").append(`\n
    \n \n \n
    \n `).appendTo(e)}}};return t}catch(e){console.error(`materialDesignIcons: error: ${e.message}, stack: ${e.stack}`)}},exportData:function(e,t){try{var a=vis;let l=t[1];var o={input:'",init:function(e,t){$(this).button().click(function(){$(this).val(!0).trigger("change");$(this).data("wdata");var e={};a.config["dialog-edit-text"]&&(e=JSON.parse(a.config["dialog-edit-text"]));var t=ace.edit("dialog-edit-text-textarea"),o=a.activeView;let r="Please select only one Widget to see the Widget data!";if(1===a.activeWidgets.length){let e=[],t=a.findCommonAttributes(o,a.activeWidgets),n={},s="\n \n \n \n \n ";for(const a in t)for(const o in t[a])e.push(o);s+="
    PropertyDescriptionTypeValues
    ",Object.keys(n).length>0&&(console.log(n),console.log(s));let c=a.views[o].widgets[a.activeWidgets[0]],d=c.style,u=Object.assign({type:l,width:d.width,height:d.height},c.data);for(var i in u)e.includes(i)&&"exportData"!==i||"type"===i||"width"===i||"height"===i||delete u[i],"select"!==l&&"autocomplete"!==l||"jsonStringObject"!==i||"jsonStringObject"!==u.listDataMethod||u[i].startsWith("{")||u[i].endsWith("}")||(u[i]=JSON.parse(u[i]));r=JSON.stringify(u,null,"\t")}$("#dialog-edit-text").dialog({autoOpen:!0,width:e.width||800,height:e.height||600,modal:!0,resize:function(){t.resize()},open:function(a){$(a.target).parent().find(".ui-dialog-titlebar-close .ui-button-text").html(""),$(this).parent().css({"z-index":1e3}),void 0!==e.top&&(e.top>=0?$(this).parent().css({top:e.top}):$(this).parent().css({top:0})),void 0!==e.left&&(e.left>=0?$(this).parent().css({left:e.left}):$(this).parent().css({left:0})),t.getSession().setMode("ace/mode/html"),t.setOptions({enableBasicAutocompletion:!0,enableLiveAutocompletion:!0}),t.$blockScrolling=1/0,t.getSession().setUseWrapMode(!0),t.setValue(r),t.navigateFileEnd(),t.focus(),t.getSession().on("change",function(){!1})},beforeClose:function(){},buttons:[{text:_("Close"),click:function(){$(this).dialog("close")}}]}).show()})}};return o}catch(e){console.error(`exportData: error: ${e.message}, stack: ${e.stack}`)}}},vis.editMode&&(myMdwMaterialDesignIconsList=vis.binds.materialdesign.materialdesignicons.getList()); \ No newline at end of file diff --git a/widgets/materialdesign/js/widgets/materialdesign.table.js b/widgets/materialdesign/js/widgets/materialdesign.table.js index da02e421..3d4062ce 100644 --- a/widgets/materialdesign/js/widgets/materialdesign.table.js +++ b/widgets/materialdesign/js/widgets/materialdesign.table.js @@ -74,6 +74,8 @@ vis.binds.materialdesign.table = { myMdwHelper.waitForElement($this, `.mdc-data-table`, data.wid, 'Table', function () { myMdwHelper.waitForRealHeight($this.context, data.wid, 'Table', function () { let table = $this.find('.mdc-data-table').get(0); + let sortByKey = undefined; + let sortASC = true; if (table) { let height = window.getComputedStyle($this.context, null).height @@ -97,12 +99,12 @@ vis.binds.materialdesign.table = { // Content changed vis.states.bind(data.oid + '.val', function (e, newVal, oldVal) { - vis.binds.materialdesign.table.getContentElements($this, newVal, data, null, oldVal); + vis.binds.materialdesign.table.getContentElements($this, newVal, data, null, oldVal, sortByKey, sortASC); }); $this.find('.mdc-data-table__header-cell').click(function (obj) { let colIndex = $(this).attr('colIndex'); - let sortASC = true; + let jsonData = []; if (myMdwHelper.getValueFromData(data.oid, null) !== null && vis.states.attr(data.oid + '.val') !== null) { @@ -111,7 +113,7 @@ vis.binds.materialdesign.table = { jsonData = JSON.parse(data.dataJson) } - let key = (myMdwHelper.getValueFromData(data.attr('sortKey' + colIndex), null) !== null) ? data.attr('sortKey' + colIndex) : Object.keys(jsonData[0])[colIndex]; + sortByKey = (myMdwHelper.getValueFromData(data.attr('sortKey' + colIndex), null) !== null) ? data.attr('sortKey' + colIndex) : Object.keys(jsonData[0])[colIndex]; if ($(this).attr('sort')) { if ($(this).attr('sort') === 'ASC') { @@ -136,20 +138,7 @@ vis.binds.materialdesign.table = { } }); - vis.binds.materialdesign.table.getContentElements($this, null, data, sortByKey(jsonData, key, sortASC)); //TODO: sort key by user defined - - function sortByKey(array, key, sortASC) { - return array.sort(function (a, b) { - var x = a[key]; - var y = b[key]; - - if (sortASC) { - return ((x < y) ? -1 : ((x > y) ? 1 : 0)); - } else { - return ((x > y) ? -1 : ((x < y) ? 1 : 0)); - } - }); - } + vis.binds.materialdesign.table.getContentElements($this, null, data, vis.binds.materialdesign.table.sortByKey(jsonData, sortByKey, sortASC)); //TODO: sort key by user defined }); } }); @@ -158,7 +147,7 @@ vis.binds.materialdesign.table = { console.error(`[Table - ${data.wid}] handle: error: ${ex.message}, stack: ${ex.stack}`); } }, - getContentElements: function ($this, input, data, jsonData = null, oldVal = null) { + getContentElements: function ($this, input, data, jsonData = null, oldVal = null, sortByKey = undefined, sortASC = true) { let tableContent = $this.find('.mdc-data-table__content'); let oldJsonData = null; let rowsCount = 0; @@ -166,6 +155,8 @@ vis.binds.materialdesign.table = { if (jsonData === null) { jsonData = vis.binds.materialdesign.table.getJsonData(input, data); + if (sortByKey) jsonData = vis.binds.materialdesign.table.sortByKey(jsonData, sortByKey, sortASC); + rowsCount = jsonData.length - 1; } else { rowsCount = jsonData.length - 1; @@ -174,6 +165,8 @@ vis.binds.materialdesign.table = { if (oldVal !== null) { oldJsonData = vis.binds.materialdesign.table.getJsonData(oldVal, data); + if (sortByKey) oldJsonData = vis.binds.materialdesign.table.sortByKey(oldJsonData, sortByKey, sortASC); + if (rowsCount < oldJsonData.length - 1) { rowsCount = oldJsonData.length - 1; } @@ -234,7 +227,7 @@ vis.binds.materialdesign.table = { if (existingCell.length === 1) { if (oldJsonData) { if (oldJsonData[row] && !myUnderscore.isEqual(Object.values(jsonData[row])[col], Object.values(oldJsonData[row])[col])) { - // console.log(`notEqual: row: ${row}, col: ${col}`); + console.log(`notEqual: row: ${row}, col: ${col}`); let colElement = getColElement(row, col, Object.values(jsonData[row])[col], textSize, jsonData[row]); existingCell.replaceWith($(colElement)); @@ -1145,5 +1138,17 @@ vis.binds.materialdesign.table = { return data; } + }, + sortByKey: function (array, key, sortASC) { + return array.sort(function (a, b) { + var x = a[key]; + var y = b[key]; + + if (sortASC) { + return ((x < y) ? -1 : ((x > y) ? 1 : 0)); + } else { + return ((x > y) ? -1 : ((x < y) ? 1 : 0)); + } + }); } }; \ No newline at end of file