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_GaugeCollectionWidget_GaugeCollectionWidget_jsx.da275bc8.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_GaugeCollectionWidget_GaugeCollectionWidget_jsx.da275bc8.chunk.js","mappings":"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KAAM,uBACNL,KAAM,QACND,MAAO,0BACPS,QAAS,QAEV,CACCH,KAAM,wBACNL,KAAM,QACND,MAAO,2BACPS,QAAS,QAEV,CACCH,KAAM,kBACNL,KAAM,QACND,MAAO,oBACPS,QAAS,QAEV,CACCH,KAAM,kBACNL,KAAM,QACND,MAAO,oBACPS,QAAS,QAEV,CACCH,KAAM,oBACNL,KAAM,QACND,MAAO,sBACPS,QAAS,QAEV,CACCH,KAAM,mBACNL,KAAM,QACND,MAAO,qBACPS,QAAS,uBAEV,CACCH,KAAM,sBACNL,KAAM,QACND,MAAO,yBACPS,QAAS,wBAEV,CACCH,KAAM,sBACNL,KAAM,QACND,MAAO,yBACPS,QAAS,QAEV,CACCH,KAAM,4BACNL,KAAM,QACND,MAAO,gCACPS,QAAS,mBAEV,CACCH,KAAM,yBACNL,KAAM,QACND,MAAO,4BACPS,QAAS,mBAEV,CACCH,KAAM,wBACNL,KAAM,QACND,MAAO,2BACPS,QAAS,QAEV,CACCH,KAAM,2BACNL,KAAM,QACND,MAAO,+BACPS,QAAS,QAEV,CACCH,KAAM,yBACNL,KAAM,QACND,MAAO,4BACPS,QAAS,QAEV,CACCH,KAAM,4BACNL,KAAM,QACND,MAAO,gCACPS,QAAS,WAEV,CACCH,KAAM,wBACNL,KAAM,QACND,MAAO,2BACPS,QAAS,WAEV,CACCH,KAAM,2BACNL,KAAM,QACND,MAAO,+BACPS,QAAS,QAEV,CACCH,KAAM,yBACNL,KAAM,QACND,MAAO,6BACPS,QAAS,QAEV,CACCH,KAAM,4BACNL,KAAM,QACND,MAAO,iCACPS,QAAS,QAEV,CACCH,KAAM,+BACNL,KAAM,QACND,MAAO,mCACPS,QAAS,WAEV,CACCH,KAAM,2BACNL,KAAM,QACND,MAAO,+BACPS,QAAS,iBAEV,CACCH,KAAM,2BACNL,KAAM,QACND,MAAO,+BACPS,QAAS,uBAEV,CACCH,KAAM,6BACNL,KAAM,QACND,MAAO,iCACPS,QAAS,0BAEV,CACCH,KAAM,sBACNL,KAAM,QACND,MAAO,yBACPS,QAAS,QAEV,CACCH,KAAM,gBACNL,KAAM,QAC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","sources":["lib/gaugeFields.jsx","GaugeCollectionWidget/Gauge.jsx","GaugeCollectionWidget/GaugeCollection.jsx","GaugeCollectionWidget/GaugeCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst dialogFields = () => [\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider dividerText=\"gauge_basic_options\" />,\n\t},\n\t{\n\t\tname: \"gaugeType\",\n\t\tlabel: \"gauge_type\",\n\t\ttype: \"select\",\n\t\toptions: [\n\t\t\t{ value: \"linear\", label: \"linear\" },\n\t\t\t{ value: \"radial\", label: \"radial\" },\n\t\t],\n\t\tdefault: \"linear\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeMinValue\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_min_value\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeMaxValue\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_max_value\",\n\t\tdefault: 100,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugePadding\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_padding\",\n\t\tdefault: 8,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeIconFit\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_icon_fit\",\n\t\toptions: [\n\t\t\t{ value: \"contain\", label: \"contain\" },\n\t\t\t{ value: \"cover\", label: \"cover\" },\n\t\t\t{ value: \"fill\", label: \"fill\" },\n\t\t],\n\t\tdefault: \"contain\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_linear_borders_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeBorderRadius\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_border_radius\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_linear_progress_bar_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeBarBeginCircle\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_bar_begin_circle\",\n\t\tdefault: 30,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeBarLength\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_bar_length\",\n\t\tdefault: 85,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_linear_coloring_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeColorBarEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_bar_end\",\n\t\tdefault: \"\",\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeColorBarProgressEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_bar_progress_end\",\n\t\tdefault: \"\",\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_linear_element_positioning_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeTickSide\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_tick_side\",\n\t\toptions: [\n\t\t\t{ value: \"both\", label: \"both\" },\n\t\t\t{ value: \"left\", label: \"left\" },\n\t\t\t{ value: \"right\", label: \"right\" },\n\t\t],\n\t\tdefault: \"both\",\n\t\tnoTranslation: true,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeNeedleSide\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_needle_side\",\n\t\toptions: [\n\t\t\t{ value: \"both\", label: \"both\" },\n\t\t\t{ value: \"left\", label: \"left\" },\n\t\t\t{ value: \"right\", label: \"right\" },\n\t\t],\n\t\tdefault: \"both\",\n\t\tnoTranslation: true,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeNumberSide\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_number_side\",\n\t\toptions: [\n\t\t\t{ value: \"both\", label: \"both\" },\n\t\t\t{ value: \"left\", label: \"left\" },\n\t\t\t{ value: \"right\", label: \"right\" },\n\t\t],\n\t\tdefault: \"both\",\n\t\tnoTranslation: true,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_linear_ticks_bar_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeTicksWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_ticks_width\",\n\t\tdefault: 10,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeTicksWidthMinor\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_ticks_width_minor\",\n\t\tdefault: 5,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tname: \"gaugeTicksPadding\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_ticks_padding\",\n\t\tdefault: 5,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"linear\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_radial_ticks_bar_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeTicksAngle\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_ticks_angle\",\n\t\tdefault: 270,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\tmax: 360,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeStartAngle\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_start_angle\",\n\t\tdefault: 45,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\tmax: 360,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_radial_coloring_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleCircleOuter\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_circle_outer\",\n\t\tdefault: \"#f0f0f0\",\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleCircleOuterEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_circle_outer_end\",\n\t\tdefault: \"#ccc\",\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleCircleInner\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_circle_inner\",\n\t\tdefault: \"#e8e8e8\",\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleCircleInnerEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_circle_inner_end\",\n\t\tdefault: \"#f5f5f5\",\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_radial_needle_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeNeedleCircleSize\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_needle_circle_size\",\n\t\tdefault: 10,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeNeedleCircleInner\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_needle_circle_inner\",\n\t\tdefault: true,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeNeedleCircleOuter\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_needle_circle_outer\",\n\t\tdefault: true,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_radial_animation_options\" />\n\t\t),\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeAnimationTarget\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_animation_target\",\n\t\toptions: [\n\t\t\t{ value: \"needle\", label: \"needle\" },\n\t\t\t{ value: \"plate\", label: \"plate\" },\n\t\t],\n\t\tdefault: \"needle\",\n\t\tnoTranslation: true,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tname: \"gaugeUseMinPath\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_use_min_path\",\n\t\tdefault: false,\n\t\thidden: (data) => data.gaugeType !== \"radial\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_ticks_bar_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeExactTicks\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_exact_ticks\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tname: \"gaugeMajorTicks\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_major_ticks\",\n\t\tdefault: 10,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeMinorTicks\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_minor_ticks\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeStrokeTicks\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_stroke_ticks\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeMajorTicksInt\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_major_ticks_int\",\n\t\tdefault: 1,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeMajorTicksDec\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_major_ticks_dec\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeHighlightsWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_highlights_width\",\n\t\tdefault: 15,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"gaugeNumbersMargin\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_numbers_margin\",\n\t\tdefault: 1,\n\t\tstep: 1,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_progress_bar_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeBarWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_bar_width\",\n\t\tdefault: 20,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\tmax: 50,\n\t},\n\t{\n\t\tname: \"gaugeBarStrokeWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_bar_stroke_width\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeBarProgress\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_bar_progress\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeBarShadow,\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_bar_shadow\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_animation_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeAnimation\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_animation\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeAnimationDuration\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_animation_duration\",\n\t\tdefault: 500,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeAnimationRule\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_animation_rule\",\n\t\toptions: [\n\t\t\t{ value: \"linear\", label: \"linear\" },\n\t\t\t{ value: \"quad\", label: \"quad\" },\n\t\t\t{ value: \"quint\", label: \"quint\" },\n\t\t\t{ value: \"cycle\", label: \"cycle\" },\n\t\t\t{ value: \"bounce\", label: \"bounce\" },\n\t\t\t{ value: \"elastic\", label: \"elastic\" },\n\t\t\t{ value: \"dequad\", label: \"dequad\" },\n\t\t\t{ value: \"dequint\", label: \"dequint\" },\n\t\t\t{ value: \"decycle\", label: \"decycle\" },\n\t\t\t{ value: \"debounce\", label: \"debounce\" },\n\t\t\t{ value: \"delastic\", label: \"delastic\" },\n\t\t],\n\t\tdefault: \"cycle\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeAnimatedValue\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_animated_value\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tname: \"gaugeAnimateOnInit\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_animate_on_init\",\n\t\tdefault: false,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider dividerText=\"gauge_coloring_options\" />,\n\t},\n\t{\n\t\tname: \"gaugeColorPlate\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_plate\",\n\t\tdefault: \"rgba(0,0,0,0)\",\n\t},\n\t{\n\t\tname: \"gaugeColorPlateEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_plate_end\",\n\t\tdefault: \"rgba(0,0,0,0)\",\n\t},\n\t{\n\t\tname: \"gaugeColorMajorTicks\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_major_ticks\",\n\t\tdefault: \"#444\",\n\t},\n\t{\n\t\tname: \"gaugeColorMinorTicks\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_minor_ticks\",\n\t\tdefault: \"#666\",\n\t},\n\t{\n\t\tname: \"gaugeColorStrokeTicks\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_stroke_ticks\",\n\t\tdefault: \"#444\",\n\t},\n\t{\n\t\tname: \"gaugeColorTitle\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_title\",\n\t\tdefault: \"#888\",\n\t},\n\t{\n\t\tname: \"gaugeColorUnits\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_units\",\n\t\tdefault: \"#888\",\n\t},\n\t{\n\t\tname: \"gaugeColorNumbers\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_numbers\",\n\t\tdefault: \"#444\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedle\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle\",\n\t\tdefault: \"rgba(240,128,128,1)\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_end\",\n\t\tdefault: \"rgba(255,160,122,.9)\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueText\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_text\",\n\t\tdefault: \"#444\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueTextShadow\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_text_shadow\",\n\t\tdefault: \"rgba(0,0,0,0.3)\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderShadow\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_shadow\",\n\t\tdefault: \"rgba(0,0,0,0.5)\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderOuter\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_outer\",\n\t\tdefault: \"#ddd\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderOuterEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_outer_end\",\n\t\tdefault: \"#aaa\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderMiddle\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_middle\",\n\t\tdefault: \"#eee\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderMiddleEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_middle_end\",\n\t\tdefault: \"#f0f0f0\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderInner\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_inner\",\n\t\tdefault: \"#fafafa\",\n\t},\n\t{\n\t\tname: \"gaugeColorBorderInnerEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_border_inner_end\",\n\t\tdefault: \"#ccc\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueBoxRect\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_box_rect\",\n\t\tdefault: \"#888\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueBoxRectEnd\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_box_rect_end\",\n\t\tdefault: \"#666\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueBoxBackground\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_box_background\",\n\t\tdefault: \"#babab2\",\n\t},\n\t{\n\t\tname: \"gaugeColorValueBoxShadow\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_value_box_shadow\",\n\t\tdefault: \"rgba(0,0,0,1)\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleShadowUp\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_shadow_up\",\n\t\tdefault: \"rgba(2,255,255,0.2)\",\n\t},\n\t{\n\t\tname: \"gaugeColorNeedleShadowDown\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_needle_shadow_down\",\n\t\tdefault: \"rgba(188,143,143,0.45)\",\n\t},\n\t{\n\t\tname: \"gaugeColorBarStroke\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_bar_stroke\",\n\t\tdefault: \"#222\",\n\t},\n\t{\n\t\tname: \"gaugeColorBar\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_bar\",\n\t\tdefault: \"#ccc\",\n\t},\n\t{\n\t\tname: \"gaugeColorBarProgress\",\n\t\ttype: \"color\",\n\t\tlabel: \"gauge_color_bar_progress\",\n\t\tdefault: \"#888\",\n\t},\n\t{\n\t\tname: \"gaugeHighlightsLineCap\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_highlights_line_cap\",\n\t\toptions: [\n\t\t\t{ value: \"butt\", label: \"butt\" },\n\t\t\t{ value: \"round\", label: \"round\" },\n\t\t\t{ value: \"square\", label: \"square\" },\n\t\t],\n\t\tdefault: \"butt\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_needle_configuration_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeNeedle\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_needle\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeNeedleShadow\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_needle_shadow\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeNeedleType\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_needle_type\",\n\t\toptions: [\n\t\t\t{ value: \"arrow\", label: \"arrow\" },\n\t\t\t{ value: \"line\", label: \"line\" },\n\t\t],\n\t\tdefault: \"arrow\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeNeedleStart\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_needle_start\",\n\t\tdefault: 5,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\tmax: 100,\n\t},\n\t{\n\t\tname: \"gaugeNeedleEnd\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_needle_end\",\n\t\tdefault: 85,\n\t\tstep: 1,\n\t\tmin: 0,\n\t\tmax: 100,\n\t},\n\t{\n\t\tname: \"gaugeNeedleWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_needle_width\",\n\t\tdefault: 4,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider dividerText=\"gauge_borders_options\" />,\n\t},\n\t{\n\t\tname: \"gaugeBorders\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_borders\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeBorderOuterWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_border_outer_width\",\n\t\tdefault: 3,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeBorderMiddleWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_border_middle_width\",\n\t\tdefault: 3,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeBorderInnerWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_border_inner_width\",\n\t\tdefault: 3,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeBorderShadowWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_border_shadow_width\",\n\t\tdefault: 3,\n\t\tmin: 0,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_value_box_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeValueBox\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_value_box\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeValueBoxStroke\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_value_box_stroke\",\n\t\tdefault: 5,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeValueBoxWidth\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_value_box_width\",\n\t\tdefault: 0,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeValueText\",\n\t\ttype: \"text\",\n\t\tlabel: \"gauge_value_text\",\n\t\tdefault: \"\",\n\t},\n\t{\n\t\tname: \"gaugeValueTextShadow\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"gauge_value_text_shadow\",\n\t\tdefault: true,\n\t},\n\t{\n\t\tname: \"gaugeValueBoxBorderRadius\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_value_box_border_radius\",\n\t\tdefault: 2.5,\n\t\tstep: 0.1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeValueInt\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_value_int\",\n\t\tdefault: 3,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeValueDec\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_value_dec\",\n\t\tdefault: 2,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => (\n\t\t\t<CollectionDivider dividerText=\"gauge_fonts_customization_options\" />\n\t\t),\n\t},\n\t{\n\t\tname: \"gaugeFontNumbers\",\n\t\ttype: \"fontname\",\n\t\tlabel: \"gauge_font_numbers\",\n\t\tdefault: \"Arial\",\n\t},\n\t{\n\t\tname: \"gaugeFontTitle\",\n\t\ttype: \"fontname\",\n\t\tlabel: \"gauge_font_title\",\n\t\tdefault: \"Arial\",\n\t},\n\t{\n\t\tname: \"gaugeFontUnits\",\n\t\ttype: \"fontname\",\n\t\tlabel: \"gauge_font_units\",\n\t\tdefault: \"Arial\",\n\t},\n\t{\n\t\tname: \"gaugeFontValue\",\n\t\ttype: \"fontname\",\n\t\tlabel: \"gauge_font_value\",\n\t\tdefault: \"Arial\",\n\t},\n\t{\n\t\tlabel: \"\",\n\t\tname: \"allFieldsDivider\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"gaugeFontNumbersSize\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_font_numbers_size\",\n\t\tdefault: 20,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeFontTitleSize\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_font_title_size\",\n\t\tdefault: 24,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeFontUnitsSize\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_font_units_size\",\n\t\tdefault: 22,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tname: \"gaugeFontValueSize\",\n\t\ttype: \"number\",\n\t\tlabel: \"gauge_font_value_size\",\n\t\tdefault: 26,\n\t\tstep: 1,\n\t\tmin: 0,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\tname: \"allFieldsDivider\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"gaugeFontNumbersStyle\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_numbers_style\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"italic\", label: \"italic\" },\n\t\t\t{ value: \"oblique\", label: \"oblique\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontTitleStyle\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_title_style\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"italic\", label: \"italic\" },\n\t\t\t{ value: \"oblique\", label: \"oblique\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontUnitsStyle\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_units_style\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"italic\", label: \"italic\" },\n\t\t\t{ value: \"oblique\", label: \"oblique\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontValueStyle\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_value_style\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"italic\", label: \"italic\" },\n\t\t\t{ value: \"oblique\", label: \"oblique\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tlabel: \"\",\n\t\tname: \"allFieldsDivider\",\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"gaugeFontNumbersWeight\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_numbers_weight\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"bold\", label: \"bold\" },\n\t\t\t{ value: \"bolder\", label: \"bolder\" },\n\t\t\t{ value: \"lighter\", label: \"lighter\" },\n\t\t\t{ value: \"100\", label: \"100\" },\n\t\t\t{ value: \"200\", label: \"200\" },\n\t\t\t{ value: \"300\", label: \"300\" },\n\t\t\t{ value: \"400\", label: \"400\" },\n\t\t\t{ value: \"500\", label: \"500\" },\n\t\t\t{ value: \"600\", label: \"600\" },\n\t\t\t{ value: \"700\", label: \"700\" },\n\t\t\t{ value: \"800\", label: \"800\" },\n\t\t\t{ value: \"900\", label: \"900\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontTitleWeight\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_title_weight\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"bold\", label: \"bold\" },\n\t\t\t{ value: \"bolder\", label: \"bolder\" },\n\t\t\t{ value: \"lighter\", label: \"lighter\" },\n\t\t\t{ value: \"100\", label: \"100\" },\n\t\t\t{ value: \"200\", label: \"200\" },\n\t\t\t{ value: \"300\", label: \"300\" },\n\t\t\t{ value: \"400\", label: \"400\" },\n\t\t\t{ value: \"500\", label: \"500\" },\n\t\t\t{ value: \"600\", label: \"600\" },\n\t\t\t{ value: \"700\", label: \"700\" },\n\t\t\t{ value: \"800\", label: \"800\" },\n\t\t\t{ value: \"900\", label: \"900\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontUnitsWeight\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_units_weight\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"bold\", label: \"bold\" },\n\t\t\t{ value: \"bolder\", label: \"bolder\" },\n\t\t\t{ value: \"lighter\", label: \"lighter\" },\n\t\t\t{ value: \"100\", label: \"100\" },\n\t\t\t{ value: \"200\", label: \"200\" },\n\t\t\t{ value: \"300\", label: \"300\" },\n\t\t\t{ value: \"400\", label: \"400\" },\n\t\t\t{ value: \"500\", label: \"500\" },\n\t\t\t{ value: \"600\", label: \"600\" },\n\t\t\t{ value: \"700\", label: \"700\" },\n\t\t\t{ value: \"800\", label: \"800\" },\n\t\t\t{ value: \"900\", label: \"900\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n\t{\n\t\tname: \"gaugeFontValueWeight\",\n\t\ttype: \"select\",\n\t\tlabel: \"gauge_font_value_weight\",\n\t\toptions: [\n\t\t\t{ value: \"normal\", label: \"normal\" },\n\t\t\t{ value: \"bold\", label: \"bold\" },\n\t\t\t{ value: \"bolder\", label: \"bolder\" },\n\t\t\t{ value: \"lighter\", label: \"lighter\" },\n\t\t\t{ value: \"100\", label: \"100\" },\n\t\t\t{ value: \"200\", label: \"200\" },\n\t\t\t{ value: \"300\", label: \"300\" },\n\t\t\t{ value: \"400\", label: \"400\" },\n\t\t\t{ value: \"500\", label: \"500\" },\n\t\t\t{ value: \"600\", label: \"600\" },\n\t\t\t{ value: \"700\", label: \"700\" },\n\t\t\t{ value: \"800\", label: \"800\" },\n\t\t\t{ value: \"900\", label: \"900\" },\n\t\t],\n\t\tdefault: \"normal\",\n\t\tnoTranslation: true,\n\t},\n];\n\nexport default dialogFields;\n","import { Box } from \"@mui/material\";\nimport React, { useRef, useEffect } from \"react\";\n\nimport { LinearGauge, RadialGauge } from \"canvas-gauges\";\n\nconst TransparentImg =\n\t\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n\nconst Gauge = (props) => {\n\tconst gaugeRef = useRef(null);\n\tconst canvasRef = useRef(null);\n\n\tuseEffect(() => {\n\t\tif (\n\t\t\tgaugeRef.current === null ||\n\t\t\tgaugeRef.current.options.gaugeType !== props.gaugeType\n\t\t) {\n\t\t\tconst options = Object.assign({}, props, {\n\t\t\t\trenderTo: canvasRef.current,\n\t\t\t});\n\n\t\t\tswitch (props.gaugeType) {\n\t\t\t\tcase \"radial\":\n\t\t\t\t\tif (gaugeRef.current !== null) gaugeRef.current.destroy();\n\t\t\t\t\tgaugeRef.current = new RadialGauge(options).draw();\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase \"linear\":\n\t\t\t\t\tif (gaugeRef.current !== null) gaugeRef.current.destroy();\n\t\t\t\t\tgaugeRef.current = new LinearGauge(options).draw();\n\t\t\t\t\tbreak;\n\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}, [props]);\n\n\tuseEffect(() => {\n\t\tif (gaugeRef.current !== null && props.width && props.height) {\n\t\t\tif (props.width > 30 && props.height > 30) {\n\t\t\t\tgaugeRef.current.value = props.value;\n\t\t\t\tgaugeRef.current.update(props);\n\t\t\t}\n\t\t}\n\t}, [props]);\n\n\tconst iconSize =\n\t\tBoolean(props.gaugeWidgetData.iconSize) ||\n\t\tprops.gaugeWidgetData.iconSize === 0\n\t\t\t? `${props.gaugeWidgetData.iconSize}%`\n\t\t\t: null;\n\n\tconst segment = props.gaugeSegment;\n\treturn (\n\t\t<Box\n\t\t\tsx={{\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\tjustifyContent: \"center\",\n\t\t\t\talignItems: \"center\",\n\t\t\t}}\n\t\t>\n\t\t\t<img\n\t\t\t\talt=\"\"\n\t\t\t\tsrc={segment?.state.icon || props.gaugeData.icon || TransparentImg}\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\twidth: Number(segment?.state.iconSize)\n\t\t\t\t\t\t? `${segment.state.iconSize}%`\n\t\t\t\t\t\t: iconSize || \"50%\",\n\t\t\t\t\theight: Number(segment?.state.iconSize)\n\t\t\t\t\t\t? `${segment.state.iconSize}%`\n\t\t\t\t\t\t: iconSize || \"50%\",\n\n\t\t\t\t\tboxSizing: \"border-box\",\n\t\t\t\t\tobjectFit: props.gaugeWidgetData.gaugeIconFit,\n\t\t\t\t\ttop:\n\t\t\t\t\t\t(!!segment && `calc(0px - ${segment.state.iconYOffset})`) ||\n\t\t\t\t\t\t(props.gaugeWidgetData.iconYOffset !== \"0px\" &&\n\t\t\t\t\t\t\t`calc(0px - ${props.gaugeWidgetData.iconYOffset})`) ||\n\t\t\t\t\t\t\"0px\",\n\t\t\t\t\tleft:\n\t\t\t\t\t\t(!!segment && `calc(0px + ${segment.state.iconXOffset})`) ||\n\t\t\t\t\t\t(props.gaugeWidgetData.iconXOffset !== \"0px\" &&\n\t\t\t\t\t\t\t`calc(0px + ${props.gaugeWidgetData.iconXOffset})`) ||\n\t\t\t\t\t\t\"0px\",\n\n\t\t\t\t\tcolor: segment?.state.iconColor || props.gaugeData.iconColor,\n\t\t\t\t\tfilter:\n\t\t\t\t\t\t(segment?.state.iconColor || props.gaugeData.iconColor) &&\n\t\t\t\t\t\t\"drop-shadow(0px 10000px 0)\",\n\t\t\t\t\ttransform:\n\t\t\t\t\t\t(segment?.state.iconColor || props.gaugeData.iconColor) &&\n\t\t\t\t\t\t\"translateY(-10000px)\",\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<canvas\n\t\t\t\tid=\"my-canvas\"\n\t\t\t\tref={canvasRef}\n\t\t\t\tstyle={{\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t}}\n\t\t\t/>\n\t\t</Box>\n\t);\n};\n\nexport default Gauge;\n","import { Box } from \"@mui/material\";\nimport React, { useContext, useMemo, useRef, useEffect } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useOidValue from \"../hooks/useOidValue\";\nimport Gauge from \"./Gauge\";\n\nconst findSegment = (highlights, value, maxValue) => {\n\tconst segment = highlights.find((highlight) => {\n\t\tif (highlight.from === undefined || highlight.to === undefined) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t/* value >= highlight.from &&\n\t\t\t(value < highlight.to ||\n\t\t\t\t(value === highlight.to && value === maxValue)) &&\n\t\t\thighlight.icon */\n\t\t\tvalue >= highlight.from &&\n\t\t\t(value < highlight.to || (value === highlight.to && value === maxValue))\n\t\t);\n\t});\n\treturn segment || null;\n};\n\nfunction GaugeCollection() {\n\tconst baseRef = useRef(null);\n\tconst gaugeRef = useRef(null);\n\tconst { wrappedContent, oidObject, widget } = useContext(CollectionContext);\n\n\tconst { data, states } = useData(\"oid\");\n\tconst oidValue = useOidValue(\"oid\");\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType = oidType === \"number\";\n\n\tconst majorTicks = useMemo(() => {\n\t\tconst minValue = Number(widget.data.gaugeMinValue) || 0;\n\t\tconst maxValue = Number(widget.data.gaugeMaxValue) || 100;\n\n\t\tconst _majorTicks = [];\n\n\t\tif (\n\t\t\twidget.data.gaugeMajorTicks &&\n\t\t\tNumber(widget.data.gaugeMajorTicks > 0)\n\t\t) {\n\t\t\tfor (let i = 0; i <= Number(widget.data.gaugeMajorTicks); i++) {\n\t\t\t\tconst value =\n\t\t\t\t\tminValue +\n\t\t\t\t\t((maxValue - minValue) / Number(widget.data.gaugeMajorTicks) || 1) *\n\t\t\t\t\t\ti;\n\t\t\t\t// zwei Nachkommastellen\n\t\t\t\t_majorTicks.push(Math.round(value * 100) / 100);\n\t\t\t}\n\t\t}\n\n\t\treturn _majorTicks;\n\t}, [\n\t\twidget.data.gaugeMinValue,\n\t\twidget.data.gaugeMaxValue,\n\t\twidget.data.gaugeMajorTicks,\n\t]);\n\n\tconst highlights = useMemo(() => {\n\t\tconst _highlights = [];\n\t\tconst maxValue = Number(widget.data.gaugeMaxValue) || 100;\n\n\t\tstates.forEach((state, index) => {\n\t\t\tconst nextValue = states[index + 1]?.value || maxValue;\n\n\t\t\t_highlights.push({\n\t\t\t\tfrom: state.value,\n\t\t\t\tto: nextValue,\n\t\t\t\tcolor: state.textColor || \"transparent\",\n\t\t\t\tstate,\n\t\t\t});\n\t\t});\n\n\t\t// Set the last highlight to maxValue if the last state value is less than maxValue\n\t\tif (states.length > 0 && states[states.length - 1].value < maxValue) {\n\t\t\t_highlights[_highlights.length - 1].to = maxValue;\n\t\t}\n\n\t\treturn _highlights;\n\t}, [states, widget.data.gaugeMaxValue]);\n\n\tconst segment = findSegment(\n\t\thighlights,\n\t\toidValue,\n\t\tNumber(widget.data.gaugeMaxValue) ? Number(widget.data.gaugeMaxValue) : 100,\n\t);\n\n\tconst paper0 = baseRef.current?.paper0;\n\tconst paper1 = baseRef.current?.paper1;\n\n\tuseEffect(() => {\n\t\tif (paper0 && paper1) {\n\t\t\tif (segment) {\n\t\t\t\tpaper0.style.borderColor =\n\t\t\t\t\t!wrappedContent &&\n\t\t\t\t\t(segment?.state.frameBackgroundColorActive ||\n\t\t\t\t\t\tsegment?.state.frameBackgroundColor ||\n\t\t\t\t\t\tnull);\n\n\t\t\t\tpaper0.style.background = wrappedContent\n\t\t\t\t\t? segment?.state.frameBackgroundColorActive ||\n\t\t\t\t\t\tsegment?.state.frameBackgroundColor ||\n\t\t\t\t\t\tsegment?.state.frameBackgroundActive ||\n\t\t\t\t\t\tsegment?.state.frameBackground ||\n\t\t\t\t\t\tnull\n\t\t\t\t\t: \"transparent\";\n\t\t\t\t// ----------------------------------------------------------\n\t\t\t\tpaper1.style.borderColor =\n\t\t\t\t\t!wrappedContent &&\n\t\t\t\t\t(segment?.state.backgroundColorActive ||\n\t\t\t\t\t\tsegment?.state.backgroundColor ||\n\t\t\t\t\t\tnull);\n\n\t\t\t\tpaper1.style.background = wrappedContent\n\t\t\t\t\t? segment?.state.backgroundColorActive ||\n\t\t\t\t\t\tsegment?.state.backgroundColor ||\n\t\t\t\t\t\tsegment?.state.backgroundActive ||\n\t\t\t\t\t\tsegment?.state.background ||\n\t\t\t\t\t\tnull\n\t\t\t\t\t: \"transparent\";\n\t\t\t} else {\n\t\t\t\tpaper0.style.borderColor =\n\t\t\t\t\t!wrappedContent &&\n\t\t\t\t\t((segment?.state.frameBackgroundColor &&\n\t\t\t\t\t\t`${segment?.state.frameBackgroundColor}!important`) ||\n\t\t\t\t\t\tnull);\n\n\t\t\t\tpaper0.style.background =\n\t\t\t\t\twrappedContent &&\n\t\t\t\t\t(widget.data.frameBackgroundColor ||\n\t\t\t\t\t\twidget.data.frameBackground ||\n\t\t\t\t\t\tnull);\n\t\t\t\t// ----------------------------------------------------------\n\t\t\t\tpaper1.style.borderColor =\n\t\t\t\t\t!wrappedContent &&\n\t\t\t\t\t((segment?.state.backgroundColor &&\n\t\t\t\t\t\t`${segment?.state.backgroundColor}!important`) ||\n\t\t\t\t\t\tnull);\n\n\t\t\t\tpaper1.style.background =\n\t\t\t\t\twrappedContent &&\n\t\t\t\t\t(widget.data.backgroundColor || widget.data.background || null);\n\t\t\t}\n\t\t}\n\t}, [paper0, paper1, wrappedContent, segment, widget.data]);\n\n\treturn (\n\t\t<CollectionBase\n\t\t\tref={baseRef}\n\t\t\tisValidType={isValidType}\n\t\t\tdata={data}\n\t\t\toidValue={oidValue}\n\t\t>\n\t\t\t{/* {data.icon && (\n\t\t\t\t<img\n\t\t\t\t\talt=\"\"\n\t\t\t\t\tsrc={data.icon}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\ttop: `calc(0px + ${widget.data.iconYOffset})`,\n\t\t\t\t\t\tright: `calc(0px + ${widget.data.iconXOffset})`,\n\t\t\t\t\t\twidth: data.iconSize,\n\t\t\t\t\t\theight: data.iconSize,\n\t\t\t\t\t\tcolor: data.iconColor,\n\t\t\t\t\t\tfilter: data.iconColor ? \"drop-shadow(0px 10000px 0)\" : null,\n\t\t\t\t\t\ttransform: data.iconColor ? \"translateY(-10000px)\" : null,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)} */}\n\n\t\t\t<Box\n\t\t\t\tref={gaugeRef}\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\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Gauge\n\t\t\t\t\tgaugeData={data}\n\t\t\t\t\tgaugeWidgetData={widget.data}\n\t\t\t\t\tgaugeSegment={segment}\n\t\t\t\t\tgaugeType={widget.data.gaugeType}\n\t\t\t\t\t// Basic Options\n\t\t\t\t\twidth={\n\t\t\t\t\t\tgaugeRef.current?.clientWidth - Number(widget.data.gaugePadding)\n\t\t\t\t\t}\n\t\t\t\t\theight={\n\t\t\t\t\t\tgaugeRef.current?.clientHeight - Number(widget.data.gaugePadding)\n\t\t\t\t\t}\n\t\t\t\t\tminValue={\n\t\t\t\t\t\tNumber(widget.data.gaugeMinValue)\n\t\t\t\t\t\t\t? Number(widget.data.gaugeMinValue)\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmaxValue={\n\t\t\t\t\t\tNumber(widget.data.gaugeMaxValue)\n\t\t\t\t\t\t\t? Number(widget.data.gaugeMaxValue)\n\t\t\t\t\t\t\t: 100\n\t\t\t\t\t}\n\t\t\t\t\tvalue={oidValue}\n\t\t\t\t\tunits={widget.data.unit}\n\t\t\t\t\ttitle={data.header}\n\t\t\t\t\t// Ticks Bar Options\n\t\t\t\t\texactTicks={widget.data.gaugeExactTicks} // boolean\n\t\t\t\t\tmajorTicks={majorTicks}\n\t\t\t\t\tminorTicks={\n\t\t\t\t\t\ttypeof widget.data.gaugeMinorTicks === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeMinorTicks\n\t\t\t\t\t\t\t: Number(widget.data.gaugeMinorTicks)\n\t\t\t\t\t}\n\t\t\t\t\tstrokeTicks={widget.data.gaugeStrokeTicks} // boolean\n\t\t\t\t\t// majorTicksInt={widget.data.gaugeMajorTicksInt || 1}\n\t\t\t\t\tmajorTicksInt={\n\t\t\t\t\t\ttypeof widget.data.gaugeMajorTicksInt === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeMajorTicksInt\n\t\t\t\t\t\t\t: Number(widget.data.gaugeMajorTicksInt)\n\t\t\t\t\t}\n\t\t\t\t\t// majorTicksDec={widget.data.gaugeMajorTicksDec || 0}\n\t\t\t\t\tmajorTicksDec={\n\t\t\t\t\t\ttypeof widget.data.gaugeMajorTicksDec === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeMajorTicksDec\n\t\t\t\t\t\t\t: Number(widget.data.gaugeMajorTicksDec)\n\t\t\t\t\t}\n\t\t\t\t\thighlights={highlights}\n\t\t\t\t\t// highlightsWidth={widget.data.gaugeHighlightsWidth || 15}\n\t\t\t\t\thighlightsWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeHighlightsWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeHighlightsWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeHighlightsWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// numbersMargin={widget.data.gaugeNumbersMargin || 1}\n\t\t\t\t\tnumbersMargin={\n\t\t\t\t\t\ttypeof widget.data.gaugeNumbersMargin === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeNumbersMargin\n\t\t\t\t\t\t\t: Number(widget.data.gaugeNumbersMargin)\n\t\t\t\t\t}\n\t\t\t\t\t// Progress Bar Options\n\t\t\t\t\tbarWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBarWidth === \"number\" &&\n\t\t\t\t\t\twidget.data.gaugeBarWidth <= 50\n\t\t\t\t\t\t\t? widget.data.gaugeBarWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBarWidth) <= 50\n\t\t\t\t\t\t\t\t? Number(widget.data.gaugeBarWidth)\n\t\t\t\t\t\t\t\t: 50\n\t\t\t\t\t}\n\t\t\t\t\t// barStrokeWidth={widget.data.gaugeBarStrokeWidth || 0}\n\t\t\t\t\tbarStrokeWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBarStrokeWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBarStrokeWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBarStrokeWidth)\n\t\t\t\t\t}\n\t\t\t\t\tbarProgress={widget.data.gaugeBarProgress} // boolean\n\t\t\t\t\t// barShadow={widget.data.gaugeBarShadow || 0}\n\t\t\t\t\tbarShadow={\n\t\t\t\t\t\ttypeof widget.data.gaugeBarShadow === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBarShadow\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBarShadow)\n\t\t\t\t\t}\n\t\t\t\t\t// Animation Options\n\t\t\t\t\tanimation={widget.data.gaugeAnimation} // boolean\n\t\t\t\t\t// animationDuration={widget.data.gaugeAnimationDuration || 500}\n\t\t\t\t\tanimationDuration={\n\t\t\t\t\t\ttypeof widget.data.gaugeAnimationDuration === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeAnimationDuration\n\t\t\t\t\t\t\t: Number(widget.data.gaugeAnimationDuration)\n\t\t\t\t\t}\n\t\t\t\t\tanimationRule={widget.data.gaugeAnimationRule || \"cycle\"}\n\t\t\t\t\tanimatedValue={widget.data.gaugeAnimatedValue} // boolean\n\t\t\t\t\tanimateOnInit={widget.data.gaugeAnimateOnInit} // boolean\n\t\t\t\t\t// Color Options\n\t\t\t\t\tcolorPlate={widget.data.gaugeColorPlate || \"rgba(0,0,0,0)\"}\n\t\t\t\t\tcolorPlateEnd={widget.data.gaugeColorPlateEnd || \"rgba(0,0,0,0)\"}\n\t\t\t\t\tcolorMajorTicks={widget.data.gaugeColorMajorTicks || \"#444\"}\n\t\t\t\t\tcolorMinorTicks={widget.data.gaugeColorMinorTicks || \"#666\"}\n\t\t\t\t\tcolorStrokeTicks={widget.data.gaugeColorStrokeTicks || \"#444\"}\n\t\t\t\t\tcolorTitle={widget.data.gaugeColorTitle || \"#888\"}\n\t\t\t\t\tcolorUnits={widget.data.gaugeColorUnits || \"#888\"}\n\t\t\t\t\tcolorNumbers={widget.data.gaugeColorNumbers || \"#444\"}\n\t\t\t\t\tcolorNeedle={widget.data.gaugeColorNeedle || \"rgba(240,128,128,1)\"}\n\t\t\t\t\tcolorNeedleEnd={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleEnd || \"rgba(255,160,122,.9)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorValueText={widget.data.gaugeColorValueText || \"#444\"}\n\t\t\t\t\tcolorValueTextShadow={\n\t\t\t\t\t\twidget.data.gaugeColorValueTextShadow || \"rgba(0,0,0,0.3)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorBorderShadow={\n\t\t\t\t\t\twidget.data.gaugeColorBorderShadow || \"rgba(0,0,0,0.5)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorBorderOuter={widget.data.gaugeColorBorderOuter || \"#ddd\"}\n\t\t\t\t\tcolorBorderOuterEnd={widget.data.gaugeColorBorderOuterEnd || \"#aaa\"}\n\t\t\t\t\tcolorBorderMiddle={widget.data.gaugeColorBorderMiddle || \"#eee\"}\n\t\t\t\t\tcolorBorderMiddleEnd={\n\t\t\t\t\t\twidget.data.gaugeColorBorderMiddleEnd || \"#f0f0f0\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorBorderInner={widget.data.gaugeColorBorderInner || \"#fafafa\"}\n\t\t\t\t\tcolorBorderInnerEnd={widget.data.gaugeColorBorderInnerEnd || \"#ccc\"}\n\t\t\t\t\tcolorValueBoxRect={widget.data.gaugeColorValueBoxRect || \"#888\"}\n\t\t\t\t\tcolorValueBoxRectEnd={widget.data.gaugeColorValueBoxRectEnd || \"#666\"}\n\t\t\t\t\tcolorValueBoxBackground={\n\t\t\t\t\t\twidget.data.gaugeColorValueBoxBackground || \"#babab2\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorValueBoxShadow={\n\t\t\t\t\t\twidget.data.gaugeColorValueBoxShadow || \"rgba(0,0,0,1)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleShadowUp={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleShadowUp || \"rgba(2,255,255,0.2)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleShadowDown={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleShadowDown || \"rgba(188,143,143,0.45)\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorBarStroke={widget.data.gaugeColorBarStroke || \"#222\"}\n\t\t\t\t\tcolorBar={widget.data.gaugeColorBar || \"#ccc\"}\n\t\t\t\t\tcolorBarProgress={widget.data.gaugeColorBarProgress || \"#888\"}\n\t\t\t\t\thighlightsLineCap={widget.data.gaugeHighlightsLineCap || \"butt\"}\n\t\t\t\t\t// Needle Configuration Options\n\t\t\t\t\tneedle={widget.data.gaugeNeedle} // boolean\n\t\t\t\t\tneedleShadow={widget.data.gaugeNeedleShadow} // boolean\n\t\t\t\t\tneedleType={widget.data.gaugeNeedleType || \"arrow\"}\n\t\t\t\t\t// needleStart={widget.data.gaugeNeedleStart || 5}\n\t\t\t\t\tneedleStart={\n\t\t\t\t\t\ttypeof widget.data.gaugeNeedleStart === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeNeedleStart\n\t\t\t\t\t\t\t: Number(widget.data.gaugeNeedleStart)\n\t\t\t\t\t}\n\t\t\t\t\t// needleEnd={widget.data.gaugeNeedleEnd || 85}\n\t\t\t\t\tneedleEnd={\n\t\t\t\t\t\ttypeof widget.data.gaugeNeedleEnd === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeNeedleEnd\n\t\t\t\t\t\t\t: Number(widget.data.gaugeNeedleEnd)\n\t\t\t\t\t}\n\t\t\t\t\t// needleWidth={widget.data.gaugeNeedleWidth || 4}\n\t\t\t\t\tneedleWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeNeedleWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeNeedleWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeNeedleWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// Borders Options\n\t\t\t\t\tborders={widget.data.gaugeBorders} // boolean\n\t\t\t\t\t// borderOuterWidth={widget.data.gaugeBorderOuterWidth || 3}\n\t\t\t\t\tborderOuterWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBorderOuterWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBorderOuterWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBorderOuterWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// borderMiddleWidth={widget.data.gaugeBorderMiddleWidth || 3}\n\t\t\t\t\tborderMiddleWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBorderMiddleWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBorderMiddleWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBorderMiddleWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// borderInnerWidth={widget.data.gaugeBorderInnerWidth || 3}\n\t\t\t\t\tborderInnerWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBorderInnerWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBorderInnerWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBorderInnerWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// borderShadowWidth={widget.data.gaugeBorderShadowWidth || 3}\n\t\t\t\t\tborderShadowWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeBorderShadowWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBorderShadowWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBorderShadowWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// Value Box Options\n\t\t\t\t\tvalueBox={widget.data.gaugeValueBox} // boolean\n\t\t\t\t\t// valueBoxStroke={widget.data.gaugeValueBoxStroke || 5}\n\t\t\t\t\tvalueBoxStroke={\n\t\t\t\t\t\ttypeof widget.data.gaugeValueBoxStroke === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeValueBoxStroke\n\t\t\t\t\t\t\t: Number(widget.data.gaugeValueBoxStroke)\n\t\t\t\t\t}\n\t\t\t\t\t// valueBoxWidth={widget.data.gaugeValueBoxWidth || 0}\n\t\t\t\t\tvalueBoxWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeValueBoxWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeValueBoxWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeValueBoxWidth)\n\t\t\t\t\t}\n\t\t\t\t\tvalueText={widget.data.gaugeValueText || \"\"}\n\t\t\t\t\tvalueTextShadow={widget.data.gaugeValueTextShadow} // boolean\n\t\t\t\t\t// valueBoxBorderRadius={widget.data.gaugeValueBoxBorderRadius || 2.5}\n\t\t\t\t\tvalueBoxBorderRadius={\n\t\t\t\t\t\ttypeof widget.data.gaugeValueBoxBorderRadius === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeValueBoxBorderRadius\n\t\t\t\t\t\t\t: Number(widget.data.gaugeValueBoxBorderRadius)\n\t\t\t\t\t}\n\t\t\t\t\tvalueInt={\n\t\t\t\t\t\ttypeof widget.data.gaugeValueInt === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeValueInt\n\t\t\t\t\t\t\t: Number(widget.data.gaugeValueInt)\n\t\t\t\t\t}\n\t\t\t\t\tvalueDec={\n\t\t\t\t\t\ttypeof widget.data.gaugeValueDec === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeValueDec\n\t\t\t\t\t\t\t: Number(widget.data.gaugeValueDec)\n\t\t\t\t\t}\n\t\t\t\t\t// Fonts Customization Options\n\t\t\t\t\tfontNumbers={widget.data.gaugeFontNumbers || \"Arial\"}\n\t\t\t\t\tfontTitle={widget.data.gaugeFontTitle || \"Arial\"}\n\t\t\t\t\tfontUnits={widget.data.gaugeFontUnits || \"Arial\"}\n\t\t\t\t\tfontValue={widget.data.gaugeFontValue || \"Arial\"}\n\t\t\t\t\t// fontNumbersSize={widget.data.gaugeFontNumbersSize || 20}\n\t\t\t\t\tfontNumbersSize={\n\t\t\t\t\t\ttypeof widget.data.gaugeFontNumbersSize === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeFontNumbersSize\n\t\t\t\t\t\t\t: Number(widget.data.gaugeFontNumbersSize)\n\t\t\t\t\t}\n\t\t\t\t\t// fontTitleSize={widget.data.gaugeFontTitleSize || 24}\n\t\t\t\t\tfontTitleSize={\n\t\t\t\t\t\ttypeof widget.data.gaugeFontTitleSize === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeFontTitleSize\n\t\t\t\t\t\t\t: Number(widget.data.gaugeFontTitleSize)\n\t\t\t\t\t}\n\t\t\t\t\t// fontUnitsSize={widget.data.gaugeFontUnitsSize || 22}\n\t\t\t\t\tfontUnitsSize={\n\t\t\t\t\t\ttypeof widget.data.gaugeFontUnitsSize === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeFontUnitsSize\n\t\t\t\t\t\t\t: Number(widget.data.gaugeFontUnitsSize)\n\t\t\t\t\t}\n\t\t\t\t\t// fontValueSize={widget.data.gaugeFontValueSize || 26}\n\t\t\t\t\tfontValueSize={\n\t\t\t\t\t\ttypeof widget.data.gaugeFontValueSize === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeFontValueSize\n\t\t\t\t\t\t\t: Number(widget.data.gaugeFontValueSize)\n\t\t\t\t\t}\n\t\t\t\t\tfontNumbersStyle={widget.data.gaugeFontNumbersStyle || \"normal\"}\n\t\t\t\t\tfontTitleStyle={widget.data.gaugeFontTitleStyle || \"normal\"}\n\t\t\t\t\tfontUnitsStyle={widget.data.gaugeFontUnitsStyle || \"normal\"}\n\t\t\t\t\tfontValueStyle={widget.data.gaugeFontValueStyle || \"normal\"}\n\t\t\t\t\tfontNumbersWeight={widget.data.gaugeFontNumbersWeight || \"normal\"}\n\t\t\t\t\tfontTitleWeight={widget.data.gaugeFontTitleWeight || \"normal\"}\n\t\t\t\t\tfontUnitsWeight={widget.data.gaugeFontUnitsWeight || \"normal\"}\n\t\t\t\t\tfontValueWeight={widget.data.gaugeFontValueWeight || \"normal\"}\n\t\t\t\t\t// Linear Borders Options\n\t\t\t\t\t// borderRadius={widget.data.gaugeBorderRadius || 0}\n\t\t\t\t\tborderRadius={\n\t\t\t\t\t\ttypeof widget.data.gaugeBorderRadius === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBorderRadius\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBorderRadius)\n\t\t\t\t\t}\n\t\t\t\t\t// Linear Progress Bar Options\n\t\t\t\t\tbarBeginCircle={\n\t\t\t\t\t\ttypeof widget.data.gaugeBarBeginCircle === \"number\" &&\n\t\t\t\t\t\twidget.data.gaugeBarBeginCircle < 12\n\t\t\t\t\t\t\t? 30\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBarBeginCircle)\n\t\t\t\t\t}\n\t\t\t\t\t// barLength={widget.data.gaugeBarLength || 85}\n\t\t\t\t\tbarLength={\n\t\t\t\t\t\ttypeof widget.data.gaugeBarLength === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeBarLength\n\t\t\t\t\t\t\t: Number(widget.data.gaugeBarLength)\n\t\t\t\t\t}\n\t\t\t\t\t// Linear Coloring Options\n\t\t\t\t\tcolorBarEnd={widget.data.gaugeColorBarEnd || \"\"}\n\t\t\t\t\tcolorBarProgressEnd={widget.data.gaugeColorBarProgressEnd || \"\"}\n\t\t\t\t\t// Linear Element Positioning Options\n\t\t\t\t\ttickSide={widget.data.gaugeTickSide || \"both\"}\n\t\t\t\t\tneedleSide={widget.data.gaugeNeedleSide || \"both\"}\n\t\t\t\t\tnumberSide={widget.data.gaugeNumberSide || \"both\"}\n\t\t\t\t\t// Linear Ticks Bar Options\n\t\t\t\t\t// ticksWidth={widget.data.gaugeTicksWidth || 10}\n\t\t\t\t\tticksWidth={\n\t\t\t\t\t\ttypeof widget.data.gaugeTicksWidth === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeTicksWidth\n\t\t\t\t\t\t\t: Number(widget.data.gaugeTicksWidth)\n\t\t\t\t\t}\n\t\t\t\t\t// ticksWidthMinor={widget.data.gaugeTicksWidthMinor || 5}\n\t\t\t\t\tticksWidthMinor={\n\t\t\t\t\t\ttypeof widget.data.gaugeTicksWidthMinor === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeTicksWidthMinor\n\t\t\t\t\t\t\t: Number(widget.data.gaugeTicksWidthMinor)\n\t\t\t\t\t}\n\t\t\t\t\t// ticksPadding={widget.data.gaugeTicksPadding || 5}\n\t\t\t\t\tticksPadding={\n\t\t\t\t\t\ttypeof widget.data.gaugeTicksPadding === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeTicksPadding\n\t\t\t\t\t\t\t: Number(widget.data.gaugeTicksPadding)\n\t\t\t\t\t}\n\t\t\t\t\t// Radial Ticks Bar Options\n\t\t\t\t\t// ticksAngle={widget.data.gaugeTicksAngle || 270}\n\t\t\t\t\tticksAngle={\n\t\t\t\t\t\ttypeof widget.data.gaugeTicksAngle === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeTicksAngle\n\t\t\t\t\t\t\t: Number(widget.data.gaugeTicksAngle)\n\t\t\t\t\t}\n\t\t\t\t\t// startAngle={widget.data.gaugeStartAngle || 45}\n\t\t\t\t\tstartAngle={\n\t\t\t\t\t\ttypeof widget.data.gaugeStartAngle === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeStartAngle\n\t\t\t\t\t\t\t: Number(widget.data.gaugeStartAngle)\n\t\t\t\t\t}\n\t\t\t\t\t// Radial Coloring Options\n\t\t\t\t\tcolorNeedleCircleOuter={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleCircleOuter || \"#f0f0f0\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleCircleOuterEnd={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleCircleOuterEnd || \"#ccc\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleCircleInner={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleCircleInner || \"#e8e8e8\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleCircleInnerEnd={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleCircleInnerEnd || \"#f5f5f5\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorNeedleCircleShadowUp={\n\t\t\t\t\t\twidget.data.gaugeColorNeedleCircleShadowUp || \"rgba(2,255,255,0.2)\"\n\t\t\t\t\t}\n\t\t\t\t\t// Radial Needle Options\n\t\t\t\t\t// needleCircleSize={widget.data.gaugeNeedleCircleSize || 10}\n\t\t\t\t\tneedleCircleSize={\n\t\t\t\t\t\ttypeof widget.data.gaugeNeedleCircleSize === \"number\"\n\t\t\t\t\t\t\t? widget.data.gaugeNeedleCircleSize\n\t\t\t\t\t\t\t: Number(widget.data.gaugeNeedleCircleSize)\n\t\t\t\t\t}\n\t\t\t\t\tneedleCircleInner={widget.data.gaugeNeedleCircleInner} // boolean\n\t\t\t\t\tneedleCircleOuter={widget.data.gaugeNeedleCircleOuter} // boolean\n\t\t\t\t\t// Radial Animation Options\n\t\t\t\t\tanimationTarget={widget.data.gaugeAnimationTarget || \"needle\"}\n\t\t\t\t\tuseMinPath={widget.data.gaugeUseMinPath} // boolean\n\t\t\t\t/>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default GaugeCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport gaugeFields from \"../lib/gaugeFields\";\nimport GaugeCollection from \"./GaugeCollection\";\n\nclass GaugeCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplGaugeCollectionWidget\",\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: \"GaugeCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"gauge_collection_widget\", // Label for widget\n\t\t\tvisOrder: 9,\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: \"gauge\", // group name\n\t\t\t\t\tlabel: \"group_gauge\",\n\t\t\t\t\tfields: [...commonObjectFields([\"boolean\"]), ...gaugeFields()],\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: \"widgets/vis-2-widgets-collection/img/prev-collection-gauge.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 GaugeCollectionWidget.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\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(<GaugeCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default GaugeCollectionWidget;\n"],"names":["dialogFields","label","type","component","_jsx","CollectionDivider","dividerText","name","options","value","default","noTranslation","step","min","hidden","data","gaugeType","max","props","gaugeRef","useRef","canvasRef","useEffect","current","Object","assign","renderTo","destroy","RadialGauge","draw","LinearGauge","width","height","update","iconSize","Boolean","gaugeWidgetData","concat","segment","gaugeSegment","_jsxs","Box","sx","display","justifyContent","alignItems","children","alt","src","state","icon","gaugeData","style","position","Number","boxSizing","objectFit","gaugeIconFit","top","iconYOffset","left","iconXOffset","color","iconColor","filter","transform","id","ref","_oidObject$common","_baseRef$current","_baseRef$current2","_gaugeRef$current","_gaugeRef$current2","baseRef","wrappedContent","oidObject","widget","useContext","CollectionContext","states","useData","oidValue","useOidValue","isValidType","common","majorTicks","useMemo","minValue","gaugeMinValue","maxValue","gaugeMaxValue","_majorTicks","gaugeMajorTicks","i","push","Math","round","highlights","_highlights","forEach","index","_states","nextValue","from","to","textColor","length","findSegment","find","highlight","undefined","paper0","paper1","borderColor","frameBackgroundColorActive","frameBackgroundColor","background","frameBackgroundActive","frameBackground","backgroundColorActive","backgroundColor","backgroundActive","CollectionBase","Gauge","clientWidth","gaugePadding","clientHeight","units","unit","title","header","exactTicks","gaugeExactTicks","minorTicks","gaugeMinorTicks","strokeTicks","gaugeStrokeTicks","majorTicksInt","gaugeMajorTicksInt","majorTicksDec","gaugeMajorTicksDec","highlightsWidth","gaugeHighlightsWidth","numbersMargin","gaugeNumbersMargin","barWidth","gaugeBarWidth","barStrokeWidth","gaugeBarStrokeWidth","barProgress","gaugeBarProgress","barShadow","gaugeBarShadow","animation","gaugeAnimation","animationDuration","gaugeAnimationDuration","animationRule","gaugeAnimationRule","animatedValue","gaugeAnimatedValue","animateOnInit","gaugeAnimateOnInit","colorPlate","gaugeColorPlate","colorPlateEnd","gaugeColorPlateEnd","colorMajorTicks","gaugeColorMajorTicks","colorMinorTicks","gaugeColorMinorTicks","colorStrokeTicks","gaugeColorStrokeTicks","colorTitle","gaugeColorTitle","colorUnits","gaugeColorUnits","colorNumbers","gaugeColorNumbers","colorNeedle","gaugeColorNeedle","colorNeedleEnd","gaugeColorNeedleEnd","colorValueText","gaugeColorValueText","colorValueTextShadow","gaugeColorValueTextShadow","colorBorderShadow","gaugeColorBorderShadow","colorBorderOuter","gaugeColorBorderOuter","colorBorderOuterEnd","gaugeColorBorderOuterEnd","colorBorderMiddle","gaugeColorBorderMiddle","colorBorderMiddleEnd","gaugeColorBorderMiddleEnd","colorBorderInner","gaugeColorBorderInner","colorBorderInnerEnd","gaugeColorBorderInnerEnd","colorValueBoxRect","gaugeColorValueBoxRect","colorValueBoxRectEnd","gaugeColorValueBoxRectEnd","colorValueBoxBackground","gaugeColorValueBoxBackground","colorValueBoxShadow","gaugeColorValueBoxShadow","colorNeedleShadowUp","gaugeColorNeedleShadowUp","colorNeedleShadowDown","gaugeColorNeedleShadowDown","colorBarStroke","gaugeColorBarStroke","colorBar","gaugeColorBar","colorBarProgress","gaugeColorBarProgress","highlightsLineCap","gaugeHighlightsLineCap","needle","gaugeNeedle","needleShadow","gaugeNeedleShadow","needleType","gaugeNeedleType","needleStart","gaugeNeedleStart","needleEnd","gaugeNeedleEnd","needleWidth","gaugeNeedleWidth","borders","gaugeBorders","borderOuterWidth","gaugeBorderOuterWidth","borderMiddleWidth","gaugeBorderMiddleWidth","borderInnerWidth","gaugeBorderInnerWidth","borderShadowWidth","gaugeBorderShadowWidth","valueBox","gaugeValueBox","valueBoxStroke","gaugeValueBoxStroke","valueBoxWidth","gaugeValueBoxWidth","valueText","gaugeValueText","valueTextShadow","gaugeValueTextShadow","valueBoxBorderRadius","gaugeValueBoxBorderRadius","valueInt","gaugeValueInt","valueDec","gaugeValueDec","fontNumbers","gaugeFontNumbers","fontTitle","gaugeFontTitle","fontUnits","gaugeFontUnits","fontValue","gaugeFontValue","fontNumbersSize","gaugeFontNumbersSize","fontTitleSize","gaugeFontTitleSize","fontUnitsSize","gaugeFontUnitsSize","fontValueSize","gaugeFontValueSize","fontNumbersStyle","gaugeFontNumbersStyle","fontTitleStyle","gaugeFontTitleStyle","fontUnitsStyle","gaugeFontUnitsStyle","fontValueStyle","gaugeFontValueStyle","fontNumbersWeight","gaugeFontNumbersWeight","fontTitleWeight","gaugeFontTitleWeight","fontUnitsWeight","gaugeFontUnitsWeight","fontValueWeight","gaugeFontValueWeight","borderRadius","gaugeBorderRadius","barBeginCircle","gaugeBarBeginCircle","barLength","gaugeBarLength","colorBarEnd","gaugeColorBarEnd","colorBarProgressEnd","gaugeColorBarProgressEnd","tickSide","gaugeTickSide","needleSide","gaugeNeedleSide","numberSide","gaugeNumberSide","ticksWidth","gaugeTicksWidth","ticksWidthMinor","gaugeTicksWidthMinor","ticksPadding","gaugeTicksPadding","ticksAngle","gaugeTicksAngle","startAngle","gaugeStartAngle","colorNeedleCircleOuter","gaugeColorNeedleCircleOuter","colorNeedleCircleOuterEnd","gaugeColorNeedleCircleOuterEnd","colorNeedleCircleInner","gaugeColorNeedleCircleInner","colorNeedleCircleInnerEnd","gaugeColorNeedleCircleInnerEnd","colorNeedleCircleShadowUp","gaugeColorNeedleCircleShadowUp","needleCircleSize","gaugeNeedleCircleSize","needleCircleInner","gaugeNeedleCircleInner","needleCircleOuter","gaugeNeedleCircleOuter","animationTarget","gaugeAnimationTarget","useMinPath","gaugeUseMinPath","GaugeCollectionWidget","Generic","getWidgetInfo","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","gaugeFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","collectionContext","refService","_objectSpread","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","mode","context","themeType","socket","theme","noCard","usedInWidget","withCollectionProvider","wrapContent","GaugeCollection"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.16c01e1d.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_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx"],{3810:(t,e,o)=>{o.r(e),o.d(e,{default:()=>k});var i=o(7051),a=o(8437),n=o(6211),l=o(900),s=o(8679),r=o(375),d=o(5006),c=o(4376),p=o(579);const h=()=>[{type:"custom",component:()=>(0,p.jsx)(c.A,{})},{name:"radioOrientation",label:"radio_orientation",type:"select",options:[{value:"horizontal",label:"horizontal"},{value:"vertical",label:"vertical"}],default:"horizontal"},{type:"custom",component:()=>(0,p.jsx)(c.A,{})},{name:"radioGroupUncheckedIconColor",label:"radio_group_unchecked_icon_color",type:"color"},{type:"custom",component:()=>(0,p.jsx)(c.A,{})},{name:"onlyDisplay",type:"checkbox",label:"only_display",disabled:"!data.write",default:"!data.write",hidden:"!data.write"}];var u=o(45),g=o(7332),x=o(7841),v=o(7085),m=o(4657),y=o(6061),f=o(6016),w=o(2152),b=o(5001),C=o(5702),S=o(2671);const A=["value","label"];const j=function(){var t;const[e,o]=(0,a.useState)(null),[n,l]=(0,a.useState)(null),{oidObject:s,widget:r}=(0,a.useContext)(f.C),{data:d,states:c}=(0,w.A)("oid"),{fontStyles:h,textStyles:j}=(0,C.A)(r.style),_=(0,b.A)("oid"),k=(0,S.A)("oid"),O=null===s\|\|void 0===s\|\|null===(t=s.common)\|\|void 0===t?void 0:t.type,R="boolean"===O\|\|"number"===O\|\|"string"===O\|\|"mixed"===O,W=t=>k(t.target.value);return(0,a.useEffect)((()=>{null!==e&&void 0!==e&&e.clientHeight&&l(e.clientHeight)}),[null===e\|\|void 0===e?void 0:e.clientHeight]),(0,p.jsxs)(m.A,{isValidType:R,data:d,oidValue:_,children:[(0,p.jsx)(y.A,{data:d,widget:r}),(0,p.jsx)(v.Stack,{ref:o,direction:"vertical"===r.data.radioOrientation?"column":"row",sx:{width:"100%",height:"100%",justifyContent:"space-around",alignItems:"stretch"},children:c.map(((t,e)=>{let{value:o,label:a}=t,l=(0,u.A)(t,A);return(0,p.jsx)(v.FormControlLabel,{sx:{height:"100%",m:0,"& .MuiButtonBase-root":{flexBasis:"fit-content",flexShrink:0,width:"100%",height:"100%","&.Mui-disabled":{"&.Mui-checked":{color:l.iconColor\|\|"primary.main"},color:r.data.radioGroupUncheckedIconColor\|\|"action.active"}}},control:(0,p.jsx)(v.Radio,{disabled:r.data.onlyDisplay,checkedIcon:l.icon&&(0,p.jsxs)(v.Box,{sx:{overflow:"hidden",position:"relative",width:"100%",height:"100%",display:"flex",justifyContent:"center"},children:[(0,p.jsx)(x.A,{sx:{color:l.iconColor,position:"relative",width:"100%",height:"100%"}}),(0,p.jsx)(v.Box,{sx:{position:"absolute",width:"100%",display:"flex",justifyContent:"center",alignSelf:"center"},children:(0,p.jsx)("img",{alt:"",src:l.icon,style:{position:"relative",left:"calc(0px + ".concat(d.iconXOffset,")"),top:"calc(0px - ".concat(d.iconYOffset,")"),width:"number"===typeof d.iconSizeOnly&&"calc(100% * ".concat(d.iconSizeOnly," / 100)")\|\|"50%",color:l.iconColor,filter:l.iconColor?"drop-shadow(0px 10000px 0)":null,transform:l.iconColor?"translateY(-10000px)":null}})})]})\|\|(0,p.jsx)(g.A,{sx:{color:l.iconColor}}),icon:(0,p.jsx)(x.A,{}),sx:{color:r.data.radioGroupUncheckedIconColor,width:"100%",height:"100%",maxHeight:"horizontal"===r.data.radioOrientation?n:n/c.length,"& .MuiTouchRipple-root":{color:r.data["iconColor".concat(e+1)]\|\|r.data.iconColor\|\|d.textColor},"& .MuiSvgIcon-root":{width:"100%",height:"100%",maxHeight:"horizontal"===r.data.radioOrientation?n:n/c.length}},checked:String(o)===String(_),onChange:W,value:o}),label:(0,p.jsx)(v.Typography,{component:v.Box,variant:"body2",noWrap:!0,sx:(0,i.A)((0,i.A)((0,i.A)({whiteSpace:"pre-wrap"},h),j),{},{fontSize:l.fontSize\|\|d.valueSize,textAlign:"left",color:l.textColor\|\|d.textColor}),contentEditable:"false",dangerouslySetInnerHTML:{__html:a&&a.replace(/(\r\n\|\n\|\r)/gm,"")\|\|o&&"".concat(o).concat(r.data.unit)\|\|""}})},e)}))})]})};class _ extends n.A{static getWidgetInfo(){return{id:"tplRadioGroupCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"RadioGroupCollectionWidget",visWidgetLabel:"radio_group_collection_widget",visOrder:5,visAttrs:[{name:"common",fields:[...(0,s.A)({groupName:"",allFields:!0})]},{name:"radioGroup",label:"radio_group",fields:[...(0,r.A)(["string","number","boolean","mixed"]),...(0,d.A)(),...h()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,s.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-radio-group.png"}}getWidgetInfo(){return _.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,i.A)((0,i.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,wrappedContent:this.wrappedContent};return t.widget.data.noCard\|\|t.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,l.A)(this.wrapContent((0,p.jsx)(j,{})),e)}}const k=_},7332:(t,e,o)=>{var i=o(2613);e.A=void 0;var a=i(o(39)),n=o(579);e.A=(0,a.default)((0,n.jsx)("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),"RadioButtonChecked")},7841:(t,e,o)=>{var i=o(2613);e.A=void 0;var a=i(o(39)),n=o(579);e.A=(0,a.default)((0,n.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),"RadioButtonUnchecked")}}]);
2	+ //# sourceMappingURL=src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.16c01e1d.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.16c01e1d.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.16c01e1d.chunk.js","mappings":"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","sources":["lib/radioGroupFields.jsx","RadioGroupCollectionWidget/RadioGroupCollection.jsx","RadioGroupCollectionWidget/RadioGroupCollectionWidget.jsx","../node_modules/@mui/icons-material/RadioButtonChecked.js","../node_modules/@mui/icons-material/RadioButtonUnchecked.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst radioGroupFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"radioOrientation\",\n\t\tlabel: \"radio_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\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"radioGroupUncheckedIconColor\",\n\t\tlabel: \"radio_group_unchecked_icon_color\",\n\t\ttype: \"color\",\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 radioGroupFields;\n","import RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\nimport RadioButtonUncheckedIcon from \"@mui/icons-material/RadioButtonUnchecked\";\nimport { Box, FormControlLabel, Radio, Stack, Typography } from \"@mui/material\";\nimport React, { useState, useContext, useEffect } 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 RadioGroupCollection() {\n\tconst [stackRef, setStackRef] = useState(null);\n\tconst [clientHeight, setClientHeight] = useState(null);\n\tconst { oidObject, widget } = useContext(CollectionContext);\n\tconst { data, states } = useData(\"oid\");\n\tconst { fontStyles, textStyles } = useStyles(widget.style);\n\tconst oidValue = useOidValue(\"oid\");\n\tconst setOidValueState = useValueState(\"oid\");\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\tconst handleChange = (event) => setOidValueState(event.target.value);\n\n\tuseEffect(() => {\n\t\tif (stackRef?.clientHeight) {\n\t\t\tsetClientHeight(stackRef.clientHeight);\n\t\t}\n\t}, [stackRef?.clientHeight]);\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<Stack\n\t\t\t\tref={setStackRef}\n\t\t\t\tdirection={\n\t\t\t\t\twidget.data.radioOrientation === \"vertical\" ? \"column\" : \"row\"\n\t\t\t\t}\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tjustifyContent: \"space-around\",\n\t\t\t\t\talignItems: \"stretch\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{states.map(({ value, label: alias, ...state }, index) => (\n\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t// labelPlacement=\"top\"\n\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t// width: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\tm: 0,\n\n\t\t\t\t\t\t\t\"& .MuiButtonBase-root\": {\n\t\t\t\t\t\t\t\tflexBasis: \"fit-content\",\n\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\"&.Mui-disabled\": {\n\t\t\t\t\t\t\t\t\t\"&.Mui-checked\": {\n\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor || \"primary.main\",\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\twidget.data.radioGroupUncheckedIconColor || \"action.active\",\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\tcontrol={\n\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\tdisabled={widget.data.onlyDisplay}\n\t\t\t\t\t\t\t\t// disableRipple\n\t\t\t\t\t\t\t\tcheckedIcon={\n\t\t\t\t\t\t\t\t\t(state.icon && (\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\toverflow: \"hidden\",\n\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\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\theight: \"100%\",\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}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<RadioButtonUncheckedIcon\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\tcolor: state.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\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\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<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\tposition: \"absolute\",\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\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\talignSelf: \"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\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={state.icon}\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\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* width:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(state.iconSize && `${state.iconSize}%`) || \"50%\", */\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(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\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\t\t\t\"50%\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter: state.iconColor\n\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: null,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: state.iconColor\n\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: 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</Box>\n\t\t\t\t\t\t\t\t\t)) || (\n\t\t\t\t\t\t\t\t\t\t<RadioButtonCheckedIcon\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor,\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)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ticon={<RadioButtonUncheckedIcon />}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tcolor: widget.data.radioGroupUncheckedIconColor,\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\tmaxHeight:\n\t\t\t\t\t\t\t\t\t\twidget.data.radioOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t\t? clientHeight\n\t\t\t\t\t\t\t\t\t\t\t: clientHeight / states.length,\n\n\t\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\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\twidget.data.iconColor ||\n\t\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t\t},\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\tmaxHeight:\n\t\t\t\t\t\t\t\t\t\t\twidget.data.radioOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t\t\t? clientHeight\n\t\t\t\t\t\t\t\t\t\t\t\t: clientHeight / states.length,\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\tchecked={String(value) === String(oidValue)}\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={value}\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<Typography\n\t\t\t\t\t\t\t\tcomponent={Box}\n\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\tnoWrap\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\twhiteSpace: \"pre-wrap\",\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: state.fontSize || data.valueSize,\n\t\t\t\t\t\t\t\t\ttextAlign: \"left\",\n\n\t\t\t\t\t\t\t\t\tcolor: state.textColor || data.textColor,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tcontentEditable=\"false\"\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html:\n\t\t\t\t\t\t\t\t\t\t(alias && alias.replace(/(\\r\\n|\\n|\\r)/gm, \"\")) ||\n\t\t\t\t\t\t\t\t\t\t(value && `${value}${widget.data.unit}`) ||\n\t\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</Stack>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default RadioGroupCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport radioGroupFields from \"../lib/radioGroupFields\";\nimport RadioGroupCollection from \"./RadioGroupCollection\";\n\nclass RadioGroupCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplRadioGroupCollectionWidget\",\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: \"RadioGroupCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"radio_group_collection_widget\", // Label for widget\n\t\t\tvisOrder: 5,\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: \"radioGroup\", // group name\n\t\t\t\t\tlabel: \"radio_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...radioGroupFields(),\n\t\t\t\t\t],\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-radio-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 RadioGroupCollectionWidget.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(<RadioGroupCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default RadioGroupCollectionWidget;\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: \"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'RadioButtonChecked');","\"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: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'RadioButtonUnchecked');"],"names":["radioGroupFields","type","component","_jsx","CollectionDivider","name","label","options","value","default","disabled","hidden","_oidObject$common","stackRef","setStackRef","useState","clientHeight","setClientHeight","oidObject","widget","useContext","CollectionContext","data","states","useData","fontStyles","textStyles","useStyles","style","oidValue","useOidValue","setOidValueState","useValueState","oidType","common","isValidType","handleChange","event","target","useEffect","_jsxs","CollectionBase","children","CollectionBaseImage","Stack","ref","direction","radioOrientation","sx","width","height","justifyContent","alignItems","map","_ref","index","alias","state","_objectWithoutProperties","_excluded","FormControlLabel","m","flexBasis","flexShrink","color","iconColor","radioGroupUncheckedIconColor","control","Radio","onlyDisplay","checkedIcon","icon","Box","overflow","position","display","RadioButtonUncheckedIcon","alignSelf","alt","src","left","concat","iconXOffset","top","iconYOffset","iconSizeOnly","filter","transform","RadioButtonCheckedIcon","maxHeight","length","textColor","checked","String","onChange","Typography","variant","noWrap","_objectSpread","whiteSpace","fontSize","valueSize","textAlign","contentEditable","dangerouslySetInnerHTML","__html","replace","unit","RadioGroupCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","delayFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","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","RadioGroupCollection","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","jsx","d"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a68a37fb.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_SelectCollectionWidget_SelectCollectionWidget_jsx"],{7903:(t,o,e)=>{e.r(o),e.d(o,{default:()=>y});var a=e(7051),c=e(8437),n=e(6211),i=e(900),l=e(8679),r=e(375),d=e(5006),s=e(4376),p=e(579);const u=()=>[{type:"custom",component:()=>(0,p.jsx)(s.A,{})},{name:"cid",type:"id",label:"cid"},{type:"custom",component:()=>(0,p.jsx)(s.A,{})},{name:"arrowColor",label:"arrow_color",type:"color"}];var g=e(7085),h=e(8565),x=e(4657),C=e(6061),A=e(6016),v=e(2152),b=e(5001),m=e(5702),S=e(2671);const f=function(){var t,o,e;const n=(0,c.useRef)(null),{cidObject:i,oidObject:l,widget:r}=(0,c.useContext)(A.C),{textStyles:d,fontStyles:s}=(0,m.A)(r.style),{data:u,states:f}=(0,v.A)("oid"),w=(0,b.A)("oid"),y=(0,S.A)("oid"),k=(0,S.A)("cid"),j=null===l\|\|void 0===l\|\|null===(t=l.common)\|\|void 0===t?void 0:t.type,_="boolean"===j\|\|"number"===j\|\|"string"===j\|\|"mixed"===j,W=f.findIndex((t=>String(t.value)===String(w)));return(0,p.jsxs)(x.A,{isValidType:_,data:u,oidValue:w,children:[(0,p.jsx)(C.A,{data:u,widget:r}),(0,p.jsx)(g.Box,{ref:n,sx:{overflow:"auto",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,p.jsx)(g.Select,{variant:"standard",disableUnderline:!0,value:-1!==W?f[W]:"",onChange:t=>{const o=t.target.value.value;i.noObject\|\|k(o),y(o)},MenuProps:{sx:{maxWidth:null===(o=n.current)\|\|void 0===o?void 0:o.offsetWidth},MenuListProps:{sx:{background:u.backgroundColor?(0,h.alpha)(u.backgroundColor,.7):u.background}}},sx:{width:"100%",height:"100%",maxWidth:"calc(".concat(null===(e=n.current)\|\|void 0===e?void 0:e.offsetWidth,"px - 10%)"),"& .MuiSelect-icon":{color:r.data.arrowColor},"&.Mui-focused":{ariaHidden:"false",background:u.backgroundColorActive\|\|u.backgroundColor\|\|u.backgroundActive\|\|u.background}},children:f.map(((t,o)=>{const e=r.data["iconSmall".concat(o+1)]\|\|r.data["icon".concat(o+1)]\|\|r.data.iconSmall\|\|r.data.icon;return(0,p.jsx)(g.MenuItem,{value:t,sx:{"& .MuiTouchRipple-root":{color:r.data["iconColor".concat(o+1)]\|\|r.data.iconColor\|\|r.data.textColorActive\|\|u.textColor},"&.Mui-selected":{backgroundColor:r.data["iconColor".concat(o+1)]&&(0,h.alpha)(r.data["iconColor".concat(o+1)],.16)\|\|r.data.iconColor&&(0,h.alpha)(r.data.iconColor,.16)\|\|u.textColor&&(0,h.alpha)(u.textColor,.16)},"&.Mui-selected:hover":{backgroundColor:r.data["iconColor".concat(o+1)]&&(0,h.alpha)(r.data["iconColor".concat(o+1)],.16)\|\|r.data.iconColor&&(0,h.alpha)(r.data.iconColor,.16)\|\|u.textColor&&(0,h.alpha)(u.textColor,.16)},"&:hover":{backgroundColor:r.data["iconColor".concat(o+1)]&&(0,h.alpha)(r.data["iconColor".concat(o+1)],.16)\|\|r.data.iconColor&&(0,h.alpha)(r.data.iconColor,.16)\|\|u.textColor&&(0,h.alpha)(u.textColor,.16)},background:r.data["backgroundColor".concat(o+1)]&&"".concat(r.data["backgroundColor".concat(o+1)],"!important")\|\|"".concat(r.data["background".concat(o+1)],"!important")},children:(0,p.jsxs)(g.Stack,{direction:"row",spacing:e?1:0,sx:{alignItems:"center"},children:[(0,p.jsx)("img",{alt:"",src:e\|\|"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",style:{position:"relative",top:"calc(0px - ".concat(r.data["iconYOffset".concat(o+1)],")"),right:"calc(0px - ".concat(r.data["iconXOffset".concat(o+1)],")"),width:e?"number"===typeof r.data["iconSize".concat(o+1)]?"calc(24px * ".concat(r.data["iconSize".concat(o+1)]\|\|0," / 100)"):"24px":"0px",height:e?"number"===typeof r.data["iconSize".concat(o+1)]?"calc(24px * ".concat(r.data["iconSize".concat(o+1)]\|\|0," / 100)"):"24px":"0px",color:String(w)===String(r.data["value".concat(o+1)])&&r.data.iconColorActive\|\|r.data["iconColor".concat(o+1)]\|\|r.data.buttonGroupColor\|\|u.iconColor,filter:String(w)===String(r.data["value".concat(o+1)])&&r.data.iconColorActive\|\|r.data["iconColor".concat(o+1)]\|\|r.data.buttonGroupColor\|\|u.iconColor?"drop-shadow(0px 10000px 0)":null,transform:String(w)===String(r.data["value".concat(o+1)])&&r.data.iconColorActive\|\|r.data["iconColor".concat(o+1)]\|\|r.data.buttonGroupColor\|\|u.iconColor?"translateY(-10000px)":null}}),(0,p.jsx)(g.Typography,{component:g.Box,variant:"subtitle2",sx:(0,a.A)((0,a.A)((0,a.A)({whiteSpace:"pre-wrap"},s),d),{},{fontSize:r.data["valueSize".concat(o+1)]\|\|u.valueSize,textAlign:"left",bgcolor:"transparent",color:r.data["textColor".concat(o+1)]\|\|u.textColor,textTransform:"none",width:"100%",height:"100%",flexGrow:1,alignContent:"center"}),contentEditable:"false",dangerouslySetInnerHTML:{__html:r.data["alias".concat(o+1)]&&r.data["alias".concat(o+1)].replace(/(\r\n\|\n\|\r)/gm,"")\|\|r.data["value".concat(o+1)]&&"".concat(r.data["value".concat(o+1)]).concat(r.data.unit)\|\|""}})]})},t.value)}))})})]})};class w extends n.A{static getWidgetInfo(){return{id:"tplSelectCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"SelectCollectionWidget",visWidgetLabel:"select_collection_widget",visOrder:7,visAttrs:[{name:"common",fields:[...(0,l.A)({groupName:"",allFields:!0})]},{name:"select_collection",label:"group_select_collection",fields:[...(0,r.A)(["boolean","number","string","mixed"]),...(0,d.A)(),...u()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,l.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-select.png"}}getWidgetInfo(){return w.getWidgetInfo()}async propertiesUpdate(){const t=JSON.stringify(this.state.rxData);this.lastRxData!==t&&(this.lastRxData=t,await this.createStateObjectAsync("oid"),await this.createStateObjectAsync("cid"))}async onRxDataChanged(t){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,o){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(t){super.renderWidgetBody(t);const o={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,wrappedContent:this.wrappedContent,cidObject:this.state.cidObject};return t.widget.data.noCard\|\|t.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,i.A)(this.wrapContent((0,p.jsx)(f,{})),o)}}const y=w}}]);
2	+ //# sourceMappingURL=src_SelectCollectionWidget_SelectCollectionWidget_jsx.a68a37fb.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a68a37fb.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a68a37fb.chunk.js","mappings":"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","sources":["lib/selectFields.jsx","SelectCollectionWidget/SelectCollection.jsx","SelectCollectionWidget/SelectCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst selectFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"cid\",\n\t\ttype: \"id\",\n\t\tlabel: \"cid\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"arrowColor\",\n\t\tlabel: \"arrow_color\",\n\t\ttype: \"color\",\n\t},\n];\n\nexport default selectFields;\n","import { Box, MenuItem, Select, Stack, Typography } from \"@mui/material\";\nimport { alpha } from \"@mui/material/styles\";\nimport React, { useContext, useRef } 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\nconst emptyIcon =\n\t\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n\nfunction SelectCollection() {\n\tconst contentRef = useRef(null);\n\tconst { cidObject, oidObject, widget } = useContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data, states } = useData(\"oid\");\n\tconst oidValue = useOidValue(\"oid\");\n\n\tconst setOidValueState = useValueState(\"oid\");\n\tconst setCidValueState = useValueState(\"cid\");\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\tconst valueIndex = states.findIndex(\n\t\t(state) => String(state.value) === String(oidValue),\n\t);\n\n\tconst changeHandler = (event) => {\n\t\tconst value = event.target.value.value;\n\n\t\tif (!cidObject.noObject) {\n\t\t\tsetCidValueState(value);\n\t\t}\n\n\t\tsetOidValueState(value);\n\t};\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\tref={contentRef}\n\t\t\t\tsx={{\n\t\t\t\t\toverflow: \"auto\",\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<Select\n\t\t\t\t\tvariant=\"standard\"\n\t\t\t\t\tdisableUnderline\n\t\t\t\t\tvalue={valueIndex !== -1 ? states[valueIndex] : \"\"}\n\t\t\t\t\tonChange={changeHandler}\n\t\t\t\t\tMenuProps={{\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\tmaxWidth: contentRef.current?.offsetWidth,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tMenuListProps: {\n\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\tbackground: data.backgroundColor\n\t\t\t\t\t\t\t\t\t? alpha(data.backgroundColor, 0.7)\n\t\t\t\t\t\t\t\t\t: null || data.background,\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\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tmaxWidth: `calc(${contentRef.current?.offsetWidth}px - 10%)`,\n\n\t\t\t\t\t\t\"& .MuiSelect-icon\": {\n\t\t\t\t\t\t\tcolor: widget.data.arrowColor,\n\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\"&.Mui-focused\": {\n\t\t\t\t\t\t\tariaHidden: \"false\",\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tdata.backgroundColorActive ||\n\t\t\t\t\t\t\t\tdata.backgroundColor ||\n\t\t\t\t\t\t\t\tdata.backgroundActive ||\n\t\t\t\t\t\t\t\tdata.background,\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((state, idx) => {\n\t\t\t\t\t\tconst imgSrc =\n\t\t\t\t\t\t\twidget.data[`iconSmall${idx + 1}`] ||\n\t\t\t\t\t\t\twidget.data[`icon${idx + 1}`] ||\n\t\t\t\t\t\t\twidget.data.iconSmall ||\n\t\t\t\t\t\t\twidget.data.icon;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={state.value}\n\t\t\t\t\t\t\t\tvalue={state}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${idx + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColor ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data.textColorActive ||\n\t\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"&.Mui-selected\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"&.Mui-selected:hover\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\"&:hover\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t(widget.data[`backgroundColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`backgroundColor${idx + 1}`]}!important`) ||\n\t\t\t\t\t\t\t\t\t\t`${widget.data[`background${idx + 1}`]}!important`,\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<Stack\n\t\t\t\t\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\t\t\t\t\tspacing={imgSrc ? 1 : 0}\n\t\t\t\t\t\t\t\t\tsx={{\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<img\n\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\tsrc={imgSrc || emptyIcon}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\t\t\t\t\t\t\ttop: `calc(0px - ${widget.data[`iconYOffset${idx + 1}`]})`,\n\t\t\t\t\t\t\t\t\t\t\tright: `calc(0px - ${widget.data[`iconXOffset${idx + 1}`]})`,\n\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(!imgSrc && \"0px\") ||\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${idx + 1}`] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data[`iconSize${idx + 1}`] || 0} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"24px\"),\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(!imgSrc && \"0px\") ||\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${idx + 1}`] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data[`iconSize${idx + 1}`] || 0} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"24px\"),\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\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\twidget.data[`iconColor${idx + 1}`] ||\n\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\tdata.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\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\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\twidget.data[`iconColor${idx + 1}`] ||\n\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\tdata.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\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\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\twidget.data[`iconColor${idx + 1}`] ||\n\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\tdata.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\t<Typography\n\t\t\t\t\t\t\t\t\t\tcomponent={Box}\n\t\t\t\t\t\t\t\t\t\tvariant=\"subtitle2\"\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: \"pre-wrap\",\n\t\t\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`valueSize${idx + 1}`] || data.valueSize,\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: \"left\",\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`textColor${idx + 1}`] || data.textColor,\n\t\t\t\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\n\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\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// px: 1,\n\n\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\talignContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tcontentEditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\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(widget.data[`alias${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`alias${idx + 1}`].replace(\n\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\"\",\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(widget.data[`value${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`value${idx + 1}`]}${widget.data.unit}`) ||\n\t\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/>\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Select>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default SelectCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport selectFields from \"../lib/selectFields\";\nimport SelectCollection from \"./SelectCollection\";\n\nclass SelectCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplSelectCollectionWidget\",\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: \"SelectCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"select_collection_widget\", // Label for widget\n\t\t\tvisOrder: 7,\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: \"select_collection\", // group name\n\t\t\t\t\tlabel: \"group_select_collection\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"boolean\", \"number\", \"string\", \"mixed\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...selectFields(),\n\t\t\t\t\t],\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-select.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 SelectCollectionWidget.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\tawait this.createStateObjectAsync(\"cid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(lastRxData) {\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\twrappedContent: this.wrappedContent,\n\n\t\t\tcidObject: this.state.cidObject,\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(<SelectCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default SelectCollectionWidget;\n"],"names":["selectFields","type","component","_jsx","CollectionDivider","name","label","_oidObject$common","_contentRef$current","_contentRef$current2","contentRef","useRef","cidObject","oidObject","widget","useContext","CollectionContext","textStyles","fontStyles","useStyles","style","data","states","useData","oidValue","useOidValue","setOidValueState","useValueState","setCidValueState","oidType","common","isValidType","valueIndex","findIndex","state","String","value","_jsxs","CollectionBase","children","CollectionBaseImage","Box","ref","sx","overflow","width","height","display","justifyContent","alignItems","Select","variant","disableUnderline","onChange","event","target","noObject","MenuProps","maxWidth","current","offsetWidth","MenuListProps","background","backgroundColor","alpha","concat","color","arrowColor","ariaHidden","backgroundColorActive","backgroundActive","map","idx","imgSrc","iconSmall","icon","MenuItem","iconColor","textColorActive","textColor","Stack","direction","spacing","alt","src","position","top","right","iconColorActive","buttonGroupColor","filter","transform","Typography","_objectSpread","whiteSpace","fontSize","valueSize","textAlign","bgcolor","textTransform","flexGrow","alignContent","contentEditable","dangerouslySetInnerHTML","__html","replace","unit","SelectCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","delayFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","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","SelectCollection"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.8daf732c.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_StateCollectionWidget_StateCollectionWidget_jsx"],{2132:(e,t,o)=>{o.r(t),o.d(t,{default:()=>_});var i=o(7051),n=o(8437),a=o(6211),s=o(900),l=o(8679),c=o(375),r=o(5006),d=o(4376),u=o(579);const p=()=>[{type:"custom",component:()=>(0,u.jsx)(d.A,{})},{name:"onlyStates",type:"checkbox",label:"only_states",default:!1,hidden:"!data.values_count"},{type:"custom",component:()=>(0,u.jsx)(d.A,{}),hidden:"!data.values_count"},{name:"onlyDisplay",type:"checkbox",label:"only_display",disabled:"!data.write",default:"!data.write",hidden:"!data.write"},{name:"noIcon",type:"checkbox",label:"no_icon"},{name:"noValue",type:"checkbox",label:"no_value"}];var v=o(7085),x=o(4657),h=o(6061),m=o(4802),g=o(2671),y=o(6016);const b=function(e){var t,o,i,a;const{widgetStates:s,data:l,open:c,closeHandler:r}=e,{widget:d,oidObject:p,getPropertyValue:x}=(0,n.useContext)(y.C),[h,b]=(0,n.useState)(x("oid")),f=(0,g.A)("oid"),C=null===p\|\|void 0===p\|\|null===(t=p.common)\|\|void 0===t?void 0:t.states,S=null===p\|\|void 0===p\|\|null===(o=p.common)\|\|void 0===o?void 0:o.type,w=(0,n.useCallback)((e=>f(e)),[f]),A="number"!==S\|\|d.data.onlyStates\|\|void 0===(null===p\|\|void 0===p\|\|null===(i=p.common)\|\|void 0===i?void 0:i.min)\|\|void 0===(null===p\|\|void 0===p\|\|null===(a=p.common)\|\|void 0===a?void 0:a.max)?null:(0,u.jsx)(v.Slider,{sx:{pb:C?4:3},size:"small",min:p.common.min,max:p.common.max,marks:[{value:p.common.min,label:String(p.common.min)},{value:p.common.max,label:String(p.common.max)}],valueLabelDisplay:"auto",value:h,onChange:(e,t)=>{b(t),w(t)}}),j=s?(0,u.jsx)(v.List,{children:Object.entries(s).map((e=>{let[t,o]=e;return(0,u.jsx)(v.ListItem,{disablePadding:!0,children:(0,u.jsx)(v.ListItemButton,{disableGutters:!0,onClick:()=>w(t),children:(0,u.jsx)(v.ListItemText,{sx:{px:2},primaryTypographyProps:{variant:"body2"},primary:String(o)})})},t)}))}):null;return(0,u.jsxs)(v.Dialog,{open:c,onClose:r,maxWidth:"xs",fullWidth:!0,PaperProps:{sx:{}},children:[(0,u.jsx)(v.DialogTitle,{sx:{m:0,p:2},id:"customized-dialog-title",children:l.header\|\|p.common.name}),(0,u.jsx)(v.IconButton,{"aria-label":"close",onClick:r,sx:e=>({position:"absolute",right:8,top:8,color:e.palette.grey[500]}),children:(0,u.jsx)(m.A,{})}),(0,u.jsx)(v.DialogContent,{sx:{overflow:"unset"},children:(0,u.jsxs)(v.Stack,{divider:Object.keys(s).length&&(0,u.jsx)(v.Divider,{flexItem:!0}),sx:{px:2},spacing:0,component:v.Paper,children:[A,j]})})]})};var f=o(2152),C=o(4692),S=o(5001),w=o(5702);const A=function(){var e;const[t,o]=(0,n.useState)(null),{widget:a,oidObject:s}=(0,n.useContext)(y.C),{textStyles:l,fontStyles:c}=(0,w.A)(a.style),{data:r,widgetStates:d}=(0,f.A)("oid"),p=(0,S.A)("oid"),m=(0,g.A)("oid"),[A,j]=(0,n.useState)(!1),_=null===s\|\|void 0===s\|\|null===(e=s.common)\|\|void 0===e?void 0:e.type,k=a.data.onlyStates,I=(0,n.useCallback)((()=>{if(k)switch(Number(a.data.values_count)){case 1:m(a.data.value1);break;case 2:JSON.stringify(p)===JSON.stringify(a.data.value1)?m(a.data.value2):m(a.data.value1);break;default:j(!0)}else j(!0)}),[p,k,a.data.values_count,a.data.value1,a.data.value2,m]),O=(0,u.jsx)(v.Button,{disabled:a.data.onlyDisplay,onClick:I,sx:{width:"100%",height:"100%",color:r.iconColorActive\|\|r.iconColor\|\|r.textColorActive\|\|r.textColor,"&:hover":{bgcolor:"transparent",filter:r.iconHoverActive&&"brightness(".concat(r.iconHoverActive,")")\|\|r.iconHover&&"brightness(".concat(r.iconHover,")")}},children:(0,u.jsxs)(v.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:[!a.data.noIcon&&(r.iconActive\|\|r.icon)&&(0,u.jsx)(v.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexGrow:1,width:"100%",height:"100%"},children:(0,u.jsx)(v.Avatar,{variant:"square",src:r.iconActive\|\|r.icon,imgProps:{style:{objectFit:"contain"}},sx:{overflow:"hidden",width:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",height:"number"===typeof r.iconSizeOnly&&"calc(100% * ".concat(r.iconSizeOnly," / 100)")\|\|"100%",left:"calc(0px + ".concat(r.iconXOffset,")"),top:"calc(0px - ".concat(r.iconYOffset,")"),bgcolor:"transparent",color:r.iconColorActive\|\|r.iconColor,filter:(r.iconActive\|\|r.icon)&&(r.iconColorActive\|\|r.iconColor)&&"drop-shadow(0px 10000px 0)",transform:(r.iconActive\|\|r.icon)&&(r.iconColorActive\|\|r.iconColor)&&"translateY(-10000px)"}})}),!a.data.noValue&&(0,u.jsx)(v.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",flexGrow:1,width:"100%",height:"100%"},children:(0,u.jsx)(v.Typography,{ref:o,variant:"body2",sx:(0,i.A)((0,i.A)((0,i.A)({},c),l),{},{fontSize:r.valueSizeActive\|\|r.valueSize,bgcolor:"transparent",color:r.textColorActive\|\|r.textColor,textTransform:"none"})})})]})});(0,C.A)(t,p,a,r);const D="boolean"===_\|\|"number"===_\|\|"string"===_\|\|"mixed"===_;return(0,u.jsxs)(u.Fragment,{children:[A&&(0,u.jsx)(b,{data:{sampleInterval:null,sampleIntervalValue:null,delay:100},widgetStates:d,open:A,closeHandler:()=>j(!1)}),(0,u.jsxs)(x.A,{isValidType:D,data:r,oidValue:p,children:[(0,u.jsx)(h.A,{data:r,widget:a}),(0,u.jsx)(v.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:O})]})]})};class j extends a.A{static getWidgetInfo(){return{id:"tplStateCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visSetColor:"#0C0A43",visName:"StateCollectionWidget",visWidgetLabel:"state_collection_widget",visOrder:3,visAttrs:[{name:"common",fields:[...(0,l.A)()]},{name:"button",label:"group_button",fields:[...(0,c.A)(["string","number","boolean","mixed"]),...(0,r.A)(),...p()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,l.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-state.png"}}getWidgetInfo(){return j.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,s.A)(this.wrapContent((0,u.jsx)(A,{})),t)}}const _=j},4692:(e,t,o)=>{o.d(t,{A:()=>n});var i=o(8437);const n=(e,t,o,n)=>{const a=("string"===typeof t\|\|"number"===typeof t\|\|"boolean"===typeof t)&&"".concat(t).concat(void 0!==o.data.unit?o.data.unit:""),s=n.alias\|\|n.value\|\|a;(0,i.useEffect)((()=>{void 0!==s&&e&&(e.innerHTML=s)}),[s,e])}},4802:(e,t,o)=>{var i=o(2613);t.A=void 0;var n=i(o(39)),a=o(579);t.A=(0,n.default)((0,a.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_StateCollectionWidget_StateCollectionWidget_jsx.8daf732c.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.8daf732c.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.8daf732c.chunk.js","mappings":"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","sources":["lib/stateFields.jsx","components/CollectionChangeDialog.jsx","StateCollectionWidget/StateCollection.jsx","StateCollectionWidget/StateCollectionWidget.jsx","hooks/useHtmlValue.js","../node_modules/@mui/icons-material/Close.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst stateFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyStates\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_states\",\n\t\tdefault: false,\n\t\thidden: \"!data.values_count\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t\thidden: \"!data.values_count\",\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\t{\n\t\tname: \"noIcon\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"no_icon\",\n\t},\n\t{\n\t\tname: \"noValue\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"no_value\",\n\t},\n];\n\nexport default stateFields;\n","import CloseIcon from \"@mui/icons-material/Close\";\nimport { Paper, Slider, Stack } from \"@mui/material\";\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogTitle,\n\tDivider,\n\tIconButton,\n\tList,\n\tListItem,\n\tListItemButton,\n\tListItemText,\n} from \"@mui/material\";\nimport React, { useCallback, useContext, useState } from \"react\";\nimport useValueState from \"../hooks/useValueState\";\n// import isNumber from \"../lib/helper/isNumber\";\nimport { CollectionContext } from \"./CollectionProvider\";\n\nfunction CollectionChangeDialog(props) {\n\tconst { widgetStates, data, open, closeHandler } = props;\n\tconst { widget, oidObject, getPropertyValue } = useContext(CollectionContext);\n\n\tconst [sliderValue, setSliderValue] = useState(getPropertyValue(\"oid\"));\n\n\tconst setOidValueState = useValueState(\"oid\");\n\n\tconst oidStates = oidObject?.common?.states;\n\tconst oidType = oidObject?.common?.type;\n\n\tconst changeHandler = useCallback(\n\t\t(value) => setOidValueState(value),\n\t\t[setOidValueState],\n\t);\n\n\tconst ChangeSlider =\n\t\toidType === \"number\" &&\n\t\t!widget.data.onlyStates &&\n\t\toidObject?.common?.min !== undefined &&\n\t\toidObject?.common?.max !== undefined ? (\n\t\t\t<Slider\n\t\t\t\tsx={{ pb: oidStates ? 4 : 3 }}\n\t\t\t\tsize=\"small\"\n\t\t\t\tmin={oidObject.common.min}\n\t\t\t\tmax={oidObject.common.max}\n\t\t\t\tmarks={[\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: oidObject.common.min,\n\t\t\t\t\t\tlabel: String(oidObject.common.min),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: oidObject.common.max,\n\t\t\t\t\t\tlabel: String(oidObject.common.max),\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t\tvalueLabelDisplay=\"auto\"\n\t\t\t\t// value={getPropertyValue(\"oid\") || 0}\n\t\t\t\tvalue={sliderValue}\n\t\t\t\tonChange={(_, value) => {\n\t\t\t\t\tsetSliderValue(value);\n\t\t\t\t\tchangeHandler(value);\n\t\t\t\t}}\n\t\t\t/>\n\t\t) : null;\n\n\tconst ChangeList = widgetStates ? (\n\t\t<List>\n\t\t\t{Object.entries(widgetStates).map(([key, value]) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ListItem disablePadding key={key}>\n\t\t\t\t\t\t<ListItemButton disableGutters onClick={() => changeHandler(key)}>\n\t\t\t\t\t\t\t<ListItemText\n\t\t\t\t\t\t\t\tsx={{ px: 2 }}\n\t\t\t\t\t\t\t\tprimaryTypographyProps={{ variant: \"body2\" }}\n\t\t\t\t\t\t\t\tprimary={String(value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ListItemButton>\n\t\t\t\t\t</ListItem>\n\t\t\t\t);\n\t\t\t})}\n\t\t</List>\n\t) : null;\n\n\treturn (\n\t\t<Dialog\n\t\t\topen={open}\n\t\t\tonClose={closeHandler}\n\t\t\tmaxWidth=\"xs\"\n\t\t\tfullWidth\n\t\t\tPaperProps={{\n\t\t\t\tsx: {\n\t\t\t\t\t// bgcolor: data.backgroundColor,\n\t\t\t\t\t// color: data.textColor,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<DialogTitle sx={{ m: 0, p: 2 }} id=\"customized-dialog-title\">\n\t\t\t\t{data.header || oidObject.common.name}\n\t\t\t</DialogTitle>\n\t\t\t<IconButton\n\t\t\t\taria-label=\"close\"\n\t\t\t\tonClick={closeHandler}\n\t\t\t\tsx={(theme) => ({\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tright: 8,\n\t\t\t\t\ttop: 8,\n\t\t\t\t\tcolor: theme.palette.grey[500],\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<CloseIcon />\n\t\t\t</IconButton>\n\t\t\t<DialogContent\n\t\t\t\tsx={{\n\t\t\t\t\toverflow: \"unset\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdivider={Object.keys(widgetStates).length && <Divider flexItem />}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tpx: 2,\n\t\t\t\t\t}}\n\t\t\t\t\tspacing={0}\n\t\t\t\t\tcomponent={Paper}\n\t\t\t\t>\n\t\t\t\t\t{ChangeSlider}\n\t\t\t\t\t{ChangeList}\n\t\t\t\t</Stack>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nexport default CollectionChangeDialog;\n","import { Avatar, Box, Button, Typography } from \"@mui/material\";\nimport React, { useCallback, useState, useContext } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport CollectionChangeDialog from \"../components/CollectionChangeDialog\";\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\nfunction StateCollection() {\n\tconst [contentRef, setContentRef] = useState(null);\n\tconst { widget, oidObject } = useContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data, widgetStates } = useData(\"oid\");\n\tconst oidValue = useOidValue(\"oid\");\n\tconst setOidValueState = useValueState(\"oid\");\n\tconst [open, setOpen] = useState(false);\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst onlyStates = widget.data.onlyStates;\n\n\tconst clickHandler = useCallback(() => {\n\t\tif (!onlyStates) {\n\t\t\tsetOpen(true);\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (Number(widget.data.values_count)) {\n\t\t\tcase 1:\n\t\t\t\tsetOidValueState(widget.data.value1);\n\t\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\tJSON.stringify(oidValue) === JSON.stringify(widget.data.value1)\n\t\t\t\t\t? setOidValueState(widget.data.value2)\n\t\t\t\t\t: setOidValueState(widget.data.value1);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tsetOpen(true);\n\t\t\t\tbreak;\n\t\t}\n\t}, [\n\t\toidValue,\n\t\tonlyStates,\n\t\twidget.data.values_count,\n\t\twidget.data.value1,\n\t\twidget.data.value2,\n\t\tsetOidValueState,\n\t]);\n\n\tconst StateButton = (\n\t\t<Button\n\t\t\tdisabled={widget.data.onlyDisplay}\n\t\t\tonClick={clickHandler}\n\t\t\tsx={{\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\n\t\t\t\tcolor:\n\t\t\t\t\tdata.iconColorActive ||\n\t\t\t\t\tdata.iconColor ||\n\t\t\t\t\tdata.textColorActive ||\n\t\t\t\t\tdata.textColor,\n\t\t\t\t\"&:hover\": {\n\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\tfilter:\n\t\t\t\t\t\t(data.iconHoverActive && `brightness(${data.iconHoverActive})`) ||\n\t\t\t\t\t\t(data.iconHover && `brightness(${data.iconHover})`),\n\t\t\t\t},\n\t\t\t}}\n\t\t>\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\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!widget.data.noIcon && (data.iconActive || data.icon) && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t// overflow: \"hidden\",\n\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tflexGrow: 1,\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<Avatar\n\t\t\t\t\t\t\tvariant=\"square\"\n\t\t\t\t\t\t\tsrc={data.iconActive || data.icon}\n\t\t\t\t\t\t\timgProps={{\n\t\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\n\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\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\"100%\",\n\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\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\"100%\",\n\n\t\t\t\t\t\t\t\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\t\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t(data.iconActive || data.icon) &&\n\t\t\t\t\t\t\t\t\t(data.iconColorActive || data.iconColor) &&\n\t\t\t\t\t\t\t\t\t\"drop-shadow(0px 10000px 0)\",\n\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t(data.iconActive || data.icon) &&\n\t\t\t\t\t\t\t\t\t(data.iconColorActive || data.iconColor) &&\n\t\t\t\t\t\t\t\t\t\"translateY(-10000px)\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{!widget.data.noValue && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tflexGrow: 1,\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<Typography\n\t\t\t\t\t\t\tref={setContentRef}\n\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\tfontSize: data.valueSizeActive || data.valueSize,\n\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\tcolor: data.textColorActive || data.textColor,\n\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Button>\n\t);\n\n\tuseHtmlValue(contentRef, oidValue, widget, data);\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<>\n\t\t\t{open && (\n\t\t\t\t<CollectionChangeDialog\n\t\t\t\t\tdata={{ sampleInterval: null, sampleIntervalValue: null, delay: 100 }}\n\t\t\t\t\twidgetStates={widgetStates}\n\t\t\t\t\topen={open}\n\t\t\t\t\tcloseHandler={() => setOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t\t<CollectionBaseImage data={data} widget={widget} />\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\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{StateButton}\n\t\t\t\t</Box>\n\t\t\t</CollectionBase>\n\t\t</>\n\t);\n}\n\nexport default StateCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport stateFields from \"../lib/stateFields\";\nimport StateCollection from \"./StateCollection\";\n\nclass StateCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplStateCollectionWidget\",\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\tvisSetColor: \"#0C0A43\", // Color of a widget set. it is enough to set color only in one widget of a set\n\t\t\tvisName: \"StateCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"state_collection_widget\", // Label for widget\n\t\t\tvisOrder: 3,\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: \"button\", // group name\n\t\t\t\t\tlabel: \"group_button\",\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...stateFields(),\n\t\t\t\t\t],\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: \"widgets/vis-2-widgets-collection/img/prev-collection-state.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 StateCollectionWidget.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\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(<StateCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default StateCollectionWidget;\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":["stateFields","type","component","_jsx","CollectionDivider","name","label","default","hidden","disabled","props","_oidObject$common","_oidObject$common2","_oidObject$common3","_oidObject$common4","widgetStates","data","open","closeHandler","widget","oidObject","getPropertyValue","useContext","CollectionContext","sliderValue","setSliderValue","useState","setOidValueState","useValueState","oidStates","common","states","oidType","changeHandler","useCallback","value","ChangeSlider","onlyStates","undefined","min","max","Slider","sx","pb","size","marks","String","valueLabelDisplay","onChange","_","ChangeList","List","children","Object","entries","map","_ref","key","ListItem","disablePadding","ListItemButton","disableGutters","onClick","ListItemText","px","primaryTypographyProps","variant","primary","_jsxs","Dialog","onClose","maxWidth","fullWidth","PaperProps","DialogTitle","m","p","id","header","IconButton","theme","position","right","top","color","palette","grey","CloseIcon","DialogContent","overflow","Stack","divider","keys","length","Divider","flexItem","spacing","Paper","contentRef","setContentRef","textStyles","fontStyles","useStyles","style","useData","oidValue","useOidValue","setOpen","clickHandler","Number","values_count","value1","JSON","stringify","value2","StateButton","Button","onlyDisplay","width","height","iconColorActive","iconColor","textColorActive","textColor","bgcolor","filter","iconHoverActive","concat","iconHover","Box","display","justifyContent","alignItems","noIcon","iconActive","icon","flexGrow","Avatar","src","imgProps","objectFit","iconSizeOnly","left","iconXOffset","iconYOffset","transform","noValue","Typography","ref","_objectSpread","fontSize","valueSizeActive","valueSize","textTransform","useHtmlValue","isValidType","_Fragment","CollectionChangeDialog","sampleInterval","sampleIntervalValue","delay","CollectionBase","CollectionBaseImage","StateCollectionWidget","Generic","getWidgetInfo","visSet","visSetLabel","visSetColor","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","commonObjectFields","delayFields","indexFrom","indexTo","groupName","allFields","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","mode","context","themeType","socket","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","StateCollection","oidValueUnit","unit","contentValue","alias","useEffect","innerHTML","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","jsx","d"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.e5edd1e3.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_SwitchCollectionWidget_SwitchCollectionWidget_jsx"],{4801:(t,e,i)=>{i.r(e),i.d(e,{default:()=>z});var o=i(7051),a=i(8437),n=i(6211),c=i(900),l=i(8679),r=i(375),s=i(5006),d=i(4376),h=i(579);const u=()=>[{type:"custom",component:()=>(0,h.jsx)(d.A,{})},{name:"thumbSize",label:"thumb_size",type:"slider",min:0,max:500,default:62,step:1},{name:"thumbColorTrue",label:"thumb_color_true",type:"color"},{name:"thumbColorFalse",label:"thumb_color_false",type:"color"},{type:"custom",component:()=>(0,h.jsx)(d.A,{})},{name:"trackSize",label:"track_size",type:"slider",min:0,max:100,default:10,step:1},{name:"trackColor",label:"track_color",type:"color"}];var p=i(7085),g=i(4657),m=i(6061),b=i(6016),w=i(2152),S=i(5001),f=i(2671),v=i(9042),x=i(4535),C=i(8565);const y=(0,x.Ay)(v.A)((t=>{let{width:e,maxHeight:i,data:o,widget:a,theme:n}=t;return{width:"100%",height:"100%",padding:0,margin:0,"&.MuiSwitch-root":{overflow:"visible"},"& .MuiSwitch-switchBase":{margin:0,padding:0,top:"50%",left:"0%",transform:"translate(-50%, -50%) translateX(".concat(i>=(a.data.thumbSize\|\|62)?a.data.thumbSize/2-4\|\|27:i/2-4,"px)"),"& .MuiSwitch-input":{left:0,width:e},"&.Mui-checked":{top:"50%",left:"100%",transform:"translate(-50%, -50%) translateX(".concat(i>=(a.data.thumbSize\|\|62)?-(a.data.thumbSize/2-4)\|\|-35:-(i/2-4),"px)"),"& .MuiSwitch-input":{left:-e+(a.data.thumbSize\|\|62),width:e},"& .MuiSwitch-thumb":{backgroundColor:a.data.thumbColorTrue\|\|n.palette.primary.main},"& .MuiSwitch-thumb:before":{top:"calc(".concat(o.iconYOffset," * -1)"),left:o.iconXOffset,backgroundSize:"".concat(0===o.iconSizeOnly?"0":o.iconSizeOnly\|\|"100","% ").concat(0===o.iconSizeOnly?"0":o.iconSizeOnly\|\|"100","%"),backgroundImage:o.iconActive&&"url('".concat(o.iconActive,"')")},"& + .MuiSwitch-track":{backgroundColor:a.data.trackColor\|\|("dark"===n.palette.mode?(0,C.alpha)("rgb(144, 202, 249)",.5):(0,C.alpha)("#1976d2",.5))}}},"& .MuiSwitch-thumb":{backgroundColor:a.data.thumbColorFalse,width:a.data.thumbSize\|\|62,maxWidth:i,height:a.data.thumbSize\|\|62,maxHeight:i,"&::before":{content:"''",position:"absolute",width:"100%",height:"100%",left:"calc(0px + ".concat(o.iconXOffset,")"),top:"calc(0px - ".concat(o.iconYOffset,")"),backgroundRepeat:"no-repeat",backgroundPosition:"center",backgroundSize:"".concat(0===o.iconSizeOnly?"0":o.iconSizeOnly\|\|"100","% ").concat(0===o.iconSizeOnly?"0":o.iconSizeOnly\|\|"100","%"),backgroundImage:o.iconActive&&"url('".concat(o.iconActive,"')"),color:o.iconColorActive\|\|o.iconColor,filter:o.iconColorActive\|\|o.iconColor?"drop-shadow(0px 10000px 0)":null,transform:o.iconColorActive\|\|o.iconColor?"translateY(-10000px)":null}},"& .MuiSwitch-track":{backgroundColor:a.data.trackColor&&(0,C.alpha)(a.data.trackColor,.5)\|\|("dark"===n.palette.mode?(0,C.alpha)("#ffffff",.3):(0,C.alpha)("#000000",.38)),borderRadius:10}}}));const k=function(){var t,e,i,o,n;const c=(0,a.useRef)(null),{oidObject:l,widget:r}=(0,a.useContext)(b.C),{data:s}=(0,w.A)("oid"),d=(0,S.A)("oid"),u=(0,f.A)("oid"),v=null===l\|\|void 0===l\|\|null===(t=l.common)\|\|void 0===t?void 0:t.type,x="boolean"===v;return(0,h.jsxs)(g.A,{isValidType:x,data:s,oidValue:d,children:[(0,h.jsx)(m.A,{data:s,widget:r}),(0,h.jsx)(p.Box,{sx:{position:"relative",width:"100%",height:r.data.trackSize&&"".concat(r.data.trackSize,"%")\|\|"10%"},children:(0,h.jsx)(p.Box,{ref:c,sx:{width:"100%",height:"100%",px:"8px",display:"flex",justifyContent:"center",alignItems:"center"},children:void 0!==d&&void 0!==r.data.thumbSize&&(0,h.jsx)(y,{disabled:"boolean"!==v,width:null===(e=c.current)\|\|void 0===e?void 0:e.clientWidth,maxHeight:null===(i=c.current)\|\|void 0===i\|\|null===(o=i.parentElement)\|\|void 0===o\|\|null===(n=o.parentElement)\|\|void 0===n?void 0:n.clientHeight,data:s,widget:r,checked:d,onChange:()=>u(!d),sx:{"& .MuiTouchRipple-root":{color:s.iconColorActive\|\|s.iconColor\|\|s.textColorActive\|\|s.textColor}}})})})]})};class A extends n.A{static getWidgetInfo(){return{id:"tplSwitchCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"SwitchCollectionWidget",visWidgetLabel:"switch_collection_widget",visOrder:2,visAttrs:[{name:"common",fields:[...(0,l.A)()]},{name:"switch",label:"group_switch",fields:[...(0,r.A)(["boolean"]),...(0,s.A)(),...u()]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,l.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-switch.png"}}getWidgetInfo(){return A.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,o.A)((0,o.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,wrappedContent:this.wrappedContent};return t.widget.data.noCard\|\|t.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,c.A)(this.wrapContent((0,h.jsx)(k,{})),e)}}const z=A}}]);
2	+ //# sourceMappingURL=src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.e5edd1e3.chunk.js.map

