iobroker.vis-2-widgets-inventwo 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/io-package.json +27 -27
- package/package.json +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoGeneric-Pwz_ixvQ.js → InventwoGeneric-Do6c4r7f.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetCheckbox-C6SrGBnj.js → InventwoWidgetCheckbox-_YrimBEr.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSlider-4jss9Gk-.js → InventwoWidgetSlider-BVVc6jB8.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSwitch-DcrNqK7e.js → InventwoWidgetSwitch-CQQ22uCH.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-DPFhl7qh.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-ejj22diV.js +11 -0
- package/widgets/vis-2-widgets-inventwo/assets/{createSvgIcon-BsANHQYb.js → createSvgIcon-Dirk1fzx.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{defaultTheme-CgtMi-7i.js → defaultTheme-XWDinf72.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/hostInit-DEl-5FFs.js +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-DYTLnem5.js → index-BOQ9Ch4b.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-CKTGDMeX.js → index-BZwp0C9O.js} +42 -42
- package/widgets/vis-2-widgets-inventwo/assets/{index-DAnAP_G6.js → index-Bp2scStG.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-CEVhOpzY.js → index-CP5rmnWm.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-CDjpFDbP.js → index-DHg6IYeq.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{jsx-runtime-CmYjgQpa.js → jsx-runtime-L-sPtBwb.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{styled-6hR4rQUz.js → styled-C-Sk4649.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{tableRowClasses-Db_EYm5P.js → tableRowClasses-Uw2Q9rTJ.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/translations-BCRKdeVM.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/{tslib.es6-CTVL-6YI.js → tslib.es6-z-B97Qc8.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{useTheme-BEWb8XCE.js → useTheme-DeaHMHi5.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{virtualExposes-Dex0lQav.js → virtualExposes-DwdeNEgT.js} +2 -2
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-CdW9btYd.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/{vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js → vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js +5 -0
- package/widgets/vis-2-widgets-inventwo/customWidgets.js +2 -2
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-2zrzG_1n.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-BdJByAy6.js +0 -11
- package/widgets/vis-2-widgets-inventwo/assets/translations-CfX4M5LS.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-DMXGLNnz.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js +0 -10
package/README.md
CHANGED
|
@@ -39,6 +39,16 @@ Switches
|
|
|
39
39
|
Placeholder for the next version (at the beginning of the line):
|
|
40
40
|
### **WORK IN PROGRESS**
|
|
41
41
|
-->
|
|
42
|
+
### 0.3.3 (2025-07-16)
|
|
43
|
+
- Added option to click through universal widget
|
|
44
|
+
- Fixed state not used then oid is left empty
|
|
45
|
+
- Added options to control table row line width and color
|
|
46
|
+
- Removed table background color to allow transparency
|
|
47
|
+
|
|
48
|
+
### 0.3.2 (2025-07-11)
|
|
49
|
+
* Support font styles in table widget (#78)
|
|
50
|
+
* Added border and shadow options for table widget (#78)
|
|
51
|
+
|
|
42
52
|
### 0.3.1 (2025-07-08)
|
|
43
53
|
* Change build to vite
|
|
44
54
|
|
package/io-package.json
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"common": {
|
|
3
3
|
"name": "vis-2-widgets-inventwo",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.3",
|
|
5
5
|
"news": {
|
|
6
|
+
"0.3.3": {
|
|
7
|
+
"en": "Added option to click through universal widget\nFixed state not used then oid is left empty\nAdded options to control table row line width and color\nRemoved table background color to allow transparency",
|
|
8
|
+
"de": "Option hinzugefügt, um durch universelles Widget zu klicken\nFester Zustand nicht verwendet, dann oid ist leer gelassen\nOptionen zur Steuerung der Tischzeilenbreite und Farbe hinzugefügt\nEntfernte Tisch Hintergrundfarbe für Transparenz",
|
|
9
|
+
"ru": "Добавлена опция кликнуть через универсальный виджет\nФиксированное состояние не используется, тогда oid остается пустым\nДобавлены опции управления шириной строки таблицы и цветом\nСнятый цвет фона стола для обеспечения прозрачности",
|
|
10
|
+
"pt": "Adicionada opção para clicar através de widget universal\nEstado fixo não usado então o oid fica vazio\nOpções adicionadas para controlar a largura e cor da linha da tabela\nCor de fundo da tabela removida para permitir transparência",
|
|
11
|
+
"nl": "Toegevoegd optie om door universele widget te klikken\nVaste toestand niet gebruikt dan wordt oid leeg gelaten\nToegevoegde opties om rijlijnbreedte en kleur van de tabel te bepalen\nVerwijderde tabel achtergrondkleur om transparantie mogelijk te maken",
|
|
12
|
+
"fr": "Ajout d'une option pour cliquer sur le widget universel\nÉtat fixe non utilisé alors oid est laissé vide\nAjout d'options pour contrôler la largeur et la couleur de la ligne de ligne de table\nCouleur de fond de table supprimée pour permettre la transparence",
|
|
13
|
+
"it": "Aggiunta opzione per fare clic tramite widget universale\nStato fisso non utilizzato allora oid è lasciato vuoto\nOpzioni aggiuntive per controllare la larghezza della riga della tabella e il colore\nColore di sfondo tavolo rimosso per consentire la trasparenza",
|
|
14
|
+
"es": "Opción agregada para hacer clic a través del widget universal\nEstado fijo no utilizado entonces oid se deja vacío\nOpciones adicionales para controlar la línea de fila de mesa ancho y color\nColor de fondo de mesa eliminado para permitir la transparencia",
|
|
15
|
+
"pl": "Dodano opcję, aby kliknąć przez uniwersalny widget\nStan stały nie jest używany, wtedy oid pozostaje pusty\nDodano opcje do kontrolowania szerokości i koloru linii wiersza tabeli\nUsunięto kolor tła tabeli, aby umożliwić przejrzystość",
|
|
16
|
+
"uk": "Додана можливість натиснути через універсальний віджет\nВиправлений стан не використовується, потім oid залишається порожнім\nДодано параметри для управління шириною рядка рядків та кольором\nВидалити колір фону таблиці, щоб забезпечити прозорість",
|
|
17
|
+
"zh-cn": "通过通用部件单击已添加选项\n未使用的固定状态将 Oid 留为空\n添加选项以控制表格行宽度和颜色\n删除表格背景颜色以允许透明"
|
|
18
|
+
},
|
|
19
|
+
"0.3.2": {
|
|
20
|
+
"en": "Support font styles in table widget (#78)\nAdded border and shadow options for table widget (#78)",
|
|
21
|
+
"de": "Unterstützt Schriftarten im Tabellen-Widget (#78)\nHinzufügen von Grenz- und Schattenoptionen für Tisch-Widget (#78)",
|
|
22
|
+
"ru": "Поддержка стилей шрифтов в виджете таблицы (#78)\nДобавлены параметры границы и тени для виджета таблицы (#78)",
|
|
23
|
+
"pt": "Suporte aos estilos de letra no widget de tabelas (# 78)\nOpções de contorno e sombra adicionadas para o elemento da tabela (# 78)",
|
|
24
|
+
"nl": "Lettertypestijlen in tabelwidget ondersteunen (#78)\nRand- en schaduwopties toegevoegd voor tabelwidget (#78)",
|
|
25
|
+
"fr": "Prise en charge des styles de police dans le widget de table (#78)\nAjout d'options bordure et ombre pour widget de table (#78)",
|
|
26
|
+
"it": "Supporta gli stili di carattere nel widget della tabella (#78)\nOpzioni di bordo e ombra aggiunti per widget di tabella (#78)",
|
|
27
|
+
"es": "Soporte estilos de fuentes en el widget de mesa (#78)\nOpciones de borde y sombra adicionales para el widget de mesa (#78)",
|
|
28
|
+
"pl": "Wsparcie stylów czcionek w tabeli widget (# 78)\nDodano opcje graniczne i cienie dla widżetu tabeli (# 78)",
|
|
29
|
+
"uk": "Підтримка стилів шрифту в настільному віджеті (#78)\nДодано межі та параметри тіні для настільного віджету (#78)",
|
|
30
|
+
"zh-cn": "表格部件中支持字体样式 (# 78)\n为表格部件添加边框和阴影选项(# 78)"
|
|
31
|
+
},
|
|
6
32
|
"0.3.1": {
|
|
7
33
|
"en": "Change build to vite",
|
|
8
34
|
"de": "Umbau auf Vite",
|
|
@@ -16,19 +42,6 @@
|
|
|
16
42
|
"uk": "Зміна побудови віта",
|
|
17
43
|
"zh-cn": "更改构建为 vite"
|
|
18
44
|
},
|
|
19
|
-
"0.3.0": {
|
|
20
|
-
"en": "Added new widget: Checkbox\nFixed issue with table widget and object values (#77)\nFixed translated text (#79)",
|
|
21
|
-
"de": "Neues Widget hinzugefügt: Checkbox\nProblem behoben mit Tabellen-Widget und Objektwerten (#77)\nText behoben (#79)",
|
|
22
|
-
"ru": "Добавлен новый виджет: Checkbox\nФиксированная проблема с виджетом таблицы и значениями объектов (#77)\nПереведенный текст (#79)",
|
|
23
|
-
"pt": "Adicionado novo elemento: caixa de seleção\nProblema corrigido com os valores do widget e objeto da tabela (#77)\nTexto traduzido corrigido (# 79)",
|
|
24
|
-
"nl": "Nieuw widget toegevoegd: selectievakje\nVast probleem met tabelwidget- en objectwaarden (#77)\nVaste vertaalde tekst (#79)",
|
|
25
|
-
"fr": "Ajout d'un nouveau widget: Checkbox\nProblème corrigé avec widget de table et valeurs objet (#77)\nTexte traduit corrigé (#79)",
|
|
26
|
-
"it": "Aggiunto nuovo widget: Checkbox\nProblema fisso con widget di tabella e valori oggetti (#77)\nTesto tradotto fisso (#79)",
|
|
27
|
-
"es": "Añadido nuevo widget: caja de verificación\nEdición fija con widget de mesa y valores de objeto (#77)\nTexto traducido fijo (#79)",
|
|
28
|
-
"pl": "Dodano nowy widget: Checkbox\nNaprawiono problem z widżetem tabeli i wartościami obiektu (# 77)\nNaprawiono przetłumaczony tekst (# 79)",
|
|
29
|
-
"uk": "Додано новий віджет: Checkbox\nВиправлено проблему з значеннями таблиці віджетів та об'єктів (#77)\nВиправлено перекладений текст (#79)",
|
|
30
|
-
"zh-cn": "添加新部件: 复选框\n表格部件和对象值的固定问题 (# 77)\n固定翻译文本 (# 79)"
|
|
31
|
-
},
|
|
32
45
|
"0.2.2": {
|
|
33
46
|
"en": "Fixed build issue",
|
|
34
47
|
"de": "Fixed Build Problem",
|
|
@@ -80,19 +93,6 @@
|
|
|
80
93
|
"pl": "Nie jest uruchamiany stały widok w oknie dialogowym przy zmianie stanu, a wartość stanu nie jest ustawiana po otwarciu (# 30)\nDodano funkcję do kolorowych obrazów (# 38)\nZezwalaj na niestandardowy rozmiar okna dialogowego za pomocą połączenia (# 39)\nOkno dialogowe \"Zamknij kliknięcie z zewnątrz\" zostało odwrócone (# 42)",
|
|
81
94
|
"uk": "Виправлено вид у діалоговому вікні не викликається змінами стану та значенням держави не встановлено при відкритті (#30)\nДодано функцію до кольорових зображень (#38)\nДозволити користувальницький розмір для діалогу, використовуючи посилання (#39)\nВиправлено діалогове вікно \"закривати натиснути ззовні\" прапорець було перевернуто (#42)",
|
|
82
95
|
"zh-cn": "对话框中的固定视图不会在状态变化时触发, 状态值在打开时没有设置 (# 30)\n添加到颜色图像中的函数 (# 38)\n使用绑定(# 39) 允许自定义对话框大小\n修补对话框“ 从外部点击关闭” 复选框被反转 (# 42)"
|
|
83
|
-
},
|
|
84
|
-
"0.1.11": {
|
|
85
|
-
"en": "Fixed issues mentioned by eslint",
|
|
86
|
-
"de": "Behobene Probleme von eslint",
|
|
87
|
-
"ru": "Исправленные вопросы, упомянутые eslint",
|
|
88
|
-
"pt": "Questões fixas mencionadas por eslint",
|
|
89
|
-
"nl": "Vaste emissies genoemd door eslint",
|
|
90
|
-
"fr": "Problèmes corrigés mentionnés par eslint",
|
|
91
|
-
"it": "Questioni fisse menzionate da eslint",
|
|
92
|
-
"es": "Cuestiones fijas mencionadas por eslint",
|
|
93
|
-
"pl": "Poprawione kwestie wymienione przez eslint",
|
|
94
|
-
"uk": "Виправлені питання, зазначені еслінтом",
|
|
95
|
-
"zh-cn": "Eslint提到的固定问题"
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
"titleLang": {
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{v as g,
|
|
1
|
+
import{v as g,a as w}from"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";const{loadShare:m}=w,{initPromise:x}=g,I=x.then(d=>m("@iobroker/vis-2-widgets-react-dev",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"*"}}})),k=await I.then(d=>d());var E=k;class D extends(window.visRxWidget||E.VisRxWidget){static getI18nPrefix(){return"vis_2_widgets_inventwo_"}constructor(e){super(e),this.groupAttrs=[],this.getWidgetInfo().visAttrs.forEach(t=>{t.fields.forEach(r=>{r.name!==void 0&&(r.name.endsWith("FromWidget")||(this.groupAttrs[t.name]===void 0&&(this.groupAttrs[t.name]=[]),this.groupAttrs[t.name].push(r.name)))})})}onChange(e,s){if(this.props.editMode)return;const t=this.state.rxData.oid;this.props.context.setValue(t,parseFloat(s))}getValue(e){if(e!==void 0&&e!==""&&e!=="nothing_selected")return this.state.values[`${e}.val`]}getStyle(e,s){var c,i,l,o;const t={},r=this.state.rxData[e];if(r){let a=!1;const f=this.props.context.views[this.props.view],h=(i=(c=f==null?void 0:f.widgets)==null?void 0:c[r])==null?void 0:i.data;if(h)s.forEach(n=>t[n]=h[n]),a=!0;else{const n=Object.keys(this.props.context.views);for(let u=0;u<n.length;u++){const _=this.props.context.views[n[u]];if(_!==this.props.view&&((o=(l=_.widgets)==null?void 0:l[r])!=null&&o.data)){const p=_.widgets[r].data;s.forEach(v=>t[v]=p[v]),a=!0;break}}}a||s.forEach(n=>t[n]=this.state.rxData[n])}else s.forEach(a=>t[a]=this.state.rxData[a]);return t}convertValue(e){return e==="true"?!0:e==="false"?!1:isNaN(e)?e:parseFloat(e)}validFieldValue(e){return e!=null&&e!==""}convertRgbToHex(e){if(!e)return null;const s=e.match(/(\d+),(\d+),(\d+),(\d+)/);if(!s)return null;const[t,r,c]=s.slice(1,5).map(parseFloat);function i(l){const o=l.toString(16);return o.length===1?`0${o}`:o}return`#${i(t)}${i(r)}${i(c)}`}isInteractionAllowed(e=null){return!(this.props.editMode||e&&e.target.closest(".IroColorPicker")!==null||e.target.closest(`.inventwo-view-in-widget-wrapper, #${this.props.id}`).classList.contains("inventwo-view-in-widget-wrapper")||this.state.rxData.type==="readonly")}validOid(e){return e!=null&&e!=="nothing_selected"&&e!==""}}export{D as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-
|
|
1
|
+
import{j as i}from"./jsx-runtime-L-sPtBwb.js";import"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{v as o}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js";import{I as h}from"./InventwoGeneric-Do6c4r7f.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";class l extends h{static getWidgetInfo(){return{id:"tplInventwoWidgetCheckbox",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_checkbox",visName:"widget_checkbox",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"valueFalse",type:"text",label:"value_false"},{name:"valueTrue",type:"text",label:"value_true"},{name:"textFalse",type:"html",label:"text_false"},{name:"textTrue",type:"html",label:"text_true"},{name:"textPosition",type:"select",options:[{value:"top",label:"top"},{value:"bottom",label:"bottom"},{value:"start",label:"start"},{value:"end",label:"end"}],default:"end",label:"text_position"}]},{name:"attr_group_css_style",label:"attr_group_css_style",fields:[{label:"from_widget",name:"styleFromWidget",type:"widget",tpl:"tplInventwoWidgetCheckbox",all:!0},{name:"boxColor",type:"color",label:"box_color",hidden:"!!data.styleFromWidget"},{name:"boxColorActive",type:"color",label:"box_color_active",hidden:"!!data.styleFromWidget"},{name:"boxSize",type:"slider",min:0,max:50,step:1,default:24,label:"box_size",hidden:"!!data.styleFromWidget"}]}],visDefaultStyle:{overflow:"visible",width:70,height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-checkbox.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}getWidgetInfo(){return l.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,e){}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onChange(){if(this.props.editMode)return;const t=this.state.rxData.oid;this.validOid(t)&&(this.getValue(this.state.rxData.oid)===this.convertValue(this.state.rxData.valueTrue,!0)?this.props.context.setValue(t,this.convertValue(this.state.rxData.valueFalse,!1)):this.props.context.setValue(t,this.convertValue(this.state.rxData.valueTrue,!0)))}getValue(t){if(this.validOid(t))return this.state.values[`${t}.val`]}renderWidgetBody(t){super.renderWidgetBody(t);const e=this.state.rxData.oid,r=this.getValue(e),s=this.validOid(e)&&r===this.convertValue(this.state.rxData.valueTrue,!0),a=this.getStyle("styleFromWidget",this.groupAttrs.attr_group_css_style),n={color:a.boxColor,"&.Mui-checked":{color:a.boxColorActive},"& .MuiSvgIcon-root":{fontSize:a.boxSize+"px"}},d={"& .MuiFormControlLabel-label":{fontSize:this.state.rxStyle["font-size"],textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}};return i.jsx(o.FormGroup,{children:i.jsx(o.FormControlLabel,{sx:d,control:i.jsx(o.Checkbox,{sx:n,onClick:()=>this.onChange(),checked:s}),label:s?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as h}from"./jsx-runtime-
|
|
1
|
+
import{j as h}from"./jsx-runtime-L-sPtBwb.js";import"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{v as u}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js";import{I as p}from"./InventwoGeneric-Do6c4r7f.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";class m extends p{constructor(l){super(l),this.state.sliderValue=0}componentDidMount(){super.componentDidMount(),this.setState({sliderValue:this.getValue(this.state.rxData.oid)})}static getWidgetInfo(){return{id:"tplInventwoWidgetSlider",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_slider",visName:"widget_slider",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid",onChange:async(l,t,s,d)=>{if(t[l.name]&&t[l.name]!=="nothing_selected"){const e=await d.getObject(t[l.name]);if(e!=null&&e.common){let a=!1;e.common.min!==void 0&&e.common.min!==t.max_value&&(t.max_value=e.common.min,a=!0),e.common.max!==void 0&&e.common.max!==t.min_value&&(t.min_value=e.common.max,a=!0),e.common.step!==void 0&&e.common.step!==t.step&&(t.step=e.common.step,a=!0),a&&s(t)}}}},{name:"minValue",type:"number",label:"min_value",default:0},{name:"maxValue",type:"number",label:"max_value",default:100},{name:"step",type:"number",label:"step",default:1},{name:"orientation",type:"select",options:[{value:"horizontal",label:"horizontal"},{value:"vertical",label:"vertical"}],default:"horizontal",label:"orientation"},{name:"showMinMax",type:"checkbox",label:"show_min_max",default:!0},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_steps"},{name:"showSteps",type:"checkbox",label:"show_steps",default:!1},{name:"stepMode",type:"select",options:[{value:"auto",label:"auto"},{value:"custom",label:"custom"}],default:"auto",label:"step_mode",hidden:"!data.showSteps"},{name:"stepDisplay",type:"number",label:"step_display",default:10,hidden:'!data.showSteps || data.stepMode != "auto"'},{name:"customSteps",type:"text",label:"custom_steps",hidden:'!data.showSteps || data.stepMode != "custom"',tooltip:"custom_steps_tooltip"}]},{name:"attr_group_css_slider_track",label:"attr_group_css_slider_track",fields:[{label:"from_widget",name:"sliderTrackFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderRailColor",type:"color",default:"rgb(110,110,110)",label:"slider_rail_color",hidden:"!!data.sliderTrackFromWidget"},{name:"sliderRailActiveColor",type:"color",default:"rgb(94,107,63)",label:"slider_rail_active_color",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBarType",type:"select",options:[{value:"normal",label:"normal"},{value:"inverted",label:"inverted"},{value:!1,label:"none"}],default:"normal",label:"track_bar_type",hidden:"!!data.sliderTrackFromWidget"},{name:"trackWidth",type:"slider",min:1,max:50,step:1,default:10,label:"track_width",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"track_border_radius",hidden:"!!data.sliderTrackFromWidget"},{type:"delimiter",hidden:"!!data.sliderTrackFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_track_shadow",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowColor",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color",hidden:"!!data.sliderTrackFromWidget"}]},{name:"attr_group_css_slider_slider_thumb",label:"attr_group_css_slider_slider_thumb",fields:[{label:"from_widget",name:"sliderThumbFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderThumbColor",type:"color",default:"rgba(69, 86, 24, 1)",label:"slider_thumb_color",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbSize",type:"slider",min:1,max:50,step:1,default:16,label:"thumbSize",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"thumb_border_radius",hidden:"!!data.sliderThumbFromWidget"},{type:"delimiter",hidden:"!!data.sliderThumbFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_thumb_shadow",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowColor",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color",hidden:"!!data.sliderThumbFromWidget"}]}],visDefaultStyle:{width:150,overflow:"visible",height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-slider.png"}}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onStateUpdated(l,t){l===this.state.rxData.oid&&t&&t.val!==this.state.sliderValue&&this.setState({sliderValue:t.val})}getWidgetInfo(){return m.getWidgetInfo()}renderWidgetBody(l){super.renderWidgetBody(l);const t=parseFloat(this.state.rxData.minValue),s=parseFloat(this.state.rxData.maxValue),d=[];if(this.state.rxData.showMinMax&&(d.push({value:t,label:t}),d.push({value:s,label:s})),this.state.rxData.showSteps)if(this.state.rxData.stepMode==="auto"){const r=parseFloat(this.state.rxData.stepDisplay);if(r>0)for(let i=t+r;i<s;i+=r)d.push({value:parseFloat(i.toFixed(2).replace(/[.,]00$/,"")),label:i.toFixed(2).replace(/[.,]00$/,"")})}else{let r=this.state.rxData.customSteps;r==null&&(r=""),r=r.split(","),r.forEach(i=>{i=parseInt(i),d.push({value:i,label:i})})}const e=this.getStyle("sliderTrackFromWidget",this.groupAttrs.attr_group_css_slider_track),a=this.getStyle("sliderThumbFromWidget",this.groupAttrs.attr_group_css_slider_slider_thumb),o=e.trackBarType,n={height:this.state.rxData.orientation==="horizontal"?e.trackWidth:"100%",width:this.state.rxData.orientation!=="horizontal"?e.trackWidth:"100%","& .MuiSlider-thumb":{backgroundColor:a.sliderThumbColor,width:a.thumbSize,height:a.thumbSize,borderRadius:`${a.thumbBorderRadius}%`,"&:before":{boxShadow:`${a.thumbShadowX}px ${a.thumbShadowY}px ${a.thumbShadowBlur}px ${a.thumbShadowSize}px ${a.thumbShadowColor}`}},"& .MuiSlider-rail":{backgroundColor:o==="normal"?e.sliderRailColor:o==="inverted"?e.sliderRailActiveColor:"",color:o==="normal"?e.sliderRailColor:o==="inverted"?e.sliderRailActiveColor:"",border:"none",borderRadius:`${e.trackBorderRadius}px`,boxShadow:`${e.trackShadowX}px ${this.state.rxData.trackShadowY}px ${e.trackShadowBlur}px ${e.trackShadowSize}px ${e.trackShadowColor}`},"& .MuiSlider-track":{backgroundColor:o==="normal"?this.state.rxData.sliderRailActiveColor:o==="inverted"?e.sliderRailColor:"",color:o==="normal"?this.state.rxData.sliderRailActiveColor:o==="inverted"?e.sliderRailColor:"",border:"none",borderRadius:`${e.trackBorderRadius}px`},"& .MuiSlider-mark":{color:e.sliderRailActiveColor},"& .MuiSlider-markLabel":{fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}};return this.state.rxData.orientation==="horizontal"?n["& .MuiSlider-markLabel"].top=e.trackWidth+20:n["& .MuiSlider-markLabel"].left=e.trackWidth+20,h.jsx(u.Slider,{disabled:this.props.editMode,sx:n,onChange:(r,i)=>this.setState({sliderValue:i}),onChangeCommitted:(r,i)=>this.setState({sliderValue:i},()=>this.onChange(r,i)),min:this.state.rxData.minValue,max:this.state.rxData.maxValue,step:this.state.rxData.step,value:this.state.sliderValue||0,valueLabelDisplay:"auto",track:e.trackBarType,orientation:this.state.rxData.orientation,marks:d})}}export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-
|
|
1
|
+
import{j as i}from"./jsx-runtime-L-sPtBwb.js";import"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{v as l}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js";import{I as m}from"./InventwoGeneric-Do6c4r7f.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";class r extends m{static getWidgetInfo(){return{id:"tplInventwoWidgetSwitch",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_switch",visName:"widget_switch",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"valueFalse",type:"text",label:"value_false"},{name:"valueTrue",type:"text",label:"value_true"},{name:"textFalse",type:"html",label:"text_false"},{name:"textTrue",type:"html",label:"text_true"},{name:"textPosition",type:"select",options:[{value:"top",label:"top"},{value:"bottom",label:"bottom"},{value:"start",label:"start"},{value:"end",label:"end"}],default:"end",label:"text_position"}]},{name:"attr_group_css_track",label:"attr_group_css_track",fields:[{label:"from_widget",name:"trackFromWidget",type:"widget",tpl:"tplInventwoWidgetSwitch",all:!0},{name:"trackColor",type:"color",label:"track_color",hidden:"!!data.trackFromWidget"},{name:"trackColorTrue",type:"color",label:"track_color_true",default:"rgb(143,164,85)",hidden:"!!data.trackFromWidget"},{name:"trackSize",type:"slider",min:1,max:50,step:1,default:12,label:"track_width",hidden:"!!data.trackFromWidget"},{name:"trackBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"track_border_radius",hidden:"!!data.trackFromWidget"},{type:"delimiter",hidden:"!!data.trackFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_track_shadow",hidden:"!!data.trackFromWidget"},{name:"trackShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.trackFromWidget"},{name:"trackShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.trackFromWidget"},{name:"trackShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.trackFromWidget"},{name:"trackShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.trackFromWidget"},{name:"trackShadowColor",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color",hidden:"!!data.trackFromWidget"},{name:"trackShadowColorTrue",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color_true",hidden:"!!data.trackFromWidget"}]},{name:"attr_group_css_thumb",label:"attr_group_css_thumb",fields:[{label:"from_widget",name:"thumbFromWidget",type:"widget",tpl:"tplInventwoWidgetSwitch",all:!0},{name:"thumbColor",type:"color",label:"thumb_color",hidden:"!!data.thumbFromWidget"},{name:"thumbColorTrue",type:"color",label:"thumb_color_true",default:"rgb(69,86,24)",hidden:"!!data.thumbFromWidget"},{name:"thumbSize",type:"slider",min:1,max:50,step:1,default:16,label:"thumbSize",hidden:"!!data.thumbFromWidget"},{name:"thumbBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"thumb_border_radius",hidden:"!!data.thumbFromWidget"},{type:"delimiter",hidden:"!!data.thumbFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_thumb_shadow",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowColor",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowColorTrue",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color_true",hidden:"!!data.thumbFromWidget"}]}],visDefaultStyle:{overflow:"visible",width:70,height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-switch.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}getWidgetInfo(){return r.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,o){}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onChange(){if(this.props.editMode)return;const t=this.state.rxData.oid;this.getValue(this.state.rxData.oid)===r.convertValue(this.state.rxData.valueTrue,!0)?this.props.context.setValue(t,r.convertValue(this.state.rxData.valueFalse,!1)):this.props.context.setValue(t,r.convertValue(this.state.rxData.valueTrue,!0))}getValue(t){if(t!==void 0&&t!==""&&t!=="nothing_selected")return this.state.values[`${t}.val`]}static convertValue(t,o){return t==="true"?!0:t==="false"?!1:isNaN(t)?t==null||t===""?o:t:parseFloat(t)}renderWidgetBody(t){super.renderWidgetBody(t);const o=this.state.rxData.oid,d=this.getValue(o)===r.convertValue(this.state.rxData.valueTrue,!0),e=this.getStyle("trackFromWidget",this.groupAttrs.attr_group_css_track),a=this.getStyle("thumbFromWidget",this.groupAttrs.attr_group_css_thumb);let s=a.thumbShadowColor,u=e.trackShadowColor;d&&(s=a.thumbShadowColorTrue,u=e.trackShadowColorTrue);const h={"&.MuiSwitch-root":{alignItems:"center",height:e.trackSize,width:"34px",boxSizing:"content-box"},"& .MuiSwitch-switchBase":{color:a.thumbColor,top:"unset"},"& .MuiSwitch-thumb":{width:a.thumbSize,height:a.thumbSize,borderRadius:`${a.thumbBorderRadius}%`,boxShadow:`${a.thumbShadowX}px ${a.thumbShadowY}px ${a.thumbShadowBlur}px ${a.thumbShadowSize}px ${s}`},"& .Mui-checked .MuiSwitch-thumb":{color:a.thumbColorTrue},"& .MuiSwitch-track":{backgroundColor:e.trackColor,borderRadius:`${e.trackBorderRadius/2/100*e.trackSize}px`,boxShadow:`${e.trackShadowX}px ${e.trackShadowY}px ${e.trackShadowBlur}px ${e.trackShadowSize}px ${u}`},"& .Mui-checked + .MuiSwitch-track":{backgroundColor:e.trackColorTrue}};return i.jsx(l.FormGroup,{children:i.jsx(l.FormControlLabel,{control:i.jsx(l.Switch,{sx:h,onClick:()=>this.onChange(),checked:d}),label:d?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-L-sPtBwb.js";import"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{v as o}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js";import{I as k}from"./InventwoGeneric-Do6c4r7f.js";import{s as b}from"./styled-C-Sk4649.js";import{t as C,a as x}from"./tableRowClasses-Uw2Q9rTJ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";import"./defaultTheme-XWDinf72.js";class $ extends k{static getWidgetInfo(){return{id:"tplInventwoWidgetTable",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_table",visName:"widget_table",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"countColumns",type:"number",default:0,label:"count_columns",hidden:"data.countColumns > 0"},{name:"maxRows",type:"number",min:0,step:1,default:0,label:"max_rows"},{name:"showHead",type:"checkbox",default:!0,label:"show_head"}]},{name:"countColumns",indexFrom:1,indexTo:"countColumns",label:"attr_group_columns",fields:[{name:"columnKey",type:"text",label:"key"},{name:"columnTitle",type:"text",label:"title"},{name:"columnWidth",type:"slider",min:0,max:200,step:1,default:0,label:"width"},{name:"columnPrefix",type:"text",label:"prefix"},{name:"columnSuffix",type:"text",label:"suffix"},{name:"columnPlaceholder",type:"text",label:"placeholder"},{name:"columnTitleAlign",type:"select",options:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],default:"center",label:"title_align"},{name:"columnContentAlign",type:"select",options:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],default:"left",label:"content_align"},{name:"columnValueFormat",type:"select",options:[{value:"text",label:"Text"},{value:"number",label:"Number"},{value:"datetime",label:"datetime"}],default:"text",label:"format"},{name:"columnNumberDecimals",type:"number",label:"decimals",default:0,hidden:'data["columnValueFormat" + index] != "number"'},{name:"columnDatetimeFormat",type:"select",options:[{value:"datetime",label:"Datetime"},{value:"date",label:"Date"},{value:"time",label:"Time"}],default:"datetime",label:"datetime_format",hidden:'data["columnValueFormat" + index] != "datetime"'}]},{name:"attr_content_css_table",label:"attr_content_css_table",fields:[{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"backgroundHeader",type:"color",label:"background_header"},{name:"backgroundOddRow",type:"color",label:"background_odd_row"},{name:"backgroundEvenRow",type:"color",label:"background_even_row"},{type:"help",text:"vis_2_widgets_inventwo_heights"},{name:"headerHeight",type:"slider",min:0,max:100,step:1,default:50,label:"header_height"},{name:"columnHeight",type:"slider",min:0,max:100,step:1,default:50,label:"column_height"},{type:"help",text:"vis_2_widgets_inventwo_row_border"},{name:"headerBorderWidth",type:"slider",min:0,max:10,step:1,default:1,label:"thickness_header"},{name:"headerBorderColor",type:"color",label:"color_header",default:"rgb(81, 81, 81)"},{name:"rowBorderWidth",type:"slider",min:0,max:10,step:1,default:1,label:"thickness"},{name:"rowBorderColor",type:"color",label:"color",default:"rgb(81, 81, 81)"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{label:"from_widget",name:"borderStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",all:!0},{name:"borderColor",type:"color",label:"border_color"},{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right",hidden:"!!data.borderStyleFromWidget"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style",hidden:"!!data.borderStyleFromWidget"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{label:"from_widget",name:"outerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",all:!0},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.outerShadowStyleFromWidget"}]}],visDefaultStyle:{overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-table.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}getWidgetInfo(){return $.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(f,y){}renderWidgetBody(f){super.renderWidgetBody(f),this.wrappedContent=!0;const y=this.state.rxData.oid,u=this.getValue(y);let r=null;if(u==null||u==="")return l.jsx("div",{children:"Keine Daten"});try{r=JSON.parse(u)}catch{return l.jsx("div",{children:"Invalides JSON"})}const p=[],S=[],n=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),s=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),T=b(o.TableRow)(()=>({[`&.${C.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),w=b(o.TableCell)(()=>({[`&.${x.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${x.root}`]:{paddingTop:0,paddingBottom:0,fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"],borderBottomWidth:this.state.rxData.headerBorderWidth,borderColor:this.state.rxData.headerBorderColor}})),_=b(o.TableCell)(()=>({[`&.${x.root}`]:{paddingTop:0,paddingBottom:0,fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"],borderBottomWidth:this.state.rxData.rowBorderWidth,borderColor:this.state.rxData.rowBorderColor}})),F=b(o.TableRow)(()=>({"&:nth-of-type(odd)":{backgroundColor:this.state.rxData.backgroundOddRow},"&:nth-of-type(even)":{backgroundColor:this.state.rxData.backgroundEvenRow},[`&.${C.root}`]:{height:this.state.rxData.columnHeight+(Number.isNaN(Number(this.state.rxData.columnHeight))?"":"px")}}));if(r.length>0){const g=this.state.rxData.countColumns;if(g===0)Object.keys(r[0]).forEach((t,i)=>{p.push(l.jsx(w,{children:t},i))});else for(let t=1;t<=this.state.rxData.countColumns;t++){let i=this.state.rxData[`columnTitle${t}`];i===null&&(i=Object.keys(r[0])[t-1]);const d={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(d.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),p.push(l.jsx(w,{style:d,children:i},t))}let m=this.state.rxData.maxRows;m<=0?m=r.length:m=Math.min(m,r.length);for(let t=0;t<m;t++){const i=r[t],d=[];if(g===0)Object.values(i).forEach((e,h)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),d.push(l.jsx(_,{children:e},`${t}_${h}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let h=this.state.rxData[`columnKey${e}`];const j=this.state.rxData[`columnPrefix${e}`],N=this.state.rxData[`columnSuffix${e}`],D=this.state.rxData[`columnPlaceholder${e}`],W=this.state.rxData[`columnValueFormat${e}`];h||(h=Object.keys(r[0])[e-1]);let a=i[h];if((a===null||a==="")&&D)a=D;else if(W==="number")a=new Intl.NumberFormat(navigator.language,{minimumFractionDigits:this.state.rxData[`columnNumberDecimals${e}`]??0,maximumFractionDigits:this.state.rxData[`columnNumberDecimals${e}`]??0}).format(a);else if(W==="datetime"&&a){const c=this.state.rxData[`columnDatetimeFormat${e}`];c==="datetime"?a=new Date(a).toLocaleString():c==="date"?a=new Date(a).toLocaleDateString():c==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),d.push(l.jsxs(_,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[j,a,N]},`${t}_${e}`))}S.push(l.jsx(F,{sx:{"&:last-child td, &:last-child th":{border:0}},children:d},t))}}let v="";return n.outerShadowColor&&(v+=`${n.outerShadowX}px ${n.outerShadowY}px ${n.outerShadowBlur}px ${n.outerShadowSize}px ${n.outerShadowColor}`),l.jsx("div",{style:{boxShadow:`${v}`,overflow:"visible",height:"100%",borderColor:s.borderColor,borderTopWidth:`${s.borderSizeTop}px`,borderBottomWidth:`${s.borderSizeBottom}px`,borderLeftWidth:`${s.borderSizeLeft}px`,borderRightWidth:`${s.borderSizeRight}px`,borderStyle:s.borderStyle},children:l.jsx(o.TableContainer,{component:o.Paper,style:{height:"100%",background:"transparent"},children:l.jsxs(o.Table,{children:[this.state.rxData.showHead&&l.jsx(o.TableHead,{children:l.jsx(T,{children:p})}),l.jsx(o.TableBody,{children:S})]})})})}}export{$ as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as jsxRuntimeExports}from"./jsx-runtime-L-sPtBwb.js";import{R as React}from"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{v as vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js";import{_ as __read,v as vis2Inventwo__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__}from"./tslib.es6-z-B97Qc8.js";import{v as vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__}from"./vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-CdW9btYd.js";import{I as InventwoGeneric}from"./InventwoGeneric-Do6c4r7f.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js";var Color=function(){function a(r,s,h){this.r=0,this.g=0,this.b=0,this.set(r,s,h)}return a.prototype.set=function(r,s,h){this.r=this.clamp(r),this.g=this.clamp(s),this.b=this.clamp(h)},a.prototype.hueRotate=function(r){r===void 0&&(r=0),r=r/180*Math.PI;var s=Math.sin(r),h=Math.cos(r);this.multiply([.213+h*.787-s*.213,.715-h*.715-s*.715,.072-h*.072+s*.928,.213-h*.213+s*.143,.715+h*.285+s*.14,.072-h*.072-s*.283,.213-h*.213-s*.787,.715-h*.715+s*.715,.072+h*.928+s*.072])},a.prototype.grayscale=function(r){r===void 0&&(r=1),this.multiply([.2126+.7874*(1-r),.7152-.7152*(1-r),.0722-.0722*(1-r),.2126-.2126*(1-r),.7152+.2848*(1-r),.0722-.0722*(1-r),.2126-.2126*(1-r),.7152-.7152*(1-r),.0722+.9278*(1-r)])},a.prototype.sepia=function(r){r===void 0&&(r=1),this.multiply([.393+.607*(1-r),.769-.769*(1-r),.189-.189*(1-r),.349-.349*(1-r),.686+.314*(1-r),.168-.168*(1-r),.272-.272*(1-r),.534-.534*(1-r),.131+.869*(1-r)])},a.prototype.saturate=function(r){r===void 0&&(r=1),this.multiply([.213+.787*r,.715-.715*r,.072-.072*r,.213-.213*r,.715+.285*r,.072-.072*r,.213-.213*r,.715-.715*r,.072+.928*r])},a.prototype.multiply=function(r){var s=this.clamp(this.r*r[0]+this.g*r[1]+this.b*r[2]),h=this.clamp(this.r*r[3]+this.g*r[4]+this.b*r[5]),b=this.clamp(this.r*r[6]+this.g*r[7]+this.b*r[8]);this.r=s,this.g=h,this.b=b},a.prototype.brightness=function(r){r===void 0&&(r=1),this.linear(r)},a.prototype.contrast=function(r){r===void 0&&(r=1),this.linear(r,-(.5*r)+.5)},a.prototype.linear=function(r,s){r===void 0&&(r=1),s===void 0&&(s=0),this.r=this.clamp(this.r*r+s*255),this.g=this.clamp(this.g*r+s*255),this.b=this.clamp(this.b*r+s*255)},a.prototype.invert=function(r){r===void 0&&(r=1),this.r=this.clamp((r+this.r/255*(1-2*r))*255),this.g=this.clamp((r+this.g/255*(1-2*r))*255),this.b=this.clamp((r+this.b/255*(1-2*r))*255)},a.prototype.hsl=function(){var r=this.r/255,s=this.g/255,h=this.b/255,b=Math.max(r,s,h),v=Math.min(r,s,h),F=0,B=0,D=(b+v)/2;if(b===v)return{h:0,s:0,l:D*100};var N=b-v;return B=D>.5?N/(2-b-v):N/(b+v),b===r?F=(s-h)/N+(s<h?6:0):b===s?F=(h-r)/N+2:b===h&&(F=(r-s)/N+4),F/=6,{h:F*100,s:B*100,l:D*100}},a.prototype.clamp=function(r){return Math.min(Math.max(r,0),255)},a}(),Solver=function(){function a(r,s){this.target=r,this.targetHSL=r.hsl(),this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},s),this.reusedColor=new Color(0,0,0)}return a.prototype.solve=function(){var r=this.solveNarrow(this.solveWide());return{values:r.values,called:r.called,loss:r.loss,filter:this.css(r.values)}},a.prototype.solveWide=function(){for(var r=5,s=15,h=[60,180,18e3,600,1.2,1.2],b={loss:1/0},v=0;b.loss>this.options.acceptanceLossPercentage;){var F=[50,20,3750,50,100,100],B=this.spsa({A:r,a:h,c:s,values:F,maxTriesInLoop:1e3});if(B.loss<b.loss&&(b=B),v+=1,v>=this.options.maxChecks)break}return Object.assign({},b,{called:v})},a.prototype.solveNarrow=function(r){var s=r.loss,h=2,b=s+1,v=[.25*b,.25*b,b,.25*b,.2*b,.2*b];return this.spsa({A:s,a:v,c:h,values:r.values,maxTriesInLoop:500,called:r.called})},a.prototype.fixValueByFilterIDX=function(r,s){var h=100;return s===2?h=7500:(s===4||s===5)&&(h=200),s===3?r>h?r%=h:r<0&&(r=h+r%h):r<0?r=0:r>h&&(r=h),r},a.prototype.spsa=function(r){for(var s=r.A,h=r.a,b=r.c,v=r.values,F=r.maxTriesInLoop,B=F===void 0?500:F,D=r.called,N=D===void 0?0:D,w=1,Z=.16666666666666666,X=null,L=1/0,k=new Array(6),E=new Array(6),U=new Array(6),G=6,q=0;q<B;q++){for(var Q=b/Math.pow(q+1,Z),P=0;P<G;P++)k[P]=Math.random()>.5?1:-1,E[P]=v[P]+Q*k[P],U[P]=v[P]-Q*k[P];for(var me=this.loss(E)-this.loss(U),P=0;P<G;P++){var be=me/(2*Q)*k[P],de=h[P]/Math.pow(s+q+1,w);v[P]=this.fixValueByFilterIDX(v[P]-de*be,P)}var ce=this.loss(v);ce<L&&(X=v.slice(0),L=ce)}return{values:X,loss:L,called:N}},a.prototype.loss=function(r){var s=this.reusedColor;s.set(0,0,0),s.invert(r[0]/100),s.sepia(r[1]/100),s.saturate(r[2]/100),s.hueRotate(r[3]*3.6),s.brightness(r[4]/100),s.contrast(r[5]/100);var h=s.hsl();return Math.abs(s.r-this.target.r)+Math.abs(s.g-this.target.g)+Math.abs(s.b-this.target.b)+Math.abs(h.h-this.targetHSL.h)+Math.abs(h.s-this.targetHSL.s)+Math.abs(h.l-this.targetHSL.l)},a.prototype.css=function(r){var s=function(h,b){return b===void 0&&(b=1),Math.round(r[h]*b)};return["invert(".concat(s(0),"%)"),"sepia(".concat(s(1),"%)"),"saturate(".concat(s(2),"%)"),"hue-rotate(".concat(s(3,3.6),"deg)"),"brightness(".concat(s(4),"%)"),"contrast(".concat(s(5),"%)")].join(" ")},a}(),hexToRgb=function(a){return a.length===4?[parseInt("0x".concat(a[1]).concat(a[1])),parseInt("0x".concat(a[2]).concat(a[2])),parseInt("0x".concat(a[3]).concat(a[3]))]:a.length===7?[parseInt("0x".concat(a[1]).concat(a[2])),parseInt("0x".concat(a[3]).concat(a[4])),parseInt("0x".concat(a[5]).concat(a[6]))]:[]},isNumeric=function(a){return!isNaN(parseFloat(a))&&isFinite(a)},results={},hexToCSSFilter=function(a,r){var s;r===void 0&&(r={});var h,b,v;if(results[a]&&!r.forceFilterRecalculation)return Object.assign({},results[a],{cache:!0});var F;try{if(s=__read(hexToRgb(a),3),h=s[0],b=s[1],v=s[2],!isNumeric(h)||!isNumeric(b)||!isNumeric(v))throw new Error("hextToRgb returned an invalid value for '".concat(a,"'"));F=new Color(Number(h),Number(b),Number(v))}catch(D){throw new Error("Color value should be in HEX format. ".concat(D))}var B=new Solver(F,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:!1},r));return results[a]=Object.assign({},B.solve(),{hex:a,rgb:[h,b,v],cache:!1})},module={exports:{}},exports=module.exports;/*!
|
|
2
|
+
* iro.js v5.5.2
|
|
3
|
+
* 2016-2021 James Daniel
|
|
4
|
+
* Licensed under MPL 2.0
|
|
5
|
+
* github.com/jaames/iro.js
|
|
6
|
+
*/(function(a,r){typeof exports=="object"&&typeof module<"u"?module.exports=r():typeof define=="function"&&define.amd?define(r):(a=a||self).iro=r()})(void 0,function(){var a,r,s,h,b,v={},F=[],B=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;function D(t,i){for(var e in i)t[e]=i[e];return t}function N(t){var i=t.parentNode;i&&i.removeChild(t)}function w(t,i,e){var o,n,l,d,u=arguments;if(i=D({},i),3<arguments.length)for(e=[e],o=3;o<arguments.length;o++)e.push(u[o]);if(e!=null&&(i.children=e),t!=null&&t.defaultProps!=null)for(n in t.defaultProps)i[n]===void 0&&(i[n]=t.defaultProps[n]);return d=i.key,(l=i.ref)!=null&&delete i.ref,d!=null&&delete i.key,Z(t,i,d,l)}function Z(t,i,e,o){var n={type:t,props:i,key:e,ref:o,n:null,i:null,e:0,o:null,l:null,c:null,constructor:void 0};return a.vnode&&a.vnode(n),n}function X(t){return t.children}function L(t,i){this.props=t,this.context=i}function k(t,i){if(i==null)return t.i?k(t.i,t.i.n.indexOf(t)+1):null;for(var e;i<t.n.length;i++)if((e=t.n[i])!=null&&e.o!=null)return e.o;return typeof t.type=="function"?k(t):null}function E(t){var i,e;if((t=t.i)!=null&&t.c!=null){for(t.o=t.c.base=null,i=0;i<t.n.length;i++)if((e=t.n[i])!=null&&e.o!=null){t.o=t.c.base=e.o;break}return E(t)}}function U(t){(!t.f&&(t.f=!0)&&r.push(t)===1||h!==a.debounceRendering)&&(h=a.debounceRendering,(a.debounceRendering||s)(G))}function G(){var t,i,e,o,n,l,d,u;for(r.sort(function(f,p){return p.d.e-f.d.e});t=r.pop();)t.f&&(o=e=void 0,l=(n=(i=t).d).o,d=i.p,u=i.u,i.u=!1,d&&(e=[],o=de(d,n,D({},n),i.w,d.ownerSVGElement!==void 0,null,e,u,l??k(n)),ce(e,n),o!=l&&E(n)))}function q(t,i,e,o,n,l,d,u,f){var p,g,c,m,y,x,W,C=e&&e.n||F,S=C.length;if(u==v&&(u=l!=null?l[0]:S?k(e,0):null),p=0,i.n=Q(i.n,function(_){if(_!=null){if(_.i=i,_.e=i.e+1,(c=C[p])===null||c&&_.key==c.key&&_.type===c.type)C[p]=void 0;else for(g=0;g<S;g++){if((c=C[g])&&_.key==c.key&&_.type===c.type){C[g]=void 0;break}c=null}if(m=de(t,_,c=c||v,o,n,l,d,null,u,f),(g=_.ref)&&c.ref!=g&&(W=W||[]).push(g,_.c||m,_),m!=null){if(x==null&&(x=m),_.l!=null)m=_.l,_.l=null;else if(l==c||m!=u||m.parentNode==null){e:if(u==null||u.parentNode!==t)t.appendChild(m);else{for(y=u,g=0;(y=y.nextSibling)&&g<S;g+=2)if(y==m)break e;t.insertBefore(m,u)}i.type=="option"&&(t.value="")}u=m.nextSibling,typeof i.type=="function"&&(i.l=m)}}return p++,_}),i.o=x,l!=null&&typeof i.type!="function")for(p=l.length;p--;)l[p]!=null&&N(l[p]);for(p=S;p--;)C[p]!=null&&je(C[p],C[p]);if(W)for(p=0;p<W.length;p++)Oe(W[p],W[++p],W[++p])}function Q(t,i,e){if(e==null&&(e=[]),t==null||typeof t=="boolean")i&&e.push(i(null));else if(Array.isArray(t))for(var o=0;o<t.length;o++)Q(t[o],i,e);else e.push(i?i(function(n){if(n==null||typeof n=="boolean")return null;if(typeof n=="string"||typeof n=="number")return Z(null,n,null,null);if(n.o==null&&n.c==null)return n;var l=Z(n.type,n.props,n.key,null);return l.o=n.o,l}(t)):t);return e}function P(t,i,e){i[0]==="-"?t.setProperty(i,e):t[i]=typeof e=="number"&&B.test(i)===!1?e+"px":e??""}function me(t,i,e,o,n){var l,d,u,f,p;if(!((i=n?i==="className"?"class":i:i==="class"?"className":i)==="key"||i==="children"))if(i==="style")if(l=t.style,typeof e=="string")l.cssText=e;else{if(typeof o=="string"&&(l.cssText="",o=null),o)for(d in o)e&&d in e||P(l,d,"");if(e)for(u in e)o&&e[u]===o[u]||P(l,u,e[u])}else i[0]==="o"&&i[1]==="n"?(f=i!==(i=i.replace(/Capture$/,"")),i=((p=i.toLowerCase())in t?p:i).slice(2),e?(o||t.addEventListener(i,be,f),(t.t||(t.t={}))[i]=e):t.removeEventListener(i,be,f)):i!=="list"&&i!=="tagName"&&i!=="form"&&!n&&i in t?t[i]=e??"":typeof e!="function"&&i!=="dangerouslySetInnerHTML"&&(i!==(i=i.replace(/^xlink:?/,""))?e==null||e===!1?t.removeAttributeNS("http://www.w3.org/1999/xlink",i.toLowerCase()):t.setAttributeNS("http://www.w3.org/1999/xlink",i.toLowerCase(),e):e==null||e===!1?t.removeAttribute(i):t.setAttribute(i,e))}function be(t){return this.t[t.type](a.event?a.event(t):t)}function de(t,i,e,o,n,l,d,u,f,p){var g,c,m,y,x,W,C,S,_,I,R=i.type;if(i.constructor!==void 0)return null;(g=a.e)&&g(i);try{e:if(typeof R=="function"){if(S=i.props,_=(g=R.contextType)&&o[g.c],I=g?_?_.props.value:g.i:o,e.c?C=(c=i.c=e.c).i=c.k:("prototype"in R&&R.prototype.render?i.c=c=new R(S,I):(i.c=c=new L(S,I),c.constructor=R,c.render=Ze),_&&_.sub(c),c.props=S,c.state||(c.state={}),c.context=I,c.w=o,m=c.f=!0,c.m=[]),c.j==null&&(c.j=c.state),R.getDerivedStateFromProps!=null&&D(c.j==c.state?c.j=D({},c.j):c.j,R.getDerivedStateFromProps(S,c.j)),m)R.getDerivedStateFromProps==null&&c.componentWillMount!=null&&c.componentWillMount(),c.componentDidMount!=null&&d.push(c);else{if(R.getDerivedStateFromProps==null&&u==null&&c.componentWillReceiveProps!=null&&c.componentWillReceiveProps(S,I),!u&&c.shouldComponentUpdate!=null&&c.shouldComponentUpdate(S,c.j,I)===!1){for(c.props=S,c.state=c.j,c.f=!1,(c.d=i).o=f!=null?f!==e.o?f:e.o:null,i.n=e.n,g=0;g<i.n.length;g++)i.n[g]&&(i.n[g].i=i);break e}c.componentWillUpdate!=null&&c.componentWillUpdate(S,c.j,I)}for(y=c.props,x=c.state,c.context=I,c.props=S,c.state=c.j,(g=a.M)&&g(i),c.f=!1,c.d=i,c.p=t,g=c.render(c.props,c.state,c.context),i.n=Q(g!=null&&g.type==X&&g.key==null?g.props.children:g),c.getChildContext!=null&&(o=D(D({},o),c.getChildContext())),m||c.getSnapshotBeforeUpdate==null||(W=c.getSnapshotBeforeUpdate(y,x)),q(t,i,e,o,n,l,d,f,p),c.base=i.o;g=c.m.pop();)c.j&&(c.state=c.j),g.call(c);m||y==null||c.componentDidUpdate==null||c.componentDidUpdate(y,x,W),C&&(c.k=c.i=null)}else i.o=function(T,M,K,pe,Y,J,ut,Ce){var ge,De,Te,ie,Me=K.props,A=M.props;if(Y=M.type==="svg"||Y,T==null&&J!=null){for(ge=0;ge<J.length;ge++)if((De=J[ge])!=null&&(M.type===null?De.nodeType===3:De.localName===M.type)){T=De,J[ge]=null;break}}if(T==null){if(M.type===null)return document.createTextNode(A);T=Y?document.createElementNS("http://www.w3.org/2000/svg",M.type):document.createElement(M.type),J=null}return M.type===null?Me!==A&&(J!=null&&(J[J.indexOf(T)]=null),T.data=A):M!==K&&(J!=null&&(J=F.slice.call(T.childNodes)),Te=(Me=K.props||v).dangerouslySetInnerHTML,ie=A.dangerouslySetInnerHTML,Ce||(ie||Te)&&(ie&&Te&&ie.O==Te.O||(T.innerHTML=ie&&ie.O||"")),function(Ye,fe,We,Ke,pt){var z;for(z in We)z in fe||me(Ye,z,null,We[z],Ke);for(z in fe)pt&&typeof fe[z]!="function"||z==="value"||z==="checked"||We[z]===fe[z]||me(Ye,z,fe[z],We[z],Ke)}(T,A,Me,Y,Ce),M.n=M.props.children,ie||q(T,M,K,pe,M.type!=="foreignObject"&&Y,J,ut,v,Ce),Ce||("value"in A&&A.value!==void 0&&A.value!==T.value&&(T.value=A.value==null?"":A.value),"checked"in A&&A.checked!==void 0&&A.checked!==T.checked&&(T.checked=A.checked))),T}(e.o,i,e,o,n,l,d,p);(g=a.diffed)&&g(i)}catch(T){a.o(T,i,e)}return i.o}function ce(t,i){for(var e;e=t.pop();)try{e.componentDidMount()}catch(o){a.o(o,e.d)}a.c&&a.c(i)}function Oe(t,i,e){try{typeof t=="function"?t(i):t.current=i}catch(o){a.o(o,e)}}function je(t,i,e){var o,n,l;if(a.unmount&&a.unmount(t),(o=t.ref)&&Oe(o,null,i),e||typeof t.type=="function"||(e=(n=t.o)!=null),t.o=t.l=null,(o=t.c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(d){a.o(d,i)}o.base=o.p=null}if(o=t.n)for(l=0;l<o.length;l++)o[l]&&je(o[l],i,e);n!=null&&N(n)}function Ze(t,i,e){return this.constructor(t,e)}function Qe(t,i){for(var e=0;e<i.length;e++){var o=i[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function V(){return(V=Object.assign||function(t){for(var i=arguments,e=1;e<arguments.length;e++){var o=i[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}a={},L.prototype.setState=function(t,i){var e=this.j!==this.state&&this.j||(this.j=D({},this.state));typeof t=="function"&&!(t=t(e,this.props))||D(e,t),t!=null&&this.d&&(this.u=!1,i&&this.m.push(i),U(this))},L.prototype.forceUpdate=function(t){this.d&&(t&&this.m.push(t),this.u=!0,U(this))},L.prototype.render=X,r=[],s=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,h=a.debounceRendering,a.o=function(t,i,e){for(var o;i=i.i;)if((o=i.c)&&!o.i)try{if(o.constructor&&o.constructor.getDerivedStateFromError!=null)o.setState(o.constructor.getDerivedStateFromError(t));else{if(o.componentDidCatch==null)continue;o.componentDidCatch(t)}return U(o.k=o)}catch(n){t=n}throw t},b=v;var ee="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",Ae="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",Ee="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",et=new RegExp("rgb"+Ae),tt=new RegExp("rgba"+Ee),ot=new RegExp("hsl"+Ae),at=new RegExp("hsla"+Ee),ve="^(?:#?|0x?)",te="([0-9a-fA-F]{1})",oe="([0-9a-fA-F]{2})",rt=new RegExp(ve+te+te+te+"$"),it=new RegExp(ve+te+te+te+te+"$"),nt=new RegExp(ve+oe+oe+oe+"$"),lt=new RegExp(ve+oe+oe+oe+oe+"$"),ye=Math.log,ne=Math.round,he=Math.floor;function H(t,i,e){return Math.min(Math.max(t,i),e)}function O(t,i){var e=-1<t.indexOf("%"),o=parseFloat(t);return e?i/100*o:o}function j(t){return parseInt(t,16)}function ae(t){return t.toString(16).padStart(2,"0")}var le=function(){function t(e,o){this.$={h:0,s:0,v:0,a:1},e&&this.set(e),this.onChange=o,this.initialValue=V({},this.$)}var i=t.prototype;return i.set=function(e){if(typeof e=="string")/^(?:#?|0x?)[0-9a-fA-F]{3,8}$/.test(e)?this.hexString=e:/^rgba?/.test(e)?this.rgbString=e:/^hsla?/.test(e)&&(this.hslString=e);else{if(typeof e!="object")throw new Error("Invalid color value");e instanceof t?this.hsva=e.hsva:"r"in e&&"g"in e&&"b"in e?this.rgb=e:"h"in e&&"s"in e&&"v"in e?this.hsv=e:"h"in e&&"s"in e&&"l"in e?this.hsl=e:"kelvin"in e&&(this.kelvin=e.kelvin)}},i.setChannel=function(e,o,n){var l;this[e]=V({},this[e],((l={})[o]=n,l))},i.reset=function(){this.hsva=this.initialValue},i.clone=function(){return new t(this)},i.unbind=function(){this.onChange=void 0},t.hsvToRgb=function(e){var o=e.h/60,n=e.s/100,l=e.v/100,d=he(o),u=o-d,f=l*(1-n),p=l*(1-u*n),g=l*(1-(1-u)*n),c=d%6,m=[g,l,l,p,f,f][c],y=[f,f,g,l,l,p][c];return{r:H(255*[l,p,f,f,g,l][c],0,255),g:H(255*m,0,255),b:H(255*y,0,255)}},t.rgbToHsv=function(e){var o=e.r/255,n=e.g/255,l=e.b/255,d=Math.max(o,n,l),u=Math.min(o,n,l),f=d-u,p=0,g=d,c=d===0?0:f/d;switch(d){case u:p=0;break;case o:p=(n-l)/f+(n<l?6:0);break;case n:p=(l-o)/f+2;break;case l:p=(o-n)/f+4}return{h:60*p%360,s:H(100*c,0,100),v:H(100*g,0,100)}},t.hsvToHsl=function(e){var o=e.s/100,n=e.v/100,l=(2-o)*n,d=l<=1?l:2-l,u=d<1e-9?0:o*n/d;return{h:e.h,s:H(100*u,0,100),l:H(50*l,0,100)}},t.hslToHsv=function(e){var o=2*e.l,n=e.s*(o<=100?o:200-o)/100,l=o+n<1e-9?0:2*n/(o+n);return{h:e.h,s:H(100*l,0,100),v:H((o+n)/2,0,100)}},t.kelvinToRgb=function(e){var o,n,l,d=e/100;return l=d<66?(o=255,n=-155.25485562709179-.44596950469579133*(n=d-2)+104.49216199393888*ye(n),d<20?0:.8274096064007395*(l=d-10)-254.76935184120902+115.67994401066147*ye(l)):(o=351.97690566805693+.114206453784165*(o=d-55)-40.25366309332127*ye(o),n=325.4494125711974+.07943456536662342*(n=d-50)-28.0852963507957*ye(n),255),{r:H(he(o),0,255),g:H(he(n),0,255),b:H(he(l),0,255)}},t.rgbToKelvin=function(e){for(var o,n=e.r,l=e.b,d=2e3,u=4e4;.4<u-d;){var f=t.kelvinToRgb(o=.5*(u+d));f.b/f.r>=l/n?u=o:d=o}return o},function(e,o,n){o&&Qe(e.prototype,o)}(t,[{key:"hsv",get:function(){var e=this.$;return{h:e.h,s:e.s,v:e.v}},set:function(e){var o=this.$;if(e=V({},o,e),this.onChange){var n={h:!1,v:!1,s:!1,a:!1};for(var l in o)n[l]=e[l]!=o[l];this.$=e,(n.h||n.s||n.v||n.a)&&this.onChange(this,n)}else this.$=e}},{key:"hsva",get:function(){return V({},this.$)},set:function(e){this.hsv=e}},{key:"hue",get:function(){return this.$.h},set:function(e){this.hsv={h:e}}},{key:"saturation",get:function(){return this.$.s},set:function(e){this.hsv={s:e}}},{key:"value",get:function(){return this.$.v},set:function(e){this.hsv={v:e}}},{key:"alpha",get:function(){return this.$.a},set:function(e){this.hsv=V({},this.hsv,{a:e})}},{key:"kelvin",get:function(){return t.rgbToKelvin(this.rgb)},set:function(e){this.rgb=t.kelvinToRgb(e)}},{key:"red",get:function(){return this.rgb.r},set:function(e){this.rgb=V({},this.rgb,{r:e})}},{key:"green",get:function(){return this.rgb.g},set:function(e){this.rgb=V({},this.rgb,{g:e})}},{key:"blue",get:function(){return this.rgb.b},set:function(e){this.rgb=V({},this.rgb,{b:e})}},{key:"rgb",get:function(){var e=t.hsvToRgb(this.$),o=e.r,n=e.g,l=e.b;return{r:ne(o),g:ne(n),b:ne(l)}},set:function(e){this.hsv=V({},t.rgbToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"rgba",get:function(){return V({},this.rgb,{a:this.alpha})},set:function(e){this.rgb=e}},{key:"hsl",get:function(){var e=t.hsvToHsl(this.$),o=e.h,n=e.s,l=e.l;return{h:ne(o),s:ne(n),l:ne(l)}},set:function(e){this.hsv=V({},t.hslToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"hsla",get:function(){return V({},this.hsl,{a:this.alpha})},set:function(e){this.hsl=e}},{key:"rgbString",get:function(){var e=this.rgb;return"rgb("+e.r+", "+e.g+", "+e.b+")"},set:function(e){var o,n,l,d,u=1;if((o=et.exec(e))?(n=O(o[1],255),l=O(o[2],255),d=O(o[3],255)):(o=tt.exec(e))&&(n=O(o[1],255),l=O(o[2],255),d=O(o[3],255),u=O(o[4],1)),!o)throw new Error("Invalid rgb string");this.rgb={r:n,g:l,b:d,a:u}}},{key:"rgbaString",get:function(){var e=this.rgba;return"rgba("+e.r+", "+e.g+", "+e.b+", "+e.a+")"},set:function(e){this.rgbString=e}},{key:"hexString",get:function(){var e=this.rgb;return"#"+ae(e.r)+ae(e.g)+ae(e.b)},set:function(e){var o,n,l,d,u=255;if((o=rt.exec(e))?(n=17*j(o[1]),l=17*j(o[2]),d=17*j(o[3])):(o=it.exec(e))?(n=17*j(o[1]),l=17*j(o[2]),d=17*j(o[3]),u=17*j(o[4])):(o=nt.exec(e))?(n=j(o[1]),l=j(o[2]),d=j(o[3])):(o=lt.exec(e))&&(n=j(o[1]),l=j(o[2]),d=j(o[3]),u=j(o[4])),!o)throw new Error("Invalid hex string");this.rgb={r:n,g:l,b:d,a:u/255}}},{key:"hex8String",get:function(){var e=this.rgba;return"#"+ae(e.r)+ae(e.g)+ae(e.b)+ae(he(255*e.a))},set:function(e){this.hexString=e}},{key:"hslString",get:function(){var e=this.hsl;return"hsl("+e.h+", "+e.s+"%, "+e.l+"%)"},set:function(e){var o,n,l,d,u=1;if((o=ot.exec(e))?(n=O(o[1],360),l=O(o[2],100),d=O(o[3],100)):(o=at.exec(e))&&(n=O(o[1],360),l=O(o[2],100),d=O(o[3],100),u=O(o[4],1)),!o)throw new Error("Invalid hsl string");this.hsl={h:n,s:l,l:d,a:u}}},{key:"hslaString",get:function(){var e=this.hsla;return"hsla("+e.h+", "+e.s+"%, "+e.l+"%, "+e.a+")"},set:function(e){this.hslString=e}}]),t}();function Fe(t){var i,e=t.width,o=t.sliderSize,n=t.borderWidth,l=t.handleRadius,d=t.padding,u=t.sliderShape,f=t.layoutDirection==="horizontal";return o=(i=o)!=null?i:2*d+2*l,u==="circle"?{handleStart:t.padding+t.handleRadius,handleRange:e-2*d-2*l,width:e,height:e,cx:e/2,cy:e/2,radius:e/2-n/2}:{handleStart:o/2,handleRange:e-o,radius:o/2,x:0,y:0,width:f?o:e,height:f?e:o}}function st(t,i){var e=Fe(t),o=e.width,n=e.height,l=e.handleRange,d=e.handleStart,u=t.layoutDirection==="horizontal",f=u?o/2:n/2,p=d+function(g,c){var m=c.hsva,y=c.rgb;switch(g.sliderType){case"red":return y.r/2.55;case"green":return y.g/2.55;case"blue":return y.b/2.55;case"alpha":return 100*m.a;case"kelvin":var x=g.minTemperature,W=g.maxTemperature-x,C=(c.kelvin-x)/W*100;return Math.max(0,Math.min(C,100));case"hue":return m.h/=3.6;case"saturation":return m.s;case"value":default:return m.v}}(t,i)/100*l;return u&&(p=-1*p+l+2*d),{x:u?f:p,y:u?p:f}}var Pe,Ve=2*Math.PI,dt=function(t,i){return(t%i+i)%i},ze=function(t,i){return Math.sqrt(t*t+i*i)};function Ne(t){return t.width/2-t.padding-t.handleRadius-t.borderWidth}function _e(t){var i=t.width/2;return{width:t.width,radius:i-t.borderWidth,cx:i,cy:i}}function Le(t,i,e){var o=t.wheelAngle,n=t.wheelDirection;return e&&n==="clockwise"?i=o+i:n==="clockwise"?i=360-o+i:e&&n==="anticlockwise"?i=o+180-i:n==="anticlockwise"&&(i=o-i),dt(i,360)}function He(t,i,e){var o=_e(t),n=o.cx,l=o.cy,d=Ne(t);i=n-i,e=l-e;var u=Le(t,Math.atan2(-e,-i)*(360/Ve)),f=Math.min(ze(i,e),d);return{h:Math.round(u),s:Math.round(100/d*f)}}function Re(t){var i=t.width,e=t.boxHeight;return{width:i,height:e??i,radius:t.padding+t.handleRadius}}function Ue(t,i,e){var o=Re(t),n=o.width,l=o.height,d=o.radius,u=(i-d)/(n-2*d)*100,f=(e-d)/(l-2*d)*100;return{s:Math.max(0,Math.min(u,100)),v:Math.max(0,Math.min(100-f,100))}}function qe(t,i,e,o){for(var n=0;n<o.length;n++){var l=o[n].x-i,d=o[n].y-e;if(Math.sqrt(l*l+d*d)<t.handleRadius)return n}return null}function Ie(t){return{boxSizing:"border-box",border:t.borderWidth+"px solid "+t.borderColor}}function Be(t,i,e){return t+"-gradient("+i+", "+e.map(function(o){var n=o[0];return o[1]+" "+n+"%"}).join(",")+")"}function $(t){return typeof t=="string"?t:t+"px"}var Je=["mousemove","touchmove","mouseup","touchend"],xe=function(t){function i(e){t.call(this,e),this.uid=(Math.random()+1).toString(36).substring(5)}return t&&(i.__proto__=t),((i.prototype=Object.create(t&&t.prototype)).constructor=i).prototype.render=function(e){var o=this.handleEvent.bind(this),n={onMouseDown:o,ontouchstart:o},l=e.layoutDirection==="horizontal",d=e.margin===null?e.sliderMargin:e.margin,u={overflow:"visible",display:l?"inline-block":"block"};return 0<e.index&&(u[l?"marginLeft":"marginTop"]=d),w(X,null,e.children(this.uid,n,u))},i.prototype.handleEvent=function(e){var o=this,n=this.props.onInput,l=this.base.getBoundingClientRect();e.preventDefault();var d=e.touches?e.changedTouches[0]:e,u=d.clientX-l.left,f=d.clientY-l.top;switch(e.type){case"mousedown":case"touchstart":n(u,f,0)!==!1&&Je.forEach(function(p){document.addEventListener(p,o,{passive:!1})});break;case"mousemove":case"touchmove":n(u,f,1);break;case"mouseup":case"touchend":n(u,f,2),Je.forEach(function(p){document.removeEventListener(p,o,{passive:!1})})}},i}(L);function re(t){var i=t.r,e=t.url,o=i,n=i;return w("svg",{className:"IroHandle IroHandle--"+t.index+" "+(t.isActive?"IroHandle--isActive":""),style:{"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0);",transform:"translate("+$(t.x)+", "+$(t.y)+")",willChange:"transform",top:$(-i),left:$(-i),width:$(2*i),height:$(2*i),position:"absolute",overflow:"visible"}},e&&w("use",Object.assign({xlinkHref:function(l){Pe=Pe||document.getElementsByTagName("base");var d=window.navigator.userAgent,u=/^((?!chrome|android).)*safari/i.test(d),f=/iPhone|iPod|iPad/i.test(d),p=window.location;return(u||f)&&0<Pe.length?p.protocol+"//"+p.host+p.pathname+p.search+l:l}(e)},t.props)),!e&&w("circle",{cx:o,cy:n,r:i,fill:"none","stroke-width":2,stroke:"#000"}),!e&&w("circle",{cx:o,cy:n,r:i-2,fill:t.fill,"stroke-width":2,stroke:"#fff"}))}function we(t){var i=t.activeIndex,e=i!==void 0&&i<t.colors.length?t.colors[i]:t.color,o=Fe(t),n=o.width,l=o.height,d=o.radius,u=st(t,e),f=function(p,g){var c=g.hsv,m=g.rgb;switch(p.sliderType){case"red":return[[0,"rgb(0,"+m.g+","+m.b+")"],[100,"rgb(255,"+m.g+","+m.b+")"]];case"green":return[[0,"rgb("+m.r+",0,"+m.b+")"],[100,"rgb("+m.r+",255,"+m.b+")"]];case"blue":return[[0,"rgb("+m.r+","+m.g+",0)"],[100,"rgb("+m.r+","+m.g+",255)"]];case"alpha":return[[0,"rgba("+m.r+","+m.g+","+m.b+",0)"],[100,"rgb("+m.r+","+m.g+","+m.b+")"]];case"kelvin":for(var y=[],x=p.minTemperature,W=p.maxTemperature,C=W-x,S=x,_=0;S<W;S+=C/8,_+=1){var I=le.kelvinToRgb(S),R=I.r,T=I.g,M=I.b;y.push([12.5*_,"rgb("+R+","+T+","+M+")"])}return y;case"hue":return[[0,"#f00"],[16.666,"#ff0"],[33.333,"#0f0"],[50,"#0ff"],[66.666,"#00f"],[83.333,"#f0f"],[100,"#f00"]];case"saturation":var K=le.hsvToHsl({h:c.h,s:0,v:c.v}),pe=le.hsvToHsl({h:c.h,s:100,v:c.v});return[[0,"hsl("+K.h+","+K.s+"%,"+K.l+"%)"],[100,"hsl("+pe.h+","+pe.s+"%,"+pe.l+"%)"]];case"value":default:var Y=le.hsvToHsl({h:c.h,s:c.s,v:100});return[[0,"#000"],[100,"hsl("+Y.h+","+Y.s+"%,"+Y.l+"%)"]]}}(t,e);return w(xe,Object.assign({},t,{onInput:function(p,g,c){var m=function(y,x,W){var C,S=Fe(y),_=S.handleRange,I=S.handleStart;C=y.layoutDirection==="horizontal"?-1*W+_+I:x-I,C=Math.max(Math.min(C,_),0);var R=Math.round(100/_*C);switch(y.sliderType){case"kelvin":var T=y.minTemperature;return T+R/100*(y.maxTemperature-T);case"alpha":return R/100;case"hue":return 3.6*R;case"red":case"blue":case"green":return 2.55*R;default:return R}}(t,p,g);t.parent.inputActive=!0,e[t.sliderType]=m,t.onInput(c,t.id)}}),function(p,g,c){return w("div",Object.assign({},g,{className:"IroSlider",style:Object.assign({},{position:"relative",width:$(n),height:$(l),borderRadius:$(d),background:"conic-gradient(#ccc 25%, #fff 0 50%, #ccc 0 75%, #fff 0)",backgroundSize:"8px 8px"},c)}),w("div",{className:"IroSliderGradient",style:Object.assign({},{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:$(d),background:Be("linear",t.layoutDirection==="horizontal"?"to top":"to right",f)},Ie(t))}),w(re,{isActive:!0,index:e.index,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:u.x,y:u.y}))})}function ct(t){var i=Re(t),e=i.width,o=i.height,n=i.radius,l=t.colors,d=t.parent,u=t.activeIndex,f=u!==void 0&&u<t.colors.length?t.colors[u]:t.color,p=function(c,m){return[[[0,"#fff"],[100,"hsl("+m.hue+",100%,50%)"]],[[0,"rgba(0,0,0,0)"],[100,"#000"]]]}(0,f),g=l.map(function(c){return function(m,y){var x=Re(m),W=x.width,C=x.height,S=x.radius,_=y.hsv,I=S,R=W-2*S,T=C-2*S;return{x:I+_.s/100*R,y:I+(T-_.v/100*T)}}(t,c)});return w(xe,Object.assign({},t,{onInput:function(c,m,y){if(y===0){var x=qe(t,c,m,g);x!==null?d.setActiveColor(x):(d.inputActive=!0,f.hsv=Ue(t,c,m),t.onInput(y,t.id))}else y===1&&(d.inputActive=!0,f.hsv=Ue(t,c,m));t.onInput(y,t.id)}}),function(c,m,y){return w("div",Object.assign({},m,{className:"IroBox",style:Object.assign({},{width:$(e),height:$(o),position:"relative"},y)}),w("div",{className:"IroBox",style:Object.assign({},{width:"100%",height:"100%",borderRadius:$(n)},Ie(t),{background:Be("linear","to bottom",p[1])+","+Be("linear","to right",p[0])})}),l.filter(function(x){return x!==f}).map(function(x){return w(re,{isActive:!1,index:x.index,fill:x.hslString,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:g[x.index].x,y:g[x.index].y})}),w(re,{isActive:!0,index:f.index,fill:f.hslString,r:t.activeHandleRadius||t.handleRadius,url:t.handleSvg,props:t.handleProps,x:g[f.index].x,y:g[f.index].y}))})}re.defaultProps={fill:"none",x:0,y:0,r:8,url:null,props:{x:0,y:0}},we.defaultProps=Object.assign({},{sliderShape:"bar",sliderType:"value",minTemperature:2200,maxTemperature:11e3});function Xe(t){var i=_e(t).width,e=t.colors,o=(t.borderWidth,t.parent),n=t.color,l=n.hsv,d=e.map(function(f){return function(p,g){var c=g.hsv,m=_e(p),y=m.cx,x=m.cy,W=Ne(p),C=(180+Le(p,c.h,!0))*(Ve/360),S=c.s/100*W,_=p.wheelDirection==="clockwise"?-1:1;return{x:y+S*Math.cos(C)*_,y:x+S*Math.sin(C)*_}}(t,f)}),u={position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",boxSizing:"border-box"};return w(xe,Object.assign({},t,{onInput:function(f,p,g){if(g===0){if(!function(m,y,x){var W=_e(m),C=W.cx,S=W.cy,_=m.width/2;return ze(C-y,S-x)<_}(t,f,p))return!1;var c=qe(t,f,p,d);c!==null?o.setActiveColor(c):(o.inputActive=!0,n.hsv=He(t,f,p),t.onInput(g,t.id))}else g===1&&(o.inputActive=!0,n.hsv=He(t,f,p));t.onInput(g,t.id)}}),function(f,p,g){return w("div",Object.assign({},p,{className:"IroWheel",style:Object.assign({},{width:$(i),height:$(i),position:"relative"},g)}),w("div",{className:"IroWheelHue",style:Object.assign({},u,{transform:"rotateZ("+(t.wheelAngle+90)+"deg)",background:t.wheelDirection==="clockwise"?"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)":"conic-gradient(red, magenta, blue, aqua, lime, yellow, red)"})}),w("div",{className:"IroWheelSaturation",style:Object.assign({},u,{background:"radial-gradient(circle closest-side, #fff, transparent)"})}),t.wheelLightness&&w("div",{className:"IroWheelLightness",style:Object.assign({},u,{background:"#000",opacity:1-l.v/100})}),w("div",{className:"IroWheelBorder",style:Object.assign({},u,Ie(t))}),e.filter(function(c){return c!==n}).map(function(c){return w(re,{isActive:!1,index:c.index,fill:c.hslString,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:d[c.index].x,y:d[c.index].y})}),w(re,{isActive:!0,index:n.index,fill:n.hslString,r:t.activeHandleRadius||t.handleRadius,url:t.handleSvg,props:t.handleProps,x:d[n.index].x,y:d[n.index].y}))})}var Ge=function(t){function i(e){var o=this;t.call(this,e),this.colors=[],this.inputActive=!1,this.events={},this.activeEvents={},this.deferredEvents={},this.id=e.id,(0<e.colors.length?e.colors:[e.color]).forEach(function(n){return o.addColor(n)}),this.setActiveColor(0),this.state=Object.assign({},e,{color:this.color,colors:this.colors,layout:e.layout})}return t&&(i.__proto__=t),((i.prototype=Object.create(t&&t.prototype)).constructor=i).prototype.addColor=function(e,o){o===void 0&&(o=this.colors.length);var n=new le(e,this.onColorChange.bind(this));this.colors.splice(o,0,n),this.colors.forEach(function(l,d){return l.index=d}),this.state&&this.setState({colors:this.colors}),this.deferredEmit("color:init",n)},i.prototype.removeColor=function(e){var o=this.colors.splice(e,1)[0];o.unbind(),this.colors.forEach(function(n,l){return n.index=l}),this.state&&this.setState({colors:this.colors}),o.index===this.color.index&&this.setActiveColor(0),this.emit("color:remove",o)},i.prototype.setActiveColor=function(e){this.color=this.colors[e],this.state&&this.setState({color:this.color}),this.emit("color:setActive",this.color)},i.prototype.setColors=function(e,o){var n=this;o===void 0&&(o=0),this.colors.forEach(function(l){return l.unbind()}),this.colors=[],e.forEach(function(l){return n.addColor(l)}),this.setActiveColor(o),this.emit("color:setAll",this.colors)},i.prototype.on=function(e,o){var n=this,l=this.events;(Array.isArray(e)?e:[e]).forEach(function(d){(l[d]||(l[d]=[])).push(o),n.deferredEvents[d]&&(n.deferredEvents[d].forEach(function(u){o.apply(null,u)}),n.deferredEvents[d]=[])})},i.prototype.off=function(e,o){var n=this;(Array.isArray(e)?e:[e]).forEach(function(l){var d=n.events[l];d&&d.splice(d.indexOf(o),1)})},i.prototype.emit=function(e){for(var o=this,n=[],l=arguments.length-1;0<l--;)n[l]=arguments[l+1];var d=this.activeEvents;d.hasOwnProperty(e)&&d[e]||(d[e]=!0,(this.events[e]||[]).forEach(function(u){return u.apply(o,n)}),d[e]=!1)},i.prototype.deferredEmit=function(e){for(var o,n=[],l=arguments.length-1;0<l--;)n[l]=arguments[l+1];var d=this.deferredEvents;(o=this).emit.apply(o,[e].concat(n)),(d[e]||(d[e]=[])).push(n)},i.prototype.setOptions=function(e){this.setState(e)},i.prototype.resize=function(e){this.setOptions({width:e})},i.prototype.reset=function(){this.colors.forEach(function(e){return e.reset()}),this.setState({colors:this.colors})},i.prototype.onMount=function(e){this.el=e,this.deferredEmit("mount",this)},i.prototype.onColorChange=function(e,o){this.setState({color:this.color}),this.inputActive&&(this.inputActive=!1,this.emit("input:change",e,o)),this.emit("color:change",e,o)},i.prototype.emitInputEvent=function(e,o){e===0?this.emit("input:start",this.color,o):e===1?this.emit("input:move",this.color,o):e===2&&this.emit("input:end",this.color,o)},i.prototype.render=function(e,o){var n=this,l=o.layout;return Array.isArray(l)||(l=[{component:Xe},{component:we}],o.transparency&&l.push({component:we,options:{sliderType:"alpha"}})),w("div",{class:"IroColorPicker",id:o.id,style:{display:o.display}},l.map(function(d,u){var f=d.component,p=d.options;return w(f,Object.assign({},o,p,{ref:void 0,onInput:n.emitInputEvent.bind(n),parent:n,index:u}))}))},i}(L);Ge.defaultProps=Object.assign({},{width:300,height:300,color:"#fff",colors:[],padding:6,layoutDirection:"vertical",borderColor:"#fff",borderWidth:0,handleRadius:8,activeHandleRadius:null,handleSvg:null,handleProps:{x:0,y:0},wheelLightness:!0,wheelAngle:0,wheelDirection:"anticlockwise",sliderSize:null,sliderMargin:12,boxHeight:null},{colors:[],display:"block",id:null,layout:"default",margin:null});var Se,$e,ue,se,ht=(ke.prototype=(Se=Ge).prototype,Object.assign(ke,Se),ke.I=Se,ke);function ke(t,i){var e,o=document.createElement("div");function n(){var l=t instanceof Element?t:document.querySelector(t);l.appendChild(e.base),e.onMount(l)}return function(l,d,u){var f,p,g;a.i&&a.i(l,d),p=(f=u===b)?null:d.n,l=w(X,null,[l]),g=[],de(d,d.n=l,p||v,v,d.ownerSVGElement!==void 0,p?null:F.slice.call(d.childNodes),g,!1,v,f),ce(g,l)}(w(Se,Object.assign({},{ref:function(l){return e=l}},i)),o),document.readyState!=="loading"?n():document.addEventListener("DOMContentLoaded",n),e}return(ue=$e=$e||{}).version="5.5.2",ue.Color=le,ue.ColorPicker=ht,(se=ue.ui||(ue.ui={})).h=w,se.ComponentBase=xe,se.Handle=re,se.Slider=we,se.Wheel=Xe,se.Box=ct,$e});const __CJS__export_default__=(module.exports==null?{}:module.exports).default||module.exports,styles={dialogTitle:{display:"flex",justifyContent:"space-between",alignItems:"center"}};class InventwoWidgetUniversal extends InventwoGeneric{constructor(a){super(a),this.state.currentView=null,this.state.dialogOpen=!1,this.state.showFeedback=!1,this.state.isMounted=!1,this.state.svgRef=React.createRef(),this.state.previousOidValue=null}static getWidgetInfo(){return{id:"tplInventwoWidgetUniversal",visSet:"vis-2-widgets-inventwo",visSetLabel:"set_label",visWidgetLabel:"widget_universal",visName:"widget_universal",visSetColor:"rgba(69, 86, 24, 1)",visAttrs:[{name:"common",fields:[{name:"type",type:"select",options:[{value:"switch",label:"switch"},{value:"button",label:"button"},{value:"nav",label:"nav"},{value:"readonly",label:"read_only"},{value:"viewInDialog",label:"view_in_dialog"},{value:"increaseDecreaseValue",label:"increase_decrease_value"},{value:"http",label:"send_http"}],default:"switch",label:"type",tooltip:"tooltip_widget_type"},{name:"mode",type:"select",options:[{value:"singleButton",label:"single_button"},{value:"separatedButtons",label:"separated_buttons"}],default:"singleButton",label:"mode",tooltip:"tooltip_widget_mode"},{name:"direction",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"row",label:"direction",hidden:'data.mode == "singleButton"'},{name:"oid",type:"id",label:"oid"},{name:"url",type:"text",label:"url",hidden:'data.type != "http"'},{name:"httpType",type:"select",options:[{value:"send",label:"send_request"},{value:"open",label:"open_url"},{value:"openNewTab",label:"open_url_new_tab"}],default:"send",label:"http_type",hidden:'data.type != "http"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data.type != "viewInDialog") || data.mode == "separatedButtons"'},{name:"valueFalse",type:"text",label:"value_false",hidden:'data.type != "switch" || data.mode == "separatedButtons"'},{name:"valueTrue",type:"text",label:"value_true",hidden:'data.mode == "separatedButtons" || data.type == "http"'},{name:"buttonSize",type:"slider",min:1,max:200,step:10,default:110,label:"button_size",hidden:'data.mode == "singleButton"'},{name:"btnSpacing",type:"slider",min:0,max:50,step:1,default:10,label:"button_spacing",hidden:'data.mode == "singleButton"'},{name:"countStates",type:"number",default:1,label:"count_states",hidden:"data.countStates > 0"},{name:"buttonHoldValue",type:"checkbox",default:!1,label:"button_hold_value",tooltip:"tooltip_button_hold_value",hidden:'data.type != "button"'}]},{name:"attr_group_type_view_in_dialog",label:"attr_group_type_view_in_dialog",hidden:'data.type != "viewInDialog"',fields:[{name:"dialogFullscreen",type:"checkbox",label:"dialog_fullscreen",hidden:'data.type != "viewInDialog"'},{name:"dialogCloseOnClickOutside",type:"checkbox",label:"dialog_close_on_click_outside",hidden:'data.type != "viewInDialog" || data.dialogFullscreen'},{name:"dialogWidth",type:"slider",min:1,max:1e3,step:1,default:500,label:"dialog_width",hidden:"data.dialogFullscreen"},{name:"dialogHeight",type:"slider",min:1,max:1e3,step:1,default:300,label:"dialog_height",hidden:"data.dialogFullscreen"},{name:"dialogPadding",type:"slider",min:0,max:50,step:1,default:10,label:"padding"},{name:"dialogBackground",type:"color",default:"rgb(18, 18, 18)",label:"background"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_titlebar"},{name:"dialogTitle",type:"html",label:"title"},{name:"dialogTitleColor",type:"color",default:"rgb(255,255,255)",label:"color"},{name:"dialogTitleSize",type:"slider",min:0,max:50,step:1,default:20,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_close_button"},{name:"dialogCloseButtonBackground",type:"color",default:"rgba(255,255,255,0)",label:"background"},{name:"dialogCloseButtonColor",type:"color",default:"rgba(255,255,255,1)",label:"color"},{name:"dialogCloseButtonSize",type:"slider",min:0,max:50,step:1,default:14,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_border_radius"},{name:"dialogBorderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"dialogBorderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"dialogBorderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"dialogBorderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_click_feedback",label:"attr_group_click_feedback",fields:[{name:"clickThrough",type:"checkbox",default:!1,label:"click_through"},{label:"from_widget",name:"clickFeedbackFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0,hidden:"!!data.clickThrough"},{name:"feedbackDuration",type:"slider",min:0,max:5e3,step:100,default:0,label:"duration",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{type:"delimiter",hidden:"!!data.clickThrough"},{type:"help",text:"vis_2_widgets_inventwo_colors",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{name:"contentColorFeedback",type:"color",label:"content_color",hidden:'!!data.clickThrough || !!data.clickFeedbackFromWidget || data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"backgroundFeedback",type:"color",default:"rgba(69, 86, 24, 1)",label:"background",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{name:"textColorFeedback",type:"color",label:"text_color",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{name:"borderColorFeedback",type:"color",label:"border_color",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{name:"outerShadowColorFeedback",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"},{name:"innerShadowColorFeedback",type:"color",label:"inner_shadow_color",hidden:"!!data.clickThrough || !!data.clickFeedbackFromWidget"}]},{name:"attr_group_state_default",label:"attr_group_state_default",fields:[{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text",hidden:'data.mode == "separatedButtons"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.mode == "separatedButtons" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.mode == "separatedButtons" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.mode == "separatedButtons" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{label:"from_widget",name:"defaultColorsStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"contentColor",type:"color",label:"content_color",hidden:'!!data.defaultColorsStyleFromWidget || data.mode == "separatedButtons" || (data.contentType != "icon" && data.contentType != "image")'},{name:"background",type:"color",label:"background",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"textColor",type:"color",label:"text_color",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"borderColor",type:"color",label:"border_color",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color",hidden:"!!data.defaultColorsStyleFromWidget"}]},{name:"countStates",indexFrom:1,indexTo:"countStates",label:"attr_group_states",fields:[{type:"help",text:"vis_2_widgets_inventwo_condition"},{name:"compareBy",type:"select",options:[{value:"default",label:"compare_by_widget_default"},{value:"value",label:"value"},{value:"view",label:"view"}],default:"default",label:"compare_by",hidden:'data.mode == "separatedButtons"',tooltip:"tooltip_compare_by"},{name:"oid",type:"id",label:"oid",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view" || data.mode == "separatedButtons"',tooltip:"tooltip_state_oid"},{name:"comparisonOperator",type:"select",options:[{value:"===",label:"equal"},{value:"!=",label:"not_equal"},{value:">",label:"greater"},{value:"<",label:"lower"},{value:">=",label:"greater_equal"},{value:"<=",label:"lower_equal"}],default:"===",label:"comparison_operator",hidden:'data.type == "nav" || data["compareBy" + index] == "view" || data.mode == "separatedButtons"'},{name:"value",type:"text",label:"value",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data["compareBy" + index] != "view") || data["compareBy" + index] == "value"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text"},{name:"textTrue",type:"html",label:"text_true",hidden:'data.mode == "singleButton"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.contentType != "icon"'},{name:"iconTrue",type:"icon64",label:"icon_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.contentType != "image"'},{name:"imageTrue",type:"image",label:"image_true",hidden:'data.mode == "singleButton" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.contentType != "html"'},{name:"htmlTrue",type:"html",label:"text_html_true",hidden:'data.mode == "singleButton" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.contentType != "viewInWidget"'},{name:"viewInWidgetTrue",type:"views",label:"view_in_widget_true",hidden:'data.mode == "singleButton" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.contentType != "icon" && data.contentType != "image"'},{name:"contentColorTrue",type:"color",label:"content_color_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"background",type:"color",default:"rgb(69,86,24)",label:"background"},{name:"backgroundTrue",type:"color",default:"rgb(69,86,24)",label:"background_true",hidden:'data.mode == "singleButton"'},{name:"textColor",type:"color",label:"text_color"},{name:"textColorTrue",type:"color",label:"text_color_true",hidden:'data.mode == "singleButton"'},{name:"borderColor",type:"color",label:"border_color"},{name:"borderColorTrue",type:"color",label:"border_color_true",hidden:'data.mode == "singleButton"'},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)"},{name:"outerShadowColorTrue",type:"color",label:"outer_shadow_color_true",hidden:'data.mode == "singleButton"',default:"rgb(0,0,0)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"},{name:"innerShadowColorTrue",type:"color",label:"inner_shadow_color_true",hidden:'data.mode == "singleButton"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_content"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:0,label:"content_size"}]},{name:"attr_content_color_picker",label:"attr_content_color_picker",hidden:'data.contentType != "colorPicker"',fields:[{name:"colorPickerColorModel",type:"select",options:[{value:"hex",label:"hex"},{value:"hex8",label:"hex_8"},{value:"rgb",label:"rgb"},{value:"hsl",label:"hsl"},{value:"hsv",label:"hsv"},{value:"cie",label:"cie"}],default:"hex",label:"color_model"},{name:"colorPickerOid",type:"id",hidden:'data.colorPickerColorModel === "rgb" || data.colorPickerColorModel === "hsl" || data.colorPickerColorModel === "hsv"',label:"oid"},{name:"colorPickerOid1",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_1"},{name:"colorPickerOid2",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_2"},{name:"colorPickerOid3",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_3"},{type:"help",text:"vis_2_widgets_inventwo_layout_size"},{name:"colorPickerWidth",type:"slider",min:0,max:500,step:1,default:200,label:"width"},{name:"colorPickerHandleSize",type:"slider",min:0,max:20,step:1,default:8,label:"handle_size"},{name:"colorPickerHandleMargin",type:"slider",min:0,max:20,step:1,default:6,label:"handle_margin"},{name:"colorPickerComponentsSpace",type:"slider",min:0,max:50,step:1,default:12,label:"components_space"},{name:"colorPickerDirection",type:"select",options:[{value:"vertical",label:"vertical"},{value:"horizontal",label:"horizontal"}],default:"vertical",label:"direction"},{name:"colorPickerBorderWidth",type:"slider",min:0,max:10,step:1,default:0,label:"border_width"},{name:"colorPickerBorderColor",type:"color",label:"border_color"},{type:"help",text:"vis_2_widgets_inventwo_components"},{name:"colorPickerShowWheel",type:"checkbox",default:!0,label:"show_wheel"},{name:"colorPickerShowBox",type:"checkbox",label:"show_box"},{name:"colorPickerShowHue",type:"checkbox",label:"show_hue"},{name:"colorPickerShowSaturation",type:"checkbox",default:!0,label:"show_Saturation"},{name:"colorPickerShowValue",type:"checkbox",default:!0,label:"show_value"},{name:"colorPickerShowRed",type:"checkbox",label:"show_red"},{name:"colorPickerShowGreen",type:"checkbox",label:"show_green"},{name:"colorPickerShowBlue",type:"checkbox",label:"show_blue"},{name:"colorPickerShowAlpha",type:"checkbox",label:"show_Alpha"},{name:"colorPickerShowKelvin",type:"checkbox",label:"show_kelvin"}]},{name:"attr_group_css_text",label:"attr_group_css_text",fields:[{label:"from_widget",name:"textStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"textDecoration",type:"select",options:[{value:"none",label:"none"},{value:"underline",label:"underline"},{value:"overline",label:"overline"},{value:"line-through",label:"line-through"}],default:"none",label:"text_decoration",hidden:"!!data.textStyleFromWidget"},{name:"textMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top",hidden:"!!data.textStyleFromWidget"},{name:"textMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom",hidden:"!!data.textStyleFromWidget"},{name:"textMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left",hidden:"!!data.textStyleFromWidget"},{name:"textMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right",hidden:"!!data.textStyleFromWidget"}]},{name:"attr_group_css_content",label:"attr_group_css_content",fields:[{label:"from_widget",name:"contentStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"contentType",type:"select",options:[{value:"icon",label:"icon"},{value:"image",label:"image"},{value:"html",label:"text_html"},{value:"viewInWidget",label:"view_in_widget"},{value:"colorPicker",label:"color_picker"}],default:"icon",label:"content_type",tooltip:"tooltip_content_type"},{name:"contentMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right",hidden:"!!data.contentStyleFromWidget"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:40,label:"content_size",hidden:"!!data.contentStyleFromWidget"},{name:"contentRotation",type:"slider",min:-180,max:180,step:1,default:0,label:"rotation",hidden:"!!data.contentStyleFromWidget"},{name:"contentMirror",type:"checkbox",default:!1,label:"mirror",hidden:"!!data.contentStyleFromWidget"}]},{name:"attr_group_css_alignment",label:"attr_group_css_alignment",fields:[{label:"from_widget",name:"alignmentStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"flexDirection",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"column",label:"direction",hidden:"!!data.alignmentStyleFromWidget"},{name:"alignItems",type:"select",options:[{value:"flex-start",label:"start"},{value:"center",label:"center"},{value:"flex-end",label:"end"},{value:"space-between",label:"space between"}],default:"space-between",label:"alignment",hidden:"!!data.alignmentStyleFromWidget"},{name:"textAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"start",label:"text_align",hidden:"!!data.alignmentStyleFromWidget"},{name:"contentAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"center",label:"content_align",hidden:"!!data.alignmentStyleFromWidget"},{name:"invertOrder",type:"checkbox",label:"invert_order",hidden:"!!data.alignmentStyleFromWidget"}]},{name:"attr_group_css_transparency",label:"attr_group_css_transparency",fields:[{label:"from_widget",name:"transparencyStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"backgroundOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"background_opacity",hidden:"!!data.transparencyStyleFromWidget"},{name:"contentOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"content_opacity",hidden:"!!data.transparencyStyleFromWidget"}]},{name:"attr_group_css_spacing",label:"attr_group_css_spacing",fields:[{label:"from_widget",name:"spacingStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"paddingLeft",type:"slider",min:0,max:50,step:1,default:10,label:"padding_left",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingRight",type:"slider",min:0,max:50,step:1,default:10,label:"padding_right",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingTop",type:"slider",min:0,max:50,step:1,default:10,label:"padding_top",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingBottom",type:"slider",min:0,max:50,step:1,default:10,label:"padding_bottom",hidden:"!!data.spacingStyleFromWidget"}]},{name:"attr_group_css_border_radius",label:"attr_group_css_border_radius",fields:[{label:"from_widget",name:"borderRadiusStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"borderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left",hidden:"!!data.borderRadiusStyleFromWidget"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{label:"from_widget",name:"borderStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right",hidden:"!!data.borderStyleFromWidget"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style",hidden:"!!data.borderStyleFromWidget"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{label:"from_widget",name:"outerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.outerShadowStyleFromWidget"}]},{name:"attr_group_css_inner_shadow",label:"attr_group_css_inner_shadow",fields:[{label:"from_widget",name:"innerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"innerShadowX",type:"slider",min:0,max:50,step:1,default:0,label:"x_offset",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowY",type:"slider",min:0,max:50,step:1,default:0,label:"y_offset",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowBlur",type:"slider",min:0,max:50,step:1,default:0,label:"blur",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowSize",type:"slider",min:0,max:50,step:1,default:0,label:"size",hidden:"!!data.innerShadowStyleFromWidget"}]}],visDefaultStyle:{width:110,height:110,position:"absolute",overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-universal.png"}}propertiesUpdate(){if(this.state.rxData.contentType==="colorPicker"){const a=[];this.state.rxData.colorPickerShowWheel&&a.push({component:__CJS__export_default__.ui.Wheel,options:{}}),this.state.rxData.colorPickerShowBox&&a.push({component:__CJS__export_default__.ui.Box,options:{}}),this.state.rxData.colorPickerShowHue&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"hue"}}),this.state.rxData.colorPickerShowSaturation&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"saturation"}}),this.state.rxData.colorPickerShowValue&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"value"}}),this.state.rxData.colorPickerShowRed&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"red"}}),this.state.rxData.colorPickerShowGreen&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"green"}}),this.state.rxData.colorPickerShowBlue&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"blue"}}),this.state.rxData.colorPickerShowAlpha&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"alpha"}}),this.state.rxData.colorPickerShowKelvin&&a.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"kelvin"}});const r=document.querySelector(`#${this.props.id} .vis-inventwo-widget-color-picker-wrapper`);r.innerHTML="",this.state.colorPicker=new __CJS__export_default__.ColorPicker(r,{width:this.state.rxData.colorPickerWidth,color:"#ffff00",layout:a,handleRadius:this.state.rxData.colorPickerHandleSize,padding:this.state.rxData.colorPickerHandleMargin,margin:this.state.rxData.colorPickerComponentsSpace,layoutDirection:this.state.rxData.colorPickerDirection,borderWidth:this.state.rxData.colorPickerBorderWidth,borderColor:this.state.rxData.colorPickerBorderColor}),this.state.colorPicker.on("input:change",s=>{switch(this.state.rxData.colorPickerColorModel){case"hex":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,s.hexString);break;case"hex8":this.state.rxData.colorPickerOid&&this.props.context.setValue(this.state.rxData.colorPickerOid,s.hex8String);break;case"rgb":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,s.rgb.r),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,s.rgb.g),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,s.rgb.b);break;case"hsl":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,s.hsl.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,s.hsl.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,s.hsl.l);break;case"hsv":this.state.rxData.colorPickerOid1&&this.props.context.setValue(this.state.rxData.colorPickerOid1,s.hsv.h),this.state.rxData.colorPickerOid2&&this.props.context.setValue(this.state.rxData.colorPickerOid2,s.hsv.s),this.state.rxData.colorPickerOid3&&this.props.context.setValue(this.state.rxData.colorPickerOid3,s.hsv.v);break}}),this.setColorPickerColor()}}async setColorPickerColor(){const a=this.state.rxData.colorPickerColorModel,r=this.state.rxData.colorPickerOid?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid)).val:void 0,s=this.state.rxData.colorPickerOid1?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid1)).val:void 0,h=this.state.rxData.colorPickerOid2?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid2)).val:void 0,b=this.state.rxData.colorPickerOid3?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid3)).val:void 0;switch(a){case"hex":r&&/^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(r)?this.state.colorPicker.color.hexString=r:this.state.colorPicker.color.hexString="#ffffff";break;case"hex8":r&&/^#([A-Fa-f0-9]{8}$)/.test(r)?this.state.colorPicker.color.hex8String=r:this.state.colorPicker.color.hexString="#ffffffff";break;case"rgb":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.rgb={r:s,g:h,b}:this.state.colorPicker.color.rgb={r:255,g:255,b:255};break;case"hsl":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.hsl={h:s,s:h,l:b}:this.state.colorPicker.color.hsl={h:330,s:0,l:100};break;case"hsv":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.hsv={h:s,s:h,v:b}:this.state.colorPicker.color.hsv={h:0,s:0,v:100};break}}componentDidMount(){super.componentDidMount(),this.propertiesUpdate(),setTimeout(()=>{this.state.isMounted=!0},500),!this.props.editMode&&this.state.rxData.clickThrough&&(this.refService.current.style.pointerEvents="none")}getWidgetInfo(){return InventwoWidgetUniversal.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(a,r){if(this.state.rxData.type==="viewInDialog"&&a===this.state.rxData.oid&&!this.props.editMode){const s=this.convertValue(this.state.rxData.valueTrue);this.state.isMounted&&(s===r.val?this.setState({dialogOpen:!0}):this.setState({dialogOpen:!1}))}}eval(value1,value2,operator="==="){return isNaN(value1)&&(value1=`"${value1}"`),isNaN(value2)&&(value2=`"${value2}"`),eval(`${value1} ${operator} ${value2}`)}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}compare(a,r,s="==="){switch(s){case"===":case"==":return a===r;case"<":return a<r;case">":return a>r;case"<=":return a<=r;case">=":return a>=r;case"!=":return a!==r;default:return!1}}getValueData(a=null){let r=null,s=null,h=null;if(a===null)for(let k=1;k<=this.state.rxData.countStates;k++){let E=this.state.rxData[`compareBy${k}`];E==null&&(E="default");let U=this.state.rxData[`comparisonOperator${k}`];U==null&&(U="===");let G=this.state.rxData.valueTrue;this.validOid(this.state.rxData[`oid${k}`])&&this.state.rxData[`value${k}`]!==void 0&&this.state.rxData[`value${k}`]!==null&&(G=this.state.rxData[`value${k}`]),G=this.convertValue(G);const q=E==="default"&&this.state.rxData.type==="nav"||E==="view";if(!q){if(this.validOid(this.state.rxData[`oid${k}`]))r=this.state.rxData[`oid${k}`];else if(this.validOid(this.state.rxData.oid))r=this.state.rxData.oid;else continue;s=this.getValue(r)}if((E==="default"&&this.state.rxData.type!=="nav"||E==="value")&&this.compare(s,G,U)||q&&this.state.rxData.mode==="singleButton"&&this.state.rxData.countStates===1&&this.state.rxData.view===this.props.view||q&&this.state.rxData.countStates>1&&this.state.rxData[`view${k}`]===this.props.view){h=this.getStateData(k);break}}else r=this.state.rxData.oid,s=this.getValue(r),(this.state.rxData.type==="switch"||this.state.rxData.type==="button"||this.state.rxData.type==="readonly")&&s===this.convertValue(this.state.rxData[`value${a}`])||this.state.rxData.type==="nav"&&this.state.rxData[`view${a}`]===this.props.view?h=this.getStateData(a,!0):h=this.getStateData(a);if(h===null){const k=this.getStyle("defaultColorsStyleFromWidget",this.groupAttrs.attr_group_state_default);h={background:k.background,icon:this.state.rxData.icon,image:this.state.rxData.image,contentColor:k.contentColor,text:this.state.rxData.text,textColor:k.textColor,outerShadowColor:k.outerShadowColor,innerShadowColor:k.innerShadowColor,borderColor:k.borderColor,html:this.state.rxData.html,viewInWidget:this.state.rxData.viewInWidget,contentBlinkInterval:this.state.rxData.contentBlinkInterval,contentSize:this.state.rxData.contentSize}}const b=this.getStyle("textStyleFromWidget",this.groupAttrs.attr_group_css_text),v=this.getStyle("contentStyleFromWidget",this.groupAttrs.attr_group_css_content),F=this.getStyle("alignmentStyleFromWidget",this.groupAttrs.attr_group_css_alignment),B=this.getStyle("transparencyStyleFromWidget",this.groupAttrs.attr_group_css_transparency),D=this.getStyle("spacingStyleFromWidget",this.groupAttrs.attr_group_css_spacing),N=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius),w=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),Z=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),X=this.getStyle("innerShadowStyleFromWidget",this.groupAttrs.attr_group_css_inner_shadow),L=this.getStyle("clickFeedbackFromWidget",this.groupAttrs.attr_group_click_feedback);return h.styles={...b,...v,...F,...B,...D,...N,...w,...Z,...X,...L},this.state.showFeedback&&!this.state.rxData.clickThrough&&(h=this.replaceWithClickFeedbackData(h)),h}getStateData(a,r=!1){const s={background:this.state.rxData[`background${a}`],icon:this.state.rxData[`icon${a}`],image:this.state.rxData[`image${a}`],contentColor:this.state.rxData[`contentColor${a}`],text:this.state.rxData[`text${a}`],textColor:this.state.rxData[`textColor${a}`],outerShadowColor:this.state.rxData[`outerShadowColor${a}`],innerShadowColor:this.state.rxData[`innerShadowColor${a}`],borderColor:this.state.rxData[`borderColor${a}`],html:this.state.rxData[`html${a}`],viewInWidget:this.state.rxData[`viewInWidget${a}`],contentBlinkInterval:this.state.rxData[`contentBlinkInterval${a}`],contentSize:this.state.rxData[`contentSize${a}`]>0?this.state.rxData[`contentSize${a}`]:this.state.rxData.contentSize};return r&&(s.background=this.state.rxData[`backgroundTrue${a}`],s.icon=this.state.rxData[`iconTrue${a}`],s.image=this.state.rxData[`imageTrue${a}`],s.contentColor=this.state.rxData[`contentColorTrue${a}`],s.text=this.state.rxData[`textTrue${a}`],s.html=this.state.rxData[`htmlTrue${a}`],s.viewInWidget=this.state.rxData[`viewInWidgetTrue${a}`],s.textColor=this.state.rxData[`textColorTrue${a}`],s.borderColor=this.state.rxData[`borderColorTrue${a}`],s.outerShadowColor=this.state.rxData[`outerShadowColorTrue${a}`],s.innerShadowColor=this.state.rxData[`innerShadowColorTrue${a}`]),s}replaceWithClickFeedbackData(a){return this.validFieldValue(a.styles.backgroundFeedback)&&(a.background=a.styles.backgroundFeedback),this.validFieldValue(a.styles.contentColorFeedback)&&(a.contentColor=a.styles.contentColorFeedback),this.validFieldValue(a.styles.textColorFeedback)&&(a.textColor=a.styles.textColorFeedback),this.validFieldValue(a.styles.outerShadowColorFeedback)&&(a.outerShadowColor=a.styles.outerShadowColorFeedback),this.validFieldValue(a.styles.innerShadowColorFeedback)&&(a.innerShadowColor=a.styles.innerShadowColorFeedback),this.validFieldValue(a.styles.borderColorFeedback)&&(a.borderColor=a.styles.borderColorFeedback),a}onClick(a=null,r=null){if(!this.isInteractionAllowed(r))return;const s=this.state.rxData.oid;switch(this.setState({showFeedback:!0}),this.state.rxData.type){case"switch":if(this.state.rxData.mode==="singleButton"){const D=this.convertValue(this.state.rxData.valueTrue);this.state.values[`${s}.val`]===D?this.props.context.setValue(s,this.convertValue(this.state.rxData.valueFalse)):this.props.context.setValue(s,D)}else this.props.context.setValue(s,this.convertValue(this.state.rxData[`value${a}`]));break;case"button":if(this.state.rxData.buttonHoldValue)break;const h=this.state.rxData.mode==="singleButton"?this.state.rxData.valueTrue:this.state.rxData[`value${a}`];this.props.context.setValue(s,this.convertValue(h));break;case"nav":const b=r.target.closest(".inventwo-dialog");if(b!=null)return;this.state.rxData.mode==="singleButton"?window.vis.changeView(this.state.rxData.view,this.state.rxData.view):window.vis.changeView(this.state.rxData[`view${a}`],this.state.rxData[`view${a}`]);break;case"viewInDialog":this.setState({dialogOpen:!0}),s&&this.props.context.setValue(s,this.convertValue(this.state.rxData.valueTrue));break;case"increaseDecreaseValue":let v=this.getValue(s);v+=this.convertValue(this.state.rxData.valueTrue),this.props.context.setValue(s,v);break;case"http":const F=this.state.rxData.httpType,B=this.state.rxData.url;if(F==="send"){const D=new XMLHttpRequest;D.open("GET",B),D.send()}else F==="open"?window.open(B,"_self"):F==="openNewTab"&&window.open(B,"_blank");break}}onBtnMouseDown(a=null,r=null){if(!this.isInteractionAllowed(r))return;const s=this.state.rxData.oid;switch(this.state.rxData.type){case"button":if(!this.state.rxData.buttonHoldValue)break;const h=this.state.rxData.mode==="singleButton"?this.state.rxData.valueTrue:this.state.rxData[`value${a}`];this.state.previousOidValue=this.getValue(s),this.props.context.setValue(s,this.convertValue(h));break}}onBtnMouseUp(a=null,r=null){if(!this.isInteractionAllowed(r))return;const s=this.state.rxData.oid;switch(this.state.rxData.type){case"button":if(!this.state.rxData.buttonHoldValue)break;this.props.context.setValue(s,this.state.previousOidValue);break}}renderWidgetBody(a){if(super.renderWidgetBody(a),this.wrappedContent=!0,this.state.showFeedback&&!this.state.rxData.clickThrough){let s=this.getStyle("clickFeedbackFromWidget",this.groupAttrs.attr_group_click_feedback).feedbackDuration;s===void 0&&(s=0),s>0?setTimeout(()=>{this.setState({showFeedback:!1})},s):this.setState({showFeedback:!1})}return this.buildWidgetBody()}buildWidgetBody(){const a=[];if(this.state.rxData.mode==="singleButton")a.push(this.getSingleCard());else{const r=[];for(let s=1;s<=this.state.rxData.countStates;s++)r.push(this.getSingleCard(s));a.push(jsxRuntimeExports.jsx("div",{style:{display:"flex",height:"100%",overflow:"auto",gap:`${this.state.rxData.btnSpacing}px`,flexDirection:this.state.rxData.direction,padding:10,margin:-10},children:r},"cardWrapper"))}return this.state.rxData.type==="viewInDialog"&&a.push(jsxRuntimeExports.jsxs(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Dialog,{className:"inventwo-dialog",open:this.state.dialogOpen,fullScreen:!0,sx:{"& .MuiDialog-container":{"& .MuiDialog-paper":{maxWidth:this.state.rxData.dialogFullscreen?"100%":`${this.state.rxData.dialogWidth+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")}`,maxHeight:this.state.rxData.dialogFullscreen?"100%":`${this.state.rxData.dialogHeight+(Number.isNaN(Number(this.state.rxData.dialogWidth))?"":"px")}`,background:this.state.rxData.dialogBackground,borderRadius:`
|
|
7
|
+
${this.state.rxData.dialogBorderRadiusTopLeft}px
|
|
8
|
+
${this.state.rxData.dialogBorderRadiusTopRight}px
|
|
9
|
+
${this.state.rxData.dialogBorderRadiusBottomRight}px
|
|
10
|
+
${this.state.rxData.dialogBorderRadiusBottomLeft}px
|
|
11
|
+
`},".MuiDialogContent-root":{padding:`${this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")}`},".MuiDialogTitle-root":{padding:`${this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")}`,color:this.state.rxData.dialogTitleColor}}},onClose:(r,s)=>{s&&s==="backdropClick"&&!this.state.rxData.dialogCloseOnClickOutside||this.setState({dialogOpen:!1})},children:[jsxRuntimeExports.jsxs(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.DialogTitle,{style:styles.dialogTitle,children:[jsxRuntimeExports.jsx("span",{children:this.state.rxData.dialogTitle}),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.IconButton,{onClick:()=>this.setState({dialogOpen:!1}),sx:{background:this.state.rxData.dialogCloseButtonBackground,color:this.state.rxData.dialogCloseButtonColor,"&:hover":{background:this.state.rxData.dialogCloseButtonBackground}},children:jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__.Close,{sx:{width:this.state.rxData.dialogCloseButtonSize,height:this.state.rxData.dialogCloseButtonSize}})})]}),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.DialogContent,{children:this.buildViewInWidget(this.state.rxData.view)})]},"dialog")),jsxRuntimeExports.jsx("div",{style:{overflow:"visible",height:"100%",width:"100%",fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]},children:a})}getContentIcon(a){return a.icon===null?"":jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.Icon,{src:a.icon,style:{width:a.contentSize,color:a.contentColor}})}getContentImage(a){const r=a.image;if(r===null)return"";const s=this.convertRgbToHex(a.contentColor);let h=null;return s&&(h=hexToCSSFilter(s)),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.Icon,{src:r,style:{width:a.contentSize,filter:h?h.filter:""}})}getContentHtml(a){return jsxRuntimeExports.jsx("div",{style:{fontSize:`${a.contentSize}px`},dangerouslySetInnerHTML:{__html:a.html}})}getContentViewInWidget(a){const r=a.viewInWidget;return this.buildViewInWidget(r)}buildViewInWidget(a){if(a===this.props.view)return jsxRuntimeExports.jsx("div",{children:"Cannot use recursive views"});const r={};return jsxRuntimeExports.jsx("div",{style:{position:"relative",overflow:"auto",height:"100%"},className:"inventwo-view-in-widget-wrapper",children:a?this.getWidgetView(a,{style:r}):null})}getCardContent(a){let r;switch(this.state.rxData.contentType){case"icon":r=this.getContentIcon(a);break;case"image":r=this.getContentImage(a);break;case"html":r=this.getContentHtml(a);break;case"viewInWidget":r=this.getContentViewInWidget(a);break;default:r=""}return jsxRuntimeExports.jsx("div",{className:this.state.rxData.contentType==="colorPicker"?"vis-inventwo-widget-color-picker-wrapper":"",style:{height:"100%",width:this.state.rxData.contentType==="viewInWidget"?"100%":"",transform:`rotateZ(${a.styles.contentRotation}deg)`,animation:a.contentBlinkInterval>0?`blink ${a.contentBlinkInterval/1e3}s infinite`:""},children:r})}buildCard(a,r,s){let h="";return a.outerShadowColor&&(h+=`${a.styles.outerShadowX}px ${a.styles.outerShadowY}px ${a.styles.outerShadowBlur}px ${a.styles.outerShadowSize}px ${a.outerShadowColor}`),a.innerShadowColor&&(h!==""&&(h+=", "),h+=`inset ${a.styles.innerShadowX}px ${a.styles.innerShadowY}px ${a.styles.innerShadowBlur}px ${a.styles.innerShadowSize}px ${a.innerShadowColor}`),jsxRuntimeExports.jsxs("div",{style:{width:r===null?"100%":"",height:r===null?"100%":"",flex:r!==null?`0 0 ${this.state.rxData.buttonSize}px`:"",position:"relative",border:a.styles.borderRadiusTopLeft,borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`},children:[jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Card,{className:"vis_rx_widget_card",style:{background:a.background,borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`,boxShadow:h,opacity:a.styles.backgroundOpacity,position:"absolute",inset:0,borderColor:a.borderColor,borderTopWidth:`${a.styles.borderSizeTop}px`,borderBottomWidth:`${a.styles.borderSizeBottom}px`,borderLeftWidth:`${a.styles.borderSizeLeft}px`,borderRightWidth:`${a.styles.borderSizeRight}px`,borderStyle:a.styles.borderStyle}}),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Card,{style:{cursor:this.state.rxData.type!=="readonly"?"pointer":"",background:"transparent",borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`,opacity:a.styles.contentOpacity,position:"absolute",inset:0,color:"unset",boxShadow:"none"},onClick:b=>this.onClick(r,b),onMouseDown:b=>this.onBtnMouseDown(r,b),onMouseUp:b=>this.onBtnMouseUp(r,b),children:jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.CardContent,{style:{padding:`${a.styles.paddingTop}px ${a.styles.paddingRight}px ${a.styles.paddingBottom}px ${a.styles.paddingLeft}px`,boxSizing:"border-box",width:"100%",height:"100%"},children:s})})]},r!==null?r:"")}getSingleCard(a=null){const r=this.getValueData(a),s=this.getCardContent(r),h=jsxRuntimeExports.jsxs("div",{style:{height:"100%",width:"100%",display:"flex",flexDirection:r.styles.flexDirection+(r.styles.invertOrder?"-reverse":""),justifyContent:r.styles.invertOrder&&r.styles.alignItems==="flex-start"?"flex-end":r.styles.invertOrder&&r.styles.alignItems==="flex-end"?"flex-start":r.styles.alignItems},children:[jsxRuntimeExports.jsx("div",{style:{display:"flex",justifyContent:r.styles.flexDirection==="column"?r.styles.contentAlign:"",alignSelf:r.styles.flexDirection==="row"?r.styles.contentAlign:"",transform:`scaleX(${r.styles.contentMirror?-1:1})`,height:this.state.rxData.contentType==="viewInWidget"?"100%":"",overflow:"hidden",margin:`${r.styles.contentMarginTop}px ${r.styles.contentMarginRight}px ${r.styles.contentMarginBottom}px ${r.styles.contentMarginLeft}px`},children:s}),jsxRuntimeExports.jsx("div",{style:{textAlign:this.state.rxStyle["text-align"],alignSelf:r.styles.textAlign,textDecoration:r.styles.textDecoration,color:r.textColor,margin:`${r.styles.textMarginTop}px ${r.styles.textMarginRight}px ${r.styles.textMarginBottom}px ${r.styles.textMarginLeft}px`},dangerouslySetInnerHTML:{__html:r.text}})]});return this.buildCard(r,a,h)}}export{InventwoWidgetUniversal as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-
|
|
1
|
+
import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js";import{j as h}from"./jsx-runtime-L-sPtBwb.js";import{p as w,b as j,g as R,s as _}from"./styled-C-Sk4649.js";import{f as z}from"./defaultTheme-XWDinf72.js";function I(o){var r,e,n="";if(typeof o=="string"||typeof o=="number")n+=o;else if(typeof o=="object")if(Array.isArray(o)){var t=o.length;for(r=0;r<t;r++)o[r]&&(e=I(o[r]))&&(n&&(n+=" "),n+=e)}else for(e in o)o[e]&&(n&&(n+=" "),n+=e);return n}function N(){for(var o,r,e=0,n="",t=arguments.length;e<t;e++)(o=arguments[e])&&(r=I(o))&&(n&&(n+=" "),n+=r);return n}function x(o,r){const e={...r};for(const n in o)if(Object.prototype.hasOwnProperty.call(o,n)){const t=n;if(t==="components"||t==="slots")e[t]={...o[t],...e[t]};else if(t==="componentsProps"||t==="slotProps"){const s=o[t],i=r[t];if(!i)e[t]=s||{};else if(!s)e[t]=i;else{e[t]={...i};for(const l in s)if(Object.prototype.hasOwnProperty.call(s,l)){const a=l;e[t][a]=x(s[a],i[a])}}}else e[t]===void 0&&(e[t]=o[t])}return e}function T(o,r,e=void 0){const n={};for(const t in o){const s=o[t];let i="",l=!0;for(let a=0;a<s.length;a+=1){const c=s[a];c&&(i+=(l===!0?"":" ")+r(c),l=!1,e&&e[c]&&(i+=" "+e[c]))}n[t]=i}return n}const P=m.createContext(void 0);function L({value:o,children:r}){return h.jsx(P.Provider,{value:o,children:r})}function A(o){const{theme:r,name:e,props:n}=o;if(!r||!r.components||!r.components[e])return n;const t=r.components[e];return t.defaultProps?x(t.defaultProps,n):!t.styleOverrides&&!t.variants?x(t,n):n}function M({props:o,name:r}){const e=m.useContext(P);return A({props:o,name:r,theme:{components:e}})}const C={theme:void 0};function O(o){let r,e;return function(t){let s=r;return(s===void 0||t.theme!==e)&&(C.theme=t.theme,s=w(o(C)),r=s,e=t.theme),s}}const $=O;function D(o){return M(o)}function U(o){return R("MuiSvgIcon",o)}const q=j("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),k=o=>{const{color:r,fontSize:e,classes:n}=o,t={root:["root",r!=="inherit"&&`color${z(r)}`,`fontSize${z(e)}`]};return T(t,U,n)},B=_("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:e}=o;return[r.root,e.color!=="inherit"&&r[`color${z(e.color)}`],r[`fontSize${z(e.fontSize)}`]]}})($(({theme:o})=>{var r,e,n,t,s,i,l,a,c,d,p,v,g,u;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(t=(r=o.transitions)==null?void 0:r.create)==null?void 0:t.call(r,"fill",{duration:(n=(e=(o.vars??o).transitions)==null?void 0:e.duration)==null?void 0:n.shorter}),variants:[{props:f=>!f.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((i=(s=o.typography)==null?void 0:s.pxToRem)==null?void 0:i.call(s,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((a=(l=o.typography)==null?void 0:l.pxToRem)==null?void 0:a.call(l,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((d=(c=o.typography)==null?void 0:c.pxToRem)==null?void 0:d.call(c,35))||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter(([,f])=>f&&f.main).map(([f])=>{var S,y;return{props:{color:f},style:{color:(y=(S=(o.vars??o).palette)==null?void 0:S[f])==null?void 0:y.main}}}),{props:{color:"action"},style:{color:(v=(p=(o.vars??o).palette)==null?void 0:p.action)==null?void 0:v.active}},{props:{color:"disabled"},style:{color:(u=(g=(o.vars??o).palette)==null?void 0:g.action)==null?void 0:u.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),b=m.forwardRef(function(r,e){const n=D({props:r,name:"MuiSvgIcon"}),{children:t,className:s,color:i="inherit",component:l="svg",fontSize:a="medium",htmlColor:c,inheritViewBox:d=!1,titleAccess:p,viewBox:v="0 0 24 24",...g}=n,u=m.isValidElement(t)&&t.type==="svg",f={...n,color:i,component:l,fontSize:a,instanceFontSize:r.fontSize,inheritViewBox:d,viewBox:v,hasSvgAsChild:u},S={};d||(S.viewBox=v);const y=k(f);return h.jsxs(B,{as:l,className:N(y.root,s),focusable:"false",color:c,"aria-hidden":p?void 0:!0,role:p?"img":void 0,ref:e,...S,...g,...u&&t.props,ownerState:f,children:[u?t.props.children:t,p?h.jsx("title",{children:p}):null]})});b.muiName="SvgIcon";function G(o,r){function e(n,t){return h.jsx(b,{"data-testid":`${r}Icon`,ref:t,...n,children:o})}return e.muiName=b.muiName,m.memo(m.forwardRef(e))}export{L as D,b as S,T as a,G as b,N as c,U as g,$ as m,x as r,q as s,D as u};
|