iobroker.vis-2-widgets-collection 1.8.1 → 2.0.1

package/widgets/vis-2-widgets-collection/static/js/src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.c12bfcb8.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/src_RadioGroupCollectionWidget_RadioGroupCollectionWidget_jsx.c12bfcb8.chunk.js","mappings":"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","sources":["lib/radioGroupFields.jsx","RadioGroupCollectionWidget/RadioGroupCollection.jsx","RadioGroupCollectionWidget/RadioGroupCollectionWidget.jsx","../node_modules/@mui/icons-material/RadioButtonChecked.js","../node_modules/@mui/icons-material/RadioButtonUnchecked.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst radioGroupFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"radioOrientation\",\n\t\tlabel: \"radio_orientation\",\n\t\ttype: \"select\",\n\t\toptions: [\n\t\t\t{ value: \"horizontal\", label: \"horizontal\" },\n\t\t\t{ value: \"vertical\", label: \"vertical\" },\n\t\t],\n\t\tdefault: \"horizontal\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"radioGroupUncheckedIconColor\",\n\t\tlabel: \"radio_group_unchecked_icon_color\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyDisplay\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_display\",\n\t\tdisabled: \"!data.write\",\n\t\tdefault: \"!data.write\",\n\t\thidden: \"!data.write\",\n\t},\n];\n\nexport default radioGroupFields;\n","import RadioButtonCheckedIcon from \"@mui/icons-material/RadioButtonChecked\";\nimport RadioButtonUncheckedIcon from \"@mui/icons-material/RadioButtonUnchecked\";\nimport { Box, FormControlLabel, Radio, Stack, Typography } from \"@mui/material\";\nimport React, { useState, useContext, useEffect } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useStyles from \"../hooks/useStyles\";\nimport useValueState from \"../hooks/useValueState\";\n\nfunction RadioGroupCollection() {\n\tconst [stackRef, setStackRef] = useState(null);\n\tconst [clientHeight, setClientHeight] = useState(null);\n\tconst { oidObject, widget } = useContext(CollectionContext);\n\tconst { data, states } = useData(\"oid\");\n\tconst { fontStyles, textStyles } = useStyles(widget.style);\n\tconst { value: oidValue, setValueState: setOidValueState } =\n\t\tuseValueState(\"oid\");\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType =\n\t\toidType === \"boolean\" ||\n\t\toidType === \"number\" ||\n\t\toidType === \"string\" ||\n\t\toidType === \"mixed\";\n\n\tconst handleChange = (event) => setOidValueState(event.target.value);\n\n\tuseEffect(() => {\n\t\tif (stackRef?.clientHeight) {\n\t\t\tsetClientHeight(stackRef.clientHeight);\n\t\t}\n\t}, [stackRef?.clientHeight]);\n\n\treturn (\n\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\n\t\t\t<Stack\n\t\t\t\tref={setStackRef}\n\t\t\t\tdirection={\n\t\t\t\t\twidget.data.radioOrientation === \"vertical\" ? \"column\" : \"row\"\n\t\t\t\t}\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tjustifyContent: \"space-around\",\n\t\t\t\t\talignItems: \"stretch\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{states.map(({ value, label: alias, ...state }, index) => (\n\t\t\t\t\t<FormControlLabel\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t// labelPlacement=\"top\"\n\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t// width: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\tm: 0,\n\n\t\t\t\t\t\t\t\"& .MuiButtonBase-root\": {\n\t\t\t\t\t\t\t\tflexBasis: \"fit-content\",\n\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\"&.Mui-disabled\": {\n\t\t\t\t\t\t\t\t\t\"&.Mui-checked\": {\n\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor || \"primary.main\",\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\twidget.data.radioGroupUncheckedIconColor || \"action.active\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tcontrol={\n\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\tdisabled={widget.data.onlyDisplay}\n\t\t\t\t\t\t\t\t// disableRipple\n\t\t\t\t\t\t\t\tcheckedIcon={\n\t\t\t\t\t\t\t\t\t(state.icon && (\n\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\t\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<RadioButtonUncheckedIcon\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<Box\n\t\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\t\talignSelf: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={state.icon}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/* width:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(state.iconSize && `${state.iconSize}%`) || \"50%\", */\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"50%\",\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfilter: state.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttransform: state.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t)) || (\n\t\t\t\t\t\t\t\t\t\t<RadioButtonCheckedIcon\n\t\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\t\tcolor: state.iconColor,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ticon={<RadioButtonUncheckedIcon />}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\tcolor: widget.data.radioGroupUncheckedIconColor,\n\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\tmaxHeight:\n\t\t\t\t\t\t\t\t\t\twidget.data.radioOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t\t? clientHeight\n\t\t\t\t\t\t\t\t\t\t\t: clientHeight / states.length,\n\n\t\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${index + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColor ||\n\t\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"& .MuiSvgIcon-root\": {\n\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t\t\t\t\tmaxHeight:\n\t\t\t\t\t\t\t\t\t\t\twidget.data.radioOrientation === \"horizontal\"\n\t\t\t\t\t\t\t\t\t\t\t\t? clientHeight\n\t\t\t\t\t\t\t\t\t\t\t\t: clientHeight / states.length,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tchecked={String(value) === String(oidValue)}\n\t\t\t\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\tcomponent={Box}\n\t\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\t\tnoWrap\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\twhiteSpace: \"pre-wrap\",\n\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\tfontSize: state.fontSize || data.valueSize,\n\t\t\t\t\t\t\t\t\ttextAlign: \"left\",\n\n\t\t\t\t\t\t\t\t\tcolor: state.textColor || data.textColor,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tcontentEditable=\"false\"\n\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t__html:\n\t\t\t\t\t\t\t\t\t\t(alias && alias.replace(/(\\r\\n|\\n|\\r)/gm, \"\")) ||\n\t\t\t\t\t\t\t\t\t\t(value && `${value}${widget.data.unit}`) ||\n\t\t\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t))}\n\t\t\t</Stack>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default RadioGroupCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport radioGroupFields from \"../lib/radioGroupFields\";\nimport RadioGroupCollection from \"./RadioGroupCollection\";\n\nclass RadioGroupCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplRadioGroupCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"RadioGroupCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"radio_group_collection_widget\", // Label for widget\n\t\t\tvisOrder: 5,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: true })],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"radioGroup\", // group name\n\t\t\t\t\tlabel: \"radio_group\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"string\", \"number\", \"boolean\", \"mixed\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...radioGroupFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-radio-group.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn RadioGroupCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t//                        So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t//                        then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t//                        then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\n\t\t// console.log(\"inside propertiesUpdate\", this.state.values);\n\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() { }\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) { }\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\thasPropertyValueChanged: this.hasPropertyValueChanged.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<RadioGroupCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default RadioGroupCollectionWidget;\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'RadioButtonChecked');","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8\"\n}), 'RadioButtonUnchecked');"],"names":["radioGroupFields","type","component","_jsx","CollectionDivider","name","label","options","value","default","disabled","hidden","_oidObject$common","stackRef","setStackRef","useState","clientHeight","setClientHeight","oidObject","widget","useContext","CollectionContext","data","states","useData","fontStyles","textStyles","useStyles","style","oidValue","setValueState","setOidValueState","useValueState","oidType","common","isValidType","handleChange","event","target","useEffect","_jsxs","CollectionBase","children","CollectionBaseImage","Stack","ref","direction","radioOrientation","sx","width","height","justifyContent","alignItems","map","_ref","index","alias","state","_objectWithoutProperties","_excluded","FormControlLabel","m","flexBasis","flexShrink","color","iconColor","radioGroupUncheckedIconColor","control","Radio","onlyDisplay","checkedIcon","icon","Box","overflow","position","display","RadioButtonUncheckedIcon","alignSelf","alt","src","left","concat","iconXOffset","top","iconYOffset","iconSizeOnly","filter","transform","RadioButtonCheckedIcon","maxHeight","length","textColor","checked","String","onChange","Typography","variant","noWrap","_objectSpread","whiteSpace","fontSize","valueSize","textAlign","contentEditable","dangerouslySetInnerHTML","__html","replace","unit","RadioGroupCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","delayFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","hasPropertyValueChanged","mode","context","themeType","socket","theme","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","RadioGroupCollection","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","jsx","d"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a8694cbf.chunk.js

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

package/widgets/vis-2-widgets-collection/static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a8694cbf.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/src_SelectCollectionWidget_SelectCollectionWidget_jsx.a8694cbf.chunk.js","mappings":"0UAEA,MAqBA,EArBqBA,IAAM,CAC1B,CACCC,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCC,KAAM,MACNJ,KAAM,KACNK,MAAO,OAER,CACCL,KAAM,SACNC,UAAWA,KAAMC,EAAAA,EAAAA,KAACC,EAAAA,EAAiB,KAEpC,CACCC,KAAM,aACNC,MAAO,cACPL,KAAM,U,6FCyOR,QA9OA,WAA6B,IAADM,EAC3B,MAAMC,GAAaC,EAAAA,EAAAA,QAAO,OACpB,MAAEC,IAAUC,EAAAA,EAAAA,GAA+B,OAAVH,QAAU,IAAVA,OAAU,EAAVA,EAAYI,UAC7C,UAAEC,EAAS,UAAEC,EAAS,OAAEC,IAAWC,EAAAA,EAAAA,YAAWC,EAAAA,IAC9C,WAAEC,EAAU,WAAEC,IAAeC,EAAAA,EAAAA,GAAUL,EAAOM,QAC9C,KAAEC,EAAI,OAAEC,IAAWC,EAAAA,EAAAA,GAAQ,QACzBC,MAAOC,EAAUC,cAAeC,IACvCC,EAAAA,EAAAA,GAAc,QACPF,cAAeG,IAAqBD,EAAAA,EAAAA,GAAc,OAEpDE,EAAmB,OAATjB,QAAS,IAATA,GAAiB,QAARP,EAATO,EAAWkB,cAAM,IAAAzB,OAAR,EAATA,EAAmBN,KAE7BgC,EACO,YAAZF,GACY,WAAZA,GACY,WAAZA,GACY,UAAZA,EAEKG,EAAaX,EAAOY,WACxBC,GAAUC,OAAOD,EAAMX,SAAWY,OAAOX,KAa3C,OACCY,EAAAA,EAAAA,MAACC,EAAAA,EAAc,CAACN,YAAaA,EAAaX,KAAMA,EAAMI,SAAUA,EAASc,SAAA,EACxErC,EAAAA,EAAAA,KAACsC,EAAAA,EAAmB,CAACnB,KAAMA,EAAMP,OAAQA,KAEzCZ,EAAAA,EAAAA,KAACuC,EAAAA,IAAG,CACHC,IAAKnC,EACLoC,GAAI,CACHC,SAAU,OACVnC,MAAO,OACPoC,OAAQ,OACRC,QAAS,OACTC,eAAgB,SAChBC,WAAY,UACXT,UAEFrC,EAAAA,EAAAA,KAAC+C,EAAAA,OAAM,CACNC,QAAQ,WACRC,kBAAgB,EAChB3B,OAAuB,IAAhBS,EAAoBX,EAAOW,GAAc,GAChDmB,SA7BmBC,IACtB,MAAM7B,EAAQ6B,EAAMC,OAAO9B,MAAMA,MAE5BZ,EAAU2C,UACd1B,EAAiBL,GAGlBG,EAAiBH,EAAM,EAuBpBgC,UAAW,CACVb,GAAI,CACHc,SAAUhD,GAEXiD,cAAe,CACdf,GAAI,CACHgB,WAAYtC,EAAKuC,iBACdC,EAAAA,EAAAA,OAAMxC,EAAKuC,gBAAiB,IACpBvC,EAAKsC,cAInBhB,GAAI,CACHlC,MAAO,OACPoC,OAAQ,OACRY,SAAS,QAADK,OAAUrD,EAAK,aAEvB,oBAAqB,CACpBsD,MAAOjD,EAAOO,KAAK2C,YAGpB,gBAAiB,CAChBC,WAAY,QACZN,WACCtC,EAAK6C,uBACL7C,EAAKuC,iBACLvC,EAAK8C,kBACL9C,EAAKsC,aAENpB,SAEDjB,EAAO8C,KAAI,CAACjC,EAAOkC,KACnB,MAAMC,EACLxD,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAC9BvD,EAAOO,KAAK,OAADyC,OAAQO,EAAM,KACzBvD,EAAOO,KAAKkD,WACZzD,EAAOO,KAAKmD,KAEb,OACCtE,EAAAA,EAAAA,KAACuE,EAAAA,SAAQ,CAERjD,MAAOW,EACPQ,GAAI,CACH,yBAA0B,CACzBoB,MACCjD,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAC9BvD,EAAOO,KAAKqD,WACZ5D,EAAOO,KAAKsD,iBACZtD,EAAKuD,WAGP,iBAAkB,CACjBhB,gBACE9C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,MAC9BR,EAAAA,EAAAA,OAAM/C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,IAAM,MAC1CvD,EAAOO,KAAKqD,YACZb,EAAAA,EAAAA,OAAM/C,EAAOO,KAAKqD,UAAW,MAC7BrD,EAAKuD,YAAaf,EAAAA,EAAAA,OAAMxC,EAAKuD,UAAW,MAG3C,uBAAwB,CACvBhB,gBACE9C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,MAC9BR,EAAAA,EAAAA,OAAM/C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,IAAM,MAC1CvD,EAAOO,KAAKqD,YACZb,EAAAA,EAAAA,OAAM/C,EAAOO,KAAKqD,UAAW,MAC7BrD,EAAKuD,YAAaf,EAAAA,EAAAA,OAAMxC,EAAKuD,UAAW,MAE3C,UAAW,CACVhB,gBACE9C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,MAC9BR,EAAAA,EAAAA,OAAM/C,EAAOO,KAAK,YAADyC,OAAaO,EAAM,IAAM,MAC1CvD,EAAOO,KAAKqD,YACZb,EAAAA,EAAAA,OAAM/C,EAAOO,KAAKqD,UAAW,MAC7BrD,EAAKuD,YAAaf,EAAAA,EAAAA,OAAMxC,EAAKuD,UAAW,MAG3CjB,WACE7C,EAAOO,KAAK,kBAADyC,OAAmBO,EAAM,KAAI,GAAAP,OACrChD,EAAOO,KAAK,kBAADyC,OAAmBO,EAAM,IAAI,eAAY,GAAAP,OACrDhD,EAAOO,KAAK,aAADyC,OAAcO,EAAM,IAAI,eACtC9B,UAEFF,EAAAA,EAAAA,MAACwC,EAAAA,MAAK,CACLC,UAAU,MACVC,QAAST,EAAS,EAAI,EACtB3B,GAAI,CACHK,WAAY,UACXT,SAAA,EAEFrC,EAAAA,EAAAA,KAAA,OACC8E,IAAI,GACJC,IAAKX,GAlJd,iFAmJSlD,MAAO,CACN8D,SAAU,WAEVC,IAAI,cAADrB,OAAgBhD,EAAOO,KAAK,cAADyC,OAAeO,EAAM,IAAI,KACvDe,MAAM,cAADtB,OAAgBhD,EAAOO,KAAK,cAADyC,OAAeO,EAAM,IAAI,KAEzD5D,MACG6D,EAC4C,kBAAtCxD,EAAOO,KAAK,WAADyC,OAAYO,EAAM,IAAiB,eAAAP,OACpChD,EAAOO,KAAK,WAADyC,OAAYO,EAAM,IAAI,WAChB,kBAAzBvD,EAAOO,KAAKgE,SAAqB,eAAAvB,OACxBhD,EAAOO,KAAKgE,SAAQ,WACnC,OALQ,MAMbxC,OACGyB,EAC4C,kBAAtCxD,EAAOO,KAAK,WAADyC,OAAYO,EAAM,IAAiB,eAAAP,OACpChD,EAAOO,KAAK,WAADyC,OAAYO,EAAM,IAAI,WAChB,kBAAzBvD,EAAOO,KAAKgE,SAAqB,eAAAvB,OACxBhD,EAAOO,KAAKgE,SAAQ,WACnC,OALQ,MAMbtB,MACE3B,OAAOX,KACPW,OAAOtB,EAAOO,KAAK,QAADyC,OAASO,EAAM,MACjCvD,EAAOO,KAAKiE,iBACbxE,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAC9BvD,EAAOO,KAAKkE,kBACZlE,EAAKqD,UACNc,OACEpD,OAAOX,KACPW,OAAOtB,EAAOO,KAAK,QAADyC,OAASO,EAAM,MACjCvD,EAAOO,KAAKiE,iBACbxE,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAC9BvD,EAAOO,KAAKkE,kBACZlE,EAAKqD,UACF,6BACA,KACJe,UACErD,OAAOX,KACPW,OAAOtB,EAAOO,KAAK,QAADyC,OAASO,EAAM,MACjCvD,EAAOO,KAAKiE,iBACbxE,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAC9BvD,EAAOO,KAAKkE,kBACZlE,EAAKqD,UACF,uBACA,SAGNxE,EAAAA,EAAAA,KAACwF,EAAAA,WAAU,CACVzF,UAAWwC,EAAAA,IACXS,QAAQ,YACRP,IAAEgD,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,CACDC,WAAY,YACT1E,GACAD,GAAU,IACb4E,SACC/E,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAAQhD,EAAKyE,UAC5CC,UAAW,OACXC,QAAS,cACTjC,MACCjD,EAAOO,KAAK,YAADyC,OAAaO,EAAM,KAAQhD,EAAKuD,UAC5CqB,cAAe,OAEfxF,MAAO,OACPoC,OAAQ,OAIRqD,SAAU,EACVC,aAAc,WAEfC,gBAAgB,QAChBC,wBAAyB,CACxBC,OACExF,EAAOO,KAAK,QAADyC,OAASO,EAAM,KAC1BvD,EAAOO,KAAK,QAADyC,OAASO,EAAM,IAAKkC,QAC9B,iBACA,KAEDzF,EAAOO,KAAK,QAADyC,OAASO,EAAM,KAAI,GAAAP,OAC3BhD,EAAOO,KAAK,QAADyC,OAASO,EAAM,KAAIP,OAAGhD,EAAOO,KAAKmF,OACjD,UArICrE,EAAMX,MAyID,UAOlB,ECjPA,MAAMiF,UAA+BC,EAAAA,EACpC,oBAAOC,GACN,MAAO,CACNC,GAAI,4BACJC,OAAQ,2BACRC,YAAa,qBACbC,QAAS,yBACTC,eAAgB,2BAChBC,SAAU,EACVC,SAAU,CACT,CACC9G,KAAM,SACN+G,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEC,UAAW,GAAIC,WAAW,MAEtD,CACClH,KAAM,oBACNC,MAAO,0BACP8G,OAAQ,KACJI,EAAAA,EAAAA,GAAmB,CAAC,UAAW,SAAU,SAAU,cACnDC,EAAAA,EAAAA,QACAzH,MAGL,CACCK,KAAM,SACNC,MAAO,SACPoH,UAAW,EACXC,QAAS,eACTP,OAAQ,KAAIC,EAAAA,EAAAA,GAAa,CAAEC,UAAW,GAAIC,WAAW,OAIvDK,gBAAiB,CAChBlH,MAAO,OACPoC,OAAQ,QACRqC,SAAU,YAEX0C,QACC,kEAEH,CAIAjB,aAAAA,GACC,OAAOF,EAAuBE,eAC/B,CAGA,sBAAMkB,GAWL,MAAMC,EAAeC,KAAKC,UAAUC,KAAK9F,MAAM+F,QAC3CD,KAAKE,aAAeL,IAGxBG,KAAKE,WAAaL,QAEZG,KAAKG,uBAAuB,aAC5BH,KAAKG,uBAAuB,OACnC,CAGA,qBAAMC,CAAgBF,SACfF,KAAKJ,kBACZ,CAIAS,gBAAAA,GAAqB,CAIrBC,cAAAA,CAAe3B,EAAIzE,GAAS,CAE5B,uBAAMqG,GACLC,MAAMD,0BAEAP,KAAKJ,kBACZ,CAEAa,gBAAAA,CAAiBC,GAChBF,MAAMC,iBAAiBC,GAEvB,MAAMC,EAAoB,CACzBhC,GAAI+B,EAAM/B,GACViC,WAAYF,EAAME,WAClBzH,MAAOuH,EAAMvH,MACbN,QAAM6E,EAAAA,EAAAA,IAAAA,EAAAA,EAAAA,GAAA,GACFgD,EAAM7H,QAAM,IACfO,KAAM4G,KAAK9F,MAAM+F,OACjB9G,MAAO6G,KAAK9F,MAAM2G,UAEnBC,SAAUd,KAAKc,SACfC,SAAUf,KAAKe,SAASC,KAAKhB,MAC7BpH,UAAWoH,KAAK9F,MAAMtB,UACtBqI,OAAQjB,KAAK9F,MAAM+G,OACnBC,gBAAiBlB,KAAKkB,gBAAgBF,KAAKhB,MAC3CmB,iBAAkBnB,KAAKmB,iBAAiBH,KAAKhB,MAC7CoB,wBAAyBpB,KAAKoB,wBAAwBJ,KAAKhB,MAC3DqB,KAAMrB,KAAKU,MAAMY,QAAQC,UACzBC,OAAQxB,KAAKU,MAAMY,QAAQE,OAC3BC,MAAOzB,KAAKU,MAAMY,QAAQG,MAC1BC,eAAgB1B,KAAK0B,eAErB/I,UAAWqH,KAAK9F,MAAMvB,WASvB,OANI+H,EAAM7H,OAAOO,KAAKuI,QAAUjB,EAAM7H,OAAO+I,aAC5C5B,KAAK0B,gBAAiB,EAEtB1B,KAAK0B,gBAAiB,GAGhBG,EAAAA,EAAAA,GACN7B,KAAK8B,aAAY7J,EAAAA,EAAAA,KAAC8J,EAAgB,KAClCpB,EAEF,EAGD,S","sources":["lib/selectFields.jsx","SelectCollectionWidget/SelectCollection.jsx","SelectCollectionWidget/SelectCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst selectFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"cid\",\n\t\ttype: \"id\",\n\t\tlabel: \"cid\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"arrowColor\",\n\t\tlabel: \"arrow_color\",\n\t\ttype: \"color\",\n\t},\n];\n\nexport default selectFields;\n","import { Box, MenuItem, Select, Stack, Typography } from \"@mui/material\";\nimport { alpha } from \"@mui/material/styles\";\nimport React, { useContext, useRef } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useElementDimensions from \"../hooks/useElementDimensions\";\nimport useStyles from \"../hooks/useStyles\";\nimport useValueState from \"../hooks/useValueState\";\n\nconst emptyIcon =\n\t\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\";\n\nfunction SelectCollection() {\n\tconst contentRef = useRef(null);\n\tconst { width } = useElementDimensions(contentRef?.current);\n\tconst { cidObject, oidObject, widget } = useContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data, states } = useData(\"oid\");\n\tconst { value: oidValue, setValueState: setOidValueState } =\n\t\tuseValueState(\"oid\");\n\tconst { setValueState: setCidValueState } = useValueState(\"cid\");\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType =\n\t\toidType === \"boolean\" ||\n\t\toidType === \"number\" ||\n\t\toidType === \"string\" ||\n\t\toidType === \"mixed\";\n\n\tconst valueIndex = states.findIndex(\n\t\t(state) => String(state.value) === String(oidValue),\n\t);\n\n\tconst changeHandler = (event) => {\n\t\tconst value = event.target.value.value;\n\n\t\tif (!cidObject.noObject) {\n\t\t\tsetCidValueState(value);\n\t\t}\n\n\t\tsetOidValueState(value);\n\t};\n\n\treturn (\n\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\n\t\t\t<Box\n\t\t\t\tref={contentRef}\n\t\t\t\tsx={{\n\t\t\t\t\toverflow: \"auto\",\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Select\n\t\t\t\t\tvariant=\"standard\"\n\t\t\t\t\tdisableUnderline\n\t\t\t\t\tvalue={valueIndex !== -1 ? states[valueIndex] : \"\"}\n\t\t\t\t\tonChange={changeHandler}\n\t\t\t\t\tMenuProps={{\n\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\tmaxWidth: width,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tMenuListProps: {\n\t\t\t\t\t\t\tsx: {\n\t\t\t\t\t\t\t\tbackground: data.backgroundColor\n\t\t\t\t\t\t\t\t\t? alpha(data.backgroundColor, 0.7)\n\t\t\t\t\t\t\t\t\t: null || data.background,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tmaxWidth: `calc(${width}px - 10%)`,\n\n\t\t\t\t\t\t\"& .MuiSelect-icon\": {\n\t\t\t\t\t\t\tcolor: widget.data.arrowColor,\n\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\"&.Mui-focused\": {\n\t\t\t\t\t\t\tariaHidden: \"false\",\n\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\tdata.backgroundColorActive ||\n\t\t\t\t\t\t\t\tdata.backgroundColor ||\n\t\t\t\t\t\t\t\tdata.backgroundActive ||\n\t\t\t\t\t\t\t\tdata.background,\n\t\t\t\t\t\t},\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{states.map((state, idx) => {\n\t\t\t\t\t\tconst imgSrc =\n\t\t\t\t\t\t\twidget.data[`iconSmall${idx + 1}`] ||\n\t\t\t\t\t\t\twidget.data[`icon${idx + 1}`] ||\n\t\t\t\t\t\t\twidget.data.iconSmall ||\n\t\t\t\t\t\t\twidget.data.icon;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tkey={state.value}\n\t\t\t\t\t\t\t\tvalue={state}\n\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${idx + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColor ||\n\t\t\t\t\t\t\t\t\t\t\twidget.data.textColorActive ||\n\t\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"&.Mui-selected\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\t\"&.Mui-selected:hover\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\"&:hover\": {\n\t\t\t\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\t\t\t\t(widget.data[`iconColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data[`iconColor${idx + 1}`], 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(widget.data.iconColor &&\n\t\t\t\t\t\t\t\t\t\t\t\talpha(widget.data.iconColor, 0.16)) ||\n\t\t\t\t\t\t\t\t\t\t\t(data.textColor && alpha(data.textColor, 0.16)),\n\t\t\t\t\t\t\t\t\t},\n\n\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t(widget.data[`backgroundColor${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`backgroundColor${idx + 1}`]}!important`) ||\n\t\t\t\t\t\t\t\t\t\t`${widget.data[`background${idx + 1}`]}!important`,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Stack\n\t\t\t\t\t\t\t\t\tdirection=\"row\"\n\t\t\t\t\t\t\t\t\tspacing={imgSrc ? 1 : 0}\n\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\tsrc={imgSrc || emptyIcon}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\t\t\t\t\t\t\ttop: `calc(0px - ${widget.data[`iconYOffset${idx + 1}`]})`,\n\t\t\t\t\t\t\t\t\t\t\tright: `calc(0px - ${widget.data[`iconXOffset${idx + 1}`]})`,\n\n\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t(!imgSrc && \"0px\") ||\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${idx + 1}`] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data[`iconSize${idx + 1}`]} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: typeof widget.data.iconSize === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data.iconSize} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"24px\"),\n\t\t\t\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t\t\t\t(!imgSrc && \"0px\") ||\n\t\t\t\t\t\t\t\t\t\t\t\t(typeof widget.data[`iconSize${idx + 1}`] === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data[`iconSize${idx + 1}`]} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t: typeof widget.data.iconSize === \"number\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `calc(24px * ${widget.data.iconSize} / 100)`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"24px\"),\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${idx + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor,\n\t\t\t\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t\t\t\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${idx + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t\t\t\t(String(oidValue) ===\n\t\t\t\t\t\t\t\t\t\t\t\t\tString(widget.data[`value${idx + 1}`]) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data.iconColorActive) ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`iconColor${idx + 1}`] ||\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data.buttonGroupColor ||\n\t\t\t\t\t\t\t\t\t\t\t\tdata.iconColor\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: null,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\t\t\t\tcomponent={Box}\n\t\t\t\t\t\t\t\t\t\tvariant=\"subtitle2\"\n\t\t\t\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: \"pre-wrap\",\n\t\t\t\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\t\t\t\tfontSize:\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`valueSize${idx + 1}`] || data.valueSize,\n\t\t\t\t\t\t\t\t\t\t\ttextAlign: \"left\",\n\t\t\t\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`textColor${idx + 1}`] || data.textColor,\n\t\t\t\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\n\t\t\t\t\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\t\t\t\t\t\t// px: 1,\n\n\t\t\t\t\t\t\t\t\t\t\tflexGrow: 1,\n\t\t\t\t\t\t\t\t\t\t\talignContent: \"center\",\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tcontentEditable=\"false\"\n\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t\t__html:\n\t\t\t\t\t\t\t\t\t\t\t\t(widget.data[`alias${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\twidget.data[`alias${idx + 1}`].replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/(\\r\\n|\\n|\\r)/gm,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t)) ||\n\t\t\t\t\t\t\t\t\t\t\t\t(widget.data[`value${idx + 1}`] &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t`${widget.data[`value${idx + 1}`]}${widget.data.unit}`) ||\n\t\t\t\t\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</Stack>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</Select>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default SelectCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport selectFields from \"../lib/selectFields\";\nimport SelectCollection from \"./SelectCollection\";\n\nclass SelectCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplSelectCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"SelectCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"select_collection_widget\", // Label for widget\n\t\t\tvisOrder: 7,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: true })],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"select_collection\", // group name\n\t\t\t\t\tlabel: \"group_select_collection\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"boolean\", \"number\", \"string\", \"mixed\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...selectFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-select.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn SelectCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t//                        So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t//                        then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t//                        then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\n\t\t// console.log(\"inside propertiesUpdate\", this.state.values);\n\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t\tawait this.createStateObjectAsync(\"cid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(lastRxData) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() { }\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) { }\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\thasPropertyValueChanged: this.hasPropertyValueChanged.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\t\t\twrappedContent: this.wrappedContent,\n\n\t\t\tcidObject: this.state.cidObject,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<SelectCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default SelectCollectionWidget;\n"],"names":["selectFields","type","component","_jsx","CollectionDivider","name","label","_oidObject$common","contentRef","useRef","width","useElementDimensions","current","cidObject","oidObject","widget","useContext","CollectionContext","textStyles","fontStyles","useStyles","style","data","states","useData","value","oidValue","setValueState","setOidValueState","useValueState","setCidValueState","oidType","common","isValidType","valueIndex","findIndex","state","String","_jsxs","CollectionBase","children","CollectionBaseImage","Box","ref","sx","overflow","height","display","justifyContent","alignItems","Select","variant","disableUnderline","onChange","event","target","noObject","MenuProps","maxWidth","MenuListProps","background","backgroundColor","alpha","concat","color","arrowColor","ariaHidden","backgroundColorActive","backgroundActive","map","idx","imgSrc","iconSmall","icon","MenuItem","iconColor","textColorActive","textColor","Stack","direction","spacing","alt","src","position","top","right","iconSize","iconColorActive","buttonGroupColor","filter","transform","Typography","_objectSpread","whiteSpace","fontSize","valueSize","textAlign","bgcolor","textTransform","flexGrow","alignContent","contentEditable","dangerouslySetInnerHTML","__html","replace","unit","SelectCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","groupName","allFields","commonObjectFields","delayFields","indexFrom","indexTo","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","hasPropertyValueChanged","mode","context","themeType","socket","theme","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","SelectCollection"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.f9a0cb99.chunk.js

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

package/widgets/vis-2-widgets-collection/static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.f9a0cb99.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/src_StateCollectionWidget_StateCollectionWidget_jsx.f9a0cb99.chunk.js","mappings":"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","sources":["lib/stateFields.jsx","components/CollectionChangeDialog.jsx","StateCollectionWidget/StateCollection.jsx","StateCollectionWidget/StateCollectionWidget.jsx","hooks/useHtmlValue.js","../node_modules/@mui/icons-material/Close.js"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst stateFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"onlyStates\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_states\",\n\t\tdefault: false,\n\t\thidden: \"!data.values_count\",\n\t},\n\t{\n\t\tname: \"statePushButton\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"state_push_button\",\n\t\tdefault: false,\n\t\thidden: (data) => !data.onlyStates || Number(data.values_count) !== 2,\n\t\ttooltip: \"state_push_button_tooltip\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t\thidden: \"!data.values_count\",\n\t},\n\t{\n\t\tname: \"onlyDisplay\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"only_display\",\n\t\tdisabled: \"!data.write\",\n\t\tdefault: \"!data.write\",\n\t\thidden: \"!data.write\",\n\t},\n\t{\n\t\tname: \"noIcon\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"no_icon\",\n\t},\n\t{\n\t\tname: \"noValue\",\n\t\ttype: \"checkbox\",\n\t\tlabel: \"no_value\",\n\t},\n];\n\nexport default stateFields;\n","import CloseIcon from \"@mui/icons-material/Close\";\nimport { Paper, Slider, Stack } from \"@mui/material\";\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogTitle,\n\tDivider,\n\tIconButton,\n\tList,\n\tListItem,\n\tListItemButton,\n\tListItemText,\n} from \"@mui/material\";\nimport React, { useCallback, useContext, useState } from \"react\";\nimport useValueState from \"../hooks/useValueState\";\n// import isNumber from \"../lib/helper/isNumber\";\nimport { CollectionContext } from \"./CollectionProvider\";\n\nfunction CollectionChangeDialog(props) {\n\tconst { widgetStates, data, open, closeHandler } = props;\n\tconst { widget, oidObject, getPropertyValue } = useContext(CollectionContext);\n\n\tconst [sliderValue, setSliderValue] = useState(getPropertyValue(\"oid\"));\n\tconst { setValueState: setOidValueState } = useValueState(\"oid\");\n\n\tconst oidStates = oidObject?.common?.states;\n\tconst oidType = oidObject?.common?.type;\n\n\tconst changeHandler = useCallback(\n\t\t(value) => setOidValueState(value),\n\t\t[setOidValueState],\n\t);\n\n\tconst ChangeSlider =\n\t\toidType === \"number\" &&\n\t\t!widget.data.onlyStates &&\n\t\toidObject?.common?.min !== undefined &&\n\t\toidObject?.common?.max !== undefined ? (\n\t\t\t<Slider\n\t\t\t\tsx={{ pb: oidStates ? 4 : 3 }}\n\t\t\t\tsize=\"small\"\n\t\t\t\tmin={oidObject.common.min}\n\t\t\t\tmax={oidObject.common.max}\n\t\t\t\tmarks={[\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: oidObject.common.min,\n\t\t\t\t\t\tlabel: String(oidObject.common.min),\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: oidObject.common.max,\n\t\t\t\t\t\tlabel: String(oidObject.common.max),\n\t\t\t\t\t},\n\t\t\t\t]}\n\t\t\t\tvalueLabelDisplay=\"auto\"\n\t\t\t\t// value={getPropertyValue(\"oid\") || 0}\n\t\t\t\tvalue={sliderValue}\n\t\t\t\tonChange={(_, value) => {\n\t\t\t\t\tsetSliderValue(value);\n\t\t\t\t\tchangeHandler(value);\n\t\t\t\t}}\n\t\t\t/>\n\t\t) : null;\n\n\tconst ChangeList = widgetStates ? (\n\t\t<List>\n\t\t\t{Object.entries(widgetStates).map(([key, value]) => {\n\t\t\t\treturn (\n\t\t\t\t\t<ListItem disablePadding key={key}>\n\t\t\t\t\t\t<ListItemButton disableGutters onClick={() => changeHandler(key)}>\n\t\t\t\t\t\t\t<ListItemText\n\t\t\t\t\t\t\t\tsx={{ px: 2 }}\n\t\t\t\t\t\t\t\tprimaryTypographyProps={{ variant: \"body2\" }}\n\t\t\t\t\t\t\t\tprimary={String(value)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ListItemButton>\n\t\t\t\t\t</ListItem>\n\t\t\t\t);\n\t\t\t})}\n\t\t</List>\n\t) : null;\n\n\treturn (\n\t\t<Dialog\n\t\t\topen={open}\n\t\t\tonClose={closeHandler}\n\t\t\tmaxWidth=\"xs\"\n\t\t\tfullWidth\n\t\t\tPaperProps={{\n\t\t\t\tsx: {\n\t\t\t\t\t// bgcolor: data.backgroundColor,\n\t\t\t\t\t// color: data.textColor,\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<DialogTitle sx={{ m: 0, p: 2 }} id=\"customized-dialog-title\">\n\t\t\t\t{data.header || oidObject.common.name}\n\t\t\t</DialogTitle>\n\t\t\t<IconButton\n\t\t\t\taria-label=\"close\"\n\t\t\t\tonClick={closeHandler}\n\t\t\t\tsx={(theme) => ({\n\t\t\t\t\tposition: \"absolute\",\n\t\t\t\t\tright: 8,\n\t\t\t\t\ttop: 8,\n\t\t\t\t\tcolor: theme.palette.grey[500],\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<CloseIcon />\n\t\t\t</IconButton>\n\t\t\t<DialogContent\n\t\t\t\tsx={{\n\t\t\t\t\toverflow: \"unset\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Stack\n\t\t\t\t\tdivider={Object.keys(widgetStates).length && <Divider flexItem />}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\tpx: 2,\n\t\t\t\t\t}}\n\t\t\t\t\tspacing={0}\n\t\t\t\t\tcomponent={Paper}\n\t\t\t\t>\n\t\t\t\t\t{ChangeSlider}\n\t\t\t\t\t{ChangeList}\n\t\t\t\t</Stack>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nexport default CollectionChangeDialog;\n","import { Avatar, Box, Button, Typography } from \"@mui/material\";\nimport React, { useCallback, useState, useContext } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport CollectionChangeDialog from \"../components/CollectionChangeDialog\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useHtmlValue from \"../hooks/useHtmlValue\";\nimport useStyles from \"../hooks/useStyles\";\nimport useValueState from \"../hooks/useValueState\";\n\nfunction StateCollection() {\n\tconst [contentRef, setContentRef] = useState(null);\n\tconst { widget, oidObject } = useContext(CollectionContext);\n\tconst { textStyles, fontStyles } = useStyles(widget.style);\n\tconst { data, widgetStates } = useData(\"oid\");\n\tconst { value: oidValue, setValueState: setOidValueState } =\n\t\tuseValueState(\"oid\");\n\tconst [open, setOpen] = useState(false);\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst onlyStates = widget.data.onlyStates;\n\n\tconst downHandler = () => {\n\t\tif (\n\t\t\tonlyStates &&\n\t\t\tNumber(widget.data.values_count) === 2 &&\n\t\t\twidget.data.statePushButton\n\t\t) {\n\t\t\tsetTimeout(() => setOidValueState(widget.data.value1), 0);\n\t\t}\n\t};\n\n\tconst upHandler = () => {\n\t\tif (\n\t\t\tonlyStates &&\n\t\t\tNumber(widget.data.values_count) === 2 &&\n\t\t\twidget.data.statePushButton\n\t\t) {\n\t\t\tsetTimeout(() => setOidValueState(widget.data.value2), 0);\n\t\t}\n\t};\n\n\tconst clickHandler = useCallback(() => {\n\t\tif (!onlyStates) {\n\t\t\tsetOpen(true);\n\t\t\treturn;\n\t\t}\n\n\t\tswitch (Number(widget.data.values_count)) {\n\t\t\tcase 1:\n\t\t\t\tsetOidValueState(widget.data.value1);\n\t\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\t!widget.data.statePushButton &&\n\t\t\t\t\tString(oidValue) === String(widget.data.value1)\n\t\t\t\t\t? setOidValueState(widget.data.value2)\n\t\t\t\t\t: setOidValueState(widget.data.value1);\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tsetOpen(true);\n\t\t\t\tbreak;\n\t\t}\n\t}, [\n\t\toidValue,\n\t\tonlyStates,\n\t\twidget.data.values_count,\n\t\twidget.data.statePushButton,\n\t\twidget.data.value1,\n\t\twidget.data.value2,\n\t\tsetOidValueState,\n\t]);\n\n\tconst StateButton = (\n\t\t<Button\n\t\t\tdisabled={widget.data.onlyDisplay}\n\t\t\tonClick={clickHandler}\n\t\t\tonMouseDown={downHandler}\n\t\t\tonMouseUp={upHandler}\n\t\t\tonMouseOut={upHandler}\n\t\t\tonTouchStart={downHandler}\n\t\t\tonTouchEnd={upHandler}\n\t\t\tsx={{\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\n\t\t\t\tcolor:\n\t\t\t\t\tdata.iconColorActive ||\n\t\t\t\t\tdata.iconColor ||\n\t\t\t\t\tdata.textColorActive ||\n\t\t\t\t\tdata.textColor,\n\t\t\t\t\"&:hover\": {\n\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\tfilter:\n\t\t\t\t\t\t(data.iconHoverActive && `brightness(${data.iconHoverActive})`) ||\n\t\t\t\t\t\t(data.iconHover && `brightness(${data.iconHover})`),\n\t\t\t\t},\n\t\t\t}}\n\t\t>\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\talignItems: \"center\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{!widget.data.noIcon && (data.iconActive || data.icon) && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t// overflow: \"hidden\",\n\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tflexGrow: 1,\n\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\tvariant=\"square\"\n\t\t\t\t\t\t\tsrc={data.iconActive || data.icon}\n\t\t\t\t\t\t\timgProps={{\n\t\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\t\tobjectFit: \"contain\",\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\toverflow: \"hidden\",\n\n\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\"100%\",\n\t\t\t\t\t\t\t\theight:\n\t\t\t\t\t\t\t\t\t(typeof data.iconSizeOnly === \"number\" &&\n\t\t\t\t\t\t\t\t\t\t`calc(100% * ${data.iconSizeOnly} / 100)`) ||\n\t\t\t\t\t\t\t\t\t\"100%\",\n\n\t\t\t\t\t\t\t\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\t\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\t\t\t\t\tfilter:\n\t\t\t\t\t\t\t\t\t(data.iconActive || data.icon) &&\n\t\t\t\t\t\t\t\t\t(data.iconColorActive || data.iconColor) &&\n\t\t\t\t\t\t\t\t\t\"drop-shadow(0px 10000px 0)\",\n\t\t\t\t\t\t\t\ttransform:\n\t\t\t\t\t\t\t\t\t(data.iconActive || data.icon) &&\n\t\t\t\t\t\t\t\t\t(data.iconColorActive || data.iconColor) &&\n\t\t\t\t\t\t\t\t\t\"translateY(-10000px)\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\n\t\t\t\t{!widget.data.noValue && (\n\t\t\t\t\t<Box\n\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t\t\tflexGrow: 1,\n\n\t\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Typography\n\t\t\t\t\t\t\tref={setContentRef}\n\t\t\t\t\t\t\tvariant=\"body2\"\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t...fontStyles,\n\t\t\t\t\t\t\t\t...textStyles,\n\t\t\t\t\t\t\t\tfontSize: data.valueSizeActive || data.valueSize,\n\t\t\t\t\t\t\t\tbgcolor: \"transparent\",\n\t\t\t\t\t\t\t\tcolor: data.textColorActive || data.textColor,\n\t\t\t\t\t\t\t\ttextTransform: \"none\",\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Box>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Button>\n\t);\n\n\tuseHtmlValue(contentRef, oidValue, widget, data);\n\n\tconst isValidType =\n\t\toidType === \"boolean\" ||\n\t\toidType === \"number\" ||\n\t\toidType === \"string\" ||\n\t\toidType === \"mixed\";\n\n\treturn (\n\t\t<>\n\t\t\t{open && (\n\t\t\t\t<CollectionChangeDialog\n\t\t\t\t\tdata={{ sampleInterval: null, sampleIntervalValue: null, delay: 100 }}\n\t\t\t\t\twidgetStates={widgetStates}\n\t\t\t\t\topen={open}\n\t\t\t\t\tcloseHandler={() => setOpen(false)}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\t\t\t\t<Box\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{StateButton}\n\t\t\t\t</Box>\n\t\t\t</CollectionBase>\n\t\t</>\n\t);\n}\n\nexport default StateCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport stateFields from \"../lib/stateFields\";\nimport StateCollection from \"./StateCollection\";\n\nclass StateCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplStateCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisSetColor: \"#0C0A43\", // Color of a widget set. it is enough to set color only in one widget of a set\n\t\t\tvisName: \"StateCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"state_collection_widget\", // Label for widget\n\t\t\tvisOrder: 3,\n\t\t\tvisAttrs: [\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields()],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"button\", // group name\n\t\t\t\t\tlabel: \"group_button\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"string\", \"number\", \"boolean\", \"mixed\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...stateFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev: \"widgets/vis-2-widgets-collection/img/prev-collection-state.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn StateCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t//                        So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t//                        then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t//                        then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() { }\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) { }\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\thasPropertyValueChanged: this.hasPropertyValueChanged.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<StateCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default StateCollectionWidget;\n","import { useEffect } from \"react\";\n\nconst useHtmlValue = (contentRef, oidValue, widget, data) => {\n\tconst oidValueUnit =\n\t\t(typeof oidValue === \"string\" ||\n\t\t\ttypeof oidValue === \"number\" ||\n\t\t\ttypeof oidValue === \"boolean\") &&\n\t\t`${oidValue}${widget.data.unit !== undefined ? widget.data.unit : \"\"}`;\n\n\tconst contentValue = data.alias || data.value || oidValueUnit;\n\n\tuseEffect(() => {\n\t\tif (contentValue === undefined || !contentRef) return;\n\t\tcontentRef.innerHTML = contentValue;\n\t}, [contentValue, contentRef]);\n};\n\nexport default useHtmlValue;\n","\"use strict\";\n\"use client\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _jsxRuntime = require(\"react/jsx-runtime\");\nvar _default = exports.default = (0, _createSvgIcon.default)( /*#__PURE__*/(0, _jsxRuntime.jsx)(\"path\", {\n  d: \"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');"],"names":["stateFields","type","component","_jsx","CollectionDivider","name","label","default","hidden","data","onlyStates","Number","values_count","tooltip","disabled","props","_oidObject$common","_oidObject$common2","_oidObject$common3","_oidObject$common4","widgetStates","open","closeHandler","widget","oidObject","getPropertyValue","useContext","CollectionContext","sliderValue","setSliderValue","useState","setValueState","setOidValueState","useValueState","oidStates","common","states","oidType","changeHandler","useCallback","value","ChangeSlider","undefined","min","max","Slider","sx","pb","size","marks","String","valueLabelDisplay","onChange","_","ChangeList","List","children","Object","entries","map","_ref","key","ListItem","disablePadding","ListItemButton","disableGutters","onClick","ListItemText","px","primaryTypographyProps","variant","primary","_jsxs","Dialog","onClose","maxWidth","fullWidth","PaperProps","DialogTitle","m","p","id","header","IconButton","theme","position","right","top","color","palette","grey","CloseIcon","DialogContent","overflow","Stack","divider","keys","length","Divider","flexItem","spacing","Paper","contentRef","setContentRef","textStyles","fontStyles","useStyles","style","useData","oidValue","setOpen","downHandler","statePushButton","setTimeout","value1","upHandler","value2","clickHandler","StateButton","Button","onlyDisplay","onMouseDown","onMouseUp","onMouseOut","onTouchStart","onTouchEnd","width","height","iconColorActive","iconColor","textColorActive","textColor","bgcolor","filter","iconHoverActive","concat","iconHover","Box","display","justifyContent","alignItems","noIcon","iconActive","icon","flexGrow","Avatar","src","imgProps","objectFit","iconSizeOnly","left","iconXOffset","iconYOffset","transform","noValue","Typography","ref","_objectSpread","fontSize","valueSizeActive","valueSize","textTransform","useHtmlValue","isValidType","_Fragment","CollectionChangeDialog","sampleInterval","sampleIntervalValue","delay","CollectionBase","CollectionBaseImage","StateCollectionWidget","Generic","getWidgetInfo","visSet","visSetLabel","visSetColor","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","commonObjectFields","delayFields","indexFrom","indexTo","groupName","allFields","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","collectionContext","refService","rxStyle","setValue","setState","bind","values","isSignalVisible","hasPropertyValueChanged","mode","context","themeType","socket","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","StateCollection","oidValueUnit","unit","contentValue","alias","useEffect","innerHTML","_interopRequireDefault","require","exports","_createSvgIcon","_jsxRuntime","jsx","d"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.a4aed4b6.chunk.js

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

package/widgets/vis-2-widgets-collection/static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.a4aed4b6.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/js/src_SwitchCollectionWidget_SwitchCollectionWidget_jsx.a4aed4b6.chunk.js","mappings":"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","sources":["lib/switchFields.jsx","SwitchCollectionWidget/MaterialUISwitch.jsx","SwitchCollectionWidget/SwitchCollection.jsx","SwitchCollectionWidget/SwitchCollectionWidget.jsx"],"sourcesContent":["import CollectionDivider from \"../components/CollectionDivider\";\n\nconst switchFields = () => [\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"thumbSize\",\n\t\tlabel: \"thumb_size\",\n\t\ttype: \"slider\",\n\t\tmin: 0,\n\t\tmax: 500,\n\t\tdefault: 62,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"thumbColorTrue\",\n\t\tlabel: \"thumb_color_true\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\tname: \"thumbColorFalse\",\n\t\tlabel: \"thumb_color_false\",\n\t\ttype: \"color\",\n\t},\n\t{\n\t\ttype: \"custom\",\n\t\tcomponent: () => <CollectionDivider />,\n\t},\n\t{\n\t\tname: \"trackSize\",\n\t\tlabel: \"track_size\",\n\t\ttype: \"slider\",\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tdefault: 10,\n\t\tstep: 1,\n\t},\n\t{\n\t\tname: \"trackColor\",\n\t\tlabel: \"track_color\",\n\t\ttype: \"color\",\n\t},\n];\n\nexport default switchFields;\n","import Switch from \"@mui/material/Switch\";\nimport { styled } from \"@mui/material/styles\";\nimport { alpha } from \"@mui/material/styles\";\n\nfunction isValidColorFormat(str) {\n\tconst patterns = [\n\t\t/^#([0-9a-fA-F]{3})$/,                // #nnn\n\t\t/^#([0-9a-fA-F]{6})$/,                // #nnnnnn\n\t\t/^rgb\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*\\)$/, // rgb(r, g, b)\n\t\t/^rgba\\(\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*\\d+\\s*,\\s*(0|1|0?\\.\\d+)\\s*\\)$/, // rgba(r, g, b, a)\n\t\t/^hsl\\(\\s*\\d+\\s*,\\s*\\d+%\\s*,\\s*\\d+%\\s*\\)$/, // hsl(h, s%, l%)\n\t\t/^hsla\\(\\s*\\d+\\s*,\\s*\\d+%\\s*,\\s*\\d+%\\s*,\\s*(0|1|0?\\.\\d+)\\s*\\)$/, // hsla(h, s%, l%, a)\n\t\t/^color\\(\\s*[\\w-]+\\s+(?:\\d+(\\.\\d+)?%?\\s*)+\\)$/ // basic CSS4 color() check\n\t];\n\n\treturn patterns.some((pattern) => pattern.test(str));\n}\n\nconst MaterialUISwitch = styled(Switch)(\n\t({ width, maxHeight, data, widget, theme }) => ({\n\t\twidth: \"100%\",\n\t\theight: \"100%\",\n\n\t\tpadding: 0,\n\t\tmargin: 0,\n\n\t\t\"&.MuiSwitch-root\": {\n\t\t\toverflow: \"visible\", // erforderlich\n\t\t},\n\n\t\t\"& .MuiSwitch-switchBase\": {\n\t\t\t// overflow: \"hidden\", // ???\n\n\t\t\tmargin: 0,\n\t\t\tpadding: 0,\n\n\t\t\ttop: \"50%\",\n\t\t\tleft: \"0%\",\n\t\t\ttransform: `translate(-50%, -50%) translateX(${maxHeight >= (widget.data.thumbSize || 62)\n\t\t\t\t? (widget.data.thumbSize / 2 - 4) || 31 - 4\n\t\t\t\t: maxHeight / 2 - 4\n\t\t\t\t}px)`,\n\n\t\t\t\"& .MuiSwitch-input\": {\n\t\t\t\tleft: 0,\n\t\t\t\twidth: width,\n\t\t\t},\n\n\t\t\t\"&.Mui-checked\": {\n\t\t\t\ttop: \"50%\",\n\t\t\t\tleft: \"100%\",\n\t\t\t\ttransform: `translate(-50%, -50%) translateX(${maxHeight >= (widget.data.thumbSize || 62)\n\t\t\t\t\t? -(widget.data.thumbSize / 2 - 4) || -31 - 4\n\t\t\t\t\t: -(maxHeight / 2 - 4)\n\t\t\t\t\t}px)`,\n\n\t\t\t\t\"& .MuiSwitch-input\": {\n\t\t\t\t\tleft: -width + (widget.data.thumbSize || 62),\n\t\t\t\t\twidth: width,\n\t\t\t\t},\n\n\t\t\t\t\"& .MuiSwitch-thumb\": {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\twidget.data.thumbColorTrue || theme.palette.primary.main,\n\t\t\t\t},\n\n\t\t\t\t\"& .MuiSwitch-thumb:before\": {\n\t\t\t\t\ttop: `calc(${data.iconYOffset} * -1)`,\n\t\t\t\t\tleft: data.iconXOffset,\n\n\t\t\t\t\tbackgroundSize: `${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}% ${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}%`,\n\t\t\t\t\tbackgroundImage: data.iconActive && `url('${data.iconActive}')`,\n\t\t\t\t},\n\n\t\t\t\t\"& + .MuiSwitch-track\": {\n\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t(isValidColorFormat(widget.data.trackColor) && widget.data.trackColor) ||\n\t\t\t\t\t\t(theme.palette.mode === \"dark\"\n\t\t\t\t\t\t\t? alpha(\"rgb(144, 202, 249)\", 0.5)\n\t\t\t\t\t\t\t: alpha(\"#1976d2\", 0.5)),\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\n\t\t\"& .MuiSwitch-thumb\": {\n\t\t\tbackgroundColor: widget.data.thumbColorFalse,\n\n\t\t\twidth: widget.data.thumbSize || 62,\n\t\t\tmaxWidth: maxHeight,\n\t\t\theight: widget.data.thumbSize || 62,\n\t\t\tmaxHeight: maxHeight,\n\n\t\t\t\"&::before\": {\n\t\t\t\tcontent: \"''\",\n\t\t\t\tposition: \"absolute\",\n\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100%\",\n\n\t\t\t\t// top: `calc(${data.iconYOffset} * -1)`,\n\t\t\t\t// left: data.iconXOffset,\n\n\t\t\t\tleft: `calc(0px + ${data.iconXOffset})`,\n\t\t\t\ttop: `calc(0px - ${data.iconYOffset})`,\n\n\t\t\t\tbackgroundRepeat: \"no-repeat\",\n\t\t\t\tbackgroundPosition: \"center\",\n\n\t\t\t\tbackgroundSize: `${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}% ${data.iconSizeOnly === 0 ? \"0\" : data.iconSizeOnly || \"100\"}%`,\n\t\t\t\tbackgroundImage: data.iconActive && `url('${data.iconActive}')`,\n\n\t\t\t\tcolor: data.iconColorActive || data.iconColor,\n\t\t\t\tfilter:\n\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t? \"drop-shadow(0px 10000px 0)\"\n\t\t\t\t\t\t: null,\n\t\t\t\ttransform:\n\t\t\t\t\tdata.iconColorActive || data.iconColor\n\t\t\t\t\t\t? \"translateY(-10000px)\"\n\t\t\t\t\t\t: null,\n\t\t\t},\n\t\t},\n\n\t\t\"& .MuiSwitch-track\": {\n\t\t\tbackgroundColor:\n\t\t\t\t(isValidColorFormat(widget.data.trackColor) && alpha(widget.data.trackColor, 0.5)) ||\n\t\t\t\t(theme.palette.mode === \"dark\"\n\t\t\t\t\t? alpha(\"#ffffff\", 0.3)\n\t\t\t\t\t: alpha(\"#000000\", 0.38)),\n\t\t\tborderRadius: 20 / 2,\n\t\t},\n\t}),\n);\n\nexport default MaterialUISwitch;\n","import { Box } from \"@mui/material\";\nimport React, { useRef, useContext } from \"react\";\nimport CollectionBase from \"../components/CollectionBase\";\nimport CollectionBaseImage from \"../components/CollectionBaseImage\";\nimport { CollectionContext } from \"../components/CollectionProvider\";\nimport useData from \"../hooks/useData\";\nimport useValueState from \"../hooks/useValueState\";\nimport MaterialUISwitch from \"./MaterialUISwitch\";\n\nfunction SwitchCollection() {\n\tconst ref = useRef(null);\n\tconst { oidObject, widget } = useContext(CollectionContext);\n\tconst { data } = useData(\"oid\");\n\tconst { value: oidValue, setValueState: setOidValueState } =\n\t\tuseValueState(\"oid\");\n\n\tconst oidType = oidObject?.common?.type;\n\n\tconst isValidType = oidType === \"boolean\";\n\n\treturn (\n\t\t<CollectionBase isValidType={isValidType} data={data} oidValue={oidValue}>\n\t\t\t<CollectionBaseImage data={data} widget={widget} />\n\t\t\t<Box\n\t\t\t\tsx={{\n\t\t\t\t\tposition: \"relative\",\n\n\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\theight:\n\t\t\t\t\t\t(widget.data.trackSize && `${widget.data.trackSize}%`) || \"10%\",\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Box\n\t\t\t\t\tref={ref}\n\t\t\t\t\tsx={{\n\t\t\t\t\t\twidth: \"100%\",\n\t\t\t\t\t\theight: \"100%\",\n\n\t\t\t\t\t\tpx: \"8px\",\n\n\t\t\t\t\t\tdisplay: \"flex\",\n\t\t\t\t\t\tjustifyContent: \"center\",\n\t\t\t\t\t\talignItems: \"center\",\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{oidValue !== undefined && widget.data.thumbSize !== undefined && (\n\t\t\t\t\t\t<MaterialUISwitch\n\t\t\t\t\t\t\tdisabled={oidType !== \"boolean\"}\n\t\t\t\t\t\t\twidth={ref.current?.clientWidth}\n\t\t\t\t\t\t\tmaxHeight={\n\t\t\t\t\t\t\t\tref.current?.parentElement?.parentElement?.clientHeight\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\twidget={widget}\n\t\t\t\t\t\t\tchecked={oidValue}\n\t\t\t\t\t\t\tonChange={() => setOidValueState(!oidValue)}\n\t\t\t\t\t\t\tsx={{\n\t\t\t\t\t\t\t\t\"& .MuiTouchRipple-root\": {\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\tdata.iconColorActive ||\n\t\t\t\t\t\t\t\t\t\tdata.iconColor ||\n\t\t\t\t\t\t\t\t\t\tdata.textColorActive ||\n\t\t\t\t\t\t\t\t\t\tdata.textColor,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</Box>\n\t\t\t</Box>\n\t\t</CollectionBase>\n\t);\n}\n\nexport default SwitchCollection;\n","import React from \"react\";\nimport Generic from \"../Generic\";\nimport withCollectionProvider from \"../components/withCollectionProvider\";\nimport commonFields from \"../lib/commonFields\";\nimport commonObjectFields from \"../lib/commonObjectFields\";\nimport delayFields from \"../lib/delayFields\";\nimport switchFields from \"../lib/switchFields\";\nimport SwitchCollection from \"./SwitchCollection\";\n\nclass SwitchCollectionWidget extends Generic {\n\tstatic getWidgetInfo() {\n\t\treturn {\n\t\t\tid: \"tplSwitchCollectionWidget\",\n\t\t\tvisSet: \"vis-2-widgets-collection\", // Widget set name in which this widget is located\n\t\t\tvisSetLabel: \"widgets_collection\", // Widget set translated label (should be defined only in one widget of a set)\n\t\t\tvisName: \"SwitchCollectionWidget\", // Name of widget\n\t\t\tvisWidgetLabel: \"switch_collection_widget\", // Label for widget\n\t\t\tvisOrder: 2,\n\t\t\tvisAttrs: [\n\t\t\t\t// CollectionGroupCommonAttributes([\"boolean\"]),\n\t\t\t\t{\n\t\t\t\t\tname: \"common\", // group name\n\t\t\t\t\tfields: [...commonFields()],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"switch\",\n\t\t\t\t\tlabel: \"group_switch\",\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t...commonObjectFields([\"boolean\"]),\n\t\t\t\t\t\t...delayFields(),\n\t\t\t\t\t\t...switchFields(),\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"values\",\n\t\t\t\t\tlabel: \"values\",\n\t\t\t\t\tindexFrom: 1,\n\t\t\t\t\tindexTo: \"values_count\",\n\t\t\t\t\tfields: [...commonFields({ groupName: \"\", allFields: false })],\n\t\t\t\t},\n\n\t\t\t\t// check here all possible types https://github.com/ioBroker/ioBroker.vis/blob/react/src/src/Attributes/Widget/SCHEMA.md\n\t\t\t],\n\t\t\tvisDefaultStyle: {\n\t\t\t\twidth: \"100%\",\n\t\t\t\theight: \"100px\",\n\t\t\t\tposition: \"relative\",\n\t\t\t},\n\t\t\tvisPrev:\n\t\t\t\t\"widgets/vis-2-widgets-collection/img/prev-collection-switch.png\",\n\t\t};\n\t}\n\n\t// Do not delete this method. It is used by vis to read the widget configuration.\n\t// eslint-disable-next-line class-methods-use-this\n\tgetWidgetInfo() {\n\t\treturn SwitchCollectionWidget.getWidgetInfo();\n\t}\n\n\t// eslint-disable-next-line class-methods-use-this\n\tasync propertiesUpdate() {\n\t\t// The widget has 3 important states\n\t\t// 1. this.state.values - contains all state values, that are used in widget (automatically collected from widget info).\n\t\t//                        So you can use `this.state.values[this.state.rxData.oid + '.val']` to get the value of state with id this.state.rxData.oid\n\t\t// 2. this.state.rxData - contains all widget data with replaced bindings. E.g. if this.state.data.type is `{system.adapter.admin.0.alive}`,\n\t\t//                        then this.state.rxData.type will have state value of `system.adapter.admin.0.alive`\n\t\t// 3. this.state.rxStyle - contains all widget styles with replaced bindings. E.g. if this.state.styles.width is `{javascript.0.width}px`,\n\t\t//                        then this.state.rxData.type will have state value of `javascript.0.width` + 'px\n\t\tconst actualRxData = JSON.stringify(this.state.rxData);\n\t\tif (this.lastRxData === actualRxData) {\n\t\t\treturn;\n\t\t}\n\t\tthis.lastRxData = actualRxData;\n\n\t\tawait this.createStateObjectAsync(\"oid\");\n\t}\n\n\t// This function is called every time when rxData is changed\n\tasync onRxDataChanged(payload) {\n\t\tawait this.propertiesUpdate();\n\t}\n\n\t// This function is called every time when rxStyle is changed\n\t// eslint-disable-next-line class-methods-use-this\n\tonRxStyleChanged() { }\n\n\t// This function is called every time when some Object State updated, but all changes lands into this.state.values too\n\t// eslint-disable-next-line class-methods-use-this, no-unused-vars\n\tonStateUpdated(id, state) { }\n\n\tasync componentDidMount() {\n\t\tsuper.componentDidMount();\n\t\t// Update data\n\t\tawait this.propertiesUpdate();\n\t}\n\n\trenderWidgetBody(props) {\n\t\tsuper.renderWidgetBody(props);\n\n\t\tconst collectionContext = {\n\t\t\tid: props.id,\n\t\t\trefService: props.refService,\n\t\t\tstyle: props.style,\n\t\t\twidget: {\n\t\t\t\t...props.widget,\n\t\t\t\tdata: this.state.rxData,\n\t\t\t\tstyle: this.state.rxStyle,\n\t\t\t},\n\t\t\tsetValue: this.setValue,\n\t\t\tsetState: this.setState.bind(this),\n\t\t\toidObject: this.state.oidObject,\n\t\t\tvalues: this.state.values,\n\t\t\tisSignalVisible: this.isSignalVisible.bind(this),\n\t\t\tgetPropertyValue: this.getPropertyValue.bind(this),\n\t\t\thasPropertyValueChanged: this.hasPropertyValueChanged.bind(this),\n\t\t\tmode: this.props.context.themeType,\n\t\t\tsocket: this.props.context.socket,\n\t\t\ttheme: this.props.context.theme,\n\n\t\t\twrappedContent: this.wrappedContent,\n\t\t};\n\n\t\tif (props.widget.data.noCard || props.widget.usedInWidget) {\n\t\t\tthis.wrappedContent = false;\n\t\t} else {\n\t\t\tthis.wrappedContent = true;\n\t\t}\n\n\t\treturn withCollectionProvider(\n\t\t\tthis.wrapContent(<SwitchCollection />),\n\t\t\tcollectionContext,\n\t\t);\n\t}\n}\n\nexport default SwitchCollectionWidget;\n"],"names":["switchFields","type","component","_jsx","CollectionDivider","name","label","min","max","default","step","isValidColorFormat","str","some","pattern","test","styled","Switch","_ref","width","maxHeight","data","widget","theme","height","padding","margin","overflow","top","left","transform","concat","thumbSize","backgroundColor","thumbColorTrue","palette","primary","main","iconYOffset","iconXOffset","backgroundSize","iconSizeOnly","backgroundImage","iconActive","trackColor","mode","alpha","thumbColorFalse","maxWidth","content","position","backgroundRepeat","backgroundPosition","color","iconColorActive","iconColor","filter","borderRadius","_oidObject$common","_ref$current","_ref$current2","_ref$current2$parentE","_ref$current2$parentE2","ref","useRef","oidObject","useContext","CollectionContext","useData","value","oidValue","setValueState","setOidValueState","useValueState","oidType","common","isValidType","_jsxs","CollectionBase","children","CollectionBaseImage","Box","sx","trackSize","px","display","justifyContent","alignItems","undefined","MaterialUISwitch","disabled","current","clientWidth","parentElement","clientHeight","checked","onChange","textColorActive","textColor","SwitchCollectionWidget","Generic","getWidgetInfo","id","visSet","visSetLabel","visName","visWidgetLabel","visOrder","visAttrs","fields","commonFields","commonObjectFields","delayFields","indexFrom","indexTo","groupName","allFields","visDefaultStyle","visPrev","propertiesUpdate","actualRxData","JSON","stringify","this","state","rxData","lastRxData","createStateObjectAsync","onRxDataChanged","payload","onRxStyleChanged","onStateUpdated","componentDidMount","super","renderWidgetBody","props","collectionContext","refService","style","_objectSpread","rxStyle","setValue","setState","bind","values","isSignalVisible","getPropertyValue","hasPropertyValueChanged","context","themeType","socket","wrappedContent","noCard","usedInWidget","withCollectionProvider","wrapContent","SwitchCollection"],"sourceRoot":""}

