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

package/README.md

@@ -39,6 +39,17 @@ Switches
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### 0.3.1 (2025-07-08)
+* Change build to vite
+
+### 0.3.0 (2025-07-08)
+* Added new widget: Checkbox
+* Fixed issue with table widget and object values (#77)
+* Fixed translated text (#79)
+
+### 0.2.2 (2025-05-24)
+* Fixed build issue
+
 ### 0.2.1 (2025-05-23)
 * Fixed build issue
 

package/io-package.json

@@ -1,8 +1,47 @@
 {
   "common": {
     "name": "vis-2-widgets-inventwo",
-    "version": "0.2.1",
+    "version": "0.3.1",
     "news": {
+      "0.3.1": {
+        "en": "Change build to vite",
+        "de": "Umbau auf Vite",
+        "ru": "Изменить сборку для vite",
+        "pt": "Mudar a compilação para vite",
+        "nl": "Bouwen wijzigen naar vite",
+        "fr": "Changer la construction en rite",
+        "it": "Cambiare la costruzione per vite",
+        "es": "Cambio de construcción para vite",
+        "pl": "Zmień budowę do vite",
+        "uk": "Зміна побудови віта",
+        "zh-cn": "更改构建为 vite"
+      },
+      "0.3.0": {
+        "en": "Added new widget: Checkbox\nFixed issue with table widget and object values (#77)\nFixed translated text (#79)",
+        "de": "Neues Widget hinzugefügt: Checkbox\nProblem behoben mit Tabellen-Widget und Objektwerten (#77)\nText behoben (#79)",
+        "ru": "Добавлен новый виджет: Checkbox\nФиксированная проблема с виджетом таблицы и значениями объектов (#77)\nПереведенный текст (#79)",
+        "pt": "Adicionado novo elemento: caixa de seleção\nProblema corrigido com os valores do widget e objeto da tabela (#77)\nTexto traduzido corrigido (# 79)",
+        "nl": "Nieuw widget toegevoegd: selectievakje\nVast probleem met tabelwidget- en objectwaarden (#77)\nVaste vertaalde tekst (#79)",
+        "fr": "Ajout d'un nouveau widget: Checkbox\nProblème corrigé avec widget de table et valeurs objet (#77)\nTexte traduit corrigé (#79)",
+        "it": "Aggiunto nuovo widget: Checkbox\nProblema fisso con widget di tabella e valori oggetti (#77)\nTesto tradotto fisso (#79)",
+        "es": "Añadido nuevo widget: caja de verificación\nEdición fija con widget de mesa y valores de objeto (#77)\nTexto traducido fijo (#79)",
+        "pl": "Dodano nowy widget: Checkbox\nNaprawiono problem z widżetem tabeli i wartościami obiektu (# 77)\nNaprawiono przetłumaczony tekst (# 79)",
+        "uk": "Додано новий віджет: Checkbox\nВиправлено проблему з значеннями таблиці віджетів та об'єктів (#77)\nВиправлено перекладений текст (#79)",
+        "zh-cn": "添加新部件: 复选框\n表格部件和对象值的固定问题 (# 77)\n固定翻译文本 (# 79)"
+      },
+      "0.2.2": {
+        "en": "Fixed build issue",
+        "de": "Fixed Build Problem",
+        "ru": "Проблема фиксированного строительства",
+        "pt": "Problema de compilação fixo",
+        "nl": "Probleem met vaste bouw",
+        "fr": "Problème de construction fixe",
+        "it": "Problema di costruzione fisso",
+        "es": "Cuestiones de construcción fijas",
+        "pl": "Emisja stałych budynków",
+        "uk": "Виправлено проблему побудови",
+        "zh-cn": "固定建筑问题"
+      },
       "0.2.1": {
         "en": "Fixed build issue",
         "de": "Fixed Build Problem",
@@ -54,45 +93,6 @@
         "pl": "Poprawione kwestie wymienione przez eslint",
         "uk": "Виправлені питання, зазначені еслінтом",
         "zh-cn": "Eslint提到的固定问题"
-      },
-      "0.1.9": {
-        "en": "Fixed missing object id if type is nav (#14)\nFixed content color for icons not working (#22)",
-        "de": "Fixed fehlende object id, wenn Typ nav ist (#14)\nFeste Inhaltsfarbe für Icons, die nicht funktionieren (#22)",
-        "ru": "Fixed missing object id if type is nav (#14)\nФиксированный цвет контента для значков, не работающих (#22)",
-        "pt": "ID de objeto ausente fixo se o tipo é nav (#14)\nCor de conteúdo fixo para ícones que não funcionam (#22)",
-        "nl": "Vaste ontbrekende object id als het type navigatiesysteem is (#14)\nKleur van vaste inhoud voor pictogrammen die niet werken (#22)",
-        "fr": "Correction de l'identifiant d'objet manquant si le type est nav (#14)\nCouleur de contenu fixe pour les icônes ne fonctionnant pas (#22)",
-        "it": "Risolto oggetto mancante id se il tipo è nav (#14)\nColore del contenuto fisso per icone che non funzionano (#22)",
-        "es": "Objeto perdido fijo id si el tipo es nav (#14)\nColor de contenido fijo para iconos que no funcionan (#22)",
-        "pl": "Naprawiono brak identyfikatora obiektu, jeśli typ jest nawigacją (# 14)\nPoprawiony kolor zawartości dla ikon nie działa (# 22)",
-        "uk": "Виправлено відсутній об'єкт, якщо тип нав (#14)\nФіксований колір вмісту для ікон не працює (#22)",
-        "zh-cn": "如果类型为导航( # 14) , 则固定缺失对象 ID\n不工作的图标的固定内容颜色(# 22)"
-      },
-      "0.1.5": {
-        "en": "Added optional button click feedback options\nAdded widget type to send http requests and open urls",
-        "de": "Optionale Schaltfläche klicken Sie auf Feedback-Optionen\nHinzugefügt Widget-Typ, um http-Anfragen und offene URLs zu senden",
-        "ru": "Добавить опции обратной связи нажатия кнопки\nДобавить виджета для отправки запросов http и открытых URL",
-        "pt": "Adicionado opcional botão clique opções de feedback\nAdicionado tipo de widget para enviar solicitações http e abrir urls",
-        "nl": "Toegevoegd optionele knop klik feedback opties\nToegevoegd widgettype om http-verzoeken te versturen en urls te openen",
-        "fr": "Ajout du bouton optionnel cliquez sur les options de rétroaction\nAjout du type de widget pour envoyer les requêtes http et ouvrir les urls",
-        "it": "Aggiunta opzione pulsante clicca opzioni di feedback\nAggiunto tipo di widget per inviare http richieste e URL aperti",
-        "es": "Opciones de retroalimentación de botón opcional\nTipo de widget añadido para enviar solicitudes http y urls abiertos",
-        "pl": "Dodano opcjonalne kliknięcie przycisku opcji sprzężenia zwrotnego\nDodano typ widget do wysyłania zapytań http i otwartych url",
-        "uk": "Додано додаткові кнопки натисніть Параметри зворотного зв'язку\nДодано тип віджету для надсилання HTTP запитів та відкритих URL-адрес",
-        "zh-cn": "添加可选按钮点击反馈选项\n添加部件类型以发送 http 请求并打开 urls"
-      },
-      "0.1.2": {
-        "en": "Fixed issue editor crashes when changing \"Comparison operator\" or \"Compare by\" on multiple states.\nFixesd issue state settings not used if condition is true.",
-        "de": "Der Fixed-Editor stürzt beim Wechsel von \"Comparison Operator\" oder \"Compare by\" auf mehreren Zuständen ab.\nFeste Ausgabezustandseinstellungen, die nicht verwendet werden, wenn die Bedingung wahr ist.",
-        "ru": "Исправленный редактор проблем терпит крушение при изменении «оператора сравнения» или «Сравнить» на нескольких состояниях.\nИсправленные настройки состояния проблемы не используются, если условие верно.",
-        "pt": "O editor de edição corrigido trava ao alterar \"o operador da empresa\" ou \"Compare by\" em vários estados.\nConfigurações de estado de problema corrigidas não usadas se a condição for verdadeira.",
-        "nl": "Fixed issue editor crasht bij het veranderen van \"Comparison operator\" of \"Compare by\" op meerdere staten.\nFixesd issue status instellingen niet gebruikt als de conditie waar is.",
-        "fr": "L'éditeur de problèmes corrigé s'écrase en modifiant \"Comparison Operator\" ou \"Compare by\" sur plusieurs états.\nRéglage des paramètres d'état de problème non utilisés si la condition est vraie.",
-        "it": "L'editor di problemi fissi si blocca quando si cambia \"operatore di Comparison\" o \"Compare by\" su più stati.\nImpostazioni di stato del problema fisso non utilizzate se la condizione è vera.",
-        "es": "El editor de edición fijo se bloquea al cambiar \"operador de comparación\" o \"Comparar by\" en varios estados.\nConfiguración de estado de emisión fija no se utiliza si la condición es verdadera.",
-        "pl": "Poprawiony edytor wydania awarii przy zmianie \"Operator porównania\" lub \"Porównaj przez\" w wielu stanach.\nFixesd wydaje ustawienia stanu nie używane, jeśli warunek jest prawdziwy.",
-        "uk": "Виправлено помилку редактора виписки при зміні \"Компанія\" або \"Порівняти\" на декількох штатах.\nВиправлення параметрів стану виписки не використовуються, якщо стан є істинним.",
-        "zh-cn": "固定发行编辑器在多个状态上更改\"比较操作员\"或\"Compare by\"时崩溃.\n如果条件属实,则未使用已修复的状态设置 ."
       }
     },
     "titleLang": {
@@ -148,10 +148,12 @@
         "i18n": "component",
         "name": "vis2Inventwo",
         "url": "vis-2-widgets-inventwo/customWidgets.js",
+        "bundlerType": "module",
         "components": [
           "InventwoWidgetUniversal",
           "InventwoWidgetSlider",
           "InventwoWidgetSwitch",
+          "InventwoWidgetCheckbox",
           "InventwoWidgetTable"
         ]
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iobroker.vis-2-widgets-inventwo",
-  "version": "0.2.1",
-  "description": "ioBroker vis inventwo widgets",
+  "version": "0.3.1",
+  "description": "ioBroker vis2 inventwo widgets",
   "author": "jkvarel <jk@inventwo.com>",
   "contributors": [
     "jkvarel <jk@inventwo.com>"
@@ -14,21 +14,17 @@
   },
   "keywords": [
     "ioBroker",
-    "visualization"
+    "visualization",
+    "inventwo"
   ],
   "devDependencies": {
     "@alcalzone/release-script": "^3.8.0",
     "@alcalzone/release-script-plugin-iobroker": "^3.7.2",
     "@alcalzone/release-script-plugin-license": "^3.7.0",
-    "@iobroker/vis-2-widgets-react-dev": "^2.0.1",
-    "@types/gulp": "^4.0.17",
-    "@types/mocha": "^10.0.10",
-    "@types/node": "^20.14.10",
-    "eslint": "^9.25.1",
-    "gulp": "^4.0.2",
-    "mocha": "^10.6.0",
-    "typescript": "^5.8.3",
-    "@iobroker/vis-2-widgets-testing": "^1.0.5"
+    "@iobroker/build-tools": "^2.0.15",
+    "@iobroker/eslint-config": "^2.0.2",
+    "@iobroker/vis-2-widgets-react-dev": "^4.0.4",
+    "@iobroker/vis-2-widgets-testing": "^1.0.6"
   },
   "main": "widgets/vis-2-widgets-inventwo/customWidgets.js",
   "files": [
@@ -38,15 +34,15 @@
     "LICENSE"
   ],
   "scripts": {
-    "prepublishOnly": "gulp",
-    "lint": "eslint",
-    "build": "gulp",
+    "prepublishOnly": "npm run build",
+    "build": "npm run build-jsv",
+    "build-jsv": "node tasks --javascript-vite",
+    "test": "mocha ./test/*.test.js",
     "release": "release-script",
     "release-patch": "release-script patch --yes",
     "release-minor": "release-script minor --yes",
     "release-major": "release-script major --yes",
-    "test": "mocha ./test/*.test.js",
-    "update-packages": "ncu --upgrade && cd src-widgets && ncu --upgrade && cd ..",
+    "update-packages": "npx -y npm-check-updates --upgrade && cd src-widgets && npx -y npm-check-updates --upgrade",
     "npm": "npm i && cd src-widgets && npm i -f"
   },
   "bugs": {

package/widgets/vis-2-widgets-inventwo/assets/InventwoGeneric-Pwz_ixvQ.js

@@ -0,0 +1 @@
+import{v as g,i as w}from"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js";const{loadShare:m}=w,{initPromise:x}=g,I=x.then(d=>m("@iobroker/vis-2-widgets-react-dev",{customShareInfo:{shareConfig:{singleton:!0,strictVersion:!1,requiredVersion:"*"}}})),k=await I.then(d=>d());var E=k;class D extends(window.visRxWidget||E.VisRxWidget){static getI18nPrefix(){return"vis_2_widgets_inventwo_"}constructor(e){super(e),this.groupAttrs=[],this.getWidgetInfo().visAttrs.forEach(t=>{t.fields.forEach(r=>{r.name!==void 0&&(r.name.endsWith("FromWidget")||(this.groupAttrs[t.name]===void 0&&(this.groupAttrs[t.name]=[]),this.groupAttrs[t.name].push(r.name)))})})}onChange(e,s){if(this.props.editMode)return;const t=this.state.rxData.oid;this.props.context.setValue(t,parseFloat(s))}getValue(e){if(e!==void 0&&e!==""&&e!=="nothing_selected")return this.state.values[`${e}.val`]}getStyle(e,s){var c,n,l,o;const t={},r=this.state.rxData[e];if(r){let a=!1;const f=this.props.context.views[this.props.view],h=(n=(c=f==null?void 0:f.widgets)==null?void 0:c[r])==null?void 0:n.data;if(h)s.forEach(i=>t[i]=h[i]),a=!0;else{const i=Object.keys(this.props.context.views);for(let u=0;u<i.length;u++){const _=this.props.context.views[i[u]];if(_!==this.props.view&&((o=(l=_.widgets)==null?void 0:l[r])!=null&&o.data)){const p=_.widgets[r].data;s.forEach(v=>t[v]=p[v]),a=!0;break}}}a||s.forEach(i=>t[i]=this.state.rxData[i])}else s.forEach(a=>t[a]=this.state.rxData[a]);return t}convertValue(e){return e==="true"?!0:e==="false"?!1:isNaN(e)?e:parseFloat(e)}validFieldValue(e){return e!=null&&e!==""}convertRgbToHex(e){if(!e)return null;const s=e.match(/(\d+),(\d+),(\d+),(\d+)/);if(!s)return null;const[t,r,c]=s.slice(1,5).map(parseFloat);function n(l){const o=l.toString(16);return o.length===1?`0${o}`:o}return`#${n(t)}${n(r)}${n(c)}`}isInteractionAllowed(e=null){return!(this.props.editMode||e&&e.target.closest(".IroColorPicker")!==null||e.target.closest(`.inventwo-view-in-widget-wrapper, #${this.props.id}`).classList.contains("inventwo-view-in-widget-wrapper")||this.state.rxData.type==="readonly")}validOid(e){return e!=null&&e!=="nothing_selected"}}export{D as I};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetCheckbox-C6SrGBnj.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-CmYjgQpa.js";import"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as o}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{I as h}from"./InventwoGeneric-Pwz_ixvQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.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};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSlider-4jss9Gk-.js

@@ -0,0 +1 @@
+import{j as h}from"./jsx-runtime-CmYjgQpa.js";import"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as u}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{I as p}from"./InventwoGeneric-Pwz_ixvQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.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};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetSwitch-DcrNqK7e.js

@@ -0,0 +1 @@
+import{j as i}from"./jsx-runtime-CmYjgQpa.js";import"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as l}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{I as m}from"./InventwoGeneric-Pwz_ixvQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.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};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetTable-2zrzG_1n.js

@@ -0,0 +1 @@
+import{j as l}from"./jsx-runtime-CmYjgQpa.js";import"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as n}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{I as S}from"./InventwoGeneric-Pwz_ixvQ.js";import{s as c}from"./styled-6hR4rQUz.js";import{t as v,a as p}from"./tableRowClasses-Db_EYm5P.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js";import"./defaultTheme-CgtMi-7i.js";class $ extends S{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"}]}],visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-table.png"}}propertiesUpdate(){}componentDidMount(){super.componentDidMount(),this.propertiesUpdate()}static getI18nPrefix(){return"vis_2_widgets_inventwo_"}getWidgetInfo(){return $.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(x,g){}renderWidgetBody(x){super.renderWidgetBody(x),this.wrappedContent=!0;const g=this.state.rxData.oid,d=this.getValue(g);let o=null;if(d==null||d==="")return l.jsx("div",{children:"Keine Daten"});try{o=JSON.parse(d)}catch{return l.jsx("div",{children:"Invalides JSON"})}const h=[],f=[],C=c(n.TableRow)(()=>({[`&.${v.root}`]:{height:this.state.rxData.headerHeight+(Number.isNaN(Number(this.state.rxData.headerHeight))?"":"px")}})),_=c(n.TableCell)(()=>({[`&.${p.head}`]:{backgroundColor:this.state.rxData.backgroundHeader},[`&.${p.root}`]:{paddingTop:0,paddingBottom:0}})),y=c(n.TableCell)(()=>({[`&.${p.root}`]:{paddingTop:0,paddingBottom:0}})),T=c(n.TableRow)(()=>({"&:nth-of-type(odd)":{backgroundColor:this.state.rxData.backgroundOddRow},"&:nth-of-type(even)":{backgroundColor:this.state.rxData.backgroundEvenRow},[`&.${v.root}`]:{height:this.state.rxData.columnHeight+(Number.isNaN(Number(this.state.rxData.columnHeight))?"":"px")}}));if(o.length>0){const b=this.state.rxData.countColumns;if(b===0)Object.keys(o[0]).forEach((t,i)=>{h.push(l.jsx(_,{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(o[0])[t-1]);const s={textAlign:this.state.rxData[`columnTitleAlign${t}`]};this.state.rxData[`columnWidth${t}`]&&(s.width=`${this.state.rxData[`columnWidth${t}`]}${Number.isNaN(Number(this.state.rxData[`columnWidth${t}`]))?"":"px"}`),h.push(l.jsx(_,{style:s,children:i},t))}let r=this.state.rxData.maxRows;r<=0?r=o.length:r=Math.min(r,o.length);for(let t=0;t<r;t++){const i=o[t],s=[];if(b===0)Object.values(i).forEach((e,m)=>{typeof e=="object"&&e!==null&&(e=JSON.stringify(e)),s.push(l.jsx(y,{children:e},`${t}_${m}`))});else for(let e=1;e<=this.state.rxData.countColumns;e++){let m=this.state.rxData[`columnKey${e}`];const N=this.state.rxData[`columnPrefix${e}`],j=this.state.rxData[`columnSuffix${e}`],w=this.state.rxData[`columnPlaceholder${e}`],D=this.state.rxData[`columnValueFormat${e}`];m||(m=Object.keys(o[0])[e-1]);let a=i[m];if((a===null||a==="")&&w)a=w;else if(D==="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(D==="datetime"&&a){const u=this.state.rxData[`columnDatetimeFormat${e}`];u==="datetime"?a=new Date(a).toLocaleString():u==="date"?a=new Date(a).toLocaleDateString():u==="time"&&(a=new Date(a).toLocaleTimeString())}typeof a=="object"&&a!==null&&(a=JSON.stringify(a)),s.push(l.jsxs(y,{style:{textAlign:this.state.rxData[`columnContentAlign${e}`]},children:[N,a,j]},`${t}_${e}`))}f.push(l.jsx(T,{sx:{"&:last-child td, &:last-child th":{border:0}},children:s},t))}}return l.jsx(n.TableContainer,{component:n.Paper,style:{height:"100%"},children:l.jsxs(n.Table,{children:[this.state.rxData.showHead&&l.jsx(n.TableHead,{children:l.jsx(C,{children:h})}),l.jsx(n.TableBody,{children:f})]})})}}export{$ as default};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-BdJByAy6.js