package/widgets/vis-2-widgets-collection/static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.e5edd1e3.chunk.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.e5edd1e3.chunk.js","mappings":"0UAEA,MA4CA,EA5CqBA,IAAM,CAC1B,CACCC,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCC,KAAM,YACNC,MAAO,aACPL,KAAM,SACNM,IAAK,EACLC,IAAK,IACLC,QAAS,GACTC,KAAM,GAEP,CACCL,KAAM,iBACNC,MAAO,mBACPL,KAAM,SAEP,CACCI,KAAM,kBACNC,MAAO,oBACPL,KAAM,SAEP,CACCA,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCC,KAAM,YACNC,MAAO,aACPL,KAAM,SACNM,IAAK,EACLC,IAAK,IACLC,QAAS,GACTC,KAAM,GAEP,CACCL,KAAM,aACNC,MAAO,cACPL,KAAM,U,wGCtCR,MAsHA,GAtHyBU,EAAAA,EAAAA,IAAOC,EAAAA,EAAPD,EACxBE,IAAA,IAAC,MAAEC,EAAK,UAAEC,EAAS,KAAEC,EAAI,OAAEC,EAAM,MAAEC,GAAOL,EAAA,MAAM,CAC/CC,MAAO,OACPK,OAAQ,OAERC,QAAS,EACTC,OAAQ,EAER,mBAAoB,CACnBC,SAAU,WAGX,0BAA2B,CAG1BD,OAAQ,EACRD,QAAS,EAETG,IAAK,MACLC,KAAM,KACNC,UAAU,oCAADC,OACRX,IAAcE,EAAOD,KAAKW,WAAa,IACnCV,EAAOD,KAAKW,UAAY,EAAI,GAAM,GACnCZ,EAAY,EAAI,EAAC,OAGrB,qBAAsB,CACrBS,KAAM,EACNV,MAAOA,GAGR,gBAAiB,CAChBS,IAAK,MACLC,KAAM,OACNC,UAAU,oCAADC,OACRX,IAAcE,EAAOD,KAAKW,WAAa,MAClCV,EAAOD,KAAKW,UAAY,EAAI,KAAM,KAClCZ,EAAY,EAAI,GAAE,OAGxB,qBAAsB,CACrBS,MAAOV,GAASG,EAAOD,KAAKW,WAAa,IACzCb,MAAOA,GAGR,qBAAsB,CACrBc,gBACCX,EAAOD,KAAKa,gBAAkBX,EAAMY,QAAQC,QAAQC,MAGtD,4BAA6B,CAC5BT,IAAI,QAADG,OAAUV,EAAKiB,YAAW,UAC7BT,KAAMR,EAAKkB,YAEXC,eAAe,GAADT,OAA2B,IAAtBV,EAAKoB,aAAqB,IAAMpB,EAAKoB,cAAgB,MAAK,MAAAV,OAA2B,IAAtBV,EAAKoB,aAAqB,IAAMpB,EAAKoB,cAAgB,MAAK,KAC5IC,gBAAiBrB,EAAKsB,YAAU,QAAAZ,OAAYV,EAAKsB,WAAU,OAG5D,uBAAwB,CACvBV,gBACCX,EAAOD,KAAKuB,aACY,SAAvBrB,EAAMY,QAAQU,MACZC,EAAAA,EAAAA,OAAM,qBAAsB,KAC5BA,EAAAA,EAAAA,OAAM,UAAW,QAKxB,qBAAsB,CACrBb,gBAAiBX,EAAOD,KAAK0B,gBAE7B5B,MAAOG,EAAOD,KAAKW,WAAa,GAChCgB,SAAU5B,EACVI,OAAQF,EAAOD,KAAKW,WAAa,GACjCZ,UAAWA,EAEX,YAAa,CACZ6B,QAAS,KACTC,SAAU,WAEV/B,MAAO,OACPK,OAAQ,OAKRK,KAAK,cAADE,OAAgBV,EAAKkB,YAAW,KACpCX,IAAI,cAADG,OAAgBV,EAAKiB,YAAW,KAEnCa,iBAAkB,YAClBC,mBAAoB,SAEpBZ,eAAe,GAADT,OAA2B,IAAtBV,EAAKoB,aAAqB,IAAMpB,EAAKoB,cAAgB,MAAK,MAAAV,OAA2B,IAAtBV,EAAKoB,aAAqB,IAAMpB,EAAKoB,cAAgB,MAAK,KAC5IC,gBAAiBrB,EAAKsB,YAAU,QAAAZ,OAAYV,EAAKsB,WAAU,MAE3DU,MAAOhC,EAAKiC,iBAAmBjC,EAAKkC,UACpCC,OACCnC,EAAKiC,iBAAmBjC,EAAKkC,UAC1B,6BACA,KACJzB,UACCT,EAAKiC,iBAAmBjC,EAAKkC,UAC1B,uBACA,OAIN,qBAAsB,CACrBtB,gBACEX,EAAOD,KAAKuB,aAAcE,EAAAA,EAAAA,OAAMxB,EAAOD,KAAKuB,WAAY,MACjC,SAAvBrB,EAAMY,QAAQU,MACZC,EAAAA,EAAAA,OAAM,UAAW,KACjBA,EAAAA,EAAAA,OAAM,UAAW,MACrBW,aAAc,IAEf,IC7CF,QAhEA,WAA6B,IAADC,EAAAC,EAAAC,EAAAC,EAAAC,EAC3B,MAAMC,GAAMC,EAAAA,EAAAA,QAAO,OACb,UAAEC,EAAS,OAAE3C,IAAW4C,EAAAA,EAAAA,YAAWC,EAAAA,IACnC,KAAE9C,IAAS+C,EAAAA,EAAAA,GAAQ,OACnBC,GAAWC,EAAAA,EAAAA,GAAY,OACvBC,GAAmBC,EAAAA,EAAAA,GAAc,OAEjCC,EAAmB,OAATR,QAAS,IAATA,GAAiB,QAARP,EAATO,EAAWS,cAAM,IAAAhB,OAAR,EAATA,EAAmBpD,KAE7BqE,EAA0B,YAAZF,EAEpB,OACCG,EAAAA,EAAAA,MAACC,EAAAA,EAAc,CAACF,YAAaA,EAAatD,KAAMA,EAAMgD,SAAUA,EAASS,SAAA,EACxEtE,EAAAA,EAAAA,KAACuE,EAAAA,EAAmB,CAAC1D,KAAMA,EAAMC,OAAQA,KACzCd,EAAAA,EAAAA,KAACwE,EAAAA,IAAG,CACHC,GAAI,CACH/B,SAAU,WAEV/B,MAAO,OACPK,OACEF,EAAOD,KAAK6D,WAAS,GAAAnD,OAAOT,EAAOD,KAAK6D,UAAS,MAAQ,OAC1DJ,UAEFtE,EAAAA,EAAAA,KAACwE,EAAAA,IAAG,CACHjB,IAAKA,EACLkB,GAAI,CACH9D,MAAO,OACPK,OAAQ,OAER2D,GAAI,MAEJC,QAAS,OACTC,eAAgB,SAChBC,WAAY,UACXR,cAEYS,IAAblB,QAAoDkB,IAA1BjE,EAAOD,KAAKW,YACtCxB,EAAAA,EAAAA,KAACgF,EAAgB,CAChBC,SAAsB,YAAZhB,EACVtD,MAAkB,QAAbwC,EAAEI,EAAI2B,eAAO,IAAA/B,OAAA,EAAXA,EAAagC,YACpBvE,UACY,QADHwC,EACRG,EAAI2B,eAAO,IAAA9B,GAAe,QAAfC,EAAXD,EAAagC,qBAAa,IAAA/B,GAAe,QAAfC,EAA1BD,EAA4B+B,qBAAa,IAAA9B,OAA9B,EAAXA,EAA2C+B,aAE5CxE,KAAMA,EACNC,OAAQA,EACRwE,QAASzB,EACT0B,SAAUA,IAAMxB,GAAkBF,GAClCY,GAAI,CACH,yBAA0B,CACzB5B,MACChC,EAAKiC,iBACLjC,EAAKkC,WACLlC,EAAK2E,iBACL3E,EAAK4E,oBASf,EC/DA,MAAMC,UAA+BC,EAAAA,EACpC,oBAAOC,GACN,MAAO,CACNC,GAAI,4BACJC,OAAQ,2BACRC,YAAa,qBACbC,QAAS,yBACTC,eAAgB,2BAChBC,SAAU,EACVC,SAAU,CAET,CACCjG,KAAM,SACNkG,OAAQ,KAAIC,EAAAA,EAAAA,OAEb,CACCnG,KAAM,SACNC,MAAO,eACPiG,OAAQ,KACJE,EAAAA,EAAAA,GAAmB,CAAC,gBACpBC,EAAAA,EAAAA,QACA1G,MAGL,CACCK,KAAM,SACNC,MAAO,SACPqG,UAAW,EACXC,QAAS,eACTL,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEK,UAAW,GAAIC,WAAW,OAKvDC,gBAAiB,CAChBjG,MAAO,OACPK,OAAQ,QACR0B,SAAU,YAEXmE,QACC,kEAEH,CAIAjB,aAAAA,GACC,OAAOF,EAAuBE,eAC/B,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,WAClBC,MAAOH,EAAMG,MACbnH,QAAMoH,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACFJ,EAAMhH,QAAM,IACfD,KAAMqG,KAAKC,MAAMC,OACjBa,MAAOf,KAAKC,MAAMgB,UAEnBC,SAAUlB,KAAKkB,SACfC,SAAUnB,KAAKmB,SAASC,KAAKpB,MAC7BzD,UAAWyD,KAAKC,MAAM1D,UACtB8E,OAAQrB,KAAKC,MAAMoB,OACnBC,gBAAiBtB,KAAKsB,gBAAgBF,KAAKpB,MAC3CuB,iBAAkBvB,KAAKuB,iBAAiBH,KAAKpB,MAC7C7E,KAAM6E,KAAKY,MAAMY,QAAQC,UACzBC,OAAQ1B,KAAKY,MAAMY,QAAQE,OAC3B7H,MAAOmG,KAAKY,MAAMY,QAAQ3H,MAE1B8H,eAAgB3B,KAAK2B,gBAStB,OANIf,EAAMhH,OAAOD,KAAKiI,QAAUhB,EAAMhH,OAAOiI,aAC5C7B,KAAK2B,gBAAiB,EAEtB3B,KAAK2B,gBAAiB,GAGhBG,EAAAA,EAAAA,GACN9B,KAAK+B,aAAYjJ,EAAAA,EAAAA,KAACkJ,EAAgB,KAClCnB,EAEF,EAGD,S","sources":["lib/switchFields.jsx","SwitchCollectionWidget/MaterialUISwitch.jsx","SwitchCollectionWidget/SwitchCollection.jsx","SwitchCollectionWidget/SwitchCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst switchFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"thumbSize\",\n\t\tlabel: \"thumb_size\",\n\t\ttype: \"slider\",\n\t\tmin: 0,\n\t\tmax: 500,\n\t\tdefault: 62,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"thumbColorTrue\",\n\t\tlabel: \"thumb_color_true\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\tname: \"thumbColorFalse\",\n\t\tlabel: \"thumb_color_false\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"trackSize\",\n\t\tlabel: \"track_size\",\n\t\ttype: \"slider\",\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tdefault: 10,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"trackColor\",\n\t\tlabel: \"track_color\",\n\t\ttype: \"color\",\n\t},\n];\n\nexport default switchFields;\n","import Switch from \"@mui/material/Switch\";\nimport { styled } from \"@mui/material/styles\";\nimport { alpha } from \"@mui/material/styles\";\n\nconst MaterialUISwitch = styled(Switch)(\n\t({ width, maxHeight, data, widget, theme }) => ({\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\n\t\tpadding: 0,\n\t\tmargin: 0,\n\n\t\t\"&.MuiSwitch-root\": {\n\t\t\toverflow: \"visible\", // erforderlich\n\t\t},\n\n\t\t\"& .MuiSwitch-switchBase\": {\n\t\t\t// overflow: \"hidden\", // ???\n\n\t\t\tmargin: 0,\n\t\t\tpadding: 0,\n\n\t\t\ttop: \"50%\",\n\t\t\tleft: \"0%\",\n\t\t\ttransform: `translate(-50%, -50%) translateX(${\n\t\t\t\tmaxHeight >= (widget.data.thumbSize || 62)\n\t\t\t\t\t? (widget.data.thumbSize / 2 - 4) || 31 - 4\n\t\t\t\t\t: maxHeight / 2 - 4\n\t\t\t}px)`,\n\n\t\t\t\"& .MuiSwitch-input\": {\n\t\t\t\tleft: 0,\n\t\t\t\twidth: width,\n\t\t\t},\n\n\t\t\t\"&.Mui-checked\": {\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"100%\",\n\t\t\t\ttransform: `translate(-50%, -50%) translateX(${\n\t\t\t\t\tmaxHeight >= (widget.data.thumbSize || 62)\n\t\t\t\t\t\t? -(widget.data.thumbSize / 2 - 4) || -31 - 4\n\t\t\t\t\t\t: -(maxHeight / 2 - 4)\n\t\t\t\t}px)`,\n\n\t\t\t\t\"& .MuiSwitch-input\": {\n\t\t\t\t\tleft: -width + (widget.data.thumbSize || 62),\n\t\t\t\t\twidth: width,\n\t\t\t\t},\n\n\t\t\t\t\"& .MuiSwitch-thumb\": {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\twidget.data.thumbColorTrue || theme.palette.primary.main,\n\t\t\t\t},\n\n\t\t\t\t\"& .MuiSwitch-thumb:before\": {\n\t\t\t\t\ttop: `calc(${data.iconYOffset} * -1)`,\n\t\t\t\t\tleft: data.iconXOffset,\n\n\t\t\t\t\tbackgroundSize: `${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}% ${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}%`,\n\t\t\t\t\tbackgroundImage: data.iconActive && `url('${data.iconActive}')`,\n\t\t\t\t},\n\n\t\t\t\t\"& + .MuiSwitch-track\": {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\twidget.data.trackColor ||\n\t\t\t\t\t\t(theme.palette.mode === \"dark\"\n\t\t\t\t\t\t\t? alpha(\"rgb(144, 202, 249)\", 0.5)\n\t\t\t\t\t\t\t: alpha(\"#1976d2\", 0.5)),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\n\t\t\"& .MuiSwitch-thumb\": {\n\t\t\tbackgroundColor: widget.data.thumbColorFalse,\n\n\t\t\twidth: widget.data.thumbSize || 62,\n\t\t\tmaxWidth: maxHeight,\n\t\t\theight: widget.data.thumbSize || 62,\n\t\t\tmaxHeight: maxHeight,\n\n\t\t\t\"&::before\": {\n\t\t\t\tcontent: \"''\",\n\t\t\t\tposition: \"absolute\",\n\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\n\t\t\t\t// top: `calc(${data.iconYOffset} * -1)`,\n\t\t\t\t// left: data.iconXOffset,\n\n\t\t\t\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\tbackgroundRepeat: \"no-repeat\",\n\t\t\t\tbackgroundPosition: \"center\",\n\n\t\t\t\tbackgroundSize: `${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}% ${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}%`,\n\t\t\t\tbackgroundImage: data.iconActive && `url('${data.iconActive}')`,\n\n\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\tfilter:\n\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t: null,\n\t\t\t\ttransform:\n\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t: null,\n\t\t\t},\n\t\t},\n\n\t\t\"& .MuiSwitch-track\": {\n\t\t\tbackgroundColor:\n\t\t\t\t(widget.data.trackColor && alpha(widget.data.trackColor, 0.5)) ||\n\t\t\t\t(theme.palette.mode === \"dark\"\n\t\t\t\t\t? alpha(\"#ffffff\", 0.3)\n\t\t\t\t\t: alpha(\"#000000\", 0.38)),\n\t\t\tborderRadius: 20 / 2,\n\t\t},\n\t}),\n);\n\nexport default MaterialUISwitch;\n","import { Box } from \"@mui/material\";\nimport React, { useRef, 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 useValueState from \"../hooks/useValueState\";\nimport MaterialUISwitch from \"./MaterialUISwitch\";\n\nfunction SwitchCollection() {\n\tconst ref = useRef(null);\n\tconst { oidObject, widget } = useContext(CollectionContext);\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\treturn (\n\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight:\n\t\t\t\t\t\t(widget.data.trackSize && `${widget.data.trackSize}%`) || \"10%\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\tpx: \"8px\",\n\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{oidValue !== undefined && widget.data.thumbSize !== undefined && (\n\t\t\t\t\t\t<MaterialUISwitch\n\t\t\t\t\t\t\tdisabled={oidType !== \"boolean\"}\n\t\t\t\t\t\t\twidth={ref.current?.clientWidth}\n\t\t\t\t\t\t\tmaxHeight={\n\t\t\t\t\t\t\t\tref.current?.parentElement?.parentElement?.clientHeight\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\twidget={widget}\n\t\t\t\t\t\t\tchecked={oidValue}\n\t\t\t\t\t\t\tonChange={() => setOidValueState(!oidValue)}\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tdata.iconColorActive ||\n\t\t\t\t\t\t\t\t\t\tdata.iconColor ||\n\t\t\t\t\t\t\t\t\t\tdata.textColorActive ||\n\t\t\t\t\t\t\t\t\t\tdata.textColor,\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</Box>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default SwitchCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport switchFields from \"../lib/switchFields\";\nimport SwitchCollection from \"./SwitchCollection\";\n\nclass SwitchCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplSwitchCollectionWidget\",\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: \"SwitchCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"switch_collection_widget\", // Label for widget\n\t\t\tvisOrder: 2,\n\t\t\tvisAttrs: [\n\t\t\t\t// CollectionGroupCommonAttributes([\"boolean\"]),\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: \"switch\",\n\t\t\t\t\tlabel: \"group_switch\",\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...switchFields(),\n\t\t\t\t\t],\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\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-switch.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 SwitchCollectionWidget.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(<SwitchCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default SwitchCollectionWidget;\n"],"names":["switchFields","type","component","_jsx","CollectionDivider","name","label","min","max","default","step","styled","Switch","_ref","width","maxHeight","data","widget","theme","height","padding","margin","overflow","top","left","transform","concat","thumbSize","backgroundColor","thumbColorTrue","palette","primary","main","iconYOffset","iconXOffset","backgroundSize","iconSizeOnly","backgroundImage","iconActive","trackColor","mode","alpha","thumbColorFalse","maxWidth","content","position","backgroundRepeat","backgroundPosition","color","iconColorActive","iconColor","filter","borderRadius","_oidObject$common","_ref$current","_ref$current2","_ref$current2$parentE","_ref$current2$parentE2","ref","useRef","oidObject","useContext","CollectionContext","useData","oidValue","useOidValue","setOidValueState","useValueState","oidType","common","isValidType","_jsxs","CollectionBase","children","CollectionBaseImage","Box","sx","trackSize","px","display","justifyContent","alignItems","undefined","MaterialUISwitch","disabled","current","clientWidth","parentElement","clientHeight","checked","onChange","textColorActive","textColor","SwitchCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","commonObjectFields","delayFields","indexFrom","indexTo","groupName","allFields","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","style","_objectSpread","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","context","themeType","socket","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","SwitchCollection"],"sourceRoot":""}