iobroker.vis-2-widgets-inventwo 0.3.12 → 0.4.1

package/README.md

@@ -14,25 +14,39 @@ Adds switches, buttons, sliders and more as widgets for ioBroker VIS 2.0.
 ## Content
 Various widgets for switching, navigating and more.
 
-![Vorschau Universal- & Multi-Widget](img/preview_universal_widget.png)
+### Widget - Universal
+![Preview Universal- & Multi-Widget](img/preview_universal_widget.png)
 
-Various content types
+#### Various content types
 
-![Vorschau Colorpicker](img/preview_content_types.png)
+![Preview Colorpicker](img/preview_content_types.png)
 
 Color picker
 
-![Vorschau Colorpicker](img/preview_colorpicker.png)
+![Preview Colorpicker](img/preview_colorpicker.png)
 
-Slider
+### Widget - Slider
 
-![Vorschau Colorpicker](img/preview_sliders.png)
+![Preview Slider](img/preview_sliders.png)
 
-Switches
+### Widget - Switches
 
-![Vorschau Colorpicker](img/preview_switches.png)
+![Preview Switches](img/preview_switches.png)
 
-#### More will follow...
+### Widget - Checkbox
+
+![Preview Checkbox](img/preview_checkbox.png)
+
+### Widget—Table
+
+![Preview Table](img/preview_table.png)
+
+### Design
+All widgets come with extensive design options to customize the look and feel to your needs.
+
+![Preview Customization](img/preview_css_customization.png)
+
+### More will follow...
 
 
 ## Changelog
@@ -40,6 +54,15 @@ Switches
     Placeholder for the next version (at the beginning of the line):
     ### **WORK IN PROGRESS**
 -->
