iobroker.vis-2-widgets-inventwo 0.3.3 → 0.3.5
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 +9 -3
- package/io-package.json +27 -27
- package/package.json +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoGeneric-D4TSslP6.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetCheckbox-DX3ORFGc.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSlider-ejvLhAV-.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSwitch-CdAAoW2d.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-t3jwKHkf.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-slNNWeZP.js +11 -0
- package/widgets/vis-2-widgets-inventwo/assets/_commonjsHelpers-B_uApUQq.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/createSvgIcon-BVtBa_de.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/defaultTheme-B9IKJkvV.js +16 -0
- package/widgets/vis-2-widgets-inventwo/assets/hostInit-D8zJ8suC.js +2 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-C-Jo2qj7.js +228 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-DE3vXMUF.js +934 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-DGue0Sbd.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-DZzhxPZw.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-efZo-HwM.js +9 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-f8cx2lwt.js +24 -0
- package/widgets/vis-2-widgets-inventwo/assets/index-mWZaEsQk.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/jsx-runtime-C86LZJaJ.js +9 -0
- package/widgets/vis-2-widgets-inventwo/assets/preload-helper-CmmR0tKU.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/styled-Ddrjhtlo.js +7 -0
- package/widgets/vis-2-widgets-inventwo/assets/tableRowClasses-Bn_tNoU4.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/translations-TYtjXUYG.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/tslib.es6-CltSRlLN.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/useTheme-3EfQxciw.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/virtualExposes-CjNsq_w1.js +2 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-XKEVvtpv.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js +5 -0
- package/widgets/vis-2-widgets-inventwo/customWidgets.js +2 -2
- package/widgets/vis-2-widgets-inventwo/assets/InventwoGeneric-Do6c4r7f.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetCheckbox-_YrimBEr.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSlider-BVVc6jB8.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSwitch-CQQ22uCH.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-DPFhl7qh.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-ejj22diV.js +0 -11
- package/widgets/vis-2-widgets-inventwo/assets/_commonjsHelpers-Cpj98o6Y.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/createSvgIcon-Dirk1fzx.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/defaultTheme-XWDinf72.js +0 -16
- package/widgets/vis-2-widgets-inventwo/assets/hostInit-DEl-5FFs.js +0 -2
- package/widgets/vis-2-widgets-inventwo/assets/index-BOQ9Ch4b.js +0 -24
- package/widgets/vis-2-widgets-inventwo/assets/index-BZwp0C9O.js +0 -934
- package/widgets/vis-2-widgets-inventwo/assets/index-Bp2scStG.js +0 -228
- package/widgets/vis-2-widgets-inventwo/assets/index-CP5rmnWm.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/index-DHg6IYeq.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/index-Do-nCdWy.js +0 -9
- package/widgets/vis-2-widgets-inventwo/assets/jsx-runtime-L-sPtBwb.js +0 -9
- package/widgets/vis-2-widgets-inventwo/assets/preload-helper-Dp1pzeXC.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/styled-C-Sk4649.js +0 -7
- package/widgets/vis-2-widgets-inventwo/assets/tableRowClasses-Uw2Q9rTJ.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/translations-BCRKdeVM.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/tslib.es6-z-B97Qc8.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/useTheme-DeaHMHi5.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/virtualExposes-DwdeNEgT.js +0 -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 +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CJjVQHyq.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare__react__loadShare__-DCUJsUyj.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-BJeC_1Nc.js +0 -5
package/README.md
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|

|
|
2
2
|
# inventwo Widgets for ioBroker.vis 2.0
|
|
3
3
|
|
|
4
|
-

|
|
4
|
+

|
|
5
5
|

