iobroker.vis-2-widgets-inventwo 0.2.1 → 0.2.2

package/widgets/vis-2-widgets-inventwo/static/js/src_InventwoWidgetUniversal_jsx-src_assets_inventwo_css.bb5697e2.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiobroker_vis_2_widgets_inventwo=self.webpackChunkiobroker_vis_2_widgets_inventwo||[]).push([["src_InventwoWidgetUniversal_jsx-src_assets_inventwo_css"],{2053:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(8437),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_mui_material__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7085),_mui_material__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_mui_material__WEBPACK_IMPORTED_MODULE_1__),_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1839),_mui_icons_material__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__),_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(5636),_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__),hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(2144),hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__),_lib_iro_min__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(2782),_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_lib_iro_min__WEBPACK_IMPORTED_MODULE_4__),_assets_inventwo_css__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(4915),_InventwoGeneric__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1125),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(579);const styles={dialogTitle:{display:"flex",justifyContent:"space-between",alignItems:"center"}};class InventwoWidgetUniversal extends _InventwoGeneric__WEBPACK_IMPORTED_MODULE_6__.A{constructor(t){super(t),this.state.currentView=null,this.state.dialogOpen=!1,this.state.showFeedback=!1,this.state.isMounted=!1,this.state.svgRef=react__WEBPACK_IMPORTED_MODULE_0___default().createRef()}static getWidgetInfo(){return{id:"tplInventwoWidgetUniversal",visSet:"vis-2-widgets-inventwo",visSetLabel:"set_label",visWidgetLabel:"widget_universal",visName:"widget_universal",visSetColor:"rgba(69, 86, 24, 1)",visAttrs:[{name:"common",fields:[{name:"type",type:"select",options:[{value:"switch",label:"switch"},{value:"button",label:"button"},{value:"nav",label:"nav"},{value:"readonly",label:"read_only"},{value:"viewInDialog",label:"view_in_dialog"},{value:"increaseDecreaseValue",label:"increase_decrease_value"},{value:"http",label:"send_http"}],default:"switch",label:"type",tooltip:"tooltip_widget_type"},{name:"mode",type:"select",options:[{value:"singleButton",label:"single_button"},{value:"separatedButtons",label:"separated_buttons"}],default:"singleButton",label:"mode",tooltip:"tooltip_widget_mode"},{name:"direction",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"row",label:"direction",hidden:'data.mode == "singleButton"'},{name:"oid",type:"id",label:"oid"},{name:"url",type:"text",label:"url",hidden:'data.type != "http"'},{name:"httpType",type:"select",options:[{value:"send",label:"send_request"},{value:"open",label:"open_url"},{value:"openNewTab",label:"open_url_new_tab"}],default:"send",label:"http_type",hidden:'data.type != "http"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data.type != "viewInDialog") || data.mode == "separatedButtons"'},{name:"valueFalse",type:"text",label:"value_false",hidden:'data.type != "switch" || data.mode == "separatedButtons"'},{name:"valueTrue",type:"text",label:"value_true",hidden:'data.mode == "separatedButtons" || data.type == "http"'},{name:"buttonSize",type:"slider",min:1,max:200,step:10,default:110,label:"button_size",hidden:'data.mode == "singleButton"'},{name:"btnSpacing",type:"slider",min:0,max:50,step:1,default:10,label:"button_spacing",hidden:'data.mode == "singleButton"'},{name:"countStates",type:"number",default:1,label:"count_states",hidden:"data.countStates > 0"}]},{name:"attr_group_type_view_in_dialog",label:"attr_group_type_view_in_dialog",hidden:'data.type != "viewInDialog"',fields:[{name:"dialogFullscreen",type:"checkbox",label:"dialog_fullscreen",hidden:'data.type != "viewInDialog"'},{name:"dialogCloseOnClickOutside",type:"checkbox",label:"dialog_close_on_click_outside",hidden:'data.type != "viewInDialog" || data.dialogFullscreen'},{name:"dialogWidth",type:"slider",min:1,max:1e3,step:1,default:500,label:"dialog_width",hidden:"data.dialogFullscreen"},{name:"dialogHeight",type:"slider",min:1,max:1e3,step:1,default:300,label:"dialog_height",hidden:"data.dialogFullscreen"},{name:"dialogPadding",type:"slider",min:0,max:50,step:1,default:10,label:"padding"},{name:"dialogBackground",type:"color",default:"rgb(18, 18, 18)",label:"background"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_titlebar"},{name:"dialogTitle",type:"html",label:"title"},{name:"dialogTitleColor",type:"color",default:"rgb(255,255,255)",label:"color"},{name:"dialogTitleSize",type:"slider",min:0,max:50,step:1,default:20,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_close_button"},{name:"dialogCloseButtonBackground",type:"color",default:"rgba(255,255,255,0)",label:"background"},{name:"dialogCloseButtonColor",type:"color",default:"rgba(255,255,255,1)",label:"color"},{name:"dialogCloseButtonSize",type:"slider",min:0,max:50,step:1,default:14,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_border_radius"},{name:"dialogBorderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"dialogBorderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"dialogBorderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"dialogBorderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_click_feedback",label:"attr_group_click_feedback",fields:[{name:"feedbackDuration",type:"slider",min:0,max:5e3,step:100,default:0,label:"duration"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColorFeedback",type:"color",label:"content_color",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"backgroundFeedback",type:"color",default:"rgba(69, 86, 24, 1)",label:"background"},{name:"textColorFeedback",type:"color",label:"text_color"},{name:"borderColorFeedback",type:"color",label:"border_color"},{name:"outerShadowColorFeedback",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)"},{name:"innerShadowColorFeedback",type:"color",label:"inner_shadow_color"}]},{name:"attr_group_state_default",label:"attr_group_state_default",fields:[{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text",hidden:'data.mode == "separatedButtons"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.mode == "separatedButtons" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.mode == "separatedButtons" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.mode == "separatedButtons" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.mode == "separatedButtons" || (data.contentType != "icon" && data.contentType != "image")'},{name:"background",type:"color",label:"background"},{name:"textColor",type:"color",label:"text_color"},{name:"borderColor",type:"color",label:"border_color"},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"}]},{name:"countStates",indexFrom:1,indexTo:"countStates",label:"attr_group_states",fields:[{type:"help",text:"vis_2_widgets_inventwo_condition"},{name:"compareBy",type:"select",options:[{value:"default",label:"compare_by_widget_default"},{value:"value",label:"value"},{value:"view",label:"view"}],default:"default",label:"compare_by",hidden:'data.mode == "separatedButtons"',tooltip:"tooltip_compare_by"},{name:"oid",type:"id",label:"oid",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view" || data.mode == "separatedButtons"',tooltip:"tooltip_state_oid"},{name:"comparisonOperator",type:"select",options:[{value:"===",label:"equal"},{value:"!=",label:"not_equal"},{value:">",label:"greater"},{value:"<",label:"lower"},{value:">=",label:"greater_equal"},{value:"<=",label:"lower_equal"}],default:"===",label:"comparison_operator",hidden:'data.type == "nav" || data["compareBy" + index] == "view" || data.mode == "separatedButtons"'},{name:"value",type:"text",label:"value",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data["compareBy" + index] != "view") || data["compareBy" + index] == "value"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text"},{name:"textTrue",type:"html",label:"text_true",hidden:'data.mode == "singleButton"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.contentType != "icon"'},{name:"iconTrue",type:"icon64",label:"icon_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.contentType != "image"'},{name:"imageTrue",type:"image",label:"image_true",hidden:'data.mode == "singleButton" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.contentType != "html"'},{name:"htmlTrue",type:"html",label:"text_html_true",hidden:'data.mode == "singleButton" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.contentType != "viewInWidget"'},{name:"viewInWidgetTrue",type:"views",label:"view_in_widget_true",hidden:'data.mode == "singleButton" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.contentType != "icon" && data.contentType != "image"'},{name:"contentColorTrue",type:"color",label:"content_color_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"background",type:"color",default:"rgb(69,86,24)",label:"background"},{name:"backgroundTrue",type:"color",default:"rgb(69,86,24)",label:"background_true",hidden:'data.mode == "singleButton"'},{name:"textColor",type:"color",label:"text_color"},{name:"textColorTrue",type:"color",label:"text_color_true",hidden:'data.mode == "singleButton"'},{name:"borderColor",type:"color",label:"border_color"},{name:"borderColorTrue",type:"color",label:"border_color_true",hidden:'data.mode == "singleButton"'},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)"},{name:"outerShadowColorTrue",type:"color",label:"outer_shadow_color_true",hidden:'data.mode == "singleButton"',default:"rgb(0,0,0)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"},{name:"innerShadowColorTrue",type:"color",label:"inner_shadow_color_true",hidden:'data.mode == "singleButton"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_content"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:0,label:"content_size"}]},{name:"attr_content_color_picker",label:"attr_content_color_picker",hidden:'data.contentType != "colorPicker"',fields:[{name:"colorPickerColorModel",type:"select",options:[{value:"hex",label:"hex"},{value:"hex8",label:"hex_8"},{value:"rgb",label:"rgb"},{value:"hsl",label:"hsl"},{value:"hsv",label:"hsv"},{value:"cie",label:"cie"}],default:"hex",label:"color_model"},{name:"colorPickerOid",type:"id",hidden:'data.colorPickerColorModel === "rgb" || data.colorPickerColorModel === "hsl" || data.colorPickerColorModel === "hsv"',label:"oid"},{name:"colorPickerOid1",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_1"},{name:"colorPickerOid2",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_2"},{name:"colorPickerOid3",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_3"},{type:"help",text:"vis_2_widgets_inventwo_layout_size"},{name:"colorPickerWidth",type:"slider",min:0,max:500,step:1,default:200,label:"width"},{name:"colorPickerHandleSize",type:"slider",min:0,max:20,step:1,default:8,label:"handle_size"},{name:"colorPickerHandleMargin",type:"slider",min:0,max:20,step:1,default:6,label:"handle_margin"},{name:"colorPickerComponentsSpace",type:"slider",min:0,max:50,step:1,default:12,label:"components_space"},{name:"colorPickerDirection",type:"select",options:[{value:"vertical",label:"vertical"},{value:"horizontal",label:"horizontal"}],default:"vertical",label:"direction"},{name:"colorPickerBorderWidth",type:"slider",min:0,max:10,step:1,default:0,label:"border_width"},{name:"colorPickerBorderColor",type:"color",label:"border_color"},{type:"help",text:"vis_2_widgets_inventwo_components"},{name:"colorPickerShowWheel",type:"checkbox",default:!0,label:"show_wheel"},{name:"colorPickerShowBox",type:"checkbox",label:"show_box"},{name:"colorPickerShowHue",type:"checkbox",label:"show_hue"},{name:"colorPickerShowSaturation",type:"checkbox",default:!0,label:"show_Saturation"},{name:"colorPickerShowValue",type:"checkbox",default:!0,label:"show_value"},{name:"colorPickerShowRed",type:"checkbox",label:"show_red"},{name:"colorPickerShowGreen",type:"checkbox",label:"show_green"},{name:"colorPickerShowBlue",type:"checkbox",label:"show_blue"},{name:"colorPickerShowAlpha",type:"checkbox",label:"show_Alpha"},{name:"colorPickerShowKelvin",type:"checkbox",label:"show_kelvin"}]},{name:"attr_group_css_text",label:"attr_group_css_text",fields:[{name:"textDecoration",type:"select",options:[{value:"none",label:"none"},{value:"underline",label:"underline"},{value:"overline",label:"overline"},{value:"line-through",label:"line-through"}],default:"none",label:"text_decoration"},{name:"textMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top"},{name:"textMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom"},{name:"textMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left"},{name:"textMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right"}]},{name:"attr_group_css_content",label:"attr_group_css_content",fields:[{name:"contentType",type:"select",options:[{value:"icon",label:"icon"},{value:"image",label:"image"},{value:"html",label:"text_html"},{value:"viewInWidget",label:"view_in_widget"},{value:"colorPicker",label:"color_picker"}],default:"icon",label:"content_type",tooltip:"tooltip_content_type"},{name:"contentMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top"},{name:"contentMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom"},{name:"contentMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left"},{name:"contentMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:40,label:"content_size"},{name:"contentRotation",type:"slider",min:-180,max:180,step:1,default:0,label:"rotation"},{name:"contentMirror",type:"checkbox",default:!1,label:"mirror"}]},{name:"attr_group_css_alignment",label:"attr_group_css_alignment",fields:[{name:"flexDirection",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"column",label:"direction"},{name:"alignItems",type:"select",options:[{value:"flex-start",label:"start"},{value:"center",label:"center"},{value:"flex-end",label:"end"},{value:"space-between",label:"space between"}],default:"space-between",label:"alignment"},{name:"textAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"start",label:"text_align"},{name:"contentAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"center",label:"content_align"},{name:"invertOrder",type:"checkbox",label:"invert_order"}]},{name:"attr_group_css_transparency",label:"attr_group_css_transparency",fields:[{name:"backgroundOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"background_opacity"},{name:"contentOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"content_opacity"}]},{name:"attr_group_css_spacing",label:"attr_group_css_spacing",fields:[{name:"paddingLeft",type:"slider",min:0,max:50,step:1,default:10,label:"padding_left"},{name:"paddingRight",type:"slider",min:0,max:50,step:1,default:10,label:"padding_right"},{name:"paddingTop",type:"slider",min:0,max:50,step:1,default:10,label:"padding_top"},{name:"paddingBottom",type:"slider",min:0,max:50,step:1,default:10,label:"padding_bottom"}]},{name:"attr_group_css_border_radius",label:"attr_group_css_border_radius",fields:[{name:"borderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"borderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"borderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"borderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size"}]},{name:"attr_group_css_inner_shadow",label:"attr_group_css_inner_shadow",fields:[{name:"innerShadowX",type:"slider",min:0,max:50,step:1,default:0,label:"x_offset"},{name:"innerShadowY",type:"slider",min:0,max:50,step:1,default:0,label:"y_offset"},{name:"innerShadowBlur",type:"slider",min:0,max:50,step:1,default:0,label:"blur"},{name:"innerShadowSize",type:"slider",min:0,max:50,step:1,default:0,label:"size"}]}],visDefaultStyle:{width:110,height:110,position:"absolute",overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-universal.png"}}propertiesUpdate(){if("colorPicker"===this.state.rxData.contentType){const t=[];this.state.rxData.colorPickerShowWheel&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Wheel,options:{}}),this.state.rxData.colorPickerShowBox&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Box,options:{}}),this.state.rxData.colorPickerShowHue&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"hue"}}),this.state.rxData.colorPickerShowSaturation&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"saturation"}}),this.state.rxData.colorPickerShowValue&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"value"}}),this.state.rxData.colorPickerShowRed&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"red"}}),this.state.rxData.colorPickerShowGreen&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"green"}}),this.state.rxData.colorPickerShowBlue&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"blue"}}),this.state.rxData.colorPickerShowAlpha&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"alpha"}}),this.state.rxData.colorPickerShowKelvin&&t.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"kelvin"}});const e=document.querySelector("#".concat(this.props.id," .vis-inventwo-widget-color-picker-wrapper"));e.innerHTML="",this.state.colorPicker=new(_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ColorPicker)(e,{width:this.state.rxData.colorPickerWidth,color:"#ffff00",layout:t,handleRadius:this.state.rxData.colorPickerHandleSize,padding:this.state.rxData.colorPickerHandleMargin,margin:this.state.rxData.colorPickerComponentsSpace,layoutDirection:this.state.rxData.colorPickerDirection,borderWidth:this.state.rxData.colorPickerBorderWidth,borderColor:this.state.rxData.colorPickerBorderColor}),this.state.colorPicker.on("input:change",(t=>{switch(this.state.rxData.colorPickerColorModel){case"hex":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,t.hexString);break;case"hex8":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,t.hex8String);break;case"rgb":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,t.rgb.r),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,t.rgb.g),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,t.rgb.b);break;case"hsl":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,t.hsl.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,t.hsl.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,t.hsl.l);break;case"hsv":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,t.hsv.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,t.hsv.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,t.hsv.v)}})),this.setColorPickerColor()}}async setColorPickerColor(){const t=this.state.rxData.colorPickerColorModel,e=this.state.rxData.colorPickerOid?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid)).val:void 0,a=this.state.rxData.colorPickerOid1?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid1)).val:void 0,o=this.state.rxData.colorPickerOid2?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid2)).val:void 0,i=this.state.rxData.colorPickerOid3?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid3)).val:void 0;switch(t){case"hex":e&&/^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(e)?this.state.colorPicker.color.hexString=e:this.state.colorPicker.color.hexString="#ffffff";break;case"hex8":e&&/^#([A-Fa-f0-9]{8}$)/.test(e)?this.state.colorPicker.color.hex8String=e:this.state.colorPicker.color.hexString="#ffffffff";break;case"rgb":this.state.colorPicker.color.rgb=void 0!==a&&void 0!==o&&void 0!==i?{r:a,g:o,b:i}:{r:255,g:255,b:255};break;case"hsl":this.state.colorPicker.color.hsl=void 0!==a&&void 0!==o&&void 0!==i?{h:a,s:o,l:i}:{h:330,s:0,l:100};break;case"hsv":this.state.colorPicker.color.hsv=void 0!==a&&void 0!==o&&void 0!==i?{h:a,s:o,v:i}:{h:0,s:0,v:100}}}componentDidMount(){super.componentDidMount(),this.propertiesUpdate(),setTimeout((()=>{this.state.isMounted=!0}),500)}getWidgetInfo(){return InventwoWidgetUniversal.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,e){if("viewInDialog"===this.state.rxData.type&&t===this.state.rxData.oid&&!this.props.editMode){const t=this.convertValue(this.state.rxData.valueTrue);this.state.isMounted&&(t===e.val?this.setState({dialogOpen:!0}):this.setState({dialogOpen:!1}))}}eval(value1,value2){let operator=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"===";return isNaN(value1)&&(value1='"'.concat(value1,'"')),isNaN(value2)&&(value2='"'.concat(value2,'"')),eval("".concat(value1," ").concat(operator," ").concat(value2))}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}compare(t,e){switch(arguments.length>2&&void 0!==arguments[2]?arguments[2]:"==="){case"===":case"==":return t===e;case"<":return t<e;case">":return t>e;case"<=":return t<=e;case">=":return t>=e;case"!=":return t!==e;default:return!1}}validOid(t){return void 0!==t&&null!==t&&"nothing_selected"!==t}getValueData(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=null,a=null,o=null;if(null===t)for(let i=1;i<=this.state.rxData.countStates;i++){if(this.validOid(this.state.rxData["oid".concat(i)]))e=this.state.rxData["oid".concat(i)];else{if(!this.validOid(this.state.rxData.oid))continue;e=this.state.rxData.oid}a=this.getValue(e);let t=this.state.rxData["compareBy".concat(i)];void 0!==t&&null!==t||(t="default");let l=this.state.rxData["comparisonOperator".concat(i)];void 0!==l&&null!==l||(l="===");let r=this.state.rxData.valueTrue;if(void 0!==this.state.rxData["value".concat(i)]&&null!==this.state.rxData["value".concat(i)]&&(r=this.state.rxData["value".concat(i)]),r=this.convertValue(r),("default"===t&&"nav"!==this.state.rxData.type||"value"===t)&&this.compare(a,r,l)||("default"===t&&"nav"===this.state.rxData.type||"view"===t)&&"singleButton"===this.state.rxData.mode&&1===this.state.rxData.countStates&&this.state.rxData.view===this.props.view||("default"===t&&"nav"===this.state.rxData.type||"view"===t)&&this.state.rxData.countStates>1&&this.state.rxData["view".concat(i)]===this.props.view){o=this.getStateData(i);break}}else e=this.state.rxData.oid,a=this.getValue(e),o=("switch"===this.state.rxData.type||"button"===this.state.rxData.type||"readonly"===this.state.rxData.type)&&a===this.convertValue(this.state.rxData["value".concat(t)])||"nav"===this.state.rxData.type&&this.state.rxData["view".concat(t)]===this.props.view?this.getStateData(t,!0):this.getStateData(t);return null===o&&(o={background:this.state.rxData.background,icon:this.state.rxData.icon,image:this.state.rxData.image,contentColor:this.state.rxData.contentColor,text:this.state.rxData.text,textColor:this.state.rxData.textColor,outerShadowColor:this.state.rxData.outerShadowColor,innerShadowColor:this.state.rxData.innerShadowColor,borderColor:this.state.rxData.borderColor,html:this.state.rxData.html,viewInWidget:this.state.rxData.viewInWidget,contentBlinkInterval:this.state.rxData.contentBlinkInterval,contentSize:this.state.rxData.contentSize}),this.state.showFeedback&&(o=this.replaceWithClickFeedbackData(o)),o}getStateData(t){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a={background:this.state.rxData["background".concat(t)],icon:this.state.rxData["icon".concat(t)],image:this.state.rxData["image".concat(t)],contentColor:this.state.rxData["contentColor".concat(t)],text:this.state.rxData["text".concat(t)],textColor:this.state.rxData["textColor".concat(t)],outerShadowColor:this.state.rxData["outerShadowColor".concat(t)],innerShadowColor:this.state.rxData["innerShadowColor".concat(t)],borderColor:this.state.rxData["borderColor".concat(t)],html:this.state.rxData["html".concat(t)],viewInWidget:this.state.rxData["viewInWidget".concat(t)],contentBlinkInterval:this.state.rxData["contentBlinkInterval".concat(t)],contentSize:this.state.rxData["contentSize".concat(t)]>0?this.state.rxData["contentSize".concat(t)]:this.state.rxData.contentSize};return e&&(a.background=this.state.rxData["backgroundTrue".concat(t)],a.icon=this.state.rxData["iconTrue".concat(t)],a.image=this.state.rxData["imageTrue".concat(t)],a.contentColor=this.state.rxData["contentColorTrue".concat(t)],a.text=this.state.rxData["textTrue".concat(t)],a.html=this.state.rxData["htmlTrue".concat(t)],a.viewInWidget=this.state.rxData["viewInWidgetTrue".concat(t)],a.textColor=this.state.rxData["textColorTrue".concat(t)],a.borderColor=this.state.rxData["borderColorTrue".concat(t)],a.outerShadowColor=this.state.rxData["outerShadowColorTrue".concat(t)],a.innerShadowColor=this.state.rxData["innerShadowColorTrue".concat(t)]),a}replaceWithClickFeedbackData(t){return this.validFieldValue(this.state.rxData.backgroundFeedback)&&(t.background=this.state.rxData.backgroundFeedback),this.validFieldValue(this.state.rxData.contentColorFeedback)&&(t.contentColor=this.state.rxData.contentColorFeedback),this.validFieldValue(this.state.rxData.textColorFeedback)&&(t.textColor=this.state.rxData.textColorFeedback),this.validFieldValue(this.state.rxData.outerShadowColorFeedback)&&(t.outerShadowColor=this.state.rxData.outerShadowColorFeedback),this.validFieldValue(this.state.rxData.innerShadowColorFeedback)&&(t.innerShadowColor=this.state.rxData.innerShadowColorFeedback),this.validFieldValue(this.state.rxData.borderColorFeedback)&&(t.borderColor=this.state.rxData.borderColorFeedback),t}onClick(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.props.editMode)return;if(null!==e.target.closest(".IroColorPicker"))return;const a=this.state.rxData.oid;if(!e.target.closest(".inventwo-view-in-widget-wrapper, #".concat(this.props.id)).classList.contains("inventwo-view-in-widget-wrapper")&&"readonly"!==this.state.rxData.type)switch(this.setState({showFeedback:!0}),this.state.rxData.type){case"switch":if("singleButton"===this.state.rxData.mode){const t=this.convertValue(this.state.rxData.valueTrue);this.state.values["".concat(a,".val")]===t?this.props.context.setValue(a,this.convertValue(this.state.rxData.valueFalse)):this.props.context.setValue(a,t)}else this.props.context.setValue(a,this.convertValue(this.state.rxData["value".concat(t)]));break;case"button":"singleButton"===this.state.rxData.mode?this.props.context.setValue(a,this.convertValue(this.state.rxData.valueTrue)):this.props.context.setValue(a,this.convertValue(this.state.rxData["value".concat(t)]));break;case"nav":const o=e.target.closest(".inventwo-dialog");if(void 0!==o&&null!==o)return;"singleButton"===this.state.rxData.mode?window.vis.changeView(this.state.rxData.view,this.state.rxData.view):window.vis.changeView(this.state.rxData["view".concat(t)],this.state.rxData["view".concat(t)]);break;case"viewInDialog":this.setState({dialogOpen:!0}),a&&this.props.context.setValue(a,this.convertValue(this.state.rxData.valueTrue));break;case"increaseDecreaseValue":let i=this.getValue(a);i+=this.convertValue(this.state.rxData.valueTrue),this.props.context.setValue(a,i);break;case"http":const l=this.state.rxData.httpType,r=this.state.rxData.url;if("send"===l){const t=new XMLHttpRequest;t.open("GET",r),t.send()}else"open"===l?window.open(r,"_self"):"openNewTab"===l&&window.open(r,"_blank")}}renderWidgetBody(t){if(super.renderWidgetBody(t),this.wrappedContent=!0,this.state.showFeedback){let t=this.state.rxData.feedbackDuration;void 0===t&&(t=0),t>0?setTimeout((()=>{this.setState({showFeedback:!1})}),t):this.setState({showFeedback:!1})}return this.buildWidgetBody()}buildWidgetBody(){const t=[];if("singleButton"===this.state.rxData.mode)t.push(this.getSingleCard());else{const e=[];for(let t=1;t<=this.state.rxData.countStates;t++)e.push(this.getSingleCard(t));t.push((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{display:"flex",height:"100%",overflow:"auto",gap:"".concat(this.state.rxData.btnSpacing,"px"),flexDirection:this.state.rxData.direction,padding:10,margin:-10},children:e},"cardWrapper"))}return"viewInDialog"===this.state.rxData.type&&t.push((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Dialog,{className:"inventwo-dialog",open:this.state.dialogOpen,fullScreen:!0,sx:{"& .MuiDialog-container":{"& .MuiDialog-paper":{maxWidth:this.state.rxData.dialogFullscreen?"100%":"".concat(this.state.rxData.dialogWidth+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")),maxHeight:this.state.rxData.dialogFullscreen?"100%":"".concat(this.state.rxData.dialogHeight+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")),background:this.state.rxData.dialogBackground,borderRadius:"\n                                ".concat(this.state.rxData.dialogBorderRadiusTopLeft,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusTopRight,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusBottomRight,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusBottomLeft,"px\n                            ")},".MuiDialogContent-root":{padding:"".concat(this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px"))},".MuiDialogTitle-root":{padding:"".concat(this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")),color:this.state.rxData.dialogTitleColor}}},onClose:(t,e)=>{e&&"backdropClick"===e&&!this.state.rxData.dialogCloseOnClickOutside||this.setState({dialogOpen:!1})},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.DialogTitle,{style:styles.dialogTitle,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span",{children:this.state.rxData.dialogTitle}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.IconButton,{onClick:()=>this.setState({dialogOpen:!1}),sx:{background:this.state.rxData.dialogCloseButtonBackground,color:this.state.rxData.dialogCloseButtonColor,"&:hover":{background:this.state.rxData.dialogCloseButtonBackground}},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__.Close,{sx:{width:this.state.rxData.dialogCloseButtonSize,height:this.state.rxData.dialogCloseButtonSize}})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.DialogContent,{children:this.buildViewInWidget(this.state.rxData.view)})]},"dialog")),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{overflow:"visible",height:"100%",width:"100%",fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]},children:t})}getContentIcon(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===this.getValueData(t).icon?"":(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__.Icon,{src:this.getValueData(t).icon,style:{width:this.getValueData(t).contentSize,color:this.getValueData(t).contentColor}})}getContentImage(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const e=this.getValueData(t).image;if(null===e)return"";const a=this.convertRgbToHex(this.getValueData(t).contentColor);let o=null;return a&&(o=(0,hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__.hexToCSSFilter)(a)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__.Icon,{src:e,style:{width:this.getValueData(t).contentSize,filter:o?o.filter:""}})}getContentHtml(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{fontSize:"".concat(this.getValueData(t).contentSize,"px")},dangerouslySetInnerHTML:{__html:this.getValueData(t).html}})}getContentViewInWidget(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const e=this.getValueData(t).viewInWidget;return this.buildViewInWidget(e)}buildViewInWidget(t){if(t===this.props.view)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{children:"Cannot use recursive views"});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{position:"relative",overflow:"auto",height:"100%"},className:"inventwo-view-in-widget-wrapper",children:t?this.getWidgetView(t,{style:{}}):null})}getCardContent(){let t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;switch(this.state.rxData.contentType){case"icon":t=this.getContentIcon(e);break;case"image":t=this.getContentImage(e);break;case"html":t=this.getContentHtml(e);break;case"viewInWidget":t=this.getContentViewInWidget(e);break;default:t=""}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{className:"colorPicker"===this.state.rxData.contentType?"vis-inventwo-widget-color-picker-wrapper":"",style:{height:"100%",width:"viewInWidget"===this.state.rxData.contentType?"100%":"",transform:"rotateZ(".concat(this.state.rxData.contentRotation,"deg)"),animation:this.getValueData(e).contentBlinkInterval>0?"blink ".concat(this.getValueData(e).contentBlinkInterval/1e3,"s infinite"):""},children:t})}buildCard(t,e){const a=this.getValueData(t);let o="";return a.outerShadowColor&&(o+="".concat(this.state.rxData.outerShadowX,"px ").concat(this.state.rxData.outerShadowY,"px ").concat(this.state.rxData.outerShadowBlur,"px ").concat(this.state.rxData.outerShadowSize,"px ").concat(a.outerShadowColor)),a.innerShadowColor&&(""!==o&&(o+=", "),o+="inset ".concat(this.state.rxData.innerShadowX,"px ").concat(this.state.rxData.innerShadowY,"px ").concat(this.state.rxData.innerShadowBlur,"px ").concat(this.state.rxData.innerShadowSize,"px ").concat(a.innerShadowColor)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div",{style:{width:null===t?"100%":"",height:null===t?"100%":"",flex:null!==t?"0 0 ".concat(this.state.rxData.buttonSize,"px"):"",position:"relative",border:this.state.rxData.borderRadiusTopLeft,borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px")},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Card,{className:"vis_rx_widget_card",style:{background:a.background,borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px"),boxShadow:o,opacity:this.state.rxData.backgroundOpacity,position:"absolute",inset:0,borderColor:a.borderColor,borderTopWidth:"".concat(this.state.rxData.borderSizeTop,"px"),borderBottomWidth:"".concat(this.state.rxData.borderSizeBottom,"px"),borderLeftWidth:"".concat(this.state.rxData.borderSizeLeft,"px"),borderRightWidth:"".concat(this.state.rxData.borderSizeRight,"px"),borderStyle:this.state.rxData.borderStyle}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Card,{style:{cursor:"readonly"!==this.state.rxData.type?"pointer":"",background:"transparent",borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px"),opacity:this.state.rxData.contentOpacity,position:"absolute",inset:0,color:"unset",boxShadow:"none"},onClick:e=>this.onClick(t,e),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.CardContent,{style:{padding:"".concat(this.state.rxData.paddingTop,"px ").concat(this.state.rxData.paddingRight,"px ").concat(this.state.rxData.paddingBottom,"px ").concat(this.state.rxData.paddingLeft,"px"),boxSizing:"border-box",width:"100%",height:"100%"},children:e})})]},null!==t?t:"")}getSingleCard(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const e=this.getCardContent(t),a=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div",{style:{height:"100%",width:"100%",display:"flex",flexDirection:this.state.rxData.flexDirection+(this.state.rxData.invertOrder?"-reverse":""),justifyContent:this.state.rxData.invertOrder&&"flex-start"===this.state.rxData.alignItems?"flex-end":this.state.rxData.invertOrder&&"flex-end"===this.state.rxData.alignItems?"flex-start":this.state.rxData.alignItems},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{display:"flex",justifyContent:"column"===this.state.rxData.flexDirection?this.state.rxData.contentAlign:"",alignSelf:"row"===this.state.rxData.flexDirection?this.state.rxData.contentAlign:"",transform:"scaleX(".concat(this.state.rxData.contentMirror?-1:1,")"),height:"viewInWidget"===this.state.rxData.contentType?"100%":"",overflow:"hidden",margin:"".concat(this.state.rxData.contentMarginTop,"px ").concat(this.state.rxData.contentMarginRight,"px ").concat(this.state.rxData.contentMarginBottom,"px ").concat(this.state.rxData.contentMarginLeft,"px")},children:e}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{textAlign:"column"===this.state.rxData.flexDirection?this.state.rxData.textAlign:"",alignSelf:"row"===this.state.rxData.flexDirection?this.state.rxData.textAlign:"",textDecoration:this.state.rxData.textDecoration,color:this.getValueData(t).textColor,margin:"".concat(this.state.rxData.textMarginTop,"px ").concat(this.state.rxData.textMarginRight,"px ").concat(this.state.rxData.textMarginBottom,"px ").concat(this.state.rxData.textMarginLeft,"px")},dangerouslySetInnerHTML:{__html:this.getValueData(t).text}})]});return this.buildCard(t,a)}}const __WEBPACK_DEFAULT_EXPORT__=InventwoWidgetUniversal}}]);
+//# sourceMappingURL=src_InventwoWidgetUniversal_jsx-src_assets_inventwo_css.bb5697e2.chunk.js.map

package/widgets/vis-2-widgets-inventwo/static/js/src_bootstrap_js-src_assets_inventwo_css.2dba6a41.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiobroker_vis_2_widgets_inventwo=self.webpackChunkiobroker_vis_2_widgets_inventwo||[]).push([["src_InventwoWidgetUniversal_jsx-src_assets_inventwo_css","src_bootstrap_js-src_assets_inventwo_css"],{2053:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(8437),react__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__),_mui_material__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7085),_mui_material__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_mui_material__WEBPACK_IMPORTED_MODULE_1__),_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1839),_mui_icons_material__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__),_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(5636),_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__),hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(2144),hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__),_lib_iro_min__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(2782),_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_lib_iro_min__WEBPACK_IMPORTED_MODULE_4__),_assets_inventwo_css__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(4915),_InventwoGeneric__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(1125),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(579);const styles={dialogTitle:{display:"flex",justifyContent:"space-between",alignItems:"center"}};class InventwoWidgetUniversal extends _InventwoGeneric__WEBPACK_IMPORTED_MODULE_6__.A{constructor(e){super(e),this.state.currentView=null,this.state.dialogOpen=!1,this.state.showFeedback=!1,this.state.isMounted=!1,this.state.svgRef=react__WEBPACK_IMPORTED_MODULE_0___default().createRef()}static getWidgetInfo(){return{id:"tplInventwoWidgetUniversal",visSet:"vis-2-widgets-inventwo",visSetLabel:"set_label",visWidgetLabel:"widget_universal",visName:"widget_universal",visSetColor:"rgba(69, 86, 24, 1)",visAttrs:[{name:"common",fields:[{name:"type",type:"select",options:[{value:"switch",label:"switch"},{value:"button",label:"button"},{value:"nav",label:"nav"},{value:"readonly",label:"read_only"},{value:"viewInDialog",label:"view_in_dialog"},{value:"increaseDecreaseValue",label:"increase_decrease_value"},{value:"http",label:"send_http"}],default:"switch",label:"type",tooltip:"tooltip_widget_type"},{name:"mode",type:"select",options:[{value:"singleButton",label:"single_button"},{value:"separatedButtons",label:"separated_buttons"}],default:"singleButton",label:"mode",tooltip:"tooltip_widget_mode"},{name:"direction",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"row",label:"direction",hidden:'data.mode == "singleButton"'},{name:"oid",type:"id",label:"oid"},{name:"url",type:"text",label:"url",hidden:'data.type != "http"'},{name:"httpType",type:"select",options:[{value:"send",label:"send_request"},{value:"open",label:"open_url"},{value:"openNewTab",label:"open_url_new_tab"}],default:"send",label:"http_type",hidden:'data.type != "http"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data.type != "viewInDialog") || data.mode == "separatedButtons"'},{name:"valueFalse",type:"text",label:"value_false",hidden:'data.type != "switch" || data.mode == "separatedButtons"'},{name:"valueTrue",type:"text",label:"value_true",hidden:'data.mode == "separatedButtons" || data.type == "http"'},{name:"buttonSize",type:"slider",min:1,max:200,step:10,default:110,label:"button_size",hidden:'data.mode == "singleButton"'},{name:"btnSpacing",type:"slider",min:0,max:50,step:1,default:10,label:"button_spacing",hidden:'data.mode == "singleButton"'},{name:"countStates",type:"number",default:1,label:"count_states",hidden:"data.countStates > 0"}]},{name:"attr_group_type_view_in_dialog",label:"attr_group_type_view_in_dialog",hidden:'data.type != "viewInDialog"',fields:[{name:"dialogFullscreen",type:"checkbox",label:"dialog_fullscreen",hidden:'data.type != "viewInDialog"'},{name:"dialogCloseOnClickOutside",type:"checkbox",label:"dialog_close_on_click_outside",hidden:'data.type != "viewInDialog" || data.dialogFullscreen'},{name:"dialogWidth",type:"slider",min:1,max:1e3,step:1,default:500,label:"dialog_width",hidden:"data.dialogFullscreen"},{name:"dialogHeight",type:"slider",min:1,max:1e3,step:1,default:300,label:"dialog_height",hidden:"data.dialogFullscreen"},{name:"dialogPadding",type:"slider",min:0,max:50,step:1,default:10,label:"padding"},{name:"dialogBackground",type:"color",default:"rgb(18, 18, 18)",label:"background"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_titlebar"},{name:"dialogTitle",type:"html",label:"title"},{name:"dialogTitleColor",type:"color",default:"rgb(255,255,255)",label:"color"},{name:"dialogTitleSize",type:"slider",min:0,max:50,step:1,default:20,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_close_button"},{name:"dialogCloseButtonBackground",type:"color",default:"rgba(255,255,255,0)",label:"background"},{name:"dialogCloseButtonColor",type:"color",default:"rgba(255,255,255,1)",label:"color"},{name:"dialogCloseButtonSize",type:"slider",min:0,max:50,step:1,default:14,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_border_radius"},{name:"dialogBorderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"dialogBorderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"dialogBorderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"dialogBorderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_click_feedback",label:"attr_group_click_feedback",fields:[{name:"feedbackDuration",type:"slider",min:0,max:5e3,step:100,default:0,label:"duration"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColorFeedback",type:"color",label:"content_color",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"backgroundFeedback",type:"color",default:"rgba(69, 86, 24, 1)",label:"background"},{name:"textColorFeedback",type:"color",label:"text_color"},{name:"borderColorFeedback",type:"color",label:"border_color"},{name:"outerShadowColorFeedback",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)"},{name:"innerShadowColorFeedback",type:"color",label:"inner_shadow_color"}]},{name:"attr_group_state_default",label:"attr_group_state_default",fields:[{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text",hidden:'data.mode == "separatedButtons"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.mode == "separatedButtons" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.mode == "separatedButtons" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.mode == "separatedButtons" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.mode == "separatedButtons" || (data.contentType != "icon" && data.contentType != "image")'},{name:"background",type:"color",label:"background"},{name:"textColor",type:"color",label:"text_color"},{name:"borderColor",type:"color",label:"border_color"},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"}]},{name:"countStates",indexFrom:1,indexTo:"countStates",label:"attr_group_states",fields:[{type:"help",text:"vis_2_widgets_inventwo_condition"},{name:"compareBy",type:"select",options:[{value:"default",label:"compare_by_widget_default"},{value:"value",label:"value"},{value:"view",label:"view"}],default:"default",label:"compare_by",hidden:'data.mode == "separatedButtons"',tooltip:"tooltip_compare_by"},{name:"oid",type:"id",label:"oid",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view" || data.mode == "separatedButtons"',tooltip:"tooltip_state_oid"},{name:"comparisonOperator",type:"select",options:[{value:"===",label:"equal"},{value:"!=",label:"not_equal"},{value:">",label:"greater"},{value:"<",label:"lower"},{value:">=",label:"greater_equal"},{value:"<=",label:"lower_equal"}],default:"===",label:"comparison_operator",hidden:'data.type == "nav" || data["compareBy" + index] == "view" || data.mode == "separatedButtons"'},{name:"value",type:"text",label:"value",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data["compareBy" + index] != "view") || data["compareBy" + index] == "value"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text"},{name:"textTrue",type:"html",label:"text_true",hidden:'data.mode == "singleButton"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.contentType != "icon"'},{name:"iconTrue",type:"icon64",label:"icon_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.contentType != "image"'},{name:"imageTrue",type:"image",label:"image_true",hidden:'data.mode == "singleButton" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.contentType != "html"'},{name:"htmlTrue",type:"html",label:"text_html_true",hidden:'data.mode == "singleButton" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.contentType != "viewInWidget"'},{name:"viewInWidgetTrue",type:"views",label:"view_in_widget_true",hidden:'data.mode == "singleButton" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.contentType != "icon" && data.contentType != "image"'},{name:"contentColorTrue",type:"color",label:"content_color_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"background",type:"color",default:"rgb(69,86,24)",label:"background"},{name:"backgroundTrue",type:"color",default:"rgb(69,86,24)",label:"background_true",hidden:'data.mode == "singleButton"'},{name:"textColor",type:"color",label:"text_color"},{name:"textColorTrue",type:"color",label:"text_color_true",hidden:'data.mode == "singleButton"'},{name:"borderColor",type:"color",label:"border_color"},{name:"borderColorTrue",type:"color",label:"border_color_true",hidden:'data.mode == "singleButton"'},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)"},{name:"outerShadowColorTrue",type:"color",label:"outer_shadow_color_true",hidden:'data.mode == "singleButton"',default:"rgb(0,0,0)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"},{name:"innerShadowColorTrue",type:"color",label:"inner_shadow_color_true",hidden:'data.mode == "singleButton"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_content"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:0,label:"content_size"}]},{name:"attr_content_color_picker",label:"attr_content_color_picker",hidden:'data.contentType != "colorPicker"',fields:[{name:"colorPickerColorModel",type:"select",options:[{value:"hex",label:"hex"},{value:"hex8",label:"hex_8"},{value:"rgb",label:"rgb"},{value:"hsl",label:"hsl"},{value:"hsv",label:"hsv"},{value:"cie",label:"cie"}],default:"hex",label:"color_model"},{name:"colorPickerOid",type:"id",hidden:'data.colorPickerColorModel === "rgb" || data.colorPickerColorModel === "hsl" || data.colorPickerColorModel === "hsv"',label:"oid"},{name:"colorPickerOid1",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_1"},{name:"colorPickerOid2",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_2"},{name:"colorPickerOid3",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_3"},{type:"help",text:"vis_2_widgets_inventwo_layout_size"},{name:"colorPickerWidth",type:"slider",min:0,max:500,step:1,default:200,label:"width"},{name:"colorPickerHandleSize",type:"slider",min:0,max:20,step:1,default:8,label:"handle_size"},{name:"colorPickerHandleMargin",type:"slider",min:0,max:20,step:1,default:6,label:"handle_margin"},{name:"colorPickerComponentsSpace",type:"slider",min:0,max:50,step:1,default:12,label:"components_space"},{name:"colorPickerDirection",type:"select",options:[{value:"vertical",label:"vertical"},{value:"horizontal",label:"horizontal"}],default:"vertical",label:"direction"},{name:"colorPickerBorderWidth",type:"slider",min:0,max:10,step:1,default:0,label:"border_width"},{name:"colorPickerBorderColor",type:"color",label:"border_color"},{type:"help",text:"vis_2_widgets_inventwo_components"},{name:"colorPickerShowWheel",type:"checkbox",default:!0,label:"show_wheel"},{name:"colorPickerShowBox",type:"checkbox",label:"show_box"},{name:"colorPickerShowHue",type:"checkbox",label:"show_hue"},{name:"colorPickerShowSaturation",type:"checkbox",default:!0,label:"show_Saturation"},{name:"colorPickerShowValue",type:"checkbox",default:!0,label:"show_value"},{name:"colorPickerShowRed",type:"checkbox",label:"show_red"},{name:"colorPickerShowGreen",type:"checkbox",label:"show_green"},{name:"colorPickerShowBlue",type:"checkbox",label:"show_blue"},{name:"colorPickerShowAlpha",type:"checkbox",label:"show_Alpha"},{name:"colorPickerShowKelvin",type:"checkbox",label:"show_kelvin"}]},{name:"attr_group_css_text",label:"attr_group_css_text",fields:[{name:"textDecoration",type:"select",options:[{value:"none",label:"none"},{value:"underline",label:"underline"},{value:"overline",label:"overline"},{value:"line-through",label:"line-through"}],default:"none",label:"text_decoration"},{name:"textMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top"},{name:"textMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom"},{name:"textMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left"},{name:"textMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right"}]},{name:"attr_group_css_content",label:"attr_group_css_content",fields:[{name:"contentType",type:"select",options:[{value:"icon",label:"icon"},{value:"image",label:"image"},{value:"html",label:"text_html"},{value:"viewInWidget",label:"view_in_widget"},{value:"colorPicker",label:"color_picker"}],default:"icon",label:"content_type",tooltip:"tooltip_content_type"},{name:"contentMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top"},{name:"contentMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom"},{name:"contentMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left"},{name:"contentMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:40,label:"content_size"},{name:"contentRotation",type:"slider",min:-180,max:180,step:1,default:0,label:"rotation"},{name:"contentMirror",type:"checkbox",default:!1,label:"mirror"}]},{name:"attr_group_css_alignment",label:"attr_group_css_alignment",fields:[{name:"flexDirection",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"column",label:"direction"},{name:"alignItems",type:"select",options:[{value:"flex-start",label:"start"},{value:"center",label:"center"},{value:"flex-end",label:"end"},{value:"space-between",label:"space between"}],default:"space-between",label:"alignment"},{name:"textAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"start",label:"text_align"},{name:"contentAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"center",label:"content_align"},{name:"invertOrder",type:"checkbox",label:"invert_order"}]},{name:"attr_group_css_transparency",label:"attr_group_css_transparency",fields:[{name:"backgroundOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"background_opacity"},{name:"contentOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"content_opacity"}]},{name:"attr_group_css_spacing",label:"attr_group_css_spacing",fields:[{name:"paddingLeft",type:"slider",min:0,max:50,step:1,default:10,label:"padding_left"},{name:"paddingRight",type:"slider",min:0,max:50,step:1,default:10,label:"padding_right"},{name:"paddingTop",type:"slider",min:0,max:50,step:1,default:10,label:"padding_top"},{name:"paddingBottom",type:"slider",min:0,max:50,step:1,default:10,label:"padding_bottom"}]},{name:"attr_group_css_border_radius",label:"attr_group_css_border_radius",fields:[{name:"borderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"borderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"borderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"borderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size"}]},{name:"attr_group_css_inner_shadow",label:"attr_group_css_inner_shadow",fields:[{name:"innerShadowX",type:"slider",min:0,max:50,step:1,default:0,label:"x_offset"},{name:"innerShadowY",type:"slider",min:0,max:50,step:1,default:0,label:"y_offset"},{name:"innerShadowBlur",type:"slider",min:0,max:50,step:1,default:0,label:"blur"},{name:"innerShadowSize",type:"slider",min:0,max:50,step:1,default:0,label:"size"}]}],visDefaultStyle:{width:110,height:110,position:"absolute",overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-universal.png"}}propertiesUpdate(){if("colorPicker"===this.state.rxData.contentType){const e=[];this.state.rxData.colorPickerShowWheel&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Wheel,options:{}}),this.state.rxData.colorPickerShowBox&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Box,options:{}}),this.state.rxData.colorPickerShowHue&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"hue"}}),this.state.rxData.colorPickerShowSaturation&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"saturation"}}),this.state.rxData.colorPickerShowValue&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"value"}}),this.state.rxData.colorPickerShowRed&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"red"}}),this.state.rxData.colorPickerShowGreen&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"green"}}),this.state.rxData.colorPickerShowBlue&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"blue"}}),this.state.rxData.colorPickerShowAlpha&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"alpha"}}),this.state.rxData.colorPickerShowKelvin&&e.push({component:_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ui.Slider,options:{sliderType:"kelvin"}});const t=document.querySelector("#".concat(this.props.id," .vis-inventwo-widget-color-picker-wrapper"));t.innerHTML="",this.state.colorPicker=new(_lib_iro_min__WEBPACK_IMPORTED_MODULE_4___default().ColorPicker)(t,{width:this.state.rxData.colorPickerWidth,color:"#ffff00",layout:e,handleRadius:this.state.rxData.colorPickerHandleSize,padding:this.state.rxData.colorPickerHandleMargin,margin:this.state.rxData.colorPickerComponentsSpace,layoutDirection:this.state.rxData.colorPickerDirection,borderWidth:this.state.rxData.colorPickerBorderWidth,borderColor:this.state.rxData.colorPickerBorderColor}),this.state.colorPicker.on("input:change",(e=>{switch(this.state.rxData.colorPickerColorModel){case"hex":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,e.hexString);break;case"hex8":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,e.hex8String);break;case"rgb":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,e.rgb.r),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,e.rgb.g),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,e.rgb.b);break;case"hsl":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,e.hsl.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,e.hsl.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,e.hsl.l);break;case"hsv":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,e.hsv.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,e.hsv.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,e.hsv.v)}})),this.setColorPickerColor()}}async setColorPickerColor(){const e=this.state.rxData.colorPickerColorModel,t=this.state.rxData.colorPickerOid?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid)).val:void 0,a=this.state.rxData.colorPickerOid1?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid1)).val:void 0,o=this.state.rxData.colorPickerOid2?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid2)).val:void 0,i=this.state.rxData.colorPickerOid3?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid3)).val:void 0;switch(e){case"hex":t&&/^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(t)?this.state.colorPicker.color.hexString=t:this.state.colorPicker.color.hexString="#ffffff";break;case"hex8":t&&/^#([A-Fa-f0-9]{8}$)/.test(t)?this.state.colorPicker.color.hex8String=t:this.state.colorPicker.color.hexString="#ffffffff";break;case"rgb":this.state.colorPicker.color.rgb=void 0!==a&&void 0!==o&&void 0!==i?{r:a,g:o,b:i}:{r:255,g:255,b:255};break;case"hsl":this.state.colorPicker.color.hsl=void 0!==a&&void 0!==o&&void 0!==i?{h:a,s:o,l:i}:{h:330,s:0,l:100};break;case"hsv":this.state.colorPicker.color.hsv=void 0!==a&&void 0!==o&&void 0!==i?{h:a,s:o,v:i}:{h:0,s:0,v:100}}}componentDidMount(){super.componentDidMount(),this.propertiesUpdate(),setTimeout((()=>{this.state.isMounted=!0}),500)}getWidgetInfo(){return InventwoWidgetUniversal.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(e,t){if("viewInDialog"===this.state.rxData.type&&e===this.state.rxData.oid&&!this.props.editMode){const e=this.convertValue(this.state.rxData.valueTrue);this.state.isMounted&&(e===t.val?this.setState({dialogOpen:!0}):this.setState({dialogOpen:!1}))}}eval(value1,value2){let operator=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"===";return isNaN(value1)&&(value1='"'.concat(value1,'"')),isNaN(value2)&&(value2='"'.concat(value2,'"')),eval("".concat(value1," ").concat(operator," ").concat(value2))}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}compare(e,t){switch(arguments.length>2&&void 0!==arguments[2]?arguments[2]:"==="){case"===":case"==":return e===t;case"<":return e<t;case">":return e>t;case"<=":return e<=t;case">=":return e>=t;case"!=":return e!==t;default:return!1}}validOid(e){return void 0!==e&&null!==e&&"nothing_selected"!==e}getValueData(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=null,a=null,o=null;if(null===e)for(let i=1;i<=this.state.rxData.countStates;i++){if(this.validOid(this.state.rxData["oid".concat(i)]))t=this.state.rxData["oid".concat(i)];else{if(!this.validOid(this.state.rxData.oid))continue;t=this.state.rxData.oid}a=this.getValue(t);let e=this.state.rxData["compareBy".concat(i)];void 0!==e&&null!==e||(e="default");let r=this.state.rxData["comparisonOperator".concat(i)];void 0!==r&&null!==r||(r="===");let l=this.state.rxData.valueTrue;if(void 0!==this.state.rxData["value".concat(i)]&&null!==this.state.rxData["value".concat(i)]&&(l=this.state.rxData["value".concat(i)]),l=this.convertValue(l),("default"===e&&"nav"!==this.state.rxData.type||"value"===e)&&this.compare(a,l,r)||("default"===e&&"nav"===this.state.rxData.type||"view"===e)&&"singleButton"===this.state.rxData.mode&&1===this.state.rxData.countStates&&this.state.rxData.view===this.props.view||("default"===e&&"nav"===this.state.rxData.type||"view"===e)&&this.state.rxData.countStates>1&&this.state.rxData["view".concat(i)]===this.props.view){o=this.getStateData(i);break}}else t=this.state.rxData.oid,a=this.getValue(t),o=("switch"===this.state.rxData.type||"button"===this.state.rxData.type||"readonly"===this.state.rxData.type)&&a===this.convertValue(this.state.rxData["value".concat(e)])||"nav"===this.state.rxData.type&&this.state.rxData["view".concat(e)]===this.props.view?this.getStateData(e,!0):this.getStateData(e);return null===o&&(o={background:this.state.rxData.background,icon:this.state.rxData.icon,image:this.state.rxData.image,contentColor:this.state.rxData.contentColor,text:this.state.rxData.text,textColor:this.state.rxData.textColor,outerShadowColor:this.state.rxData.outerShadowColor,innerShadowColor:this.state.rxData.innerShadowColor,borderColor:this.state.rxData.borderColor,html:this.state.rxData.html,viewInWidget:this.state.rxData.viewInWidget,contentBlinkInterval:this.state.rxData.contentBlinkInterval,contentSize:this.state.rxData.contentSize}),this.state.showFeedback&&(o=this.replaceWithClickFeedbackData(o)),o}getStateData(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const a={background:this.state.rxData["background".concat(e)],icon:this.state.rxData["icon".concat(e)],image:this.state.rxData["image".concat(e)],contentColor:this.state.rxData["contentColor".concat(e)],text:this.state.rxData["text".concat(e)],textColor:this.state.rxData["textColor".concat(e)],outerShadowColor:this.state.rxData["outerShadowColor".concat(e)],innerShadowColor:this.state.rxData["innerShadowColor".concat(e)],borderColor:this.state.rxData["borderColor".concat(e)],html:this.state.rxData["html".concat(e)],viewInWidget:this.state.rxData["viewInWidget".concat(e)],contentBlinkInterval:this.state.rxData["contentBlinkInterval".concat(e)],contentSize:this.state.rxData["contentSize".concat(e)]>0?this.state.rxData["contentSize".concat(e)]:this.state.rxData.contentSize};return t&&(a.background=this.state.rxData["backgroundTrue".concat(e)],a.icon=this.state.rxData["iconTrue".concat(e)],a.image=this.state.rxData["imageTrue".concat(e)],a.contentColor=this.state.rxData["contentColorTrue".concat(e)],a.text=this.state.rxData["textTrue".concat(e)],a.html=this.state.rxData["htmlTrue".concat(e)],a.viewInWidget=this.state.rxData["viewInWidgetTrue".concat(e)],a.textColor=this.state.rxData["textColorTrue".concat(e)],a.borderColor=this.state.rxData["borderColorTrue".concat(e)],a.outerShadowColor=this.state.rxData["outerShadowColorTrue".concat(e)],a.innerShadowColor=this.state.rxData["innerShadowColorTrue".concat(e)]),a}replaceWithClickFeedbackData(e){return this.validFieldValue(this.state.rxData.backgroundFeedback)&&(e.background=this.state.rxData.backgroundFeedback),this.validFieldValue(this.state.rxData.contentColorFeedback)&&(e.contentColor=this.state.rxData.contentColorFeedback),this.validFieldValue(this.state.rxData.textColorFeedback)&&(e.textColor=this.state.rxData.textColorFeedback),this.validFieldValue(this.state.rxData.outerShadowColorFeedback)&&(e.outerShadowColor=this.state.rxData.outerShadowColorFeedback),this.validFieldValue(this.state.rxData.innerShadowColorFeedback)&&(e.innerShadowColor=this.state.rxData.innerShadowColorFeedback),this.validFieldValue(this.state.rxData.borderColorFeedback)&&(e.borderColor=this.state.rxData.borderColorFeedback),e}onClick(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(this.props.editMode)return;if(null!==t.target.closest(".IroColorPicker"))return;const a=this.state.rxData.oid;if(!t.target.closest(".inventwo-view-in-widget-wrapper, #".concat(this.props.id)).classList.contains("inventwo-view-in-widget-wrapper")&&"readonly"!==this.state.rxData.type)switch(this.setState({showFeedback:!0}),this.state.rxData.type){case"switch":if("singleButton"===this.state.rxData.mode){const e=this.convertValue(this.state.rxData.valueTrue);this.state.values["".concat(a,".val")]===e?this.props.context.setValue(a,this.convertValue(this.state.rxData.valueFalse)):this.props.context.setValue(a,e)}else this.props.context.setValue(a,this.convertValue(this.state.rxData["value".concat(e)]));break;case"button":"singleButton"===this.state.rxData.mode?this.props.context.setValue(a,this.convertValue(this.state.rxData.valueTrue)):this.props.context.setValue(a,this.convertValue(this.state.rxData["value".concat(e)]));break;case"nav":const o=t.target.closest(".inventwo-dialog");if(void 0!==o&&null!==o)return;"singleButton"===this.state.rxData.mode?window.vis.changeView(this.state.rxData.view,this.state.rxData.view):window.vis.changeView(this.state.rxData["view".concat(e)],this.state.rxData["view".concat(e)]);break;case"viewInDialog":this.setState({dialogOpen:!0}),a&&this.props.context.setValue(a,this.convertValue(this.state.rxData.valueTrue));break;case"increaseDecreaseValue":let i=this.getValue(a);i+=this.convertValue(this.state.rxData.valueTrue),this.props.context.setValue(a,i);break;case"http":const r=this.state.rxData.httpType,l=this.state.rxData.url;if("send"===r){const e=new XMLHttpRequest;e.open("GET",l),e.send()}else"open"===r?window.open(l,"_self"):"openNewTab"===r&&window.open(l,"_blank")}}renderWidgetBody(e){if(super.renderWidgetBody(e),this.wrappedContent=!0,this.state.showFeedback){let e=this.state.rxData.feedbackDuration;void 0===e&&(e=0),e>0?setTimeout((()=>{this.setState({showFeedback:!1})}),e):this.setState({showFeedback:!1})}return this.buildWidgetBody()}buildWidgetBody(){const e=[];if("singleButton"===this.state.rxData.mode)e.push(this.getSingleCard());else{const t=[];for(let e=1;e<=this.state.rxData.countStates;e++)t.push(this.getSingleCard(e));e.push((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{display:"flex",height:"100%",overflow:"auto",gap:"".concat(this.state.rxData.btnSpacing,"px"),flexDirection:this.state.rxData.direction,padding:10,margin:-10},children:t},"cardWrapper"))}return"viewInDialog"===this.state.rxData.type&&e.push((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Dialog,{className:"inventwo-dialog",open:this.state.dialogOpen,fullScreen:!0,sx:{"& .MuiDialog-container":{"& .MuiDialog-paper":{maxWidth:this.state.rxData.dialogFullscreen?"100%":"".concat(this.state.rxData.dialogWidth+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")),maxHeight:this.state.rxData.dialogFullscreen?"100%":"".concat(this.state.rxData.dialogHeight+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")),background:this.state.rxData.dialogBackground,borderRadius:"\n                                ".concat(this.state.rxData.dialogBorderRadiusTopLeft,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusTopRight,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusBottomRight,"px \n                                ").concat(this.state.rxData.dialogBorderRadiusBottomLeft,"px\n                            ")},".MuiDialogContent-root":{padding:"".concat(this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px"))},".MuiDialogTitle-root":{padding:"".concat(this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")),color:this.state.rxData.dialogTitleColor}}},onClose:(e,t)=>{t&&"backdropClick"===t&&!this.state.rxData.dialogCloseOnClickOutside||this.setState({dialogOpen:!1})},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.DialogTitle,{style:styles.dialogTitle,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span",{children:this.state.rxData.dialogTitle}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.IconButton,{onClick:()=>this.setState({dialogOpen:!1}),sx:{background:this.state.rxData.dialogCloseButtonBackground,color:this.state.rxData.dialogCloseButtonColor,"&:hover":{background:this.state.rxData.dialogCloseButtonBackground}},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_2__.Close,{sx:{width:this.state.rxData.dialogCloseButtonSize,height:this.state.rxData.dialogCloseButtonSize}})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.DialogContent,{children:this.buildViewInWidget(this.state.rxData.view)})]},"dialog")),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{overflow:"visible",height:"100%",width:"100%",fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]},children:e})}getContentIcon(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return null===this.getValueData(e).icon?"":(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__.Icon,{src:this.getValueData(e).icon,style:{width:this.getValueData(e).contentSize,color:this.getValueData(e).contentColor}})}getContentImage(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const t=this.getValueData(e).image;if(null===t)return"";const a=this.convertRgbToHex(this.getValueData(e).contentColor);let o=null;return a&&(o=(0,hex_to_css_filter__WEBPACK_IMPORTED_MODULE_8__.hexToCSSFilter)(a)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_iobroker_adapter_react_v5__WEBPACK_IMPORTED_MODULE_3__.Icon,{src:t,style:{width:this.getValueData(e).contentSize,filter:o?o.filter:""}})}getContentHtml(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{fontSize:"".concat(this.getValueData(e).contentSize,"px")},dangerouslySetInnerHTML:{__html:this.getValueData(e).html}})}getContentViewInWidget(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const t=this.getValueData(e).viewInWidget;return this.buildViewInWidget(t)}buildViewInWidget(e){if(e===this.props.view)return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{children:"Cannot use recursive views"});return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{position:"relative",overflow:"auto",height:"100%"},className:"inventwo-view-in-widget-wrapper",children:e?this.getWidgetView(e,{style:{}}):null})}getCardContent(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;switch(this.state.rxData.contentType){case"icon":e=this.getContentIcon(t);break;case"image":e=this.getContentImage(t);break;case"html":e=this.getContentHtml(t);break;case"viewInWidget":e=this.getContentViewInWidget(t);break;default:e=""}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{className:"colorPicker"===this.state.rxData.contentType?"vis-inventwo-widget-color-picker-wrapper":"",style:{height:"100%",width:"viewInWidget"===this.state.rxData.contentType?"100%":"",transform:"rotateZ(".concat(this.state.rxData.contentRotation,"deg)"),animation:this.getValueData(t).contentBlinkInterval>0?"blink ".concat(this.getValueData(t).contentBlinkInterval/1e3,"s infinite"):""},children:e})}buildCard(e,t){const a=this.getValueData(e);let o="";return a.outerShadowColor&&(o+="".concat(this.state.rxData.outerShadowX,"px ").concat(this.state.rxData.outerShadowY,"px ").concat(this.state.rxData.outerShadowBlur,"px ").concat(this.state.rxData.outerShadowSize,"px ").concat(a.outerShadowColor)),a.innerShadowColor&&(""!==o&&(o+=", "),o+="inset ".concat(this.state.rxData.innerShadowX,"px ").concat(this.state.rxData.innerShadowY,"px ").concat(this.state.rxData.innerShadowBlur,"px ").concat(this.state.rxData.innerShadowSize,"px ").concat(a.innerShadowColor)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div",{style:{width:null===e?"100%":"",height:null===e?"100%":"",flex:null!==e?"0 0 ".concat(this.state.rxData.buttonSize,"px"):"",position:"relative",border:this.state.rxData.borderRadiusTopLeft,borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px")},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Card,{className:"vis_rx_widget_card",style:{background:a.background,borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px"),boxShadow:o,opacity:this.state.rxData.backgroundOpacity,position:"absolute",inset:0,borderColor:a.borderColor,borderTopWidth:"".concat(this.state.rxData.borderSizeTop,"px"),borderBottomWidth:"".concat(this.state.rxData.borderSizeBottom,"px"),borderLeftWidth:"".concat(this.state.rxData.borderSizeLeft,"px"),borderRightWidth:"".concat(this.state.rxData.borderSizeRight,"px"),borderStyle:this.state.rxData.borderStyle}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.Card,{style:{cursor:"readonly"!==this.state.rxData.type?"pointer":"",background:"transparent",borderRadius:"".concat(this.state.rxData.borderRadiusTopLeft,"px ").concat(this.state.rxData.borderRadiusTopRight,"px ").concat(this.state.rxData.borderRadiusBottomRight,"px ").concat(this.state.rxData.borderRadiusBottomLeft,"px"),opacity:this.state.rxData.contentOpacity,position:"absolute",inset:0,color:"unset",boxShadow:"none"},onClick:t=>this.onClick(e,t),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_1__.CardContent,{style:{padding:"".concat(this.state.rxData.paddingTop,"px ").concat(this.state.rxData.paddingRight,"px ").concat(this.state.rxData.paddingBottom,"px ").concat(this.state.rxData.paddingLeft,"px"),boxSizing:"border-box",width:"100%",height:"100%"},children:t})})]},null!==e?e:"")}getSingleCard(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;const t=this.getCardContent(e),a=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div",{style:{height:"100%",width:"100%",display:"flex",flexDirection:this.state.rxData.flexDirection+(this.state.rxData.invertOrder?"-reverse":""),justifyContent:this.state.rxData.invertOrder&&"flex-start"===this.state.rxData.alignItems?"flex-end":this.state.rxData.invertOrder&&"flex-end"===this.state.rxData.alignItems?"flex-start":this.state.rxData.alignItems},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{display:"flex",justifyContent:"column"===this.state.rxData.flexDirection?this.state.rxData.contentAlign:"",alignSelf:"row"===this.state.rxData.flexDirection?this.state.rxData.contentAlign:"",transform:"scaleX(".concat(this.state.rxData.contentMirror?-1:1,")"),height:"viewInWidget"===this.state.rxData.contentType?"100%":"",overflow:"hidden",margin:"".concat(this.state.rxData.contentMarginTop,"px ").concat(this.state.rxData.contentMarginRight,"px ").concat(this.state.rxData.contentMarginBottom,"px ").concat(this.state.rxData.contentMarginLeft,"px")},children:t}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div",{style:{textAlign:"column"===this.state.rxData.flexDirection?this.state.rxData.textAlign:"",alignSelf:"row"===this.state.rxData.flexDirection?this.state.rxData.textAlign:"",textDecoration:this.state.rxData.textDecoration,color:this.getValueData(e).textColor,margin:"".concat(this.state.rxData.textMarginTop,"px ").concat(this.state.rxData.textMarginRight,"px ").concat(this.state.rxData.textMarginBottom,"px ").concat(this.state.rxData.textMarginLeft,"px")},dangerouslySetInnerHTML:{__html:this.getValueData(e).text}})]});return this.buildCard(e,a)}}const __WEBPACK_DEFAULT_EXPORT__=InventwoWidgetUniversal},2338:(e,t,a)=>{var o=a(8437),i=a.n(o),r=a(6820);window.adapterName="vis-react-demo";const l=function(e){const t=document.getElementById("root");if(t){(0,r.createRoot)(t).render(i().createElement(e,{socket:{port:8082}}))}};var s=a(8565),n=a(3221),d=a(5636),c=a(6611),_=a.n(c),h=a(4463),u=a.n(h),p=a(4279),m=a.n(p),x=a(6669),b=a.n(x),g=a(1285),v=a.n(g),D=a(2925),w=a.n(D),y=a(2243),f=a.n(y),k=a(8137),S=a.n(k),C=a(6189),P=a.n(C),E=a(2717),T=a.n(E);class M extends d.GenericApp{constructor(e){super(e,Object.assign({},e));const t={en:_(),de:u(),ru:m(),pt:b(),nl:v(),fr:w(),it:f(),es:S(),pl:P(),uk:P(),"zh-cn":T()};d.I18n.setTranslations(t),d.I18n.setLanguage((navigator.language||"en").substring(0,2).toLowerCase())}renderWidget(){return i().createElement("div",null,"Please implement renderWidget method in your class")}render(){if(!this.state.loaded)return i().createElement(s.StyledEngineProvider,{injectFirst:!0},i().createElement(n.A,{theme:this.state.theme},i().createElement(d.Loader,{themeType:this.state.themeType})));const e={backgroundColor:"dark"===this.state.themeType?"#303030":"#f0f0f0",color:"dark"===this.state.themeType?"#f0f0f0":"#303030",height:"100%",width:"100%",overflow:"auto"};return i().createElement(s.StyledEngineProvider,{injectFirst:!0},i().createElement(n.A,{theme:this.state.theme},i().createElement("div",{style:e},this.renderWidget())))}}const B=M;var O=a(2053),W=a(7085),I=a(1125),R=a(579);class A extends I.A{constructor(e){super(e),this.state.sliderValue=0}componentDidMount(){super.componentDidMount(),this.setState({sliderValue:this.getValue(this.state.rxData.oid)})}static getWidgetInfo(){return{id:"tplInventwoWidgetSlider",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_slider",visName:"widget_slider",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid",onChange:async(e,t,a,o)=>{if(t[e.name]&&"nothing_selected"!==t[e.name]){const i=await o.getObject(t[e.name]);if(null!==i&&void 0!==i&&i.common){let e=!1;void 0!==i.common.min&&i.common.min!==t.max_value&&(t.max_value=i.common.min,e=!0),void 0!==i.common.max&&i.common.max!==t.min_value&&(t.min_value=i.common.max,e=!0),void 0!==i.common.step&&i.common.step!==t.step&&(t.step=i.common.step,e=!0),e&&a(t)}}}},{name:"minValue",type:"number",label:"min_value",default:0},{name:"maxValue",type:"number",label:"max_value",default:100},{name:"step",type:"number",label:"step",default:1},{name:"orientation",type:"select",options:[{value:"horizontal",label:"horizontal"},{value:"vertical",label:"vertical"}],default:"horizontal",label:"orientation"},{name:"showMinMax",type:"checkbox",label:"show_min_max",default:!0},{type:"delimiter"},{type:"help",text:"steps"},{name:"showSteps",type:"checkbox",label:"show_steps",default:!1},{name:"stepMode",type:"select",options:[{value:"auto",label:"auto"},{value:"custom",label:"custom"}],default:"auto",label:"step_mode",hidden:"!data.showSteps"},{name:"stepDisplay",type:"number",label:"step_display",default:10,hidden:'!data.showSteps || data.stepMode != "auto"'},{name:"customSteps",type:"text",label:"custom_steps",hidden:'!data.showSteps || data.stepMode != "custom"',tooltip:"custom_steps_tooltip"}]},{name:"attr_group_css_slider_track",label:"attr_group_css_slider_track",fields:[{label:"from_widget",name:"sliderTrackFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderRailColor",type:"color",default:"rgb(110,110,110)",label:"slider_rail_color",hidden:"!!data.sliderTrackFromWidget"},{name:"sliderRailActiveColor",type:"color",default:"rgb(94,107,63)",label:"slider_rail_active_color",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBarType",type:"select",options:[{value:"normal",label:"normal"},{value:"inverted",label:"inverted"},{value:!1,label:"none"}],default:"normal",label:"track_bar_type",hidden:"!!data.sliderTrackFromWidget"},{name:"trackWidth",type:"slider",min:1,max:50,step:1,default:10,label:"track_width",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"track_border_radius",hidden:"!!data.sliderTrackFromWidget"},{type:"delimiter",hidden:"!!data.sliderTrackFromWidget"},{type:"help",text:"track_shadow",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowColor",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color",hidden:"!!data.sliderTrackFromWidget"}]},{name:"attr_group_css_slider_slider_thumb",label:"attr_group_css_slider_slider_thumb",fields:[{label:"from_widget",name:"sliderThumbFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderThumbColor",type:"color",default:"rgba(69, 86, 24, 1)",label:"slider_thumb_color",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbSize",type:"slider",min:1,max:50,step:1,default:16,label:"thumbSize",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"thumb_border_radius",hidden:"!!data.sliderThumbFromWidget"},{type:"delimiter",hidden:"!!data.sliderThumbFromWidget"},{type:"help",text:"thumb_shadow",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowColor",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color",hidden:"!!data.sliderThumbFromWidget"}]}],visDefaultStyle:{width:150,overflow:"visible",height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-slider.png"}}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onStateUpdated(e,t){e===this.state.rxData.oid&&t&&t.val!==this.state.sliderValue&&this.setState({sliderValue:t.val})}getWidgetInfo(){return A.getWidgetInfo()}renderWidgetBody(e){super.renderWidgetBody(e);const t=parseFloat(this.state.rxData.minValue),a=parseFloat(this.state.rxData.maxValue),o=[];if(this.state.rxData.showMinMax&&(o.push({value:t,label:t}),o.push({value:a,label:a})),this.state.rxData.showSteps)if("auto"===this.state.rxData.stepMode){const e=parseFloat(this.state.rxData.stepDisplay);if(e>0)for(let i=t+e;i<a;i+=e)o.push({value:parseFloat(i.toFixed(2).replace(/[.,]00$/,"")),label:i.toFixed(2).replace(/[.,]00$/,"")})}else{let e=this.state.rxData.customSteps;void 0!==e&&null!==e||(e=""),e=e.split(","),e.forEach((e=>{e=parseInt(e),o.push({value:e,label:e})}))}const i=this.getStyle("sliderTrackFromWidget",this.groupAttrs.attr_group_css_slider_track),r=this.getStyle("sliderThumbFromWidget",this.groupAttrs.attr_group_css_slider_slider_thumb),l=i.trackBarType,s={height:"horizontal"===this.state.rxData.orientation?i.trackWidth:"100%",width:"horizontal"!==this.state.rxData.orientation?i.trackWidth:"100%","& .MuiSlider-thumb":{backgroundColor:r.sliderThumbColor,width:r.thumbSize,height:r.thumbSize,borderRadius:"".concat(r.thumbBorderRadius,"%"),"&:before":{boxShadow:"".concat(r.thumbShadowX,"px ").concat(r.thumbShadowY,"px ").concat(r.thumbShadowBlur,"px ").concat(r.thumbShadowSize,"px ").concat(r.thumbShadowColor)}},"& .MuiSlider-rail":{backgroundColor:"normal"===l?i.sliderRailColor:"inverted"===l?i.sliderRailActiveColor:"",color:"normal"===l?i.sliderRailColor:"inverted"===l?i.sliderRailActiveColor:"",border:"none",borderRadius:"".concat(i.trackBorderRadius,"px"),boxShadow:"".concat(i.trackShadowX,"px ").concat(this.state.rxData.trackShadowY,"px ").concat(i.trackShadowBlur,"px ").concat(i.trackShadowSize,"px ").concat(i.trackShadowColor)},"& .MuiSlider-track":{backgroundColor:"normal"===l?this.state.rxData.sliderRailActiveColor:"inverted"===l?i.sliderRailColor:"",color:"normal"===l?this.state.rxData.sliderRailActiveColor:"inverted"===l?i.sliderRailColor:"",border:"none",borderRadius:"".concat(i.trackBorderRadius,"px")},"& .MuiSlider-mark":{color:i.sliderRailActiveColor},"& .MuiSlider-markLabel":{fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}};return"horizontal"===this.state.rxData.orientation?s["& .MuiSlider-markLabel"].top=i.trackWidth+20:s["& .MuiSlider-markLabel"].left=i.trackWidth+20,(0,R.jsx)(W.Slider,{disabled:this.props.editMode,sx:s,onChange:(e,t)=>this.setState({sliderValue:t}),onChangeCommitted:(e,t)=>this.setState({sliderValue:t},(()=>this.onChange(e,t))),min:this.state.rxData.minValue,max:this.state.rxData.maxValue,step:this.state.rxData.step,value:this.state.sliderValue||0,valueLabelDisplay:"auto",track:i.trackBarType,orientation:this.state.rxData.orientation,marks:o})}}const L=A,V={en:a(5553),de:a(6477),ru:a(3715),pt:a(4606),nl:a(6164),fr:a(4554),it:a(6851),es:a(2706),pl:a(3638),uk:a(3882),"zh-cn":a(222),prefix:"vis_2_widgets_inventwo_"};l(class extends B{constructor(e){super(e),d.i18n.extendTranslations(V)}renderWidget(){return(0,R.jsxs)("div",{children:[(0,R.jsx)(O.default,{socket:this.socket,style:{width:110,height:110}}),(0,R.jsx)(L,{socket:this.socket,style:{width:110,height:110}})]})}})},3221:(e,t,a)=>{a.d(t,{A:()=>h});var o=a(9379),i=a(45),r=(a(8437),a(8565)),l=a(3375),s=a(579);const n=["theme"];function d(e){let{theme:t}=e,a=(0,i.A)(e,n);const d=l.A in t?t[l.A]:void 0;return(0,s.jsx)(r.ThemeProvider,(0,o.A)((0,o.A)({},a),{},{themeId:d?l.A:void 0,theme:d||t}))}var c=a(9799);const _=["theme"];function h(e){let{theme:t}=e,a=(0,i.A)(e,_);if("function"===typeof t)return(0,s.jsx)(d,(0,o.A)({theme:t},a));const r=l.A in t?t[l.A]:t;return"colorSchemes"in r?(0,s.jsx)(c.Zr,(0,o.A)({theme:t},a)):"vars"in r?(0,s.jsx)(d,(0,o.A)({theme:t},a)):(0,s.jsx)(d,(0,o.A)({theme:(0,o.A)((0,o.A)({},t),{},{vars:null})},a))}},9799:(e,t,a)=>{a.d(t,{Zr:()=>b,Gk:()=>p,Gs:()=>x,Ut:()=>h});var o=a(9379),i=(a(8437),a(8812)),r=a(8565),l=a(3947),s=a(137),n=a(3375),d=a(579);const c={attribute:"data-mui-color-scheme",colorSchemeStorageKey:"mui-color-scheme",defaultLightColorScheme:"light",defaultDarkColorScheme:"dark",modeStorageKey:"mui-mode"},{CssVarsProvider:_,useColorScheme:h,getInitColorSchemeScript:u}=(0,r.unstable_createCssVarsProvider)({themeId:n.A,theme:()=>(0,l.A)({cssVariables:!0}),colorSchemeStorageKey:c.colorSchemeStorageKey,modeStorageKey:c.modeStorageKey,defaultColorScheme:{light:c.defaultLightColorScheme,dark:c.defaultDarkColorScheme},resolveTheme:e=>{const t=(0,o.A)((0,o.A)({},e),{},{typography:(0,s.A)(e.palette,e.typography)});return t.unstable_sx=function(e){return(0,i.A)({sx:e,theme:this})},t}});function p(e){return(0,d.jsx)(_,(0,o.A)({},e))}let m=!1;const x=e=>(m||(console.warn(["MUI: The getInitColorSchemeScript function has been deprecated.","","You should use `import InitColorSchemeScript from '@mui/material/InitColorSchemeScript'`","and replace the function call with `<InitColorSchemeScript />` instead."].join("\n")),m=!0),u(e)),b=_}}]);
+//# sourceMappingURL=src_bootstrap_js-src_assets_inventwo_css.2dba6a41.chunk.js.map