+### 0.4.1 (2025-12-18)
+- Added image type to column for table widget (#97)
+- Added custom datetime format support for table widget (#97)
+- Fix issue in slider widget when steps is active but value is empty
+- Changed module federation version to match vis 2.0 stable
+
+### 0.4.0 (2025-12-13)
+- Switched to TypeScript
+
 ### 0.3.12 (2025-12-06)
 - Fixed content position caused by previous version
 

package/io-package.json

@@ -1,8 +1,34 @@
 {
   "common": {
     "name": "vis-2-widgets-inventwo",
-    "version": "0.3.12",
+    "version": "0.4.1",
     "news": {
+      "0.4.1": {
+        "en": "Added image type to column for table widget (#97)\nAdded custom datetime format support for table widget (#97)\nFix issue in slider widget when steps is active but value is empty\nChanged module federation version to match vis 2.0 stable",
+        "de": "Bildtyp zur Spalte für Tabelle Widget (#97) hinzugefügt\nHinzugefügt benutzerdefinierte Datetime-Format-Unterstützung für Tabelle Widget (#97)\nProblem im Slider Widget beheben, wenn die Schritte aktiv sind, aber der Wert leer ist\nGeänderte Modul-Feederationsversion passend zu vis 2.0 stabil",
+        "ru": "Добавлен тип изображения в колонку для виджета таблицы (#97)\nДобавлена поддержка пользовательского формата даты для виджета таблицы (#97)\nИсправление проблемы в виджете слайдера, когда шаги активны, но ценность пуста\nИзмененная версия федерации модулей соответствует стабильной версии 2.0",
+        "pt": "Tipo de imagem adicionado à coluna para o elemento da tabela (# 97)\nAdicionado suporte personalizado ao formato datetime para widget de tabela (# 97)\nCorrigir o problema no elemento da barra deslizante quando os passos estiverem activos, mas o valor estiver vazio\nVersão alterada da federação do módulo para coincidir com a versão 2.0 estável",
+        "nl": "Afbeeldingstype toegevoegd aan kolom voor tabelwidget (#97)\nAangepaste datum-indelingsondersteuning voor tabelwidget (#97) toegevoegd\nFix probleem in dia widget wanneer stappen actief zijn, maar waarde is leeg\nVeranderde module federatie versie om te passen vis 2.0 stabiel",
+        "fr": "Ajout du type d'image à la colonne pour le widget de table (#97)\nAjout du support personnalisé de format datetime pour widget de table (#97)\nCorrection de problème dans le widget slider lorsque les étapes sont actives mais la valeur est vide\nVersion modifiée de la fédération module pour correspondre vis 2.0 stable",
+        "it": "Tipo di immagine aggiunto alla colonna per widget di tabella (#97)\nAggiunto supporto di formato datatime personalizzato per widget di tabella (#97)\nRisolvi il problema nel widget del cursore quando i passaggi sono attivi ma il valore è vuoto\nModificata versione federativa del modulo per abbinare vis 2.0 stable",
+        "es": "Tipo de imagen añadido a la columna para el widget de mesa (#97)\nAñadido soporte de formato de fecha personalizada para el widget de mesa (#97)\nCorregir el problema en el widget deslizante cuando los pasos están activos pero el valor está vacío\nVersión de federación del módulo cambiado para comparar con 2.0 estable",
+        "pl": "Dodano typ obrazka do kolumny dla widżetu tabeli (# 97)\nDodano niestandardowe wsparcie formatu datetime dla interfejsu tabeli (# 97)\nNaprawianie problemu w widżecie suwaka, gdy kroki są aktywne, ale wartość jest pusta\nZmieniona wersja federacyjna modułu do dopasowania do wersji 2.0 stabilnej",
+        "uk": "Додано тип зображення до колонки для настільного віджету (#97)\nДодано користувальницький дата-центр підтримки для настільного віджету (#97)\nВиправлено проблему у віджеті слайдера, коли дії активні, але значення є порожнім\nЗмінений варіант федерації модуля, щоб відповідати в'язам 2.0 стабільний",
+        "zh-cn": "将图像类型添加到表格部件的列(# 97)\n为表格部件添加自定义日期时间格式支持(# 97)\n当步骤活动但值为空时, 在滑动部件中修正发行\n更改模块 Federation 版本, 与 2.0 稳定匹配"
+      },
+      "0.4.0": {
+        "en": "Switched to TypeScript",
+        "de": "Zu TypeScript geschaltet",
+        "ru": "Переключается на TypeScript",
+        "pt": "Alternado para TypeScript",
+        "nl": "Overgeschakeld naar TypeScript",
+        "fr": "Passé à TypeScript",
+        "it": "Passato a TypeScript",
+        "es": "Cambiar a TipoScript",
+        "pl": "Przełączono na TypeScript",
+        "uk": "Перемкнено до TypeScript",
+        "zh-cn": "切换到类型脚本"
+      },
       "0.3.12": {
         "en": "Fixed content position caused by previous version",
         "de": "Feste Inhaltsposition durch vorherige Version",
@@ -67,32 +93,6 @@
         "pl": "Naprawiono problem z promieniem okręgu tabeli i dodano opcję ustawienia promienia okręgu (#99)\nNaprawiono problem z uniwersalnym widżetem i porównaniem innym niż \"równy\" (#109)\nDodano opcję dziedziczenia kolorów stanu z innych widżetów (#120)",
         "uk": "Виправлено проблему з округленням кутів таблиці та додана опція для задання радіусу кутів (#99)\nВиправлено проблему з універсальним віджетом та порівнянням, відмінним від \"рівне\" (#109)\nДодана ​​опція успадкування кольорів стану від інших віджетів (#120)",
         "zh-cn": "修复了表格边框半径的问题，并添加了设置边框半径的选项 (#99)\n修复通用小部件与\"等于\"之外的比较问题 (#109)\n添加了从其他小部件继承状态颜色的选项（#120）"
-      },
-      "0.3.7": {
-        "en": "Removed code to print console logs to a widget for debugging purposes",
-        "de": "Entfernter Code zum Drucken von Konsolenprotokollen in ein Widget zu Debugging-Zwecken",
-        "ru": "Удален код для вывода журнальных логов на виджет для отладочных целей",
-        "pt": "Removido o código para imprimir logs do console em um widget para fins de depuração",
-        "nl": "Verwijderde code om console logs af te drukken naar een widget voor debugdoeleinden",
-        "fr": "Suppression du code permettant d'imprimer les journaux de la console dans un widget à des fins de débogage",
-        "it": "Rimosso il codice per stampare i log della console su un widget a fini di debug",
-        "es": "Se eliminó el código que imprimía mensajes de consola en un widget con fines de depuración.",
-        "pl": "Usunięto kod odpowiedzialny za wyświetlanie logów konsoli w widżecie do celów debugowania.",
-        "uk": "Видалено код для виведення журналів консолі в віджет для налагодження коду.",
-        "zh-cn": "为了调试目的，已移除将控制台日志打印到小部件的代码。"
-      },
-      "0.3.6": {
-        "en": "Extended debugging by printing source file with line number",
-        "de": "Erweiterte Debugging durch Drucken von Quelldatei mit Zeilennummer",
-        "ru": "Расширенная отладка путем печати исходного файла с номером строки",
-        "pt": "Depuração extendida por impressão de arquivo fonte com número de linha",
-        "nl": "Uitgebreide debuggen door bronbestand af te drukken met regelnummer",
-        "fr": "Débogage étendu par impression du fichier source avec numéro de ligne",
-        "it": "Disboscamento esteso tramite file sorgente di stampa con numero di riga",
-        "es": "Depuración ampliada por archivo fuente de impresión con número de línea",
-        "pl": "Rozszerzone debugowanie poprzez drukowanie pliku źródłowego z numerem linii",
-        "uk": "Розширений відбілювання по файлу джерела друку з номером лінії",
-        "zh-cn": "通过打印带有行号的源文件进行扩展调试"
       }
     },
     "titleLang": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iobroker.vis-2-widgets-inventwo",
-  "version": "0.3.12",
+  "version": "0.4.1",
   "description": "ioBroker vis2 inventwo widgets",
   "author": "jkvarel <jk@inventwo.com>",
   "contributors": [
@@ -35,8 +35,7 @@
   ],
   "scripts": {
     "prepublishOnly": "npm run build",
-    "build": "npm run build-jsv",
-    "build-jsv": "node tasks --javascript-vite",
+    "build": "node tasks",
     "test": "mocha ./test/*.test.js",
     "release": "release-script",
     "release-patch": "release-script patch --yes",

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

@@ -0,0 +1,85 @@
+class g extends window.visRxWidget {
+  groupAttrs = {};
+  static getI18nPrefix() {
+    return "vis_2_widgets_inventwo_";
+  }
+  constructor(t) {
+    super(t), this.getWidgetInfo().visAttrs.forEach((s) => {
+      s.fields.forEach((r) => {
+        r.name !== void 0 && (r.name.endsWith("FromWidget") || (this.groupAttrs[s.name] === void 0 && (this.groupAttrs[s.name] = []), this.groupAttrs[s.name].push(r.name)));
+      });
+    });
+  }
+  onChange(t, e) {
+    if (this.props.editMode) return;
+    const s = this.state.rxData.oid;
+    this.props.context.setValue(s, parseFloat(e));
+  }
+  getValue(t) {
+    if (t !== void 0 && t !== "" && t !== "nothing_selected") return this.state.values[`${t}.val`];
+  }
+  getStyle(t, e, s = null) {
+    var _a, _b, _c, _d, _e;
+    const r = {}, c = this.state.rxData[t], n = s ?? false;
+    if (c) {
+      let o = false;
+      const u = (_c = (_b = (_a = this.props.context.views[this.props.view]) == null ? void 0 : _a.widgets) == null ? void 0 : _b[c]) == null ? void 0 : _c.data;
+      if (u) e.forEach((l) => {
+        let i = l;
+        n && (i = `${l}${s}`), r[i] = u[i];
+      }), o = true;
+      else {
+        const l = Object.keys(this.props.context.views);
+        for (let i = 0; i < l.length; i++) {
+          const f = this.props.context.views[l[i]];
+          if (f.name !== this.props.view && ((_e = (_d = f.widgets) == null ? void 0 : _d[c]) == null ? void 0 : _e.data)) {
+            const p = f.widgets[c].data;
+            e.forEach((d) => {
+              let h = d;
+              n && (h = `${d}${s}`), r[h] = p[h];
+            }), o = true;
+            break;
+          }
+        }
+      }
+      o || e.forEach((l) => {
+        let i = l;
+        n && (i = `${l}${s}`), r[i] = this.state.rxData[i];
+      });
+    } else e.forEach((o) => {
+      let a = o;
+      n && (a = `${o}${s}`), r[a] = this.state.rxData[a];
+    });
+    return r;
+  }
+  convertValue(t, e = null) {
+    return t === "true" ? true : t === "false" ? false : isNaN(t) ? (t == null || t === "") && e !== null ? e : t : parseFloat(t);
+  }
+  validFieldValue(t) {
+    return t != null && t !== "";
+  }
+  convertRgbToHex(t) {
+    if (!t) return null;
+    const e = t.match(/(\d+),(\d+),(\d+),(\d+)/);
+    if (!e) return null;
+    const [s, r, c] = e.slice(1, 5).map(parseFloat);
+    function n(o) {
+      const a = o.toString(16);
+      return a.length === 1 ? `0${a}` : a;
+    }
+    return `#${n(s)}${n(r)}${n(c)}`;
+  }
+  isInteractionAllowed(t) {
+    var _a, _b;
+    return this.props.editMode || t && ((_a = t.target) == null ? void 0 : _a.closest(".IroColorPicker")) !== null || ((_b = t == null ? void 0 : t.target) == null ? void 0 : _b.closest(`.inventwo-view-in-widget-wrapper, #${this.props.id}`)).classList.contains("inventwo-view-in-widget-wrapper") ? false : this.state.rxData.type !== "readonly";
+  }
+  validOid(t) {
+    return t != null && t !== "nothing_selected" && t !== "";
+  }
+  valWithUnit(t) {
+    return t + (Number.isNaN(Number(t)) ? "" : "px");
+  }
+}
+export {
+  g as I
+};

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

@@ -0,0 +1,190 @@
+import { j as i, __tla as __tla_0 } from "./jsx-runtime-oJpyLRee.js";
+import { v as a, __tla as __tla_1 } from "./vis2Inventwo__loadShare___mf_0_mui_mf_1_material__loadShare__-DJz8HY0m.js";
+import { I as h } from "./InventwoGeneric-DmPldO6z.js";
+import { __tla as __tla_2 } from "./vis2Inventwo__loadShare__react__loadShare__-Bg9SqOOr.js";
+import "./_commonjsHelpers-Cpj98o6Y.js";
+import "./vis2Inventwo__mf_v__runtimeInit__mf_v__-CSj4pa4_.js";
+let l;
+let __tla = Promise.all([
+  (() => {
+    try {
+      return __tla_0;
+    } catch {
+    }
+  })(),
+  (() => {
+    try {
+      return __tla_1;
+    } catch {
+    }
+  })(),
+  (() => {
+    try {
+      return __tla_2;
+    } catch {
+    }
+  })()
+]).then(async () => {
+  l = class 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: true
+              },
+              {
+                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-x": "visible",
+          "overflow-y": "visible",
+          width: 70,
+          height: 40
+        },
+        visPrev: "widgets/vis-2-widgets-inventwo/img/vis-widget-inventwo-checkbox.png"
+      };
+    }
+    getWidgetInfo() {
+      return l.getWidgetInfo();
+    }
+    static getI18nPrefix() {
+      return "vis_2_widgets_inventwo_";
+    }
+    onChange() {
+      if (this.props.editMode) return;
+      const t = this.state.rxData.oid;
+      !this.validOid(t) || !t || (this.getValue(t) === this.convertValue(this.state.rxData.valueTrue) ? this.props.context.setValue(t, this.convertValue(this.state.rxData.valueFalse)) : this.props.context.setValue(t, this.convertValue(this.state.rxData.valueTrue)));
+    }
+    getValue(t) {
+      if (this.validOid(t)) return this.state.values[`${t}.val`];
+    }
+    renderWidgetBody(t) {
+      super.renderWidgetBody(t);
+      const o = this.state.rxData.oid, r = this.getValue(o), s = this.validOid(o) && r === this.convertValue(this.state.rxData.valueTrue), e = this.getStyle("styleFromWidget", this.groupAttrs.attr_group_css_style), n = {
+        color: e.boxColor,
+        "&.Mui-checked": {
+          color: e.boxColorActive
+        },
+        "& .MuiSvgIcon-root": {
+          fontSize: `${e.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(a.FormGroup, {
+        children: i.jsx(a.FormControlLabel, {
+          sx: d,
+          control: i.jsx(a.Checkbox, {
+            sx: n,
+            onClick: () => this.onChange(),
+            checked: s
+          }),
+          label: s ? this.state.rxData.textTrue : this.state.rxData.textFalse,
+          labelPlacement: this.state.rxData.textPosition
+        })
+      });
+    }
+  };
+});
+export {
+  __tla,
+  l as default
+};