|
|
6
|
-
[](https://www.npmjs.com/package/iobroker.vis-2-widgets-inventwo)
|
|
7
7
|
[](https://www.npmjs.com/package/iobroker.vis-2-widgets-inventwo)
|
|
8
8
|
|
|
9
|
-
[](https://www.paypal.com/donate/?hosted_button_id=7W6M3TFZ4W9LW)
|
|
10
10
|
|
|
11
11
|
## About
|
|
12
12
|
Adds switches, buttons, sliders and more as widgets for ioBroker VIS 2.0.
|
|
@@ -39,6 +39,12 @@ Switches
|
|
|
39
39
|
Placeholder for the next version (at the beginning of the line):
|
|
40
40
|
### **WORK IN PROGRESS**
|
|
41
41
|
-->
|
|
42
|
+
### 0.3.5 (2025-08-10)
|
|
43
|
+
- Fix for previous version
|
|
44
|
+
|
|
45
|
+
### 0.3.4 (2025-08-09)
|
|
46
|
+
- Added code to print console logs to a widget for debugging purposes
|
|
47
|
+
|
|
42
48
|
### 0.3.3 (2025-07-16)
|
|
43
49
|
- Added option to click through universal widget
|
|
44
50
|
- Fixed state not used then oid is left empty
|
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.5",
|
|
5
5
|
"news": {
|
|
6
|
+
"0.3.5": {
|
|
7
|
+
"en": "Fix for previous version",
|
|
8
|
+
"de": "Fix für die vorherige Version",
|
|
9
|
+
"ru": "Исправить предыдущую версию",
|
|
10
|
+
"pt": "Corrigir para a versão anterior",
|
|
11
|
+
"nl": "Fix voor vorige versie",
|
|
12
|
+
"fr": "Correction pour la version précédente",
|
|
13
|
+
"it": "Fissaggio per versione precedente",
|
|
14
|
+
"es": "Corrección para versión anterior",
|
|
15
|
+
"pl": "Popraw poprzednią wersję",
|
|
16
|
+
"uk": "Виправлення попередньої версії",
|
|
17
|
+
"zh-cn": "修复上一个版本"
|
|
18
|
+
},
|
|
19
|
+
"0.3.4": {
|
|
20
|
+
"en": "Added code to print console logs to a widget for debugging purposes",
|
|
21
|
+
"de": "Code hinzugefügt, um Konsolenprotokolle zu einem Widget für Debugging Zwecke zu drucken",
|
|
22
|
+
"ru": "Добавлен код для печати журналов консоли в виджет для целей отладки",
|
|
23
|
+
"pt": "Adicionado código para imprimir registros de console para um widget para fins de depuração",
|
|
24
|
+
"nl": "Code toegevoegd om consolelogs af te drukken aan een widget voor debuggen",
|
|
25
|
+
"fr": "Ajout de code pour imprimer les journaux de console à un widget pour le débogage",
|
|
26
|
+
"it": "Codice aggiunto per stampare i registri della console a un widget per scopi di debugging",
|
|
27
|
+
"es": "Código añadido para imprimir registros de consola a un widget para propósitos depuradores",
|
|
28
|
+
"pl": "Dodano kod do drukowania dzienników konsoli do widżetu do celów debugowania",
|
|
29
|
+
"uk": "Додано код для друку журналів консолі до віджету для цілей відключення",
|
|
30
|
+
"zh-cn": "为调试目的将代码添加到打印控制台日志到部件中"
|
|
31
|
+
},
|
|
6
32
|
"0.3.3": {
|
|
7
33
|
"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
34
|
"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",
|
|
@@ -67,32 +93,6 @@
|
|
|
67
93
|
"pl": "Emisja stałych budynków",
|
|
68
94
|
"uk": "Виправлено проблему побудови",
|
|
69
95
|
"zh-cn": "固定建筑问题"
|
|
70
|
-
},
|
|
71
|
-
"0.2.0": {
|
|
72
|
-
"en": "Fixed dialog is opened on page load and view change\nNew widget: Table",
|
|
73
|
-
"de": "Feste Dialog wird auf Seite laden und Ansicht ändern geöffnet\nNeues Widget: Tabelle",
|
|
74
|
-
"ru": "Фиксированный диалог открывается при загрузке страницы и изменении просмотра\nНовый виджет: стол",
|
|
75
|
-
"pt": "A caixa de diálogo fixa é aberta na página carregar e visualizar a mudança\nNovo widget: Tabela",
|
|
76
|
-
"nl": "Vast dialoogvenster wordt geopend op pagina laden en weergave wijzigen\nNieuw widget: Tabel",
|
|
77
|
-
"fr": "La boîte de dialogue fixe est ouverte lors du chargement et de la visualisation de la page\nNouveau widget : Table",
|
|
78
|
-
"it": "La finestra di dialogo fissa è aperta sul carico della pagina e la modifica della vista\nNuovo widget: Table",
|
|
79
|
-
"es": "Diálogo fijo se abre en la carga de página y el cambio de vista\nNuevo widget: Tabla",
|
|
80
|
-
"pl": "Stałe okno dialogowe jest otwierane przy obciążeniu strony i zmianie widoku\nNowy widget: Tabela",
|
|
81
|
-
"uk": "Виправлено діалогове вікно відкривається на завантаження сторінок та зміни перегляду\nНовий віджет: Стіл",
|
|
82
|
-
"zh-cn": "固定对话框在页面加载和视图更改时打开\n新部件: 表格"
|
|
83
|
-
},
|
|
84
|
-
"0.1.12": {
|
|
85
|
-
"en": "Fixed view in dialog is not triggered on state change and state value is not set when opened (#30)\nAdded function to color images (#38)\nAllow custom size for dialog by using binding (#39)\nFix dialog \"close on click from outside\" checkbox was inverted (#42)",
|
|
86
|
-
"de": "Feste Ansicht im Dialog wird bei geöffnetem Zustandswechsel nicht ausgelöst und Zustandswert nicht gesetzt (#30)\nFunktion zu Farbbildern hinzugefügt (#38)\nErlauben Sie benutzerdefinierte Größe für Dialog mit Bindung (#39)\nFix Dialog \"Klick von außen schließen\" Checkbox wurde invertiert (#42)",
|
|
87
|
-
"ru": "Фиксированный вид в диалоге не срабатывает при изменении состояния и значение состояния не устанавливается при открытии (#30)\nДобавлена функция цветных изображений (#38)\nРазрешить пользовательский размер для диалога с помощью связывания (#39)\nИсправлен диалог \"закрыть на клик снаружи\" флажок был перевернут (#42)",
|
|
88
|
-
"pt": "A visualização fixa na caixa de diálogo não é ativada na mudança do estado e o valor do estado não é definido quando aberto (#30)\nFunção adicionada a imagens coloridas (#38)\nPermitir tamanho personalizado para diálogo usando ligação (#39)\nCorrigir diálogo \"fechar no clique de fora\" caixa de seleção foi invertido (#42)",
|
|
89
|
-
"nl": "Vaste weergave in het dialoogvenster wordt niet geactiveerd bij statusverandering en statuswaarde wordt niet ingesteld wanneer geopend (#30)\nFunctie toegevoegd aan kleurafbeeldingen (#38)\nAangepaste grootte voor dialoog toestaan door binding (#39) te gebruiken\nHet dialoogvenster \"close on click from outside\" werd omgekeerd (#42)",
|
|
90
|
-
"fr": "La vue fixe dans la boîte de dialogue n'est pas déclenchée par changement d'état et la valeur d'état n'est pas définie lors de l'ouverture (#30)\nAjout de la fonction aux images couleur (#38)\nPermettre une taille personnalisée pour la boîte de dialogue en utilisant la liaison (#39)\nCorrection de la boîte de dialogue \"fermer le clic de l'extérieur\" a été inversée (#42)",
|
|
91
|
-
"it": "La visualizzazione fissa nella finestra di dialogo non viene attivata sul cambiamento di stato e il valore di stato non viene impostato quando aperto (#30)\nFunzione aggiunta alle immagini di colore (#38)\nConsentire dimensioni personalizzate per la finestra di dialogo utilizzando binding (#39)\nFissare la finestra di dialogo \"chiudi su clic dall'esterno\" la casella di controllo è stata invertita (#42)",
|
|
92
|
-
"es": "Vista fija en el diálogo no se activa en el cambio del estado y el valor del estado no se establece cuando se abre (#30)\nFunción agregada a las imágenes de color (#38)\nPermitir el tamaño personalizado para el diálogo mediante la unión (#39)\nSe invirtió el cuadro de diálogo \"cerrar el clic desde fuera\" (#42)",
|
|
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)",
|
|
94
|
-
"uk": "Виправлено вид у діалоговому вікні не викликається змінами стану та значенням держави не встановлено при відкритті (#30)\nДодано функцію до кольорових зображень (#38)\nДозволити користувальницький розмір для діалогу, використовуючи посилання (#39)\nВиправлено діалогове вікно \"закривати натиснути ззовні\" прапорець було перевернуто (#42)",
|
|
95
|
-
"zh-cn": "对话框中的固定视图不会在状态变化时触发, 状态值在打开时没有设置 (# 30)\n添加到颜色图像中的函数 (# 38)\n使用绑定(# 39) 允许自定义对话框大小\n修补对话框“ 从外部点击关闭” 复选框被反转 (# 42)"
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
"titleLang": {
|
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{v as w,i as v}from"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";(function(){if(!window.inventwoDebugLog){let r=function(t,n){const s=Array.from(n).map(o=>{if(typeof o=="object"&&o!==null)try{return JSON.stringify(o)}catch{return"[object]"}return String(o)}).join(" ");mylog.push({type:t,msg:s})};window.inventwoDebugLog=!0;const c={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let e=!1;["log","warn","error","debug"].forEach(function(t){console[t]=function(...n){r(t,n),c[t].apply(console,n)}}),setInterval(function(){const t=$(".mylog");if(!t||e)return;e=!0;const n=mylog.splice(0,mylog.length);n.forEach(s=>{t.append($("<div>").addClass(s.type).text("["+s.type+"] "+s.msg))}),n.length&&t.scrollTop(t[0].scrollHeight),e=!1},1e3)}})();const{loadShare:m}=v,{initPromise:x}=w,y=x.then(c=>m("@iobroker/vis-2-widgets-react-dev",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"*"}}})),b=await y.then(c=>c());var I=b;class D extends(window.visRxWidget||I.VisRxWidget){static getI18nPrefix(){return"vis_2_widgets_inventwo_"}constructor(e){super(e),this.groupAttrs=[],this.getWidgetInfo().visAttrs.forEach(t=>{t.fields.forEach(n=>{n.name!==void 0&&(n.name.endsWith("FromWidget")||(this.groupAttrs[t.name]===void 0&&(this.groupAttrs[t.name]=[]),this.groupAttrs[t.name].push(n.name)))})})}onChange(e,r){if(this.props.editMode)return;const t=this.state.rxData.oid;this.props.context.setValue(t,parseFloat(r))}getValue(e){if(e!==void 0&&e!==""&&e!=="nothing_selected")return this.state.values[`${e}.val`]}getStyle(e,r){var s,o,f,a;const t={},n=this.state.rxData[e];if(n){let l=!1;const u=this.props.context.views[this.props.view],h=(o=(s=u==null?void 0:u.widgets)==null?void 0:s[n])==null?void 0:o.data;if(h)r.forEach(i=>t[i]=h[i]),l=!0;else{const i=Object.keys(this.props.context.views);for(let d=0;d<i.length;d++){const g=this.props.context.views[i[d]];if(g!==this.props.view&&((a=(f=g.widgets)==null?void 0:f[n])!=null&&a.data)){const _=g.widgets[n].data;r.forEach(p=>t[p]=_[p]),l=!0;break}}}l||r.forEach(i=>t[i]=this.state.rxData[i])}else r.forEach(l=>t[l]=this.state.rxData[l]);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 r=e.match(/(\d+),(\d+),(\d+),(\d+)/);if(!r)return null;const[t,n,s]=r.slice(1,5).map(parseFloat);function o(f){const a=f.toString(16);return a.length===1?`0${a}`:a}return`#${o(t)}${o(n)}${o(s)}`}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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-C86LZJaJ.js";import"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{v as r}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js";import{I as c}from"./InventwoGeneric-D4TSslP6.js";import"./_commonjsHelpers-B_uApUQq.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";(function(){if(!window.inventwoDebugLog){let s=function(e,o){const i=Array.from(o).map(a=>{if(typeof a=="object"&&a!==null)try{return JSON.stringify(a)}catch{return"[object]"}return String(a)}).join(" ");mylog.push({type:e,msg:i})};window.inventwoDebugLog=!0;const d={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let t=!1;["log","warn","error","debug"].forEach(function(e){console[e]=function(...o){s(e,o),d[e].apply(console,o)}}),setInterval(function(){const e=$(".mylog");if(!e||t)return;t=!0;const o=mylog.splice(0,mylog.length);o.forEach(i=>{e.append($("<div>").addClass(i.type).text("["+i.type+"] "+i.msg))}),o.length&&e.scrollTop(e[0].scrollHeight),t=!1},1e3)}})();class n extends c{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 n.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,s){}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 s=this.state.rxData.oid,e=this.getValue(s),o=this.validOid(s)&&e===this.convertValue(this.state.rxData.valueTrue,!0),i=this.getStyle("styleFromWidget",this.groupAttrs.attr_group_css_style),a={color:i.boxColor,"&.Mui-checked":{color:i.boxColorActive},"& .MuiSvgIcon-root":{fontSize:i.boxSize+"px"}},u={"& .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 l.jsx(r.FormGroup,{children:l.jsx(r.FormControlLabel,{sx:u,control:l.jsx(r.Checkbox,{sx:a,onClick:()=>this.onChange(),checked:o}),label:o?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{n as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as h}from"./jsx-runtime-C86LZJaJ.js";import"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{v as p}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js";import{I as c}from"./InventwoGeneric-D4TSslP6.js";import"./_commonjsHelpers-B_uApUQq.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";(function(){if(!window.inventwoDebugLog){let t=function(i,r){const e=Array.from(r).map(a=>{if(typeof a=="object"&&a!==null)try{return JSON.stringify(a)}catch{return"[object]"}return String(a)}).join(" ");mylog.push({type:i,msg:e})};window.inventwoDebugLog=!0;const u={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let o=!1;["log","warn","error","debug"].forEach(function(i){console[i]=function(...r){t(i,r),u[i].apply(console,r)}}),setInterval(function(){const i=$(".mylog");if(!i||o)return;o=!0;const r=mylog.splice(0,mylog.length);r.forEach(e=>{i.append($("<div>").addClass(e.type).text("["+e.type+"] "+e.msg))}),r.length&&i.scrollTop(i[0].scrollHeight),o=!1},1e3)}})();class m extends c{constructor(o){super(o),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(o,t,i,r)=>{if(t[o.name]&&t[o.name]!=="nothing_selected"){const e=await r.getObject(t[o.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&&i(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(o,t){o===this.state.rxData.oid&&t&&t.val!==this.state.sliderValue&&this.setState({sliderValue:t.val})}getWidgetInfo(){return m.getWidgetInfo()}renderWidgetBody(o){super.renderWidgetBody(o);const t=parseFloat(this.state.rxData.minValue),i=parseFloat(this.state.rxData.maxValue),r=[];if(this.state.rxData.showMinMax&&(r.push({value:t,label:t}),r.push({value:i,label:i})),this.state.rxData.showSteps)if(this.state.rxData.stepMode==="auto"){const s=parseFloat(this.state.rxData.stepDisplay);if(s>0)for(let l=t+s;l<i;l+=s)r.push({value:parseFloat(l.toFixed(2).replace(/[.,]00$/,"")),label:l.toFixed(2).replace(/[.,]00$/,"")})}else{let s=this.state.rxData.customSteps;s==null&&(s=""),s=s.split(","),s.forEach(l=>{l=parseInt(l),r.push({value:l,label:l})})}const e=this.getStyle("sliderTrackFromWidget",this.groupAttrs.attr_group_css_slider_track),a=this.getStyle("sliderThumbFromWidget",this.groupAttrs.attr_group_css_slider_slider_thumb),d=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:d==="normal"?e.sliderRailColor:d==="inverted"?e.sliderRailActiveColor:"",color:d==="normal"?e.sliderRailColor:d==="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:d==="normal"?this.state.rxData.sliderRailActiveColor:d==="inverted"?e.sliderRailColor:"",color:d==="normal"?this.state.rxData.sliderRailActiveColor:d==="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(p.Slider,{disabled:this.props.editMode,sx:n,onChange:(s,l)=>this.setState({sliderValue:l}),onChangeCommitted:(s,l)=>this.setState({sliderValue:l},()=>this.onChange(s,l)),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:r})}}export{m as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as l}from"./jsx-runtime-C86LZJaJ.js";import"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{v as s}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js";import{I as c}from"./InventwoGeneric-D4TSslP6.js";import"./_commonjsHelpers-B_uApUQq.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";(function(){if(!window.inventwoDebugLog){let i=function(r,o){const e=Array.from(o).map(a=>{if(typeof a=="object"&&a!==null)try{return JSON.stringify(a)}catch{return"[object]"}return String(a)}).join(" ");mylog.push({type:r,msg:e})};window.inventwoDebugLog=!0;const h={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let t=!1;["log","warn","error","debug"].forEach(function(r){console[r]=function(...o){i(r,o),h[r].apply(console,o)}}),setInterval(function(){const r=$(".mylog");if(!r||t)return;t=!0;const o=mylog.splice(0,mylog.length);o.forEach(e=>{r.append($("<div>").addClass(e.type).text("["+e.type+"] "+e.msg))}),o.length&&r.scrollTop(r[0].scrollHeight),t=!1},1e3)}})();class d extends c{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 d.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,i){}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)===d.convertValue(this.state.rxData.valueTrue,!0)?this.props.context.setValue(t,d.convertValue(this.state.rxData.valueFalse,!1)):this.props.context.setValue(t,d.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,i){return t==="true"?!0:t==="false"?!1:isNaN(t)?t==null||t===""?i:t:parseFloat(t)}renderWidgetBody(t){super.renderWidgetBody(t);const i=this.state.rxData.oid,o=this.getValue(i)===d.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 n=a.thumbShadowColor,u=e.trackShadowColor;o&&(n=a.thumbShadowColorTrue,u=e.trackShadowColorTrue);const m={"&.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 ${n}`},"& .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 l.jsx(s.FormGroup,{children:l.jsx(s.FormControlLabel,{control:l.jsx(s.Switch,{sx:m,onClick:()=>this.onChange(),checked:o}),label:o?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{d as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-C86LZJaJ.js";import"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{v as n}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js";import{I as z}from"./InventwoGeneric-D4TSslP6.js";import{s as x}from"./styled-Ddrjhtlo.js";import{t as C,a as w}from"./tableRowClasses-Bn_tNoU4.js";import"./_commonjsHelpers-B_uApUQq.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";import"./defaultTheme-B9IKJkvV.js";(function(){if(!window.inventwoDebugLog){let p=function(l,o){const i=Array.from(o).map(d=>{if(typeof d=="object"&&d!==null)try{return JSON.stringify(d)}catch{return"[object]"}return String(d)}).join(" ");mylog.push({type:l,msg:i})};window.inventwoDebugLog=!0;const F={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let m=!1;["log","warn","error","debug"].forEach(function(l){console[l]=function(...o){p(l,o),F[l].apply(console,o)}}),setInterval(function(){const l=$(".mylog");if(!l||m)return;m=!0;const o=mylog.splice(0,mylog.length);o.forEach(i=>{l.append($("<div>").addClass(i.type).text("["+i.type+"] "+i.msg))}),o.length&&l.scrollTop(l[0].scrollHeight),m=!1},1e3)}})();class T extends z{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 T.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(m,p){}renderWidgetBody(m){super.renderWidgetBody(m),this.wrappedContent=!0;const p=this.state.rxData.oid,l=this.getValue(p);let o=null;if(l==null||l==="")return r.jsx("div",{children:"Keine Daten"});try{o=JSON.parse(l)}catch{return r.jsx("div",{children:"Invalides JSON"})}const i=[],d=[],u=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),h=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),j=x(n.TableRow)(()=>({[`&.${C.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),S=x(n.TableCell)(()=>({[`&.${w.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${w.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}})),_=x(n.TableCell)(()=>({[`&.${w.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}})),N=x(n.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(o.length>0){const y=this.state.rxData.countColumns;if(y===0)Object.keys(o[0]).forEach((t,s)=>{i.push(r.jsx(S,{children:t},s))});else for(let t=1;t<=this.state.rxData.countColumns;t++){let s=this.state.rxData[`columnTitle${t}`];s===null&&(s=Object.keys(o[0])[t-1]);const c={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(c.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),i.push(r.jsx(S,{style:c,children:s},t))}let b=this.state.rxData.maxRows;b<=0?b=o.length:b=Math.min(b,o.length);for(let t=0;t<b;t++){const s=o[t],c=[];if(y===0)Object.values(s).forEach((e,g)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),c.push(r.jsx(_,{children:e},`${t}_${g}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let g=this.state.rxData[`columnKey${e}`];const k=this.state.rxData[`columnPrefix${e}`],B=this.state.rxData[`columnSuffix${e}`],D=this.state.rxData[`columnPlaceholder${e}`],W=this.state.rxData[`columnValueFormat${e}`];g||(g=Object.keys(o[0])[e-1]);let a=s[g];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 f=this.state.rxData[`columnDatetimeFormat${e}`];f==="datetime"?a=new Date(a).toLocaleString():f==="date"?a=new Date(a).toLocaleDateString():f==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),c.push(r.jsxs(_,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[k,a,B]},`${t}_${e}`))}d.push(r.jsx(N,{sx:{"&:last-child td, &:last-child th":{border:0}},children:c},t))}}let v="";return u.outerShadowColor&&(v+=`${u.outerShadowX}px ${u.outerShadowY}px ${u.outerShadowBlur}px ${u.outerShadowSize}px ${u.outerShadowColor}`),r.jsx("div",{style:{boxShadow:`${v}`,overflow:"visible",height:"100%",borderColor:h.borderColor,borderTopWidth:`${h.borderSizeTop}px`,borderBottomWidth:`${h.borderSizeBottom}px`,borderLeftWidth:`${h.borderSizeLeft}px`,borderRightWidth:`${h.borderSizeRight}px`,borderStyle:h.borderStyle},children:r.jsx(n.TableContainer,{component:n.Paper,style:{height:"100%",background:"transparent"},children:r.jsxs(n.Table,{children:[this.state.rxData.showHead&&r.jsx(n.TableHead,{children:r.jsx(j,{children:i})}),r.jsx(n.TableBody,{children:d})]})})})}}export{T as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as jsxRuntimeExports}from"./jsx-runtime-C86LZJaJ.js";import{R as React}from"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{v as vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-BhIpvxbF.js";import{_ as __read,v as vis2Inventwo__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__}from"./tslib.es6-CltSRlLN.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__-XKEVvtpv.js";import{I as InventwoGeneric}from"./InventwoGeneric-D4TSslP6.js";import"./_commonjsHelpers-B_uApUQq.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-2uL955SU.js";(function(){if(!window.inventwoDebugLog){let s=function(h,m){const v=Array.from(m).map(C=>{if(typeof C=="object"&&C!==null)try{return JSON.stringify(C)}catch{return"[object]"}return String(C)}).join(" ");mylog.push({type:h,msg:v})};window.inventwoDebugLog=!0;const a={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let r=!1;["log","warn","error","debug"].forEach(function(h){console[h]=function(...m){s(h,m),a[h].apply(console,m)}}),setInterval(function(){const h=$(".mylog");if(!h||r)return;r=!0;const m=mylog.splice(0,mylog.length);m.forEach(v=>{h.append($("<div>").addClass(v.type).text("["+v.type+"] "+v.msg))}),m.length&&h.scrollTop(h[0].scrollHeight),r=!1},1e3)}})();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]),m=this.clamp(this.r*r[6]+this.g*r[7]+this.b*r[8]);this.r=s,this.g=h,this.b=m},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,m=Math.max(r,s,h),v=Math.min(r,s,h),C=0,B=0,T=(m+v)/2;if(m===v)return{h:0,s:0,l:T*100};var L=m-v;return B=T>.5?L/(2-m-v):L/(m+v),m===r?C=(s-h)/L+(s<h?6:0):m===s?C=(h-r)/L+2:m===h&&(C=(r-s)/L+4),C/=6,{h:C*100,s:B*100,l:T*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],m={loss:1/0},v=0;m.loss>this.options.acceptanceLossPercentage;){var C=[50,20,3750,50,100,100],B=this.spsa({A:r,a:h,c:s,values:C,maxTriesInLoop:1e3});if(B.loss<m.loss&&(m=B),v+=1,v>=this.options.maxChecks)break}return Object.assign({},m,{called:v})},a.prototype.solveNarrow=function(r){var s=r.loss,h=2,m=s+1,v=[.25*m,.25*m,m,.25*m,.2*m,.2*m];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,m=r.c,v=r.values,C=r.maxTriesInLoop,B=C===void 0?500:C,T=r.called,L=T===void 0?0:T,w=1,Q=.16666666666666666,G=null,H=1/0,k=new Array(6),V=new Array(6),J=new Array(6),Y=6,q=0;q<B;q++){for(var ee=m/Math.pow(q+1,Q),I=0;I<Y;I++)k[I]=Math.random()>.5?1:-1,V[I]=v[I]+ee*k[I],J[I]=v[I]-ee*k[I];for(var be=this.loss(V)-this.loss(J),I=0;I<Y;I++){var ve=be/(2*ee)*k[I],ce=h[I]/Math.pow(s+q+1,w);v[I]=this.fixValueByFilterIDX(v[I]-ce*ve,I)}var he=this.loss(v);he<H&&(G=v.slice(0),H=he)}return{values:G,loss:H,called:L}},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,m){return m===void 0&&(m=1),Math.round(r[h]*m)};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,m,v;if(results[a]&&!r.forceFilterRecalculation)return Object.assign({},results[a],{cache:!0});var C;try{if(s=__read(hexToRgb(a),3),h=s[0],m=s[1],v=s[2],!isNumeric(h)||!isNumeric(m)||!isNumeric(v))throw new Error("hextToRgb returned an invalid value for '".concat(a,"'"));C=new Color(Number(h),Number(m),Number(v))}catch(T){throw new Error("Color value should be in HEX format. ".concat(T))}var B=new Solver(C,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:!1},r));return results[a]=Object.assign({},B.solve(),{hex:a,rgb:[h,m,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,m,v={},C=[],B=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;function T(t,i){for(var e in i)t[e]=i[e];return t}function L(t){var i=t.parentNode;i&&i.removeChild(t)}function w(t,i,e){var o,n,l,d,u=arguments;if(i=T({},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,Q(t,i,d,l)}function Q(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 G(t){return t.children}function H(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 V(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 V(t)}}function J(t){(!t.f&&(t.f=!0)&&r.push(t)===1||h!==a.debounceRendering)&&(h=a.debounceRendering,(a.debounceRendering||s)(Y))}function Y(){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=ce(d,n,T({},n),i.w,d.ownerSVGElement!==void 0,null,e,u,l??k(n)),he(e,n),o!=l&&V(n)))}function q(t,i,e,o,n,l,d,u,f){var p,g,c,b,y,x,F,D=e&&e.n||C,S=D.length;if(u==v&&(u=l!=null?l[0]:S?k(e,0):null),p=0,i.n=ee(i.n,function(_){if(_!=null){if(_.i=i,_.e=i.e+1,(c=D[p])===null||c&&_.key==c.key&&_.type===c.type)D[p]=void 0;else for(g=0;g<S;g++){if((c=D[g])&&_.key==c.key&&_.type===c.type){D[g]=void 0;break}c=null}if(b=ce(t,_,c=c||v,o,n,l,d,null,u,f),(g=_.ref)&&c.ref!=g&&(F=F||[]).push(g,_.c||b,_),b!=null){if(x==null&&(x=b),_.l!=null)b=_.l,_.l=null;else if(l==c||b!=u||b.parentNode==null){e:if(u==null||u.parentNode!==t)t.appendChild(b);else{for(y=u,g=0;(y=y.nextSibling)&&g<S;g+=2)if(y==b)break e;t.insertBefore(b,u)}i.type=="option"&&(t.value="")}u=b.nextSibling,typeof i.type=="function"&&(i.l=b)}}return p++,_}),i.o=x,l!=null&&typeof i.type!="function")for(p=l.length;p--;)l[p]!=null&&L(l[p]);for(p=S;p--;)D[p]!=null&&Ae(D[p],D[p]);if(F)for(p=0;p<F.length;p++)je(F[p],F[++p],F[++p])}function ee(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++)ee(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 Q(null,n,null,null);if(n.o==null&&n.c==null)return n;var l=Q(n.type,n.props,n.key,null);return l.o=n.o,l}(t)):t);return e}function I(t,i,e){i[0]==="-"?t.setProperty(i,e):t[i]=typeof e=="number"&&B.test(i)===!1?e+"px":e??""}function be(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||I(l,d,"");if(e)for(u in e)o&&e[u]===o[u]||I(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,ve,f),(t.t||(t.t={}))[i]=e):t.removeEventListener(i,ve,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 ve(t){return this.t[t.type](a.event?a.event(t):t)}function ce(t,i,e,o,n,l,d,u,f,p){var g,c,b,y,x,F,D,S,_,R,P=i.type;if(i.constructor!==void 0)return null;(g=a.e)&&g(i);try{e:if(typeof P=="function"){if(S=i.props,_=(g=P.contextType)&&o[g.c],R=g?_?_.props.value:g.i:o,e.c?D=(c=i.c=e.c).i=c.k:("prototype"in P&&P.prototype.render?i.c=c=new P(S,R):(i.c=c=new H(S,R),c.constructor=P,c.render=Qe),_&&_.sub(c),c.props=S,c.state||(c.state={}),c.context=R,c.w=o,b=c.f=!0,c.m=[]),c.j==null&&(c.j=c.state),P.getDerivedStateFromProps!=null&&T(c.j==c.state?c.j=T({},c.j):c.j,P.getDerivedStateFromProps(S,c.j)),b)P.getDerivedStateFromProps==null&&c.componentWillMount!=null&&c.componentWillMount(),c.componentDidMount!=null&&d.push(c);else{if(P.getDerivedStateFromProps==null&&u==null&&c.componentWillReceiveProps!=null&&c.componentWillReceiveProps(S,R),!u&&c.shouldComponentUpdate!=null&&c.shouldComponentUpdate(S,c.j,R)===!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,R)}for(y=c.props,x=c.state,c.context=R,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=ee(g!=null&&g.type==G&&g.key==null?g.props.children:g),c.getChildContext!=null&&(o=T(T({},o),c.getChildContext())),b||c.getSnapshotBeforeUpdate==null||(F=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);b||y==null||c.componentDidUpdate==null||c.componentDidUpdate(y,x,F),D&&(c.k=c.i=null)}else i.o=function(W,O,Z,ge,K,X,pt,De){var fe,Te,We,ne,Oe=Z.props,E=O.props;if(K=O.type==="svg"||K,W==null&&X!=null){for(fe=0;fe<X.length;fe++)if((Te=X[fe])!=null&&(O.type===null?Te.nodeType===3:Te.localName===O.type)){W=Te,X[fe]=null;break}}if(W==null){if(O.type===null)return document.createTextNode(E);W=K?document.createElementNS("http://www.w3.org/2000/svg",O.type):document.createElement(O.type),X=null}return O.type===null?Oe!==E&&(X!=null&&(X[X.indexOf(W)]=null),W.data=E):O!==Z&&(X!=null&&(X=C.slice.call(W.childNodes)),We=(Oe=Z.props||v).dangerouslySetInnerHTML,ne=E.dangerouslySetInnerHTML,De||(ne||We)&&(ne&&We&&ne.O==We.O||(W.innerHTML=ne&&ne.O||"")),function(Ke,me,Fe,Ze,gt){var z;for(z in Fe)z in me||be(Ke,z,null,Fe[z],Ze);for(z in me)gt&&typeof me[z]!="function"||z==="value"||z==="checked"||Fe[z]===me[z]||be(Ke,z,me[z],Fe[z],Ze)}(W,E,Oe,K,De),O.n=O.props.children,ne||q(W,O,Z,ge,O.type!=="foreignObject"&&K,X,pt,v,De),De||("value"in E&&E.value!==void 0&&E.value!==W.value&&(W.value=E.value==null?"":E.value),"checked"in E&&E.checked!==void 0&&E.checked!==W.checked&&(W.checked=E.checked))),W}(e.o,i,e,o,n,l,d,p);(g=a.diffed)&&g(i)}catch(W){a.o(W,i,e)}return i.o}function he(t,i){for(var e;e=t.pop();)try{e.componentDidMount()}catch(o){a.o(o,e.d)}a.c&&a.c(i)}function je(t,i,e){try{typeof t=="function"?t(i):t.current=i}catch(o){a.o(o,e)}}function Ae(t,i,e){var o,n,l;if(a.unmount&&a.unmount(t),(o=t.ref)&&je(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]&&Ae(o[l],i,e);n!=null&&L(n)}function Qe(t,i,e){return this.constructor(t,e)}function et(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 N(){return(N=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={},H.prototype.setState=function(t,i){var e=this.j!==this.state&&this.j||(this.j=T({},this.state));typeof t=="function"&&!(t=t(e,this.props))||T(e,t),t!=null&&this.d&&(this.u=!1,i&&this.m.push(i),J(this))},H.prototype.forceUpdate=function(t){this.d&&(t&&this.m.push(t),this.u=!0,J(this))},H.prototype.render=G,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 J(o.k=o)}catch(n){t=n}throw t},m=v;var te="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",Ee="[\\s|\\(]+("+te+")[,|\\s]+("+te+")[,|\\s]+("+te+")\\s*\\)?",Ve="[\\s|\\(]+("+te+")[,|\\s]+("+te+")[,|\\s]+("+te+")[,|\\s]+("+te+")\\s*\\)?",tt=new RegExp("rgb"+Ee),ot=new RegExp("rgba"+Ve),at=new RegExp("hsl"+Ee),rt=new RegExp("hsla"+Ve),ye="^(?:#?|0x?)",oe="([0-9a-fA-F]{1})",ae="([0-9a-fA-F]{2})",it=new RegExp(ye+oe+oe+oe+"$"),nt=new RegExp(ye+oe+oe+oe+oe+"$"),lt=new RegExp(ye+ae+ae+ae+"$"),st=new RegExp(ye+ae+ae+ae+ae+"$"),_e=Math.log,le=Math.round,ue=Math.floor;function U(t,i,e){return Math.min(Math.max(t,i),e)}function j(t,i){var e=-1<t.indexOf("%"),o=parseFloat(t);return e?i/100*o:o}function A(t){return parseInt(t,16)}function re(t){return t.toString(16).padStart(2,"0")}var se=function(){function t(e,o){this.$={h:0,s:0,v:0,a:1},e&&this.set(e),this.onChange=o,this.initialValue=N({},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]=N({},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=ue(o),u=o-d,f=l*(1-n),p=l*(1-u*n),g=l*(1-(1-u)*n),c=d%6,b=[g,l,l,p,f,f][c],y=[f,f,g,l,l,p][c];return{r:U(255*[l,p,f,f,g,l][c],0,255),g:U(255*b,0,255),b:U(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:U(100*c,0,100),v:U(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:U(100*u,0,100),l:U(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:U(100*l,0,100),v:U((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*_e(n),d<20?0:.8274096064007395*(l=d-10)-254.76935184120902+115.67994401066147*_e(l)):(o=351.97690566805693+.114206453784165*(o=d-55)-40.25366309332127*_e(o),n=325.4494125711974+.07943456536662342*(n=d-50)-28.0852963507957*_e(n),255),{r:U(ue(o),0,255),g:U(ue(n),0,255),b:U(ue(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&&et(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=N({},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 N({},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=N({},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=N({},this.rgb,{r:e})}},{key:"green",get:function(){return this.rgb.g},set:function(e){this.rgb=N({},this.rgb,{g:e})}},{key:"blue",get:function(){return this.rgb.b},set:function(e){this.rgb=N({},this.rgb,{b:e})}},{key:"rgb",get:function(){var e=t.hsvToRgb(this.$),o=e.r,n=e.g,l=e.b;return{r:le(o),g:le(n),b:le(l)}},set:function(e){this.hsv=N({},t.rgbToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"rgba",get:function(){return N({},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:le(o),s:le(n),l:le(l)}},set:function(e){this.hsv=N({},t.hslToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"hsla",get:function(){return N({},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=tt.exec(e))?(n=j(o[1],255),l=j(o[2],255),d=j(o[3],255)):(o=ot.exec(e))&&(n=j(o[1],255),l=j(o[2],255),d=j(o[3],255),u=j(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"#"+re(e.r)+re(e.g)+re(e.b)},set:function(e){var o,n,l,d,u=255;if((o=it.exec(e))?(n=17*A(o[1]),l=17*A(o[2]),d=17*A(o[3])):(o=nt.exec(e))?(n=17*A(o[1]),l=17*A(o[2]),d=17*A(o[3]),u=17*A(o[4])):(o=lt.exec(e))?(n=A(o[1]),l=A(o[2]),d=A(o[3])):(o=st.exec(e))&&(n=A(o[1]),l=A(o[2]),d=A(o[3]),u=A(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"#"+re(e.r)+re(e.g)+re(e.b)+re(ue(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=at.exec(e))?(n=j(o[1],360),l=j(o[2],100),d=j(o[3],100)):(o=rt.exec(e))&&(n=j(o[1],360),l=j(o[2],100),d=j(o[3],100),u=j(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 Ie(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 dt(t,i){var e=Ie(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 b=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*b.a;case"kelvin":var x=g.minTemperature,F=g.maxTemperature-x,D=(c.kelvin-x)/F*100;return Math.max(0,Math.min(D,100));case"hue":return b.h/=3.6;case"saturation":return b.s;case"value":default:return b.v}}(t,i)/100*l;return u&&(p=-1*p+l+2*d),{x:u?f:p,y:u?p:f}}var Pe,Ne=2*Math.PI,ct=function(t,i){return(t%i+i)%i},ze=function(t,i){return Math.sqrt(t*t+i*i)};function Le(t){return t.width/2-t.padding-t.handleRadius-t.borderWidth}function xe(t){var i=t.width/2;return{width:t.width,radius:i-t.borderWidth,cx:i,cy:i}}function He(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),ct(i,360)}function Ue(t,i,e){var o=xe(t),n=o.cx,l=o.cy,d=Le(t);i=n-i,e=l-e;var u=He(t,Math.atan2(-e,-i)*(360/Ne)),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 Je(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 Be(t){return{boxSizing:"border-box",border:t.borderWidth+"px solid "+t.borderColor}}function $e(t,i,e){return t+"-gradient("+i+", "+e.map(function(o){var n=o[0];return o[1]+" "+n+"%"}).join(",")+")"}function M(t){return typeof t=="string"?t:t+"px"}var Xe=["mousemove","touchmove","mouseup","touchend"],we=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(G,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&&Xe.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),Xe.forEach(function(p){document.removeEventListener(p,o,{passive:!1})})}},i}(H);function ie(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("+M(t.x)+", "+M(t.y)+")",willChange:"transform",top:M(-i),left:M(-i),width:M(2*i),height:M(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 Se(t){var i=t.activeIndex,e=i!==void 0&&i<t.colors.length?t.colors[i]:t.color,o=Ie(t),n=o.width,l=o.height,d=o.radius,u=dt(t,e),f=function(p,g){var c=g.hsv,b=g.rgb;switch(p.sliderType){case"red":return[[0,"rgb(0,"+b.g+","+b.b+")"],[100,"rgb(255,"+b.g+","+b.b+")"]];case"green":return[[0,"rgb("+b.r+",0,"+b.b+")"],[100,"rgb("+b.r+",255,"+b.b+")"]];case"blue":return[[0,"rgb("+b.r+","+b.g+",0)"],[100,"rgb("+b.r+","+b.g+",255)"]];case"alpha":return[[0,"rgba("+b.r+","+b.g+","+b.b+",0)"],[100,"rgb("+b.r+","+b.g+","+b.b+")"]];case"kelvin":for(var y=[],x=p.minTemperature,F=p.maxTemperature,D=F-x,S=x,_=0;S<F;S+=D/8,_+=1){var R=se.kelvinToRgb(S),P=R.r,W=R.g,O=R.b;y.push([12.5*_,"rgb("+P+","+W+","+O+")"])}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 Z=se.hsvToHsl({h:c.h,s:0,v:c.v}),ge=se.hsvToHsl({h:c.h,s:100,v:c.v});return[[0,"hsl("+Z.h+","+Z.s+"%,"+Z.l+"%)"],[100,"hsl("+ge.h+","+ge.s+"%,"+ge.l+"%)"]];case"value":default:var K=se.hsvToHsl({h:c.h,s:c.s,v:100});return[[0,"#000"],[100,"hsl("+K.h+","+K.s+"%,"+K.l+"%)"]]}}(t,e);return w(we,Object.assign({},t,{onInput:function(p,g,c){var b=function(y,x,F){var D,S=Ie(y),_=S.handleRange,R=S.handleStart;D=y.layoutDirection==="horizontal"?-1*F+_+R:x-R,D=Math.max(Math.min(D,_),0);var P=Math.round(100/_*D);switch(y.sliderType){case"kelvin":var W=y.minTemperature;return W+P/100*(y.maxTemperature-W);case"alpha":return P/100;case"hue":return 3.6*P;case"red":case"blue":case"green":return 2.55*P;default:return P}}(t,p,g);t.parent.inputActive=!0,e[t.sliderType]=b,t.onInput(c,t.id)}}),function(p,g,c){return w("div",Object.assign({},g,{className:"IroSlider",style:Object.assign({},{position:"relative",width:M(n),height:M(l),borderRadius:M(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:M(d),background:$e("linear",t.layoutDirection==="horizontal"?"to top":"to right",f)},Be(t))}),w(ie,{isActive:!0,index:e.index,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:u.x,y:u.y}))})}function ht(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,b){return[[[0,"#fff"],[100,"hsl("+b.hue+",100%,50%)"]],[[0,"rgba(0,0,0,0)"],[100,"#000"]]]}(0,f),g=l.map(function(c){return function(b,y){var x=Re(b),F=x.width,D=x.height,S=x.radius,_=y.hsv,R=S,P=F-2*S,W=D-2*S;return{x:R+_.s/100*P,y:R+(W-_.v/100*W)}}(t,c)});return w(we,Object.assign({},t,{onInput:function(c,b,y){if(y===0){var x=qe(t,c,b,g);x!==null?d.setActiveColor(x):(d.inputActive=!0,f.hsv=Je(t,c,b),t.onInput(y,t.id))}else y===1&&(d.inputActive=!0,f.hsv=Je(t,c,b));t.onInput(y,t.id)}}),function(c,b,y){return w("div",Object.assign({},b,{className:"IroBox",style:Object.assign({},{width:M(e),height:M(o),position:"relative"},y)}),w("div",{className:"IroBox",style:Object.assign({},{width:"100%",height:"100%",borderRadius:M(n)},Be(t),{background:$e("linear","to bottom",p[1])+","+$e("linear","to right",p[0])})}),l.filter(function(x){return x!==f}).map(function(x){return w(ie,{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(ie,{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}))})}ie.defaultProps={fill:"none",x:0,y:0,r:8,url:null,props:{x:0,y:0}},Se.defaultProps=Object.assign({},{sliderShape:"bar",sliderType:"value",minTemperature:2200,maxTemperature:11e3});function Ge(t){var i=xe(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,b=xe(p),y=b.cx,x=b.cy,F=Le(p),D=(180+He(p,c.h,!0))*(Ne/360),S=c.s/100*F,_=p.wheelDirection==="clockwise"?-1:1;return{x:y+S*Math.cos(D)*_,y:x+S*Math.sin(D)*_}}(t,f)}),u={position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",boxSizing:"border-box"};return w(we,Object.assign({},t,{onInput:function(f,p,g){if(g===0){if(!function(b,y,x){var F=xe(b),D=F.cx,S=F.cy,_=b.width/2;return ze(D-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=Ue(t,f,p),t.onInput(g,t.id))}else g===1&&(o.inputActive=!0,n.hsv=Ue(t,f,p));t.onInput(g,t.id)}}),function(f,p,g){return w("div",Object.assign({},p,{className:"IroWheel",style:Object.assign({},{width:M(i),height:M(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,Be(t))}),e.filter(function(c){return c!==n}).map(function(c){return w(ie,{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(ie,{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 Ye=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 se(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:Ge},{component:Se}],o.transparency&&l.push({component:Se,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}(H);Ye.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 ke,Me,pe,de,ut=(Ce.prototype=(ke=Ye).prototype,Object.assign(Ce,ke),Ce.I=ke,Ce);function Ce(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===m)?null:d.n,l=w(G,null,[l]),g=[],ce(d,d.n=l,p||v,v,d.ownerSVGElement!==void 0,p?null:C.slice.call(d.childNodes),g,!1,v,f),he(g,l)}(w(ke,Object.assign({},{ref:function(l){return e=l}},i)),o),document.readyState!=="loading"?n():document.addEventListener("DOMContentLoaded",n),e}return(pe=Me=Me||{}).version="5.5.2",pe.Color=se,pe.ColorPicker=ut,(de=pe.ui||(pe.ui={})).h=w,de.ComponentBase=we,de.Handle=ie,de.Slider=Se,de.Wheel=Ge,de.Box=ht,Me});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,m=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&&m!==void 0?this.state.colorPicker.color.rgb={r:s,g:h,b:m}:this.state.colorPicker.color.rgb={r:255,g:255,b:255};break;case"hsl":s!==void 0&&h!==void 0&&m!==void 0?this.state.colorPicker.color.hsl={h:s,s:h,l:m}:this.state.colorPicker.color.hsl={h:330,s:0,l:100};break;case"hsv":s!==void 0&&h!==void 0&&m!==void 0?this.state.colorPicker.color.hsv={h:s,s:h,v:m}: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 V=this.state.rxData[`compareBy${k}`];V==null&&(V="default");let J=this.state.rxData[`comparisonOperator${k}`];J==null&&(J="===");let Y=this.state.rxData.valueTrue;this.validOid(this.state.rxData[`oid${k}`])&&this.state.rxData[`value${k}`]!==void 0&&this.state.rxData[`value${k}`]!==null&&(Y=this.state.rxData[`value${k}`]),Y=this.convertValue(Y);const q=V==="default"&&this.state.rxData.type==="nav"||V==="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((V==="default"&&this.state.rxData.type!=="nav"||V==="value")&&this.compare(s,Y,J)||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 m=this.getStyle("textStyleFromWidget",this.groupAttrs.attr_group_css_text),v=this.getStyle("contentStyleFromWidget",this.groupAttrs.attr_group_css_content),C=this.getStyle("alignmentStyleFromWidget",this.groupAttrs.attr_group_css_alignment),B=this.getStyle("transparencyStyleFromWidget",this.groupAttrs.attr_group_css_transparency),T=this.getStyle("spacingStyleFromWidget",this.groupAttrs.attr_group_css_spacing),L=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius),w=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),Q=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),G=this.getStyle("innerShadowStyleFromWidget",this.groupAttrs.attr_group_css_inner_shadow),H=this.getStyle("clickFeedbackFromWidget",this.groupAttrs.attr_group_click_feedback);return h.styles={...m,...v,...C,...B,...T,...L,...w,...Q,...G,...H},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 T=this.convertValue(this.state.rxData.valueTrue);this.state.values[`${s}.val`]===T?this.props.context.setValue(s,this.convertValue(this.state.rxData.valueFalse)):this.props.context.setValue(s,T)}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 m=r.target.closest(".inventwo-dialog");if(m!=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 C=this.state.rxData.httpType,B=this.state.rxData.url;if(C==="send"){const T=new XMLHttpRequest;T.open("GET",B),T.send()}else C==="open"?window.open(B,"_self"):C==="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:m=>this.onClick(r,m),onMouseDown:m=>this.onBtnMouseDown(r,m),onMouseUp:m=>this.onBtnMouseUp(r,m),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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(function(){if(!window.inventwoDebugLog){let i=function(o,n){const t=Array.from(n).map(l=>{if(typeof l=="object"&&l!==null)try{return JSON.stringify(l)}catch{return"[object]"}return String(l)}).join(" ");mylog.push({type:o,msg:t})};window.inventwoDebugLog=!0;const e={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let r=!1;["log","warn","error","debug"].forEach(function(o){console[o]=function(...n){i(o,n),e[o].apply(console,n)}}),setInterval(function(){const o=$(".mylog");if(!o||r)return;r=!0;const n=mylog.splice(0,mylog.length);n.forEach(t=>{o.append($("<div>").addClass(t.type).text("["+t.type+"] "+t.msg))}),n.length&&o.scrollTop(o[0].scrollHeight),r=!1},1e3)}})();var s=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function g(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{s as c,g};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-BOPtvDwW.js";import{j as h}from"./jsx-runtime-C86LZJaJ.js";import{p as j,g as P,a as N,s as R}from"./styled-Ddrjhtlo.js";import{b as w}from"./defaultTheme-B9IKJkvV.js";(function(){if(!window.inventwoDebugLog){let e=function(r,t){const s=Array.from(t).map(i=>{if(typeof i=="object"&&i!==null)try{return JSON.stringify(i)}catch{return"[object]"}return String(i)}).join(" ");mylog.push({type:r,msg:s})};window.inventwoDebugLog=!0;const o={log:console.log,warn:console.warn,error:console.error,debug:console.debug};window.mylog=[];let n=!1;["log","warn","error","debug"].forEach(function(r){console[r]=function(...t){e(r,t),o[r].apply(console,t)}}),setInterval(function(){const r=$(".mylog");if(!r||n)return;n=!0;const t=mylog.splice(0,mylog.length);t.forEach(s=>{r.append($("<div>").addClass(s.type).text("["+s.type+"] "+s.msg))}),t.length&&r.scrollTop(r[0].scrollHeight),n=!1},1e3)}})();function C(o){var n,e,r="";if(typeof o=="string"||typeof o=="number")r+=o;else if(typeof o=="object")if(Array.isArray(o)){var t=o.length;for(n=0;n<t;n++)o[n]&&(e=C(o[n]))&&(r&&(r+=" "),r+=e)}else for(e in o)o[e]&&(r&&(r+=" "),r+=e);return r}function _(){for(var o,n,e=0,r="",t=arguments.length;e<t;e++)(o=arguments[e])&&(n=C(o))&&(r&&(r+=" "),r+=n);return r}function b(o,n){const e={...n};for(const r in o)if(Object.prototype.hasOwnProperty.call(o,r)){const t=r;if(t==="components"||t==="slots")e[t]={...o[t],...e[t]};else if(t==="componentsProps"||t==="slotProps"){const s=o[t],i=n[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 c=l;e[t][c]=b(s[c],i[c])}}}else e[t]===void 0&&(e[t]=o[t])}return e}function T(o,n,e=void 0){const r={};for(const t in o){const s=o[t];let i="",l=!0;for(let c=0;c<s.length;c+=1){const a=s[c];a&&(i+=(l===!0?"":" ")+n(a),l=!1,e&&e[a]&&(i+=" "+e[a]))}r[t]=i}return r}const I=m.createContext(void 0);function J({value:o,children:n}){return h.jsx(I.Provider,{value:o,children:n})}function A(o){const{theme:n,name:e,props:r}=o;if(!n||!n.components||!n.components[e])return r;const t=n.components[e];return t.defaultProps?b(t.defaultProps,r):!t.styleOverrides&&!t.variants?b(t,r):r}function D({props:o,name:n}){const e=m.useContext(I);return A({props:o,name:n,theme:{components:e}})}const x={theme:void 0};function O(o){let n,e;return function(t){let s=n;return(s===void 0||t.theme!==e)&&(x.theme=t.theme,s=j(o(x)),n=s,e=t.theme),s}}const M=O;function E(o){return D(o)}function L(o){return N("MuiSvgIcon",o)}const K=P("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),U=o=>{const{color:n,fontSize:e,classes:r}=o,t={root:["root",n!=="inherit"&&`color${w(n)}`,`fontSize${w(e)}`]};return T(t,L,r)},k=R("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:e}=o;return[n.root,e.color!=="inherit"&&n[`color${w(e.color)}`],n[`fontSize${w(e.fontSize)}`]]}})(M(({theme:o})=>{var n,e,r,t,s,i,l,c,a,g,u,d,y,p;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(t=(n=o.transitions)==null?void 0:n.create)==null?void 0:t.call(n,"fill",{duration:(r=(e=(o.vars??o).transitions)==null?void 0:e.duration)==null?void 0:r.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:((c=(l=o.typography)==null?void 0:l.pxToRem)==null?void 0:c.call(l,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((g=(a=o.typography)==null?void 0:a.pxToRem)==null?void 0:g.call(a,35))||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter(([,f])=>f&&f.main).map(([f])=>{var v,S;return{props:{color:f},style:{color:(S=(v=(o.vars??o).palette)==null?void 0:v[f])==null?void 0:S.main}}}),{props:{color:"action"},style:{color:(d=(u=(o.vars??o).palette)==null?void 0:u.action)==null?void 0:d.active}},{props:{color:"disabled"},style:{color:(p=(y=(o.vars??o).palette)==null?void 0:y.action)==null?void 0:p.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),z=m.forwardRef(function(n,e){const r=E({props:n,name:"MuiSvgIcon"}),{children:t,className:s,color:i="inherit",component:l="svg",fontSize:c="medium",htmlColor:a,inheritViewBox:g=!1,titleAccess:u,viewBox:d="0 0 24 24",...y}=r,p=m.isValidElement(t)&&t.type==="svg",f={...r,color:i,component:l,fontSize:c,instanceFontSize:n.fontSize,inheritViewBox:g,viewBox:d,hasSvgAsChild:p},v={};g||(v.viewBox=d);const S=U(f);return h.jsxs(k,{as:l,className:_(S.root,s),focusable:"false",color:a,"aria-hidden":u?void 0:!0,role:u?"img":void 0,ref:e,...v,...y,...p&&t.props,ownerState:f,children:[p?t.props.children:t,u?h.jsx("title",{children:u}):null]})});z.muiName="SvgIcon";function W(o,n){function e(r,t){return h.jsx(z,{"data-testid":`${n}Icon`,ref:t,...r,children:o})}return e.muiName=z.muiName,m.memo(m.forwardRef(e))}export{J as D,z as S,T as a,W as b,_ as c,L as g,M as m,b as r,K as s,E as u};
|