package/widgets/vis-2-widgets-collection/static/js/src_components_CollectionDivider_jsx.bf1c1de5.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkiobroker_vis_widgets_react_collection=self.webpackChunkiobroker_vis_widgets_react_collection||[]).push([["src_components_CollectionDivider_jsx"],{6211:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(7085),n=a(579);class i extends window.visRxWidget{constructor(){var e;super(...arguments),e=this,this.getPropertyValue=e=>this.state.values["".concat(this.state.rxData[e],".val")],this.hasPropertyValueChanged=e=>{const t=this.state.values["".concat(this.state.rxData[e],".lc")],a=this.state.values["".concat(this.state.rxData[e],".ts")],o=this.state.values["".concat(this.state.rxData[e],".ack")];return 1111111111111!==t&&(a===t&&!1===o)},this.setValue=function(t,a){let o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t&&"nothing_selected"!==t&&e.props.context.socket.setState(t,a,o).catch((e=>console.error("Cannot set state ".concat(t,": ").concat(e))))}}static getI18nPrefix(){return"vis_2_widgets_collection_"}async getParentObject(e){const t=e.split(".");t.pop();const a=t.join(".");return this.props.context.socket.getObject(a)}static getObjectIcon(e,t,a){a=a||"../..";let o="";const n=e&&e.common;if(n){const i=n.icon;if(i)if(i.startsWith("data:image/"))o=i;else{if(!i.includes("."))return null;{let l;"instance"===e.type||"adapter"===e.type?o="".concat(a,"/adapter/").concat(n.name,"/").concat(i):t&&t.startsWith("system.adapter.")?(l=t.split(".",3),"/"===i[0]?l[2]+=i:l[2]+="/".concat(i),o="".concat(a,"/adapter/").concat(l[2])):(l=t.split(".",2),"/"===i[0]?l[0]+=i:l[0]+="/".concat(i),o="".concat(a,"/adapter/").concat(l[0]))}}}return o||null}async createStateObjectAsync(e){if(!this.state.rxData[e]||"nothing_selected"===this.state.rxData[e])return this.setState({["".concat(e,"Object")]:{common:{},noObject:!0}}),void(this.state.rxData.icon&&this.setState({["".concat(e,"Object")]:{common:{icon:this.state.rxData.icon},noObject:!0}}));let t=await this.props.context.socket.getObject(this.state.rxData[e]);if(t=t?{common:t.common,_id:t._id,type:t.type,noObject:!1}:{common:{},noObject:!0},t.common=t.common||{},"number"===t.common.type&&(void 0===t.common.max&&(t.common.max=100),void 0===t.common.min&&(t.common.min=0)),t.common.states&&Array.isArray(t.common.states)){const e={};t.common.states.forEach((t=>{e[t]=t})),t.common.states=e}t.common.name&&"object"===typeof t.common.name&&(t.common.name=t.common.name[i.getLanguage()]||t.common.name.en),JSON.stringify(this.state["".concat(e,"Object")])!==JSON.stringify(t)&&this.setState({["".concat(e,"Object")]:t})}wrapContent(e){return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.CssBaseline,{}),(0,n.jsx)(o.Box,{className:"GENERIC-0",sx:{position:"relative",overflow:"hidden",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,n.jsx)(o.Box,{className:"GENERIC-1",sx:{width:this.wrappedContent?"calc(100% - 8px)":"100%",height:this.wrappedContent?"calc(100% - 8px)":"100%"},children:e})})]})}}const l=i},2127:(e,t,a)=>{a.r(t),a.d(t,{default:()=>k});var o=a(7051),n=a(8437),i=a(6211),l=a(900),c=a(8679),r=a(375),d=a(5006),s=a(4376),u=a(579);const m=()=>[{type:"custom",component:()=>(0,u.jsx)(s.A,{})},{name:"sliderSize",label:"slider_size",type:"select",options:[{value:"small",label:"slider_small"},{value:"medium",label:"slider_medium"}],default:"medium"},{name:"sliderOrientation",label:"slider_orientation",type:"select",options:[{value:"horizontal",label:"horizontal"},{value:"vertical",label:"vertical"}],default:"horizontal"},{name:"valueLabelDisplay",label:"value_label_display",type:"select",options:[{value:"on",label:"label_on"},{value:"off",label:"label_off"},{value:"auto",label:"label_auto"}],default:"off"},{name:"labelPosition",label:"label_position",type:"text",default:"-5px",hidden:"data.valueLabelDisplay === 'off'"},{name:"sliderColor",label:"slider_color",type:"color"},{type:"custom",component:()=>(0,u.jsx)(s.A,{dividerText:"values"})},{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:10},{type:"custom",component:()=>(0,u.jsx)(s.A,{}),hidden:"!data.values_count"},{name:"onlyStates",type:"checkbox",label:"only_states",default:!1,hidden:"!data.values_count"},{type:"custom",component:()=>(0,u.jsx)(s.A,{dividerText:"marks"})},{name:"marks",type:"checkbox",label:"marks",default:!1},{type:"custom",component:()=>(0,u.jsx)(s.A,{}),hidden:"!data.marks"},{name:"markPosition",label:"mark_position",type:"text",default:"30px",hidden:"!data.marks"},{name:"markStep",type:"number",label:"mark_step",default:10,hidden:"!data.marks"},{type:"custom",component:()=>(0,u.jsx)(s.A,{}),hidden:"!data.marks"},{name:"markerTextColor",label:"text_color",type:"color",hidden:"!data.marks"},{name:"markerTextSize",label:"marker_text_size",type:"slider",min:0,max:500,default:80,step:1,hidden:"!data.marks"},{type:"custom",component:()=>(0,u.jsx)(s.A,{dividerText:"icon"})},{name:"iconSmallMin",label:"icon_small_min",type:"icon64",hidden:"data.iconMin"},{name:"iconMin",label:"icon_min",type:"image",hidden:"data.iconSmallMin"},{name:"iconSizeStart",label:"icon_size",type:"text",default:"24px",hidden:"!data.iconMin && !data.iconSmallMin"},{name:"startIconColor",label:"icon_color",type:"color",hidden:"!data.iconMin && !data.iconSmallMin"},{type:"custom",component:()=>(0,u.jsx)(s.A,{dividerText:"icon"})},{name:"iconSmallMax",label:"icon_small_max",type:"icon64",hidden:"data.iconMax"},{name:"iconMax",label:"icon_max",type:"image",hidden:"data.iconSmallMax"},{name:"iconSizeEnd",label:"icon_size",type:"text",default:"24px",hidden:"!data.iconMax && !data.iconSmallMax"},{name:"endIconColor",label:"icon_color",type:"color",hidden:"!data.iconMax && !data.iconSmallMax"}];var p=a(7085),v=a(4657),x=a(6061),b=a(6016),h=a(2152),f=a(2671),g=a(45);const y=["marks","sliderOrientation"],S=e=>{let{marks:t,sliderOrientation:a}=e,i=(0,g.A)(e,y);const[l,c]=(0,n.useState)(null),r=i["data-index"],d=i.ownerState.marks[r];return(0,n.useEffect)((()=>{l&&(l.innerHTML=d.label)}),[d.label,l]),t?(0,u.jsx)(p.SliderMarkLabel,(0,o.A)((0,o.A)({style:{color:"red"}},i),{},{children:(0,u.jsxs)(p.Box,{sx:{display:"flex",flexDirection:"vertical"===a?"row":"column",alignItems:"center",justifyContent:"center"},children:[(0,u.jsx)(p.Box,{"data-font":"active",ref:c,sx:{flexGrow:1,pr:"vertical"===a?1:0,pb:"vertical"===a?0:1,fontSize:d.fontSize,color:d.textColor}}),(0,u.jsx)(p.Box,{"data-position":"active",sx:{position:"relative",bottom:d.iconYOffset,left:d.iconXOffset,flexGrow:1},children:(0,u.jsx)("img",{"data-img":"active",src:d.icon||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",alt:"",style:{position:"relative",width:"".concat(24*d.iconWidth/100,"px"),height:"".concat(24*d.iconHeight/100,"px"),color:d.iconColor||null,filter:d.iconColor?"drop-shadow(0px 10000px 0)":null,transform:d.iconColor?"translateY(-10000px)":null}})})]})})):null};const A=function(){var e;const{oidObject:t,widget:a}=(0,n.useContext)(b.C),{data:o,states:i,minValue:l,maxValue:c}=(0,h.A)("oid"),[r,d]=(0,n.useState)(null),{value:s,setValueState:m}=(0,f.A)("oid"),g=a.data.startIconColor||a.data.sliderColor||o.iconColor||o.textColor,y=a.data.endIconColor||a.data.sliderColor||o.iconColor||o.textColor,A=null===t||void 0===t||null===(e=t.common)||void 0===e?void 0:e.type,C="number"===A,k=(0,n.useMemo)((()=>a.data.onlyStates||void 0===a.data.minValue?l:Number(a.data.minValue)),[a.data.onlyStates,a.data.minValue,l]),z=(0,n.useMemo)((()=>a.data.onlyStates||void 0===a.data.maxValue?c:Number(a.data.maxValue)),[a.data.onlyStates,a.data.maxValue,c]),j=(0,n.useMemo)((()=>{const e=JSON.parse(JSON.stringify(i));if(a.data.onlyStates)return e.sort(((e,t)=>e.value-t.value));const t=k,o=z;e&&!e.some((e=>e.value===t))&&e.push({value:t,label:"".concat(t).concat(a.data.unit)}),e&&!e.some((e=>e.value===o))&&e.push({value:o,label:"".concat(o).concat(a.data.unit)});const n=Number(a.data.markStep)||1;for(let i=t+n;i<o;i+=n)e.some((e=>e.value===i))||e.push({value:i,label:"".concat(i).concat(a.data.unit)});return e.sort(((e,t)=>e.value-t.value)),e}),[i,k,z,a.data.markStep,a.data.unit,a.data.onlyStates]);return(0,n.useEffect)((()=>{if(void 0===s)return;const e=j.findIndex((e=>String(e.value)===String(s)));-1!==e&&d(e)}),[s,j]),(0,u.jsxs)(v.A,{isValidType:C,data:o,oidValue:s,children:[(0,u.jsx)(x.A,{data:o,widget:a}),(0,u.jsxs)(p.Box,{sx:{width:"100%",height:"100%",p:1,display:"flex",flexDirection:"horizontal"===a.data.sliderOrientation?"row":"column",justifyContent:"space-between",alignItems:"center"},children:[(0,u.jsx)(p.Box,{sx:{position:"relative",bottom:"horizontal"===a.data.sliderOrientation&&(a.data.onlyStates||a.data.marks)?"10px":"0px",right:"vertical"===a.data.sliderOrientation&&(a.data.onlyStates||a.data.marks)?"22px":"0px",p:1,display:"flex",justifyContent:"center",alignItems:"center"},children:("horizontal"===a.data.sliderOrientation&&(a.data.iconMin||a.data.iconSmallMin)||"vertical"===a.data.sliderOrientation&&(a.data.iconMax||a.data.iconSmallMax))&&(0,u.jsx)("img",{alt:"",src:"horizontal"===a.data.sliderOrientation?a.data.iconMin||a.data.iconSmallMin:a.data.iconMax||a.data.iconSmallMax,style:{width:"horizontal"===a.data.sliderOrientation?a.data.iconSizeStart||"24px":a.data.iconSizeEnd||"24px",height:"horizontal"===a.data.sliderOrientation?a.data.iconSizeStart||"24px":a.data.iconSizeEnd||"24px",color:"horizontal"===a.data.sliderOrientation?g:y,filter:"drop-shadow(0px 10000px 0)",transform:"translateY(-10000px)"}})}),(0,u.jsx)(p.Box,{sx:{p:1,display:"flex",flexGrow:1,justifyContent:"center",alignItems:"center"},children:"number"===typeof s&&(0,u.jsx)(p.Slider,{slots:{markLabel:S},slotProps:{markLabel:{marks:a.data.marks,sliderOrientation:a.data.sliderOrientation}},disabled:"number"!==A,valueLabelDisplay:a.data.valueLabelDisplay,orientation:a.data.sliderOrientation,min:k,max:z,marks:j,step:a.data.onlyStates?null:a.data.step,size:a.data.sliderSize,value:s,onChange:(e,t)=>m(t),sx:{mb:a.data.marks&&"horizontal"===a.data.sliderOrientation?"20px":"0px",mr:a.data.marks&&"vertical"===a.data.sliderOrientation?"44px":"0px","& .MuiSlider-thumb":{color:a.data.sliderColor},"& .MuiSlider-rail":{color:a.data.sliderColor||"primary.main"},"& .MuiSlider-track":{color:a.data.sliderColor||"primary.main"},"& .MuiSlider-mark":{color:a.data.sliderColor||"primary.main"},"& .MuiSlider-markActive":{bgcolor:a.data.sliderColor||"primary.main",filter:"brightness(2.5)"},"& .MuiSlider-valueLabel":{fontSize:o.valueSizeActive||a.data.markerTextSize&&"".concat(a.data.markerTextSize,"%")||o.valueSize||"1em",color:o.textColorActive||a.data.markerTextColor||o.textColor,bgcolor:"transparent",top:"horizontal"===a.data.sliderOrientation?a.data.labelPosition:null,right:"vertical"===a.data.sliderOrientation?a.data.labelPosition:null},"& .MuiSlider-markLabel":{fontSize:"number"===typeof a.data.markerTextSize&&"".concat(a.data.markerTextSize,"%")||o.valueSize||"1em",color:a.data.markerTextColor||o.textColor,top:"horizontal"===a.data.sliderOrientation?a.data.markPosition:null,left:"vertical"===a.data.sliderOrientation?a.data.markPosition:null},"& .MuiSlider-markLabelActive":{["&[data-index='".concat(r,"']")]:{"& div[data-font='active']":{color:"".concat(a.data.textColorActive," !important"),fontSize:"number"===typeof a.data.valueSizeActive&&"".concat(a.data.valueSizeActive,"% !important")},"& div[data-position='active']":{left:!!a.data.iconXOffsetActive&&"0px"!==a.data.iconXOffsetActive&&"".concat(a.data.iconXOffsetActive," !important")||"0px",bottom:!!a.data.iconYOffsetActive&&"0px"!==a.data.iconYOffsetActive&&"".concat(a.data.iconYOffsetActive," !important")||"0px !important"},"& img[data-img='active']":{width:"".concat("number"===typeof a.data.iconSizeActive?"".concat(24*a.data.iconSizeActive/100,"px !important"):"24px !important"),height:"".concat("number"===typeof a.data.iconSizeActive?"".concat(24*a.data.iconSizeActive/100,"px !important"):"24px !important"),color:a.data.iconColorActive&&"".concat(a.data.iconColorActive,"!important"),filter:a.data.iconColorActive&&"drop-shadow(0px 10000px 0)",transform:a.data.iconColorActive&&"translateY(-10000px)",pl:(!!a.data.iconActive||!!a.data.iconSmallActive)&&"".concat("number"===typeof a.data.iconSizeActive?"".concat(24*a.data.iconSizeActive/100,"px !important"):"24px"),display:(!!a.data.iconActive||!!a.data.iconSmallActive)&&"block",boxSizing:(!!a.data.iconActive||!!a.data.iconSmallActive)&&"border-box",background:(!!a.data.iconActive||!!a.data.iconSmallActive)&&"url('".concat(a.data.iconSmallActive||a.data.iconActive,"') no-repeat center center"),backgroundSize:(!!a.data.iconActive||!!a.data.iconSmallActive)&&"".concat("number"===typeof a.data.iconSizeActive?"".concat(24*a.data.iconSizeActive/100,"px"):"24px"," ").concat("number"===typeof a.data.iconSizeActive?"".concat(24*a.data.iconSizeActive/100,"px"):"24px")}}}}})}),(0,u.jsx)(p.Box,{sx:{position:"relative",bottom:"horizontal"===a.data.sliderOrientation&&(a.data.onlyStates||a.data.marks)?"10px":"0px",right:"vertical"===a.data.sliderOrientation&&(a.data.onlyStates||a.data.marks)?"22px":"0px",p:1,display:"flex",justifyContent:"center",alignItems:"center"},children:("horizontal"===a.data.sliderOrientation&&(a.data.iconMax||a.data.iconSmallMax)||"vertical"===a.data.sliderOrientation&&(a.data.iconMin||a.data.iconSmallMin))&&(0,u.jsx)("img",{alt:"",src:"horizontal"===a.data.sliderOrientation?a.data.iconMax||a.data.iconSmallMax:a.data.iconMin||a.data.iconSmallMin,style:{width:"horizontal"===a.data.sliderOrientation?a.data.iconSizeEnd||"24px":a.data.iconSizeStart||"24px",height:"horizontal"===a.data.sliderOrientation?a.data.iconSizeEnd||"24px":a.data.iconSizeStart||"24px",color:"horizontal"===a.data.sliderOrientation?y:g,filter:"drop-shadow(0px 10000px 0)",transform:"translateY(-10000px)"}})})]})]})};class C extends i.A{static getWidgetInfo(){return{id:"tplSliderCollectionWidget",visSet:"vis-2-widgets-collection",visSetLabel:"widgets_collection",visName:"SliderCollectionWidget",visWidgetLabel:"slider_collection_widget",visOrder:4,visAttrs:[{name:"common",fields:[...(0,c.A)()]},{name:"slider",label:"group_slider",fields:[...(0,r.A)(["number"]),...(0,d.A)(),...m()]},{name:"active",label:"group_active",fields:[...(0,c.A)({groupName:"Active",allFields:!1})]},{name:"values",label:"values",indexFrom:1,indexTo:"values_count",fields:[...(0,c.A)({groupName:"",allFields:!1})]}],visDefaultStyle:{width:"100%",height:"100px",position:"relative"},visPrev:"widgets/vis-2-widgets-collection/img/prev-collection-slider.png"}}getWidgetInfo(){return C.getWidgetInfo()}async propertiesUpdate(){const e=JSON.stringify(this.state.rxData);this.lastRxData!==e&&(this.lastRxData=e,await this.createStateObjectAsync("oid"))}async onRxDataChanged(e){await this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(e,t){}async componentDidMount(){super.componentDidMount(),await this.propertiesUpdate()}renderWidgetBody(e){super.renderWidgetBody(e);const t={id:e.id,refService:e.refService,style:e.style,widget:(0,o.A)((0,o.A)({},e.widget),{},{data:this.state.rxData,style:this.state.rxStyle}),setValue:this.setValue,setState:this.setState.bind(this),oidObject:this.state.oidObject,values:this.state.values,isSignalVisible:this.isSignalVisible.bind(this),getPropertyValue:this.getPropertyValue.bind(this),hasPropertyValueChanged:this.hasPropertyValueChanged.bind(this),mode:this.props.context.themeType,socket:this.props.context.socket,theme:this.props.context.theme,wrappedContent:this.wrappedContent};return e.widget.data.noCard||e.widget.usedInWidget?this.wrappedContent=!1:this.wrappedContent=!0,(0,l.A)(this.wrapContent((0,u.jsx)(A,{})),t)}}const k=C},4657:(e,t,a)=>{a.d(t,{A:()=>m});var o=a(7051),n=a(7085),i=a(8437),l=a(6016);const c=()=>{const{isSignalVisible:e,refService:t,widget:a}=(0,i.useContext)(l.C);(0,i.useEffect)((()=>{var o;if(null===t||void 0===t||!t.current)return;const n=null===(o=t.current)||void 0===o?void 0:o.children,i=[];for(let t=0;t<a.data["signals-count"];t++)e(t)&&i.push(t);const l=[];Object.values(n).forEach((e=>{var t;"vis-signal-icon iconOwn"===(null===(t=e.children[0])||void 0===t?void 0:t.className)&&l.push(e.children[0])})),l.forEach(((e,t)=>{const o=a.data["signals-color-".concat(i[t])];e.style.color=o,e.style.filter=o?"drop-shadow(0px 10000px 0)":null,e.style.transform=o?"translateY(-10000px)":null}))}),[a,t,e])};var r=a(695);const d=e=>{const{widget:t}=(0,i.useContext)(l.C),[a,o]=(0,i.useState)("100%"),[n,c]=(0,i.useState)("100%"),{width:d,height:s}=(0,r.A)(e);return(0,i.useEffect)((()=>{d&&s&&d>=0&&s>=0&&(t.data.square||t.data.circle?d<16*t.data.basePadding||s<16*t.data.basePadding?(o("0px"),c("0px")):d<s?(o("".concat(d-16*t.data.basePadding,"px")),c("".concat(d-16*t.data.basePadding,"px"))):(o("".concat(s-16*t.data.basePadding,"px")),c("".concat(s-16*t.data.basePadding,"px"))):(o("100%"),c("100%")))}),[d,s,t.data.basePadding,t.data.square,t.data.circle]),{width:a,height:n}};var s=a(5702),u=a(579);const m=(0,i.forwardRef)(((e,t)=>{let{children:a,data:r,oidValue:m=null,isValidType:p=!0,bgActive:v=!0,sx:x={}}=e;const b=(0,i.useRef)(null),h=(0,i.useRef)(null),[f,g]=(0,i.useState)(null),[y,S]=(0,i.useState)(null),A=(0,i.useRef)(null),[C,k]=(0,i.useState)(null),{wrappedContent:z,widget:j,oidObject:_}=(0,i.useContext)(l.C),{backgroundStyles:w,borderStyles:O,textStyles:B,fontStyles:M}=(0,s.A)(j.style),{width:I,height:P}=d(f),V=(m||0===m||!1===m)&&"".concat(m).concat(void 0===j.data.unit?"":j.data.unit);c();const T=null===_||void 0===_?void 0:_._id,E=r.footer||r.alias||r.value||V||"";return(0,i.useEffect)((()=>{j.data.noFooter||C&&(C.innerHTML=E)}),[E,j.data.noFooter,C]),(0,i.useEffect)((()=>{j.data.noHeader||y&&(y.innerHTML=r.header)}),[r.header,j.data.noHeader,y]),(0,i.useImperativeHandle)(t,(()=>({get paper0(){return null===b||void 0===b?void 0:b.current},get paper1(){return null===h||void 0===h?void 0:h.current},get header(){return null===A||void 0===A?void 0:A.current}}))),(0,u.jsxs)(n.Paper,{ref:b,className:"BASE-PAPER-0",square:j.data.squaredCorner,variant:j.data.outlinedFrame?"outlined":"elevation",sx:(0,o.A)((0,o.A)({overflow:"hidden",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",alignItems:"center"},w),{},{border:z?O.border:null,borderWidth:z?O.borderWidth:null,borderStyle:z?O.borderStyle:null,borderRadius:z?O.borderRadius:null,borderColor:z?O.borderColor:r.frameBackgroundColorActive||r.frameBackgroundColor||O.borderColor,background:z?j.data.frameBackgroundColorActive||r.frameBackgroundColorActive||r.frameBackgroundColor||j.data.frameBackgroundActive||r.frameBackgroundActive||r.frameBackground:"transparent"}),children:[!!p&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(n.Box,{sx:{width:j.data.noHeader?"0%":"100%",height:j.data.noHeader?"0%":"auto",mt:j.data.basePadding/2,mb:-j.data.basePadding/2},children:(0,u.jsx)(n.Typography,{ref:e=>{S(e),A.current=e},noWrap:!0,variant:"body2",sx:(0,o.A)((0,o.A)((0,o.A)({},M),B),{},{fontSize:r.headerSize,color:j.data.textColor||r.textColorActive||r.textColor})})}),(0,u.jsx)(n.Box,{className:"BASE-BOX-1",ref:g,sx:{overflow:"hidden",p:j.data.basePadding,width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)(n.Paper,{ref:h,className:"BASE-PAPER-1",elevation:j.data.baseElevation,square:!j.data.basePadding||j.data.squaredCorner,variant:j.data.outlined?"outlined":"elevation",sx:(0,o.A)({overflow:"hidden",width:I,height:P,display:"flex",justifyContent:"center",alignItems:"center",borderColor:z?O.borderColor:r.backgroundColorActive||r.backgroundColor||O.borderColor,background:z?j.data.backgroundColorActive||v&&r.backgroundColorActive||r.backgroundColor||j.data.backgroundActive||v&&r.backgroundActive||r.background:"transparent",borderRadius:j.data.circle||j.data.ellipse?"50%":null},x),children:a})}),(0,u.jsx)(n.Box,{sx:{width:j.data.noFooter?"0%":"100%",height:j.data.noFooter?"0%":"auto",mt:-j.data.basePadding/2,mb:j.data.basePadding/2},children:(0,u.jsx)(n.Typography,{ref:k,noWrap:!0,variant:"body2",sx:(0,o.A)((0,o.A)((0,o.A)({},M),B),{},{fontSize:r.footerSize,color:j.data.textColor||r.textColorActive||r.textColor})})})]}),!p&&(0,u.jsx)(n.Box,{sx:{width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,u.jsx)(n.Typography,{color:"primary.main",variant:"body2",sx:{p:1,width:"100%",textAlign:"center"},children:T?"".concat(T," has an invalid type!"):"Please select an object ID"})})]})}))},6061:(e,t,a)=>{a.d(t,{A:()=>n});a(8437);var o=a(579);const n=e=>{let{data:t,widget:a}=e;return a.data.noHeaderIcon||!t.icon&&!t.iconActive?null:(0,o.jsx)("img",{alt:"",src:t.icon||t.iconActive,style:{position:"absolute",top:"calc(0px - ".concat(a.data.iconYOffset,")"),right:"calc(0px - ".concat(a.data.iconXOffset,")"),width:t.iconSize||t.iconSizeActive,height:t.iconSize||t.iconSizeActive,color:t.iconColorActive||t.iconColor,filter:t.iconColorActive||t.iconColor?"drop-shadow(0px 10000px 0)":null,transform:t.iconColorActive||t.iconColor?"translateY(-10000px)":null}})}},4376:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(7085),n=(a(8437),a(2127)),i=a(579);const l=function(e){let{dividerText:t=""}=e;const a={position:"absolute",left:0,width:"100%"};return(0,i.jsx)(o.Box,{sx:{display:"block",pt:1.5,pb:t?2:1.5},children:t?(0,i.jsx)(o.Divider,{sx:a,children:(0,i.jsx)(o.Typography,{sx:{opacity:.5,color:"primary.main"},variant:"caption",children:n.default.t(t)})}):(0,i.jsx)(o.Divider,{sx:a})})}},6016:(e,t,a)=>{a.d(t,{A:()=>r,C:()=>c});var o=a(7085),n=a(9172),i=a(8437),l=a(579);const c=(0,i.createContext)({});const r=function(e){let{children:t,context:a}=e;const r=a.mode,d=a.theme,s=(0,i.useMemo)((()=>{const e="dark"===r?{palette:{mode:"dark"}}:{};return(0,o.createTheme)((0,n.A)(d,(0,n.A)(e,{components:{MuiTypography:{}}})))}),[r,d]);return(0,l.jsx)(o.ThemeProvider,{theme:s,children:(0,l.jsx)(c.Provider,{value:a,children:t})})}},900:(e,t,a)=>{a.d(t,{A:()=>i});a(8437);var o=a(6016),n=a(579);const i=function(e,t){return(0,n.jsx)(o.A,{context:t,children:e})}},2152:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(8437),n=a(6016),i=a(5702);const l=function(e){var t;const{theme:a,widget:l,["".concat(e,"Object")]:c,getPropertyValue:r}=(0,o.useContext)(n.C),{fontStyles:d,textStyles:s,backgroundStyles:u}=(0,i.A)(l.style),[m,p]=(0,o.useState)(),v=r(e),x=null===c||void 0===c||null===(t=c.common)||void 0===t?void 0:t.name,b=(0,o.useCallback)((e=>"number"===typeof e?"".concat(e,"%"):null),[]),h=(0,o.useCallback)((function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return l.data["".concat(e).concat(t)]}),[l.data]),{states:f,widgetStates:g,minValue:y,maxValue:S}=(0,o.useMemo)((()=>(()=>{var e,t;const a=[],o={};let n=null,i=null;const r=null===c||void 0===c||null===(e=c.common)||void 0===e?void 0:e.type,d=(null===c||void 0===c||null===(t=c.common)||void 0===t?void 0:t.states)||{},s=Object.entries(d);if("number"===r||"string"===r||"boolean"===r||"mixed"===r){for(let e=1;e<=Number(l.data.values_count);e++){const t=l.data["value".concat(e)],n=l.data["alias".concat(e)],i=l.data.unit;if(void 0!==t&&null!==t&&/\S/.test(t)){const c=s.find((e=>{let[a]=e;return a===t}));c&&"number"===r&&(c[0]=Number(c[0])),a.push({value:c?c[0]:"number"===r?Number(t):t,label:(n||(c?c[1]:"".concat(t).concat(i))).replace(/(\r\n|\n|\r)/gm,""),fontSize:b(l.data["valueSize".concat(e)]),textColor:l.data["textColor".concat(e)],icon:l.data["icon".concat(e)]||l.data["iconSmall".concat(e)]||l.data.icon||null,iconSize:"number"===typeof l.data["iconSize".concat(e)]?l.data["iconSize".concat(e)]:null,iconWidth:"number"===typeof l.data["iconSize".concat(e)]?l.data["iconSize".concat(e)]:"number"===typeof l.data.iconSize?l.data.iconSize:100,iconHeight:"number"===typeof l.data["iconSize".concat(e)]?l.data["iconSize".concat(e)]:"number"===typeof l.data.iconSize?l.data.iconSize:100,iconXOffset:!!h("iconXOffset",e)&&"0px"!==h("iconXOffset",e)&&h("iconXOffset",e)||"0px",iconYOffset:!!h("iconYOffset",e)&&"0px"!==h("iconYOffset",e)&&h("iconYOffset",e)||"0px",iconColor:l.data["iconColor".concat(e)]||l.data.iconColor||null,backgroundColor:l.data.backgroundColor||u.backgroundColor,backgroundColorActive:h("backgroundColor",e),background:l.data.background||u.background,backgroundActive:h("background",e),frameBackgroundColor:l.data.frameBackgroundColor||u.backgroundColor,frameBackgroundColorActive:h("frameBackgroundColor",e),frameBackground:l.data.frameBackground||u.background,frameBackgroundActive:h("frameBackground",e)}),o[c?String(c[0]):t]=n||(c?c[1]:"".concat(t).concat(i))}}"number"===r&&a.length&&(n=Math.min(...a.map((e=>e.value))),i=Math.max(...a.map((e=>e.value))))}return{states:a,widgetStates:o,minValue:n,maxValue:i}})()),[c,l.data,h,b,u]),A=(0,o.useMemo)((()=>{var e;const t=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return{textColor:l.data.textColor||s.color||a.palette.primary.main,textColorActive:h("textColor",e),header:(l.data.headerActive||h("header",e)||l.data.header||x||"").replace(/(\r\n|\n|\r)/gm,""),headerSize:b(l.data.headerSize)||b(l.data.headerSizeActive)||b(h("headerSize",e))||d.fontSize,footer:(l.data.footerActive||h("footer",e)||l.data.footer||"").replace(/(\r\n|\n|\r)/gm,""),footerSize:b(l.data.footerSize)||b(l.data.footerSizeActive)||b(h("footerSize",e))||d.fontSize,alias:(h("alias",e)||"").replace(/(\r\n|\n|\r)/gm,""),value:h("value",e)&&"".concat(h("value",e)).concat(void 0!==l.data.unit?l.data.unit:""),valueSize:b(l.data.valueSize)||d.fontSize,valueSizeActive:"number"===typeof h("valueSize",e)&&b(h("valueSize",e)),icon:!l.data.noIcon&&(l.data.icon||l.data.iconSmall),iconActive:!l.data.noIcon&&(h("icon",e)||h("iconSmall",e)),iconSize:"number"===typeof l.data.iconSize&&"calc(24px * ".concat(l.data.iconSize," / 100)")||"24px",iconSizeActive:h("iconSize",e)&&"calc(24px * ".concat(h("iconSize",e)," / 100)"),iconSizeActiveOnly:h("iconSize",e),iconSizeOnly:h("iconSize",e)||0===h("iconSize",e)?h("iconSize",e):l.data.iconSize,iconColor:l.data.iconColor,iconColorActive:h("iconColor",e),iconHover:l.data.iconHover&&"".concat(l.data.iconHover,"%"),iconHoverActive:h("iconHover",e)&&"".concat(h("iconHover",e),"%"),iconXOffset:!!h("iconXOffset",e)&&"0px"!==h("iconXOffset",e)&&h("iconXOffset",e)||"0px",iconYOffset:!!h("iconYOffset",e)&&"0px"!==h("iconYOffset",e)&&h("iconYOffset",e)||"0px",backgroundColor:l.data.backgroundColor||u.backgroundColor,backgroundColorActive:h("backgroundColor",e),background:l.data.background||u.background,backgroundActive:h("background",e),frameBackgroundColor:l.data.frameBackgroundColor||u.backgroundColor,frameBackgroundColorActive:h("frameBackgroundColor",e),frameBackground:l.data.frameBackground||u.background,frameBackgroundActive:h("frameBackground",e)}};switch(null===c||void 0===c||null===(e=c.common)||void 0===e?void 0:e.type){case"mixed":case"boolean":case"number":case"string":{const e=f.findIndex((e=>String(e.value)===String(v)));return-1!==e?(p(e+1),t(e+1)):t("")}default:return t("")}}),[c,v,x,l.data,f,a,d,s,u,b,h]);return{states:f,widgetStates:g,minValue:y,maxValue:S,data:A,activeIndex:m,setActiveIndex:p,oidValue:v}}},695:(e,t,a)=>{a.d(t,{A:()=>n});var o=a(8437);const n=e=>{const[t,a]=(0,o.useState)({width:null,height:null});return(0,o.useEffect)((()=>{if(!e)return;const t=new ResizeObserver((e=>{const t=e[0].contentRect.width,o=e[0].contentRect.height;a({width:Math.round(t),height:Math.round(o)})}));return t.observe(e),()=>e&&t.disconnect()}),[e]),t}},5001:(e,t,a)=>{a.d(t,{A:()=>i});var o=a(8437),n=a(6016);const i=e=>{const{getPropertyValue:t}=(0,o.useContext)(n.C),a=t(e),[i,l]=(0,o.useState)(a);return(0,o.useEffect)((()=>{void 0!==a&&l(a)}),[a]),i}},5702:(e,t,a)=>{a.d(t,{A:()=>i});var o=a(8437);const n=["background","background-color","background-image","background-position","background-repeat","background-size","background-clip","background-origin","border","border-width","border-style","border-color","border-radius","color","text-align","text-shadow","font-family","font-size","font-weight","font-style","font-variant","line-height","letter-spacing","word-spacing","box-sizing","box-shadow"],i=e=>{const[t,a]=(0,o.useState)({}),[i,l]=(0,o.useState)({}),[c,r]=(0,o.useState)({}),[d,s]=(0,o.useState)({}),[u,m]=(0,o.useState)({}),p=JSON.stringify(e),v=(0,o.useMemo)((()=>{const e={},t={},a={},o={},i={},l=JSON.parse(p);return n.forEach((n=>{if(l[n]){const c=n.replace(/(-\w)/g,(e=>e[1].toUpperCase()));n.includes("background")?e[c]=l[n]:n.includes("border")?t[c]=l[n]:n.includes("font")||n.includes("line-height")||n.includes("letter-spacing")||n.includes("word-spacing")?o[c]=l[n]:n.includes("text")||n.includes("color")?a[c]=l[n]:i[c]=l[n]}})),{_backgroundStyles:e,_borderStyles:t,_textStyles:a,_fontStyles:o,_boxStyles:i}}),[p]);return(0,o.useEffect)((()=>{a(v._backgroundStyles),l(v._borderStyles),r(v._textStyles),s(v._fontStyles),m(v._boxStyles)}),[v]),{boxStyles:u,backgroundStyles:t,borderStyles:i,textStyles:c,fontStyles:d}}},2671:(e,t,a)=>{a.d(t,{A:()=>u});var o=a(7051),n=a(8437),i=a(6016);const l=function(e){return null!=e&&""!=="".concat(e).trim()&&!Number.isNaN(+e)};var c=a(8814),r=a(6413),d=a(9159);const s=function(e){let{oidObject:t,data:{sampleInterval:a,sampleIntervalValue:o,delay:l}}=e;const{setValue:s}=(0,n.useContext)(i.C),u=(0,n.useRef)(new c.B),m=Number(a?o:l),p=null===t||void 0===t?void 0:t._id;return(0,n.useEffect)((()=>{if(!p)return;const e=u.current.pipe(a?(0,r.c)(m,void 0,{leading:!1,trailing:!0}):(0,d.B)(m)).subscribe((e=>{s(p,e)}));return()=>e.unsubscribe()}),[p,s,a,m]),u.current};a(5001);const u=e=>{const{["".concat(e,"Object")]:t,setState:a,widget:c,getPropertyValue:r,hasPropertyValueChanged:d}=(0,n.useContext)(i.C),u=r(e),m=d(e),p=s({oidObject:t,data:c.data}),v=(0,n.useCallback)((function(e){var n;let i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];const c=null===t||void 0===t?void 0:t._id;if(!c)return;switch(null===t||void 0===t||null===(n=t.common)||void 0===n?void 0:n.type){case"string":e=String(e);break;case"number":e=l(e)?Number(e):"NaN";break;case"mixed":e=!!/^true$/i.test(e)||!/^false$/i.test(e)&&(e=l(e)?Number(e):String(e));break;case"boolean":e=/^true$/i.test(String(e))}void 0!==e&&null!==e&&"NaN"!==e&&(i?a((t=>({values:(0,o.A)((0,o.A)({},t.values),{},{["".concat(c,".val")]:e,["".concat(c,".lc")]:1111111111111})}))):(a((t=>({values:(0,o.A)((0,o.A)({},t.values),{},{["".concat(c,".val")]:e,["".concat(c,".lc")]:1111111111111})}))),p&&p.next(e)))}),[t,a,p]);return{value:u,hasValueChanged:m,setValueState:v}}},8679:(e,t,a)=>{a.d(t,{A:()=>m});var o=a(4376),n=a(3471),i=a(7085),l=a(6240),c=a(8437),r=a(1783),d=a(6707),s=a(579);const u=function(e){let{field:t,data:a,onDataChange:o}=e;const u=null===t||void 0===t?void 0:t.name,m=(0,l.A)(),p=(0,c.useRef)(o),[v,x]=(0,c.useState)(a[u]||null),{setGradient:b}=(0,r.p)(v,x),[h,f]=(0,c.useState)(null),g=Boolean(h);return(0,c.useEffect)((()=>{u&&p.current({[u]:v})}),[v,u]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(i.Box,{sx:{display:"flex"},children:[!!v&&(0,s.jsx)(i.IconButton,{edge:"start",onClick:()=>{o({[u]:null}),x(null)},children:(0,s.jsx)(n.A,{})}),(0,s.jsx)(i.Box,{sx:{mt:"7px",boxSizing:"border-box",overflow:"hidden",borderRadius:"2px",width:"46px",height:"24px",border:v?"5px solid rgb(18, 18, 18)":"1px dashed",borderColor:"light"===m.name&&"action.disabledBackground"},children:(0,s.jsx)(i.Box,{onClick:e=>{f(e.currentTarget),v?b(v):b()},sx:{p:"5px",background:v||"transparent",cursor:"pointer",width:"100%",height:"100%"}})})]}),(0,s.jsx)(i.Popover,{slotProps:{paper:{elevation:0,sx:{p:"9px",borderRadius:"6px",backgroundColor:"rgb(32,32,32)"}}},open:g,anchorEl:h,onClose:()=>{f(null)},transformOrigin:{vertical:"top",horizontal:"center"},anchorOrigin:{vertical:"bottom",horizontal:"center"},children:(0,s.jsx)(i.Box,{sx:{borderRadius:"6px"},children:(0,s.jsx)(d.A,{value:v,onChange:e=>{x(e),o({[u]:v})},hidePresets:!0,hideEyeDrop:!0,hideAdvancedSliders:!0,hideColorGuide:!0,hideInputType:!0,hideColorTypeBtns:!0})})})]})},m=e=>{const{groupName:t="",allFields:a=!0}=e||{},n=[{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"icon"}),hidden:"data.noIcon"},{name:"iconSmall".concat(t),label:"small_icon",type:"icon64",hidden:(e,a)=>e.noIcon||e["icon".concat(void 0===a?"":a)]||"iconActive"==="icon".concat(t)&&e["icon".concat(t)]},{name:"icon".concat(t),label:"icon",type:"image",hidden:(e,a)=>e.noIcon||e["iconSmall".concat(void 0===a?"":a)]||"iconSmallActive"==="iconSmall".concat(t)&&e["iconSmall".concat(t)]},{name:"iconSize".concat(t),label:"icon_size",type:"slider",min:1,max:500,step:1,hidden:"data.noIcon"},{name:"iconColor".concat(t),label:"icon_color",type:"color",hidden:"data.noIcon"},{name:"iconHover".concat(t),label:"icon_hover",type:"slider",min:0,max:300,step:1,hidden:"data.noIcon"},{name:"iconXOffset".concat(t),label:"icon_x_offset",type:"text",default:"0px",hidden:"data.noIcon"},{name:"iconYOffset".concat(t),label:"icon_y_offset",type:"text",default:"0px",hidden:"data.noIcon"},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"header"}),hidden:e=>e.noHeader&&!a},{name:"noHeader".concat(t),type:"checkbox",label:"no_header"},{name:"noHeaderIcon".concat(t),type:"checkbox",label:"no_header_icon",default:!1,hidden:"data.noHeader"},{name:"header".concat(t),label:"header_text",type:"html",default:"",hidden:"data.noHeader"},{name:"headerSize".concat(t),label:"header_size",type:"slider",min:0,max:500,step:1,hidden:"data.noHeader"},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"value"})},{name:"alias".concat(t),label:"alias",type:"html",default:""},{name:"value".concat(t),label:"value",type:"text",default:"",hidden:e=>"boolean"===e.oidType||"valueActive"===e.name},{name:"valueSize".concat(t),label:"value_size",type:"slider",min:0,max:500,step:1},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"footer"}),hidden:e=>e.noFooter&&!a},{name:"noFooter".concat(t),label:"no_footer",type:"checkbox"},{name:"footer".concat(t),label:"footer_text",type:"html",default:"",hidden:"data.noFooter"},{name:"footerSize".concat(t),label:"footer_size",type:"slider",min:0,max:500,step:1,hidden:"data.noFooter"},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"characteristics"})},{name:"noCard".concat(t),label:"without_card",type:"checkbox"},{name:"squaredCorner".concat(t),label:"squared_corner",type:"checkbox"},{name:"textColor".concat(t),label:"text_color",type:"color"},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,s.jsx)(o.A,{})},{name:"outlined".concat(t),label:"outlined",type:"checkbox"},{name:"outlinedFrame".concat(t),label:"outlined_frame",type:"checkbox"},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,s.jsx)(o.A,{})},{name:"basePadding".concat(t),label:"base_padding",type:"slider",min:0,max:10,step:.1,default:1},{name:"baseElevation".concat(t),label:"base_elevation",type:"slider",min:0,max:24,step:1,default:4},{label:"",name:"allFieldsDivider",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"geometry"})},{name:"square".concat(t),label:"square",type:"checkbox",hidden:"data.circle || data.ellipse"},{name:"ellipse".concat(t),label:"ellipse",type:"checkbox",hidden:"data.circle || data.square"},{name:"circle".concat(t),label:"circle",type:"checkbox",hidden:"data.ellipse || data.square"},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"background"})},{name:"background".concat(t),label:"background",default:"",type:"custom",component:(e,t,a,o)=>(0,s.jsx)(u,{field:e,data:t,onDataChange:a})},{name:"backgroundColor".concat(t),label:"background_color",type:"color"},{label:"",type:"custom",component:()=>(0,s.jsx)(o.A,{dividerText:"frame_background"})},{name:"frameBackground".concat(t),label:"frame_background",default:"",type:"custom",component:(e,t,a,o)=>(0,s.jsx)(u,{field:e,data:t,onDataChange:a})},{name:"frameBackgroundColor".concat(t),label:"frame_background_color",type:"color"}];if(a){const e=["alias".concat(t),"value".concat(t)];return n.filter((t=>!e.includes(t.name)))}const i=["allFieldsDivider","noHeader".concat(t),"noHeaderIcon".concat(t),"Active"===t?"value".concat(t):"","noFooter".concat(t),"noCard".concat(t),"squaredCorner".concat(t),"outlined".concat(t),"outlinedFrame".concat(t),"basePadding".concat(t),"baseElevation".concat(t),"square".concat(t),"ellipse".concat(t),"circle".concat(t)];return n.filter((e=>!i.includes(e.name)))}},375:(e,t,a)=>{a.d(t,{A:()=>l});var o=a(4376),n=a(579);const i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"oid";return async(a,o,n,i)=>{if(o[t]){var l,c,r,d,s,u,m,p;const a=await i.getObject(o[t]);if(!a)return;const v=null===(l=a.common)||void 0===l?void 0:l.type;if(!e.includes(v))return;const x=await async function(e,t){let a=null;const o=t._id.split(".");for(let i=o.length;i>0;i--){var n;const t=await e.getObject(o.slice(0,i).join("."));if(null!==t&&void 0!==t&&null!==(n=t.common)&&void 0!==n&&n.icon){a=t.common.icon;break}}return a}(i,a);if(o.oidType=v,o.write=null===a||void 0===a||null===(c=a.common)||void 0===c?void 0:c.write,o.onlyDisplay=!(null!==a&&void 0!==a&&null!==(r=a.common)&&void 0!==r&&r.write),o.unit=(null===a||void 0===a||null===(d=a.common)||void 0===d?void 0:d.unit)||"",o.minValue=(null===a||void 0===a||null===(s=a.common)||void 0===s?void 0:s.min)||0,o.maxValue=(null===a||void 0===a||null===(u=a.common)||void 0===u?void 0:u.max)||100,o.icon=x,null!==a&&void 0!==a&&null!==(m=a.common)&&void 0!==m&&m.states){if(Array.isArray(a.common.states)){const e={};a.common.states.forEach((t=>{e[t]=t})),a.common.states=e}o.values_count=Object.keys(a.common.states).length,Object.entries(a.common.states).forEach(((e,t)=>{let[a,n]=e;switch(v){case"boolean":o["value".concat(t+1)]="true"===a,o["alias".concat(t+1)]=n;break;case"number":o["value".concat(t+1)]=Number(a),o["alias".concat(t+1)]=n;break;case"string":case"mixed":o["value".concat(t+1)]=a,o["alias".concat(t+1)]=n}})),n(o)}else"boolean"===(null===a||void 0===a||null===(p=a.common)||void 0===p?void 0:p.type)?(o.values_count=2,o.value1=!0,o.alias1="TRUE",o.value2=!1,o.alias2="FALSE",n(o)):null!==a&&void 0!==a&&a.common&&(o.values_count=0,n(o))}else{o.icon=null,o.onlyStates=null,o.write=!1,o.onlyDisplay=!0;for(let e=1;e<=Number(o.values_count);e++)delete o["iconSmall".concat(e)],delete o["icon".concat(e)],delete o["iconSize".concat(e)],delete o["iconColor".concat(e)],delete o["iconHover".concat(e)],delete o["iconXOffset".concat(e)],delete o["iconYOffset".concat(e)],delete o["noHeader".concat(e)],delete o["header".concat(e)],delete o["headerSize".concat(e)],delete o["alias".concat(e)],delete o["value".concat(e)],delete o["valueSize".concat(e)],delete o["noFooter".concat(e)],delete o["footer".concat(e)],delete o["footerSize".concat(e)],delete o["noCard".concat(e)],delete o["squaredCorner".concat(e)],delete o["textColor".concat(e)],delete o["outlined".concat(e)],delete o["outlinedFrame".concat(e)],delete o["basePadding".concat(e)],delete o["baseElevation".concat(e)],delete o["square".concat(e)],delete o["ellipse".concat(e)],delete o["circle".concat(e)],delete o["background".concat(e)],delete o["backgroundColor".concat(e)],delete o["frameBackground".concat(e)],delete o["frameBackgroundColor".concat(e)];o.values_count=0,n(o)}}},l=e=>[{name:"oid",type:"id",label:"oid",onChange:i(e)},{label:"",type:"custom",component:()=>(0,n.jsx)(o.A,{})},{name:"unit",label:"unit",type:"text",default:""},{label:"",type:"custom",component:()=>(0,n.jsx)(o.A,{}),hidden:"data.oidType === 'boolean'"},{name:"values_count",type:"number",default:0,label:"values_count",hidden:"data.oidType === 'boolean'"}]},5006:(e,t,a)=>{a.d(t,{A:()=>i});var o=a(4376),n=a(579);const i=()=>[{label:"",type:"custom",component:()=>(0,n.jsx)(o.A,{dividerText:"write_value"})},{name:"sampleInterval",type:"checkbox",label:"sample_interval",default:!1},{name:"sampleIntervalValue",type:"number",label:"sample_interval_value",default:200,min:0,max:1e4,step:1,hidden:"!data.sampleInterval"},{name:"delay",type:"number",label:"delay",default:300,min:0,max:1e4,step:1,hidden:"data.sampleInterval"}]}}]);
-//# sourceMappingURL=src_components_CollectionDivider_jsx.bf1c1de5.chunk.js.map