iobroker.vis-2-widgets-inventwo 0.3.9 → 0.3.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -0
- package/io-package.json +27 -27
- package/package.json +5 -5
- package/widgets/vis-2-widgets-inventwo/assets/InventwoGeneric-CbX3m-Z8.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetCheckbox-B24QHeBh.js → InventwoWidgetCheckbox-ksHc4RXF.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSlider-BstWJoy_.js → InventwoWidgetSlider-BLEepAsv.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetSwitch-BgSH0BTo.js → InventwoWidgetSwitch-Bl5Z6heM.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{InventwoWidgetTable-DncuXfN8.js → InventwoWidgetTable-Cnp7TMWu.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-BpdRKD-8.js +11 -0
- package/widgets/vis-2-widgets-inventwo/assets/{createSvgIcon-C16dkAEL.js → createSvgIcon-C0QPrxzZ.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{defaultTheme-_HJTGFft.js → defaultTheme-C6_LP6Xh.js} +3 -3
- package/widgets/vis-2-widgets-inventwo/assets/hostInit-DEl-5FFs.js +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-CJ-kxqUy.js → index-B6mUFPf4.js} +40 -40
- package/widgets/vis-2-widgets-inventwo/assets/index-CE4UvKz-.js +934 -0
- package/widgets/vis-2-widgets-inventwo/assets/{index-CSPqrJFg.js → index-DtdI9jY3.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{index-EdpVaI23.js → index-L2O7V6nS.js} +5 -5
- package/widgets/vis-2-widgets-inventwo/assets/{index-DRGV8isx.js → index-cvvcWc52.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{jsx-runtime-CpkL0y1E.js → jsx-runtime-1KR4UBAX.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{styled-D5nmIsnz.js → styled-BgRI89GI.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{tableRowClasses-C6EYvNEv.js → tableRowClasses-DBiM-IU9.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/translations-UjSvOxNh.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/tslib.es6-B24-ng1V.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/{useTheme-B3QqiMVE.js → useTheme-cVKD-uln.js} +1 -1
- package/widgets/vis-2-widgets-inventwo/assets/{virtualExposes-DskPpMVF.js → virtualExposes-B_btEI_w.js} +2 -2
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-BBbYBi84.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js +1 -0
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js +1 -0
- package/widgets/vis-2-widgets-inventwo/customWidgets.js +6 -2
- package/widgets/vis-2-widgets-inventwo/assets/InventwoGeneric-D_aFIXIR.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-CdrE_vwg.js +0 -11
- package/widgets/vis-2-widgets-inventwo/assets/index-Bn_8a2Dw.js +0 -934
- package/widgets/vis-2-widgets-inventwo/assets/translations-j4FJyC9Z.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/tslib.es6-B1C4DCIJ.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__-CRxMXOf9.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-g6csH367.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__loadShare__react__loadShare__-BpcF0Twh.js +0 -1
- package/widgets/vis-2-widgets-inventwo/assets/vis2Inventwo__mf_v__runtimeInit__mf_v__-CBbfFHA5.js +0 -5
package/README.md
CHANGED
|
@@ -34,11 +34,21 @@ Switches
|
|
|
34
34
|
|
|
35
35
|
#### More will follow...
|
|
36
36
|
|
|
37
|
+
|
|
37
38
|
## Changelog
|
|
38
39
|
<!--
|
|
39
40
|
Placeholder for the next version (at the beginning of the line):
|
|
40
41
|
### **WORK IN PROGRESS**
|
|
41
42
|
-->
|
|
43
|
+
### 0.3.11 (2025-12-04)
|
|
44
|
+
- Added padding options for dialog titlebar (#102, #153)
|
|
45
|
+
- Added "close after x seconds" option for dialog (#102)
|
|
46
|
+
- Added option to hide dialog titlebar (#102)
|
|
47
|
+
- Added image resize and position options (#101)
|
|
48
|
+
|
|
49
|
+
### 0.3.10 (2025-11-20)
|
|
50
|
+
- Updated dependencies
|
|
51
|
+
|
|
42
52
|
### 0.3.9 (2025-09-20)
|
|
43
53
|
- Fixed border color label in universal widget states (#120)
|
|
44
54
|
|
package/io-package.json
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"common": {
|
|
3
3
|
"name": "vis-2-widgets-inventwo",
|
|
4
|
-
"version": "0.3.
|
|
4
|
+
"version": "0.3.11",
|
|
5
5
|
"news": {
|
|
6
|
+
"0.3.11": {
|
|
7
|
+
"en": "Added padding options for dialog titlebar (#102, #153)\nAdded \"close after x seconds\" option for dialog (#102)\nAdded option to hide dialog titlebar (#102)\nAdded image resize and position options (#101)",
|
|
8
|
+
"de": "Hinzufügen von Padding-Optionen für Dialog-Titelleiste (#102, #153)\nHinzufügen \"Schließen nach x Sekunden\" Option für Dialog (#102)\nHinzugefügt Option zum Verbergen Dialog Titelleiste (#102)\nBildgröße und Positionsoptionen hinzugefügt (#101)",
|
|
9
|
+
"ru": "Добавлены параметры прокладки для панели заголовков диалогов (#102, #153)\nДобавлена опция «закрыть после x секунд» для диалога (#102)\nДобавлена возможность скрыть панель заголовков диалогов (#102)\nДобавлены параметры размера изображения и позиции (#101)",
|
|
10
|
+
"pt": "Opções de preenchimento adicionadas para a barra de título da janela (# 102, # 153)\nAdicionada a opção \"fechar após x segundos\" para o diálogo (# 102)\nOpção adicionada para ocultar a barra de título da janela (# 102)\nOpções de redimensionamento e posição da imagem adicionadas (#101)",
|
|
11
|
+
"nl": "Opties voor opvulling voor dialoogvenstertitelbalk (#102, #153) toegevoegd\nToegevoegd \"sluiten na x seconden\" optie voor dialoog (#102)\nToegevoegd optie om dialoogvenster titelbalk te verbergen (#102)\nAfbeeldingsgrootte en positieopties toegevoegd (#101)",
|
|
12
|
+
"fr": "Ajout d'options de rembourrage pour la barre de titres de dialogue (#102, #153)\nAjout de l'option « fermer après x secondes » pour la boîte de dialogue (#102)\nAjout d'une option pour masquer la barre de titre de la boîte de dialogue (#102)\nAjout d'options de redimensionnement et de position de l'image (#101)",
|
|
13
|
+
"it": "Aggiunto opzioni di imbottitura per la barra del titolo di dialogo (#102, #153)\nAggiunto \"chiudi dopo x secondi\" opzione per la finestra di dialogo (#102)\nAggiunta opzione per nascondere la barra del titolo di dialogo (#102)\nOpzioni di ridimensionamento e posizione dell'immagine aggiuntiva (#101)",
|
|
14
|
+
"es": "Opciones de relleno adicionales para la barra de diálogo (#102, #153)\nAñadido \"cerrar después de x segundos\" opción para el diálogo (#102)\nOpción adicional para ocultar la barra de diálogo (#102)\nOpciones de tamaño y posición agregadas (#101)",
|
|
15
|
+
"pl": "Dodano opcje wyściełania dla paska dialogowego (# 102, # 153)\nDodano opcję \"Zamknij po x sekundach\" dla okna dialogowego (# 102)\nDodano opcję ukrywania paska dialogowego (# 102)\nDodano zmianę rozmiaru obrazu i opcji pozycji (# 101)",
|
|
16
|
+
"uk": "Додано параметри наповнення діалогового вікна (#102, #153)\nДодано \"close після x секунд\" варіант для діалогу (#102)\nДодано варіант, щоб приховати діалогове заголовок (#102)\nДодано розмір зображення та параметри позиції (#101)",
|
|
17
|
+
"zh-cn": "添加对话框标题栏的编码选项(# 102, # 153)\n添加“ x 秒后关闭” 对话框选项 (# 102)\n添加到隐藏对话框标题栏的选项(# 102)\n添加图像调整大小和位置选项(# 101)"
|
|
18
|
+
},
|
|
19
|
+
"0.3.10": {
|
|
20
|
+
"en": "Updated dependencies",
|
|
21
|
+
"de": "Aktualisierte Abhängigkeiten",
|
|
22
|
+
"ru": "Обновленные зависимости",
|
|
23
|
+
"pt": "Dependências atualizadas",
|
|
24
|
+
"nl": "Bijgewerkte afhankelijkheden",
|
|
25
|
+
"fr": "Dépendances actualisées",
|
|
26
|
+
"it": "Dipendenze aggiornate",
|
|
27
|
+
"es": "Dependencias actualizadas",
|
|
28
|
+
"pl": "Aktualizacja zależności",
|
|
29
|
+
"uk": "Оновлені залежності",
|
|
30
|
+
"zh-cn": "更新的依赖关系"
|
|
31
|
+
},
|
|
6
32
|
"0.3.9": {
|
|
7
33
|
"en": "Fixed border color label in universal widget states (#120)",
|
|
8
34
|
"de": "Fehler behoben: Randfarbe des Labels im Universal Widget Zustände (#120)",
|
|
@@ -67,32 +93,6 @@
|
|
|
67
93
|
"pl": "Popraw poprzednią wersję",
|
|
68
94
|
"uk": "Виправлення попередньої версії",
|
|
69
95
|
"zh-cn": "修复上一个版本"
|
|
70
|
-
},
|
|
71
|
-
"0.3.4": {
|
|
72
|
-
"en": "Added code to print console logs to a widget for debugging purposes",
|
|
73
|
-
"de": "Code hinzugefügt, um Konsolenprotokolle zu einem Widget für Debugging Zwecke zu drucken",
|
|
74
|
-
"ru": "Добавлен код для печати журналов консоли в виджет для целей отладки",
|
|
75
|
-
"pt": "Adicionado código para imprimir registros de console para um widget para fins de depuração",
|
|
76
|
-
"nl": "Code toegevoegd om consolelogs af te drukken aan een widget voor debuggen",
|
|
77
|
-
"fr": "Ajout de code pour imprimer les journaux de console à un widget pour le débogage",
|
|
78
|
-
"it": "Codice aggiunto per stampare i registri della console a un widget per scopi di debugging",
|
|
79
|
-
"es": "Código añadido para imprimir registros de consola a un widget para propósitos depuradores",
|
|
80
|
-
"pl": "Dodano kod do drukowania dzienników konsoli do widżetu do celów debugowania",
|
|
81
|
-
"uk": "Додано код для друку журналів консолі до віджету для цілей відключення",
|
|
82
|
-
"zh-cn": "为调试目的将代码添加到打印控制台日志到部件中"
|
|
83
|
-
},
|
|
84
|
-
"0.3.3": {
|
|
85
|
-
"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",
|
|
86
|
-
"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",
|
|
87
|
-
"ru": "Добавлена опция кликнуть через универсальный виджет\nФиксированное состояние не используется, тогда oid остается пустым\nДобавлены опции управления шириной строки таблицы и цветом\nСнятый цвет фона стола для обеспечения прозрачности",
|
|
88
|
-
"pt": "Adicionada opção para clicar através de widget universal\nEstado fixo não usado então o oid fica vazio\nOpções adicionadas para controlar a largura e cor da linha da tabela\nCor de fundo da tabela removida para permitir transparência",
|
|
89
|
-
"nl": "Toegevoegd optie om door universele widget te klikken\nVaste toestand niet gebruikt dan wordt oid leeg gelaten\nToegevoegde opties om rijlijnbreedte en kleur van de tabel te bepalen\nVerwijderde tabel achtergrondkleur om transparantie mogelijk te maken",
|
|
90
|
-
"fr": "Ajout d'une option pour cliquer sur le widget universel\nÉtat fixe non utilisé alors oid est laissé vide\nAjout d'options pour contrôler la largeur et la couleur de la ligne de ligne de table\nCouleur de fond de table supprimée pour permettre la transparence",
|
|
91
|
-
"it": "Aggiunta opzione per fare clic tramite widget universale\nStato fisso non utilizzato allora oid è lasciato vuoto\nOpzioni aggiuntive per controllare la larghezza della riga della tabella e il colore\nColore di sfondo tavolo rimosso per consentire la trasparenza",
|
|
92
|
-
"es": "Opción agregada para hacer clic a través del widget universal\nEstado fijo no utilizado entonces oid se deja vacío\nOpciones adicionales para controlar la línea de fila de mesa ancho y color\nColor de fondo de mesa eliminado para permitir la transparencia",
|
|
93
|
-
"pl": "Dodano opcję, aby kliknąć przez uniwersalny widget\nStan stały nie jest używany, wtedy oid pozostaje pusty\nDodano opcje do kontrolowania szerokości i koloru linii wiersza tabeli\nUsunięto kolor tła tabeli, aby umożliwić przejrzystość",
|
|
94
|
-
"uk": "Додана можливість натиснути через універсальний віджет\nВиправлений стан не використовується, потім oid залишається порожнім\nДодано параметри для управління шириною рядка рядків та кольором\nВидалити колір фону таблиці, щоб забезпечити прозорість",
|
|
95
|
-
"zh-cn": "通过通用部件单击已添加选项\n未使用的固定状态将 Oid 留为空\n添加选项以控制表格行宽度和颜色\n删除表格背景颜色以允许透明"
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
"titleLang": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "iobroker.vis-2-widgets-inventwo",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.11",
|
|
4
4
|
"description": "ioBroker vis2 inventwo widgets",
|
|
5
5
|
"author": "jkvarel <jk@inventwo.com>",
|
|
6
6
|
"contributors": [
|
|
@@ -18,11 +18,11 @@
|
|
|
18
18
|
"inventwo"
|
|
19
19
|
],
|
|
20
20
|
"devDependencies": {
|
|
21
|
-
"@alcalzone/release-script": "^
|
|
22
|
-
"@alcalzone/release-script-plugin-iobroker": "^
|
|
23
|
-
"@alcalzone/release-script-plugin-license": "^
|
|
21
|
+
"@alcalzone/release-script": "^5.0.0",
|
|
22
|
+
"@alcalzone/release-script-plugin-iobroker": "^4.0.0",
|
|
23
|
+
"@alcalzone/release-script-plugin-license": "^4.0.0",
|
|
24
24
|
"@iobroker/build-tools": "^2.0.15",
|
|
25
|
-
"@iobroker/eslint-config": "^2.
|
|
25
|
+
"@iobroker/eslint-config": "^2.2.0",
|
|
26
26
|
"@iobroker/vis-2-widgets-react-dev": "^4.0.4",
|
|
27
27
|
"@iobroker/vis-2-widgets-testing": "^1.0.6"
|
|
28
28
|
},
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{v as x}from"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";const{initPromise:$}=x,I=$.then(u=>u.loadShare("@iobroker/vis-2-widgets-react-dev",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"*"}}})),N=await I.then(u=>u());var b=N;class E extends(window.visRxWidget||b.VisRxWidget){static getI18nPrefix(){return"vis_2_widgets_inventwo_"}constructor(t){super(t),this.groupAttrs=[],this.getWidgetInfo().visAttrs.forEach(e=>{e.fields.forEach(s=>{s.name!==void 0&&(s.name.endsWith("FromWidget")||(this.groupAttrs[e.name]===void 0&&(this.groupAttrs[e.name]=[]),this.groupAttrs[e.name].push(s.name)))})})}onChange(t,r){if(this.props.editMode)return;const e=this.state.rxData.oid;this.props.context.setValue(e,parseFloat(r))}getValue(t){if(t!==void 0&&t!==""&&t!=="nothing_selected")return this.state.values[`${t}.val`]}getStyle(t,r,e=null){var d,c,p,v;const s={},l=this.state.rxData[t],n=e>0;if(l){let f=!1;const a=this.props.context.views[this.props.view],g=(c=(d=a==null?void 0:a.widgets)==null?void 0:d[l])==null?void 0:c.data;if(g)r.forEach(o=>{let i=o;n&&(i=`${o}${e}`),s[i]=g[i]}),f=!0;else{const o=Object.keys(this.props.context.views);for(let i=0;i<o.length;i++){const h=this.props.context.views[o[i]];if(h!==this.props.view&&((v=(p=h.widgets)==null?void 0:p[l])!=null&&v.data)){const w=h.widgets[l].data;r.forEach(m=>{let _=m;n&&(_=`${m}${e}`),s[_]=w[_]}),f=!0;break}}}f||r.forEach(o=>{let i=o;n&&(i=`${o}${e}`),s[i]=this.state.rxData[i]})}else r.forEach(f=>{let a=f;n&&(a=`${f}${e}`),s[a]=this.state.rxData[a]});return s}convertValue(t){return t==="true"?!0:t==="false"?!1:isNaN(t)?t:parseFloat(t)}validFieldValue(t){return t!=null&&t!==""}convertRgbToHex(t){if(!t)return null;const r=t.match(/(\d+),(\d+),(\d+),(\d+)/);if(!r)return null;const[e,s,l]=r.slice(1,5).map(parseFloat);function n(d){const c=d.toString(16);return c.length===1?`0${c}`:c}return`#${n(e)}${n(s)}${n(l)}`}isInteractionAllowed(t=null){return!(this.props.editMode||t&&t.target.closest(".IroColorPicker")!==null||t.target.closest(`.inventwo-view-in-widget-wrapper, #${this.props.id}`).classList.contains("inventwo-view-in-widget-wrapper")||this.state.rxData.type==="readonly")}validOid(t){return t!=null&&t!=="nothing_selected"&&t!==""}valWithUnit(t){return t+(Number.isNaN(Number(t))?"":"px")}}export{E as I};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-
|
|
1
|
+
import{j as i}from"./jsx-runtime-1KR4UBAX.js";import"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{v as o}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";import{I as h}from"./InventwoGeneric-CbX3m-Z8.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";class l extends h{static getWidgetInfo(){return{id:"tplInventwoWidgetCheckbox",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_checkbox",visName:"widget_checkbox",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"valueFalse",type:"text",label:"value_false"},{name:"valueTrue",type:"text",label:"value_true"},{name:"textFalse",type:"html",label:"text_false"},{name:"textTrue",type:"html",label:"text_true"},{name:"textPosition",type:"select",options:[{value:"top",label:"top"},{value:"bottom",label:"bottom"},{value:"start",label:"start"},{value:"end",label:"end"}],default:"end",label:"text_position"}]},{name:"attr_group_css_style",label:"attr_group_css_style",fields:[{label:"from_widget",name:"styleFromWidget",type:"widget",tpl:"tplInventwoWidgetCheckbox",all:!0},{name:"boxColor",type:"color",label:"box_color",hidden:"!!data.styleFromWidget"},{name:"boxColorActive",type:"color",label:"box_color_active",hidden:"!!data.styleFromWidget"},{name:"boxSize",type:"slider",min:0,max:50,step:1,default:24,label:"box_size",hidden:"!!data.styleFromWidget"}]}],visDefaultStyle:{overflow:"visible",width:70,height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-checkbox.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}getWidgetInfo(){return l.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,e){}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onChange(){if(this.props.editMode)return;const t=this.state.rxData.oid;this.validOid(t)&&(this.getValue(this.state.rxData.oid)===this.convertValue(this.state.rxData.valueTrue,!0)?this.props.context.setValue(t,this.convertValue(this.state.rxData.valueFalse,!1)):this.props.context.setValue(t,this.convertValue(this.state.rxData.valueTrue,!0)))}getValue(t){if(this.validOid(t))return this.state.values[`${t}.val`]}renderWidgetBody(t){super.renderWidgetBody(t);const e=this.state.rxData.oid,r=this.getValue(e),s=this.validOid(e)&&r===this.convertValue(this.state.rxData.valueTrue,!0),a=this.getStyle("styleFromWidget",this.groupAttrs.attr_group_css_style),n={color:a.boxColor,"&.Mui-checked":{color:a.boxColorActive},"& .MuiSvgIcon-root":{fontSize:a.boxSize+"px"}},d={"& .MuiFormControlLabel-label":{fontSize:this.state.rxStyle["font-size"],textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}};return i.jsx(o.FormGroup,{children:i.jsx(o.FormControlLabel,{sx:d,control:i.jsx(o.Checkbox,{sx:n,onClick:()=>this.onChange(),checked:s}),label:s?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as h}from"./jsx-runtime-
|
|
1
|
+
import{j as h}from"./jsx-runtime-1KR4UBAX.js";import"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{v as u}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";import{I as p}from"./InventwoGeneric-CbX3m-Z8.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";class m extends p{constructor(l){super(l),this.state.sliderValue=0}componentDidMount(){super.componentDidMount(),this.setState({sliderValue:this.getValue(this.state.rxData.oid)})}static getWidgetInfo(){return{id:"tplInventwoWidgetSlider",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_slider",visName:"widget_slider",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid",onChange:async(l,t,s,d)=>{if(t[l.name]&&t[l.name]!=="nothing_selected"){const e=await d.getObject(t[l.name]);if(e!=null&&e.common){let a=!1;e.common.min!==void 0&&e.common.min!==t.max_value&&(t.max_value=e.common.min,a=!0),e.common.max!==void 0&&e.common.max!==t.min_value&&(t.min_value=e.common.max,a=!0),e.common.step!==void 0&&e.common.step!==t.step&&(t.step=e.common.step,a=!0),a&&s(t)}}}},{name:"minValue",type:"number",label:"min_value",default:0},{name:"maxValue",type:"number",label:"max_value",default:100},{name:"step",type:"number",label:"step",default:1},{name:"orientation",type:"select",options:[{value:"horizontal",label:"horizontal"},{value:"vertical",label:"vertical"}],default:"horizontal",label:"orientation"},{name:"showMinMax",type:"checkbox",label:"show_min_max",default:!0},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_steps"},{name:"showSteps",type:"checkbox",label:"show_steps",default:!1},{name:"stepMode",type:"select",options:[{value:"auto",label:"auto"},{value:"custom",label:"custom"}],default:"auto",label:"step_mode",hidden:"!data.showSteps"},{name:"stepDisplay",type:"number",label:"step_display",default:10,hidden:'!data.showSteps || data.stepMode != "auto"'},{name:"customSteps",type:"text",label:"custom_steps",hidden:'!data.showSteps || data.stepMode != "custom"',tooltip:"custom_steps_tooltip"}]},{name:"attr_group_css_slider_track",label:"attr_group_css_slider_track",fields:[{label:"from_widget",name:"sliderTrackFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderRailColor",type:"color",default:"rgb(110,110,110)",label:"slider_rail_color",hidden:"!!data.sliderTrackFromWidget"},{name:"sliderRailActiveColor",type:"color",default:"rgb(94,107,63)",label:"slider_rail_active_color",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBarType",type:"select",options:[{value:"normal",label:"normal"},{value:"inverted",label:"inverted"},{value:!1,label:"none"}],default:"normal",label:"track_bar_type",hidden:"!!data.sliderTrackFromWidget"},{name:"trackWidth",type:"slider",min:1,max:50,step:1,default:10,label:"track_width",hidden:"!!data.sliderTrackFromWidget"},{name:"trackBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"track_border_radius",hidden:"!!data.sliderTrackFromWidget"},{type:"delimiter",hidden:"!!data.sliderTrackFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_track_shadow",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderTrackFromWidget"},{name:"trackShadowColor",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color",hidden:"!!data.sliderTrackFromWidget"}]},{name:"attr_group_css_slider_slider_thumb",label:"attr_group_css_slider_slider_thumb",fields:[{label:"from_widget",name:"sliderThumbFromWidget",type:"widget",tpl:"tplInventwoWidgetSlider",all:!0},{name:"sliderThumbColor",type:"color",default:"rgba(69, 86, 24, 1)",label:"slider_thumb_color",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbSize",type:"slider",min:1,max:50,step:1,default:16,label:"thumbSize",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"thumb_border_radius",hidden:"!!data.sliderThumbFromWidget"},{type:"delimiter",hidden:"!!data.sliderThumbFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_thumb_shadow",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.sliderThumbFromWidget"},{name:"thumbShadowColor",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color",hidden:"!!data.sliderThumbFromWidget"}]}],visDefaultStyle:{width:150,overflow:"visible",height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-slider.png"}}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onStateUpdated(l,t){l===this.state.rxData.oid&&t&&t.val!==this.state.sliderValue&&this.setState({sliderValue:t.val})}getWidgetInfo(){return m.getWidgetInfo()}renderWidgetBody(l){super.renderWidgetBody(l);const t=parseFloat(this.state.rxData.minValue),s=parseFloat(this.state.rxData.maxValue),d=[];if(this.state.rxData.showMinMax&&(d.push({value:t,label:t}),d.push({value:s,label:s})),this.state.rxData.showSteps)if(this.state.rxData.stepMode==="auto"){const r=parseFloat(this.state.rxData.stepDisplay);if(r>0)for(let i=t+r;i<s;i+=r)d.push({value:parseFloat(i.toFixed(2).replace(/[.,]00$/,"")),label:i.toFixed(2).replace(/[.,]00$/,"")})}else{let r=this.state.rxData.customSteps;r==null&&(r=""),r=r.split(","),r.forEach(i=>{i=parseInt(i),d.push({value:i,label:i})})}const e=this.getStyle("sliderTrackFromWidget",this.groupAttrs.attr_group_css_slider_track),a=this.getStyle("sliderThumbFromWidget",this.groupAttrs.attr_group_css_slider_slider_thumb),o=e.trackBarType,n={height:this.state.rxData.orientation==="horizontal"?e.trackWidth:"100%",width:this.state.rxData.orientation!=="horizontal"?e.trackWidth:"100%","& .MuiSlider-thumb":{backgroundColor:a.sliderThumbColor,width:a.thumbSize,height:a.thumbSize,borderRadius:`${a.thumbBorderRadius}%`,"&:before":{boxShadow:`${a.thumbShadowX}px ${a.thumbShadowY}px ${a.thumbShadowBlur}px ${a.thumbShadowSize}px ${a.thumbShadowColor}`}},"& .MuiSlider-rail":{backgroundColor:o==="normal"?e.sliderRailColor:o==="inverted"?e.sliderRailActiveColor:"",color:o==="normal"?e.sliderRailColor:o==="inverted"?e.sliderRailActiveColor:"",border:"none",borderRadius:`${e.trackBorderRadius}px`,boxShadow:`${e.trackShadowX}px ${this.state.rxData.trackShadowY}px ${e.trackShadowBlur}px ${e.trackShadowSize}px ${e.trackShadowColor}`},"& .MuiSlider-track":{backgroundColor:o==="normal"?this.state.rxData.sliderRailActiveColor:o==="inverted"?e.sliderRailColor:"",color:o==="normal"?this.state.rxData.sliderRailActiveColor:o==="inverted"?e.sliderRailColor:"",border:"none",borderRadius:`${e.trackBorderRadius}px`},"& .MuiSlider-mark":{color:e.sliderRailActiveColor},"& .MuiSlider-markLabel":{fontSize:this.state.rxStyle["font-size"],color:this.state.rxStyle.color,textShadow:this.state.rxStyle["text-shadow"],fontFamily:this.state.rxStyle["font-family"],fontStyle:this.state.rxStyle["font-style"],fontVariant:this.state.rxStyle["font-variant"],fontWeight:this.state.rxStyle["font-weight"],lineHeight:this.state.rxStyle["line-height"],letterSpacing:this.state.rxStyle["letter-spacing"],wordSpacing:this.state.rxStyle["word-spacing"]}};return this.state.rxData.orientation==="horizontal"?n["& .MuiSlider-markLabel"].top=e.trackWidth+20:n["& .MuiSlider-markLabel"].left=e.trackWidth+20,h.jsx(u.Slider,{disabled:this.props.editMode,sx:n,onChange:(r,i)=>this.setState({sliderValue:i}),onChangeCommitted:(r,i)=>this.setState({sliderValue:i},()=>this.onChange(r,i)),min:this.state.rxData.minValue,max:this.state.rxData.maxValue,step:this.state.rxData.step,value:this.state.sliderValue||0,valueLabelDisplay:"auto",track:e.trackBarType,orientation:this.state.rxData.orientation,marks:d})}}export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-
|
|
1
|
+
import{j as i}from"./jsx-runtime-1KR4UBAX.js";import"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{v as l}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";import{I as m}from"./InventwoGeneric-CbX3m-Z8.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";class r extends m{static getWidgetInfo(){return{id:"tplInventwoWidgetSwitch",visSet:"vis-2-widgets-inventwo",visWidgetLabel:"widget_switch",visName:"widget_switch",visAttrs:[{name:"common",fields:[{name:"oid",type:"id",label:"oid"},{name:"valueFalse",type:"text",label:"value_false"},{name:"valueTrue",type:"text",label:"value_true"},{name:"textFalse",type:"html",label:"text_false"},{name:"textTrue",type:"html",label:"text_true"},{name:"textPosition",type:"select",options:[{value:"top",label:"top"},{value:"bottom",label:"bottom"},{value:"start",label:"start"},{value:"end",label:"end"}],default:"end",label:"text_position"}]},{name:"attr_group_css_track",label:"attr_group_css_track",fields:[{label:"from_widget",name:"trackFromWidget",type:"widget",tpl:"tplInventwoWidgetSwitch",all:!0},{name:"trackColor",type:"color",label:"track_color",hidden:"!!data.trackFromWidget"},{name:"trackColorTrue",type:"color",label:"track_color_true",default:"rgb(143,164,85)",hidden:"!!data.trackFromWidget"},{name:"trackSize",type:"slider",min:1,max:50,step:1,default:12,label:"track_width",hidden:"!!data.trackFromWidget"},{name:"trackBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"track_border_radius",hidden:"!!data.trackFromWidget"},{type:"delimiter",hidden:"!!data.trackFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_track_shadow",hidden:"!!data.trackFromWidget"},{name:"trackShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.trackFromWidget"},{name:"trackShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.trackFromWidget"},{name:"trackShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.trackFromWidget"},{name:"trackShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.trackFromWidget"},{name:"trackShadowColor",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color",hidden:"!!data.trackFromWidget"},{name:"trackShadowColorTrue",type:"color",default:"rgba(0, 0, 0, 1)",label:"shadow_color_true",hidden:"!!data.trackFromWidget"}]},{name:"attr_group_css_thumb",label:"attr_group_css_thumb",fields:[{label:"from_widget",name:"thumbFromWidget",type:"widget",tpl:"tplInventwoWidgetSwitch",all:!0},{name:"thumbColor",type:"color",label:"thumb_color",hidden:"!!data.thumbFromWidget"},{name:"thumbColorTrue",type:"color",label:"thumb_color_true",default:"rgb(69,86,24)",hidden:"!!data.thumbFromWidget"},{name:"thumbSize",type:"slider",min:1,max:50,step:1,default:16,label:"thumbSize",hidden:"!!data.thumbFromWidget"},{name:"thumbBorderRadius",type:"slider",min:1,max:100,step:1,default:100,label:"thumb_border_radius",hidden:"!!data.thumbFromWidget"},{type:"delimiter",hidden:"!!data.thumbFromWidget"},{type:"help",text:"vis_2_widgets_inventwo_thumb_shadow",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowColor",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color",hidden:"!!data.thumbFromWidget"},{name:"thumbShadowColorTrue",type:"color",default:"rgba(0, 0, 0, 0.5)",label:"shadow_color_true",hidden:"!!data.thumbFromWidget"}]}],visDefaultStyle:{overflow:"visible",width:70,height:40},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-switch.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}getWidgetInfo(){return r.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(t,o){}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}onChange(){if(this.props.editMode)return;const t=this.state.rxData.oid;this.getValue(this.state.rxData.oid)===r.convertValue(this.state.rxData.valueTrue,!0)?this.props.context.setValue(t,r.convertValue(this.state.rxData.valueFalse,!1)):this.props.context.setValue(t,r.convertValue(this.state.rxData.valueTrue,!0))}getValue(t){if(t!==void 0&&t!==""&&t!=="nothing_selected")return this.state.values[`${t}.val`]}static convertValue(t,o){return t==="true"?!0:t==="false"?!1:isNaN(t)?t==null||t===""?o:t:parseFloat(t)}renderWidgetBody(t){super.renderWidgetBody(t);const o=this.state.rxData.oid,d=this.getValue(o)===r.convertValue(this.state.rxData.valueTrue,!0),e=this.getStyle("trackFromWidget",this.groupAttrs.attr_group_css_track),a=this.getStyle("thumbFromWidget",this.groupAttrs.attr_group_css_thumb);let s=a.thumbShadowColor,u=e.trackShadowColor;d&&(s=a.thumbShadowColorTrue,u=e.trackShadowColorTrue);const h={"&.MuiSwitch-root":{alignItems:"center",height:e.trackSize,width:"34px",boxSizing:"content-box"},"& .MuiSwitch-switchBase":{color:a.thumbColor,top:"unset"},"& .MuiSwitch-thumb":{width:a.thumbSize,height:a.thumbSize,borderRadius:`${a.thumbBorderRadius}%`,boxShadow:`${a.thumbShadowX}px ${a.thumbShadowY}px ${a.thumbShadowBlur}px ${a.thumbShadowSize}px ${s}`},"& .Mui-checked .MuiSwitch-thumb":{color:a.thumbColorTrue},"& .MuiSwitch-track":{backgroundColor:e.trackColor,borderRadius:`${e.trackBorderRadius/2/100*e.trackSize}px`,boxShadow:`${e.trackShadowX}px ${e.trackShadowY}px ${e.trackShadowBlur}px ${e.trackShadowSize}px ${u}`},"& .Mui-checked + .MuiSwitch-track":{backgroundColor:e.trackColorTrue}};return i.jsx(l.FormGroup,{children:i.jsx(l.FormControlLabel,{control:i.jsx(l.Switch,{sx:h,onClick:()=>this.onChange(),checked:d}),label:d?this.state.rxData.textTrue:this.state.rxData.textFalse,labelPlacement:this.state.rxData.textPosition})})}}export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-CpkL0y1E.js";import"./vis2Inventwo__loadShare__react__loadShare__-BpcF0Twh.js";import{v as l}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-g6csH367.js";import{I as N}from"./InventwoGeneric-D_aFIXIR.js";import{s as p}from"./styled-D5nmIsnz.js";import{t as $,a as f}from"./tableRowClasses-C6EYvNEv.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CBbfFHA5.js";import"./defaultTheme-_HJTGFft.js";class C extends N{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_radius",label:"attr_group_css_border_radius",fields:[{label:"from_widget",name:"borderRadiusStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",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:"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 C.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(y,S){}renderWidgetBody(y){super.renderWidgetBody(y),this.wrappedContent=!0;const S=this.state.rxData.oid,h=this.getValue(S);let r=null;if(h==null||h==="")return o.jsx("div",{children:"Keine Daten"});try{r=JSON.parse(h)}catch{return o.jsx("div",{children:"Invalides JSON"})}const g=[],_=[],d=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),s=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),F=p(l.TableRow)(()=>({[`&.${$.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),w=p(l.TableCell)(()=>({[`&.${f.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${f.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}})),v=p(l.TableCell)(()=>({[`&.${f.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}})),T=p(l.TableRow)(()=>({"&:nth-of-type(odd)":{backgroundColor:this.state.rxData.backgroundOddRow},"&:nth-of-type(even)":{backgroundColor:this.state.rxData.backgroundEvenRow},[`&.${$.root}`]:{height:this.state.rxData.columnHeight+(Number.isNaN(Number(this.state.rxData.columnHeight))?"":"px")}}));if(r.length>0){const x=this.state.rxData.countColumns;if(x===0)Object.keys(r[0]).forEach((t,i)=>{g.push(o.jsx(w,{children:t},i))});else for(let t=1;t<=this.state.rxData.countColumns;t++){let i=this.state.rxData[`columnTitle${t}`];i===null&&(i=Object.keys(r[0])[t-1]);const n={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(n.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),g.push(o.jsx(w,{style:n,children:i},t))}let m=this.state.rxData.maxRows;m<=0?m=r.length:m=Math.min(m,r.length);for(let t=0;t<m;t++){const i=r[t],n=[];if(x===0)Object.values(i).forEach((e,u)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),n.push(o.jsx(v,{children:e},`${t}_${u}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let u=this.state.rxData[`columnKey${e}`];const B=this.state.rxData[`columnPrefix${e}`],j=this.state.rxData[`columnSuffix${e}`],W=this.state.rxData[`columnPlaceholder${e}`],R=this.state.rxData[`columnValueFormat${e}`];u||(u=Object.keys(r[0])[e-1]);let a=i[u];if((a===null||a==="")&&W)a=W;else if(R==="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(R==="datetime"&&a){const c=this.state.rxData[`columnDatetimeFormat${e}`];c==="datetime"?a=new Date(a).toLocaleString():c==="date"?a=new Date(a).toLocaleDateString():c==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),n.push(o.jsxs(v,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[B,a,j]},`${t}_${e}`))}_.push(o.jsx(T,{sx:{"&:last-child td, &:last-child th":{border:0}},children:n},t))}}let D="";d.outerShadowColor&&(D+=`${d.outerShadowX}px ${d.outerShadowY}px ${d.outerShadowBlur}px ${d.outerShadowSize}px ${d.outerShadowColor}`);const b=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius);return o.jsx("div",{style:{boxShadow:`${D}`,overflow:"hidden",height:"100%",borderColor:s.borderColor,borderTopWidth:`${s.borderSizeTop}px`,borderBottomWidth:`${s.borderSizeBottom}px`,borderLeftWidth:`${s.borderSizeLeft}px`,borderRightWidth:`${s.borderSizeRight}px`,borderStyle:s.borderStyle,borderRadius:`${b.borderRadiusTopLeft}px ${b.borderRadiusTopRight}px ${b.borderRadiusBottomRight}px ${b.borderRadiusBottomLeft}px`},children:o.jsx(l.TableContainer,{component:l.Paper,style:{height:"100%",background:"transparent",borderRadius:0},children:o.jsxs(l.Table,{children:[this.state.rxData.showHead&&o.jsx(l.TableHead,{children:o.jsx(F,{children:g})}),o.jsx(l.TableBody,{children:_})]})})})}}export{C as default};
|
|
1
|
+
import{j as o}from"./jsx-runtime-1KR4UBAX.js";import"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{v as l}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";import{I as N}from"./InventwoGeneric-CbX3m-Z8.js";import{s as p}from"./styled-BgRI89GI.js";import{t as $,a as f}from"./tableRowClasses-DBiM-IU9.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";import"./defaultTheme-C6_LP6Xh.js";class C extends N{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_radius",label:"attr_group_css_border_radius",fields:[{label:"from_widget",name:"borderRadiusStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetTable",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:"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 C.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(y,S){}renderWidgetBody(y){super.renderWidgetBody(y),this.wrappedContent=!0;const S=this.state.rxData.oid,h=this.getValue(S);let r=null;if(h==null||h==="")return o.jsx("div",{children:"Keine Daten"});try{r=JSON.parse(h)}catch{return o.jsx("div",{children:"Invalides JSON"})}const g=[],_=[],d=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),s=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),F=p(l.TableRow)(()=>({[`&.${$.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),w=p(l.TableCell)(()=>({[`&.${f.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${f.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}})),v=p(l.TableCell)(()=>({[`&.${f.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}})),T=p(l.TableRow)(()=>({"&:nth-of-type(odd)":{backgroundColor:this.state.rxData.backgroundOddRow},"&:nth-of-type(even)":{backgroundColor:this.state.rxData.backgroundEvenRow},[`&.${$.root}`]:{height:this.state.rxData.columnHeight+(Number.isNaN(Number(this.state.rxData.columnHeight))?"":"px")}}));if(r.length>0){const x=this.state.rxData.countColumns;if(x===0)Object.keys(r[0]).forEach((t,i)=>{g.push(o.jsx(w,{children:t},i))});else for(let t=1;t<=this.state.rxData.countColumns;t++){let i=this.state.rxData[`columnTitle${t}`];i===null&&(i=Object.keys(r[0])[t-1]);const n={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(n.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),g.push(o.jsx(w,{style:n,children:i},t))}let m=this.state.rxData.maxRows;m<=0?m=r.length:m=Math.min(m,r.length);for(let t=0;t<m;t++){const i=r[t],n=[];if(x===0)Object.values(i).forEach((e,u)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),n.push(o.jsx(v,{children:e},`${t}_${u}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let u=this.state.rxData[`columnKey${e}`];const B=this.state.rxData[`columnPrefix${e}`],j=this.state.rxData[`columnSuffix${e}`],W=this.state.rxData[`columnPlaceholder${e}`],R=this.state.rxData[`columnValueFormat${e}`];u||(u=Object.keys(r[0])[e-1]);let a=i[u];if((a===null||a==="")&&W)a=W;else if(R==="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(R==="datetime"&&a){const c=this.state.rxData[`columnDatetimeFormat${e}`];c==="datetime"?a=new Date(a).toLocaleString():c==="date"?a=new Date(a).toLocaleDateString():c==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),n.push(o.jsxs(v,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[B,a,j]},`${t}_${e}`))}_.push(o.jsx(T,{sx:{"&:last-child td, &:last-child th":{border:0}},children:n},t))}}let D="";d.outerShadowColor&&(D+=`${d.outerShadowX}px ${d.outerShadowY}px ${d.outerShadowBlur}px ${d.outerShadowSize}px ${d.outerShadowColor}`);const b=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius);return o.jsx("div",{style:{boxShadow:`${D}`,overflow:"hidden",height:"100%",borderColor:s.borderColor,borderTopWidth:`${s.borderSizeTop}px`,borderBottomWidth:`${s.borderSizeBottom}px`,borderLeftWidth:`${s.borderSizeLeft}px`,borderRightWidth:`${s.borderSizeRight}px`,borderStyle:s.borderStyle,borderRadius:`${b.borderRadiusTopLeft}px ${b.borderRadiusTopRight}px ${b.borderRadiusBottomRight}px ${b.borderRadiusBottomLeft}px`},children:o.jsx(l.TableContainer,{component:l.Paper,style:{height:"100%",background:"transparent",borderRadius:0},children:o.jsxs(l.Table,{children:[this.state.rxData.showHead&&o.jsx(l.TableHead,{children:o.jsx(F,{children:g})}),o.jsx(l.TableBody,{children:_})]})})})}}export{C as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as jsxRuntimeExports}from"./jsx-runtime-1KR4UBAX.js";import{R as React}from"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{v as vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";import{_ as __read,v as vis2Inventwo__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__}from"./tslib.es6-B24-ng1V.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__-BBbYBi84.js";import{I as InventwoGeneric}from"./InventwoGeneric-CbX3m-Z8.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";var Color=(function(){function a(i,s,h){this.r=0,this.g=0,this.b=0,this.set(i,s,h)}return a.prototype.set=function(i,s,h){this.r=this.clamp(i),this.g=this.clamp(s),this.b=this.clamp(h)},a.prototype.hueRotate=function(i){i===void 0&&(i=0),i=i/180*Math.PI;var s=Math.sin(i),h=Math.cos(i);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(i){i===void 0&&(i=1),this.multiply([.2126+.7874*(1-i),.7152-.7152*(1-i),.0722-.0722*(1-i),.2126-.2126*(1-i),.7152+.2848*(1-i),.0722-.0722*(1-i),.2126-.2126*(1-i),.7152-.7152*(1-i),.0722+.9278*(1-i)])},a.prototype.sepia=function(i){i===void 0&&(i=1),this.multiply([.393+.607*(1-i),.769-.769*(1-i),.189-.189*(1-i),.349-.349*(1-i),.686+.314*(1-i),.168-.168*(1-i),.272-.272*(1-i),.534-.534*(1-i),.131+.869*(1-i)])},a.prototype.saturate=function(i){i===void 0&&(i=1),this.multiply([.213+.787*i,.715-.715*i,.072-.072*i,.213-.213*i,.715+.285*i,.072-.072*i,.213-.213*i,.715-.715*i,.072+.928*i])},a.prototype.multiply=function(i){var s=this.clamp(this.r*i[0]+this.g*i[1]+this.b*i[2]),h=this.clamp(this.r*i[3]+this.g*i[4]+this.b*i[5]),b=this.clamp(this.r*i[6]+this.g*i[7]+this.b*i[8]);this.r=s,this.g=h,this.b=b},a.prototype.brightness=function(i){i===void 0&&(i=1),this.linear(i)},a.prototype.contrast=function(i){i===void 0&&(i=1),this.linear(i,-(.5*i)+.5)},a.prototype.linear=function(i,s){i===void 0&&(i=1),s===void 0&&(s=0),this.r=this.clamp(this.r*i+s*255),this.g=this.clamp(this.g*i+s*255),this.b=this.clamp(this.b*i+s*255)},a.prototype.invert=function(i){i===void 0&&(i=1),this.r=this.clamp((i+this.r/255*(1-2*i))*255),this.g=this.clamp((i+this.g/255*(1-2*i))*255),this.b=this.clamp((i+this.b/255*(1-2*i))*255)},a.prototype.hsl=function(){var i=this.r/255,s=this.g/255,h=this.b/255,b=Math.max(i,s,h),y=Math.min(i,s,h),F=0,B=0,T=(b+y)/2;if(b===y)return{h:0,s:0,l:T*100};var V=b-y;return B=T>.5?V/(2-b-y):V/(b+y),b===i?F=(s-h)/V+(s<h?6:0):b===s?F=(h-i)/V+2:b===h&&(F=(i-s)/V+4),F/=6,{h:F*100,s:B*100,l:T*100}},a.prototype.clamp=function(i){return Math.min(Math.max(i,0),255)},a})(),Solver=(function(){function a(i,s){this.target=i,this.targetHSL=i.hsl(),this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},s),this.reusedColor=new Color(0,0,0)}return a.prototype.solve=function(){var i=this.solveNarrow(this.solveWide());return{values:i.values,called:i.called,loss:i.loss,filter:this.css(i.values)}},a.prototype.solveWide=function(){for(var i=5,s=15,h=[60,180,18e3,600,1.2,1.2],b={loss:1/0},y=0;b.loss>this.options.acceptanceLossPercentage;){var F=[50,20,3750,50,100,100],B=this.spsa({A:i,a:h,c:s,values:F,maxTriesInLoop:1e3});if(B.loss<b.loss&&(b=B),y+=1,y>=this.options.maxChecks)break}return Object.assign({},b,{called:y})},a.prototype.solveNarrow=function(i){var s=i.loss,h=2,b=s+1,y=[.25*b,.25*b,b,.25*b,.2*b,.2*b];return this.spsa({A:s,a:y,c:h,values:i.values,maxTriesInLoop:500,called:i.called})},a.prototype.fixValueByFilterIDX=function(i,s){var h=100;return s===2?h=7500:(s===4||s===5)&&(h=200),s===3?i>h?i%=h:i<0&&(i=h+i%h):i<0?i=0:i>h&&(i=h),i},a.prototype.spsa=function(i){for(var s=i.A,h=i.a,b=i.c,y=i.values,F=i.maxTriesInLoop,B=F===void 0?500:F,T=i.called,V=T===void 0?0:T,w=1,Z=.16666666666666666,G=null,L=1/0,k=new Array(6),E=new Array(6),U=new Array(6),X=6,q=0;q<B;q++){for(var Q=b/Math.pow(q+1,Z),P=0;P<X;P++)k[P]=Math.random()>.5?1:-1,E[P]=y[P]+Q*k[P],U[P]=y[P]-Q*k[P];for(var fe=this.loss(E)-this.loss(U),P=0;P<X;P++){var be=fe/(2*Q)*k[P],de=h[P]/Math.pow(s+q+1,w);y[P]=this.fixValueByFilterIDX(y[P]-de*be,P)}var ce=this.loss(y);ce<L&&(G=y.slice(0),L=ce)}return{values:G,loss:L,called:V}},a.prototype.loss=function(i){var s=this.reusedColor;s.set(0,0,0),s.invert(i[0]/100),s.sepia(i[1]/100),s.saturate(i[2]/100),s.hueRotate(i[3]*3.6),s.brightness(i[4]/100),s.contrast(i[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(i){var s=function(h,b){return b===void 0&&(b=1),Math.round(i[h]*b)};return["invert(".concat(s(0),"%)"),"sepia(".concat(s(1),"%)"),"saturate(".concat(s(2),"%)"),"hue-rotate(".concat(s(3,3.6),"deg)"),"brightness(".concat(s(4),"%)"),"contrast(".concat(s(5),"%)")].join(" ")},a})(),hexToRgb=function(a){return a.length===4?[parseInt("0x".concat(a[1]).concat(a[1])),parseInt("0x".concat(a[2]).concat(a[2])),parseInt("0x".concat(a[3]).concat(a[3]))]:a.length===7?[parseInt("0x".concat(a[1]).concat(a[2])),parseInt("0x".concat(a[3]).concat(a[4])),parseInt("0x".concat(a[5]).concat(a[6]))]:[]},isNumeric=function(a){return!isNaN(parseFloat(a))&&isFinite(a)},results={},hexToCSSFilter=function(a,i){var s;i===void 0&&(i={});var h,b,y;if(results[a]&&!i.forceFilterRecalculation)return Object.assign({},results[a],{cache:!0});var F;try{if(s=__read(hexToRgb(a),3),h=s[0],b=s[1],y=s[2],!isNumeric(h)||!isNumeric(b)||!isNumeric(y))throw new Error("hextToRgb returned an invalid value for '".concat(a,"'"));F=new Color(Number(h),Number(b),Number(y))}catch(T){throw new Error("Color value should be in HEX format. ".concat(T))}var B=new Solver(F,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:!1},i));return results[a]=Object.assign({},B.solve(),{hex:a,rgb:[h,b,y],cache:!1})},module$1={exports:{}},exports$1=module$1.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,i){typeof exports$1=="object"&&typeof module$1<"u"?module$1.exports=i():typeof define=="function"&&define.amd?define(i):(a=a||self).iro=i()})(void 0,function(){var a,i,s,h,b,y={},F=[],B=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;function T(t,r){for(var e in r)t[e]=r[e];return t}function V(t){var r=t.parentNode;r&&r.removeChild(t)}function w(t,r,e){var o,n,l,d,u=arguments;if(r=T({},r),3<arguments.length)for(e=[e],o=3;o<arguments.length;o++)e.push(u[o]);if(e!=null&&(r.children=e),t!=null&&t.defaultProps!=null)for(n in t.defaultProps)r[n]===void 0&&(r[n]=t.defaultProps[n]);return d=r.key,(l=r.ref)!=null&&delete r.ref,d!=null&&delete r.key,Z(t,r,d,l)}function Z(t,r,e,o){var n={type:t,props:r,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 L(t,r){this.props=t,this.context=r}function k(t,r){if(r==null)return t.i?k(t.i,t.i.n.indexOf(t)+1):null;for(var e;r<t.n.length;r++)if((e=t.n[r])!=null&&e.o!=null)return e.o;return typeof t.type=="function"?k(t):null}function E(t){var r,e;if((t=t.i)!=null&&t.c!=null){for(t.o=t.c.base=null,r=0;r<t.n.length;r++)if((e=t.n[r])!=null&&e.o!=null){t.o=t.c.base=e.o;break}return E(t)}}function U(t){(!t.f&&(t.f=!0)&&i.push(t)===1||h!==a.debounceRendering)&&(h=a.debounceRendering,(a.debounceRendering||s)(X))}function X(){var t,r,e,o,n,l,d,u;for(i.sort(function(m,p){return p.d.e-m.d.e});t=i.pop();)t.f&&(o=e=void 0,l=(n=(r=t).d).o,d=r.p,u=r.u,r.u=!1,d&&(e=[],o=de(d,n,T({},n),r.w,d.ownerSVGElement!==void 0,null,e,u,l??k(n)),ce(e,n),o!=l&&E(n)))}function q(t,r,e,o,n,l,d,u,m){var p,g,c,f,v,x,W,C=e&&e.n||F,S=C.length;if(u==y&&(u=l!=null?l[0]:S?k(e,0):null),p=0,r.n=Q(r.n,function(_){if(_!=null){if(_.i=r,_.e=r.e+1,(c=C[p])===null||c&&_.key==c.key&&_.type===c.type)C[p]=void 0;else for(g=0;g<S;g++){if((c=C[g])&&_.key==c.key&&_.type===c.type){C[g]=void 0;break}c=null}if(f=de(t,_,c=c||y,o,n,l,d,null,u,m),(g=_.ref)&&c.ref!=g&&(W=W||[]).push(g,_.c||f,_),f!=null){if(x==null&&(x=f),_.l!=null)f=_.l,_.l=null;else if(l==c||f!=u||f.parentNode==null){e:if(u==null||u.parentNode!==t)t.appendChild(f);else{for(v=u,g=0;(v=v.nextSibling)&&g<S;g+=2)if(v==f)break e;t.insertBefore(f,u)}r.type=="option"&&(t.value="")}u=f.nextSibling,typeof r.type=="function"&&(r.l=f)}}return p++,_}),r.o=x,l!=null&&typeof r.type!="function")for(p=l.length;p--;)l[p]!=null&&V(l[p]);for(p=S;p--;)C[p]!=null&&je(C[p],C[p]);if(W)for(p=0;p<W.length;p++)Me(W[p],W[++p],W[++p])}function Q(t,r,e){if(e==null&&(e=[]),t==null||typeof t=="boolean")r&&e.push(r(null));else if(Array.isArray(t))for(var o=0;o<t.length;o++)Q(t[o],r,e);else e.push(r?r((function(n){if(n==null||typeof n=="boolean")return null;if(typeof n=="string"||typeof n=="number")return Z(null,n,null,null);if(n.o==null&&n.c==null)return n;var l=Z(n.type,n.props,n.key,null);return l.o=n.o,l})(t)):t);return e}function P(t,r,e){r[0]==="-"?t.setProperty(r,e):t[r]=typeof e=="number"&&B.test(r)===!1?e+"px":e??""}function fe(t,r,e,o,n){var l,d,u,m,p;if(!((r=n?r==="className"?"class":r:r==="class"?"className":r)==="key"||r==="children"))if(r==="style")if(l=t.style,typeof e=="string")l.cssText=e;else{if(typeof o=="string"&&(l.cssText="",o=null),o)for(d in o)e&&d in e||P(l,d,"");if(e)for(u in e)o&&e[u]===o[u]||P(l,u,e[u])}else r[0]==="o"&&r[1]==="n"?(m=r!==(r=r.replace(/Capture$/,"")),r=((p=r.toLowerCase())in t?p:r).slice(2),e?(o||t.addEventListener(r,be,m),(t.t||(t.t={}))[r]=e):t.removeEventListener(r,be,m)):r!=="list"&&r!=="tagName"&&r!=="form"&&!n&&r in t?t[r]=e??"":typeof e!="function"&&r!=="dangerouslySetInnerHTML"&&(r!==(r=r.replace(/^xlink:?/,""))?e==null||e===!1?t.removeAttributeNS("http://www.w3.org/1999/xlink",r.toLowerCase()):t.setAttributeNS("http://www.w3.org/1999/xlink",r.toLowerCase(),e):e==null||e===!1?t.removeAttribute(r):t.setAttribute(r,e))}function be(t){return this.t[t.type](a.event?a.event(t):t)}function de(t,r,e,o,n,l,d,u,m,p){var g,c,f,v,x,W,C,S,_,I,R=r.type;if(r.constructor!==void 0)return null;(g=a.e)&&g(r);try{e:if(typeof R=="function"){if(S=r.props,_=(g=R.contextType)&&o[g.c],I=g?_?_.props.value:g.i:o,e.c?C=(c=r.c=e.c).i=c.k:("prototype"in R&&R.prototype.render?r.c=c=new R(S,I):(r.c=c=new L(S,I),c.constructor=R,c.render=Ze),_&&_.sub(c),c.props=S,c.state||(c.state={}),c.context=I,c.w=o,f=c.f=!0,c.m=[]),c.j==null&&(c.j=c.state),R.getDerivedStateFromProps!=null&&T(c.j==c.state?c.j=T({},c.j):c.j,R.getDerivedStateFromProps(S,c.j)),f)R.getDerivedStateFromProps==null&&c.componentWillMount!=null&&c.componentWillMount(),c.componentDidMount!=null&&d.push(c);else{if(R.getDerivedStateFromProps==null&&u==null&&c.componentWillReceiveProps!=null&&c.componentWillReceiveProps(S,I),!u&&c.shouldComponentUpdate!=null&&c.shouldComponentUpdate(S,c.j,I)===!1){for(c.props=S,c.state=c.j,c.f=!1,(c.d=r).o=m!=null?m!==e.o?m:e.o:null,r.n=e.n,g=0;g<r.n.length;g++)r.n[g]&&(r.n[g].i=r);break e}c.componentWillUpdate!=null&&c.componentWillUpdate(S,c.j,I)}for(v=c.props,x=c.state,c.context=I,c.props=S,c.state=c.j,(g=a.M)&&g(r),c.f=!1,c.d=r,c.p=t,g=c.render(c.props,c.state,c.context),r.n=Q(g!=null&&g.type==G&&g.key==null?g.props.children:g),c.getChildContext!=null&&(o=T(T({},o),c.getChildContext())),f||c.getSnapshotBeforeUpdate==null||(W=c.getSnapshotBeforeUpdate(v,x)),q(t,r,e,o,n,l,d,m,p),c.base=r.o;g=c.m.pop();)c.j&&(c.state=c.j),g.call(c);f||v==null||c.componentDidUpdate==null||c.componentDidUpdate(v,x,W),C&&(c.k=c.i=null)}else r.o=(function(D,O,K,pe,Y,J,ut,Ce){var ge,Te,De,re,Oe=K.props,A=O.props;if(Y=O.type==="svg"||Y,D==null&&J!=null){for(ge=0;ge<J.length;ge++)if((Te=J[ge])!=null&&(O.type===null?Te.nodeType===3:Te.localName===O.type)){D=Te,J[ge]=null;break}}if(D==null){if(O.type===null)return document.createTextNode(A);D=Y?document.createElementNS("http://www.w3.org/2000/svg",O.type):document.createElement(O.type),J=null}return O.type===null?Oe!==A&&(J!=null&&(J[J.indexOf(D)]=null),D.data=A):O!==K&&(J!=null&&(J=F.slice.call(D.childNodes)),De=(Oe=K.props||y).dangerouslySetInnerHTML,re=A.dangerouslySetInnerHTML,Ce||(re||De)&&(re&&De&&re.O==De.O||(D.innerHTML=re&&re.O||"")),(function(Ye,me,We,Ke,pt){var H;for(H in We)H in me||fe(Ye,H,null,We[H],Ke);for(H in me)pt&&typeof me[H]!="function"||H==="value"||H==="checked"||We[H]===me[H]||fe(Ye,H,me[H],We[H],Ke)})(D,A,Oe,Y,Ce),O.n=O.props.children,re||q(D,O,K,pe,O.type!=="foreignObject"&&Y,J,ut,y,Ce),Ce||("value"in A&&A.value!==void 0&&A.value!==D.value&&(D.value=A.value==null?"":A.value),"checked"in A&&A.checked!==void 0&&A.checked!==D.checked&&(D.checked=A.checked))),D})(e.o,r,e,o,n,l,d,p);(g=a.diffed)&&g(r)}catch(D){a.o(D,r,e)}return r.o}function ce(t,r){for(var e;e=t.pop();)try{e.componentDidMount()}catch(o){a.o(o,e.d)}a.c&&a.c(r)}function Me(t,r,e){try{typeof t=="function"?t(r):t.current=r}catch(o){a.o(o,e)}}function je(t,r,e){var o,n,l;if(a.unmount&&a.unmount(t),(o=t.ref)&&Me(o,null,r),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,r)}o.base=o.p=null}if(o=t.n)for(l=0;l<o.length;l++)o[l]&&je(o[l],r,e);n!=null&&V(n)}function Ze(t,r,e){return this.constructor(t,e)}function Qe(t,r){for(var e=0;e<r.length;e++){var o=r[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function z(){return(z=Object.assign||function(t){for(var r=arguments,e=1;e<arguments.length;e++){var o=r[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}a={},L.prototype.setState=function(t,r){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,r&&this.m.push(r),U(this))},L.prototype.forceUpdate=function(t){this.d&&(t&&this.m.push(t),this.u=!0,U(this))},L.prototype.render=G,i=[],s=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,h=a.debounceRendering,a.o=function(t,r,e){for(var o;r=r.i;)if((o=r.c)&&!o.i)try{if(o.constructor&&o.constructor.getDerivedStateFromError!=null)o.setState(o.constructor.getDerivedStateFromError(t));else{if(o.componentDidCatch==null)continue;o.componentDidCatch(t)}return U(o.k=o)}catch(n){t=n}throw t},b=y;var ee="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",Ae="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",Ee="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",et=new RegExp("rgb"+Ae),tt=new RegExp("rgba"+Ee),ot=new RegExp("hsl"+Ae),at=new RegExp("hsla"+Ee),ye="^(?:#?|0x?)",te="([0-9a-fA-F]{1})",oe="([0-9a-fA-F]{2})",it=new RegExp(ye+te+te+te+"$"),rt=new RegExp(ye+te+te+te+te+"$"),nt=new RegExp(ye+oe+oe+oe+"$"),lt=new RegExp(ye+oe+oe+oe+oe+"$"),ve=Math.log,ne=Math.round,he=Math.floor;function N(t,r,e){return Math.min(Math.max(t,r),e)}function M(t,r){var e=-1<t.indexOf("%"),o=parseFloat(t);return e?r/100*o:o}function j(t){return parseInt(t,16)}function ae(t){return t.toString(16).padStart(2,"0")}var le=(function(){function t(e,o){this.$={h:0,s:0,v:0,a:1},e&&this.set(e),this.onChange=o,this.initialValue=z({},this.$)}var r=t.prototype;return r.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)}},r.setChannel=function(e,o,n){var l;this[e]=z({},this[e],((l={})[o]=n,l))},r.reset=function(){this.hsva=this.initialValue},r.clone=function(){return new t(this)},r.unbind=function(){this.onChange=void 0},t.hsvToRgb=function(e){var o=e.h/60,n=e.s/100,l=e.v/100,d=he(o),u=o-d,m=l*(1-n),p=l*(1-u*n),g=l*(1-(1-u)*n),c=d%6,f=[g,l,l,p,m,m][c],v=[m,m,g,l,l,p][c];return{r:N(255*[l,p,m,m,g,l][c],0,255),g:N(255*f,0,255),b:N(255*v,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),m=d-u,p=0,g=d,c=d===0?0:m/d;switch(d){case u:p=0;break;case o:p=(n-l)/m+(n<l?6:0);break;case n:p=(l-o)/m+2;break;case l:p=(o-n)/m+4}return{h:60*p%360,s:N(100*c,0,100),v:N(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:N(100*u,0,100),l:N(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:N(100*l,0,100),v:N((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*ve(n),d<20?0:.8274096064007395*(l=d-10)-254.76935184120902+115.67994401066147*ve(l)):(o=351.97690566805693+.114206453784165*(o=d-55)-40.25366309332127*ve(o),n=325.4494125711974+.07943456536662342*(n=d-50)-28.0852963507957*ve(n),255),{r:N(he(o),0,255),g:N(he(n),0,255),b:N(he(l),0,255)}},t.rgbToKelvin=function(e){for(var o,n=e.r,l=e.b,d=2e3,u=4e4;.4<u-d;){var m=t.kelvinToRgb(o=.5*(u+d));m.b/m.r>=l/n?u=o:d=o}return o},(function(e,o,n){o&&Qe(e.prototype,o)})(t,[{key:"hsv",get:function(){var e=this.$;return{h:e.h,s:e.s,v:e.v}},set:function(e){var o=this.$;if(e=z({},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 z({},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=z({},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=z({},this.rgb,{r:e})}},{key:"green",get:function(){return this.rgb.g},set:function(e){this.rgb=z({},this.rgb,{g:e})}},{key:"blue",get:function(){return this.rgb.b},set:function(e){this.rgb=z({},this.rgb,{b:e})}},{key:"rgb",get:function(){var e=t.hsvToRgb(this.$),o=e.r,n=e.g,l=e.b;return{r:ne(o),g:ne(n),b:ne(l)}},set:function(e){this.hsv=z({},t.rgbToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"rgba",get:function(){return z({},this.rgb,{a:this.alpha})},set:function(e){this.rgb=e}},{key:"hsl",get:function(){var e=t.hsvToHsl(this.$),o=e.h,n=e.s,l=e.l;return{h:ne(o),s:ne(n),l:ne(l)}},set:function(e){this.hsv=z({},t.hslToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"hsla",get:function(){return z({},this.hsl,{a:this.alpha})},set:function(e){this.hsl=e}},{key:"rgbString",get:function(){var e=this.rgb;return"rgb("+e.r+", "+e.g+", "+e.b+")"},set:function(e){var o,n,l,d,u=1;if((o=et.exec(e))?(n=M(o[1],255),l=M(o[2],255),d=M(o[3],255)):(o=tt.exec(e))&&(n=M(o[1],255),l=M(o[2],255),d=M(o[3],255),u=M(o[4],1)),!o)throw new Error("Invalid rgb string");this.rgb={r:n,g:l,b:d,a:u}}},{key:"rgbaString",get:function(){var e=this.rgba;return"rgba("+e.r+", "+e.g+", "+e.b+", "+e.a+")"},set:function(e){this.rgbString=e}},{key:"hexString",get:function(){var e=this.rgb;return"#"+ae(e.r)+ae(e.g)+ae(e.b)},set:function(e){var o,n,l,d,u=255;if((o=it.exec(e))?(n=17*j(o[1]),l=17*j(o[2]),d=17*j(o[3])):(o=rt.exec(e))?(n=17*j(o[1]),l=17*j(o[2]),d=17*j(o[3]),u=17*j(o[4])):(o=nt.exec(e))?(n=j(o[1]),l=j(o[2]),d=j(o[3])):(o=lt.exec(e))&&(n=j(o[1]),l=j(o[2]),d=j(o[3]),u=j(o[4])),!o)throw new Error("Invalid hex string");this.rgb={r:n,g:l,b:d,a:u/255}}},{key:"hex8String",get:function(){var e=this.rgba;return"#"+ae(e.r)+ae(e.g)+ae(e.b)+ae(he(255*e.a))},set:function(e){this.hexString=e}},{key:"hslString",get:function(){var e=this.hsl;return"hsl("+e.h+", "+e.s+"%, "+e.l+"%)"},set:function(e){var o,n,l,d,u=1;if((o=ot.exec(e))?(n=M(o[1],360),l=M(o[2],100),d=M(o[3],100)):(o=at.exec(e))&&(n=M(o[1],360),l=M(o[2],100),d=M(o[3],100),u=M(o[4],1)),!o)throw new Error("Invalid hsl string");this.hsl={h:n,s:l,l:d,a:u}}},{key:"hslaString",get:function(){var e=this.hsla;return"hsla("+e.h+", "+e.s+"%, "+e.l+"%, "+e.a+")"},set:function(e){this.hslString=e}}]),t})();function Fe(t){var r,e=t.width,o=t.sliderSize,n=t.borderWidth,l=t.handleRadius,d=t.padding,u=t.sliderShape,m=t.layoutDirection==="horizontal";return o=(r=o)!=null?r: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:m?o:e,height:m?e:o}}function st(t,r){var e=Fe(t),o=e.width,n=e.height,l=e.handleRange,d=e.handleStart,u=t.layoutDirection==="horizontal",m=u?o/2:n/2,p=d+(function(g,c){var f=c.hsva,v=c.rgb;switch(g.sliderType){case"red":return v.r/2.55;case"green":return v.g/2.55;case"blue":return v.b/2.55;case"alpha":return 100*f.a;case"kelvin":var x=g.minTemperature,W=g.maxTemperature-x,C=(c.kelvin-x)/W*100;return Math.max(0,Math.min(C,100));case"hue":return f.h/=3.6;case"saturation":return f.s;case"value":default:return f.v}})(t,r)/100*l;return u&&(p=-1*p+l+2*d),{x:u?m:p,y:u?p:m}}var Pe,ze=2*Math.PI,dt=function(t,r){return(t%r+r)%r},He=function(t,r){return Math.sqrt(t*t+r*r)};function Ve(t){return t.width/2-t.padding-t.handleRadius-t.borderWidth}function _e(t){var r=t.width/2;return{width:t.width,radius:r-t.borderWidth,cx:r,cy:r}}function Le(t,r,e){var o=t.wheelAngle,n=t.wheelDirection;return e&&n==="clockwise"?r=o+r:n==="clockwise"?r=360-o+r:e&&n==="anticlockwise"?r=o+180-r:n==="anticlockwise"&&(r=o-r),dt(r,360)}function Ne(t,r,e){var o=_e(t),n=o.cx,l=o.cy,d=Ve(t);r=n-r,e=l-e;var u=Le(t,Math.atan2(-e,-r)*(360/ze)),m=Math.min(He(r,e),d);return{h:Math.round(u),s:Math.round(100/d*m)}}function Re(t){var r=t.width,e=t.boxHeight;return{width:r,height:e??r,radius:t.padding+t.handleRadius}}function Ue(t,r,e){var o=Re(t),n=o.width,l=o.height,d=o.radius,u=(r-d)/(n-2*d)*100,m=(e-d)/(l-2*d)*100;return{s:Math.max(0,Math.min(u,100)),v:Math.max(0,Math.min(100-m,100))}}function qe(t,r,e,o){for(var n=0;n<o.length;n++){var l=o[n].x-r,d=o[n].y-e;if(Math.sqrt(l*l+d*d)<t.handleRadius)return n}return null}function Ie(t){return{boxSizing:"border-box",border:t.borderWidth+"px solid "+t.borderColor}}function Be(t,r,e){return t+"-gradient("+r+", "+e.map(function(o){var n=o[0];return o[1]+" "+n+"%"}).join(",")+")"}function $(t){return typeof t=="string"?t:t+"px"}var Je=["mousemove","touchmove","mouseup","touchend"],xe=(function(t){function r(e){t.call(this,e),this.uid=(Math.random()+1).toString(36).substring(5)}return t&&(r.__proto__=t),((r.prototype=Object.create(t&&t.prototype)).constructor=r).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))},r.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,m=d.clientY-l.top;switch(e.type){case"mousedown":case"touchstart":n(u,m,0)!==!1&&Je.forEach(function(p){document.addEventListener(p,o,{passive:!1})});break;case"mousemove":case"touchmove":n(u,m,1);break;case"mouseup":case"touchend":n(u,m,2),Je.forEach(function(p){document.removeEventListener(p,o,{passive:!1})})}},r})(L);function ie(t){var r=t.r,e=t.url,o=r,n=r;return w("svg",{className:"IroHandle IroHandle--"+t.index+" "+(t.isActive?"IroHandle--isActive":""),style:{"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0);",transform:"translate("+$(t.x)+", "+$(t.y)+")",willChange:"transform",top:$(-r),left:$(-r),width:$(2*r),height:$(2*r),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),m=/iPhone|iPod|iPad/i.test(d),p=window.location;return(u||m)&&0<Pe.length?p.protocol+"//"+p.host+p.pathname+p.search+l:l})(e)},t.props)),!e&&w("circle",{cx:o,cy:n,r,fill:"none","stroke-width":2,stroke:"#000"}),!e&&w("circle",{cx:o,cy:n,r:r-2,fill:t.fill,"stroke-width":2,stroke:"#fff"}))}function we(t){var r=t.activeIndex,e=r!==void 0&&r<t.colors.length?t.colors[r]:t.color,o=Fe(t),n=o.width,l=o.height,d=o.radius,u=st(t,e),m=(function(p,g){var c=g.hsv,f=g.rgb;switch(p.sliderType){case"red":return[[0,"rgb(0,"+f.g+","+f.b+")"],[100,"rgb(255,"+f.g+","+f.b+")"]];case"green":return[[0,"rgb("+f.r+",0,"+f.b+")"],[100,"rgb("+f.r+",255,"+f.b+")"]];case"blue":return[[0,"rgb("+f.r+","+f.g+",0)"],[100,"rgb("+f.r+","+f.g+",255)"]];case"alpha":return[[0,"rgba("+f.r+","+f.g+","+f.b+",0)"],[100,"rgb("+f.r+","+f.g+","+f.b+")"]];case"kelvin":for(var v=[],x=p.minTemperature,W=p.maxTemperature,C=W-x,S=x,_=0;S<W;S+=C/8,_+=1){var I=le.kelvinToRgb(S),R=I.r,D=I.g,O=I.b;v.push([12.5*_,"rgb("+R+","+D+","+O+")"])}return v;case"hue":return[[0,"#f00"],[16.666,"#ff0"],[33.333,"#0f0"],[50,"#0ff"],[66.666,"#00f"],[83.333,"#f0f"],[100,"#f00"]];case"saturation":var K=le.hsvToHsl({h:c.h,s:0,v:c.v}),pe=le.hsvToHsl({h:c.h,s:100,v:c.v});return[[0,"hsl("+K.h+","+K.s+"%,"+K.l+"%)"],[100,"hsl("+pe.h+","+pe.s+"%,"+pe.l+"%)"]];case"value":default:var Y=le.hsvToHsl({h:c.h,s:c.s,v:100});return[[0,"#000"],[100,"hsl("+Y.h+","+Y.s+"%,"+Y.l+"%)"]]}})(t,e);return w(xe,Object.assign({},t,{onInput:function(p,g,c){var f=(function(v,x,W){var C,S=Fe(v),_=S.handleRange,I=S.handleStart;C=v.layoutDirection==="horizontal"?-1*W+_+I:x-I,C=Math.max(Math.min(C,_),0);var R=Math.round(100/_*C);switch(v.sliderType){case"kelvin":var D=v.minTemperature;return D+R/100*(v.maxTemperature-D);case"alpha":return R/100;case"hue":return 3.6*R;case"red":case"blue":case"green":return 2.55*R;default:return R}})(t,p,g);t.parent.inputActive=!0,e[t.sliderType]=f,t.onInput(c,t.id)}}),function(p,g,c){return w("div",Object.assign({},g,{className:"IroSlider",style:Object.assign({},{position:"relative",width:$(n),height:$(l),borderRadius:$(d),background:"conic-gradient(#ccc 25%, #fff 0 50%, #ccc 0 75%, #fff 0)",backgroundSize:"8px 8px"},c)}),w("div",{className:"IroSliderGradient",style:Object.assign({},{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:$(d),background:Be("linear",t.layoutDirection==="horizontal"?"to top":"to right",m)},Ie(t))}),w(ie,{isActive:!0,index:e.index,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:u.x,y:u.y}))})}function ct(t){var r=Re(t),e=r.width,o=r.height,n=r.radius,l=t.colors,d=t.parent,u=t.activeIndex,m=u!==void 0&&u<t.colors.length?t.colors[u]:t.color,p=(function(c,f){return[[[0,"#fff"],[100,"hsl("+f.hue+",100%,50%)"]],[[0,"rgba(0,0,0,0)"],[100,"#000"]]]})(0,m),g=l.map(function(c){return(function(f,v){var x=Re(f),W=x.width,C=x.height,S=x.radius,_=v.hsv,I=S,R=W-2*S,D=C-2*S;return{x:I+_.s/100*R,y:I+(D-_.v/100*D)}})(t,c)});return w(xe,Object.assign({},t,{onInput:function(c,f,v){if(v===0){var x=qe(t,c,f,g);x!==null?d.setActiveColor(x):(d.inputActive=!0,m.hsv=Ue(t,c,f),t.onInput(v,t.id))}else v===1&&(d.inputActive=!0,m.hsv=Ue(t,c,f));t.onInput(v,t.id)}}),function(c,f,v){return w("div",Object.assign({},f,{className:"IroBox",style:Object.assign({},{width:$(e),height:$(o),position:"relative"},v)}),w("div",{className:"IroBox",style:Object.assign({},{width:"100%",height:"100%",borderRadius:$(n)},Ie(t),{background:Be("linear","to bottom",p[1])+","+Be("linear","to right",p[0])})}),l.filter(function(x){return x!==m}).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:m.index,fill:m.hslString,r:t.activeHandleRadius||t.handleRadius,url:t.handleSvg,props:t.handleProps,x:g[m.index].x,y:g[m.index].y}))})}ie.defaultProps={fill:"none",x:0,y:0,r:8,url:null,props:{x:0,y:0}},we.defaultProps=Object.assign({},{sliderShape:"bar",sliderType:"value",minTemperature:2200,maxTemperature:11e3});function Ge(t){var r=_e(t).width,e=t.colors,o=(t.borderWidth,t.parent),n=t.color,l=n.hsv,d=e.map(function(m){return(function(p,g){var c=g.hsv,f=_e(p),v=f.cx,x=f.cy,W=Ve(p),C=(180+Le(p,c.h,!0))*(ze/360),S=c.s/100*W,_=p.wheelDirection==="clockwise"?-1:1;return{x:v+S*Math.cos(C)*_,y:x+S*Math.sin(C)*_}})(t,m)}),u={position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",boxSizing:"border-box"};return w(xe,Object.assign({},t,{onInput:function(m,p,g){if(g===0){if(!(function(f,v,x){var W=_e(f),C=W.cx,S=W.cy,_=f.width/2;return He(C-v,S-x)<_})(t,m,p))return!1;var c=qe(t,m,p,d);c!==null?o.setActiveColor(c):(o.inputActive=!0,n.hsv=Ne(t,m,p),t.onInput(g,t.id))}else g===1&&(o.inputActive=!0,n.hsv=Ne(t,m,p));t.onInput(g,t.id)}}),function(m,p,g){return w("div",Object.assign({},p,{className:"IroWheel",style:Object.assign({},{width:$(r),height:$(r),position:"relative"},g)}),w("div",{className:"IroWheelHue",style:Object.assign({},u,{transform:"rotateZ("+(t.wheelAngle+90)+"deg)",background:t.wheelDirection==="clockwise"?"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)":"conic-gradient(red, magenta, blue, aqua, lime, yellow, red)"})}),w("div",{className:"IroWheelSaturation",style:Object.assign({},u,{background:"radial-gradient(circle closest-side, #fff, transparent)"})}),t.wheelLightness&&w("div",{className:"IroWheelLightness",style:Object.assign({},u,{background:"#000",opacity:1-l.v/100})}),w("div",{className:"IroWheelBorder",style:Object.assign({},u,Ie(t))}),e.filter(function(c){return c!==n}).map(function(c){return w(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 Xe=(function(t){function r(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&&(r.__proto__=t),((r.prototype=Object.create(t&&t.prototype)).constructor=r).prototype.addColor=function(e,o){o===void 0&&(o=this.colors.length);var n=new le(e,this.onColorChange.bind(this));this.colors.splice(o,0,n),this.colors.forEach(function(l,d){return l.index=d}),this.state&&this.setState({colors:this.colors}),this.deferredEmit("color:init",n)},r.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)},r.prototype.setActiveColor=function(e){this.color=this.colors[e],this.state&&this.setState({color:this.color}),this.emit("color:setActive",this.color)},r.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)},r.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]=[])})},r.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)})},r.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)},r.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)},r.prototype.setOptions=function(e){this.setState(e)},r.prototype.resize=function(e){this.setOptions({width:e})},r.prototype.reset=function(){this.colors.forEach(function(e){return e.reset()}),this.setState({colors:this.colors})},r.prototype.onMount=function(e){this.el=e,this.deferredEmit("mount",this)},r.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)},r.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)},r.prototype.render=function(e,o){var n=this,l=o.layout;return Array.isArray(l)||(l=[{component:Ge},{component:we}],o.transparency&&l.push({component:we,options:{sliderType:"alpha"}})),w("div",{class:"IroColorPicker",id:o.id,style:{display:o.display}},l.map(function(d,u){var m=d.component,p=d.options;return w(m,Object.assign({},o,p,{ref:void 0,onInput:n.emitInputEvent.bind(n),parent:n,index:u}))}))},r})(L);Xe.defaultProps=Object.assign({},{width:300,height:300,color:"#fff",colors:[],padding:6,layoutDirection:"vertical",borderColor:"#fff",borderWidth:0,handleRadius:8,activeHandleRadius:null,handleSvg:null,handleProps:{x:0,y:0},wheelLightness:!0,wheelAngle:0,wheelDirection:"anticlockwise",sliderSize:null,sliderMargin:12,boxHeight:null},{colors:[],display:"block",id:null,layout:"default",margin:null});var Se,$e,ue,se,ht=(ke.prototype=(Se=Xe).prototype,Object.assign(ke,Se),ke.I=Se,ke);function ke(t,r){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 m,p,g;a.i&&a.i(l,d),p=(m=u===b)?null:d.n,l=w(G,null,[l]),g=[],de(d,d.n=l,p||y,y,d.ownerSVGElement!==void 0,p?null:F.slice.call(d.childNodes),g,!1,y,m),ce(g,l)})(w(Se,Object.assign({},{ref:function(l){return e=l}},r)),o),document.readyState!=="loading"?n():document.addEventListener("DOMContentLoaded",n),e}return(ue=$e=$e||{}).version="5.5.2",ue.Color=le,ue.ColorPicker=ht,(se=ue.ui||(ue.ui={})).h=w,se.ComponentBase=xe,se.Handle=ie,se.Slider=we,se.Wheel=Ge,se.Box=ct,$e});const __CJS__export_default__=(module$1.exports==null?{}:module$1.exports).default||module$1.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,this.state.dialogCloseTimeout=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:"dialogCloseTimeoutSeconds",type:"slider",min:0,max:50,step:1,default:0,label:"close_after_x_seconds"},{name:"dialogBackground",type:"color",default:"rgb(18, 18, 18)",label:"background"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_titlebar"},{name:"dialogTitleHide",type:"checkbox",label:"hide"},{name:"dialogTitle",type:"html",label:"title",hidden:"data.dialogTitleHide"},{name:"dialogTitleColor",type:"color",default:"rgb(255,255,255)",label:"color",hidden:"data.dialogTitleHide"},{name:"dialogTitleSize",type:"slider",min:0,max:50,step:1,default:20,label:"size",hidden:"data.dialogTitleHide"},{type:"help",text:"vis_2_widgets_inventwo_titlebar_padding",hidden:"data.dialogTitleHide"},{name:"dialogTitlePaddingTop",type:"slider",min:0,max:50,step:1,default:0,label:"top",hidden:"data.dialogTitleHide"},{name:"dialogTitlePaddingBottom",type:"slider",min:0,max:50,step:1,default:0,label:"bottom",hidden:"data.dialogTitleHide"},{name:"dialogTitlePaddingLeft",type:"slider",min:0,max:50,step:1,default:10,label:"left",hidden:"data.dialogTitleHide"},{name:"dialogTitlePaddingRight",type:"slider",min:0,max:50,step:1,default:0,label:"right",hidden:"data.dialogTitleHide"},{type:"delimiter",hidden:"data.dialogTitleHide"},{type:"help",text:"vis_2_widgets_inventwo_close_button",hidden:"data.dialogTitleHide"},{name:"dialogCloseButtonBackground",type:"color",default:"rgba(255,255,255,0)",label:"background",hidden:"data.dialogTitleHide"},{name:"dialogCloseButtonColor",type:"color",default:"rgba(255,255,255,1)",label:"color",hidden:"data.dialogTitleHide"},{name:"dialogCloseButtonSize",type:"slider",min:0,max:50,step:1,default:14,label:"size",hidden:"data.dialogTitleHide"},{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"},{label:"from_widget",name:"stateColorsStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"contentColor",type:"color",label:"content_color",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.contentType != "icon" && data.contentType != "image"'},{name:"contentColorTrue",type:"color",label:"content_color_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.mode == "singleButton" || data.contentType != "icon"'},{name:"background",type:"color",default:"rgb(69,86,24)",label:"background",hidden:'!!data["stateColorsStyleFromWidget" + index]'},{name:"backgroundTrue",type:"color",default:"rgb(69,86,24)",label:"background_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.mode == "singleButton"'},{name:"textColor",type:"color",label:"text_color",hidden:'!!data["stateColorsStyleFromWidget" + index]'},{name:"textColorTrue",type:"color",label:"text_color_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.mode == "singleButton"'},{name:"borderColor",type:"color",label:"border_color",hidden:'!!data["stateColorsStyleFromWidget" + index]'},{name:"borderColorTrue",type:"color",label:"border_color_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.mode == "singleButton"'},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",hidden:'!!data["stateColorsStyleFromWidget" + index]',default:"rgb(0,0,0)"},{name:"outerShadowColorTrue",type:"color",label:"outer_shadow_color_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || data.mode == "singleButton"',default:"rgb(0,0,0)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color",hidden:'!!data["stateColorsStyleFromWidget" + index]'},{name:"innerShadowColorTrue",type:"color",label:"inner_shadow_color_true",hidden:'!!data["stateColorsStyleFromWidget" + index] || 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 || (data.contentType == "image" && data.imageObjectFit)'},{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"},{type:"delimiter",hidden:'data.contentType != "image"'},{type:"help",text:"vis_2_widgets_inventwo_image_resize_and_position",hidden:'data.contentType != "image"'},{name:"imageObjectFit",type:"select",options:[{value:"",label:"none"},{value:"contain",label:"contain"},{value:"cover",label:"cover"},{value:"fill",label:"fill"},{value:"repeat",label:"repeat"}],default:"none",label:"fill_type",hidden:'!!data.contentStyleFromWidget || data.contentType != "image"'},{name:"imageBackgroundSize",type:"slider",min:0,max:1e3,step:1,default:100,label:"scale",hidden:'!!data.contentStyleFromWidget || data.imageObjectFit != "repeat" || data.contentType != "image"'},{name:"imageObjectPosition",type:"select",options:[{value:"none",label:""},{value:"top",label:"top"},{value:"bottom",label:"bottom"},{value:"left",label:"left"},{value:"right",label:"right"},{value:"center",label:"center"}],default:"none",label:"position",hidden:'!!data.contentStyleFromWidget || data.contentType != "image" || data.imageObjectFit == "none"'}]},{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 i=document.querySelector(`#${this.props.id} .vis-inventwo-widget-color-picker-wrapper`);i.innerHTML="",this.state.colorPicker=new __CJS__export_default__.ColorPicker(i,{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,i=this.state.rxData.colorPickerOid?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid)).val:void 0,s=this.state.rxData.colorPickerOid1?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid1)).val:void 0,h=this.state.rxData.colorPickerOid2?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid2)).val:void 0,b=this.state.rxData.colorPickerOid3?(await this.props.context.socket.getState(this.state.rxData.colorPickerOid3)).val:void 0;switch(a){case"hex":i&&/^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(i)?this.state.colorPicker.color.hexString=i:this.state.colorPicker.color.hexString="#ffffff";break;case"hex8":i&&/^#([A-Fa-f0-9]{8}$)/.test(i)?this.state.colorPicker.color.hex8String=i:this.state.colorPicker.color.hexString="#ffffffff";break;case"rgb":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.rgb={r:s,g:h,b}:this.state.colorPicker.color.rgb={r:255,g:255,b:255};break;case"hsl":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.hsl={h:s,s:h,l:b}:this.state.colorPicker.color.hsl={h:330,s:0,l:100};break;case"hsv":s!==void 0&&h!==void 0&&b!==void 0?this.state.colorPicker.color.hsv={h:s,s:h,v:b}:this.state.colorPicker.color.hsv={h:0,s:0,v:100};break}}componentDidMount(){super.componentDidMount(),this.propertiesUpdate(),setTimeout(()=>{this.state.isMounted=!0},500),!this.props.editMode&&this.state.rxData.clickThrough&&(this.refService.current.style.pointerEvents="none")}componentDidUpdate(a,i){i.dialogOpen&&!this.state.dialogOpen&&clearTimeout(this.state.dialogCloseTimeout)}getWidgetInfo(){return InventwoWidgetUniversal.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(a,i){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===i.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,i,s="==="){switch(s){case"===":case"==":return a===i;case"<":return a<i;case">":return a>i;case"<=":return a<=i;case">=":return a>=i;case"!=":return a!==i;default:return!1}}getValueData(a=null){let i=null,s=null,h=null;if(a===null)for(let k=1;k<=this.state.rxData.countStates;k++){let E=this.state.rxData[`compareBy${k}`];E==null&&(E="default");let U=this.state.rxData[`comparisonOperator${k}`];U==null&&(U="===");let X=this.state.rxData.valueTrue;this.state.rxData[`value${k}`]!==void 0&&this.state.rxData[`value${k}`]!==null&&(X=this.state.rxData[`value${k}`]),X=this.convertValue(X);const q=E==="default"&&this.state.rxData.type==="nav"||E==="view";if(!q){if(this.validOid(this.state.rxData[`oid${k}`]))i=this.state.rxData[`oid${k}`];else if(this.validOid(this.state.rxData.oid))i=this.state.rxData.oid;else continue;s=this.getValue(i)}if((E==="default"&&this.state.rxData.type!=="nav"||E==="value")&&this.compare(s,X,U)||q&&this.state.rxData.mode==="singleButton"&&this.state.rxData.countStates===1&&this.state.rxData.view===this.props.view||q&&this.state.rxData.countStates>1&&this.state.rxData[`view${k}`]===this.props.view){h=this.getStateData(k);break}}else i=this.state.rxData.oid,s=this.getValue(i),(this.state.rxData.type==="switch"||this.state.rxData.type==="button"||this.state.rxData.type==="readonly")&&s===this.convertValue(this.state.rxData[`value${a}`])||this.state.rxData.type==="nav"&&this.state.rxData[`view${a}`]===this.props.view?h=this.getStateData(a,!0):h=this.getStateData(a);if(h===null){const k=this.getStyle("defaultColorsStyleFromWidget",this.groupAttrs.attr_group_state_default);h={background:k.background,icon:this.state.rxData.icon,image:this.state.rxData.image,contentColor:k.contentColor,text:this.state.rxData.text,textColor:k.textColor,outerShadowColor:k.outerShadowColor,innerShadowColor:k.innerShadowColor,borderColor:k.borderColor,html:this.state.rxData.html,viewInWidget:this.state.rxData.viewInWidget,contentBlinkInterval:this.state.rxData.contentBlinkInterval,contentSize:this.state.rxData.contentSize}}const b=this.getStyle("textStyleFromWidget",this.groupAttrs.attr_group_css_text),y=this.getStyle("contentStyleFromWidget",this.groupAttrs.attr_group_css_content),F=this.getStyle("alignmentStyleFromWidget",this.groupAttrs.attr_group_css_alignment),B=this.getStyle("transparencyStyleFromWidget",this.groupAttrs.attr_group_css_transparency),T=this.getStyle("spacingStyleFromWidget",this.groupAttrs.attr_group_css_spacing),V=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius),w=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),Z=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),G=this.getStyle("innerShadowStyleFromWidget",this.groupAttrs.attr_group_css_inner_shadow),L=this.getStyle("clickFeedbackFromWidget",this.groupAttrs.attr_group_click_feedback);return h.styles={...b,...y,...F,...B,...T,...V,...w,...Z,...G,...L},this.state.showFeedback&&!this.state.rxData.clickThrough&&(h=this.replaceWithClickFeedbackData(h)),h}getStateData(a,i=!1){const s=this.getStyle(`stateColorsStyleFromWidget${a}`,this.groupAttrs.countStates,a),h={background:s[`background${a}`],icon:this.state.rxData[`icon${a}`],image:this.state.rxData[`image${a}`],contentColor:s[`contentColor${a}`],text:this.state.rxData[`text${a}`],textColor:s[`textColor${a}`],outerShadowColor:s[`outerShadowColor${a}`],innerShadowColor:s[`innerShadowColor${a}`],borderColor:s[`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 i&&(h.background=s[`backgroundTrue${a}`],h.icon=this.state.rxData[`iconTrue${a}`],h.image=this.state.rxData[`imageTrue${a}`],h.contentColor=s[`contentColorTrue${a}`],h.text=this.state.rxData[`textTrue${a}`],h.html=this.state.rxData[`htmlTrue${a}`],h.viewInWidget=this.state.rxData[`viewInWidgetTrue${a}`],h.textColor=s[`textColorTrue${a}`],h.borderColor=s[`borderColorTrue${a}`],h.outerShadowColor=s[`outerShadowColorTrue${a}`],h.innerShadowColor=s[`innerShadowColorTrue${a}`]),h}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,i=null){if(!this.isInteractionAllowed(i))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 b=i.target.closest(".inventwo-dialog");if(b!=null)return;this.state.rxData.mode==="singleButton"?window.vis.changeView(this.state.rxData.view,this.state.rxData.view):window.vis.changeView(this.state.rxData[`view${a}`],this.state.rxData[`view${a}`]);break;case"viewInDialog":this.setState({dialogOpen:!0}),this.state.rxData.dialogCloseTimeoutSeconds&&this.state.rxData.dialogCloseTimeoutSeconds>0&&(this.state.dialogCloseTimeout=setTimeout(()=>{this.setState({dialogOpen:!1})},this.state.rxData.dialogCloseTimeoutSeconds*1e3)),s&&this.props.context.setValue(s,this.convertValue(this.state.rxData.valueTrue));break;case"increaseDecreaseValue":let y=this.getValue(s);y+=this.convertValue(this.state.rxData.valueTrue),this.props.context.setValue(s,y);break;case"http":const F=this.state.rxData.httpType,B=this.state.rxData.url;if(F==="send"){const T=new XMLHttpRequest;T.open("GET",B),T.send()}else F==="open"?window.open(B,"_self"):F==="openNewTab"&&window.open(B,"_blank");break}}onBtnMouseDown(a=null,i=null){if(!this.isInteractionAllowed(i))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,i=null){if(!this.isInteractionAllowed(i))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 i=[];for(let s=1;s<=this.state.rxData.countStates;s++)i.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:i},"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.valWithUnit(this.state.rxData.dialogPadding)}`},".MuiDialogTitle-root":{padding:`${this.valWithUnit(this.state.rxData.dialogTitlePaddingTop)} ${this.valWithUnit(this.state.rxData.dialogTitlePaddingRight)} ${this.valWithUnit(this.state.rxData.dialogTitlePaddingBottom)} ${this.valWithUnit(this.state.rxData.dialogTitlePaddingLeft)}`,color:this.state.rxData.dialogTitleColor,display:this.state.rxData.dialogTitleHide?"none !important":"flex"}}},onClose:(i,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 i=a.image;if(i===null)return"";const s=this.convertRgbToHex(a.contentColor);let h=null;return s&&(h=hexToCSSFilter(s)),a.styles.imageObjectFit!="repeat"?jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.Icon,{src:i,style:{width:a.styles.imageObjectFit?"100%":a.contentSize,filter:h?h.filter:"",objectFit:a.styles.imageObjectFit??"",objectPosition:a.styles.imageObjectPosition??"",height:a.styles.imageObjectFit?"100%":""}}):jsxRuntimeExports.jsx("div",{style:{backgroundImage:`url(${i})`,backgroundSize:a.styles.imageBackgroundSize??"auto",backgroundPosition:a.styles.imageObjectPosition??"",height:"100%",width:"100%"}})}getContentHtml(a){return jsxRuntimeExports.jsx("div",{style:{fontSize:`${a.contentSize}px`},dangerouslySetInnerHTML:{__html:a.html}})}getContentViewInWidget(a){const i=a.viewInWidget;return this.buildViewInWidget(i)}buildViewInWidget(a){if(a===this.props.view)return jsxRuntimeExports.jsx("div",{children:"Cannot use recursive views"});const i={};return jsxRuntimeExports.jsx("div",{style:{position:"relative",overflow:"auto",height:"100%"},className:"inventwo-view-in-widget-wrapper",children:a?this.getWidgetView(a,{style:i}):null})}getCardContent(a){let i;switch(this.state.rxData.contentType){case"icon":i=this.getContentIcon(a);break;case"image":i=this.getContentImage(a);break;case"html":i=this.getContentHtml(a);break;case"viewInWidget":i=this.getContentViewInWidget(a);break;default:i=""}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"||this.state.rxData.contentType==="image"&&a.styles.imageObjectFit?"100%":"",transform:`rotateZ(${a.styles.contentRotation}deg)`,animation:a.contentBlinkInterval>0?`blink ${a.contentBlinkInterval/1e3}s infinite`:""},children:i})}buildCard(a,i,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:i===null?"100%":"",height:i===null?"100%":"",flex:i!==null?`0 0 ${this.state.rxData.buttonSize}px`:"",position:"relative",border:a.styles.borderRadiusTopLeft,borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`},children:[jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Card,{className:"vis_rx_widget_card",style:{background:a.background,borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`,boxShadow:h,opacity:a.styles.backgroundOpacity,position:"absolute",inset:0,borderColor:a.borderColor,borderTopWidth:`${a.styles.borderSizeTop}px`,borderBottomWidth:`${a.styles.borderSizeBottom}px`,borderLeftWidth:`${a.styles.borderSizeLeft}px`,borderRightWidth:`${a.styles.borderSizeRight}px`,borderStyle:a.styles.borderStyle}}),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Card,{style:{cursor:this.state.rxData.type!=="readonly"?"pointer":"",background:"transparent",borderRadius:`${a.styles.borderRadiusTopLeft}px ${a.styles.borderRadiusTopRight}px ${a.styles.borderRadiusBottomRight}px ${a.styles.borderRadiusBottomLeft}px`,opacity:a.styles.contentOpacity,position:"absolute",inset:0,color:"unset",boxShadow:"none"},onClick:b=>this.onClick(i,b),onMouseDown:b=>this.onBtnMouseDown(i,b),onMouseUp:b=>this.onBtnMouseUp(i,b),children:jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.CardContent,{style:{padding:`${a.styles.paddingTop}px ${a.styles.paddingRight}px ${a.styles.paddingBottom}px ${a.styles.paddingLeft}px`,boxSizing:"border-box",width:"100%",height:"100%"},children:s})})]},i!==null?i:"")}getSingleCard(a=null){const i=this.getValueData(a),s=this.getCardContent(i),h=jsxRuntimeExports.jsxs("div",{style:{height:"100%",width:"100%",display:"flex",flexDirection:i.styles.flexDirection+(i.styles.invertOrder?"-reverse":""),justifyContent:i.styles.invertOrder&&i.styles.alignItems==="flex-start"?"flex-end":i.styles.invertOrder&&i.styles.alignItems==="flex-end"?"flex-start":i.styles.alignItems},children:[jsxRuntimeExports.jsx("div",{style:{display:"flex",flexGrow:1,justifyContent:i.styles.flexDirection==="column"?i.styles.contentAlign:"",alignSelf:i.styles.flexDirection==="row"?i.styles.contentAlign:"",transform:`scaleX(${i.styles.contentMirror?-1:1})`,height:this.state.rxData.contentType==="viewInWidget"?"100%":"",overflow:"hidden",margin:`${i.styles.contentMarginTop}px ${i.styles.contentMarginRight}px ${i.styles.contentMarginBottom}px ${i.styles.contentMarginLeft}px`},children:s}),jsxRuntimeExports.jsx("div",{style:{textAlign:this.state.rxStyle["text-align"],alignSelf:i.styles.textAlign,textDecoration:i.styles.textDecoration,color:i.textColor,margin:`${i.styles.textMarginTop}px ${i.styles.textMarginRight}px ${i.styles.textMarginBottom}px ${i.styles.textMarginLeft}px`},dangerouslySetInnerHTML:{__html:i.text}})]});return this.buildCard(i,a,h)}}export{InventwoWidgetUniversal as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-
|
|
1
|
+
import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";import{j as h}from"./jsx-runtime-1KR4UBAX.js";import{p as w,g as j,a as R,s as _}from"./styled-BgRI89GI.js";import{b as z}from"./defaultTheme-C6_LP6Xh.js";function I(o){var r,e,n="";if(typeof o=="string"||typeof o=="number")n+=o;else if(typeof o=="object")if(Array.isArray(o)){var t=o.length;for(r=0;r<t;r++)o[r]&&(e=I(o[r]))&&(n&&(n+=" "),n+=e)}else for(e in o)o[e]&&(n&&(n+=" "),n+=e);return n}function N(){for(var o,r,e=0,n="",t=arguments.length;e<t;e++)(o=arguments[e])&&(r=I(o))&&(n&&(n+=" "),n+=r);return n}function x(o,r){const e={...r};for(const n in o)if(Object.prototype.hasOwnProperty.call(o,n)){const t=n;if(t==="components"||t==="slots")e[t]={...o[t],...e[t]};else if(t==="componentsProps"||t==="slotProps"){const s=o[t],i=r[t];if(!i)e[t]=s||{};else if(!s)e[t]=i;else{e[t]={...i};for(const a in s)if(Object.prototype.hasOwnProperty.call(s,a)){const l=a;e[t][l]=x(s[l],i[l])}}}else e[t]===void 0&&(e[t]=o[t])}return e}function T(o,r,e=void 0){const n={};for(const t in o){const s=o[t];let i="",a=!0;for(let l=0;l<s.length;l+=1){const c=s[l];c&&(i+=(a===!0?"":" ")+r(c),a=!1,e&&e[c]&&(i+=" "+e[c]))}n[t]=i}return n}const P=m.createContext(void 0);function L({value:o,children:r}){return h.jsx(P.Provider,{value:o,children:r})}function A(o){const{theme:r,name:e,props:n}=o;if(!r||!r.components||!r.components[e])return n;const t=r.components[e];return t.defaultProps?x(t.defaultProps,n):!t.styleOverrides&&!t.variants?x(t,n):n}function M({props:o,name:r}){const e=m.useContext(P);return A({props:o,name:r,theme:{components:e}})}const C={theme:void 0};function O(o){let r,e;return function(t){let s=r;return(s===void 0||t.theme!==e)&&(C.theme=t.theme,s=w(o(C)),r=s,e=t.theme),s}}const $=O;function D(o){return M(o)}function U(o){return R("MuiSvgIcon",o)}const q=j("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),k=o=>{const{color:r,fontSize:e,classes:n}=o,t={root:["root",r!=="inherit"&&`color${z(r)}`,`fontSize${z(e)}`]};return T(t,U,n)},B=_("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:e}=o;return[r.root,e.color!=="inherit"&&r[`color${z(e.color)}`],r[`fontSize${z(e.fontSize)}`]]}})($(({theme:o})=>{var r,e,n,t,s,i,a,l,c,d,p,v,g,u;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(t=(r=o.transitions)==null?void 0:r.create)==null?void 0:t.call(r,"fill",{duration:(n=(e=(o.vars??o).transitions)==null?void 0:e.duration)==null?void 0:n.shorter}),variants:[{props:f=>!f.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((i=(s=o.typography)==null?void 0:s.pxToRem)==null?void 0:i.call(s,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((l=(a=o.typography)==null?void 0:a.pxToRem)==null?void 0:l.call(a,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((d=(c=o.typography)==null?void 0:c.pxToRem)==null?void 0:d.call(c,35))||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter(([,f])=>f&&f.main).map(([f])=>{var S,y;return{props:{color:f},style:{color:(y=(S=(o.vars??o).palette)==null?void 0:S[f])==null?void 0:y.main}}}),{props:{color:"action"},style:{color:(v=(p=(o.vars??o).palette)==null?void 0:p.action)==null?void 0:v.active}},{props:{color:"disabled"},style:{color:(u=(g=(o.vars??o).palette)==null?void 0:g.action)==null?void 0:u.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),b=m.forwardRef(function(r,e){const n=D({props:r,name:"MuiSvgIcon"}),{children:t,className:s,color:i="inherit",component:a="svg",fontSize:l="medium",htmlColor:c,inheritViewBox:d=!1,titleAccess:p,viewBox:v="0 0 24 24",...g}=n,u=m.isValidElement(t)&&t.type==="svg",f={...n,color:i,component:a,fontSize:l,instanceFontSize:r.fontSize,inheritViewBox:d,viewBox:v,hasSvgAsChild:u},S={};d||(S.viewBox=v);const y=k(f);return h.jsxs(B,{as:a,className:N(y.root,s),focusable:"false",color:c,"aria-hidden":p?void 0:!0,role:p?"img":void 0,ref:e,...S,...g,...u&&t.props,ownerState:f,children:[u?t.props.children:t,p?h.jsx("title",{children:p}):null]})});b.muiName="SvgIcon";function G(o,r){function e(n,t){return h.jsx(b,{"data-testid":`${r}Icon`,ref:t,...n,children:o})}return e.muiName=b.muiName,m.memo(m.forwardRef(e))}export{L as D,b as S,T as a,G as b,N as c,U as g,$ as m,x as r,q as s,D as u};
|