@@ -0,0 +1,11 @@
+import{j as jsxRuntimeExports}from"./jsx-runtime-CmYjgQpa.js";import{R as React}from"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{v as vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__}from"./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-CdzygBMm.js";import{_ as __read,v as vis2Inventwo__loadShare___mf_0_mui_mf_1_icons_mf_2_material__loadShare__}from"./tslib.es6-CTVL-6YI.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__-DMXGLNnz.js";import{I as InventwoGeneric}from"./InventwoGeneric-Pwz_ixvQ.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./vis2Inventwo__mf_v__runtimeInit__mf_v__-CKrTQn3L.js";var Color=function(){function r(a,s,h){this.r=0,this.g=0,this.b=0,this.set(a,s,h)}return r.prototype.set=function(a,s,h){this.r=this.clamp(a),this.g=this.clamp(s),this.b=this.clamp(h)},r.prototype.hueRotate=function(a){a===void 0&&(a=0),a=a/180*Math.PI;var s=Math.sin(a),h=Math.cos(a);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])},r.prototype.grayscale=function(a){a===void 0&&(a=1),this.multiply([.2126+.7874*(1-a),.7152-.7152*(1-a),.0722-.0722*(1-a),.2126-.2126*(1-a),.7152+.2848*(1-a),.0722-.0722*(1-a),.2126-.2126*(1-a),.7152-.7152*(1-a),.0722+.9278*(1-a)])},r.prototype.sepia=function(a){a===void 0&&(a=1),this.multiply([.393+.607*(1-a),.769-.769*(1-a),.189-.189*(1-a),.349-.349*(1-a),.686+.314*(1-a),.168-.168*(1-a),.272-.272*(1-a),.534-.534*(1-a),.131+.869*(1-a)])},r.prototype.saturate=function(a){a===void 0&&(a=1),this.multiply([.213+.787*a,.715-.715*a,.072-.072*a,.213-.213*a,.715+.285*a,.072-.072*a,.213-.213*a,.715-.715*a,.072+.928*a])},r.prototype.multiply=function(a){var s=this.clamp(this.r*a[0]+this.g*a[1]+this.b*a[2]),h=this.clamp(this.r*a[3]+this.g*a[4]+this.b*a[5]),b=this.clamp(this.r*a[6]+this.g*a[7]+this.b*a[8]);this.r=s,this.g=h,this.b=b},r.prototype.brightness=function(a){a===void 0&&(a=1),this.linear(a)},r.prototype.contrast=function(a){a===void 0&&(a=1),this.linear(a,-(.5*a)+.5)},r.prototype.linear=function(a,s){a===void 0&&(a=1),s===void 0&&(s=0),this.r=this.clamp(this.r*a+s*255),this.g=this.clamp(this.g*a+s*255),this.b=this.clamp(this.b*a+s*255)},r.prototype.invert=function(a){a===void 0&&(a=1),this.r=this.clamp((a+this.r/255*(1-2*a))*255),this.g=this.clamp((a+this.g/255*(1-2*a))*255),this.b=this.clamp((a+this.b/255*(1-2*a))*255)},r.prototype.hsl=function(){var a=this.r/255,s=this.g/255,h=this.b/255,b=Math.max(a,s,h),v=Math.min(a,s,h),F=0,B=0,D=(b+v)/2;if(b===v)return{h:0,s:0,l:D*100};var N=b-v;return B=D>.5?N/(2-b-v):N/(b+v),b===a?F=(s-h)/N+(s<h?6:0):b===s?F=(h-a)/N+2:b===h&&(F=(a-s)/N+4),F/=6,{h:F*100,s:B*100,l:D*100}},r.prototype.clamp=function(a){return Math.min(Math.max(a,0),255)},r}(),Solver=function(){function r(a,s){this.target=a,this.targetHSL=a.hsl(),this.options=Object.assign({},{acceptanceLossPercentage:5,maxChecks:15},s),this.reusedColor=new Color(0,0,0)}return r.prototype.solve=function(){var a=this.solveNarrow(this.solveWide());return{values:a.values,called:a.called,loss:a.loss,filter:this.css(a.values)}},r.prototype.solveWide=function(){for(var a=5,s=15,h=[60,180,18e3,600,1.2,1.2],b={loss:1/0},v=0;b.loss>this.options.acceptanceLossPercentage;){var F=[50,20,3750,50,100,100],B=this.spsa({A:a,a:h,c:s,values:F,maxTriesInLoop:1e3});if(B.loss<b.loss&&(b=B),v+=1,v>=this.options.maxChecks)break}return Object.assign({},b,{called:v})},r.prototype.solveNarrow=function(a){var s=a.loss,h=2,b=s+1,v=[.25*b,.25*b,b,.25*b,.2*b,.2*b];return this.spsa({A:s,a:v,c:h,values:a.values,maxTriesInLoop:500,called:a.called})},r.prototype.fixValueByFilterIDX=function(a,s){var h=100;return s===2?h=7500:(s===4||s===5)&&(h=200),s===3?a>h?a%=h:a<0&&(a=h+a%h):a<0?a=0:a>h&&(a=h),a},r.prototype.spsa=function(a){for(var s=a.A,h=a.a,b=a.c,v=a.values,F=a.maxTriesInLoop,B=F===void 0?500:F,D=a.called,N=D===void 0?0:D,w=1,K=.16666666666666666,J=null,L=1/0,k=new Array(6),$=new Array(6),U=new Array(6),X=6,Z=0;Z<B;Z++){for(var Q=b/Math.pow(Z+1,K),P=0;P<X;P++)k[P]=Math.random()>.5?1:-1,$[P]=v[P]+Q*k[P],U[P]=v[P]-Q*k[P];for(var me=this.loss($)-this.loss(U),P=0;P<X;P++){var be=me/(2*Q)*k[P],de=h[P]/Math.pow(s+Z+1,w);v[P]=this.fixValueByFilterIDX(v[P]-de*be,P)}var ce=this.loss(v);ce<L&&(J=v.slice(0),L=ce)}return{values:J,loss:L,called:N}},r.prototype.loss=function(a){var s=this.reusedColor;s.set(0,0,0),s.invert(a[0]/100),s.sepia(a[1]/100),s.saturate(a[2]/100),s.hueRotate(a[3]*3.6),s.brightness(a[4]/100),s.contrast(a[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)},r.prototype.css=function(a){var s=function(h,b){return b===void 0&&(b=1),Math.round(a[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(" ")},r}(),hexToRgb=function(r){return r.length===4?[parseInt("0x".concat(r[1]).concat(r[1])),parseInt("0x".concat(r[2]).concat(r[2])),parseInt("0x".concat(r[3]).concat(r[3]))]:r.length===7?[parseInt("0x".concat(r[1]).concat(r[2])),parseInt("0x".concat(r[3]).concat(r[4])),parseInt("0x".concat(r[5]).concat(r[6]))]:[]},isNumeric=function(r){return!isNaN(parseFloat(r))&&isFinite(r)},results={},hexToCSSFilter=function(r,a){var s;a===void 0&&(a={});var h,b,v;if(results[r]&&!a.forceFilterRecalculation)return Object.assign({},results[r],{cache:!0});var F;try{if(s=__read(hexToRgb(r),3),h=s[0],b=s[1],v=s[2],!isNumeric(h)||!isNumeric(b)||!isNumeric(v))throw new Error("hextToRgb returned an invalid value for '".concat(r,"'"));F=new Color(Number(h),Number(b),Number(v))}catch(D){throw new Error("Color value should be in HEX format. ".concat(D))}var B=new Solver(F,Object.assign({},{acceptanceLossPercentage:5,maxChecks:30,forceFilterRecalculation:!1},a));return results[r]=Object.assign({},B.solve(),{hex:r,rgb:[h,b,v],cache:!1})},module={exports:{}},exports=module.exports;/*!
+* iro.js v5.5.2
+* 2016-2021 James Daniel
+* Licensed under MPL 2.0
+* github.com/jaames/iro.js
+*/(function(r,a){typeof exports=="object"&&typeof module<"u"?module.exports=a():typeof define=="function"&&define.amd?define(a):(r=r||self).iro=a()})(void 0,function(){var r,a,s,h,b,v={},F=[],B=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|^--/i;function D(t,i){for(var e in i)t[e]=i[e];return t}function N(t){var i=t.parentNode;i&&i.removeChild(t)}function w(t,i,e){var o,n,l,d,u=arguments;if(i=D({},i),3<arguments.length)for(e=[e],o=3;o<arguments.length;o++)e.push(u[o]);if(e!=null&&(i.children=e),t!=null&&t.defaultProps!=null)for(n in t.defaultProps)i[n]===void 0&&(i[n]=t.defaultProps[n]);return d=i.key,(l=i.ref)!=null&&delete i.ref,d!=null&&delete i.key,K(t,i,d,l)}function K(t,i,e,o){var n={type:t,props:i,key:e,ref:o,n:null,i:null,e:0,o:null,l:null,c:null,constructor:void 0};return r.vnode&&r.vnode(n),n}function J(t){return t.children}function L(t,i){this.props=t,this.context=i}function k(t,i){if(i==null)return t.i?k(t.i,t.i.n.indexOf(t)+1):null;for(var e;i<t.n.length;i++)if((e=t.n[i])!=null&&e.o!=null)return e.o;return typeof t.type=="function"?k(t):null}function $(t){var i,e;if((t=t.i)!=null&&t.c!=null){for(t.o=t.c.base=null,i=0;i<t.n.length;i++)if((e=t.n[i])!=null&&e.o!=null){t.o=t.c.base=e.o;break}return $(t)}}function U(t){(!t.f&&(t.f=!0)&&a.push(t)===1||h!==r.debounceRendering)&&(h=r.debounceRendering,(r.debounceRendering||s)(X))}function X(){var t,i,e,o,n,l,d,u;for(a.sort(function(f,p){return p.d.e-f.d.e});t=a.pop();)t.f&&(o=e=void 0,l=(n=(i=t).d).o,d=i.p,u=i.u,i.u=!1,d&&(e=[],o=de(d,n,D({},n),i.w,d.ownerSVGElement!==void 0,null,e,u,l??k(n)),ce(e,n),o!=l&&$(n)))}function Z(t,i,e,o,n,l,d,u,f){var p,g,c,m,y,x,T,C=e&&e.n||F,S=C.length;if(u==v&&(u=l!=null?l[0]:S?k(e,0):null),p=0,i.n=Q(i.n,function(_){if(_!=null){if(_.i=i,_.e=i.e+1,(c=C[p])===null||c&&_.key==c.key&&_.type===c.type)C[p]=void 0;else for(g=0;g<S;g++){if((c=C[g])&&_.key==c.key&&_.type===c.type){C[g]=void 0;break}c=null}if(m=de(t,_,c=c||v,o,n,l,d,null,u,f),(g=_.ref)&&c.ref!=g&&(T=T||[]).push(g,_.c||m,_),m!=null){if(x==null&&(x=m),_.l!=null)m=_.l,_.l=null;else if(l==c||m!=u||m.parentNode==null){e:if(u==null||u.parentNode!==t)t.appendChild(m);else{for(y=u,g=0;(y=y.nextSibling)&&g<S;g+=2)if(y==m)break e;t.insertBefore(m,u)}i.type=="option"&&(t.value="")}u=m.nextSibling,typeof i.type=="function"&&(i.l=m)}}return p++,_}),i.o=x,l!=null&&typeof i.type!="function")for(p=l.length;p--;)l[p]!=null&&N(l[p]);for(p=S;p--;)C[p]!=null&&je(C[p],C[p]);if(T)for(p=0;p<T.length;p++)Oe(T[p],T[++p],T[++p])}function Q(t,i,e){if(e==null&&(e=[]),t==null||typeof t=="boolean")i&&e.push(i(null));else if(Array.isArray(t))for(var o=0;o<t.length;o++)Q(t[o],i,e);else e.push(i?i(function(n){if(n==null||typeof n=="boolean")return null;if(typeof n=="string"||typeof n=="number")return K(null,n,null,null);if(n.o==null&&n.c==null)return n;var l=K(n.type,n.props,n.key,null);return l.o=n.o,l}(t)):t);return e}function P(t,i,e){i[0]==="-"?t.setProperty(i,e):t[i]=typeof e=="number"&&B.test(i)===!1?e+"px":e??""}function me(t,i,e,o,n){var l,d,u,f,p;if(!((i=n?i==="className"?"class":i:i==="class"?"className":i)==="key"||i==="children"))if(i==="style")if(l=t.style,typeof e=="string")l.cssText=e;else{if(typeof o=="string"&&(l.cssText="",o=null),o)for(d in o)e&&d in e||P(l,d,"");if(e)for(u in e)o&&e[u]===o[u]||P(l,u,e[u])}else i[0]==="o"&&i[1]==="n"?(f=i!==(i=i.replace(/Capture$/,"")),i=((p=i.toLowerCase())in t?p:i).slice(2),e?(o||t.addEventListener(i,be,f),(t.t||(t.t={}))[i]=e):t.removeEventListener(i,be,f)):i!=="list"&&i!=="tagName"&&i!=="form"&&!n&&i in t?t[i]=e??"":typeof e!="function"&&i!=="dangerouslySetInnerHTML"&&(i!==(i=i.replace(/^xlink:?/,""))?e==null||e===!1?t.removeAttributeNS("http://www.w3.org/1999/xlink",i.toLowerCase()):t.setAttributeNS("http://www.w3.org/1999/xlink",i.toLowerCase(),e):e==null||e===!1?t.removeAttribute(i):t.setAttribute(i,e))}function be(t){return this.t[t.type](r.event?r.event(t):t)}function de(t,i,e,o,n,l,d,u,f,p){var g,c,m,y,x,T,C,S,_,I,R=i.type;if(i.constructor!==void 0)return null;(g=r.e)&&g(i);try{e:if(typeof R=="function"){if(S=i.props,_=(g=R.contextType)&&o[g.c],I=g?_?_.props.value:g.i:o,e.c?C=(c=i.c=e.c).i=c.k:("prototype"in R&&R.prototype.render?i.c=c=new R(S,I):(i.c=c=new L(S,I),c.constructor=R,c.render=Ze),_&&_.sub(c),c.props=S,c.state||(c.state={}),c.context=I,c.w=o,m=c.f=!0,c.m=[]),c.j==null&&(c.j=c.state),R.getDerivedStateFromProps!=null&&D(c.j==c.state?c.j=D({},c.j):c.j,R.getDerivedStateFromProps(S,c.j)),m)R.getDerivedStateFromProps==null&&c.componentWillMount!=null&&c.componentWillMount(),c.componentDidMount!=null&&d.push(c);else{if(R.getDerivedStateFromProps==null&&u==null&&c.componentWillReceiveProps!=null&&c.componentWillReceiveProps(S,I),!u&&c.shouldComponentUpdate!=null&&c.shouldComponentUpdate(S,c.j,I)===!1){for(c.props=S,c.state=c.j,c.f=!1,(c.d=i).o=f!=null?f!==e.o?f:e.o:null,i.n=e.n,g=0;g<i.n.length;g++)i.n[g]&&(i.n[g].i=i);break e}c.componentWillUpdate!=null&&c.componentWillUpdate(S,c.j,I)}for(y=c.props,x=c.state,c.context=I,c.props=S,c.state=c.j,(g=r.M)&&g(i),c.f=!1,c.d=i,c.p=t,g=c.render(c.props,c.state,c.context),i.n=Q(g!=null&&g.type==J&&g.key==null?g.props.children:g),c.getChildContext!=null&&(o=D(D({},o),c.getChildContext())),m||c.getSnapshotBeforeUpdate==null||(T=c.getSnapshotBeforeUpdate(y,x)),Z(t,i,e,o,n,l,d,f,p),c.base=i.o;g=c.m.pop();)c.j&&(c.state=c.j),g.call(c);m||y==null||c.componentDidUpdate==null||c.componentDidUpdate(y,x,T),C&&(c.k=c.i=null)}else i.o=function(W,O,Y,pe,G,q,ut,Ce){var ge,De,We,ie,Me=Y.props,E=O.props;if(G=O.type==="svg"||G,W==null&&q!=null){for(ge=0;ge<q.length;ge++)if((De=q[ge])!=null&&(O.type===null?De.nodeType===3:De.localName===O.type)){W=De,q[ge]=null;break}}if(W==null){if(O.type===null)return document.createTextNode(E);W=G?document.createElementNS("http://www.w3.org/2000/svg",O.type):document.createElement(O.type),q=null}return O.type===null?Me!==E&&(q!=null&&(q[q.indexOf(W)]=null),W.data=E):O!==Y&&(q!=null&&(q=F.slice.call(W.childNodes)),We=(Me=Y.props||v).dangerouslySetInnerHTML,ie=E.dangerouslySetInnerHTML,Ce||(ie||We)&&(ie&&We&&ie.O==We.O||(W.innerHTML=ie&&ie.O||"")),function(Ye,fe,Te,Ke,pt){var z;for(z in Te)z in fe||me(Ye,z,null,Te[z],Ke);for(z in fe)pt&&typeof fe[z]!="function"||z==="value"||z==="checked"||Te[z]===fe[z]||me(Ye,z,fe[z],Te[z],Ke)}(W,E,Me,G,Ce),O.n=O.props.children,ie||Z(W,O,Y,pe,O.type!=="foreignObject"&&G,q,ut,v,Ce),Ce||("value"in E&&E.value!==void 0&&E.value!==W.value&&(W.value=E.value==null?"":E.value),"checked"in E&&E.checked!==void 0&&E.checked!==W.checked&&(W.checked=E.checked))),W}(e.o,i,e,o,n,l,d,p);(g=r.diffed)&&g(i)}catch(W){r.o(W,i,e)}return i.o}function ce(t,i){for(var e;e=t.pop();)try{e.componentDidMount()}catch(o){r.o(o,e.d)}r.c&&r.c(i)}function Oe(t,i,e){try{typeof t=="function"?t(i):t.current=i}catch(o){r.o(o,e)}}function je(t,i,e){var o,n,l;if(r.unmount&&r.unmount(t),(o=t.ref)&&Oe(o,null,i),e||typeof t.type=="function"||(e=(n=t.o)!=null),t.o=t.l=null,(o=t.c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(d){r.o(d,i)}o.base=o.p=null}if(o=t.n)for(l=0;l<o.length;l++)o[l]&&je(o[l],i,e);n!=null&&N(n)}function Ze(t,i,e){return this.constructor(t,e)}function Qe(t,i){for(var e=0;e<i.length;e++){var o=i[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function V(){return(V=Object.assign||function(t){for(var i=arguments,e=1;e<arguments.length;e++){var o=i[e];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(t[n]=o[n])}return t}).apply(this,arguments)}r={},L.prototype.setState=function(t,i){var e=this.j!==this.state&&this.j||(this.j=D({},this.state));typeof t=="function"&&!(t=t(e,this.props))||D(e,t),t!=null&&this.d&&(this.u=!1,i&&this.m.push(i),U(this))},L.prototype.forceUpdate=function(t){this.d&&(t&&this.m.push(t),this.u=!0,U(this))},L.prototype.render=J,a=[],s=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,h=r.debounceRendering,r.o=function(t,i,e){for(var o;i=i.i;)if((o=i.c)&&!o.i)try{if(o.constructor&&o.constructor.getDerivedStateFromError!=null)o.setState(o.constructor.getDerivedStateFromError(t));else{if(o.componentDidCatch==null)continue;o.componentDidCatch(t)}return U(o.k=o)}catch(n){t=n}throw t},b=v;var ee="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)",Ae="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",Ee="[\\s|\\(]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")[,|\\s]+("+ee+")\\s*\\)?",et=new RegExp("rgb"+Ae),tt=new RegExp("rgba"+Ee),ot=new RegExp("hsl"+Ae),at=new RegExp("hsla"+Ee),ve="^(?:#?|0x?)",te="([0-9a-fA-F]{1})",oe="([0-9a-fA-F]{2})",rt=new RegExp(ve+te+te+te+"$"),it=new RegExp(ve+te+te+te+te+"$"),nt=new RegExp(ve+oe+oe+oe+"$"),lt=new RegExp(ve+oe+oe+oe+oe+"$"),ye=Math.log,ne=Math.round,he=Math.floor;function H(t,i,e){return Math.min(Math.max(t,i),e)}function j(t,i){var e=-1<t.indexOf("%"),o=parseFloat(t);return e?i/100*o:o}function A(t){return parseInt(t,16)}function ae(t){return t.toString(16).padStart(2,"0")}var le=function(){function t(e,o){this.$={h:0,s:0,v:0,a:1},e&&this.set(e),this.onChange=o,this.initialValue=V({},this.$)}var i=t.prototype;return i.set=function(e){if(typeof e=="string")/^(?:#?|0x?)[0-9a-fA-F]{3,8}$/.test(e)?this.hexString=e:/^rgba?/.test(e)?this.rgbString=e:/^hsla?/.test(e)&&(this.hslString=e);else{if(typeof e!="object")throw new Error("Invalid color value");e instanceof t?this.hsva=e.hsva:"r"in e&&"g"in e&&"b"in e?this.rgb=e:"h"in e&&"s"in e&&"v"in e?this.hsv=e:"h"in e&&"s"in e&&"l"in e?this.hsl=e:"kelvin"in e&&(this.kelvin=e.kelvin)}},i.setChannel=function(e,o,n){var l;this[e]=V({},this[e],((l={})[o]=n,l))},i.reset=function(){this.hsva=this.initialValue},i.clone=function(){return new t(this)},i.unbind=function(){this.onChange=void 0},t.hsvToRgb=function(e){var o=e.h/60,n=e.s/100,l=e.v/100,d=he(o),u=o-d,f=l*(1-n),p=l*(1-u*n),g=l*(1-(1-u)*n),c=d%6,m=[g,l,l,p,f,f][c],y=[f,f,g,l,l,p][c];return{r:H(255*[l,p,f,f,g,l][c],0,255),g:H(255*m,0,255),b:H(255*y,0,255)}},t.rgbToHsv=function(e){var o=e.r/255,n=e.g/255,l=e.b/255,d=Math.max(o,n,l),u=Math.min(o,n,l),f=d-u,p=0,g=d,c=d===0?0:f/d;switch(d){case u:p=0;break;case o:p=(n-l)/f+(n<l?6:0);break;case n:p=(l-o)/f+2;break;case l:p=(o-n)/f+4}return{h:60*p%360,s:H(100*c,0,100),v:H(100*g,0,100)}},t.hsvToHsl=function(e){var o=e.s/100,n=e.v/100,l=(2-o)*n,d=l<=1?l:2-l,u=d<1e-9?0:o*n/d;return{h:e.h,s:H(100*u,0,100),l:H(50*l,0,100)}},t.hslToHsv=function(e){var o=2*e.l,n=e.s*(o<=100?o:200-o)/100,l=o+n<1e-9?0:2*n/(o+n);return{h:e.h,s:H(100*l,0,100),v:H((o+n)/2,0,100)}},t.kelvinToRgb=function(e){var o,n,l,d=e/100;return l=d<66?(o=255,n=-155.25485562709179-.44596950469579133*(n=d-2)+104.49216199393888*ye(n),d<20?0:.8274096064007395*(l=d-10)-254.76935184120902+115.67994401066147*ye(l)):(o=351.97690566805693+.114206453784165*(o=d-55)-40.25366309332127*ye(o),n=325.4494125711974+.07943456536662342*(n=d-50)-28.0852963507957*ye(n),255),{r:H(he(o),0,255),g:H(he(n),0,255),b:H(he(l),0,255)}},t.rgbToKelvin=function(e){for(var o,n=e.r,l=e.b,d=2e3,u=4e4;.4<u-d;){var f=t.kelvinToRgb(o=.5*(u+d));f.b/f.r>=l/n?u=o:d=o}return o},function(e,o,n){o&&Qe(e.prototype,o)}(t,[{key:"hsv",get:function(){var e=this.$;return{h:e.h,s:e.s,v:e.v}},set:function(e){var o=this.$;if(e=V({},o,e),this.onChange){var n={h:!1,v:!1,s:!1,a:!1};for(var l in o)n[l]=e[l]!=o[l];this.$=e,(n.h||n.s||n.v||n.a)&&this.onChange(this,n)}else this.$=e}},{key:"hsva",get:function(){return V({},this.$)},set:function(e){this.hsv=e}},{key:"hue",get:function(){return this.$.h},set:function(e){this.hsv={h:e}}},{key:"saturation",get:function(){return this.$.s},set:function(e){this.hsv={s:e}}},{key:"value",get:function(){return this.$.v},set:function(e){this.hsv={v:e}}},{key:"alpha",get:function(){return this.$.a},set:function(e){this.hsv=V({},this.hsv,{a:e})}},{key:"kelvin",get:function(){return t.rgbToKelvin(this.rgb)},set:function(e){this.rgb=t.kelvinToRgb(e)}},{key:"red",get:function(){return this.rgb.r},set:function(e){this.rgb=V({},this.rgb,{r:e})}},{key:"green",get:function(){return this.rgb.g},set:function(e){this.rgb=V({},this.rgb,{g:e})}},{key:"blue",get:function(){return this.rgb.b},set:function(e){this.rgb=V({},this.rgb,{b:e})}},{key:"rgb",get:function(){var e=t.hsvToRgb(this.$),o=e.r,n=e.g,l=e.b;return{r:ne(o),g:ne(n),b:ne(l)}},set:function(e){this.hsv=V({},t.rgbToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"rgba",get:function(){return V({},this.rgb,{a:this.alpha})},set:function(e){this.rgb=e}},{key:"hsl",get:function(){var e=t.hsvToHsl(this.$),o=e.h,n=e.s,l=e.l;return{h:ne(o),s:ne(n),l:ne(l)}},set:function(e){this.hsv=V({},t.hslToHsv(e),{a:e.a===void 0?1:e.a})}},{key:"hsla",get:function(){return V({},this.hsl,{a:this.alpha})},set:function(e){this.hsl=e}},{key:"rgbString",get:function(){var e=this.rgb;return"rgb("+e.r+", "+e.g+", "+e.b+")"},set:function(e){var o,n,l,d,u=1;if((o=et.exec(e))?(n=j(o[1],255),l=j(o[2],255),d=j(o[3],255)):(o=tt.exec(e))&&(n=j(o[1],255),l=j(o[2],255),d=j(o[3],255),u=j(o[4],1)),!o)throw new Error("Invalid rgb string");this.rgb={r:n,g:l,b:d,a:u}}},{key:"rgbaString",get:function(){var e=this.rgba;return"rgba("+e.r+", "+e.g+", "+e.b+", "+e.a+")"},set:function(e){this.rgbString=e}},{key:"hexString",get:function(){var e=this.rgb;return"#"+ae(e.r)+ae(e.g)+ae(e.b)},set:function(e){var o,n,l,d,u=255;if((o=rt.exec(e))?(n=17*A(o[1]),l=17*A(o[2]),d=17*A(o[3])):(o=it.exec(e))?(n=17*A(o[1]),l=17*A(o[2]),d=17*A(o[3]),u=17*A(o[4])):(o=nt.exec(e))?(n=A(o[1]),l=A(o[2]),d=A(o[3])):(o=lt.exec(e))&&(n=A(o[1]),l=A(o[2]),d=A(o[3]),u=A(o[4])),!o)throw new Error("Invalid hex string");this.rgb={r:n,g:l,b:d,a:u/255}}},{key:"hex8String",get:function(){var e=this.rgba;return"#"+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=j(o[1],360),l=j(o[2],100),d=j(o[3],100)):(o=at.exec(e))&&(n=j(o[1],360),l=j(o[2],100),d=j(o[3],100),u=j(o[4],1)),!o)throw new Error("Invalid hsl string");this.hsl={h:n,s:l,l:d,a:u}}},{key:"hslaString",get:function(){var e=this.hsla;return"hsla("+e.h+", "+e.s+"%, "+e.l+"%, "+e.a+")"},set:function(e){this.hslString=e}}]),t}();function Fe(t){var i,e=t.width,o=t.sliderSize,n=t.borderWidth,l=t.handleRadius,d=t.padding,u=t.sliderShape,f=t.layoutDirection==="horizontal";return o=(i=o)!=null?i:2*d+2*l,u==="circle"?{handleStart:t.padding+t.handleRadius,handleRange:e-2*d-2*l,width:e,height:e,cx:e/2,cy:e/2,radius:e/2-n/2}:{handleStart:o/2,handleRange:e-o,radius:o/2,x:0,y:0,width:f?o:e,height:f?e:o}}function st(t,i){var e=Fe(t),o=e.width,n=e.height,l=e.handleRange,d=e.handleStart,u=t.layoutDirection==="horizontal",f=u?o/2:n/2,p=d+function(g,c){var m=c.hsva,y=c.rgb;switch(g.sliderType){case"red":return y.r/2.55;case"green":return y.g/2.55;case"blue":return y.b/2.55;case"alpha":return 100*m.a;case"kelvin":var x=g.minTemperature,T=g.maxTemperature-x,C=(c.kelvin-x)/T*100;return Math.max(0,Math.min(C,100));case"hue":return m.h/=3.6;case"saturation":return m.s;case"value":default:return m.v}}(t,i)/100*l;return u&&(p=-1*p+l+2*d),{x:u?f:p,y:u?p:f}}var Pe,Ve=2*Math.PI,dt=function(t,i){return(t%i+i)%i},ze=function(t,i){return Math.sqrt(t*t+i*i)};function Ne(t){return t.width/2-t.padding-t.handleRadius-t.borderWidth}function _e(t){var i=t.width/2;return{width:t.width,radius:i-t.borderWidth,cx:i,cy:i}}function Le(t,i,e){var o=t.wheelAngle,n=t.wheelDirection;return e&&n==="clockwise"?i=o+i:n==="clockwise"?i=360-o+i:e&&n==="anticlockwise"?i=o+180-i:n==="anticlockwise"&&(i=o-i),dt(i,360)}function He(t,i,e){var o=_e(t),n=o.cx,l=o.cy,d=Ne(t);i=n-i,e=l-e;var u=Le(t,Math.atan2(-e,-i)*(360/Ve)),f=Math.min(ze(i,e),d);return{h:Math.round(u),s:Math.round(100/d*f)}}function Re(t){var i=t.width,e=t.boxHeight;return{width:i,height:e??i,radius:t.padding+t.handleRadius}}function Ue(t,i,e){var o=Re(t),n=o.width,l=o.height,d=o.radius,u=(i-d)/(n-2*d)*100,f=(e-d)/(l-2*d)*100;return{s:Math.max(0,Math.min(u,100)),v:Math.max(0,Math.min(100-f,100))}}function qe(t,i,e,o){for(var n=0;n<o.length;n++){var l=o[n].x-i,d=o[n].y-e;if(Math.sqrt(l*l+d*d)<t.handleRadius)return n}return null}function Ie(t){return{boxSizing:"border-box",border:t.borderWidth+"px solid "+t.borderColor}}function Be(t,i,e){return t+"-gradient("+i+", "+e.map(function(o){var n=o[0];return o[1]+" "+n+"%"}).join(",")+")"}function M(t){return typeof t=="string"?t:t+"px"}var Je=["mousemove","touchmove","mouseup","touchend"],xe=function(t){function i(e){t.call(this,e),this.uid=(Math.random()+1).toString(36).substring(5)}return t&&(i.__proto__=t),((i.prototype=Object.create(t&&t.prototype)).constructor=i).prototype.render=function(e){var o=this.handleEvent.bind(this),n={onMouseDown:o,ontouchstart:o},l=e.layoutDirection==="horizontal",d=e.margin===null?e.sliderMargin:e.margin,u={overflow:"visible",display:l?"inline-block":"block"};return 0<e.index&&(u[l?"marginLeft":"marginTop"]=d),w(J,null,e.children(this.uid,n,u))},i.prototype.handleEvent=function(e){var o=this,n=this.props.onInput,l=this.base.getBoundingClientRect();e.preventDefault();var d=e.touches?e.changedTouches[0]:e,u=d.clientX-l.left,f=d.clientY-l.top;switch(e.type){case"mousedown":case"touchstart":n(u,f,0)!==!1&&Je.forEach(function(p){document.addEventListener(p,o,{passive:!1})});break;case"mousemove":case"touchmove":n(u,f,1);break;case"mouseup":case"touchend":n(u,f,2),Je.forEach(function(p){document.removeEventListener(p,o,{passive:!1})})}},i}(L);function re(t){var i=t.r,e=t.url,o=i,n=i;return w("svg",{className:"IroHandle IroHandle--"+t.index+" "+(t.isActive?"IroHandle--isActive":""),style:{"-webkit-tap-highlight-color":"rgba(0, 0, 0, 0);",transform:"translate("+M(t.x)+", "+M(t.y)+")",willChange:"transform",top:M(-i),left:M(-i),width:M(2*i),height:M(2*i),position:"absolute",overflow:"visible"}},e&&w("use",Object.assign({xlinkHref:function(l){Pe=Pe||document.getElementsByTagName("base");var d=window.navigator.userAgent,u=/^((?!chrome|android).)*safari/i.test(d),f=/iPhone|iPod|iPad/i.test(d),p=window.location;return(u||f)&&0<Pe.length?p.protocol+"//"+p.host+p.pathname+p.search+l:l}(e)},t.props)),!e&&w("circle",{cx:o,cy:n,r:i,fill:"none","stroke-width":2,stroke:"#000"}),!e&&w("circle",{cx:o,cy:n,r:i-2,fill:t.fill,"stroke-width":2,stroke:"#fff"}))}function we(t){var i=t.activeIndex,e=i!==void 0&&i<t.colors.length?t.colors[i]:t.color,o=Fe(t),n=o.width,l=o.height,d=o.radius,u=st(t,e),f=function(p,g){var c=g.hsv,m=g.rgb;switch(p.sliderType){case"red":return[[0,"rgb(0,"+m.g+","+m.b+")"],[100,"rgb(255,"+m.g+","+m.b+")"]];case"green":return[[0,"rgb("+m.r+",0,"+m.b+")"],[100,"rgb("+m.r+",255,"+m.b+")"]];case"blue":return[[0,"rgb("+m.r+","+m.g+",0)"],[100,"rgb("+m.r+","+m.g+",255)"]];case"alpha":return[[0,"rgba("+m.r+","+m.g+","+m.b+",0)"],[100,"rgb("+m.r+","+m.g+","+m.b+")"]];case"kelvin":for(var y=[],x=p.minTemperature,T=p.maxTemperature,C=T-x,S=x,_=0;S<T;S+=C/8,_+=1){var I=le.kelvinToRgb(S),R=I.r,W=I.g,O=I.b;y.push([12.5*_,"rgb("+R+","+W+","+O+")"])}return y;case"hue":return[[0,"#f00"],[16.666,"#ff0"],[33.333,"#0f0"],[50,"#0ff"],[66.666,"#00f"],[83.333,"#f0f"],[100,"#f00"]];case"saturation":var Y=le.hsvToHsl({h:c.h,s:0,v:c.v}),pe=le.hsvToHsl({h:c.h,s:100,v:c.v});return[[0,"hsl("+Y.h+","+Y.s+"%,"+Y.l+"%)"],[100,"hsl("+pe.h+","+pe.s+"%,"+pe.l+"%)"]];case"value":default:var G=le.hsvToHsl({h:c.h,s:c.s,v:100});return[[0,"#000"],[100,"hsl("+G.h+","+G.s+"%,"+G.l+"%)"]]}}(t,e);return w(xe,Object.assign({},t,{onInput:function(p,g,c){var m=function(y,x,T){var C,S=Fe(y),_=S.handleRange,I=S.handleStart;C=y.layoutDirection==="horizontal"?-1*T+_+I:x-I,C=Math.max(Math.min(C,_),0);var R=Math.round(100/_*C);switch(y.sliderType){case"kelvin":var W=y.minTemperature;return W+R/100*(y.maxTemperature-W);case"alpha":return R/100;case"hue":return 3.6*R;case"red":case"blue":case"green":return 2.55*R;default:return R}}(t,p,g);t.parent.inputActive=!0,e[t.sliderType]=m,t.onInput(c,t.id)}}),function(p,g,c){return w("div",Object.assign({},g,{className:"IroSlider",style:Object.assign({},{position:"relative",width:M(n),height:M(l),borderRadius:M(d),background:"conic-gradient(#ccc 25%, #fff 0 50%, #ccc 0 75%, #fff 0)",backgroundSize:"8px 8px"},c)}),w("div",{className:"IroSliderGradient",style:Object.assign({},{position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:M(d),background:Be("linear",t.layoutDirection==="horizontal"?"to top":"to right",f)},Ie(t))}),w(re,{isActive:!0,index:e.index,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:u.x,y:u.y}))})}function ct(t){var i=Re(t),e=i.width,o=i.height,n=i.radius,l=t.colors,d=t.parent,u=t.activeIndex,f=u!==void 0&&u<t.colors.length?t.colors[u]:t.color,p=function(c,m){return[[[0,"#fff"],[100,"hsl("+m.hue+",100%,50%)"]],[[0,"rgba(0,0,0,0)"],[100,"#000"]]]}(0,f),g=l.map(function(c){return function(m,y){var x=Re(m),T=x.width,C=x.height,S=x.radius,_=y.hsv,I=S,R=T-2*S,W=C-2*S;return{x:I+_.s/100*R,y:I+(W-_.v/100*W)}}(t,c)});return w(xe,Object.assign({},t,{onInput:function(c,m,y){if(y===0){var x=qe(t,c,m,g);x!==null?d.setActiveColor(x):(d.inputActive=!0,f.hsv=Ue(t,c,m),t.onInput(y,t.id))}else y===1&&(d.inputActive=!0,f.hsv=Ue(t,c,m));t.onInput(y,t.id)}}),function(c,m,y){return w("div",Object.assign({},m,{className:"IroBox",style:Object.assign({},{width:M(e),height:M(o),position:"relative"},y)}),w("div",{className:"IroBox",style:Object.assign({},{width:"100%",height:"100%",borderRadius:M(n)},Ie(t),{background:Be("linear","to bottom",p[1])+","+Be("linear","to right",p[0])})}),l.filter(function(x){return x!==f}).map(function(x){return w(re,{isActive:!1,index:x.index,fill:x.hslString,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:g[x.index].x,y:g[x.index].y})}),w(re,{isActive:!0,index:f.index,fill:f.hslString,r:t.activeHandleRadius||t.handleRadius,url:t.handleSvg,props:t.handleProps,x:g[f.index].x,y:g[f.index].y}))})}re.defaultProps={fill:"none",x:0,y:0,r:8,url:null,props:{x:0,y:0}},we.defaultProps=Object.assign({},{sliderShape:"bar",sliderType:"value",minTemperature:2200,maxTemperature:11e3});function Xe(t){var i=_e(t).width,e=t.colors,o=(t.borderWidth,t.parent),n=t.color,l=n.hsv,d=e.map(function(f){return function(p,g){var c=g.hsv,m=_e(p),y=m.cx,x=m.cy,T=Ne(p),C=(180+Le(p,c.h,!0))*(Ve/360),S=c.s/100*T,_=p.wheelDirection==="clockwise"?-1:1;return{x:y+S*Math.cos(C)*_,y:x+S*Math.sin(C)*_}}(t,f)}),u={position:"absolute",top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",boxSizing:"border-box"};return w(xe,Object.assign({},t,{onInput:function(f,p,g){if(g===0){if(!function(m,y,x){var T=_e(m),C=T.cx,S=T.cy,_=m.width/2;return ze(C-y,S-x)<_}(t,f,p))return!1;var c=qe(t,f,p,d);c!==null?o.setActiveColor(c):(o.inputActive=!0,n.hsv=He(t,f,p),t.onInput(g,t.id))}else g===1&&(o.inputActive=!0,n.hsv=He(t,f,p));t.onInput(g,t.id)}}),function(f,p,g){return w("div",Object.assign({},p,{className:"IroWheel",style:Object.assign({},{width:M(i),height:M(i),position:"relative"},g)}),w("div",{className:"IroWheelHue",style:Object.assign({},u,{transform:"rotateZ("+(t.wheelAngle+90)+"deg)",background:t.wheelDirection==="clockwise"?"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)":"conic-gradient(red, magenta, blue, aqua, lime, yellow, red)"})}),w("div",{className:"IroWheelSaturation",style:Object.assign({},u,{background:"radial-gradient(circle closest-side, #fff, transparent)"})}),t.wheelLightness&&w("div",{className:"IroWheelLightness",style:Object.assign({},u,{background:"#000",opacity:1-l.v/100})}),w("div",{className:"IroWheelBorder",style:Object.assign({},u,Ie(t))}),e.filter(function(c){return c!==n}).map(function(c){return w(re,{isActive:!1,index:c.index,fill:c.hslString,r:t.handleRadius,url:t.handleSvg,props:t.handleProps,x:d[c.index].x,y:d[c.index].y})}),w(re,{isActive:!0,index:n.index,fill:n.hslString,r:t.activeHandleRadius||t.handleRadius,url:t.handleSvg,props:t.handleProps,x:d[n.index].x,y:d[n.index].y}))})}var Ge=function(t){function i(e){var o=this;t.call(this,e),this.colors=[],this.inputActive=!1,this.events={},this.activeEvents={},this.deferredEvents={},this.id=e.id,(0<e.colors.length?e.colors:[e.color]).forEach(function(n){return o.addColor(n)}),this.setActiveColor(0),this.state=Object.assign({},e,{color:this.color,colors:this.colors,layout:e.layout})}return t&&(i.__proto__=t),((i.prototype=Object.create(t&&t.prototype)).constructor=i).prototype.addColor=function(e,o){o===void 0&&(o=this.colors.length);var n=new le(e,this.onColorChange.bind(this));this.colors.splice(o,0,n),this.colors.forEach(function(l,d){return l.index=d}),this.state&&this.setState({colors:this.colors}),this.deferredEmit("color:init",n)},i.prototype.removeColor=function(e){var o=this.colors.splice(e,1)[0];o.unbind(),this.colors.forEach(function(n,l){return n.index=l}),this.state&&this.setState({colors:this.colors}),o.index===this.color.index&&this.setActiveColor(0),this.emit("color:remove",o)},i.prototype.setActiveColor=function(e){this.color=this.colors[e],this.state&&this.setState({color:this.color}),this.emit("color:setActive",this.color)},i.prototype.setColors=function(e,o){var n=this;o===void 0&&(o=0),this.colors.forEach(function(l){return l.unbind()}),this.colors=[],e.forEach(function(l){return n.addColor(l)}),this.setActiveColor(o),this.emit("color:setAll",this.colors)},i.prototype.on=function(e,o){var n=this,l=this.events;(Array.isArray(e)?e:[e]).forEach(function(d){(l[d]||(l[d]=[])).push(o),n.deferredEvents[d]&&(n.deferredEvents[d].forEach(function(u){o.apply(null,u)}),n.deferredEvents[d]=[])})},i.prototype.off=function(e,o){var n=this;(Array.isArray(e)?e:[e]).forEach(function(l){var d=n.events[l];d&&d.splice(d.indexOf(o),1)})},i.prototype.emit=function(e){for(var o=this,n=[],l=arguments.length-1;0<l--;)n[l]=arguments[l+1];var d=this.activeEvents;d.hasOwnProperty(e)&&d[e]||(d[e]=!0,(this.events[e]||[]).forEach(function(u){return u.apply(o,n)}),d[e]=!1)},i.prototype.deferredEmit=function(e){for(var o,n=[],l=arguments.length-1;0<l--;)n[l]=arguments[l+1];var d=this.deferredEvents;(o=this).emit.apply(o,[e].concat(n)),(d[e]||(d[e]=[])).push(n)},i.prototype.setOptions=function(e){this.setState(e)},i.prototype.resize=function(e){this.setOptions({width:e})},i.prototype.reset=function(){this.colors.forEach(function(e){return e.reset()}),this.setState({colors:this.colors})},i.prototype.onMount=function(e){this.el=e,this.deferredEmit("mount",this)},i.prototype.onColorChange=function(e,o){this.setState({color:this.color}),this.inputActive&&(this.inputActive=!1,this.emit("input:change",e,o)),this.emit("color:change",e,o)},i.prototype.emitInputEvent=function(e,o){e===0?this.emit("input:start",this.color,o):e===1?this.emit("input:move",this.color,o):e===2&&this.emit("input:end",this.color,o)},i.prototype.render=function(e,o){var n=this,l=o.layout;return Array.isArray(l)||(l=[{component:Xe},{component:we}],o.transparency&&l.push({component:we,options:{sliderType:"alpha"}})),w("div",{class:"IroColorPicker",id:o.id,style:{display:o.display}},l.map(function(d,u){var f=d.component,p=d.options;return w(f,Object.assign({},o,p,{ref:void 0,onInput:n.emitInputEvent.bind(n),parent:n,index:u}))}))},i}(L);Ge.defaultProps=Object.assign({},{width:300,height:300,color:"#fff",colors:[],padding:6,layoutDirection:"vertical",borderColor:"#fff",borderWidth:0,handleRadius:8,activeHandleRadius:null,handleSvg:null,handleProps:{x:0,y:0},wheelLightness:!0,wheelAngle:0,wheelDirection:"anticlockwise",sliderSize:null,sliderMargin:12,boxHeight:null},{colors:[],display:"block",id:null,layout:"default",margin:null});var Se,$e,ue,se,ht=(ke.prototype=(Se=Ge).prototype,Object.assign(ke,Se),ke.I=Se,ke);function ke(t,i){var e,o=document.createElement("div");function n(){var l=t instanceof Element?t:document.querySelector(t);l.appendChild(e.base),e.onMount(l)}return function(l,d,u){var f,p,g;r.i&&r.i(l,d),p=(f=u===b)?null:d.n,l=w(J,null,[l]),g=[],de(d,d.n=l,p||v,v,d.ownerSVGElement!==void 0,p?null:F.slice.call(d.childNodes),g,!1,v,f),ce(g,l)}(w(Se,Object.assign({},{ref:function(l){return e=l}},i)),o),document.readyState!=="loading"?n():document.addEventListener("DOMContentLoaded",n),e}return(ue=$e=$e||{}).version="5.5.2",ue.Color=le,ue.ColorPicker=ht,(se=ue.ui||(ue.ui={})).h=w,se.ComponentBase=xe,se.Handle=re,se.Slider=we,se.Wheel=Xe,se.Box=ct,$e});const __CJS__export_default__=(module.exports==null?{}:module.exports).default||module.exports,styles={dialogTitle:{display:"flex",justifyContent:"space-between",alignItems:"center"}};class InventwoWidgetUniversal extends InventwoGeneric{constructor(r){super(r),this.state.currentView=null,this.state.dialogOpen=!1,this.state.showFeedback=!1,this.state.isMounted=!1,this.state.svgRef=React.createRef(),this.state.previousOidValue=null}static getWidgetInfo(){return{id:"tplInventwoWidgetUniversal",visSet:"vis-2-widgets-inventwo",visSetLabel:"set_label",visWidgetLabel:"widget_universal",visName:"widget_universal",visSetColor:"rgba(69, 86, 24, 1)",visAttrs:[{name:"common",fields:[{name:"type",type:"select",options:[{value:"switch",label:"switch"},{value:"button",label:"button"},{value:"nav",label:"nav"},{value:"readonly",label:"read_only"},{value:"viewInDialog",label:"view_in_dialog"},{value:"increaseDecreaseValue",label:"increase_decrease_value"},{value:"http",label:"send_http"}],default:"switch",label:"type",tooltip:"tooltip_widget_type"},{name:"mode",type:"select",options:[{value:"singleButton",label:"single_button"},{value:"separatedButtons",label:"separated_buttons"}],default:"singleButton",label:"mode",tooltip:"tooltip_widget_mode"},{name:"direction",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"row",label:"direction",hidden:'data.mode == "singleButton"'},{name:"oid",type:"id",label:"oid"},{name:"url",type:"text",label:"url",hidden:'data.type != "http"'},{name:"httpType",type:"select",options:[{value:"send",label:"send_request"},{value:"open",label:"open_url"},{value:"openNewTab",label:"open_url_new_tab"}],default:"send",label:"http_type",hidden:'data.type != "http"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data.type != "viewInDialog") || data.mode == "separatedButtons"'},{name:"valueFalse",type:"text",label:"value_false",hidden:'data.type != "switch" || data.mode == "separatedButtons"'},{name:"valueTrue",type:"text",label:"value_true",hidden:'data.mode == "separatedButtons" || data.type == "http"'},{name:"buttonSize",type:"slider",min:1,max:200,step:10,default:110,label:"button_size",hidden:'data.mode == "singleButton"'},{name:"btnSpacing",type:"slider",min:0,max:50,step:1,default:10,label:"button_spacing",hidden:'data.mode == "singleButton"'},{name:"countStates",type:"number",default:1,label:"count_states",hidden:"data.countStates > 0"},{name:"buttonHoldValue",type:"checkbox",default:!1,label:"button_hold_value",tooltip:"tooltip_button_hold_value",hidden:'data.type != "button"'}]},{name:"attr_group_type_view_in_dialog",label:"attr_group_type_view_in_dialog",hidden:'data.type != "viewInDialog"',fields:[{name:"dialogFullscreen",type:"checkbox",label:"dialog_fullscreen",hidden:'data.type != "viewInDialog"'},{name:"dialogCloseOnClickOutside",type:"checkbox",label:"dialog_close_on_click_outside",hidden:'data.type != "viewInDialog" || data.dialogFullscreen'},{name:"dialogWidth",type:"slider",min:1,max:1e3,step:1,default:500,label:"dialog_width",hidden:"data.dialogFullscreen"},{name:"dialogHeight",type:"slider",min:1,max:1e3,step:1,default:300,label:"dialog_height",hidden:"data.dialogFullscreen"},{name:"dialogPadding",type:"slider",min:0,max:50,step:1,default:10,label:"padding"},{name:"dialogBackground",type:"color",default:"rgb(18, 18, 18)",label:"background"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_titlebar"},{name:"dialogTitle",type:"html",label:"title"},{name:"dialogTitleColor",type:"color",default:"rgb(255,255,255)",label:"color"},{name:"dialogTitleSize",type:"slider",min:0,max:50,step:1,default:20,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_close_button"},{name:"dialogCloseButtonBackground",type:"color",default:"rgba(255,255,255,0)",label:"background"},{name:"dialogCloseButtonColor",type:"color",default:"rgba(255,255,255,1)",label:"color"},{name:"dialogCloseButtonSize",type:"slider",min:0,max:50,step:1,default:14,label:"size"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_border_radius"},{name:"dialogBorderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left"},{name:"dialogBorderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right"},{name:"dialogBorderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right"},{name:"dialogBorderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left"}]},{name:"attr_group_click_feedback",label:"attr_group_click_feedback",fields:[{label:"from_widget",name:"clickFeedbackFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"feedbackDuration",type:"slider",min:0,max:5e3,step:100,default:0,label:"duration",hidden:"!!data.clickFeedbackFromWidget"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors",hidden:"!!data.clickFeedbackFromWidget"},{name:"contentColorFeedback",type:"color",label:"content_color",hidden:'!!data.clickFeedbackFromWidget || data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"backgroundFeedback",type:"color",default:"rgba(69, 86, 24, 1)",label:"background",hidden:"!!data.clickFeedbackFromWidget"},{name:"textColorFeedback",type:"color",label:"text_color",hidden:"!!data.clickFeedbackFromWidget"},{name:"borderColorFeedback",type:"color",label:"border_color",hidden:"!!data.clickFeedbackFromWidget"},{name:"outerShadowColorFeedback",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)",hidden:"!!data.clickFeedbackFromWidget"},{name:"innerShadowColorFeedback",type:"color",label:"inner_shadow_color",hidden:"!!data.clickFeedbackFromWidget"}]},{name:"attr_group_state_default",label:"attr_group_state_default",fields:[{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text",hidden:'data.mode == "separatedButtons"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.mode == "separatedButtons" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.mode == "separatedButtons" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.mode == "separatedButtons" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.mode == "separatedButtons" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{label:"from_widget",name:"defaultColorsStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"contentColor",type:"color",label:"content_color",hidden:'!!data.defaultColorsStyleFromWidget || data.mode == "separatedButtons" || (data.contentType != "icon" && data.contentType != "image")'},{name:"background",type:"color",label:"background",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"textColor",type:"color",label:"text_color",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"borderColor",type:"color",label:"border_color",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgba(0, 0, 0, 1)",hidden:"!!data.defaultColorsStyleFromWidget"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color",hidden:"!!data.defaultColorsStyleFromWidget"}]},{name:"countStates",indexFrom:1,indexTo:"countStates",label:"attr_group_states",fields:[{type:"help",text:"vis_2_widgets_inventwo_condition"},{name:"compareBy",type:"select",options:[{value:"default",label:"compare_by_widget_default"},{value:"value",label:"value"},{value:"view",label:"view"}],default:"default",label:"compare_by",hidden:'data.mode == "separatedButtons"',tooltip:"tooltip_compare_by"},{name:"oid",type:"id",label:"oid",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view" || data.mode == "separatedButtons"',tooltip:"tooltip_state_oid"},{name:"comparisonOperator",type:"select",options:[{value:"===",label:"equal"},{value:"!=",label:"not_equal"},{value:">",label:"greater"},{value:"<",label:"lower"},{value:">=",label:"greater_equal"},{value:"<=",label:"lower_equal"}],default:"===",label:"comparison_operator",hidden:'data.type == "nav" || data["compareBy" + index] == "view" || data.mode == "separatedButtons"'},{name:"value",type:"text",label:"value",hidden:'(data.type == "nav" && data["compareBy" + index] != "value") || data["compareBy" + index] == "view"'},{name:"view",type:"views",label:"view",hidden:'(data.type != "nav" && data["compareBy" + index] != "view") || data["compareBy" + index] == "value"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_text_and_content"},{name:"text",type:"html",label:"text"},{name:"textTrue",type:"html",label:"text_true",hidden:'data.mode == "singleButton"'},{name:"icon",type:"icon64",label:"icon",hidden:'data.contentType != "icon"'},{name:"iconTrue",type:"icon64",label:"icon_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"image",type:"image",label:"image",hidden:'data.contentType != "image"'},{name:"imageTrue",type:"image",label:"image_true",hidden:'data.mode == "singleButton" || data.contentType != "image"'},{name:"html",type:"html",label:"text_html",hidden:'data.contentType != "html"'},{name:"htmlTrue",type:"html",label:"text_html_true",hidden:'data.mode == "singleButton" || data.contentType != "html"'},{name:"viewInWidget",type:"views",label:"view_in_widget",hidden:'data.contentType != "viewInWidget"'},{name:"viewInWidgetTrue",type:"views",label:"view_in_widget_true",hidden:'data.mode == "singleButton" || data.contentType != "viewInWidget"'},{name:"contentBlinkInterval",type:"slider",min:0,max:2e3,step:100,default:0,label:"content_blink_interval"},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_colors"},{name:"contentColor",type:"color",label:"content_color",hidden:'data.contentType != "icon" && data.contentType != "image"'},{name:"contentColorTrue",type:"color",label:"content_color_true",hidden:'data.mode == "singleButton" || data.contentType != "icon"'},{name:"background",type:"color",default:"rgb(69,86,24)",label:"background"},{name:"backgroundTrue",type:"color",default:"rgb(69,86,24)",label:"background_true",hidden:'data.mode == "singleButton"'},{name:"textColor",type:"color",label:"text_color"},{name:"textColorTrue",type:"color",label:"text_color_true",hidden:'data.mode == "singleButton"'},{name:"borderColor",type:"color",label:"border_color"},{name:"borderColorTrue",type:"color",label:"border_color_true",hidden:'data.mode == "singleButton"'},{name:"outerShadowColor",type:"color",label:"outer_shadow_color",default:"rgb(0,0,0)"},{name:"outerShadowColorTrue",type:"color",label:"outer_shadow_color_true",hidden:'data.mode == "singleButton"',default:"rgb(0,0,0)"},{name:"innerShadowColor",type:"color",label:"inner_shadow_color"},{name:"innerShadowColorTrue",type:"color",label:"inner_shadow_color_true",hidden:'data.mode == "singleButton"'},{type:"delimiter"},{type:"help",text:"vis_2_widgets_inventwo_content"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:0,label:"content_size"}]},{name:"attr_content_color_picker",label:"attr_content_color_picker",hidden:'data.contentType != "colorPicker"',fields:[{name:"colorPickerColorModel",type:"select",options:[{value:"hex",label:"hex"},{value:"hex8",label:"hex_8"},{value:"rgb",label:"rgb"},{value:"hsl",label:"hsl"},{value:"hsv",label:"hsv"},{value:"cie",label:"cie"}],default:"hex",label:"color_model"},{name:"colorPickerOid",type:"id",hidden:'data.colorPickerColorModel === "rgb" || data.colorPickerColorModel === "hsl" || data.colorPickerColorModel === "hsv"',label:"oid"},{name:"colorPickerOid1",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_1"},{name:"colorPickerOid2",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_2"},{name:"colorPickerOid3",type:"id",hidden:'data.colorPickerColorModel !== "rgb" && data.colorPickerColorModel !== "hsl" && data.colorPickerColorModel !== "hsv"',label:"oid_value_3"},{type:"help",text:"vis_2_widgets_inventwo_layout_size"},{name:"colorPickerWidth",type:"slider",min:0,max:500,step:1,default:200,label:"width"},{name:"colorPickerHandleSize",type:"slider",min:0,max:20,step:1,default:8,label:"handle_size"},{name:"colorPickerHandleMargin",type:"slider",min:0,max:20,step:1,default:6,label:"handle_margin"},{name:"colorPickerComponentsSpace",type:"slider",min:0,max:50,step:1,default:12,label:"components_space"},{name:"colorPickerDirection",type:"select",options:[{value:"vertical",label:"vertical"},{value:"horizontal",label:"horizontal"}],default:"vertical",label:"direction"},{name:"colorPickerBorderWidth",type:"slider",min:0,max:10,step:1,default:0,label:"border_width"},{name:"colorPickerBorderColor",type:"color",label:"border_color"},{type:"help",text:"vis_2_widgets_inventwo_components"},{name:"colorPickerShowWheel",type:"checkbox",default:!0,label:"show_wheel"},{name:"colorPickerShowBox",type:"checkbox",label:"show_box"},{name:"colorPickerShowHue",type:"checkbox",label:"show_hue"},{name:"colorPickerShowSaturation",type:"checkbox",default:!0,label:"show_Saturation"},{name:"colorPickerShowValue",type:"checkbox",default:!0,label:"show_value"},{name:"colorPickerShowRed",type:"checkbox",label:"show_red"},{name:"colorPickerShowGreen",type:"checkbox",label:"show_green"},{name:"colorPickerShowBlue",type:"checkbox",label:"show_blue"},{name:"colorPickerShowAlpha",type:"checkbox",label:"show_Alpha"},{name:"colorPickerShowKelvin",type:"checkbox",label:"show_kelvin"}]},{name:"attr_group_css_text",label:"attr_group_css_text",fields:[{label:"from_widget",name:"textStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"textDecoration",type:"select",options:[{value:"none",label:"none"},{value:"underline",label:"underline"},{value:"overline",label:"overline"},{value:"line-through",label:"line-through"}],default:"none",label:"text_decoration",hidden:"!!data.textStyleFromWidget"},{name:"textMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top",hidden:"!!data.textStyleFromWidget"},{name:"textMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom",hidden:"!!data.textStyleFromWidget"},{name:"textMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left",hidden:"!!data.textStyleFromWidget"},{name:"textMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right",hidden:"!!data.textStyleFromWidget"}]},{name:"attr_group_css_content",label:"attr_group_css_content",fields:[{label:"from_widget",name:"contentStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"contentType",type:"select",options:[{value:"icon",label:"icon"},{value:"image",label:"image"},{value:"html",label:"text_html"},{value:"viewInWidget",label:"view_in_widget"},{value:"colorPicker",label:"color_picker"}],default:"icon",label:"content_type",tooltip:"tooltip_content_type"},{name:"contentMarginTop",type:"slider",min:0,max:50,step:1,default:0,label:"margin_top",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginBottom",type:"slider",min:0,max:50,step:1,default:0,label:"margin_bottom",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginLeft",type:"slider",min:0,max:50,step:1,default:0,label:"margin_left",hidden:"!!data.contentStyleFromWidget"},{name:"contentMarginRight",type:"slider",min:0,max:50,step:1,default:0,label:"margin_right",hidden:"!!data.contentStyleFromWidget"},{name:"contentSize",type:"slider",min:0,max:100,step:1,default:40,label:"content_size",hidden:"!!data.contentStyleFromWidget"},{name:"contentRotation",type:"slider",min:-180,max:180,step:1,default:0,label:"rotation",hidden:"!!data.contentStyleFromWidget"},{name:"contentMirror",type:"checkbox",default:!1,label:"mirror",hidden:"!!data.contentStyleFromWidget"}]},{name:"attr_group_css_alignment",label:"attr_group_css_alignment",fields:[{label:"from_widget",name:"alignmentStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"flexDirection",type:"select",options:[{value:"row",label:"row"},{value:"column",label:"column"}],default:"column",label:"direction",hidden:"!!data.alignmentStyleFromWidget"},{name:"alignItems",type:"select",options:[{value:"flex-start",label:"start"},{value:"center",label:"center"},{value:"flex-end",label:"end"},{value:"space-between",label:"space between"}],default:"space-between",label:"alignment",hidden:"!!data.alignmentStyleFromWidget"},{name:"textAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"start",label:"text_align",hidden:"!!data.alignmentStyleFromWidget"},{name:"contentAlign",type:"select",options:[{value:"start",label:"start"},{value:"center",label:"center"},{value:"end",label:"end"}],default:"center",label:"content_align",hidden:"!!data.alignmentStyleFromWidget"},{name:"invertOrder",type:"checkbox",label:"invert_order",hidden:"!!data.alignmentStyleFromWidget"}]},{name:"attr_group_css_transparency",label:"attr_group_css_transparency",fields:[{label:"from_widget",name:"transparencyStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"backgroundOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"background_opacity",hidden:"!!data.transparencyStyleFromWidget"},{name:"contentOpacity",type:"slider",min:0,max:1,step:.1,default:1,label:"content_opacity",hidden:"!!data.transparencyStyleFromWidget"}]},{name:"attr_group_css_spacing",label:"attr_group_css_spacing",fields:[{label:"from_widget",name:"spacingStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"paddingLeft",type:"slider",min:0,max:50,step:1,default:10,label:"padding_left",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingRight",type:"slider",min:0,max:50,step:1,default:10,label:"padding_right",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingTop",type:"slider",min:0,max:50,step:1,default:10,label:"padding_top",hidden:"!!data.spacingStyleFromWidget"},{name:"paddingBottom",type:"slider",min:0,max:50,step:1,default:10,label:"padding_bottom",hidden:"!!data.spacingStyleFromWidget"}]},{name:"attr_group_css_border_radius",label:"attr_group_css_border_radius",fields:[{label:"from_widget",name:"borderRadiusStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"borderRadiusTopLeft",type:"slider",min:0,max:50,step:1,default:12,label:"top_left",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusTopRight",type:"slider",min:0,max:50,step:1,default:0,label:"top_right",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusBottomRight",type:"slider",min:0,max:50,step:1,default:12,label:"bottom_right",hidden:"!!data.borderRadiusStyleFromWidget"},{name:"borderRadiusBottomLeft",type:"slider",min:0,max:50,step:1,default:0,label:"bottom_left",hidden:"!!data.borderRadiusStyleFromWidget"}]},{name:"attr_group_css_border",label:"attr_group_css_border",fields:[{label:"from_widget",name:"borderStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"borderSizeTop",type:"slider",min:0,max:10,step:1,default:0,label:"size_top",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeBottom",type:"slider",min:0,max:10,step:1,default:0,label:"size_bottom",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeLeft",type:"slider",min:0,max:10,step:1,default:0,label:"size_left",hidden:"!!data.borderStyleFromWidget"},{name:"borderSizeRight",type:"slider",min:0,max:10,step:1,default:0,label:"size_right",hidden:"!!data.borderStyleFromWidget"},{name:"borderStyle",type:"select",options:[{value:"none",label:"none"},{value:"dashed",label:"dashed"},{value:"dotted",label:"dotted"},{value:"double",label:"double"},{value:"groove",label:"groove"},{value:"inset",label:"outset"},{value:"ridge",label:"ridge"},{value:"solid",label:"solid"}],default:"none",label:"border_style",hidden:"!!data.borderStyleFromWidget"}]},{name:"attr_group_css_outer_shadow",label:"attr_group_css_outer_shadow",fields:[{label:"from_widget",name:"outerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"outerShadowX",type:"slider",min:0,max:50,step:1,default:2,label:"x_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowY",type:"slider",min:0,max:50,step:1,default:2,label:"y_offset",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowBlur",type:"slider",min:0,max:50,step:1,default:2,label:"blur",hidden:"!!data.outerShadowStyleFromWidget"},{name:"outerShadowSize",type:"slider",min:0,max:50,step:1,default:1,label:"size",hidden:"!!data.outerShadowStyleFromWidget"}]},{name:"attr_group_css_inner_shadow",label:"attr_group_css_inner_shadow",fields:[{label:"from_widget",name:"innerShadowStyleFromWidget",type:"widget",tpl:"tplInventwoWidgetUniversal",all:!0},{name:"innerShadowX",type:"slider",min:0,max:50,step:1,default:0,label:"x_offset",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowY",type:"slider",min:0,max:50,step:1,default:0,label:"y_offset",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowBlur",type:"slider",min:0,max:50,step:1,default:0,label:"blur",hidden:"!!data.innerShadowStyleFromWidget"},{name:"innerShadowSize",type:"slider",min:0,max:50,step:1,default:0,label:"size",hidden:"!!data.innerShadowStyleFromWidget"}]}],visDefaultStyle:{width:110,height:110,position:"absolute",overflow:"visible"},visPrev:"widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-universal.png"}}propertiesUpdate(){if(this.state.rxData.contentType==="colorPicker"){const r=[];this.state.rxData.colorPickerShowWheel&&r.push({component:__CJS__export_default__.ui.Wheel,options:{}}),this.state.rxData.colorPickerShowBox&&r.push({component:__CJS__export_default__.ui.Box,options:{}}),this.state.rxData.colorPickerShowHue&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"hue"}}),this.state.rxData.colorPickerShowSaturation&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"saturation"}}),this.state.rxData.colorPickerShowValue&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"value"}}),this.state.rxData.colorPickerShowRed&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"red"}}),this.state.rxData.colorPickerShowGreen&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"green"}}),this.state.rxData.colorPickerShowBlue&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"blue"}}),this.state.rxData.colorPickerShowAlpha&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"alpha"}}),this.state.rxData.colorPickerShowKelvin&&r.push({component:__CJS__export_default__.ui.Slider,options:{sliderType:"kelvin"}});const a=document.querySelector(`#${this.props.id} .vis-inventwo-widget-color-picker-wrapper`);a.innerHTML="",this.state.colorPicker=new __CJS__export_default__.ColorPicker(a,{width:this.state.rxData.colorPickerWidth,color:"#ffff00",layout:r,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 r=this.state.rxData.colorPickerColorModel,a=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(r){case"hex":a&&/^#([A-Fa-f0-9]{3}$)|([A-Fa-f0-9]{6}$)/.test(a)?this.state.colorPicker.color.hexString=a:this.state.colorPicker.color.hexString="#ffffff";break;case"hex8":a&&/^#([A-Fa-f0-9]{8}$)/.test(a)?this.state.colorPicker.color.hex8String=a: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)}getWidgetInfo(){return InventwoWidgetUniversal.getWidgetInfo()}onRxDataChanged(){this.propertiesUpdate()}onRxStyleChanged(){}onStateUpdated(r,a){if(this.state.rxData.type==="viewInDialog"&&r===this.state.rxData.oid&&!this.props.editMode){const s=this.convertValue(this.state.rxData.valueTrue);this.state.isMounted&&(s===a.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(r,a,s="==="){switch(s){case"===":case"==":return r===a;case"<":return r<a;case">":return r>a;case"<=":return r<=a;case">=":return r>=a;case"!=":return r!==a;default:return!1}}getValueData(r=null){let a=null,s=null,h=null;if(r===null)for(let k=1;k<=this.state.rxData.countStates;k++){if(this.validOid(this.state.rxData[`oid${k}`]))a=this.state.rxData[`oid${k}`];else if(this.validOid(this.state.rxData.oid))a=this.state.rxData.oid;else continue;s=this.getValue(a);let $=this.state.rxData[`compareBy${k}`];$==null&&($="default");let U=this.state.rxData[`comparisonOperator${k}`];U==null&&(U="===");let X=this.state.rxData.valueTrue;if(this.state.rxData[`value${k}`]!==void 0&&this.state.rxData[`value${k}`]!==null&&(X=this.state.rxData[`value${k}`]),X=this.convertValue(X),($==="default"&&this.state.rxData.type!=="nav"||$==="value")&&this.compare(s,X,U)||($==="default"&&this.state.rxData.type==="nav"||$==="view")&&this.state.rxData.mode==="singleButton"&&this.state.rxData.countStates===1&&this.state.rxData.view===this.props.view||($==="default"&&this.state.rxData.type==="nav"||$==="view")&&this.state.rxData.countStates>1&&this.state.rxData[`view${k}`]===this.props.view){h=this.getStateData(k);break}}else a=this.state.rxData.oid,s=this.getValue(a),(this.state.rxData.type==="switch"||this.state.rxData.type==="button"||this.state.rxData.type==="readonly")&&s===this.convertValue(this.state.rxData[`value${r}`])||this.state.rxData.type==="nav"&&this.state.rxData[`view${r}`]===this.props.view?h=this.getStateData(r,!0):h=this.getStateData(r);if(h===null){const k=this.getStyle("defaultColorsStyleFromWidget",this.groupAttrs.attr_group_state_default);h={background:k.background,icon:this.state.rxData.icon,image:this.state.rxData.image,contentColor:k.contentColor,text:this.state.rxData.text,textColor:k.textColor,outerShadowColor:k.outerShadowColor,innerShadowColor:k.innerShadowColor,borderColor:k.borderColor,html:this.state.rxData.html,viewInWidget:this.state.rxData.viewInWidget,contentBlinkInterval:this.state.rxData.contentBlinkInterval,contentSize:this.state.rxData.contentSize}}const b=this.getStyle("textStyleFromWidget",this.groupAttrs.attr_group_css_text),v=this.getStyle("contentStyleFromWidget",this.groupAttrs.attr_group_css_content),F=this.getStyle("alignmentStyleFromWidget",this.groupAttrs.attr_group_css_alignment),B=this.getStyle("transparencyStyleFromWidget",this.groupAttrs.attr_group_css_transparency),D=this.getStyle("spacingStyleFromWidget",this.groupAttrs.attr_group_css_spacing),N=this.getStyle("borderRadiusStyleFromWidget",this.groupAttrs.attr_group_css_border_radius),w=this.getStyle("borderStyleFromWidget",this.groupAttrs.attr_group_css_border),K=this.getStyle("outerShadowStyleFromWidget",this.groupAttrs.attr_group_css_outer_shadow),J=this.getStyle("innerShadowStyleFromWidget",this.groupAttrs.attr_group_css_inner_shadow),L=this.getStyle("clickFeedbackFromWidget",this.groupAttrs.attr_group_click_feedback);return h.styles={...b,...v,...F,...B,...D,...N,...w,...K,...J,...L},this.state.showFeedback&&(h=this.replaceWithClickFeedbackData(h)),h}getStateData(r,a=!1){const s={background:this.state.rxData[`background${r}`],icon:this.state.rxData[`icon${r}`],image:this.state.rxData[`image${r}`],contentColor:this.state.rxData[`contentColor${r}`],text:this.state.rxData[`text${r}`],textColor:this.state.rxData[`textColor${r}`],outerShadowColor:this.state.rxData[`outerShadowColor${r}`],innerShadowColor:this.state.rxData[`innerShadowColor${r}`],borderColor:this.state.rxData[`borderColor${r}`],html:this.state.rxData[`html${r}`],viewInWidget:this.state.rxData[`viewInWidget${r}`],contentBlinkInterval:this.state.rxData[`contentBlinkInterval${r}`],contentSize:this.state.rxData[`contentSize${r}`]>0?this.state.rxData[`contentSize${r}`]:this.state.rxData.contentSize};return a&&(s.background=this.state.rxData[`backgroundTrue${r}`],s.icon=this.state.rxData[`iconTrue${r}`],s.image=this.state.rxData[`imageTrue${r}`],s.contentColor=this.state.rxData[`contentColorTrue${r}`],s.text=this.state.rxData[`textTrue${r}`],s.html=this.state.rxData[`htmlTrue${r}`],s.viewInWidget=this.state.rxData[`viewInWidgetTrue${r}`],s.textColor=this.state.rxData[`textColorTrue${r}`],s.borderColor=this.state.rxData[`borderColorTrue${r}`],s.outerShadowColor=this.state.rxData[`outerShadowColorTrue${r}`],s.innerShadowColor=this.state.rxData[`innerShadowColorTrue${r}`]),s}replaceWithClickFeedbackData(r){return this.validFieldValue(r.styles.backgroundFeedback)&&(r.background=r.styles.backgroundFeedback),this.validFieldValue(r.styles.contentColorFeedback)&&(r.contentColor=r.styles.contentColorFeedback),this.validFieldValue(r.styles.textColorFeedback)&&(r.textColor=r.styles.textColorFeedback),this.validFieldValue(r.styles.outerShadowColorFeedback)&&(r.outerShadowColor=r.styles.outerShadowColorFeedback),this.validFieldValue(r.styles.innerShadowColorFeedback)&&(r.innerShadowColor=r.styles.innerShadowColorFeedback),this.validFieldValue(r.styles.borderColorFeedback)&&(r.borderColor=r.styles.borderColorFeedback),r}onClick(r=null,a=null){if(!this.isInteractionAllowed(a))return;console.log("on click");const s=this.state.rxData.oid;switch(this.setState({showFeedback:!0}),this.state.rxData.type){case"switch":if(this.state.rxData.mode==="singleButton"){const D=this.convertValue(this.state.rxData.valueTrue);this.state.values[`${s}.val`]===D?this.props.context.setValue(s,this.convertValue(this.state.rxData.valueFalse)):this.props.context.setValue(s,D)}else this.props.context.setValue(s,this.convertValue(this.state.rxData[`value${r}`]));break;case"button":if(this.state.rxData.buttonHoldValue)break;const h=this.state.rxData.mode==="singleButton"?this.state.rxData.valueTrue:this.state.rxData[`value${r}`];this.props.context.setValue(s,this.convertValue(h));break;case"nav":const b=a.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${r}`],this.state.rxData[`view${r}`]);break;case"viewInDialog":this.setState({dialogOpen:!0}),s&&this.props.context.setValue(s,this.convertValue(this.state.rxData.valueTrue));break;case"increaseDecreaseValue":let v=this.getValue(s);v+=this.convertValue(this.state.rxData.valueTrue),this.props.context.setValue(s,v);break;case"http":const F=this.state.rxData.httpType,B=this.state.rxData.url;if(F==="send"){const D=new XMLHttpRequest;D.open("GET",B),D.send()}else F==="open"?window.open(B,"_self"):F==="openNewTab"&&window.open(B,"_blank");break}}onBtnMouseDown(r=null,a=null){if(!this.isInteractionAllowed(a))return;console.log("on down");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${r}`];this.state.previousOidValue=this.getValue(s),this.props.context.setValue(s,this.convertValue(h));break}}onBtnMouseUp(r=null,a=null){if(!this.isInteractionAllowed(a))return;console.log("on up");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(r){if(super.renderWidgetBody(r),this.wrappedContent=!0,this.state.showFeedback){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 r=[];if(this.state.rxData.mode==="singleButton")r.push(this.getSingleCard());else{const a=[];for(let s=1;s<=this.state.rxData.countStates;s++)a.push(this.getSingleCard(s));r.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:a},"cardWrapper"))}return this.state.rxData.type==="viewInDialog"&&r.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:`
+                                ${this.state.rxData.dialogBorderRadiusTopLeft}px 
+                                ${this.state.rxData.dialogBorderRadiusTopRight}px 
+                                ${this.state.rxData.dialogBorderRadiusBottomRight}px 
+                                ${this.state.rxData.dialogBorderRadiusBottomLeft}px
+                            `},".MuiDialogContent-root":{padding:`${this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")}`},".MuiDialogTitle-root":{padding:`${this.state.rxData.dialogPadding+(Number.isNaN(Number(this.state.rxData.dialogPadding))?"":"px")}`,color:this.state.rxData.dialogTitleColor}}},onClose:(a,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:r})}getContentIcon(r){return r.icon===null?"":jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.Icon,{src:r.icon,style:{width:r.contentSize,color:r.contentColor}})}getContentImage(r){const a=r.image;if(a===null)return"";const s=this.convertRgbToHex(r.contentColor);let h=null;return s&&(h=hexToCSSFilter(s)),jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_iobroker_mf_1_adapter_mf_2_react_mf_2_v5__loadShare__.Icon,{src:a,style:{width:r.contentSize,filter:h?h.filter:""}})}getContentHtml(r){return jsxRuntimeExports.jsx("div",{style:{fontSize:`${r.contentSize}px`},dangerouslySetInnerHTML:{__html:r.html}})}getContentViewInWidget(r){const a=r.viewInWidget;return this.buildViewInWidget(a)}buildViewInWidget(r){if(r===this.props.view)return jsxRuntimeExports.jsx("div",{children:"Cannot use recursive views"});const a={};return jsxRuntimeExports.jsx("div",{style:{position:"relative",overflow:"auto",height:"100%"},className:"inventwo-view-in-widget-wrapper",children:r?this.getWidgetView(r,{style:a}):null})}getCardContent(r){let a;switch(this.state.rxData.contentType){case"icon":a=this.getContentIcon(r);break;case"image":a=this.getContentImage(r);break;case"html":a=this.getContentHtml(r);break;case"viewInWidget":a=this.getContentViewInWidget(r);break;default:a=""}return jsxRuntimeExports.jsx("div",{className:this.state.rxData.contentType==="colorPicker"?"vis-inventwo-widget-color-picker-wrapper":"",style:{height:"100%",width:this.state.rxData.contentType==="viewInWidget"?"100%":"",transform:`rotateZ(${r.styles.contentRotation}deg)`,animation:r.contentBlinkInterval>0?`blink ${r.contentBlinkInterval/1e3}s infinite`:""},children:a})}buildCard(r,a,s){let h="";return r.outerShadowColor&&(h+=`${r.styles.outerShadowX}px ${r.styles.outerShadowY}px ${r.styles.outerShadowBlur}px ${r.styles.outerShadowSize}px ${r.outerShadowColor}`),r.innerShadowColor&&(h!==""&&(h+=", "),h+=`inset ${r.styles.innerShadowX}px ${r.styles.innerShadowY}px ${r.styles.innerShadowBlur}px ${r.styles.innerShadowSize}px ${r.innerShadowColor}`),jsxRuntimeExports.jsxs("div",{style:{width:a===null?"100%":"",height:a===null?"100%":"",flex:a!==null?`0 0 ${this.state.rxData.buttonSize}px`:"",position:"relative",border:r.styles.borderRadiusTopLeft,borderRadius:`${r.styles.borderRadiusTopLeft}px ${r.styles.borderRadiusTopRight}px ${r.styles.borderRadiusBottomRight}px ${r.styles.borderRadiusBottomLeft}px`},children:[jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.Card,{className:"vis_rx_widget_card",style:{background:r.background,borderRadius:`${r.styles.borderRadiusTopLeft}px ${r.styles.borderRadiusTopRight}px ${r.styles.borderRadiusBottomRight}px ${r.styles.borderRadiusBottomLeft}px`,boxShadow:h,opacity:r.styles.backgroundOpacity,position:"absolute",inset:0,borderColor:r.borderColor,borderTopWidth:`${r.styles.borderSizeTop}px`,borderBottomWidth:`${r.styles.borderSizeBottom}px`,borderLeftWidth:`${r.styles.borderSizeLeft}px`,borderRightWidth:`${r.styles.borderSizeRight}px`,borderStyle:r.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:`${r.styles.borderRadiusTopLeft}px ${r.styles.borderRadiusTopRight}px ${r.styles.borderRadiusBottomRight}px ${r.styles.borderRadiusBottomLeft}px`,opacity:r.styles.contentOpacity,position:"absolute",inset:0,color:"unset",boxShadow:"none"},onClick:b=>this.onClick(a,b),onMouseDown:b=>this.onBtnMouseDown(a,b),onMouseUp:b=>this.onBtnMouseUp(a,b),children:jsxRuntimeExports.jsx(vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__.CardContent,{style:{padding:`${r.styles.paddingTop}px ${r.styles.paddingRight}px ${r.styles.paddingBottom}px ${r.styles.paddingLeft}px`,boxSizing:"border-box",width:"100%",height:"100%"},children:s})})]},a!==null?a:"")}getSingleCard(r=null){const a=this.getValueData(r),s=this.getCardContent(a),h=jsxRuntimeExports.jsxs("div",{style:{height:"100%",width:"100%",display:"flex",flexDirection:a.styles.flexDirection+(a.styles.invertOrder?"-reverse":""),justifyContent:a.styles.invertOrder&&a.styles.alignItems==="flex-start"?"flex-end":a.styles.invertOrder&&a.styles.alignItems==="flex-end"?"flex-start":a.styles.alignItems},children:[jsxRuntimeExports.jsx("div",{style:{display:"flex",justifyContent:a.styles.flexDirection==="column"?a.styles.contentAlign:"",alignSelf:a.styles.flexDirection==="row"?a.styles.contentAlign:"",transform:`scaleX(${a.styles.contentMirror?-1:1})`,height:this.state.rxData.contentType==="viewInWidget"?"100%":"",overflow:"hidden",margin:`${a.styles.contentMarginTop}px ${a.styles.contentMarginRight}px ${a.styles.contentMarginBottom}px ${a.styles.contentMarginLeft}px`},children:s}),jsxRuntimeExports.jsx("div",{style:{textAlign:a.styles.flexDirection==="column"?a.styles.textAlign:"",alignSelf:a.styles.flexDirection==="row"?a.styles.textAlign:"",textDecoration:a.styles.textDecoration,color:a.textColor,margin:`${a.styles.textMarginTop}px ${a.styles.textMarginRight}px ${a.styles.textMarginBottom}px ${a.styles.textMarginLeft}px`},dangerouslySetInnerHTML:{__html:a.text}})]});return this.buildCard(a,r,h)}}export{InventwoWidgetUniversal as default};

package/widgets/vis-2-widgets-inventwo/assets/InventwoWidgetUniversal-zR8yBSHx.css

@@ -0,0 +1 @@
+@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}

package/widgets/vis-2-widgets-inventwo/assets/_commonjsHelpers-Cpj98o6Y.js

@@ -0,0 +1 @@
+var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as c,l as g};

package/widgets/vis-2-widgets-inventwo/assets/createSvgIcon-BsANHQYb.js

@@ -0,0 +1 @@
+import{v as m}from"./vis2Inventwo__loadShare__react__loadShare__-YKp8zW3_.js";import{j as h}from"./jsx-runtime-CmYjgQpa.js";import{p as w,b as j,g as R,s as _}from"./styled-6hR4rQUz.js";import{f as z}from"./defaultTheme-CgtMi-7i.js";function I(o){var r,e,n="";if(typeof o=="string"||typeof o=="number")n+=o;else if(typeof o=="object")if(Array.isArray(o)){var t=o.length;for(r=0;r<t;r++)o[r]&&(e=I(o[r]))&&(n&&(n+=" "),n+=e)}else for(e in o)o[e]&&(n&&(n+=" "),n+=e);return n}function N(){for(var o,r,e=0,n="",t=arguments.length;e<t;e++)(o=arguments[e])&&(r=I(o))&&(n&&(n+=" "),n+=r);return n}function x(o,r){const e={...r};for(const n in o)if(Object.prototype.hasOwnProperty.call(o,n)){const t=n;if(t==="components"||t==="slots")e[t]={...o[t],...e[t]};else if(t==="componentsProps"||t==="slotProps"){const s=o[t],i=r[t];if(!i)e[t]=s||{};else if(!s)e[t]=i;else{e[t]={...i};for(const l in s)if(Object.prototype.hasOwnProperty.call(s,l)){const a=l;e[t][a]=x(s[a],i[a])}}}else e[t]===void 0&&(e[t]=o[t])}return e}function T(o,r,e=void 0){const n={};for(const t in o){const s=o[t];let i="",l=!0;for(let a=0;a<s.length;a+=1){const c=s[a];c&&(i+=(l===!0?"":" ")+r(c),l=!1,e&&e[c]&&(i+=" "+e[c]))}n[t]=i}return n}const P=m.createContext(void 0);function L({value:o,children:r}){return h.jsx(P.Provider,{value:o,children:r})}function A(o){const{theme:r,name:e,props:n}=o;if(!r||!r.components||!r.components[e])return n;const t=r.components[e];return t.defaultProps?x(t.defaultProps,n):!t.styleOverrides&&!t.variants?x(t,n):n}function M({props:o,name:r}){const e=m.useContext(P);return A({props:o,name:r,theme:{components:e}})}const C={theme:void 0};function O(o){let r,e;return function(t){let s=r;return(s===void 0||t.theme!==e)&&(C.theme=t.theme,s=w(o(C)),r=s,e=t.theme),s}}const $=O;function D(o){return M(o)}function U(o){return R("MuiSvgIcon",o)}const q=j("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]),k=o=>{const{color:r,fontSize:e,classes:n}=o,t={root:["root",r!=="inherit"&&`color${z(r)}`,`fontSize${z(e)}`]};return T(t,U,n)},B=_("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:e}=o;return[r.root,e.color!=="inherit"&&r[`color${z(e.color)}`],r[`fontSize${z(e.fontSize)}`]]}})($(({theme:o})=>{var r,e,n,t,s,i,l,a,c,d,p,v,g,u;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:(t=(r=o.transitions)==null?void 0:r.create)==null?void 0:t.call(r,"fill",{duration:(n=(e=(o.vars??o).transitions)==null?void 0:e.duration)==null?void 0:n.shorter}),variants:[{props:f=>!f.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:((i=(s=o.typography)==null?void 0:s.pxToRem)==null?void 0:i.call(s,20))||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:((a=(l=o.typography)==null?void 0:l.pxToRem)==null?void 0:a.call(l,24))||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:((d=(c=o.typography)==null?void 0:c.pxToRem)==null?void 0:d.call(c,35))||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter(([,f])=>f&&f.main).map(([f])=>{var S,y;return{props:{color:f},style:{color:(y=(S=(o.vars??o).palette)==null?void 0:S[f])==null?void 0:y.main}}}),{props:{color:"action"},style:{color:(v=(p=(o.vars??o).palette)==null?void 0:p.action)==null?void 0:v.active}},{props:{color:"disabled"},style:{color:(u=(g=(o.vars??o).palette)==null?void 0:g.action)==null?void 0:u.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}})),b=m.forwardRef(function(r,e){const n=D({props:r,name:"MuiSvgIcon"}),{children:t,className:s,color:i="inherit",component:l="svg",fontSize:a="medium",htmlColor:c,inheritViewBox:d=!1,titleAccess:p,viewBox:v="0 0 24 24",...g}=n,u=m.isValidElement(t)&&t.type==="svg",f={...n,color:i,component:l,fontSize:a,instanceFontSize:r.fontSize,inheritViewBox:d,viewBox:v,hasSvgAsChild:u},S={};d||(S.viewBox=v);const y=k(f);return h.jsxs(B,{as:l,className:N(y.root,s),focusable:"false",color:c,"aria-hidden":p?void 0:!0,role:p?"img":void 0,ref:e,...S,...g,...u&&t.props,ownerState:f,children:[u?t.props.children:t,p?h.jsx("title",{children:p}):null]})});b.muiName="SvgIcon";function G(o,r){function e(n,t){return h.jsx(b,{"data-testid":`${r}Icon`,ref:t,...n,children:o})}return e.muiName=b.muiName,m.memo(m.forwardRef(e))}export{L as D,b as S,T as a,G as b,N as c,U as g,$ as m,x as r,q as s,D as u};