npm - iobroker.vis-2-widgets-collection - Versions diffs - 1.7.5 → 1.7.7 - Mend

iobroker.vis-2-widgets-collection 1.7.5 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/widgets/vis-2-widgets-collection/static/js/src_ButtonGroupCollectionWidget_ButtonGroupCollectionWidget_jsx.6ab7d3eb.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_ButtonGroupCollectionWidget_ButtonGroupCollectionWidget_jsx.6ab7d3eb.chunk.js","mappings":"uTAEA,MA4CA,EA5C0BA,IAAM,CAC/B,CACCC,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCC,KAAM,WACNJ,KAAM,WACNK,MAAO,YACPC,OAAQ,iBAET,CACCF,KAAM,WACNJ,KAAM,WACNK,MAAO,YACPC,OAAQ,iBAET,CACCF,KAAM,qBACNC,MAAO,uBACPL,KAAM,SACNO,QAAS,CACR,CAAEC,MAAO,OAAQH,MAAO,qBACxB,CAAEG,MAAO,WAAYH,MAAO,0BAE7BI,QAAS,QAEV,CACCL,KAAM,yBACNC,MAAO,2BACPL,KAAM,SACNO,QAAS,CACR,CAAEC,MAAO,aAAcH,MAAO,cAC9B,CAAEG,MAAO,WAAYH,MAAO,aAE7BI,QAAS,cAEV,CACCL,KAAM,mBACNC,MAAO,qBACPL,KAAM,U,2HCyXR,QAnZA,WAAkC,IAADU,EAChC,MAAM,UAAEC,EAAS,OAAEC,IAAWC,EAAAA,EAAAA,YAAWC,EAAAA,IACnC,KAAEC,EAAI,OAAEC,EAAM,YAAEC,IAAgBC,EAAAA,EAAAA,GAAQ,QACxC,WAAEC,EAAU,WAAEC,IAAeC,EAAAA,EAAAA,GAAUT,EAAOU,OAC9CC,GAAWC,EAAAA,EAAAA,GAAY,OACvBC,GAAmBC,EAAAA,EAAAA,GAAc,OAEjCC,EAAqBf,EAAOG,KAAKY,mBACjCC,EAAyBhB,EAAOG,KAAKa,uBAErCC,EAAmB,OAATlB,QAAS,IAATA,GAAiB,QAARD,EAATC,EAAWmB,cAAM,IAAApB,OAAR,EAATA,EAAmBV,KAE7B+B,EACO,YAAZF,GACY,WAAZA,GACY,WAAZA,GACY,UAAZA,EAED,OACCG,EAAAA,EAAAA,MAACC,EAAAA,EAAc,CACdF,YAAaA,EACbhB,KAAMA,EACNQ,SAAUA,EACVW,UAAU,EAAMC,SAAA,EAEhBjC,EAAAA,EAAAA,KAACkC,EAAAA,EAAmB,CAACrB,KAAMA,EAAMH,OAAQA,KAEzCV,EAAAA,EAAAA,KAACmC,EAAAA,IAAG,CACHC,GAAI,CACHC,MAAO,OACPC,OAAQ,OAERC,QAAS,QACRN,UAEFjC,EAAAA,EAAAA,KAACwC,EAAAA,kBAAiB,CACjBC,WAAS,EACTnC,MAAOe,EACPqB,SACa,WAAZf,GACY,WAAZA,GACY,YAAZA,GACY,UAAZA,EAEDgB,WAAS,EACTC,QAASnB,EACToB,YAAanB,EACbU,GAAI,CACHG,QAAS,OACTO,cAC4B,aAA3BpB,EAAwC,SAAW,MACpDqB,eAAgB,gBAChBC,WAAY,SAEZ,8BAA+B,CAC9B,EAED,sCAAuC,CACtCC,eACoC,aAAnCvC,EAAOG,KAAKY,mBAAoC,KAAO,EACxDyB,gBACoC,aAAnCxC,EAAOG,KAAKY,mBAAoC,KAAO,EACxD0B,iBACoC,aAAnCzC,EAAOG,KAAKY,oBAE8B,eAAvCf,EAAOG,KAAKa,uBADZ,KAGC,EACL0B,kBACoC,aAAnC1C,EAAOG,KAAKY,mBACT,KACuC,eAAvCf,EAAOG,KAAKa,uBACX,EACA,KACL2B,YACC3C,EAAOG,KAAKyC,mBACZC,EAAAA,EAAAA,OAAM7C,EAAOG,KAAKyC,iBAAkB,IACrCE,cAAe9C,EAAOG,KAAK4C,aAAe,GAE3C,uCAAwC,CACvCR,eACoC,aAAnCvC,EAAOG,KAAKY,mBACT,KACuC,eAAvCf,EAAOG,KAAKa,uBACX,EACA,KACLwB,gBACoC,aAAnCxC,EAAOG,KAAKY,oBAE8B,eAAvCf,EAAOG,KAAKa,uBADZ,KAGC,EACLyB,iBACoC,aAAnCzC,EAAOG,KAAKY,oBAE8B,eAAvCf,EAAOG,KAAKa,uBADZ,KAGC,EACL0B,kBACoC,aAAnC1C,EAAOG,KAAKY,mBACT,KACuC,eAAvCf,EAAOG,KAAKa,uBACX,EACA,KACL2B,YACC3C,EAAOG,KAAKyC,mBACZC,EAAAA,EAAAA,OAAM7C,EAAOG,KAAKyC,iBAAkB,KAEtC,qCAAsC,CACrCL,eACoC,aAAnCvC,EAAOG,KAAKY,mBACT,KACuC,eAAvCf,EAAOG,KAAKa,uBACX,EACA,KACLwB,gBACoC,aAAnCxC,EAAOG,KAAKY,mBAAoC,KAAO,EACxD0B,iBACoC,aAAnCzC,EAAOG,KAAKY,mBAAoC,KAAO,EACxD2B,kBACoC,aAAnC1C,EAAOG,KAAKY,mBAAoC,KAAO,EACxD4B,YACC3C,EAAOG,KAAKyC,mBACZC,EAAAA,EAAAA,OAAM7C,EAAOG,KAAKyC,iBAAkB,IACrCE,cAAe9C,EAAOG,KAAK4C,aAAe,IAE1CxB,SAEDnB,EAAO4C,KAAI,CAAAC,EAAYC,KAAW,IAAtB,MAAEtD,GAAOqD,EACrB,OACC3D,EAAAA,EAAAA,KAAC6D,EAAAA,aACA,CACAvD,MAAOA,EAEP8B,GAAI,CACHC,MAAO,OACPC,OAAQ,OAERwB,EAAG,EAEHvB,QAAS,OACTQ,eAAgB,SAChBC,WAAY,SAEZe,MACCrD,EAAOG,KAAKmD,iBACZtD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChClD,EAAOG,KAAKqD,iBACZrD,EAAKsD,UAENC,WACErD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKyD,uBACb5D,EAAOG,KAAK,kBAADoD,OAAmBL,EAAQ,KACtC/C,EAAK0D,iBACJxD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAK2D,kBACb9D,EAAOG,KAAK,aAADoD,OAAcL,EAAQ,KACjC/C,EAAKuD,WAEN,sCAAuC,CACtCA,WACErD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKyD,uBACb5D,EAAOG,KAAK,kBAADoD,OAAmBL,EAAQ,KACtC/C,EAAK0D,iBACJxD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAK2D,kBACb9D,EAAOG,KAAK,aAADoD,OAAcL,EAAQ,KACjC/C,EAAKuD,YAGP,UAAW,CACVK,OACE1D,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAK6D,iBAAe,cAAAT,OACbvD,EAAOG,KAAK6D,gBAAe,OACzChE,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAAI,cAAAK,OACtBvD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,IAAI,OAClD/C,EAAK8D,WAAS,cAAAV,OACApD,EAAK8D,WAAa,OAAM,KAExCP,WACErD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKyD,uBACb5D,EAAOG,KAAK,kBAADoD,OAAmBL,EAAQ,KACtC/C,EAAK0D,iBACJxD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAK2D,kBACb9D,EAAOG,KAAK,aAADoD,OAAcL,EAAQ,KACjC/C,EAAKuD,aAGRQ,QAASA,IAAMrD,EAAiBjB,GAAO2B,UAEvCH,EAAAA,EAAAA,MAACK,EAAAA,IAAG,CACHC,GAAI,CACHC,MAAO,OACPC,OAAQ,OAERwB,EAAG,GAEHvB,QAAS,OACTO,cAAe,SACfC,eAAgB,eAChBC,WAAY,UACXf,SAAA,EAEAvB,EAAOG,KAAKgE,WACX9D,IAAgB6C,EAAQ,GACzBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,OACnClD,EAAOG,KAAKiE,YACZpE,EAAOG,KAAKkE,kBACbrE,EAAOG,KAAK,OAADoD,OAAQL,EAAQ,KAC3BlD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChC/C,EAAKmE,QACLhF,EAAAA,EAAAA,KAACmC,EAAAA,IAAG,CACHC,GAAI,CACH6C,SAAU,SAEV5C,MAAO,OACPC,OAAQ,OAERC,QAAS,OACTQ,eAAgB,SAChBC,WAAY,UACXf,UAEFjC,EAAAA,EAAAA,KAAA,OACCkF,IACEnE,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,OACnClD,EAAOG,KAAKiE,YACZpE,EAAOG,KAAKkE,kBACdrE,EAAOG,KAAK,OAADoD,OAAQL,EAAQ,KAC3BlD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChC/C,EAAKmE,KAENG,IAAI,GACJ/D,MAAO,CACNgE,SAAU,WAGVC,OACEtE,IAAgB6C,EAAQ,GACxBlD,EAAOG,KAAKyE,mBACb5E,EAAOG,KAAK,cAADoD,OAAeL,EAAQ,IACnC2B,KACExE,IAAgB6C,EAAQ,GACxBlD,EAAOG,KAAK2E,mBACb9E,EAAOG,KAAK,cAADoD,OAAeL,EAAQ,IAEnC6B,UAAW,UAEXpD,MACEtB,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MAEnC,kBADMlD,EAAOG,KAAK6E,gBACV,eAAAzB,OACMvD,EAAOG,KAAK6E,eAAc,YAC1C,OAKDpD,OACEvB,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MAEnC,kBADMlD,EAAOG,KAAK6E,gBACV,eAAAzB,OACMvD,EAAOG,KAAK6E,eAAc,YAC1C,OAKD3B,MACEhD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKmD,iBACbtD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChClD,EAAOG,KAAKyC,kBACZzC,EAAK8E,UACNlB,OACE1D,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKmD,iBACbtD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChClD,EAAOG,KAAKyC,kBACZzC,EAAK8E,UACF,6BACA,KACJC,UACE7E,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKmD,iBACbtD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChClD,EAAOG,KAAKyC,kBACZzC,EAAK8E,UACF,uBACA,WAKPjF,EAAOG,KAAKgF,WACb7F,EAAAA,EAAAA,KAACmC,EAAAA,IAAG,CACHC,GAAI,CACHC,MAAO,OAEPyD,GAAI,GAEJvD,QAAS,OACTQ,eAAgB,SAChBC,WAAY,UACXf,UAEFjC,EAAAA,EAAAA,KAAC+F,EAAAA,WACA,CAUAC,gBAAgB,QAChBC,wBAAyB,CACxBC,OACEnF,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKsF,aACZzF,EAAOG,KAAK,QAADoD,OAASL,EAAQ,KAC5BlD,EAAOG,KAAK,QAADoD,OAASL,EAAQ,IAAKwC,QAChC,iBACA,KAED1F,EAAOG,KAAK,QAADoD,OAASL,EAAQ,KAAI,GAAAK,OAC7BvD,EAAOG,KAAK,QAADoD,OAASL,EAAQ,KAAIK,OAAGvD,EAAOG,KAAKwF,OACnD,IAEFC,QAAM,EACN1D,QAAQ,QACRR,IAAEmE,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACEtF,GACAC,GAAU,IACbsF,cAAe,OACfC,SACE1F,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACG,kBAAhClD,EAAOG,KAAK6F,iBAA4B,GAAAzC,OAC5CvD,EAAOG,KAAK6F,gBAAe,MAE9B,kBADOhG,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAC/B,GAAAK,OACLvD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,IAAI,MACxC/C,EAAK8F,UACN5C,MACEhD,IAAgB6C,EAAQ,GACxBS,OAAOhD,KACNgD,OAAO3D,EAAOG,KAAK,QAADoD,OAASL,EAAQ,MACpClD,EAAOG,KAAKqD,iBACbxD,EAAOG,KAAK,YAADoD,OAAaL,EAAQ,KAChClD,EAAOG,KAAKyC,kBACZzC,EAAKsD,oBA/PNP,EAqQS,UAOtB,ECxZA,MAAMgD,UAAoCC,EAAAA,EACzC,oBAAOC,GACN,MAAO,CACNC,GAAI,iCACJC,OAAQ,2BACRC,YAAa,qBACbC,QAAS,8BACTC,eAAgB,iCAChBC,SAAU,EACVC,SAAU,CACT,CACCnH,KAAM,SACNoH,OAAQ,KAAIC,EAAAA,EAAAA,OAEb,CACCrH,KAAM,cACNC,MAAO,eACPmH,OAAQ,KACJE,EAAAA,EAAAA,GAAmB,CAAC,SAAU,SAAU,UAAW,cACnDC,EAAAA,EAAAA,QACA5H,MAGL,CACCK,KAAM,SACNC,MAAO,eACPmH,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEG,UAAW,SAAUC,WAAW,MAE5D,CACCzH,KAAM,SACNC,MAAO,SACPyH,UAAW,EACXC,QAAS,eACTP,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEG,UAAW,GAAIC,WAAW,OAIvDG,gBAAiB,CAChBzF,MAAO,OACPC,OAAQ,QACR8C,SAAU,YAEX2C,QACC,wEAEH,CAIAjB,aAAAA,GACC,OAAOF,EAA4BE,eACpC,CAGA,sBAAMkB,GAQL,MAAMC,EAAeC,KAAKC,UAAUC,KAAKC,MAAMC,QAC3CF,KAAKG,aAAeN,IAGxBG,KAAKG,WAAaN,QAEZG,KAAKI,uBAAuB,OACnC,CAGA,qBAAMC,CAAgBC,SACfN,KAAKJ,kBACZ,CAIAW,gBAAAA,GAAoB,CAIpBC,cAAAA,CAAe7B,EAAIsB,GAAQ,CAE3B,uBAAMQ,GACLC,MAAMD,0BAEAT,KAAKJ,kBACZ,CAEAe,gBAAAA,CAAiBC,GAChBF,MAAMC,iBAAiBC,GAEvB,MAAMC,EAAoB,CACzBlC,GAAIiC,EAAMjC,GACVmC,WAAYF,EAAME,WAClB9H,MAAO4H,EAAM5H,MACbV,QAAM6F,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACFyC,EAAMtI,QAAM,IACfG,KAAMuH,KAAKC,MAAMC,OACjBlH,MAAOgH,KAAKC,MAAMc,UAEnBC,SAAUhB,KAAKgB,SACfC,SAAUjB,KAAKiB,SAASC,KAAKlB,MAC7B3H,UAAW2H,KAAKC,MAAM5H,UACtB8I,OAAQnB,KAAKC,MAAMkB,OACnBC,gBAAiBpB,KAAKoB,gBAAgBF,KAAKlB,MAC3CqB,iBAAkBrB,KAAKqB,iBAAiBH,KAAKlB,MAC7CsB,KAAMtB,KAAKY,MAAMW,QAAQC,UACzBC,OAAQzB,KAAKY,MAAMW,QAAQE,OAC3BC,MAAO1B,KAAKY,MAAMW,QAAQG,MAE1BC,eAAgB3B,KAAK2B,gBAStB,OANIf,EAAMtI,OAAOG,KAAKmJ,QAAUhB,EAAMtI,OAAOuJ,aAC5C7B,KAAK2B,gBAAiB,EAEtB3B,KAAK2B,gBAAiB,GAGhBG,EAAAA,EAAAA,GACN9B,KAAK+B,aAAYnK,EAAAA,EAAAA,KAACoK,EAAqB,KACvCnB,EAEF,EAGD,S","sources":["lib/buttonGroupFields.jsx","ButtonGroupCollectionWidget/ButtonGroupCollection.jsx","ButtonGroupCollectionWidget/ButtonGroupCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst buttonGroupFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyIcon\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_icon\",\n\t\thidden: \"data.onlyText\",\n\t},\n\t{\n\t\tname: \"onlyText\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_text\",\n\t\thidden: \"data.onlyIcon\",\n\t},\n\t{\n\t\tname: \"buttonGroupVariant\",\n\t\tlabel: \"button_group_variant\",\n\t\ttype: \"select\",\n\t\toptions: [\n\t\t\t{ value: \"text\", label: \"button_group_text\" },\n\t\t\t{ value: \"outlined\", label: \"button_group_outlined\" },\n\t\t],\n\t\tdefault: \"text\",\n\t},\n\t{\n\t\tname: \"buttonGroupOrientation\",\n\t\tlabel: \"button_group_orientation\",\n\t\ttype: \"select\",\n\t\toptions: [\n\t\t\t{ value: \"horizontal\", label: \"horizontal\" },\n\t\t\t{ value: \"vertical\", label: \"vertical\" },\n\t\t],\n\t\tdefault: \"horizontal\",\n\t},\n\t{\n\t\tname: \"buttonGroupColor\",\n\t\tlabel: \"button_group_color\",\n\t\ttype: \"color\",\n\t},\n];\n\nexport default buttonGroupFields;\n","import {\n\tBox,\n\tToggleButton,\n\tToggleButtonGroup,\n\tTypography,\n} from \"@mui/material\";\nimport { alpha } from \"@mui/material/styles\";\nimport React, { useContext } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useOidValue from \"../hooks/useOidValue\";\nimport useStyles from \"../hooks/useStyles\";\nimport useValueState from \"../hooks/useValueState\";\n\nfunction ButtonGroupCollection() {\n\tconst { oidObject, widget } = useContext(CollectionContext);\n\tconst { data, states, activeIndex } = useData(\"oid\");\n\tconst { fontStyles, textStyles } = useStyles(widget.style);\n\tconst oidValue = useOidValue(\"oid\");\n\tconst setOidValueState = useValueState(\"oid\");\n\n\tconst buttonGroupVariant = widget.data.buttonGroupVariant;\n\tconst buttonGroupOrientation = widget.data.buttonGroupOrientation;\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType =\n\t\toidType === \"boolean\" ||\n\t\toidType === \"number\" ||\n\t\toidType === \"string\" ||\n\t\toidType === \"mixed\";\n\n\treturn (\n\t\t<CollectionBase\n\t\t\tisValidType={isValidType}\n\t\t\tdata={data}\n\t\t\toidValue={oidValue}\n\t\t\tbgActive={false}\n\t\t>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<ToggleButtonGroup\n\t\t\t\t\texclusive\n\t\t\t\t\tvalue={oidValue}\n\t\t\t\t\tdisabled={\n\t\t\t\t\t\toidType !== \"number\" &&\n\t\t\t\t\t\toidType !== \"string\" &&\n\t\t\t\t\t\toidType !== \"boolean\" &&\n\t\t\t\t\t\toidType !== \"mixed\"\n\t\t\t\t\t}\n\t\t\t\t\tfullWidth\n\t\t\t\t\tvariant={buttonGroupVariant}\n\t\t\t\t\torientation={buttonGroupOrientation}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tflexDirection:\n\t\t\t\t\t\t\tbuttonGroupOrientation === \"vertical\" ? \"column\" : \"row\",\n\t\t\t\t\t\tjustifyContent: \"space-between\",\n\t\t\t\t\t\talignItems: \"center\",\n\n\t\t\t\t\t\t\"&.MuiToggleButtonGroup-root\": {\n\t\t\t\t\t\t\t// color: widget.data.buttonGroupColor || \"background.default\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"& .MuiToggleButtonGroup-firstButton\": {\n\t\t\t\t\t\t\tborderTopWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\" ? null : 0,\n\t\t\t\t\t\t\tborderLeftWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\" ? null : 0,\n\t\t\t\t\t\t\tborderRightWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\tborderBottomWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\tborderColor:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupColor &&\n\t\t\t\t\t\t\t\talpha(widget.data.buttonGroupColor, 0.2),\n\t\t\t\t\t\t\tborderRadius: !widget.data.basePadding && 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"& .MuiToggleButtonGroup-middleButton\": {\n\t\t\t\t\t\t\tborderTopWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\tborderLeftWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\tborderRightWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\tborderBottomWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\tborderColor:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupColor &&\n\t\t\t\t\t\t\t\talpha(widget.data.buttonGroupColor, 0.2),\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"& .MuiToggleButtonGroup-lastButton\": {\n\t\t\t\t\t\t\tborderTopWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\"\n\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t: widget.data.buttonGroupOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\tborderLeftWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\" ? null : 0,\n\t\t\t\t\t\t\tborderRightWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\" ? null : 0,\n\t\t\t\t\t\t\tborderBottomWidth:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupVariant === \"outlined\" ? null : 0,\n\t\t\t\t\t\t\tborderColor:\n\t\t\t\t\t\t\t\twidget.data.buttonGroupColor &&\n\t\t\t\t\t\t\t\talpha(widget.data.buttonGroupColor, 0.2),\n\t\t\t\t\t\t\tborderRadius: !widget.data.basePadding && 0,\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{states.map(({ value }, index) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ToggleButton\n\t\t\t\t\t\t\t\t// disableRipple\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\tp: 0,\n\n\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive ||\n\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\twidget.data.textColorActive ||\n\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundColorActive) ||\n\t\t\t\t\t\t\t\t\t\twidget.data[`backgroundColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\tdata.backgroundColor ||\n\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundActive) ||\n\t\t\t\t\t\t\t\t\t\twidget.data[`background${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\tdata.background,\n\n\t\t\t\t\t\t\t\t\t\"&.MuiToggleButton-root.Mui-selected\": {\n\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`backgroundColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\tdata.backgroundColor ||\n\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundActive) ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`background${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\tdata.background,\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"&:hover\": {\n\t\t\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconHoverActive &&\n\t\t\t\t\t\t\t\t\t\t\t\t`brightness(${widget.data.iconHoverActive}%)`) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconHover${index + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t`brightness(${widget.data[`iconHover${index + 1}`]}%)`) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.iconHover &&\n\t\t\t\t\t\t\t\t\t\t\t\t`brightness(${data.iconHover || \"100%\"})`),\n\n\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`backgroundColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\tdata.backgroundColor ||\n\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.backgroundActive) ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`background${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\tdata.background,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => setOidValueState(value)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\t\tp: 0.5,\n\n\t\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\t\t\t\t\tjustifyContent: \"space-around\",\n\t\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{!widget.data.onlyText &&\n\t\t\t\t\t\t\t\t\t\t((activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconActive ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconSmallActive)) ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`icon${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconSmall${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\tdata.icon) && (\n\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconActive ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconSmallActive)) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`icon${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconSmall${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* bottom: widget.data[`iconYOffset${index + 1}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft: widget.data[`iconXOffset${index + 1}`], */\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbottom:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconYOffsetActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconYOffset${index + 1}`],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconXOffsetActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconXOffset${index + 1}`],\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttypeof widget.data.iconSizeActive ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${widget.data.iconSizeActive} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"100%\" ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${index + 1}`] ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${widget.data[`iconSize${index + 1}`]} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttypeof widget.data.iconSizeActive ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${widget.data.iconSizeActive} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"100%\" ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${index + 1}`] ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${widget.data[`iconSize${index + 1}`]} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!widget.data.onlyIcon && (\n\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\n\t\t\t\t\t\t\t\t\t\t\t\tpt: 0.5,\n\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\t\t\t/* ref={(ref) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (ref) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tref.innerHTML =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.aliasActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talias ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// value;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${value}${widget.data.unit}`;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t}} */\n\t\t\t\t\t\t\t\t\t\t\t\tcontentEditable=\"false\"\n\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t__html:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.aliasActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(widget.data[`alias${index + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`alias${index + 1}`].replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\r\\n|\\n|\\r)/gm,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(widget.data[`value${index + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`value${index + 1}`]}${widget.data.unit}`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tnoWrap\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttypeof widget.data.valueSizeActive === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${widget.data.valueSizeActive}%`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`valueSize${index + 1}`] ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`valueSize${index + 1}`]}%`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.valueSize,\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t(activeIndex === index + 1 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${index + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.textColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`textColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t</ToggleButton>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</ToggleButtonGroup>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default ButtonGroupCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport buttonGroupFields from \"../lib/buttonGroupFields\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport ButtonGroupCollection from \"./ButtonGroupCollection\";\n\nclass ButtonGroupCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplButtonGroupCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"ButtonGroupCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"button_group_collection_widget\", // Label for widget\n\t\t\tvisOrder: 6,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields()],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"buttonGroup\",\n\t\t\t\t\tlabel: \"button_group\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"string\", \"number\", \"boolean\", \"mixed\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...buttonGroupFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"active\",\n\t\t\t\t\tlabel: \"group_active\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"Active\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-button-group.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn ButtonGroupCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t// So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t// then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t// then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() {}\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) {}\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<ButtonGroupCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default ButtonGroupCollectionWidget;\n"],"names":["buttonGroupFields","type","component","_jsx","CollectionDivider","name","label","hidden","options","value","default","_oidObject$common","oidObject","widget","useContext","CollectionContext","data","states","activeIndex","useData","fontStyles","textStyles","useStyles","style","oidValue","useOidValue","setOidValueState","useValueState","buttonGroupVariant","buttonGroupOrientation","oidType","common","isValidType","_jsxs","CollectionBase","bgActive","children","CollectionBaseImage","Box","sx","width","height","display","ToggleButtonGroup","exclusive","disabled","fullWidth","variant","orientation","flexDirection","justifyContent","alignItems","borderTopWidth","borderLeftWidth","borderRightWidth","borderBottomWidth","borderColor","buttonGroupColor","alpha","borderRadius","basePadding","map","_ref","index","ToggleButton","p","color","iconColorActive","concat","textColorActive","textColor","background","String","backgroundColorActive","backgroundColor","backgroundActive","filter","iconHoverActive","iconHover","onClick","onlyText","iconActive","iconSmallActive","icon","overflow","src","alt","position","bottom","iconYOffsetActive","left","iconXOffsetActive","objectFit","iconSizeActive","iconColor","transform","onlyIcon","pt","Typography","contentEditable","dangerouslySetInnerHTML","__html","aliasActive","replace","unit","noWrap","_objectSpread","textTransform","fontSize","valueSizeActive","valueSize","ButtonGroupCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","commonObjectFields","delayFields","groupName","allFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","mode","context","themeType","socket","theme","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","ButtonGroupCollection"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_CheckboxCollectionWidget_CheckboxCollectionWidget_jsx.e620a011.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkiobroker_vis_widgets_react_collection=self.webpackChunkiobroker_vis_widgets_react_collection\|\|[]).push([["src_CheckboxCollectionWidget_CheckboxCollectionWidget_jsx"],{6047:(e,t,o)=>{o.r(t),o.d(t,{default:()=>S});var i=o(7051),l=o(8437),a=o(6211),n=o(900),c=o(4376),s=o(579);const d=()=>[{type:"custom",component:()=>(0,s.jsx)(c.A,{dividerText:"label"})},{name:"withoutLabel",label:"without_label",type:"checkbox",default:!1},{name:"checkboxLabelPlacement",label:"checkbox_label_placement",type:"select",options:[{value:"top",label:"checkbox_top"},{value:"bottom",label:"checkbox_bottom"},{value:"start",label:"checkbox_start"},{value:"end",label:"checkbox_end"}],default:"end",hidden:"data.withoutLabel"},{type:"custom",component:()=>(0,s.jsx)(c.A,{})},{name:"onlyDisplay",type:"checkbox",label:"only_display",disabled:"!data.write",default:"!data.write",hidden:"!data.write"}];var r=o(8679),h=o(375),p=o(5006),x=o(7085),b=o(4657),g=o(6061),y=o(6016),u=o(2152),m=o(4692),v=o(5001),C=o(5702),A=o(2671);const w=function(){var e;const[t,o]=(0,l.useState)(null),{oidObject:a,widget:n}=(0,l.useContext)(y.C),{textStyles:c,fontStyles:d}=(0,C.A)(n.style),{data:r}=(0,u.A)("oid"),h=(0,v.A)("oid"),p=(0,A.A)("oid"),w="boolean"===(null===a\|\|void 0===a\|\|null===(e=a.common)\|\|void 0===e?void 0:e.type);return(0,m.A)(t,h,n,r),(0,s.jsxs)(b.A,{isValidType:w,data:r,oidValue:h,children:[(0,s.jsx)(g.A,{data:r,widget:n}),(0,s.jsx)(x.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:void 0!==h&&(0,s.jsx)(x.FormControlLabel,{labelPlacement:n.data.checkboxLabelPlacement,sx:{width:"100%",height:"100%",display:"flex","&.MuiFormControlLabel-labelPlacementStart":{m:0},"&.MuiFormControlLabel-labelPlacementEnd":{m:0},"&.MuiFormControlLabel-labelPlacementTop":{m:0},"&.MuiFormControlLabel-labelPlacementBottom":{m:0}},control:(0,s.jsx)(x.Checkbox,{disabled:n.data.onlyDisplay,disableRipple:!0,checked:h,onChange:()=>p(!h),checkedIcon:(0,s.jsx)("img",{alt:"",src:r.iconActive\|\|"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSAzSDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJWNWEyIDIgMCAwIDAtMi0yem0tOSAxNGwtNS01bDEuNDEtMS40MUwxMCAxNC4xN2w3LjU5LTcuNTlMMTkgOGwtOSA5eiIvPjwvc3ZnPg==",style:{width:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",height:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",objectFit:"contain",color:r.iconColorActive\|\|r.iconColor,filter:r.iconColorActive\|\|r.iconColor?"drop-shadow(0px 10000px 0)":null,transform:r.iconColorActive\|\|r.iconColor?"translateY(-10000px)":null}}),icon:(0,s.jsx)("img",{alt:"",src:r.iconActive\|\|"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSA1djE0SDVWNWgxNG0wLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPjwvc3ZnPg==",style:{width:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",height:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",objectFit:"contain",color:r.iconColorActive\|\|r.iconColor,filter:r.iconColorActive\|\|r.iconColor?"drop-shadow(0px 10000px 0)":null,transform:r.iconColorActive\|\|r.iconColor?"translateY(-10000px)":null}}),sx:{width:"100%",height:"100%",flexGrow:1,p:0,"& .MuiSvgIcon-root":{width:"100%",height:"100%"}}}),label:!n.data.withoutLabel&&(0,s.jsx)(x.Typography,{component:x.Box,ref:o,variant:"body2",sx:(0,i.A)((0,i.A)((0,i.A)({},d),c),{},{fontSize:r.valueSizeActive\|\|r.valueSize,textAlign:"left",bgcolor:"transparent",color:r.textColorActive\|\|r.textColor,textTransform:"none",p:.5,width:"100%",height:"100%",flexGrow:1,alignContent:"center"})})})})]})};class I extends a.A{static getWidgetInfo(){return{id:"tplCheckboxCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"CheckboxCollectionWidget",visWidgetLabel:"checkbox_collection_widget",visOrder:1,visAttrs:[{name:"common",fields:[...(0,r.A)({groupName:"",allFields:!0})]},{name:"checkbox",label:"group_checkbox",fields:[...(0,h.A)(["boolean"]),...(0,p.A)(),...d()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,r.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-checkbox.png"}}getWidgetInfo(){return I.getWidgetInfo()}async propertiesUpdate(){const e=JSON.stringify(this.state.rxData);this.lastRxData!==e&&(this.lastRxData=e,await this.createStateObjectAsync("oid"))}async onRxDataChanged(e){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(e,t){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(e){super.renderWidgetBody(e);const t={id:e.id,refService:e.refService,style:e.style,widget:(0,i.A)((0,i.A)({},e.widget),{},{data:this.state.rxData,style:this.state.rxStyle}),setValue:this.setValue,setState:this.setState.bind(this),oidObject:this.state.oidObject,values:this.state.values,isSignalVisible:this.isSignalVisible.bind(this),getPropertyValue:this.getPropertyValue.bind(this),mode:this.props.context.themeType,socket:this.props.context.socket,theme:this.props.context.theme,wrappedContent:this.wrappedContent};return e.widget.data.noCard\|\|e.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,n.A)(this.wrapContent((0,s.jsx)(w,{})),t)}}const S=I},4692:(e,t,o)=>{o.d(t,{A:()=>l});var i=o(8437);const l=(e,t,o,l)=>{const a=("string"===typeof t\|\|"number"===typeof t\|\|"boolean"===typeof t)&&"".concat(t).concat(void 0!==o.data.unit?o.data.unit:""),n=l.alias\|\|l.value\|\|a;(0,i.useEffect)((()=>{void 0!==n&&e&&(e.innerHTML=n)}),[n,e])}}}]);
2	+ //# sourceMappingURL=src_CheckboxCollectionWidget_CheckboxCollectionWidget_jsx.e620a011.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_CheckboxCollectionWidget_CheckboxCollectionWidget_jsx.e620a011.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_CheckboxCollectionWidget_CheckboxCollectionWidget_jsx.e620a011.chunk.js","mappings":"iTAEA,MAsCA,EAtCuBA,IAAM,CAC5B,CACCC,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,CAACC,YAAY,WAEjD,CACCC,KAAM,eACNC,MAAO,gBACPN,KAAM,WACNO,SAAS,GAEV,CACCF,KAAM,yBACNC,MAAO,2BACPN,KAAM,SACNQ,QAAS,CACR,CAAEC,MAAO,MAAOH,MAAO,gBACvB,CAAEG,MAAO,SAAUH,MAAO,mBAC1B,CAAEG,MAAO,QAASH,MAAO,kBACzB,CAAEG,MAAO,MAAOH,MAAO,iBAExBC,QAAS,MACTG,OAAQ,qBAET,CACCV,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCE,KAAM,cACNL,KAAM,WACNM,MAAO,eACPK,SAAU,cACVJ,QAAS,cACTG,OAAQ,gB,2HCyIV,QA5JA,WAA+B,IAADE,EAC7B,MAAOC,EAAYC,IAAiBC,EAAAA,EAAAA,UAAS,OACvC,UAAEC,EAAS,OAAEC,IAAWC,EAAAA,EAAAA,YAAWC,EAAAA,IACnC,WAAEC,EAAU,WAAEC,IAAeC,EAAAA,EAAAA,GAAUL,EAAOM,QAC9C,KAAEC,IAASC,EAAAA,EAAAA,GAAQ,OACnBC,GAAWC,EAAAA,EAAAA,GAAY,OACvBC,GAAmBC,EAAAA,EAAAA,GAAc,OAIjCC,EAA0B,aAFP,OAATd,QAAS,IAATA,GAAiB,QAARJ,EAATI,EAAWe,cAAM,IAAAnB,OAAR,EAATA,EAAmBZ,MAMnC,OAFAgC,EAAAA,EAAAA,GAAanB,EAAYa,EAAUT,EAAQO,IAG1CS,EAAAA,EAAAA,MAACC,EAAAA,EAAc,CAACJ,YAAaA,EAAaN,KAAMA,EAAME,SAAUA,EAASS,SAAA,EACxEjC,EAAAA,EAAAA,KAACkC,EAAAA,EAAmB,CAACZ,KAAMA,EAAMP,OAAQA,KAEzCf,EAAAA,EAAAA,KAACmC,EAAAA,IAAG,CACHC,GAAI,CACHC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTC,eAAgB,SAChBC,WAAY,UACXR,cAEYS,IAAblB,IACAxB,EAAAA,EAAAA,KAAC2C,EAAAA,iBAAgB,CAChBC,eAAgB7B,EAAOO,KAAKuB,uBAC5BT,GAAI,CACHC,MAAO,OACPC,OAAQ,OAERC,QAAS,OAET,4CAA6C,CAC5CO,EAAG,GAEJ,0CAA2C,CAC1CA,EAAG,GAEJ,0CAA2C,CAC1CA,EAAG,GAEJ,6CAA8C,CAC7CA,EAAG,IAGLC,SACC/C,EAAAA,EAAAA,KAACgD,EAAAA,SAAQ,CACRvC,SAAUM,EAAOO,KAAK2B,YACtBC,eAAa,EACbC,QAAS3B,EACT4B,SAAUA,IAAM1B,GAAkBF,GAClC6B,aACCrD,EAAAA,EAAAA,KAAA,OACCsD,IAAI,GACJC,IAAKjC,EAAKkC,YA9DnB,qWA+DSnC,MAAO,CACNgB,MAC+B,kBAAtBf,EAAKmC,cAAyB,eAAAC,OACtBpC,EAAKmC,aAAY,YACjC,OACDnB,OAC+B,kBAAtBhB,EAAKmC,cAAyB,eAAAC,OACtBpC,EAAKmC,aAAY,YACjC,OAEDE,UAAW,UAEXC,MAAOtC,EAAKuC,iBAAmBvC,EAAKwC,UACpCC,OACCzC,EAAKuC,iBAAmBvC,EAAKwC,UAC1B,6BACA,KACJE,UACC1C,EAAKuC,iBAAmBvC,EAAKwC,UAC1B,uBACA,QAIPG,MACCjE,EAAAA,EAAAA,KAAA,OACCsD,IAAI,GACJC,IAAKjC,EAAKkC,YAxFnB,yTAyFSnC,MAAO,CACNgB,MAC+B,kBAAtBf,EAAKmC,cAAyB,eAAAC,OACtBpC,EAAKmC,aAAY,YACjC,OACDnB,OAC+B,kBAAtBhB,EAAKmC,cAAyB,eAAAC,OACtBpC,EAAKmC,aAAY,YACjC,OAEDE,UAAW,UAEXC,MAAOtC,EAAKuC,iBAAmBvC,EAAKwC,UACpCC,OACCzC,EAAKuC,iBAAmBvC,EAAKwC,UAC1B,6BACA,KACJE,UACC1C,EAAKuC,iBAAmBvC,EAAKwC,UAC1B,uBACA,QAIP1B,GAAI,CACHC,MAAO,OACPC,OAAQ,OAER4B,SAAU,EAEVC,EAAG,EAEH,qBAAsB,CACrB9B,MAAO,OACPC,OAAQ,WAKZlC,OACEW,EAAOO,KAAK8C,eACZpE,EAAAA,EAAAA,KAACqE,EAAAA,WAAU,CACVtE,UAAWoC,EAAAA,IACXmC,IAAK1D,EACL2D,QAAQ,QACRnC,IAAEoC,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACErD,GACAD,GAAU,IACbuD,SAAUnD,EAAKoD,iBAAmBpD,EAAKqD,UACvCC,UAAW,OACXC,QAAS,cACTjB,MAAOtC,EAAKwD,iBAAmBxD,EAAKyD,UACpCC,cAAe,OACfb,EAAG,GACH9B,MAAO,OACPC,OAAQ,OACR4B,SAAU,EACVe,aAAc,mBAUxB,EClKA,MAAMC,UAAiCC,EAAAA,EACtC,oBAAOC,GACN,MAAO,CACNC,GAAI,8BACJC,OAAQ,2BACRC,YAAa,qBACbC,QAAS,2BACTC,eAAgB,6BAChBC,SAAU,EACVC,SAAU,CACT,CACCxF,KAAM,SACNyF,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEC,UAAW,GAAIC,WAAW,MAEtD,CACC5F,KAAM,WACNC,MAAO,iBACPwF,OAAQ,KACJI,EAAAA,EAAAA,GAAmB,CAAC,gBACpBC,EAAAA,EAAAA,QACApG,MAIL,CACCM,KAAM,SACNC,MAAO,SACP8F,UAAW,EACXC,QAAS,eACTP,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEC,UAAW,GAAIC,WAAW,OAIvDK,gBAAiB,CAChB/D,MAAO,OACPC,OAAQ,QACR+D,SAAU,YAEXC,QACC,oEAEH,CAIAlB,aAAAA,GACC,OAAOF,EAAyBE,eACjC,CAGA,sBAAMmB,GAWL,MAAMC,EAAeC,KAAKC,UAAUC,KAAKC,MAAMC,QAC3CF,KAAKG,aAAeN,IAGxBG,KAAKG,WAAaN,QAEZG,KAAKI,uBAAuB,OACnC,CAGA,qBAAMC,CAAgBC,SACfN,KAAKJ,kBACZ,CAIAW,gBAAAA,GAAoB,CAIpBC,cAAAA,CAAe9B,EAAIuB,GAAQ,CAE3B,uBAAMQ,GACLC,MAAMD,0BAEAT,KAAKJ,kBACZ,CAEAe,gBAAAA,CAAiBC,GAChBF,MAAMC,iBAAiBC,GAEvB,MAAMC,EAAoB,CACzBnC,GAAIkC,EAAMlC,GACVoC,WAAYF,EAAME,WAClBpG,MAAOkG,EAAMlG,MACbN,QAAMyD,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACF+C,EAAMxG,QAAM,IACfO,KAAMqF,KAAKC,MAAMC,OACjBxF,MAAOsF,KAAKC,MAAMc,UAEnBC,SAAUhB,KAAKgB,SACfC,SAAUjB,KAAKiB,SAASC,KAAKlB,MAC7B7F,UAAW6F,KAAKC,MAAM9F,UACtBgH,OAAQnB,KAAKC,MAAMkB,OACnBC,gBAAiBpB,KAAKoB,gBAAgBF,KAAKlB,MAC3CqB,iBAAkBrB,KAAKqB,iBAAiBH,KAAKlB,MAC7CsB,KAAMtB,KAAKY,MAAMW,QAAQC,UACzBC,OAAQzB,KAAKY,MAAMW,QAAQE,OAC3BC,MAAO1B,KAAKY,MAAMW,QAAQG,MAE1BC,eAAgB3B,KAAK2B,gBAStB,OANIf,EAAMxG,OAAOO,KAAKiH,QAAUhB,EAAMxG,OAAOyH,aAC5C7B,KAAK2B,gBAAiB,EAEtB3B,KAAK2B,gBAAiB,GAGhBG,EAAAA,EAAAA,GACN9B,KAAK+B,aAAY1I,EAAAA,EAAAA,KAAC2I,EAAkB,KACpCnB,EAEF,EAGD,S,gDCtIA,MAeA,EAfqB1F,CAACnB,EAAYa,EAAUT,EAAQO,KACnD,MAAMsH,GACgB,kBAAbpH,GACa,kBAAbA,GACa,mBAAbA,IAAsB,GAAAkC,OAC3BlC,GAAQkC,YAAwBhB,IAArB3B,EAAOO,KAAKuH,KAAqB9H,EAAOO,KAAKuH,KAAO,IAE7DC,EAAexH,EAAKyH,OAASzH,EAAKf,OAASqI,GAEjDI,EAAAA,EAAAA,YAAU,UACYtG,IAAjBoG,GAA+BnI,IACnCA,EAAWsI,UAAYH,EAAY,GACjC,CAACA,EAAcnI,GAAY,C","sources":["lib/checkboxFields.jsx","CheckboxCollectionWidget/CheckboxCollection.jsx","CheckboxCollectionWidget/CheckboxCollectionWidget.jsx","hooks/useHtmlValue.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst checkboxFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider dividerText=\"label\" />,\n\t},\n\t{\n\t\tname: \"withoutLabel\",\n\t\tlabel: \"without_label\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tname: \"checkboxLabelPlacement\",\n\t\tlabel: \"checkbox_label_placement\",\n\t\ttype: \"select\",\n\t\toptions: [\n\t\t\t{ value: \"top\", label: \"checkbox_top\" },\n\t\t\t{ value: \"bottom\", label: \"checkbox_bottom\" },\n\t\t\t{ value: \"start\", label: \"checkbox_start\" },\n\t\t\t{ value: \"end\", label: \"checkbox_end\" },\n\t\t],\n\t\tdefault: \"end\",\n\t\thidden: \"data.withoutLabel\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyDisplay\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_display\",\n\t\tdisabled: \"!data.write\",\n\t\tdefault: \"!data.write\",\n\t\thidden: \"!data.write\",\n\t},\n];\n\nexport default checkboxFields;\n","import { Box, Typography } from \"@mui/material\";\nimport { Checkbox, FormControlLabel } from \"@mui/material\";\nimport React, { useContext, useState } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useHtmlValue from \"../hooks/useHtmlValue\";\nimport useOidValue from \"../hooks/useOidValue\";\nimport useStyles from \"../hooks/useStyles\";\nimport useValueState from \"../hooks/useValueState\";\n\nconst defaultIconTrue =\n\t\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSAzSDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJWNWEyIDIgMCAwIDAtMi0yem0tOSAxNGwtNS01bDEuNDEtMS40MUwxMCAxNC4xN2w3LjU5LTcuNTlMMTkgOGwtOSA5eiIvPjwvc3ZnPg==\";\nconst defaultIconFalse =\n\t\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSA1djE0SDVWNWgxNG0wLTJINWMtMS4xIDAtMiAuOS0yIDJ2MTRjMCAxLjEuOSAyIDIgMmgxNGMxLjEgMCAyLS45IDItMlY1YzAtMS4xLS45LTItMi0yeiIvPjwvc3ZnPg==\";\n\nfunction CheckboxCollection() {\n\tconst [contentRef, setContentRef] = useState(null);\n\tconst { oidObject, widget } = useContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data } = useData(\"oid\");\n\tconst oidValue = useOidValue(\"oid\");\n\tconst setOidValueState = useValueState(\"oid\");\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType = oidType === \"boolean\";\n\n\tuseHtmlValue(contentRef, oidValue, widget, data);\n\n\treturn (\n\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{oidValue !== undefined && (\n\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\tlabelPlacement={widget.data.checkboxLabelPlacement}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\n\t\t\t\t\t\t\t\"&.MuiFormControlLabel-labelPlacementStart\": {\n\t\t\t\t\t\t\t\tm: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"&.MuiFormControlLabel-labelPlacementEnd\": {\n\t\t\t\t\t\t\t\tm: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"&.MuiFormControlLabel-labelPlacementTop\": {\n\t\t\t\t\t\t\t\tm: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"&.MuiFormControlLabel-labelPlacementBottom\": {\n\t\t\t\t\t\t\t\tm: 0,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcontrol={\n\t\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\t\tdisabled={widget.data.onlyDisplay}\n\t\t\t\t\t\t\t\tdisableRipple\n\t\t\t\t\t\t\t\tchecked={oidValue}\n\t\t\t\t\t\t\t\tonChange={() => setOidValueState(!oidValue)}\n\t\t\t\t\t\t\t\tcheckedIcon={\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\tsrc={data.iconActive || defaultIconTrue}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\n\t\t\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\n\t\t\t\t\t\t\t\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\tsrc={data.iconActive || defaultIconFalse}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\n\t\t\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\n\t\t\t\t\t\t\t\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\n\t\t\t\t\t\t\t\t\tp: 0,\n\n\t\t\t\t\t\t\t\t\t\"& .MuiSvgIcon-root\": {\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t!widget.data.withoutLabel && (\n\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\tcomponent={Box}\n\t\t\t\t\t\t\t\t\tref={setContentRef}\n\t\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\t\tfontSize: data.valueSizeActive || data.valueSize,\n\t\t\t\t\t\t\t\t\t\ttextAlign: \"left\",\n\t\t\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\t\t\tcolor: data.textColorActive || data.textColor,\n\t\t\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\t\t\t\t\t\t\t\t\t\tp: 0.5,\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\talignContent: \"center\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default CheckboxCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport checkboxFields from \"../lib/checkboxFields\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport CheckboxCollection from \"./CheckboxCollection\";\n\nclass CheckboxCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplCheckboxCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"CheckboxCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"checkbox_collection_widget\", // Label for widget\n\t\t\tvisOrder: 1,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: true })],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"checkbox\", // group name\n\t\t\t\t\tlabel: \"group_checkbox\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"boolean\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...checkboxFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-checkbox.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn CheckboxCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t// So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t// then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t// then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\n\t\t// console.log(\"inside propertiesUpdate\", this.state.values);\n\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() {}\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) {}\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<CheckboxCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default CheckboxCollectionWidget;\n","import { useEffect } from \"react\";\n\nconst useHtmlValue = (contentRef, oidValue, widget, data) => {\n\tconst oidValueUnit =\n\t\t(typeof oidValue === \"string\" ||\n\t\t\ttypeof oidValue === \"number\" ||\n\t\t\ttypeof oidValue === \"boolean\") &&\n\t\t`${oidValue}${widget.data.unit !== undefined ? widget.data.unit : \"\"}`;\n\n\tconst contentValue = data.alias || data.value || oidValueUnit;\n\n\tuseEffect(() => {\n\t\tif (contentValue === undefined || !contentRef) return;\n\t\tcontentRef.innerHTML = contentValue;\n\t}, [contentValue, contentRef]);\n};\n\nexport default useHtmlValue;\n"],"names":["checkboxFields","type","component","_jsx","CollectionDivider","dividerText","name","label","default","options","value","hidden","disabled","_oidObject$common","contentRef","setContentRef","useState","oidObject","widget","useContext","CollectionContext","textStyles","fontStyles","useStyles","style","data","useData","oidValue","useOidValue","setOidValueState","useValueState","isValidType","common","useHtmlValue","_jsxs","CollectionBase","children","CollectionBaseImage","Box","sx","width","height","display","justifyContent","alignItems","undefined","FormControlLabel","labelPlacement","checkboxLabelPlacement","m","control","Checkbox","onlyDisplay","disableRipple","checked","onChange","checkedIcon","alt","src","iconActive","iconSizeOnly","concat","objectFit","color","iconColorActive","iconColor","filter","transform","icon","flexGrow","p","withoutLabel","Typography","ref","variant","_objectSpread","fontSize","valueSizeActive","valueSize","textAlign","bgcolor","textColorActive","textColor","textTransform","alignContent","CheckboxCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","delayFields","indexFrom","indexTo","visDefaultStyle","position","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","mode","context","themeType","socket","theme","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","CheckboxCollection","oidValueUnit","unit","contentValue","alias","useEffect","innerHTML"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_DialogCollectionWidget_DialogCollectionWidget_jsx.a8b41828.chunk.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";(self.webpackChunkiobroker_vis_widgets_react_collection=self.webpackChunkiobroker_vis_widgets_react_collection\|\|[]).push([["src_DialogCollectionWidget_DialogCollectionWidget_jsx"],{2840:(t,e,o)=>{o.r(e),o.d(e,{default:()=>_});var a=o(7051),l=o(8437),i=o(6211),n=o(900),d=o(8679),s=o(4376),r=o(579);const c=()=>[{name:"view",label:"view",type:"select-views",multiple:!1},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"dialogAutoClose",label:"dialog_auto_close",type:"slider",min:0,max:3e4,step:100},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"oid",type:"id",label:"oid",tooltip:"dialog_set_oid_tooltip"},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"dialogHeaderAsTitle",label:"dialog_header_as_title",type:"checkbox",default:!1},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"dialogWidth",label:"dialog_width",type:"slider",min:1,max:100,default:100,step:1},{name:"dialogHeight",label:"dialog_height",type:"slider",min:1,max:100,default:100,step:1},{name:"dialogInPixel",label:"dialog_in_pixel",type:"checkbox",default:!1},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"dialogBackgroundColor",label:"background_color",type:"color"},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{dividerText:"dialog_button"})},{name:"value",label:"dialog_text",type:"html",default:""},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"dialogCloseButtonTop",label:"dialog_close_button_top",type:"checkbox",default:!1},{name:"dialogCloseButtonBottom",label:"dialog_close_button_bottom",type:"checkbox",default:!1},{name:"dialogCloseButtonColor",label:"dialog_close_button_color",type:"color"},{label:"",type:"custom",component:()=>(0,r.jsx)(s.A,{})},{name:"onlyIcon",label:"only_icon",type:"checkbox",default:!1,hidden:"data.onlyText"},{name:"onlyText",label:"only_text",type:"checkbox",default:!1,hidden:"data.onlyIcon"}];var g=o(7085),p=o(4535),u=o(4657),h=o(6016),x=o(2152),y=o(4692),m=o(5702),f=o(4802),b=o(8565);function A(t){var e;let{open:o,handleClose:i,widget:n,data:d,getWidgetView:s,fontStyles:c,textStyles:p}=t;const h=(0,l.useRef)(null),[x,y]=(0,l.useState)(null),m=null===(e=h.current)\|\|void 0===e?void 0:e.header;(0,l.useEffect)((()=>{n.data.dialogHeaderAsTitle&&m&&x&&(n.data.dialogHeaderAsTitle&&(m.style.width="0px",m.style.height="0px"),x.innerHTML=n.data.header,x.style.height="auto",x.style.width="auto")}),[m,x,n.data.header,n.data.dialogHeaderAsTitle]);const A=(0,r.jsx)(g.IconButton,{sx:{alignSelf:"flex-end",filter:"brightness(1.5)",color:t=>n.data.dialogCloseButtonColor\|\|d.frameBackgroundColor\|\|t.palette.background.primary},"aria-label":"delete",onClick:i,children:(0,r.jsx)(f.A,{})});return(0,r.jsx)(g.Modal,{onClose:i,open:o,sx:{display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:n.data.dialogBackgroundColor\|\|"inherit"},children:(0,r.jsx)(g.Box,{sx:{width:n.data.dialogInPixel?"".concat(n.data.dialogWidth,"px"):"".concat(n.data.dialogWidth,"%"),height:n.data.dialogInPixel?"".concat(n.data.dialogHeight,"px"):"".concat(n.data.dialogHeight,"%")},children:(0,r.jsxs)(u.A,{ref:h,data:d,sx:{flexDirection:"column",background:d.backgroundColor\|\|d.background},children:[(0,r.jsxs)(g.Box,{sx:{position:"relative",width:"100%",height:"auto",display:"flex",justifyContent:"flex-end",alignItems:"center",p:n.data.dialogCloseButtonTop\|\|!n.data.dialogHeaderAsTitle?0:2},children:[(0,r.jsx)(g.Box,{sx:{position:"absolute",left:0,width:"100%"},children:(0,r.jsx)(g.Typography,{ref:y,noWrap:!0,variant:"body2",sx:(0,a.A)((0,a.A)((0,a.A)({},c),p),{},{fontSize:d.headerSize,color:d.textColor,px:n.data.dialogCloseButtonTop?4:0})})}),n.data.dialogCloseButtonTop&&A]}),n.data.dialogCloseButtonTop&&(0,r.jsx)(g.Divider,{sx:{width:"100%",opacity:"0.5",background:t=>d.frameBackgroundColor\|\|t.palette.background.primary}}),(0,r.jsx)(g.Box,{sx:{"::-webkit-scrollbar-track":{background:t=>d.frameBackgroundColor&&(0,b.alpha)(d.frameBackgroundColor,.5)},"::-webkit-scrollbar-thumb":{opacity:"0.5",background:t=>d.frameBackgroundColor&&(0,b.alpha)(d.frameBackgroundColor,.7)},position:"relative",overflow:"auto",width:"100%",height:"100%"},children:s(n.data.view,{style:{}})}),n.data.dialogCloseButtonBottom&&(0,r.jsx)(g.Divider,{sx:{width:"100%",opacity:"0.5",background:t=>d.frameBackgroundColor\|\|t.palette.background.default}}),n.data.dialogCloseButtonBottom&&A]})})})}const C=(0,p.Ay)(g.ButtonBase)({width:"100% !important",height:"100% !important",display:"flex",justifyContent:"center",alignItems:"center"});const v=function(){var t;const[e,o]=(0,l.useState)(!1),i=(0,l.useRef)(null),[n,d]=(0,l.useState)(null),{oidObject:s,widget:c,getWidgetView:p,setValue:f}=(0,l.useContext)(h.C),{textStyles:b,fontStyles:v}=(0,m.A)(c.style),{data:w}=(0,x.A)("oid");(0,y.A)(n,"",c,w);const _=null===s\|\|void 0===s?void 0:s._id,j="boolean"===(null===s\|\|void 0===s\|\|null===(t=s.common)\|\|void 0===t?void 0:t.type)\|\|!c.data.oid\|\|"nothing_selected"===c.data.oid;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(A,{open:e,handleClose:()=>{i.current&&(clearTimeout(i.current),i.current=null),f(_,!1),o(!1)},widget:c,data:w,getWidgetView:p,fontStyles:v,textStyles:b}),(0,r.jsx)(u.A,{isValidType:j,data:w,children:(0,r.jsx)(g.Box,{sx:{width:"100%",height:"100%",display:"flex"},children:(0,r.jsxs)(C,{onClick:()=>{f(_,!0),(()=>{let t=c.data.dialogAutoClose;null!==t&&void 0!==t&&""!==t?(!0!==t&&"true"!==t\|\|(t=1e4),t=parseInt(t,10),t<60&&(t=1e3),t=t\|\|1e3,i.current=setTimeout((()=>{i.current=null,f(_,!1),o(!1)}),t),o(!0)):o(!0)})()},sx:{"& .MuiTouchRipple-root span":{color:w.iconColor}},children:[c.data.onlyIcon\|\|!c.data.onlyText&&!c.data.onlyIcon?(0,r.jsx)(g.Box,{sx:{overflow:"hidden",p:.5,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,r.jsx)("img",{alt:"",src:w.icon\|\|"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",style:{position:"relative",objectFit:"contain",top:"calc(0px - ".concat(c.data.iconYOffset,")"),right:"calc(0px - ".concat(c.data.iconXOffset,")"),width:"number"===typeof w.iconSizeOnly&&"calc(100% ".concat(w.iconSizeOnly," / 100)")\|\|"100%",height:"number"===typeof w.iconSizeOnly&&"calc(100% * ".concat(w.iconSizeOnly," / 100)")\|\|"100%",color:w.iconColor,filter:w.iconColor?"drop-shadow(0px 10000px 0)":null,transform:w.iconColor?"translateY(-10000px)":null}})}):null,c.data.onlyText\|\|!c.data.onlyText&&!c.data.onlyIcon?(0,r.jsx)(g.Typography,{ref:d,variant:"body2",sx:(0,a.A)((0,a.A)((0,a.A)({overflow:"hidden",width:"100%",height:"100%",p:.5,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},v),b),{},{fontSize:w.valueSize,color:w.textColor,textTransform:"none"})}):null]})})})]})};class w extends i.A{static getWidgetInfo(){return{id:"tplDialogCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"DialogCollectionWidget",visWidgetLabel:"dialog_collection_widget",visOrder:8,visAttrs:[{name:"common",fields:[...(0,d.A)({groupName:"",allFields:!0})]},{name:"dialog",label:"group_dialog",fields:[...c()]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-dialog.png"}}getWidgetInfo(){return w.getWidgetInfo()}async propertiesUpdate(){const t=JSON.stringify(this.state.rxData);this.lastRxData!==t&&(this.lastRxData=t,await this.createStateObjectAsync("oid"))}async onRxDataChanged(t){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,e){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(t){super.renderWidgetBody(t);const e={id:t.id,refService:t.refService,style:t.style,widget:(0,a.A)((0,a.A)({},t.widget),{},{data:this.state.rxData,style:this.state.rxStyle}),setValue:this.setValue,setState:this.setState.bind(this),oidObject:this.state.oidObject,values:this.state.values,isSignalVisible:this.isSignalVisible.bind(this),getPropertyValue:this.getPropertyValue.bind(this),mode:this.props.context.themeType,socket:this.props.context.socket,theme:this.props.context.theme,getWidgetView:this.getWidgetView.bind(this),wrappedContent:this.wrappedContent};return t.widget.data.noCard\|\|t.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,n.A)(this.wrapContent((0,r.jsx)(v,{})),e)}}const _=w},4692:(t,e,o)=>{o.d(e,{A:()=>l});var a=o(8437);const l=(t,e,o,l)=>{const i=("string"===typeof e\|\|"number"===typeof e\|\|"boolean"===typeof e)&&"".concat(e).concat(void 0!==o.data.unit?o.data.unit:""),n=l.alias\|\|l.value\|\|i;(0,a.useEffect)((()=>{void 0!==n&&t&&(t.innerHTML=n)}),[n,t])}},4802:(t,e,o)=>{var a=o(2613);e.A=void 0;var l=a(o(39)),i=o(579);e.A=(0,l.default)((0,i.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Close")}}]);
2	+ //# sourceMappingURL=src_DialogCollectionWidget_DialogCollectionWidget_jsx.a8b41828.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_DialogCollectionWidget_DialogCollectionWidget_jsx.a8b41828.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_DialogCollectionWidget_DialogCollectionWidget_jsx.a8b41828.chunk.js","mappings":"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","sources":["lib/dialogFields.jsx","DialogCollectionWidget/ViewDialog.jsx","DialogCollectionWidget/DialogCollection.jsx","DialogCollectionWidget/DialogCollectionWidget.jsx","hooks/useHtmlValue.js","../node_modules/@mui/icons-material/Close.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst dialogFields = () => [\n\t{\n\t\tname: \"view\",\n\t\tlabel: \"view\",\n\t\ttype: \"select-views\",\n\t\tmultiple: false,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"dialogAutoClose\",\n\t\tlabel: \"dialog_auto_close\",\n\t\ttype: \"slider\",\n\t\tmin: 0,\n\t\tmax: 30000,\n\t\tstep: 100,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"oid\",\n\t\ttype: \"id\",\n\t\tlabel: \"oid\",\n\t\ttooltip: \"dialog_set_oid_tooltip\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"dialogHeaderAsTitle\",\n\t\tlabel: \"dialog_header_as_title\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"dialogWidth\",\n\t\tlabel: \"dialog_width\",\n\t\ttype: \"slider\",\n\t\tmin: 1,\n\t\tmax: 100,\n\t\tdefault: 100,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"dialogHeight\",\n\t\tlabel: \"dialog_height\",\n\t\ttype: \"slider\",\n\t\tmin: 1,\n\t\tmax: 100,\n\t\tdefault: 100,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"dialogInPixel\",\n\t\tlabel: \"dialog_in_pixel\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"dialogBackgroundColor\",\n\t\tlabel: \"background_color\",\n\t\ttype: \"color\",\n\t},\n\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider dividerText=\"dialog_button\" />,\n\t},\n\t{\n\t\tname: \"value\",\n\t\tlabel: \"dialog_text\",\n\t\ttype: \"html\",\n\t\tdefault: \"\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"dialogCloseButtonTop\",\n\t\tlabel: \"dialog_close_button_top\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tname: \"dialogCloseButtonBottom\",\n\t\tlabel: \"dialog_close_button_bottom\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tname: \"dialogCloseButtonColor\",\n\t\tlabel: \"dialog_close_button_color\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyIcon\",\n\t\tlabel: \"only_icon\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t\thidden: \"data.onlyText\",\n\t},\n\t{\n\t\tname: \"onlyText\",\n\t\tlabel: \"only_text\",\n\t\ttype: \"checkbox\",\n\t\tdefault: false,\n\t\thidden: \"data.onlyIcon\",\n\t},\n];\n\nexport default dialogFields;\n","import CloseIcon from \"@mui/icons-material/Close\";\nimport { Box, Divider, IconButton, Modal, Typography } from \"@mui/material\";\nimport { alpha } from \"@mui/material/styles\";\nimport React, { useRef, useState, useEffect } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\n\nexport default function ViewDialog({\n\topen,\n\thandleClose,\n\twidget,\n\tdata,\n\tgetWidgetView,\n\tfontStyles,\n\ttextStyles,\n}) {\n\tconst baseRef = useRef(null);\n\tconst [titleRef, setTitleRef] = useState(null);\n\n\tconst header = baseRef.current?.header;\n\n\tuseEffect(() => {\n\t\tif (!widget.data.dialogHeaderAsTitle) return;\n\n\t\tif (header && titleRef) {\n\t\t\tif (widget.data.dialogHeaderAsTitle) {\n\t\t\t\theader.style.width = \"0px\";\n\t\t\t\theader.style.height = \"0px\";\n\t\t\t}\n\n\t\t\ttitleRef.innerHTML = widget.data.header;\n\t\t\ttitleRef.style.height = \"auto\";\n\t\t\ttitleRef.style.width = \"auto\";\n\t\t}\n\t}, [header, titleRef, widget.data.header, widget.data.dialogHeaderAsTitle]);\n\n\tconst iconButton = (\n\t\t<IconButton\n\t\t\tsx={{\n\t\t\t\talignSelf: \"flex-end\",\n\n\t\t\t\tfilter: \"brightness(1.5)\",\n\t\t\t\tcolor: (theme) =>\n\t\t\t\t\twidget.data.dialogCloseButtonColor ||\n\t\t\t\t\tdata.frameBackgroundColor ||\n\t\t\t\t\ttheme.palette.background.primary,\n\t\t\t}}\n\t\t\taria-label=\"delete\"\n\t\t\tonClick={handleClose}\n\t\t>\n\t\t\t<CloseIcon />\n\t\t</IconButton>\n\t);\n\n\treturn (\n\t\t<Modal\n\t\t\tonClose={handleClose}\n\t\t\topen={open}\n\t\t\tsx={{\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\talignItems: \"center\",\n\n\t\t\t\tbackgroundColor: widget.data.dialogBackgroundColor || \"inherit\",\n\t\t\t}}\n\t\t>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: widget.data.dialogInPixel\n\t\t\t\t\t\t? `${widget.data.dialogWidth}px`\n\t\t\t\t\t\t: `${widget.data.dialogWidth}%`,\n\t\t\t\t\theight: widget.data.dialogInPixel\n\t\t\t\t\t\t? `${widget.data.dialogHeight}px`\n\t\t\t\t\t\t: `${widget.data.dialogHeight}%`,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<CollectionBase\n\t\t\t\t\tref={baseRef}\n\t\t\t\t\tdata={data}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\tbackground: data.backgroundColor || data.background,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"auto\",\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\tjustifyContent: \"flex-end\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tp:\n\t\t\t\t\t\t\t\twidget.data.dialogCloseButtonTop ||\n\t\t\t\t\t\t\t\t!widget.data.dialogHeaderAsTitle\n\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t: 2,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\tleft: 0,\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tref={setTitleRef}\n\t\t\t\t\t\t\t\tnoWrap\n\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\tfontSize: data.headerSize,\n\t\t\t\t\t\t\t\t\tcolor: data.textColor,\n\t\t\t\t\t\t\t\t\tpx: widget.data.dialogCloseButtonTop ? 4 : 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Box>\n\n\t\t\t\t\t\t{widget.data.dialogCloseButtonTop && iconButton}\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{widget.data.dialogCloseButtonTop && (\n\t\t\t\t\t\t<Divider\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\topacity: \"0.5\",\n\t\t\t\t\t\t\t\tbackground: (theme) =>\n\t\t\t\t\t\t\t\t\tdata.frameBackgroundColor || theme.palette.background.primary,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\"::-webkit-scrollbar-track\": {\n\t\t\t\t\t\t\t\tbackground: (theme) =>\n\t\t\t\t\t\t\t\t\tdata.frameBackgroundColor &&\n\t\t\t\t\t\t\t\t\talpha(data.frameBackgroundColor, 0.5),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"::-webkit-scrollbar-thumb\": {\n\t\t\t\t\t\t\t\topacity: \"0.5\",\n\t\t\t\t\t\t\t\tbackground: (theme) =>\n\t\t\t\t\t\t\t\t\tdata.frameBackgroundColor &&\n\t\t\t\t\t\t\t\t\talpha(data.frameBackgroundColor, 0.7),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\toverflow: \"auto\",\n\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getWidgetView(widget.data.view, {\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t// \"background-color\": \"inherit\",\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Box>\n\n\t\t\t\t\t{widget.data.dialogCloseButtonBottom && (\n\t\t\t\t\t\t<Divider\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\topacity: \"0.5\",\n\t\t\t\t\t\t\t\tbackground: (theme) =>\n\t\t\t\t\t\t\t\t\tdata.frameBackgroundColor || theme.palette.background.default,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{widget.data.dialogCloseButtonBottom && iconButton}\n\t\t\t\t</CollectionBase>\n\t\t\t</Box>\n\t\t</Modal>\n\t);\n}\n","import { Box, ButtonBase, Typography } from \"@mui/material\";\nimport { styled } from \"@mui/material/styles\";\nimport React, { useRef, useContext, useState } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useHtmlValue from \"../hooks/useHtmlValue\";\nimport useStyles from \"../hooks/useStyles\";\nimport ViewDialog from \"./ViewDialog\";\n\nconst ImageHtmlButton = styled(ButtonBase)({\n\twidth: \"100% !important\", // Overrides inline-style\n\theight: \"100% !important\",\n\n\tdisplay: \"flex\",\n\tjustifyContent: \"center\",\n\talignItems: \"center\",\n});\n\nfunction DialogCollection() {\n\tconst [open, setOpen] = useState(false);\n\tconst hideTimeout = useRef(null);\n\tconst [contentRef, setContentRef] = useState(null);\n\tconst { oidObject, widget, getWidgetView, setValue } =\n\t\tuseContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data } = useData(\"oid\");\n\n\tconst handleClickOpen = () => {\n\t\tlet timeout = widget.data.dialogAutoClose;\n\n\t\tif (timeout === null || timeout === undefined || timeout === \"\") {\n\t\t\tsetOpen(true);\n\t\t\treturn;\n\t\t}\n\n\t\tif (timeout === true || timeout === \"true\") {\n\t\t\ttimeout = 10000;\n\t\t}\n\n\t\ttimeout = parseInt(timeout, 10);\n\t\tif (timeout < 60) {\n\t\t\t// maybe this is seconds\n\t\t\ttimeout *= 1000;\n\t\t}\n\t\ttimeout = timeout || 1000;\n\n\t\thideTimeout.current = setTimeout(() => {\n\t\t\thideTimeout.current = null;\n\t\t\tsetValue(oid, false);\n\t\t\tsetOpen(false);\n\t\t}, timeout);\n\n\t\tsetOpen(true);\n\t};\n\tconst handleClose = () => {\n\t\tif (hideTimeout.current) {\n\t\t\tclearTimeout(hideTimeout.current);\n\t\t\thideTimeout.current = null;\n\t\t}\n\n\t\tsetValue(oid, false);\n\t\tsetOpen(false);\n\t};\n\n\tuseHtmlValue(contentRef, \"\", widget, data);\n\n\tconst oid = oidObject?._id;\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType =\n\t\toidType === \"boolean\" ||\n\t\t!widget.data.oid ||\n\t\twidget.data.oid === \"nothing_selected\";\n\n\treturn (\n\t\t<>\n\t\t\t<ViewDialog\n\t\t\t\t{...{\n\t\t\t\t\topen,\n\t\t\t\t\thandleClose,\n\t\t\t\t\twidget,\n\t\t\t\t\tdata,\n\t\t\t\t\tgetWidgetView,\n\t\t\t\t\tfontStyles,\n\t\t\t\t\ttextStyles,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<CollectionBase isValidType={isValidType} data={data}>\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<ImageHtmlButton\n\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\tsetValue(oid, true);\n\t\t\t\t\t\t\thandleClickOpen();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\"& .MuiTouchRipple-root span\": {\n\t\t\t\t\t\t\t\tcolor: data.iconColor,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{widget.data.onlyIcon ||\n\t\t\t\t\t\t(!widget.data.onlyText && !widget.data.onlyIcon) ? (\n\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\n\t\t\t\t\t\t\t\t\tp: 0.5,\n\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\tsrc={\n\t\t\t\t\t\t\t\t\t\tdata.icon ||\n\t\t\t\t\t\t\t\t\t\t\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\t\t\t\t\t\t\t\t\t\ttop: `calc(0px - ${widget.data.iconYOffset})`,\n\t\t\t\t\t\t\t\t\t\tright: `calc(0px - ${widget.data.iconXOffset})`,\n\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\t\t\tcolor: data.iconColor,\n\t\t\t\t\t\t\t\t\t\tfilter: data.iconColor\n\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\ttransform: data.iconColor ? \"translateY(-10000px)\" : null,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{widget.data.onlyText ||\n\t\t\t\t\t\t(!widget.data.onlyText && !widget.data.onlyIcon) ? (\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tref={setContentRef}\n\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\tp: 0.5,\n\n\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\tflexDirection: \"column\",\n\t\t\t\t\t\t\t\t\t/* justifyContent: widget.data.onlyText\n\t\t\t\t\t\t\t\t\t\t? \"center\"\n\t\t\t\t\t\t\t\t\t\t: \"flex-start\", */\n\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\n\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\tfontSize: data.valueSize,\n\t\t\t\t\t\t\t\t\tcolor: data.textColor,\n\t\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</ImageHtmlButton>\n\t\t\t\t</Box>\n\t\t\t</CollectionBase>\n\t\t</>\n\t);\n}\n\nexport default DialogCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport dialogFields from \"../lib/dialogFields\";\nimport DialogCollection from \"./DialogCollection\";\n\nclass DialogCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplDialogCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"DialogCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"dialog_collection_widget\", // Label for widget\n\t\t\tvisOrder: 8,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: true })],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"dialog\", // group name\n\t\t\t\t\tlabel: \"group_dialog\",\n\t\t\t\t\tfields: [...dialogFields()],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-dialog.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn DialogCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t// So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t// then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t// then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\n\t\t// console.log(\"inside propertiesUpdate\", this.state.values);\n\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() {}\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) {}\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\t\t\tgetWidgetView: this.getWidgetView.bind(this),\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<DialogCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default DialogCollectionWidget;\n","import { useEffect } from \"react\";\n\nconst useHtmlValue = (contentRef, oidValue, widget, data) => {\n\tconst oidValueUnit =\n\t\t(typeof oidValue === \"string\" ||\n\t\t\ttypeof oidValue === \"number\" ||\n\t\t\ttypeof oidValue === \"boolean\") &&\n\t\t`${oidValue}${widget.data.unit !== undefined ? widget.data.unit : \"\"}`;\n\n\tconst contentValue = data.alias || data.value || oidValueUnit;\n\n\tuseEffect(() => {\n\t\tif (contentValue === undefined || !contentRef) return;\n\t\tcontentRef.innerHTML = contentValue;\n\t}, [contentValue, contentRef]);\n};\n\nexport default useHtmlValue;\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n d: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"names":["dialogFields","name","label","type","multiple","component","_jsx","CollectionDivider","min","max","step","tooltip","default","dividerText","hidden","ViewDialog","_ref","_baseRef$current","open","handleClose","widget","data","getWidgetView","fontStyles","textStyles","baseRef","useRef","titleRef","setTitleRef","useState","header","current","useEffect","dialogHeaderAsTitle","style","width","height","innerHTML","iconButton","IconButton","sx","alignSelf","filter","color","theme","dialogCloseButtonColor","frameBackgroundColor","palette","background","primary","onClick","children","CloseIcon","Modal","onClose","display","justifyContent","alignItems","backgroundColor","dialogBackgroundColor","Box","dialogInPixel","concat","dialogWidth","dialogHeight","_jsxs","CollectionBase","ref","flexDirection","position","p","dialogCloseButtonTop","left","Typography","noWrap","variant","_objectSpread","fontSize","headerSize","textColor","px","Divider","opacity","alpha","overflow","view","dialogCloseButtonBottom","ImageHtmlButton","styled","ButtonBase","_oidObject$common","setOpen","hideTimeout","contentRef","setContentRef","oidObject","setValue","useContext","CollectionContext","useStyles","useData","useHtmlValue","oid","_id","isValidType","common","_Fragment","clearTimeout","handleClickOpen","timeout","dialogAutoClose","undefined","parseInt","setTimeout","iconColor","onlyIcon","onlyText","alt","src","icon","objectFit","top","iconYOffset","right","iconXOffset","iconSizeOnly","transform","valueSize","textTransform","DialogCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","rxStyle","setState","bind","values","isSignalVisible","getPropertyValue","mode","context","themeType","socket","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","DialogCollection","oidValue","oidValueUnit","unit","contentValue","alias","value","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","jsx","d"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/{src_GaugeCollectionWidget_GaugeCollectionWidget_jsx.4241780e.chunk.js → src_GaugeCollectionWidget_GaugeCollectionWidget_jsx.da275bc8.chunk.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunkiobroker_vis_widgets_react_collection=self.webpackChunkiobroker_vis_widgets_react_collection||[]).push([["src_GaugeCollectionWidget_GaugeCollectionWidget_jsx"],{2435:(e,a,l)=>{l.r(a),l.d(a,{default:()=>x});var t=l(7051),o=l(8437),u=l(6211),g=l(900),r=l(8679),n=l(375),d=l(4376),i=l(579);const c=()=>[{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_basic_options"})},{name:"gaugeType",label:"gauge_type",type:"select",options:[{value:"linear",label:"linear"},{value:"radial",label:"radial"}],default:"linear",noTranslation:!0},{name:"gaugeMinValue",type:"number",label:"gauge_min_value",default:0,step:1},{name:"gaugeMaxValue",type:"number",label:"gauge_max_value",default:100,step:1},{name:"gaugePadding",type:"number",label:"gauge_padding",default:8,step:1,min:0},{name:"gaugeIconFit",type:"select",label:"gauge_icon_fit",options:[{value:"contain",label:"contain"},{value:"cover",label:"cover"},{value:"fill",label:"fill"}],default:"contain",noTranslation:!0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_borders_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBorderRadius",type:"number",label:"gauge_border_radius",default:0,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_progress_bar_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBarBeginCircle",type:"number",label:"gauge_bar_begin_circle",default:30,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBarLength",type:"number",label:"gauge_bar_length",default:85,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_coloring_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeColorBarEnd",type:"color",label:"gauge_color_bar_end",default:"",hidden:e=>"linear"!==e.gaugeType},{name:"gaugeColorBarProgressEnd",type:"color",label:"gauge_color_bar_progress_end",default:"",hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_element_positioning_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTickSide",type:"select",label:"gauge_tick_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeNeedleSide",type:"select",label:"gauge_needle_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeNumberSide",type:"select",label:"gauge_number_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_ticks_bar_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksWidth",type:"number",label:"gauge_ticks_width",default:10,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksWidthMinor",type:"number",label:"gauge_ticks_width_minor",default:5,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksPadding",type:"number",label:"gauge_ticks_padding",default:5,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_ticks_bar_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeTicksAngle",type:"number",label:"gauge_ticks_angle",default:270,step:1,min:0,max:360,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeStartAngle",type:"number",label:"gauge_start_angle",default:45,step:1,min:0,max:360,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_coloring_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleOuter",type:"color",label:"gauge_color_needle_circle_outer",default:"#f0f0f0",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleOuterEnd",type:"color",label:"gauge_color_needle_circle_outer_end",default:"#ccc",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleInner",type:"color",label:"gauge_color_needle_circle_inner",default:"#e8e8e8",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleInnerEnd",type:"color",label:"gauge_color_needle_circle_inner_end",default:"#f5f5f5",hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_needle_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleSize",type:"number",label:"gauge_needle_circle_size",default:10,step:1,min:0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleInner",type:"checkbox",label:"gauge_needle_circle_inner",default:!0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleOuter",type:"checkbox",label:"gauge_needle_circle_outer",default:!0,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_animation_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeAnimationTarget",type:"select",label:"gauge_animation_target",options:[{value:"needle",label:"needle"},{value:"plate",label:"plate"}],default:"needle",noTranslation:!0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeUseMinPath",type:"checkbox",label:"gauge_use_min_path",default:!1,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_ticks_bar_options"})},{name:"gaugeExactTicks",type:"checkbox",label:"gauge_exact_ticks",default:!1},{name:"gaugeMajorTicks",type:"number",label:"gauge_major_ticks",default:10,step:1},{name:"gaugeMinorTicks",type:"number",label:"gauge_minor_ticks",default:0,step:1},{name:"gaugeStrokeTicks",type:"checkbox",label:"gauge_stroke_ticks",default:!0},{name:"gaugeMajorTicksInt",type:"number",label:"gauge_major_ticks_int",default:1,step:1},{name:"gaugeMajorTicksDec",type:"number",label:"gauge_major_ticks_dec",default:0,step:1},{name:"gaugeHighlightsWidth",type:"number",label:"gauge_highlights_width",default:15,step:1},{name:"gaugeNumbersMargin",type:"number",label:"gauge_numbers_margin",default:1,step:1},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_progress_bar_options"})},{name:"gaugeBarWidth",type:"number",label:"gauge_bar_width",default:20,step:1,min:0,max:50},{name:"gaugeBarStrokeWidth",type:"number",label:"gauge_bar_stroke_width",default:0,step:1,min:0},{name:"gaugeBarProgress",type:"checkbox",label:"gauge_bar_progress",default:!0},{name:"gaugeBarShadow,",type:"number",label:"gauge_bar_shadow",default:0,step:1,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_animation_options"})},{name:"gaugeAnimation",type:"checkbox",label:"gauge_animation",default:!0},{name:"gaugeAnimationDuration",type:"number",label:"gauge_animation_duration",default:500,step:1,min:0},{name:"gaugeAnimationRule",type:"select",label:"gauge_animation_rule",options:[{value:"linear",label:"linear"},{value:"quad",label:"quad"},{value:"quint",label:"quint"},{value:"cycle",label:"cycle"},{value:"bounce",label:"bounce"},{value:"elastic",label:"elastic"},{value:"dequad",label:"dequad"},{value:"dequint",label:"dequint"},{value:"decycle",label:"decycle"},{value:"debounce",label:"debounce"},{value:"delastic",label:"delastic"}],default:"cycle",noTranslation:!0},{name:"gaugeAnimatedValue",type:"checkbox",label:"gauge_animated_value",default:!1},{name:"gaugeAnimateOnInit",type:"checkbox",label:"gauge_animate_on_init",default:!1},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_coloring_options"})},{name:"gaugeColorPlate",type:"color",label:"gauge_color_plate",default:"rgba(0,0,0,0)"},{name:"gaugeColorPlateEnd",type:"color",label:"gauge_color_plate_end",default:"rgba(0,0,0,0)"},{name:"gaugeColorMajorTicks",type:"color",label:"gauge_color_major_ticks",default:"#444"},{name:"gaugeColorMinorTicks",type:"color",label:"gauge_color_minor_ticks",default:"#666"},{name:"gaugeColorStrokeTicks",type:"color",label:"gauge_color_stroke_ticks",default:"#444"},{name:"gaugeColorTitle",type:"color",label:"gauge_color_title",default:"#888"},{name:"gaugeColorUnits",type:"color",label:"gauge_color_units",default:"#888"},{name:"gaugeColorNumbers",type:"color",label:"gauge_color_numbers",default:"#444"},{name:"gaugeColorNeedle",type:"color",label:"gauge_color_needle",default:"rgba(240,128,128,1)"},{name:"gaugeColorNeedleEnd",type:"color",label:"gauge_color_needle_end",default:"rgba(255,160,122,.9)"},{name:"gaugeColorValueText",type:"color",label:"gauge_color_value_text",default:"#444"},{name:"gaugeColorValueTextShadow",type:"color",label:"gauge_color_value_text_shadow",default:"rgba(0,0,0,0.3)"},{name:"gaugeColorBorderShadow",type:"color",label:"gauge_color_border_shadow",default:"rgba(0,0,0,0.5)"},{name:"gaugeColorBorderOuter",type:"color",label:"gauge_color_border_outer",default:"#ddd"},{name:"gaugeColorBorderOuterEnd",type:"color",label:"gauge_color_border_outer_end",default:"#aaa"},{name:"gaugeColorBorderMiddle",type:"color",label:"gauge_color_border_middle",default:"#eee"},{name:"gaugeColorBorderMiddleEnd",type:"color",label:"gauge_color_border_middle_end",default:"#f0f0f0"},{name:"gaugeColorBorderInner",type:"color",label:"gauge_color_border_inner",default:"#fafafa"},{name:"gaugeColorBorderInnerEnd",type:"color",label:"gauge_color_border_inner_end",default:"#ccc"},{name:"gaugeColorValueBoxRect",type:"color",label:"gauge_color_value_box_rect",default:"#888"},{name:"gaugeColorValueBoxRectEnd",type:"color",label:"gauge_color_value_box_rect_end",default:"#666"},{name:"gaugeColorValueBoxBackground",type:"color",label:"gauge_color_value_box_background",default:"#babab2"},{name:"gaugeColorValueBoxShadow",type:"color",label:"gauge_color_value_box_shadow",default:"rgba(0,0,0,1)"},{name:"gaugeColorNeedleShadowUp",type:"color",label:"gauge_color_needle_shadow_up",default:"rgba(2,255,255,0.2)"},{name:"gaugeColorNeedleShadowDown",type:"color",label:"gauge_color_needle_shadow_down",default:"rgba(188,143,143,0.45)"},{name:"gaugeColorBarStroke",type:"color",label:"gauge_color_bar_stroke",default:"#222"},{name:"gaugeColorBar",type:"color",label:"gauge_color_bar",default:"#ccc"},{name:"gaugeColorBarProgress",type:"color",label:"gauge_color_bar_progress",default:"#888"},{name:"gaugeHighlightsLineCap",type:"select",label:"gauge_highlights_line_cap",options:[{value:"butt",label:"butt"},{value:"round",label:"round"},{value:"square",label:"square"}],default:"butt",noTranslation:!0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_needle_configuration_options"})},{name:"gaugeNeedle",type:"checkbox",label:"gauge_needle",default:!0},{name:"gaugeNeedleShadow",type:"checkbox",label:"gauge_needle_shadow",default:!0},{name:"gaugeNeedleType",type:"select",label:"gauge_needle_type",options:[{value:"arrow",label:"arrow"},{value:"line",label:"line"}],default:"arrow",noTranslation:!0},{name:"gaugeNeedleStart",type:"number",label:"gauge_needle_start",default:5,step:1,min:0,max:100},{name:"gaugeNeedleEnd",type:"number",label:"gauge_needle_end",default:85,step:1,min:0,max:100},{name:"gaugeNeedleWidth",type:"number",label:"gauge_needle_width",default:4},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_borders_options"})},{name:"gaugeBorders",type:"checkbox",label:"gauge_borders",default:!0},{name:"gaugeBorderOuterWidth",type:"number",label:"gauge_border_outer_width",default:3,min:0},{name:"gaugeBorderMiddleWidth",type:"number",label:"gauge_border_middle_width",default:3,min:0},{name:"gaugeBorderInnerWidth",type:"number",label:"gauge_border_inner_width",default:3,min:0},{name:"gaugeBorderShadowWidth",type:"number",label:"gauge_border_shadow_width",default:3,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_value_box_options"})},{name:"gaugeValueBox",type:"checkbox",label:"gauge_value_box",default:!0},{name:"gaugeValueBoxStroke",type:"number",label:"gauge_value_box_stroke",default:5,step:1,min:0},{name:"gaugeValueBoxWidth",type:"number",label:"gauge_value_box_width",default:0,step:1,min:0},{name:"gaugeValueText",type:"text",label:"gauge_value_text",default:""},{name:"gaugeValueTextShadow",type:"checkbox",label:"gauge_value_text_shadow",default:!0},{name:"gaugeValueBoxBorderRadius",type:"number",label:"gauge_value_box_border_radius",default:2.5,step:.1,min:0},{name:"gaugeValueInt",type:"number",label:"gauge_value_int",default:3,step:1,min:0},{name:"gaugeValueDec",type:"number",label:"gauge_value_dec",default:2,step:1,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_fonts_customization_options"})},{name:"gaugeFontNumbers",type:"fontname",label:"gauge_font_numbers",default:"Arial"},{name:"gaugeFontTitle",type:"fontname",label:"gauge_font_title",default:"Arial"},{name:"gaugeFontUnits",type:"fontname",label:"gauge_font_units",default:"Arial"},{name:"gaugeFontValue",type:"fontname",label:"gauge_font_value",default:"Arial"},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersSize",type:"number",label:"gauge_font_numbers_size",default:20,step:1,min:0},{name:"gaugeFontTitleSize",type:"number",label:"gauge_font_title_size",default:24,step:1,min:0},{name:"gaugeFontUnitsSize",type:"number",label:"gauge_font_units_size",default:22,step:1,min:0},{name:"gaugeFontValueSize",type:"number",label:"gauge_font_value_size",default:26,step:1,min:0},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersStyle",type:"select",label:"gauge_font_numbers_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontTitleStyle",type:"select",label:"gauge_font_title_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontUnitsStyle",type:"select",label:"gauge_font_units_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontValueStyle",type:"select",label:"gauge_font_value_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersWeight",type:"select",label:"gauge_font_numbers_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontTitleWeight",type:"select",label:"gauge_font_title_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontUnitsWeight",type:"select",label:"gauge_font_units_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontValueWeight",type:"select",label:"gauge_font_value_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0}];var s=l(7085),b=l(4657),m=l(6016),p=l(2152),_=l(5001),h=l(3342);const f=e=>{const a=(0,o.useRef)(null),l=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(null===a.current||a.current.options.gaugeType!==e.gaugeType){const t=Object.assign({},e,{renderTo:l.current});switch(e.gaugeType){case"radial":null!==a.current&&a.current.destroy(),a.current=new h.RadialGauge(t).draw();break;case"linear":null!==a.current&&a.current.destroy(),a.current=new h.LinearGauge(t).draw()}}}),[e]),(0,o.useEffect)((()=>{null!==a.current&&e.width&&e.height&&e.width>30&&e.height>30&&(a.current.value=e.value,a.current.update(e))}),[e]);const t=Boolean(e.gaugeWidgetData.iconSize)||0===e.gaugeWidgetData.iconSize?"".concat(e.gaugeWidgetData.iconSize,"%"):null,u=e.gaugeSegment;return(0,i.jsxs)(s.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:[(0,i.jsx)("img",{alt:"",src:(null===u||void 0===u?void 0:u.state.icon)||e.gaugeData.icon||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",style:{position:"relative",width:Number(null===u||void 0===u?void 0:u.state.iconSize)?"".concat(u.state.iconSize,"%"):t||"50%",height:Number(null===u||void 0===u?void 0:u.state.iconSize)?"".concat(u.state.iconSize,"%"):t||"50%",boxSizing:"border-box",objectFit:e.gaugeWidgetData.gaugeIconFit,top:!!u&&"calc(0px - ".concat(u.state.iconYOffset,")")||"0px"!==e.gaugeWidgetData.iconYOffset&&"calc(0px - ".concat(e.gaugeWidgetData.iconYOffset,")")||"0px",left:!!u&&"calc(0px + ".concat(u.state.iconXOffset,")")||"0px"!==e.gaugeWidgetData.iconXOffset&&"calc(0px + ".concat(e.gaugeWidgetData.iconXOffset,")")||"0px",color:(null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor,filter:((null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor)&&"drop-shadow(0px 10000px 0)",transform:((null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor)&&"translateY(-10000px)"}}),(0,i.jsx)("canvas",{id:"my-canvas",ref:l,style:{position:"absolute"}})]})};const y=function(){var e,a,l,t,u;const g=(0,o.useRef)(null),r=(0,o.useRef)(null),{wrappedContent:n,oidObject:d,widget:c}=(0,o.useContext)(m.C),{data:h,states:y}=(0,p.A)("oid"),v=(0,_.A)("oid"),x="number"===(null===d||void 0===d||null===(e=d.common)||void 0===e?void 0:e.type),T=(0,o.useMemo)((()=>{const e=Number(c.data.gaugeMinValue)||0,a=Number(c.data.gaugeMaxValue)||100,l=[];if(c.data.gaugeMajorTicks&&Number(c.data.gaugeMajorTicks>0))for(let t=0;t<=Number(c.data.gaugeMajorTicks);t++){const o=e+((a-e)/Number(c.data.gaugeMajorTicks)||1)*t;l.push(Math.round(100*o)/100)}return l}),[c.data.gaugeMinValue,c.data.gaugeMaxValue,c.data.gaugeMajorTicks]),k=(0,o.useMemo)((()=>{const e=[],a=Number(c.data.gaugeMaxValue)||100;return y.forEach(((l,t)=>{var o;const u=(null===(o=y[t+1])||void 0===o?void 0:o.value)||a;e.push({from:l.value,to:u,color:l.textColor||"transparent",state:l})})),y.length>0&&y[y.length-1].value<a&&(e[e.length-1].to=a),e}),[y,c.data.gaugeMaxValue]),C=((e,a,l)=>e.find((e=>void 0===e.from||void 0===e.to?null:a>=e.from&&(a<e.to||a===e.to&&a===l)))||null)(k,v,Number(c.data.gaugeMaxValue)?Number(c.data.gaugeMaxValue):100),B=null===(a=g.current)||void 0===a?void 0:a.paper0,N=null===(l=g.current)||void 0===l?void 0:l.paper1;return(0,o.useEffect)((()=>{B&&N&&(C?(B.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.frameBackgroundColorActive)||(null===C||void 0===C?void 0:C.state.frameBackgroundColor)||null),B.style.background=n?(null===C||void 0===C?void 0:C.state.frameBackgroundColorActive)||(null===C||void 0===C?void 0:C.state.frameBackgroundColor)||(null===C||void 0===C?void 0:C.state.frameBackgroundActive)||(null===C||void 0===C?void 0:C.state.frameBackground)||null:"transparent",N.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.backgroundColorActive)||(null===C||void 0===C?void 0:C.state.backgroundColor)||null),N.style.background=n?(null===C||void 0===C?void 0:C.state.backgroundColorActive)||(null===C||void 0===C?void 0:C.state.backgroundColor)||(null===C||void 0===C?void 0:C.state.backgroundActive)||(null===C||void 0===C?void 0:C.state.background)||null:"transparent"):(B.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.frameBackgroundColor)&&"".concat(null===C||void 0===C?void 0:C.state.frameBackgroundColor,"!important")||null),B.style.background=n&&(c.data.frameBackgroundColor||c.data.frameBackground||null),N.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.backgroundColor)&&"".concat(null===C||void 0===C?void 0:C.state.backgroundColor,"!important")||null),N.style.background=n&&(c.data.backgroundColor||c.data.background||null)))}),[B,N,n,C,c.data]),(0,i.jsx)(b.A,{ref:g,isValidType:x,data:h,oidValue:v,children:(0,i.jsx)(s.Box,{ref:r,sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,i.jsx)(f,{gaugeData:h,gaugeWidgetData:c.data,gaugeSegment:C,gaugeType:c.data.gaugeType,width:(null===(t=r.current)||void 0===t?void 0:t.clientWidth)-Number(c.data.gaugePadding),height:(null===(u=r.current)||void 0===u?void 0:u.clientHeight)-Number(c.data.gaugePadding),minValue:Number(c.data.gaugeMinValue)?Number(c.data.gaugeMinValue):0,maxValue:Number(c.data.gaugeMaxValue)?Number(c.data.gaugeMaxValue):100,value:v,units:c.data.unit,title:h.header,exactTicks:c.data.gaugeExactTicks,majorTicks:T,minorTicks:"number"===typeof c.data.gaugeMinorTicks?c.data.gaugeMinorTicks:Number(c.data.gaugeMinorTicks),strokeTicks:c.data.gaugeStrokeTicks,majorTicksInt:"number"===typeof c.data.gaugeMajorTicksInt?c.data.gaugeMajorTicksInt:Number(c.data.gaugeMajorTicksInt),majorTicksDec:"number"===typeof c.data.gaugeMajorTicksDec?c.data.gaugeMajorTicksDec:Number(c.data.gaugeMajorTicksDec),highlights:k,highlightsWidth:"number"===typeof c.data.gaugeHighlightsWidth?c.data.gaugeHighlightsWidth:Number(c.data.gaugeHighlightsWidth),numbersMargin:"number"===typeof c.data.gaugeNumbersMargin?c.data.gaugeNumbersMargin:Number(c.data.gaugeNumbersMargin),barWidth:"number"===typeof c.data.gaugeBarWidth&&c.data.gaugeBarWidth<=50?c.data.gaugeBarWidth:Number(c.data.gaugeBarWidth)<=50?Number(c.data.gaugeBarWidth):50,barStrokeWidth:"number"===typeof c.data.gaugeBarStrokeWidth?c.data.gaugeBarStrokeWidth:Number(c.data.gaugeBarStrokeWidth),barProgress:c.data.gaugeBarProgress,barShadow:"number"===typeof c.data.gaugeBarShadow?c.data.gaugeBarShadow:Number(c.data.gaugeBarShadow),animation:c.data.gaugeAnimation,animationDuration:"number"===typeof c.data.gaugeAnimationDuration?c.data.gaugeAnimationDuration:Number(c.data.gaugeAnimationDuration),animationRule:c.data.gaugeAnimationRule||"cycle",animatedValue:c.data.gaugeAnimatedValue,animateOnInit:c.data.gaugeAnimateOnInit,colorPlate:c.data.gaugeColorPlate||"rgba(0,0,0,0)",colorPlateEnd:c.data.gaugeColorPlateEnd||"rgba(0,0,0,0)",colorMajorTicks:c.data.gaugeColorMajorTicks||"#444",colorMinorTicks:c.data.gaugeColorMinorTicks||"#666",colorStrokeTicks:c.data.gaugeColorStrokeTicks||"#444",colorTitle:c.data.gaugeColorTitle||"#888",colorUnits:c.data.gaugeColorUnits||"#888",colorNumbers:c.data.gaugeColorNumbers||"#444",colorNeedle:c.data.gaugeColorNeedle||"rgba(240,128,128,1)",colorNeedleEnd:c.data.gaugeColorNeedleEnd||"rgba(255,160,122,.9)",colorValueText:c.data.gaugeColorValueText||"#444",colorValueTextShadow:c.data.gaugeColorValueTextShadow||"rgba(0,0,0,0.3)",colorBorderShadow:c.data.gaugeColorBorderShadow||"rgba(0,0,0,0.5)",colorBorderOuter:c.data.gaugeColorBorderOuter||"#ddd",colorBorderOuterEnd:c.data.gaugeColorBorderOuterEnd||"#aaa",colorBorderMiddle:c.data.gaugeColorBorderMiddle||"#eee",colorBorderMiddleEnd:c.data.gaugeColorBorderMiddleEnd||"#f0f0f0",colorBorderInner:c.data.gaugeColorBorderInner||"#fafafa",colorBorderInnerEnd:c.data.gaugeColorBorderInnerEnd||"#ccc",colorValueBoxRect:c.data.gaugeColorValueBoxRect||"#888",colorValueBoxRectEnd:c.data.gaugeColorValueBoxRectEnd||"#666",colorValueBoxBackground:c.data.gaugeColorValueBoxBackground||"#babab2",colorValueBoxShadow:c.data.gaugeColorValueBoxShadow||"rgba(0,0,0,1)",colorNeedleShadowUp:c.data.gaugeColorNeedleShadowUp||"rgba(2,255,255,0.2)",colorNeedleShadowDown:c.data.gaugeColorNeedleShadowDown||"rgba(188,143,143,0.45)",colorBarStroke:c.data.gaugeColorBarStroke||"#222",colorBar:c.data.gaugeColorBar||"#ccc",colorBarProgress:c.data.gaugeColorBarProgress||"#888",highlightsLineCap:c.data.gaugeHighlightsLineCap||"butt",needle:c.data.gaugeNeedle,needleShadow:c.data.gaugeNeedleShadow,needleType:c.data.gaugeNeedleType||"arrow",needleStart:"number"===typeof c.data.gaugeNeedleStart?c.data.gaugeNeedleStart:Number(c.data.gaugeNeedleStart),needleEnd:"number"===typeof c.data.gaugeNeedleEnd?c.data.gaugeNeedleEnd:Number(c.data.gaugeNeedleEnd),needleWidth:"number"===typeof c.data.gaugeNeedleWidth?c.data.gaugeNeedleWidth:Number(c.data.gaugeNeedleWidth),borders:c.data.gaugeBorders,borderOuterWidth:"number"===typeof c.data.gaugeBorderOuterWidth?c.data.gaugeBorderOuterWidth:Number(c.data.gaugeBorderOuterWidth),borderMiddleWidth:"number"===typeof c.data.gaugeBorderMiddleWidth?c.data.gaugeBorderMiddleWidth:Number(c.data.gaugeBorderMiddleWidth),borderInnerWidth:"number"===typeof c.data.gaugeBorderInnerWidth?c.data.gaugeBorderInnerWidth:Number(c.data.gaugeBorderInnerWidth),borderShadowWidth:"number"===typeof c.data.gaugeBorderShadowWidth?c.data.gaugeBorderShadowWidth:Number(c.data.gaugeBorderShadowWidth),valueBox:c.data.gaugeValueBox,valueBoxStroke:"number"===typeof c.data.gaugeValueBoxStroke?c.data.gaugeValueBoxStroke:Number(c.data.gaugeValueBoxStroke),valueBoxWidth:"number"===typeof c.data.gaugeValueBoxWidth?c.data.gaugeValueBoxWidth:Number(c.data.gaugeValueBoxWidth),valueText:c.data.gaugeValueText||"",valueTextShadow:c.data.gaugeValueTextShadow,valueBoxBorderRadius:"number"===typeof c.data.gaugeValueBoxBorderRadius?c.data.gaugeValueBoxBorderRadius:Number(c.data.gaugeValueBoxBorderRadius),valueInt:"number"===typeof c.data.gaugeValueInt?c.data.gaugeValueInt:Number(c.data.gaugeValueInt),valueDec:"number"===typeof c.data.gaugeValueDec?c.data.gaugeValueDec:Number(c.data.gaugeValueDec),fontNumbers:c.data.gaugeFontNumbers||"Arial",fontTitle:c.data.gaugeFontTitle||"Arial",fontUnits:c.data.gaugeFontUnits||"Arial",fontValue:c.data.gaugeFontValue||"Arial",fontNumbersSize:"number"===typeof c.data.gaugeFontNumbersSize?c.data.gaugeFontNumbersSize:Number(c.data.gaugeFontNumbersSize),fontTitleSize:"number"===typeof c.data.gaugeFontTitleSize?c.data.gaugeFontTitleSize:Number(c.data.gaugeFontTitleSize),fontUnitsSize:"number"===typeof c.data.gaugeFontUnitsSize?c.data.gaugeFontUnitsSize:Number(c.data.gaugeFontUnitsSize),fontValueSize:"number"===typeof c.data.gaugeFontValueSize?c.data.gaugeFontValueSize:Number(c.data.gaugeFontValueSize),fontNumbersStyle:c.data.gaugeFontNumbersStyle||"normal",fontTitleStyle:c.data.gaugeFontTitleStyle||"normal",fontUnitsStyle:c.data.gaugeFontUnitsStyle||"normal",fontValueStyle:c.data.gaugeFontValueStyle||"normal",fontNumbersWeight:c.data.gaugeFontNumbersWeight||"normal",fontTitleWeight:c.data.gaugeFontTitleWeight||"normal",fontUnitsWeight:c.data.gaugeFontUnitsWeight||"normal",fontValueWeight:c.data.gaugeFontValueWeight||"normal",borderRadius:"number"===typeof c.data.gaugeBorderRadius?c.data.gaugeBorderRadius:Number(c.data.gaugeBorderRadius),barBeginCircle:"number"===typeof c.data.gaugeBarBeginCircle&&c.data.gaugeBarBeginCircle<12?30:Number(c.data.gaugeBarBeginCircle),barLength:"number"===typeof c.data.gaugeBarLength?c.data.gaugeBarLength:Number(c.data.gaugeBarLength),colorBarEnd:c.data.gaugeColorBarEnd||"",colorBarProgressEnd:c.data.gaugeColorBarProgressEnd||"",tickSide:c.data.gaugeTickSide||"both",needleSide:c.data.gaugeNeedleSide||"both",numberSide:c.data.gaugeNumberSide||"both",ticksWidth:"number"===typeof c.data.gaugeTicksWidth?c.data.gaugeTicksWidth:Number(c.data.gaugeTicksWidth),ticksWidthMinor:"number"===typeof c.data.gaugeTicksWidthMinor?c.data.gaugeTicksWidthMinor:Number(c.data.gaugeTicksWidthMinor),ticksPadding:"number"===typeof c.data.gaugeTicksPadding?c.data.gaugeTicksPadding:Number(c.data.gaugeTicksPadding),ticksAngle:"number"===typeof c.data.gaugeTicksAngle?c.data.gaugeTicksAngle:Number(c.data.gaugeTicksAngle),startAngle:"number"===typeof c.data.gaugeStartAngle?c.data.gaugeStartAngle:Number(c.data.gaugeStartAngle),colorNeedleCircleOuter:c.data.gaugeColorNeedleCircleOuter||"#f0f0f0",colorNeedleCircleOuterEnd:c.data.gaugeColorNeedleCircleOuterEnd||"#ccc",colorNeedleCircleInner:c.data.gaugeColorNeedleCircleInner||"#e8e8e8",colorNeedleCircleInnerEnd:c.data.gaugeColorNeedleCircleInnerEnd||"#f5f5f5",colorNeedleCircleShadowUp:c.data.gaugeColorNeedleCircleShadowUp||"rgba(2,255,255,0.2)",needleCircleSize:"number"===typeof c.data.gaugeNeedleCircleSize?c.data.gaugeNeedleCircleSize:Number(c.data.gaugeNeedleCircleSize),needleCircleInner:c.data.gaugeNeedleCircleInner,needleCircleOuter:c.data.gaugeNeedleCircleOuter,animationTarget:c.data.gaugeAnimationTarget||"needle",useMinPath:c.data.gaugeUseMinPath})})})};class v extends u.A{static getWidgetInfo(){return{id:"tplGaugeCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"GaugeCollectionWidget",visWidgetLabel:"gauge_collection_widget",visAttrs:[{name:"common",fields:[...(0,r.A)({groupName:"",allFields:!0})]},{name:"gauge",label:"group_gauge",fields:[...(0,n.A)(["boolean"]),...c()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,r.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-gauge.png"}}getWidgetInfo(){return v.getWidgetInfo()}async propertiesUpdate(){const e=JSON.stringify(this.state.rxData);this.lastRxData!==e&&(this.lastRxData=e,await this.createStateObjectAsync("oid"))}async onRxDataChanged(e){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(e,a){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(e){super.renderWidgetBody(e);const a={id:e.id,refService:e.refService,style:e.style,widget:(0,t.A)((0,t.A)({},e.widget),{},{data:this.state.rxData,style:this.state.rxStyle}),setValue:this.setValue,setState:this.setState.bind(this),oidObject:this.state.oidObject,values:this.state.values,isSignalVisible:this.isSignalVisible.bind(this),getPropertyValue:this.getPropertyValue.bind(this),mode:this.props.context.themeType,socket:this.props.context.socket,theme:this.props.context.theme,wrappedContent:this.wrappedContent};return e.widget.data.noCard||e.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,g.A)(this.wrapContent((0,i.jsx)(y,{})),a)}}const x=v}}]);
-//# sourceMappingURL=src_GaugeCollectionWidget_GaugeCollectionWidget_jsx.4241780e.chunk.js.map
+"use strict";(self.webpackChunkiobroker_vis_widgets_react_collection=self.webpackChunkiobroker_vis_widgets_react_collection||[]).push([["src_GaugeCollectionWidget_GaugeCollectionWidget_jsx"],{2435:(e,a,l)=>{l.r(a),l.d(a,{default:()=>x});var t=l(7051),o=l(8437),u=l(6211),g=l(900),r=l(8679),n=l(375),d=l(4376),i=l(579);const c=()=>[{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_basic_options"})},{name:"gaugeType",label:"gauge_type",type:"select",options:[{value:"linear",label:"linear"},{value:"radial",label:"radial"}],default:"linear",noTranslation:!0},{name:"gaugeMinValue",type:"number",label:"gauge_min_value",default:0,step:1},{name:"gaugeMaxValue",type:"number",label:"gauge_max_value",default:100,step:1},{name:"gaugePadding",type:"number",label:"gauge_padding",default:8,step:1,min:0},{name:"gaugeIconFit",type:"select",label:"gauge_icon_fit",options:[{value:"contain",label:"contain"},{value:"cover",label:"cover"},{value:"fill",label:"fill"}],default:"contain",noTranslation:!0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_borders_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBorderRadius",type:"number",label:"gauge_border_radius",default:0,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_progress_bar_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBarBeginCircle",type:"number",label:"gauge_bar_begin_circle",default:30,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeBarLength",type:"number",label:"gauge_bar_length",default:85,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_coloring_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeColorBarEnd",type:"color",label:"gauge_color_bar_end",default:"",hidden:e=>"linear"!==e.gaugeType},{name:"gaugeColorBarProgressEnd",type:"color",label:"gauge_color_bar_progress_end",default:"",hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_element_positioning_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTickSide",type:"select",label:"gauge_tick_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeNeedleSide",type:"select",label:"gauge_needle_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeNumberSide",type:"select",label:"gauge_number_side",options:[{value:"both",label:"both"},{value:"left",label:"left"},{value:"right",label:"right"}],default:"both",noTranslation:!0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_linear_ticks_bar_options"}),hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksWidth",type:"number",label:"gauge_ticks_width",default:10,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksWidthMinor",type:"number",label:"gauge_ticks_width_minor",default:5,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{name:"gaugeTicksPadding",type:"number",label:"gauge_ticks_padding",default:5,step:1,min:0,hidden:e=>"linear"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_ticks_bar_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeTicksAngle",type:"number",label:"gauge_ticks_angle",default:270,step:1,min:0,max:360,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeStartAngle",type:"number",label:"gauge_start_angle",default:45,step:1,min:0,max:360,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_coloring_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleOuter",type:"color",label:"gauge_color_needle_circle_outer",default:"#f0f0f0",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleOuterEnd",type:"color",label:"gauge_color_needle_circle_outer_end",default:"#ccc",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleInner",type:"color",label:"gauge_color_needle_circle_inner",default:"#e8e8e8",hidden:e=>"radial"!==e.gaugeType},{name:"gaugeColorNeedleCircleInnerEnd",type:"color",label:"gauge_color_needle_circle_inner_end",default:"#f5f5f5",hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_needle_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleSize",type:"number",label:"gauge_needle_circle_size",default:10,step:1,min:0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleInner",type:"checkbox",label:"gauge_needle_circle_inner",default:!0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeNeedleCircleOuter",type:"checkbox",label:"gauge_needle_circle_outer",default:!0,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_radial_animation_options"}),hidden:e=>"radial"!==e.gaugeType},{name:"gaugeAnimationTarget",type:"select",label:"gauge_animation_target",options:[{value:"needle",label:"needle"},{value:"plate",label:"plate"}],default:"needle",noTranslation:!0,hidden:e=>"radial"!==e.gaugeType},{name:"gaugeUseMinPath",type:"checkbox",label:"gauge_use_min_path",default:!1,hidden:e=>"radial"!==e.gaugeType},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_ticks_bar_options"})},{name:"gaugeExactTicks",type:"checkbox",label:"gauge_exact_ticks",default:!1},{name:"gaugeMajorTicks",type:"number",label:"gauge_major_ticks",default:10,step:1},{name:"gaugeMinorTicks",type:"number",label:"gauge_minor_ticks",default:0,step:1},{name:"gaugeStrokeTicks",type:"checkbox",label:"gauge_stroke_ticks",default:!0},{name:"gaugeMajorTicksInt",type:"number",label:"gauge_major_ticks_int",default:1,step:1},{name:"gaugeMajorTicksDec",type:"number",label:"gauge_major_ticks_dec",default:0,step:1},{name:"gaugeHighlightsWidth",type:"number",label:"gauge_highlights_width",default:15,step:1},{name:"gaugeNumbersMargin",type:"number",label:"gauge_numbers_margin",default:1,step:1},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_progress_bar_options"})},{name:"gaugeBarWidth",type:"number",label:"gauge_bar_width",default:20,step:1,min:0,max:50},{name:"gaugeBarStrokeWidth",type:"number",label:"gauge_bar_stroke_width",default:0,step:1,min:0},{name:"gaugeBarProgress",type:"checkbox",label:"gauge_bar_progress",default:!0},{name:"gaugeBarShadow,",type:"number",label:"gauge_bar_shadow",default:0,step:1,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_animation_options"})},{name:"gaugeAnimation",type:"checkbox",label:"gauge_animation",default:!0},{name:"gaugeAnimationDuration",type:"number",label:"gauge_animation_duration",default:500,step:1,min:0},{name:"gaugeAnimationRule",type:"select",label:"gauge_animation_rule",options:[{value:"linear",label:"linear"},{value:"quad",label:"quad"},{value:"quint",label:"quint"},{value:"cycle",label:"cycle"},{value:"bounce",label:"bounce"},{value:"elastic",label:"elastic"},{value:"dequad",label:"dequad"},{value:"dequint",label:"dequint"},{value:"decycle",label:"decycle"},{value:"debounce",label:"debounce"},{value:"delastic",label:"delastic"}],default:"cycle",noTranslation:!0},{name:"gaugeAnimatedValue",type:"checkbox",label:"gauge_animated_value",default:!1},{name:"gaugeAnimateOnInit",type:"checkbox",label:"gauge_animate_on_init",default:!1},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_coloring_options"})},{name:"gaugeColorPlate",type:"color",label:"gauge_color_plate",default:"rgba(0,0,0,0)"},{name:"gaugeColorPlateEnd",type:"color",label:"gauge_color_plate_end",default:"rgba(0,0,0,0)"},{name:"gaugeColorMajorTicks",type:"color",label:"gauge_color_major_ticks",default:"#444"},{name:"gaugeColorMinorTicks",type:"color",label:"gauge_color_minor_ticks",default:"#666"},{name:"gaugeColorStrokeTicks",type:"color",label:"gauge_color_stroke_ticks",default:"#444"},{name:"gaugeColorTitle",type:"color",label:"gauge_color_title",default:"#888"},{name:"gaugeColorUnits",type:"color",label:"gauge_color_units",default:"#888"},{name:"gaugeColorNumbers",type:"color",label:"gauge_color_numbers",default:"#444"},{name:"gaugeColorNeedle",type:"color",label:"gauge_color_needle",default:"rgba(240,128,128,1)"},{name:"gaugeColorNeedleEnd",type:"color",label:"gauge_color_needle_end",default:"rgba(255,160,122,.9)"},{name:"gaugeColorValueText",type:"color",label:"gauge_color_value_text",default:"#444"},{name:"gaugeColorValueTextShadow",type:"color",label:"gauge_color_value_text_shadow",default:"rgba(0,0,0,0.3)"},{name:"gaugeColorBorderShadow",type:"color",label:"gauge_color_border_shadow",default:"rgba(0,0,0,0.5)"},{name:"gaugeColorBorderOuter",type:"color",label:"gauge_color_border_outer",default:"#ddd"},{name:"gaugeColorBorderOuterEnd",type:"color",label:"gauge_color_border_outer_end",default:"#aaa"},{name:"gaugeColorBorderMiddle",type:"color",label:"gauge_color_border_middle",default:"#eee"},{name:"gaugeColorBorderMiddleEnd",type:"color",label:"gauge_color_border_middle_end",default:"#f0f0f0"},{name:"gaugeColorBorderInner",type:"color",label:"gauge_color_border_inner",default:"#fafafa"},{name:"gaugeColorBorderInnerEnd",type:"color",label:"gauge_color_border_inner_end",default:"#ccc"},{name:"gaugeColorValueBoxRect",type:"color",label:"gauge_color_value_box_rect",default:"#888"},{name:"gaugeColorValueBoxRectEnd",type:"color",label:"gauge_color_value_box_rect_end",default:"#666"},{name:"gaugeColorValueBoxBackground",type:"color",label:"gauge_color_value_box_background",default:"#babab2"},{name:"gaugeColorValueBoxShadow",type:"color",label:"gauge_color_value_box_shadow",default:"rgba(0,0,0,1)"},{name:"gaugeColorNeedleShadowUp",type:"color",label:"gauge_color_needle_shadow_up",default:"rgba(2,255,255,0.2)"},{name:"gaugeColorNeedleShadowDown",type:"color",label:"gauge_color_needle_shadow_down",default:"rgba(188,143,143,0.45)"},{name:"gaugeColorBarStroke",type:"color",label:"gauge_color_bar_stroke",default:"#222"},{name:"gaugeColorBar",type:"color",label:"gauge_color_bar",default:"#ccc"},{name:"gaugeColorBarProgress",type:"color",label:"gauge_color_bar_progress",default:"#888"},{name:"gaugeHighlightsLineCap",type:"select",label:"gauge_highlights_line_cap",options:[{value:"butt",label:"butt"},{value:"round",label:"round"},{value:"square",label:"square"}],default:"butt",noTranslation:!0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_needle_configuration_options"})},{name:"gaugeNeedle",type:"checkbox",label:"gauge_needle",default:!0},{name:"gaugeNeedleShadow",type:"checkbox",label:"gauge_needle_shadow",default:!0},{name:"gaugeNeedleType",type:"select",label:"gauge_needle_type",options:[{value:"arrow",label:"arrow"},{value:"line",label:"line"}],default:"arrow",noTranslation:!0},{name:"gaugeNeedleStart",type:"number",label:"gauge_needle_start",default:5,step:1,min:0,max:100},{name:"gaugeNeedleEnd",type:"number",label:"gauge_needle_end",default:85,step:1,min:0,max:100},{name:"gaugeNeedleWidth",type:"number",label:"gauge_needle_width",default:4},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_borders_options"})},{name:"gaugeBorders",type:"checkbox",label:"gauge_borders",default:!0},{name:"gaugeBorderOuterWidth",type:"number",label:"gauge_border_outer_width",default:3,min:0},{name:"gaugeBorderMiddleWidth",type:"number",label:"gauge_border_middle_width",default:3,min:0},{name:"gaugeBorderInnerWidth",type:"number",label:"gauge_border_inner_width",default:3,min:0},{name:"gaugeBorderShadowWidth",type:"number",label:"gauge_border_shadow_width",default:3,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_value_box_options"})},{name:"gaugeValueBox",type:"checkbox",label:"gauge_value_box",default:!0},{name:"gaugeValueBoxStroke",type:"number",label:"gauge_value_box_stroke",default:5,step:1,min:0},{name:"gaugeValueBoxWidth",type:"number",label:"gauge_value_box_width",default:0,step:1,min:0},{name:"gaugeValueText",type:"text",label:"gauge_value_text",default:""},{name:"gaugeValueTextShadow",type:"checkbox",label:"gauge_value_text_shadow",default:!0},{name:"gaugeValueBoxBorderRadius",type:"number",label:"gauge_value_box_border_radius",default:2.5,step:.1,min:0},{name:"gaugeValueInt",type:"number",label:"gauge_value_int",default:3,step:1,min:0},{name:"gaugeValueDec",type:"number",label:"gauge_value_dec",default:2,step:1,min:0},{label:"",type:"custom",component:()=>(0,i.jsx)(d.A,{dividerText:"gauge_fonts_customization_options"})},{name:"gaugeFontNumbers",type:"fontname",label:"gauge_font_numbers",default:"Arial"},{name:"gaugeFontTitle",type:"fontname",label:"gauge_font_title",default:"Arial"},{name:"gaugeFontUnits",type:"fontname",label:"gauge_font_units",default:"Arial"},{name:"gaugeFontValue",type:"fontname",label:"gauge_font_value",default:"Arial"},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersSize",type:"number",label:"gauge_font_numbers_size",default:20,step:1,min:0},{name:"gaugeFontTitleSize",type:"number",label:"gauge_font_title_size",default:24,step:1,min:0},{name:"gaugeFontUnitsSize",type:"number",label:"gauge_font_units_size",default:22,step:1,min:0},{name:"gaugeFontValueSize",type:"number",label:"gauge_font_value_size",default:26,step:1,min:0},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersStyle",type:"select",label:"gauge_font_numbers_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontTitleStyle",type:"select",label:"gauge_font_title_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontUnitsStyle",type:"select",label:"gauge_font_units_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{name:"gaugeFontValueStyle",type:"select",label:"gauge_font_value_style",options:[{value:"normal",label:"normal"},{value:"italic",label:"italic"},{value:"oblique",label:"oblique"}],default:"normal",noTranslation:!0},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,i.jsx)(d.A,{})},{name:"gaugeFontNumbersWeight",type:"select",label:"gauge_font_numbers_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontTitleWeight",type:"select",label:"gauge_font_title_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontUnitsWeight",type:"select",label:"gauge_font_units_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0},{name:"gaugeFontValueWeight",type:"select",label:"gauge_font_value_weight",options:[{value:"normal",label:"normal"},{value:"bold",label:"bold"},{value:"bolder",label:"bolder"},{value:"lighter",label:"lighter"},{value:"100",label:"100"},{value:"200",label:"200"},{value:"300",label:"300"},{value:"400",label:"400"},{value:"500",label:"500"},{value:"600",label:"600"},{value:"700",label:"700"},{value:"800",label:"800"},{value:"900",label:"900"}],default:"normal",noTranslation:!0}];var s=l(7085),b=l(4657),m=l(6016),p=l(2152),_=l(5001),h=l(3342);const f=e=>{const a=(0,o.useRef)(null),l=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(null===a.current||a.current.options.gaugeType!==e.gaugeType){const t=Object.assign({},e,{renderTo:l.current});switch(e.gaugeType){case"radial":null!==a.current&&a.current.destroy(),a.current=new h.RadialGauge(t).draw();break;case"linear":null!==a.current&&a.current.destroy(),a.current=new h.LinearGauge(t).draw()}}}),[e]),(0,o.useEffect)((()=>{null!==a.current&&e.width&&e.height&&e.width>30&&e.height>30&&(a.current.value=e.value,a.current.update(e))}),[e]);const t=Boolean(e.gaugeWidgetData.iconSize)||0===e.gaugeWidgetData.iconSize?"".concat(e.gaugeWidgetData.iconSize,"%"):null,u=e.gaugeSegment;return(0,i.jsxs)(s.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:[(0,i.jsx)("img",{alt:"",src:(null===u||void 0===u?void 0:u.state.icon)||e.gaugeData.icon||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",style:{position:"relative",width:Number(null===u||void 0===u?void 0:u.state.iconSize)?"".concat(u.state.iconSize,"%"):t||"50%",height:Number(null===u||void 0===u?void 0:u.state.iconSize)?"".concat(u.state.iconSize,"%"):t||"50%",boxSizing:"border-box",objectFit:e.gaugeWidgetData.gaugeIconFit,top:!!u&&"calc(0px - ".concat(u.state.iconYOffset,")")||"0px"!==e.gaugeWidgetData.iconYOffset&&"calc(0px - ".concat(e.gaugeWidgetData.iconYOffset,")")||"0px",left:!!u&&"calc(0px + ".concat(u.state.iconXOffset,")")||"0px"!==e.gaugeWidgetData.iconXOffset&&"calc(0px + ".concat(e.gaugeWidgetData.iconXOffset,")")||"0px",color:(null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor,filter:((null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor)&&"drop-shadow(0px 10000px 0)",transform:((null===u||void 0===u?void 0:u.state.iconColor)||e.gaugeData.iconColor)&&"translateY(-10000px)"}}),(0,i.jsx)("canvas",{id:"my-canvas",ref:l,style:{position:"absolute"}})]})};const y=function(){var e,a,l,t,u;const g=(0,o.useRef)(null),r=(0,o.useRef)(null),{wrappedContent:n,oidObject:d,widget:c}=(0,o.useContext)(m.C),{data:h,states:y}=(0,p.A)("oid"),v=(0,_.A)("oid"),x="number"===(null===d||void 0===d||null===(e=d.common)||void 0===e?void 0:e.type),T=(0,o.useMemo)((()=>{const e=Number(c.data.gaugeMinValue)||0,a=Number(c.data.gaugeMaxValue)||100,l=[];if(c.data.gaugeMajorTicks&&Number(c.data.gaugeMajorTicks>0))for(let t=0;t<=Number(c.data.gaugeMajorTicks);t++){const o=e+((a-e)/Number(c.data.gaugeMajorTicks)||1)*t;l.push(Math.round(100*o)/100)}return l}),[c.data.gaugeMinValue,c.data.gaugeMaxValue,c.data.gaugeMajorTicks]),k=(0,o.useMemo)((()=>{const e=[],a=Number(c.data.gaugeMaxValue)||100;return y.forEach(((l,t)=>{var o;const u=(null===(o=y[t+1])||void 0===o?void 0:o.value)||a;e.push({from:l.value,to:u,color:l.textColor||"transparent",state:l})})),y.length>0&&y[y.length-1].value<a&&(e[e.length-1].to=a),e}),[y,c.data.gaugeMaxValue]),C=((e,a,l)=>e.find((e=>void 0===e.from||void 0===e.to?null:a>=e.from&&(a<e.to||a===e.to&&a===l)))||null)(k,v,Number(c.data.gaugeMaxValue)?Number(c.data.gaugeMaxValue):100),B=null===(a=g.current)||void 0===a?void 0:a.paper0,N=null===(l=g.current)||void 0===l?void 0:l.paper1;return(0,o.useEffect)((()=>{B&&N&&(C?(B.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.frameBackgroundColorActive)||(null===C||void 0===C?void 0:C.state.frameBackgroundColor)||null),B.style.background=n?(null===C||void 0===C?void 0:C.state.frameBackgroundColorActive)||(null===C||void 0===C?void 0:C.state.frameBackgroundColor)||(null===C||void 0===C?void 0:C.state.frameBackgroundActive)||(null===C||void 0===C?void 0:C.state.frameBackground)||null:"transparent",N.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.backgroundColorActive)||(null===C||void 0===C?void 0:C.state.backgroundColor)||null),N.style.background=n?(null===C||void 0===C?void 0:C.state.backgroundColorActive)||(null===C||void 0===C?void 0:C.state.backgroundColor)||(null===C||void 0===C?void 0:C.state.backgroundActive)||(null===C||void 0===C?void 0:C.state.background)||null:"transparent"):(B.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.frameBackgroundColor)&&"".concat(null===C||void 0===C?void 0:C.state.frameBackgroundColor,"!important")||null),B.style.background=n&&(c.data.frameBackgroundColor||c.data.frameBackground||null),N.style.borderColor=!n&&((null===C||void 0===C?void 0:C.state.backgroundColor)&&"".concat(null===C||void 0===C?void 0:C.state.backgroundColor,"!important")||null),N.style.background=n&&(c.data.backgroundColor||c.data.background||null)))}),[B,N,n,C,c.data]),(0,i.jsx)(b.A,{ref:g,isValidType:x,data:h,oidValue:v,children:(0,i.jsx)(s.Box,{ref:r,sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,i.jsx)(f,{gaugeData:h,gaugeWidgetData:c.data,gaugeSegment:C,gaugeType:c.data.gaugeType,width:(null===(t=r.current)||void 0===t?void 0:t.clientWidth)-Number(c.data.gaugePadding),height:(null===(u=r.current)||void 0===u?void 0:u.clientHeight)-Number(c.data.gaugePadding),minValue:Number(c.data.gaugeMinValue)?Number(c.data.gaugeMinValue):0,maxValue:Number(c.data.gaugeMaxValue)?Number(c.data.gaugeMaxValue):100,value:v,units:c.data.unit,title:h.header,exactTicks:c.data.gaugeExactTicks,majorTicks:T,minorTicks:"number"===typeof c.data.gaugeMinorTicks?c.data.gaugeMinorTicks:Number(c.data.gaugeMinorTicks),strokeTicks:c.data.gaugeStrokeTicks,majorTicksInt:"number"===typeof c.data.gaugeMajorTicksInt?c.data.gaugeMajorTicksInt:Number(c.data.gaugeMajorTicksInt),majorTicksDec:"number"===typeof c.data.gaugeMajorTicksDec?c.data.gaugeMajorTicksDec:Number(c.data.gaugeMajorTicksDec),highlights:k,highlightsWidth:"number"===typeof c.data.gaugeHighlightsWidth?c.data.gaugeHighlightsWidth:Number(c.data.gaugeHighlightsWidth),numbersMargin:"number"===typeof c.data.gaugeNumbersMargin?c.data.gaugeNumbersMargin:Number(c.data.gaugeNumbersMargin),barWidth:"number"===typeof c.data.gaugeBarWidth&&c.data.gaugeBarWidth<=50?c.data.gaugeBarWidth:Number(c.data.gaugeBarWidth)<=50?Number(c.data.gaugeBarWidth):50,barStrokeWidth:"number"===typeof c.data.gaugeBarStrokeWidth?c.data.gaugeBarStrokeWidth:Number(c.data.gaugeBarStrokeWidth),barProgress:c.data.gaugeBarProgress,barShadow:"number"===typeof c.data.gaugeBarShadow?c.data.gaugeBarShadow:Number(c.data.gaugeBarShadow),animation:c.data.gaugeAnimation,animationDuration:"number"===typeof c.data.gaugeAnimationDuration?c.data.gaugeAnimationDuration:Number(c.data.gaugeAnimationDuration),animationRule:c.data.gaugeAnimationRule||"cycle",animatedValue:c.data.gaugeAnimatedValue,animateOnInit:c.data.gaugeAnimateOnInit,colorPlate:c.data.gaugeColorPlate||"rgba(0,0,0,0)",colorPlateEnd:c.data.gaugeColorPlateEnd||"rgba(0,0,0,0)",colorMajorTicks:c.data.gaugeColorMajorTicks||"#444",colorMinorTicks:c.data.gaugeColorMinorTicks||"#666",colorStrokeTicks:c.data.gaugeColorStrokeTicks||"#444",colorTitle:c.data.gaugeColorTitle||"#888",colorUnits:c.data.gaugeColorUnits||"#888",colorNumbers:c.data.gaugeColorNumbers||"#444",colorNeedle:c.data.gaugeColorNeedle||"rgba(240,128,128,1)",colorNeedleEnd:c.data.gaugeColorNeedleEnd||"rgba(255,160,122,.9)",colorValueText:c.data.gaugeColorValueText||"#444",colorValueTextShadow:c.data.gaugeColorValueTextShadow||"rgba(0,0,0,0.3)",colorBorderShadow:c.data.gaugeColorBorderShadow||"rgba(0,0,0,0.5)",colorBorderOuter:c.data.gaugeColorBorderOuter||"#ddd",colorBorderOuterEnd:c.data.gaugeColorBorderOuterEnd||"#aaa",colorBorderMiddle:c.data.gaugeColorBorderMiddle||"#eee",colorBorderMiddleEnd:c.data.gaugeColorBorderMiddleEnd||"#f0f0f0",colorBorderInner:c.data.gaugeColorBorderInner||"#fafafa",colorBorderInnerEnd:c.data.gaugeColorBorderInnerEnd||"#ccc",colorValueBoxRect:c.data.gaugeColorValueBoxRect||"#888",colorValueBoxRectEnd:c.data.gaugeColorValueBoxRectEnd||"#666",colorValueBoxBackground:c.data.gaugeColorValueBoxBackground||"#babab2",colorValueBoxShadow:c.data.gaugeColorValueBoxShadow||"rgba(0,0,0,1)",colorNeedleShadowUp:c.data.gaugeColorNeedleShadowUp||"rgba(2,255,255,0.2)",colorNeedleShadowDown:c.data.gaugeColorNeedleShadowDown||"rgba(188,143,143,0.45)",colorBarStroke:c.data.gaugeColorBarStroke||"#222",colorBar:c.data.gaugeColorBar||"#ccc",colorBarProgress:c.data.gaugeColorBarProgress||"#888",highlightsLineCap:c.data.gaugeHighlightsLineCap||"butt",needle:c.data.gaugeNeedle,needleShadow:c.data.gaugeNeedleShadow,needleType:c.data.gaugeNeedleType||"arrow",needleStart:"number"===typeof c.data.gaugeNeedleStart?c.data.gaugeNeedleStart:Number(c.data.gaugeNeedleStart),needleEnd:"number"===typeof c.data.gaugeNeedleEnd?c.data.gaugeNeedleEnd:Number(c.data.gaugeNeedleEnd),needleWidth:"number"===typeof c.data.gaugeNeedleWidth?c.data.gaugeNeedleWidth:Number(c.data.gaugeNeedleWidth),borders:c.data.gaugeBorders,borderOuterWidth:"number"===typeof c.data.gaugeBorderOuterWidth?c.data.gaugeBorderOuterWidth:Number(c.data.gaugeBorderOuterWidth),borderMiddleWidth:"number"===typeof c.data.gaugeBorderMiddleWidth?c.data.gaugeBorderMiddleWidth:Number(c.data.gaugeBorderMiddleWidth),borderInnerWidth:"number"===typeof c.data.gaugeBorderInnerWidth?c.data.gaugeBorderInnerWidth:Number(c.data.gaugeBorderInnerWidth),borderShadowWidth:"number"===typeof c.data.gaugeBorderShadowWidth?c.data.gaugeBorderShadowWidth:Number(c.data.gaugeBorderShadowWidth),valueBox:c.data.gaugeValueBox,valueBoxStroke:"number"===typeof c.data.gaugeValueBoxStroke?c.data.gaugeValueBoxStroke:Number(c.data.gaugeValueBoxStroke),valueBoxWidth:"number"===typeof c.data.gaugeValueBoxWidth?c.data.gaugeValueBoxWidth:Number(c.data.gaugeValueBoxWidth),valueText:c.data.gaugeValueText||"",valueTextShadow:c.data.gaugeValueTextShadow,valueBoxBorderRadius:"number"===typeof c.data.gaugeValueBoxBorderRadius?c.data.gaugeValueBoxBorderRadius:Number(c.data.gaugeValueBoxBorderRadius),valueInt:"number"===typeof c.data.gaugeValueInt?c.data.gaugeValueInt:Number(c.data.gaugeValueInt),valueDec:"number"===typeof c.data.gaugeValueDec?c.data.gaugeValueDec:Number(c.data.gaugeValueDec),fontNumbers:c.data.gaugeFontNumbers||"Arial",fontTitle:c.data.gaugeFontTitle||"Arial",fontUnits:c.data.gaugeFontUnits||"Arial",fontValue:c.data.gaugeFontValue||"Arial",fontNumbersSize:"number"===typeof c.data.gaugeFontNumbersSize?c.data.gaugeFontNumbersSize:Number(c.data.gaugeFontNumbersSize),fontTitleSize:"number"===typeof c.data.gaugeFontTitleSize?c.data.gaugeFontTitleSize:Number(c.data.gaugeFontTitleSize),fontUnitsSize:"number"===typeof c.data.gaugeFontUnitsSize?c.data.gaugeFontUnitsSize:Number(c.data.gaugeFontUnitsSize),fontValueSize:"number"===typeof c.data.gaugeFontValueSize?c.data.gaugeFontValueSize:Number(c.data.gaugeFontValueSize),fontNumbersStyle:c.data.gaugeFontNumbersStyle||"normal",fontTitleStyle:c.data.gaugeFontTitleStyle||"normal",fontUnitsStyle:c.data.gaugeFontUnitsStyle||"normal",fontValueStyle:c.data.gaugeFontValueStyle||"normal",fontNumbersWeight:c.data.gaugeFontNumbersWeight||"normal",fontTitleWeight:c.data.gaugeFontTitleWeight||"normal",fontUnitsWeight:c.data.gaugeFontUnitsWeight||"normal",fontValueWeight:c.data.gaugeFontValueWeight||"normal",borderRadius:"number"===typeof c.data.gaugeBorderRadius?c.data.gaugeBorderRadius:Number(c.data.gaugeBorderRadius),barBeginCircle:"number"===typeof c.data.gaugeBarBeginCircle&&c.data.gaugeBarBeginCircle<12?30:Number(c.data.gaugeBarBeginCircle),barLength:"number"===typeof c.data.gaugeBarLength?c.data.gaugeBarLength:Number(c.data.gaugeBarLength),colorBarEnd:c.data.gaugeColorBarEnd||"",colorBarProgressEnd:c.data.gaugeColorBarProgressEnd||"",tickSide:c.data.gaugeTickSide||"both",needleSide:c.data.gaugeNeedleSide||"both",numberSide:c.data.gaugeNumberSide||"both",ticksWidth:"number"===typeof c.data.gaugeTicksWidth?c.data.gaugeTicksWidth:Number(c.data.gaugeTicksWidth),ticksWidthMinor:"number"===typeof c.data.gaugeTicksWidthMinor?c.data.gaugeTicksWidthMinor:Number(c.data.gaugeTicksWidthMinor),ticksPadding:"number"===typeof c.data.gaugeTicksPadding?c.data.gaugeTicksPadding:Number(c.data.gaugeTicksPadding),ticksAngle:"number"===typeof c.data.gaugeTicksAngle?c.data.gaugeTicksAngle:Number(c.data.gaugeTicksAngle),startAngle:"number"===typeof c.data.gaugeStartAngle?c.data.gaugeStartAngle:Number(c.data.gaugeStartAngle),colorNeedleCircleOuter:c.data.gaugeColorNeedleCircleOuter||"#f0f0f0",colorNeedleCircleOuterEnd:c.data.gaugeColorNeedleCircleOuterEnd||"#ccc",colorNeedleCircleInner:c.data.gaugeColorNeedleCircleInner||"#e8e8e8",colorNeedleCircleInnerEnd:c.data.gaugeColorNeedleCircleInnerEnd||"#f5f5f5",colorNeedleCircleShadowUp:c.data.gaugeColorNeedleCircleShadowUp||"rgba(2,255,255,0.2)",needleCircleSize:"number"===typeof c.data.gaugeNeedleCircleSize?c.data.gaugeNeedleCircleSize:Number(c.data.gaugeNeedleCircleSize),needleCircleInner:c.data.gaugeNeedleCircleInner,needleCircleOuter:c.data.gaugeNeedleCircleOuter,animationTarget:c.data.gaugeAnimationTarget||"needle",useMinPath:c.data.gaugeUseMinPath})})})};class v extends u.A{static getWidgetInfo(){return{id:"tplGaugeCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"GaugeCollectionWidget",visWidgetLabel:"gauge_collection_widget",visOrder:9,visAttrs:[{name:"common",fields:[...(0,r.A)({groupName:"",allFields:!0})]},{name:"gauge",label:"group_gauge",fields:[...(0,n.A)(["boolean"]),...c()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,r.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-gauge.png"}}getWidgetInfo(){return v.getWidgetInfo()}async propertiesUpdate(){const e=JSON.stringify(this.state.rxData);this.lastRxData!==e&&(this.lastRxData=e,await this.createStateObjectAsync("oid"))}async onRxDataChanged(e){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(e,a){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(e){super.renderWidgetBody(e);const a={id:e.id,refService:e.refService,style:e.style,widget:(0,t.A)((0,t.A)({},e.widget),{},{data:this.state.rxData,style:this.state.rxStyle}),setValue:this.setValue,setState:this.setState.bind(this),oidObject:this.state.oidObject,values:this.state.values,isSignalVisible:this.isSignalVisible.bind(this),getPropertyValue:this.getPropertyValue.bind(this),mode:this.props.context.themeType,socket:this.props.context.socket,theme:this.props.context.theme,wrappedContent:this.wrappedContent};return e.widget.data.noCard||e.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,g.A)(this.wrapContent((0,i.jsx)(y,{})),a)}}const x=v}}]);
+//# sourceMappingURL=src_GaugeCollectionWidget_GaugeCollectionWidget_jsx.da275bc8.chunk.js.map