node-red-contrib-knx-ultimate 6.3.4 → 6.3.6

package/CHANGELOG.md

@@ -6,9 +6,13 @@
 
 # CHANGELOG
 
-**Version 6.3.4** - August 2026<br/>
+**Version 6.3.6** - August 2026<br/>
 
-- **HUE Controller**: fixed missing Light mapping tabs and false-success Locate requests. Editor and Locate failures now show a red Node-RED message.<br/>
+- **HUE Controller**: grouped lights now always show the complete Light mapping editor when KNX is configured, without checking child-light capabilities.<br/>
+
+**Version 6.3.5** - August 2026<br/>
+
+- **HUE Controller**: fixed Light mapping tabs being blocked by the Hue resource-readiness check and false-success Locate requests. Editor and Locate failures now show a red Node-RED message.<br/>
 
 **Version 6.3.2** - August 2026<br/>
 

package/nodes/knxUltimateHueController.html

@@ -826,7 +826,7 @@ When no **KNX Gateway** is selected (including **none** and **Add new...**), the
 
 For a single light, the **Dim**, **Tunable White**, **RGB/HSV**, and native-effects sections are enabled from the live capabilities reported by the selected Hue API v2 light resource. A light that exposes `dimming`, `color_temperature`, or `color` therefore shows the corresponding KNX mappings automatically.
 
-While the Hue Bridge is still loading its resources, the Light editor displays a spinning hourglass and polls readiness every 500 ms. The wait is bounded: after about 10 seconds the editor is released, the mapping tabs remain hidden, and a localized error asks you to check the bridge configuration, deploy, and retry. Closing, saving, or changing function always cancels the pending timer.
+The Light editor renders saved mappings immediately without waiting for the runtime Hue resource cache. Current capabilities load in the background; if that request fails, the saved mappings and pin selector remain available and a fixed red Node-RED error reports the failure.
 
 Locate and the Light mapping container initialize before optional Effects and tab widgets. A saved KNX gateway remains valid if Node-RED temporarily exposes an empty selector while the editor starts. Browser-side failures and a rejected initial Locate command produce a fixed red Node-RED error with the technical detail instead of leaving the editor silent.
 

package/nodes/locales/de/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>Unterstützt werden Leuchten und Leuchtengruppen, Steckdosen, Taster, Tap dial, Bewegungs- und Kamerabewegungsressourcen, Kontakte, Lichtstärke, Temperatur, Luftfeuchtigkeit, Szenen, Batterie, Zigbee-Verbindung und Softwareupdate.</p>
 <p>Wenn kein <strong>KNX-Gateway</strong> ausgewählt ist (einschließlich <code>none</code> und <em>Neu hinzufügen...</em>), werden die KNX-Zuordnungsfelder ausgeblendet; die Auswahl der Hue-Ressource und reine Flow-Optionen bleiben verfügbar.</p>
 <p>Bei einer einzelnen Leuchte richten sich die Bereiche <strong>Dimmen</strong>, <strong>Abstimmbares Weiß</strong>, <strong>RGB/HSV</strong> und native Effekte nach den Live-Fähigkeiten der ausgewählten Hue-API-v2-Ressource. Die zugehörigen KNX-Zuordnungen erscheinen automatisch, wenn die Leuchte <code>dimming</code>, <code>color_temperature</code> oder <code>color</code> bereitstellt.</p>
-<p>Während die Hue Bridge ihre Ressourcen lädt, zeigt der Leuchteneditor eine animierte Sanduhr und prüft die Bereitschaft alle 500 ms. Nach etwa 10 Sekunden wird der Editor freigegeben, die Zuordnungsregister bleiben verborgen und ein lokalisierter Fehler wird angezeigt. Speichern, Schließen oder ein Funktionswechsel beendet die ausstehende Wartezeit.</p>
+<p>Der Leuchteneditor zeigt gespeicherte Zuordnungen sofort an, ohne auf den Hue-Ressourcencache der Runtime zu warten. Aktuelle Fähigkeiten werden im Hintergrund geladen; schlägt die Anfrage fehl, bleiben Zuordnungen und Pin-Auswahl verfügbar und eine feste rote Node-RED-Fehlermeldung meldet den Fehler.</p>
 <p>Locate und der Leuchten-Zuordnungsbereich werden vor den optionalen Effekt- und Register-Widgets initialisiert. Ein gespeichertes KNX-Gateway bleibt gültig, wenn Node-RED beim Start des Editors vorübergehend einen leeren Selektor anzeigt. Browserseitige Fehler und ein abgewiesener erster Locate-Befehl erzeugen eine feste rote Node-RED-Fehlermeldung mit dem technischen Detail, statt den Editor still zu lassen.</p>
 <p>Wenn ein Gateway ausgewählt ist, akzeptieren die Zuordnungsfelder eine KNX-Gruppenadresse oder einen importierten ETS-Namen; passende Datenpunkte werden von diesem Gateway geladen.</p>
 <p>Der Migrationsbutton wird nur angezeigt, wenn der Node-RED-Editor mindestens einen Legacy-HUE-Knoten in den aktuellen Flows erkennt. Derselbe kontrastreiche orange Button mit weißer Beschriftung steht unter dem Deprecated-Hinweis in jedem Legacy-HUE-Editor bereit.</p>
@@ -42,6 +42,8 @@
 
 <p>Dieser Node steuert HUE-Leuchten (einzeln oder gruppiert) und ordnet Befehle/Zustände KNX-Gruppenadressen zu.</p>
 
+<p><strong>Leuchtengruppen:</strong> wenn ein KNX-Gateway konfiguriert ist, zeigt die Auswahl eines <code>grouped_light</code> immer die vollständigen Zuordnungen für Schalten, Dimmen, Tunable White, RGB/HSV, Effekte und Verhalten. Der Editor schränkt diese Felder nicht anhand der aktuell enthaltenen Leuchten ein.</p>
+
 **Allgemein**
 
 | Eigenschaft | Beschreibung |

package/nodes/locales/en/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>Supported functions: lights and grouped lights, plugs, buttons, Tap dial, motion and camera motion, contacts, light level, temperature, humidity, scenes, battery, Zigbee connectivity, and device software update.</p>
 <p>When no <strong>KNX Gateway</strong> is selected (including <code>none</code> and <em>Add new...</em>), KNX mapping fields are hidden while Hue resource selection and flow-only options remain available.</p>
 <p>For a single light, the <strong>Dim</strong>, <strong>Tunable White</strong>, <strong>RGB/HSV</strong>, and native-effects sections follow the live capabilities reported by the selected Hue API v2 resource. The corresponding KNX mappings appear automatically when the light exposes <code>dimming</code>, <code>color_temperature</code>, or <code>color</code>.</p>
-<p>While the Hue Bridge is loading its resources, the Light editor shows a spinning hourglass and checks readiness every 500 ms. After about 10 seconds it releases the editor, keeps the mapping tabs hidden and reports a localized error. Saving, closing or changing function cancels the pending wait.</p>
+<p>The Light editor renders saved mappings immediately without waiting for the runtime Hue resource cache. Current capabilities load in the background; if that request fails, the saved mappings and pin selector remain available and a fixed red Node-RED error reports the failure.</p>
 <p>Locate and the Light mapping container initialize before optional Effects and tab widgets. A saved KNX gateway remains valid if Node-RED temporarily exposes an empty selector while the editor starts. Browser-side failures and a rejected initial Locate command produce a fixed red Node-RED error with the technical detail instead of leaving the editor silent.</p>
 <p>When a gateway is selected, mapping fields accept a KNX group address or an imported ETS name; matching datapoints are loaded from that gateway.</p>
 <p>The migration button is shown only when the Node-RED editor detects at least one legacy HUE node in the current flows. The same high-contrast orange button with white text is available below the deprecation notice in every legacy HUE editor.</p>
@@ -42,6 +42,8 @@
 
 <p>This node controls Philips Hue lights (single or grouped) and maps their commands/states to KNX.</p>
 
+<p><strong>Grouped lights:</strong> when a KNX gateway is configured, selecting a <code>grouped_light</code> always displays the complete Switch, Dim, Tunable White, RGB/HSV, Effects and Behaviour mappings. The editor does not restrict these fields according to the group's current child lights.</p>
+
 **General**
 
 |Property|Description|

package/nodes/locales/es/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>Admite luces y grupos de luces, enchufes, botones, Tap dial, movimiento y movimiento de cámara, contactos, nivel de luz, temperatura, humedad, escenas, batería, conectividad Zigbee y actualización de software.</p>
 <p>Cuando no hay ningún <strong>Gateway KNX</strong> seleccionado (incluidos <code>none</code> y <em>Añadir nuevo...</em>), se ocultan los campos de mapeo KNX; la selección del recurso Hue y las opciones exclusivas del flujo siguen disponibles.</p>
 <p>Para una luz individual, las secciones <strong>Regulación</strong>, <strong>Blanco regulable</strong>, <strong>RGB/HSV</strong> y efectos nativos siguen las capacidades en vivo declaradas por el recurso Hue API v2 seleccionado. Los mapeos KNX correspondientes aparecen automáticamente cuando la luz expone <code>dimming</code>, <code>color_temperature</code> o <code>color</code>.</p>
-<p>Mientras Hue Bridge carga sus recursos, el editor de Luz muestra un reloj de arena animado y comprueba su disponibilidad cada 500 ms. Después de unos 10 segundos libera el editor, mantiene ocultas las pestañas de mapeo y muestra un error localizado. Guardar, cerrar o cambiar de función cancela la espera pendiente.</p>
+<p>El editor de Luz muestra inmediatamente los mapeos guardados sin esperar a la caché de recursos Hue del runtime. Las capacidades actuales se cargan en segundo plano; si la solicitud falla, los mapeos y el selector de pines siguen disponibles y un error rojo fijo de Node-RED informa del fallo.</p>
 <p>Locate y el contenedor de mapeo de Luz se inicializan antes que los widgets opcionales de Efectos y pestañas. Un gateway KNX guardado sigue siendo válido si Node-RED muestra temporalmente un selector vacío al iniciar el editor. Los fallos del navegador y un primer comando Locate rechazado generan un error rojo fijo de Node-RED con el detalle técnico, en lugar de dejar el editor en silencio.</p>
 <p>Cuando hay un gateway seleccionado, los campos de mapeo aceptan una dirección de grupo KNX o un nombre importado de ETS; los datapoints compatibles se cargan desde ese gateway.</p>
 <p>El botón de migración solo aparece cuando el editor de Node-RED detecta al menos un nodo HUE legacy en los flujos actuales. El mismo botón naranja de alto contraste con texto blanco está disponible bajo el aviso de obsolescencia de cada editor HUE legacy.</p>
@@ -42,6 +42,8 @@
 
 <p> Este nodo controla las luces de Hue Philips (single o agrupada) y mapea sus comandos/estados a KNX. </p>
 
+<p><strong>Grupos de luces:</strong> cuando hay una pasarela KNX configurada, al seleccionar un <code>grouped_light</code> siempre se muestran todas las asignaciones de Interruptor, Regulación, Blanco ajustable, RGB/HSV, Efectos y Comportamiento. El editor no limita estos campos según las luces incluidas actualmente en el grupo.</p>
+
 **General**
 
 | Propiedad | Descripción |

package/nodes/locales/fr/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>Fonctions prises en charge : lampes et groupes, prises, boutons, Tap dial, mouvement et mouvement de caméra, contacts, niveau de lumière, température, humidité, scènes, batterie, connectivité Zigbee et mise à jour logicielle.</p>
 <p>Lorsqu'aucune <strong>Passerelle KNX</strong> n'est sélectionnée (y compris <code>none</code> et <em>Ajouter...</em>), les champs de mappage KNX sont masqués ; la sélection de la ressource Hue et les options réservées au flow restent disponibles.</p>
 <p>Pour une lampe individuelle, les sections <strong>Variation</strong>, <strong>Blanc réglable</strong>, <strong>RGB/HSV</strong> et effets natifs suivent les capacités live déclarées par la ressource Hue API v2 sélectionnée. Les mappages KNX correspondants apparaissent automatiquement lorsque la lampe expose <code>dimming</code>, <code>color_temperature</code> ou <code>color</code>.</p>
-<p>Pendant que le Hue Bridge charge ses ressources, l'éditeur Lampe affiche un sablier animé et vérifie sa disponibilité toutes les 500 ms. Après environ 10 secondes, l'éditeur est libéré, les onglets de mappage restent masqués et une erreur localisée est affichée. L'enregistrement, la fermeture ou le changement de fonction annule l'attente en cours.</p>
+<p>L'éditeur Lampe affiche immédiatement les mappages enregistrés sans attendre le cache de ressources Hue de la runtime. Les capacités actuelles sont chargées en arrière-plan ; si la requête échoue, les mappages et le sélecteur de broches restent disponibles et une erreur Node-RED rouge et fixe signale l'échec.</p>
 <p>Locate et le conteneur de mappage Lampe sont initialisés avant les widgets facultatifs Effets et onglets. Une passerelle KNX enregistrée reste valide si Node-RED affiche temporairement un sélecteur vide au démarrage de l'éditeur. Les erreurs du navigateur et le rejet de la première commande Locate produisent une erreur Node-RED rouge et fixe avec le détail technique, au lieu de laisser l'éditeur silencieux.</p>
 <p>Lorsqu'une passerelle est sélectionnée, les champs de mappage acceptent une adresse de groupe KNX ou un nom importé d'ETS ; les datapoints compatibles sont chargés depuis cette passerelle.</p>
 <p>Le bouton de migration apparaît uniquement lorsque l'éditeur Node-RED détecte au moins un nœud HUE legacy dans les flows actuels. Le même bouton orange à contraste élevé avec texte blanc est disponible sous l'avis d'obsolescence de chaque éditeur HUE legacy.</p>
@@ -42,6 +42,8 @@
 
 <p> Ce nœud contrôle les lumières de Hue Philips (simple ou groupées) et mappe leurs commandes / états à KNX. </p>
 
+<p><strong>Groupes de lampes :</strong> lorsqu'une passerelle KNX est configurée, la sélection d'un <code>grouped_light</code> affiche toujours toutes les associations Interrupteur, Variation, Blanc réglable, RGB/HSV, Effets et Comportement. L'éditeur ne limite pas ces champs selon les lampes actuellement présentes dans le groupe.</p>
+
 **Général**
 
 | Propriété | Description |

package/nodes/locales/it/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>Funzioni supportate: luci e gruppi di luci, prese, pulsanti, Tap dial, movimento e movimento telecamera, contatti, livello luce, temperatura, umidità, scene, batteria, connettività Zigbee e aggiornamento software.</p>
 <p>Quando non è selezionato alcun <strong>Gateway KNX</strong> (inclusi <code>none</code> e <em>Aggiungi nuovo...</em>), i campi di mappatura KNX vengono nascosti, mentre la selezione della risorsa Hue e le opzioni per il solo flow restano disponibili.</p>
 <p>Per una luce singola, le sezioni <strong>Dimmer</strong>, <strong>Bianco regolabile</strong>, <strong>RGB/HSV</strong> ed effetti nativi seguono le capacità live dichiarate dalla risorsa Hue API v2 selezionata. Le relative mappature KNX appaiono automaticamente quando la luce espone <code>dimming</code>, <code>color_temperature</code> o <code>color</code>.</p>
-<p>Mentre Hue Bridge carica le proprie risorse, l'editor Luce mostra una clessidra animata e ne controlla la disponibilità ogni 500 ms. Dopo circa 10 secondi libera comunque l'editor, mantiene nascoste le schede di mappatura e segnala un errore localizzato. Salvataggio, chiusura o cambio funzione annullano l'attesa pendente.</p>
+<p>L'editor Luce mostra subito le mappature salvate senza attendere la cache delle risorse Hue del runtime. Le capability correnti vengono caricate in background; se la richiesta fallisce, mappature e selettore dei pin restano disponibili e un errore Node-RED rosso e fisso segnala il problema.</p>
 <p>Locate e il contenitore delle mappature Luce vengono inizializzati prima dei widget opzionali Effetti e schede. Un gateway KNX salvato resta valido se Node-RED mostra temporaneamente un selettore vuoto durante l'avvio dell'editor. Gli errori del browser e il rifiuto del primo comando Locate producono un errore Node-RED rosso e fisso con il dettaglio tecnico, invece di lasciare l'editor silenzioso.</p>
 <p>Quando è selezionato un gateway, nei campi di mappatura puoi digitare un indirizzo di gruppo KNX o un nome importato da ETS; i datapoint compatibili vengono caricati da quel gateway.</p>
 <p>Il pulsante di migrazione compare solo quando l'editor Node-RED rileva almeno un nodo HUE legacy nei flow correnti. Lo stesso pulsante arancione ad alto contrasto con testo bianco è disponibile sotto l'avviso di deprecazione in ogni editor HUE legacy.</p>
@@ -42,6 +42,8 @@
 
 <p>Questo nodo controlla le luci HUE (singole o raggruppate) e mappa comandi/stati su KNX.</p>
 
+<p><strong>Gruppi di luci:</strong> quando è configurato un gateway KNX, selezionando un <code>grouped_light</code> vengono sempre mostrate tutte le mappature Switch, Dim, Tunable White, RGB/HSV, Effetti e Comportamento. L'editor non limita questi campi in base alle luci attualmente incluse nel gruppo.</p>
+
 **Generale**
 
 | Proprietà | Descrizione |

package/nodes/locales/zh-CN/knxUltimateHueController.html

@@ -8,7 +8,7 @@
 <p>支持灯和灯组、插座、按钮、Tap dial、运动和摄像机运动、接触、光照度、温度、湿度、场景、电池、Zigbee 连接和设备软件更新。</p>
 <p>未选择<strong>KNX 网关</strong>时（包括 <code>none</code> 和“新增...”），KNX 映射字段会隐藏，而 Hue 资源选择和仅用于流程的选项仍然可用。</p>
 <p>对于单灯，<strong>调光</strong>、<strong>可调白光</strong>、<strong>RGB/HSV</strong> 和原生效果部分会根据所选 Hue API v2 资源实时报告的能力显示。当灯具提供 <code>dimming</code>、<code>color_temperature</code> 或 <code>color</code> 时，相应的 KNX 映射会自动出现。</p>
-<p>Hue Bridge 加载资源期间，灯光编辑器会显示旋转的沙漏，并每 500 毫秒检查一次就绪状态。约 10 秒后编辑器会解除等待，映射选项卡保持隐藏，并显示本地化错误。保存、关闭或切换功能都会取消尚未结束的等待。</p>
+<p>灯光编辑器会立即显示已保存的映射，而无需等待运行时 Hue 资源缓存。当前能力在后台加载；如果请求失败，映射和引脚选择器仍然可用，并由固定的红色 Node-RED 错误消息报告失败。</p>
 <p>Locate 和灯光映射容器会先于可选的效果与选项卡控件初始化。如果编辑器启动时 Node-RED 暂时显示空的网关选择值，已保存的 KNX 网关仍保持有效。浏览器端错误或首次 Locate 命令被拒绝时，Node-RED 会显示固定的红色错误消息和技术详情，而不会让编辑器无提示地保持沉默。</p>
 <p>选择网关后，映射字段可输入 KNX 组地址或从 ETS 导入的名称；兼容的数据点会从该网关加载。</p>
 <p>仅当 Node-RED 编辑器在当前流程中检测到至少一个旧版 HUE 节点时，才会显示迁移按钮。每个旧版 HUE 编辑器的弃用提示下方也提供带白色文字的相同高对比度橙色按钮。</p>
@@ -42,6 +42,8 @@
 
 <p>此节点使您可以控制飞利浦色调灯和分组的灯光，还可以将此灯的状态发送到KNX巴士。</p>
 
+<p><strong>灯组：</strong>配置 KNX 网关后，选择 <code>grouped_light</code> 将始终显示完整的开关、调光、可调白光、RGB/HSV、效果和行为映射。编辑器不会根据灯组当前包含的灯具限制这些字段。</p>
+
 **一般的**
 
 |属性|描述|

package/package.json

@@ -3,7 +3,7 @@
   "engines": {
     "node": ">=20.18.1"
   },
-  "version": "6.3.4",
+  "version": "6.3.6",
   "description": "KNX Ultimate is the most advanced KNX integration for Node-RED, providing secure KNX/IP communication, routing, ETS project import, Philips Hue, Matter Controller and Matter Bridge (control matter device via KNX and expose KNX GA via Matter), MQTT, diagnostics with AI, virtual devices, and powerful automation nodes. Build professional, reliable, and scalable smart home and building automation projects with minimal effort.",
   "files": [
     "nodes/",
@@ -149,4 +149,4 @@
     "vite": "^7.3.6",
     "vue": "^3.5.41"
   }
-}
+}

package/resources/hueControllerProfiles.js

@@ -1238,14 +1238,7 @@
                   $hueDeviceInput.val(initialHueDeviceRaw);
                   updateTabsVisibility();
                   if (getJsonPromise !== undefined) getJsonPromise.abort();
-                  // HUE Controller temporarily selects Node-RED's `_ADD_` sentinel
-                  // while it bootstraps this mature editor. Reading the select here
-                  // would therefore query an inexistent bridge and return `{}` even
-                  // though the selected light has dimming, colour or tunable-white
-                  // capabilities. Resolve the real persisted config-node ID through
-                  // the same helper used by resource discovery and Locate instead.
-                  const capabilityServerId = resolveHueServerValue({ allowStored: true });
-                  const capabilityResourceId = initialHueDeviceRaw.split("#")[0];
+                  const selectedHueResourceType = String(initialHueDeviceRaw.split("#")[1] || '').trim().toLowerCase();
                   const applyHueCapabilities = (data) => {
                     let oLight = data || {};
                     const effects = (oLight && oLight.effects && Array.isArray(oLight.effects.status_values))
@@ -1380,20 +1373,35 @@
                     $("#node-input-specifySwitchOnBrightness").val(node.specifySwitchOnBrightness).trigger('change');
                     $("#node-input-enableDayNightLighting").val(node.enableDayNightLighting).trigger('change');
                   };
-                  getJsonPromise = $.getJSON(`knxUltimateGetLightObject?id=${encodeURIComponent(capabilityResourceId)}&serverId=${encodeURIComponent(capabilityServerId)}&_=${Date.now()}`, (data) => {
-                    try {
-                      applyHueCapabilities(data);
-                    } catch (error) {
-                      notifyEditorError(error, 'capabilities');
-                    }
-                  }).fail((xhr, textStatus, errorThrown) => {
-                    if (textStatus === 'abort') return;
-                    const detail = xhr && xhr.responseJSON && xhr.responseJSON.error
-                      ? xhr.responseJSON.error
-                      : (errorThrown || textStatus || 'Unable to load Hue capabilities');
-                    notifyEditorError(new Error(detail), 'capabilities request');
-                  });
-                  setTimeout(function () { if (getJsonPromise !== undefined) getJsonPromise.abort(); }, 10000);
+                  if (selectedHueResourceType === "grouped_light") {
+                    // A Hue group represents an aggregate control surface. Its
+                    // editor must remain complete and deterministic regardless of
+                    // the capabilities exposed by its current child lights.
+                    applyHueCapabilities({ type: "grouped_light" });
+                  } else {
+                    // HUE Controller temporarily selects Node-RED's `_ADD_` sentinel
+                    // while it bootstraps this mature editor. Reading the select here
+                    // would therefore query an inexistent bridge and return `{}` even
+                    // though the selected light has dimming, colour or tunable-white
+                    // capabilities. Resolve the real persisted config-node ID through
+                    // the same helper used by resource discovery and Locate instead.
+                    const capabilityServerId = resolveHueServerValue({ allowStored: true });
+                    const capabilityResourceId = initialHueDeviceRaw.split("#")[0];
+                    getJsonPromise = $.getJSON(`knxUltimateGetLightObject?id=${encodeURIComponent(capabilityResourceId)}&serverId=${encodeURIComponent(capabilityServerId)}&_=${Date.now()}`, (data) => {
+                      try {
+                        applyHueCapabilities(data);
+                      } catch (error) {
+                        notifyEditorError(error, 'capabilities');
+                      }
+                    }).fail((xhr, textStatus, errorThrown) => {
+                      if (textStatus === 'abort') return;
+                      const detail = xhr && xhr.responseJSON && xhr.responseJSON.error
+                        ? xhr.responseJSON.error
+                        : (errorThrown || textStatus || 'Unable to load Hue capabilities');
+                      notifyEditorError(new Error(detail), 'capabilities request');
+                    });
+                    setTimeout(function () { if (getJsonPromise !== undefined) getJsonPromise.abort(); }, 10000);
+                  }
                 }
                 // Show/Hide the div of the color at swich on
                 if (node.specifySwitchOnBrightness === "yes") {
@@ -1607,11 +1615,6 @@
               }
 
               function Go() {
-                if (typeof node.__stopHueConnectionWait === 'function') {
-                  node.__stopHueConnectionWait();
-                }
-                $("#waitWindow").hide();
-                $("#mainWindow").show();
                 // $.post("banana", { func: "getNameAndTime" }, function (data) {
                 //   //alert(data.body); // John
                 // }, "json");
@@ -1641,104 +1644,16 @@
                 // HUE Controller owns a device-first picker covering every supported
                 // Hue API v2 resource. onEditPrepare installs the mature Light-only
                 // autocomplete, so let the wrapper restore its unified source after
-                // this asynchronous readiness callback completes.
+                // this initialization completes.
                 if (typeof node.__configureHueControllerDeviceControl === 'function') {
                   node.__configureHueControllerDeviceControl();
                 }
               }
-
-
-              // Bounded Hue Bridge readiness wait ##############################################
-              // The legacy editor stored its timeout on `this`. HUE Controller bundles
-              // private profiles in strict mode, where a plain function call has no
-              // `this`; keeping the state in this closure avoids a TypeError and makes
-              // cancellation deterministic when the editor is closed or remounted.
-              const HUE_CONNECTION_POLL_MS = 500;
-              const HUE_CONNECTION_MAX_ATTEMPTS = 20;
-              const HUE_CONNECTION_EMPTY_SERVER_VALUES = new Set(['', 'none', '_add_', '__none__', '__null__', 'null', 'undefined']);
-              let hueConnectionAttempts = 0;
-              let hueConnectionTimer = null;
-              let hueConnectionGeneration = 0;
-
-              const resolveConnectionHueServerId = () => {
-                const domValue = $("#node-input-serverHue").val();
-                if (domValue !== undefined && domValue !== null) {
-                  const normalized = String(domValue).trim();
-                  return HUE_CONNECTION_EMPTY_SERVER_VALUES.has(normalized.toLowerCase()) ? '' : normalized;
-                }
-                const storedValue = node.serverHue === undefined || node.serverHue === null
-                  ? ''
-                  : String(node.serverHue).trim();
-                return HUE_CONNECTION_EMPTY_SERVER_VALUES.has(storedValue.toLowerCase()) ? '' : storedValue;
-              };
-
-              const stopHueConnectionWait = () => {
-                hueConnectionGeneration += 1;
-                if (hueConnectionTimer !== null) {
-                  clearTimeout(hueConnectionTimer);
-                  hueConnectionTimer = null;
-                }
-              };
-              node.__stopHueConnectionWait = stopHueConnectionWait;
-
-              const finishHueConnectionTimeout = () => {
-                stopHueConnectionWait();
-                hueConnectionAttempts = 0;
-                $("#waitWindow").hide();
-                $("#mainWindow").show();
-                $("#tabs").hide();
-                const message = node._("knxUltimateHueLight.connection_timeout")
-                  || "The Hue Bridge is not ready yet. Check its configuration, deploy and retry.";
-                RED.notify(message, "error");
-              };
-
-              const checkConnection = (generation) => {
-                if (generation !== hueConnectionGeneration) return;
-                const hueServerId = resolveConnectionHueServerId();
-                if (!hueServerId || $("#node-input-serverHue").val() === undefined) {
-                  Go();
-                  return;
-                }
-                if (hueConnectionTimer !== null) clearTimeout(hueConnectionTimer);
-                hueConnectionTimer = setTimeout(() => {
-                  hueConnectionTimer = null;
-                  if (generation !== hueConnectionGeneration) return;
-                  hueConnectionAttempts += 1;
-                  if (hueConnectionAttempts > HUE_CONNECTION_MAX_ATTEMPTS) {
-                    finishHueConnectionTimeout();
-                    return;
-                  }
-                  $.getJSON(`knxultimateCheckHueConnected?serverId=${encodeURIComponent(hueServerId)}&_=${Date.now()}`)
-                    .done((data) => {
-                      if (generation !== hueConnectionGeneration) return;
-                      if (data && data.ready === true) Go();
-                      else checkConnection(generation);
-                    })
-                    .fail(() => {
-                      if (generation === hueConnectionGeneration) checkConnection(generation);
-                    });
-                }, HUE_CONNECTION_POLL_MS);
-              };
-
-              const startHueConnectionWait = () => {
-                stopHueConnectionWait();
-                hueConnectionAttempts = 0;
-                const hueServerId = resolveConnectionHueServerId();
-                if (!hueServerId) {
-                  Go();
-                  return;
-                }
-                $("#waitWindow").show();
-                $("#mainWindow").hide();
-                const generation = hueConnectionGeneration;
-                checkConnection(generation);
-              };
-
-              $("#node-input-serverHue")
-                .off("change.knxUltimateHueControllerConnectionWait")
-                .on("change.knxUltimateHueControllerConnectionWait", startHueConnectionWait);
-              startHueConnectionWait();
-              // ################################################################
+              // Do not gate the Light editor on the runtime resource cache. The
+              // selected device and its saved capabilities are sufficient to render
+              // the mappings immediately; the fresh capability request inside
+              // onEditPrepare updates them asynchronously and reports any failure.
+              Go();
 
             },
 
@@ -1781,10 +1696,6 @@
               this.effectRules = serialized;
               this.updateLocalStateFromKNXWrite = $("#node-input-updateLocalStateFromKNXWrite").is(":checked"); // Starting from v 4.1.31
               this._cachedHueLightDevices = [];
-              if (typeof this.__stopHueConnectionWait === 'function') {
-                try { this.__stopHueConnectionWait(); } catch (error) { /* empty */ }
-                this.__stopHueConnectionWait = null;
-              }
               if (typeof this.__stopHueLocateSession === 'function') {
                 try { this.__stopHueLocateSession(); } catch (error) { /* empty */ }
                 this.__stopHueLocateSession = null;
@@ -1804,10 +1715,6 @@
               //RED.sidebar.show("help");
 
               this._cachedHueLightDevices = [];
-              if (typeof this.__stopHueConnectionWait === 'function') {
-                try { this.__stopHueConnectionWait(); } catch (error) { /* empty */ }
-                this.__stopHueConnectionWait = null;
-              }
               if (typeof this.__stopHueLocateSession === 'function') {
                 try { this.__stopHueLocateSession(); } catch (error) { /* empty */ }
                 this.__stopHueLocateSession = null;
@@ -1824,10 +1731,6 @@
               }
             },
             oneditclose: function () {
-              if (typeof this.__stopHueConnectionWait === 'function') {
-                try { this.__stopHueConnectionWait(); } catch (error) { /* empty */ }
-                this.__stopHueConnectionWait = null;
-              }
               if (typeof this.__stopHueLocateSession === 'function') {
                 try { this.__stopHueLocateSession(); } catch (error) { /* empty */ }
               }
@@ -9221,7 +9124,7 @@
   // Form fragments are mounted inside #hue-controller-profile-editor. The two
   // config-node fields remain owned by the outer Controller template.
   const PROFILE_TEMPLATES = {
-    "light": "<!-- Canonical private HUE Controller template: light. -->\n<div class=\"form-row hue-legacy-controller-notice\" role=\"note\" style=\"box-sizing:border-box; padding:10px 12px; margin-bottom:14px; border-left:4px solid #d79b00; background:#fff8df; color:#4d3a00;\">\n    <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\" style=\"color:#a15c00; margin-right:6px;\"></i>\n    <span data-i18n=\"node-red-contrib-knx-ultimate/knxUltimateHueController:knxUltimateHueController.legacy_node_notice\"></span>\n  </div>\n  <div class=\"form-row\" style=\"margin-bottom:10px;\">\n    <span style=\"color:#ff0000\"><i class=\"fa fa-youtube\"></i></span>&nbsp;<a target=\"_blank\" href=\"https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E\"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>\n  </div>\n  <div id=\"waitWindow\">\n    <br/><br/>\n    <p align=\"center\">\n      <i class=\"fa-solid fa-hourglass-start fa-spin-pulse fa-2x\"></i><br/><br/>\n      <span data-i18n=\"knxUltimateHueLight.connection_wait\"></span>\n    </p>\n  </div>\n  <div  id=\"mainWindow\" hidden>\n    <div class=\"form-row\">\n      <b><span data-i18n=\"knxUltimateHueLight.title\"></span></b>&nbsp&nbsp<span style=\"color:red\" &nbsp &nbsp<i class=\"fa fa-youtube\"></i></span>&nbsp<a\n        target=\"_blank\" href=\"https://youtu.be/jjEUI1J8bkA\"><u><span data-i18n=\"common.youtube_sample\"></span></u></a>\n      <br />\n      <br />\n      <label for=\"node-input-server\">\n        <img\n          src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC\"></img>\n        <span data-i18n=\"common.knx_gw\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-server\" />\n    </div>\n\n    <div class=\"form-row\">\n      <label for=\"node-input-serverHue\">\n        <img\n          src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==\" />\n        <span data-i18n=\"common.hue_bridge\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-serverHue\" />\n    </div>\n\n    <br />\n    <p>\n      <b><span data-i18n=\"common.philips_hue\"></span></b>\n    </p>\n\n    <div class=\"form-row\">\n      <label for=\"node-input-name\">\n        <i class=\"fa fa-play-circle\"></i> <span data-i18n=\"common.name\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-name\" placeholder=\"Enter your hue device name\"\n        style=\"flex:1 1 240px; min-width:240px; max-width:240px;\" />\n      <button type=\"button\" class=\"red-ui-button hue-refresh-devices\"\n        style=\"margin-left:6px; color:#1b7d33; border-color:#1b7d33;\" title=\"Refresh Hue devices\">\n        <i class=\"fa fa-sync\"></i>\n      </button>\n      <button type=\"button\" class=\"red-ui-button hue-locate-device\"\n        style=\"margin-left:6px; color:#ff9800; border-color:#ff9800;\" title=\"Locate selected Hue device\">\n        <i class=\"fa fa-play\"></i>\n      </button>\n      <span class=\"hue-devices-loading\" style=\"margin-left:6px; display:none; color:#1b7d33;\">\n        <i class=\"fa fa-circle-notch fa-spin\"></i>\n      </span>\n      <input type=\"hidden\" id=\"node-input-hueDevice\" />\n    </div>\n\n    <br />\n\n    <div id=\"tabs\" style=\"display:none; width: 900px;\">\n      <ul>\n        <li><a href=\"#tabs-1\"><i class=\"fa-solid fa-toggle-on\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.switch\"></span></a></li>\n        <li><a href=\"#tabs-2\"><i class=\"fa-solid fa-arrow-up-wide-short\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.dim\"></span></a></li>\n        <li><a href=\"#tabs-3\"><i class=\"fa-solid fa-temperature-quarter\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.tunable_white\"></span></a></li>\n        <li><a href=\"#tabs-4\"><i class=\"fa-solid fa-palette\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.rgb_hsv\"></span></a></li>\n        <li><a href=\"#tabs-5\"><i class=\"fa-solid fa-heart-circle-check\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.effects\"></span></a></li>\n        <li><a href=\"#tabs-6\"><i class=\"fa-solid fa-code-merge\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.behaviour\"></span></a></li>\n      </ul>\n      <div id=\"tabs-1\">\n        <p>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightSwitch\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> <span data-i18n=\"knxUltimateHueLight.control\"></span></label>\n\n          <label for=\"node-input-GALightSwitch\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightSwitch\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightSwitch\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightSwitch\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightSwitch\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightSwitch\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> <span data-i18n=\"knxUltimateHueLight.status\"></span></label>\n\n          <label for=\"node-input-GALightState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-2\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/dim.png\" style=\"width: 900px;\">\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightDIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control dim</label>\n\n          <label for=\"node-input-GALightDIM\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightDIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightDIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightDIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightDIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightDIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBrightness\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            %</label>\n\n          <label for=\"node-input-GALightBrightness\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBrightness\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBrightness\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightBrightness\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBrightness\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBrightness\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBrightnessState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status %</label>\n\n          <label for=\"node-input-GALightBrightnessState\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBrightnessState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBrightnessState\"\n            style=\"width:40px; margin-left: 0px; text-align: right;\">DPT</label>\n          <select id=\"node-input-dptLightBrightnessState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBrightnessState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBrightnessState\"\n            style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-dimSpeed\" style=\"width:260px\">\n            <i class=\"fa fa-bolt\"></i> Dim Speed (ms)\n          </label>\n          <input type=\"text\" id=\"node-input-dimSpeed\" placeholder='Default is 5000' style=\"width:210px\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-minDimLevelLight\" style=\"width:260px;\">\n            <i class=\"fa fa-clone\"></i> Min Dim Brightness\n          </label>\n          <select id=\"node-input-minDimLevelLight\">\n            <option value=\"useHueLightLevel\" data-i18n=\"knxUltimateHueLight.use_min_brightness\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-maxDimLevelLight\" style=\"width:260px;\">\n            <i class=\"fa fa-clone\"></i> Max Dim Brightness\n          </label>\n          <select id=\"node-input-maxDimLevelLight\"></select>\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-3\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/tunablewhite.png\" style=\"width: 900px;\">\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinDIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control dim</label>\n\n          <label for=\"node-input-GALightKelvinDIM\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinDIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinDIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinDIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinDIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinDIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinPercentage\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            %</label>\n\n          <label for=\"node-input-GALightKelvinPercentage\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinPercentage\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinPercentage\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinPercentage\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinPercentage\"\n            style=\"width:50px; margin-left: 0px; text-align: right;\">Name</label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinPercentage\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinPercentageState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status\n            %</label>\n\n          <label for=\"node-input-GALightKelvinPercentageState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinPercentageState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinPercentageState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinPercentageState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinPercentageState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinPercentageState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvin\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            Kelvin</label>\n\n          <label for=\"node-input-GALightKelvin\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvin\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvin\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvin\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvin\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvin\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status\n            Kelvin</label>\n          <label for=\"node-input-GALightKelvinState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label style=\"width:170px\" for=\"node-input-invertDimTunableWhiteDirection\">\n            <i class=\"fa fa-shuffle\"></i> Invert dim direction\n          </label>\n          <input type=\"checkbox\" id=\"node-input-invertDimTunableWhiteDirection\"\n            style=\"display:inline-block; width:auto; vertical-align:top;\" />\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-4\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/rgb.png\" style=\"width: 900px;\">\n          <p><b> RGB section</b></p>\n          <div class=\"form-row\">\n          <label for=\"node-input-nameLightColor\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control rgb</label>\n\n          <label for=\"node-input-GALightColor\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightColor\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightColor\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightColor\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightColor\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightColor\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightColorState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status rgb</label>\n\n          <label for=\"node-input-GALightColorState\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightColorState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightColorState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightColorState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightColorState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightColorState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <p><b> HSV section</b></p>\n        <!-- // HSV Color change\n        // nameLightHSV_H_DIM: { value: \"\" },\n        // GALightHSV_H_DIM: { value: \"\" },\n        // dptLightHSV_H_DIM: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_H_DIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control H dim</label>\n\n          <label for=\"node-input-GALightHSV_H_DIM\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_H_DIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_H_DIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_H_DIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_H_DIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_H_DIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_H_State\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status H %</label>\n\n          <label for=\"node-input-GALightHSV_H_State\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_H_State\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_H_State\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_H_State\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_H_State\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_H_State\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <!-- // HSV Saturation change\n        nameLightHSV_S_DIM: { value: \"\" },\n        GALightHSV_S_DIM: { value: \"\" },\n        dptLightHSV_S_DIM: { value: \"\" },\n        nameLightHSV_S_State: { value: \"\" },\n        GALightHSV_S_State: { value: \"\" },\n        dptLightHSV_S_State: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_S_DIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control S dim</label>\n\n          <label for=\"node-input-GALightHSV_S_DIM\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_S_DIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_S_DIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_S_DIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_S_DIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_S_DIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_S_State\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status S %</label>\n\n          <label for=\"node-input-GALightHSV_S_State\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_S_State\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_S_State\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_S_State\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_S_State\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_S_State\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <!-- // HSV V Brightness change\n        nameLightHSV_V_DIM: { value: \"\" },\n        GALightHSV_V_DIM: { value: \"\" },\n        dptLightHSV_V_DIM: { value: \"\" },\n        nameLightHSV_V_State: { value: \"\" },\n        GALightHSV_V_State: { value: \"\" },\n        dptLightHSV_V_State: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-HSVDimSpeed\" style=\"width:260px\">\n            <i class=\"fa fa-bolt\"></i> Dim Speed (ms)\n          </label>\n          <input type=\"text\" id=\"node-input-HSVDimSpeed\" placeholder='Default is 5000' style=\"width:210px\">\n        </div>\n\n        </p>\n      </div>\n      <div id=\"tabs-5\">\n        <p>\n        <div class=\"form-tips\" style=\"margin-bottom:6px;\">\n          <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n          <span data-i18n=\"knxUltimateHueLight.effect_base_label\"></span>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBlink\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Blink</label>\n\n          <label for=\"node-input-GALightBlink\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBlink\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBlink\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightBlink\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBlink\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBlink\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <div id=\"divColorCycle\">\n          <div class=\"form-row\">\n            <label for=\"node-input-nameLightColorCycle\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Color\n              Cycle</label>\n\n            <label for=\"node-input-GALightColorCycle\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n            <input type=\"text\" id=\"node-input-GALightColorCycle\" placeholder=\"Ex: 1/1/1\"\n              style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n            <label for=\"node-input-dptLightColorCycle\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n            <select id=\"node-input-dptLightColorCycle\" style=\"width:140px;\"></select>\n\n            <label for=\"node-input-nameLightColorCycle\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n            <input type=\"text\" id=\"node-input-nameLightColorCycle\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n          </div>\n        </div>\n\n        <hr style=\"margin:12px 0;\">\n\n        <div id=\"divHueEffectsContainer\">\n          <div class=\"form-tips\" style=\"margin-bottom:6px;\">\n            <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n            <span data-i18n=\"knxUltimateHueLight.effect_native_label\"></span>\n          </div>\n          <div id=\"divHueEffectsNoSupport\" class=\"form-tips\" data-i18n=\"knxUltimateHueLight.effect_not_supported\" style=\"display:none;\"></div>\n          <div id=\"divHueEffectsContent\" style=\"display:none;\">\n            <div class=\"form-row\">\n              <label for=\"node-input-nameLightEffect\" style=\"width:110px;\"><i class=\"fa fa-wand-magic-sparkles\"></i> <span data-i18n=\"knxUltimateHueLight.effect_command\"></span></label>\n\n              <label for=\"node-input-GALightEffect\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n              <input type=\"text\" id=\"node-input-GALightEffect\" placeholder=\"Ex: 1/1/1\"\n                style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n              <label for=\"node-input-dptLightEffect\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n              <select id=\"node-input-dptLightEffect\" style=\"width:140px;\"></select>\n\n              <label for=\"node-input-nameLightEffect\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                  data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n              <input type=\"text\" id=\"node-input-nameLightEffect\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n            </div>\n\n            <div class=\"form-row\">\n              <label for=\"node-input-nameLightEffectStatus\" style=\"width:110px;\"><i class=\"fa fa-circle-info\"></i> <span data-i18n=\"knxUltimateHueLight.effect_status\"></span></label>\n\n              <label for=\"node-input-GALightEffectStatus\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n              <input type=\"text\" id=\"node-input-GALightEffectStatus\" placeholder=\"Ex: 1/1/1\"\n                style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n              <label for=\"node-input-dptLightEffectStatus\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n              <select id=\"node-input-dptLightEffectStatus\" style=\"width:140px;\"></select>\n\n              <label for=\"node-input-nameLightEffectStatus\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                  data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n              <input type=\"text\" id=\"node-input-nameLightEffectStatus\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n            </div>\n\n            <div class=\"form-row\" id=\"divEffectMappings\">\n              <label style=\"width:110px;\"><i class=\"fa fa-list-check\"></i> <span data-i18n=\"knxUltimateHueLight.effect_mapping\"></span></label>\n              <div style=\"margin-left:5px; width: calc(100% - 120px);\">\n                <input type=\"hidden\" id=\"node-input-effectRules\">\n                <ol id=\"node-input-effect-rule-container\" style=\"margin:0; padding:0;\"></ol>\n                <div style=\"margin-top:5px;\">\n                  <button type=\"button\" id=\"node-input-effect-autofill\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.effect_autofill\"></span></button>\n                </div>\n                <div class=\"form-tips\">\n                  <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.effect_tip\"></span>\n                </div>\n                <div class=\"form-tips\">\n                  <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.effect_tip_status\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-6\">\n        <p>\n        <div class=\"form-row\">\n          <label style=\"width:260px;\" for=\"node-input-readStatusAtStartup\"><i class=\"fa fa-question-circle\"></i> <span data-i18n=\"knxUltimateHueLight.read_status_startup\"></span></label>\n          <select id=\"node-input-readStatusAtStartup\">\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.opt_no\"></option>\n            <option value=\"yes\" data-i18n=\"knxUltimateHueLight.opt_yes_emit\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\" id=\"divUpdateKNXBrightnessStatusOnHUEOnOff\">\n          <label style=\"width:260px;\" for=\"node-input-updateKNXBrightnessStatusOnHUEOnOff\">\n            <i class=\"fa fa-tag\"></i> <span data-i18n=\"knxUltimateHueLight.knx_brightness_status\"></span>\n          </label>\n          <select id=\"node-input-updateKNXBrightnessStatusOnHUEOnOff\">\n            <option value=\"onhueoff\" data-i18n=\"knxUltimateHueLight.knx_brightness_onhueoff\"></option>\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.knx_brightness_no\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\">\n          <label style=\"width:260px;\" for=\"node-input-updateLocalStateFromKNXWrite\">\n            <i class=\"fa fa-database\"></i> <span data-i18n=\"knxUltimateHueLight.update_local_state_from_knx_write\"></span>\n          </label>\n          <input type=\"checkbox\" id=\"node-input-updateLocalStateFromKNXWrite\" style=\"display:inline-block; width:auto; vertical-align:top;\" />\n        </div>\n        <div class=\"form-tips\" style=\"margin-left:260px;\" data-i18n=\"knxUltimateHueLight.update_local_state_from_knx_write_hint\"></div><br/>\n        <div id =\"divBehaviourBrightness\">\n          <div class=\"form-row\">\n            <label for=\"node-input-specifySwitchOnBrightness\" style=\"width:260px;\">\n              <i class=\"fa fa-tag\"></i> <span data-i18n=\"knxUltimateHueLight.switch_on_behaviour\"></span>\n            </label>\n            <select id=\"node-input-specifySwitchOnBrightness\">\n              <option value=\"no\" data-i18n=\"knxUltimateHueLight.none\"></option>\n              <option value=\"temperature\" data-i18n=\"knxUltimateHueLight.select_temperature_brightness\"></option>\n              <option value=\"yes\" data-i18n=\"knxUltimateHueLight.select_color\"></option>\n            </select>\n          </div>\n\n          <div class=\"form-row\" id=\"divColorsAtSwitchOn\">\n            <label for=\"node-input-colorAtSwitchOnDayTime\" style=\"width:260px\">\n            </label>\n            <input type=\"hidden\" id=\"node-input-colorAtSwitchOnDayTime\">\n            <input type=\"color\" id=\"colorPickerDay\" style=\"width:260px\">\n            <button id=\"getColorAtSwitchOnDayTimeButton\" type=\"button\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.get_current\"></span></button>\n          </div>\n          <div class=\"form-row\" id=\"divTemperatureAtSwitchOn\" hidden>\n            <label for=\"node-input-colorAtSwitchOnDayTime\" style=\"width:260px\">\n            </label>\n            <select style=\"width:12%;\" id=\"comboTemperatureAtSwitchOn\"></select>\n            <select  style=\"width:25%;\" id=\"comboBrightnessAtSwitchOn\"></select>\n          </div>\n\n          <div id=\"divCCSBoxAtNightLighting\">\n            <div class=\"form-row\">\n              <label for=\"node-input-enableDayNightLighting\" style=\"width:260px;\">\n                <i class=\"fa fa-clone\"></i> <span data-i18n=\"knxUltimateHueLight.night_lighting\"></span>\n              </label>\n              <select id=\"node-input-enableDayNightLighting\">\n                <option value=\"no\" data-i18n=\"knxUltimateHueLight.no_night_lighting\"></option>\n                <!-- <option value=\"temperature\">Select temperature and brightness</option>\n                <option value=\"yes\">Select color</option> -->\n              </select>\n            </div>\n\n            <div id=\"divEnableDayNightLighting\">\n\n              <div class=\"form-row\" id=\"divColorsAtSwitchOnNightTime\">\n                <label for=\"node-input-colorAtSwitchOnNightTime\" style=\"width:260px\"></label>\n                <input type=\"hidden\" id=\"node-input-colorAtSwitchOnNightTime\">\n                <input type=\"color\" id=\"colorPickerNight\" style=\"width:260px\">\n                <button id=\"getColorAtSwitchOnNightTimeButton\" type=\"button\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.get_current\"></span></button>\n              </div>\n              <div class=\"form-row\" id=\"divTemperatureAtSwitchOnNightTime\" hidden>\n                <label for=\"node-input-colorAtSwitchOnNightTime\" style=\"width:260px\"></label>\n                <select style=\"width:25%;\" id=\"comboTemperatureAtSwitchOnNightTime\"></select>\n                <select style=\"width:25%;\" id=\"comboBrightnessAtSwitchOnNightTime\"></select>\n              </div>\n\n              <div class=\"form-row\">\n                <label for=\"node-input-nameDaylightSensor\" style=\"width:110px;\"><i class=\"fa fa-clock-o\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.day_night\"></span></label>\n                <label for=\"node-input-GADaylightSensor\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n                <input type=\"text\" id=\"node-input-GADaylightSensor\" placeholder=\"Ex: 1/1/1\"\n                  style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n                <label for=\"node-input-dptDaylightSensor\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n                <select id=\"node-input-dptDaylightSensor\" style=\"width:140px;\"></select>\n\n                <label for=\"node-input-nameDaylightSensor\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                    data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n                <input type=\"text\" id=\"node-input-nameDaylightSensor\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n              </div>\n              <div class=\"form-row\">\n                <label style=\"width:170px\" for=\"node-input-invertDayNight\">\n                  <i class=\"fa fa-shuffle\"></i> <span data-i18n=\"knxUltimateHueLight.invert_day_night\"></span>\n                </label>\n                <input type=\"checkbox\" id=\"node-input-invertDayNight\"\n                  style=\"display:inline-block; width:auto; vertical-align:top;\" />\n              </div>\n              <div class=\"form-row\">\n                <label for=\"node-input-restoreDayMode\" style=\"width:260px;\">\n                  <i class=\"fa fa-circle\"></i> <span data-i18n=\"knxUltimateHueLight.override_night_mode\"></span>\n                </label>\n                <select id=\"node-input-restoreDayMode\">\n                  <option value=\"no\" data-i18n=\"knxUltimateHueLight.override_no\"></option>\n                  <option value=\"setDayByFastSwitchLightSingle\" data-i18n=\"knxUltimateHueLight.override_set_day_fast_this\"></option>\n                  <option value=\"setDayByFastSwitchLightALL\" data-i18n=\"knxUltimateHueLight.override_set_day_fast_all\"></option>\n                </select>\n              </div>\n            </div>\n          </div>\n          <br/>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-enableNodePINS\" style=\"width:260px;\">\n            <i class=\"fa fa-circle\"></i> <span data-i18n=\"knxUltimateHueLight.node_pins\"></span>\n          </label>\n          <select id=\"node-input-enableNodePINS\">\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.node_pins_hide\"></option>\n            <option value=\"yes\" data-i18n=\"knxUltimateHueLight.node_pins_show\"></option>\n          </select>\n        </div>\n        </p>\n      </div>\n    </div>\n  </div>\n<br />",
+    "light": "<!-- Canonical private HUE Controller template: light. -->\n<div class=\"form-row hue-legacy-controller-notice\" role=\"note\" style=\"box-sizing:border-box; padding:10px 12px; margin-bottom:14px; border-left:4px solid #d79b00; background:#fff8df; color:#4d3a00;\">\n    <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\" style=\"color:#a15c00; margin-right:6px;\"></i>\n    <span data-i18n=\"node-red-contrib-knx-ultimate/knxUltimateHueController:knxUltimateHueController.legacy_node_notice\"></span>\n  </div>\n  <div class=\"form-row\" style=\"margin-bottom:10px;\">\n    <span style=\"color:#ff0000\"><i class=\"fa fa-youtube\"></i></span>&nbsp;<a target=\"_blank\" href=\"https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E\"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>\n  </div>\n  <div id=\"mainWindow\">\n    <div class=\"form-row\">\n      <b><span data-i18n=\"knxUltimateHueLight.title\"></span></b>&nbsp&nbsp<span style=\"color:red\" &nbsp &nbsp<i class=\"fa fa-youtube\"></i></span>&nbsp<a\n        target=\"_blank\" href=\"https://youtu.be/jjEUI1J8bkA\"><u><span data-i18n=\"common.youtube_sample\"></span></u></a>\n      <br />\n      <br />\n      <label for=\"node-input-server\">\n        <img\n          src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC\"></img>\n        <span data-i18n=\"common.knx_gw\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-server\" />\n    </div>\n\n    <div class=\"form-row\">\n      <label for=\"node-input-serverHue\">\n        <img\n          src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==\" />\n        <span data-i18n=\"common.hue_bridge\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-serverHue\" />\n    </div>\n\n    <br />\n    <p>\n      <b><span data-i18n=\"common.philips_hue\"></span></b>\n    </p>\n\n    <div class=\"form-row\">\n      <label for=\"node-input-name\">\n        <i class=\"fa fa-play-circle\"></i> <span data-i18n=\"common.name\"></span>\n      </label>\n      <input type=\"text\" id=\"node-input-name\" placeholder=\"Enter your hue device name\"\n        style=\"flex:1 1 240px; min-width:240px; max-width:240px;\" />\n      <button type=\"button\" class=\"red-ui-button hue-refresh-devices\"\n        style=\"margin-left:6px; color:#1b7d33; border-color:#1b7d33;\" title=\"Refresh Hue devices\">\n        <i class=\"fa fa-sync\"></i>\n      </button>\n      <button type=\"button\" class=\"red-ui-button hue-locate-device\"\n        style=\"margin-left:6px; color:#ff9800; border-color:#ff9800;\" title=\"Locate selected Hue device\">\n        <i class=\"fa fa-play\"></i>\n      </button>\n      <span class=\"hue-devices-loading\" style=\"margin-left:6px; display:none; color:#1b7d33;\">\n        <i class=\"fa fa-circle-notch fa-spin\"></i>\n      </span>\n      <input type=\"hidden\" id=\"node-input-hueDevice\" />\n    </div>\n\n    <br />\n\n    <div id=\"tabs\" style=\"display:none; width: 900px;\">\n      <ul>\n        <li><a href=\"#tabs-1\"><i class=\"fa-solid fa-toggle-on\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.switch\"></span></a></li>\n        <li><a href=\"#tabs-2\"><i class=\"fa-solid fa-arrow-up-wide-short\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.dim\"></span></a></li>\n        <li><a href=\"#tabs-3\"><i class=\"fa-solid fa-temperature-quarter\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.tunable_white\"></span></a></li>\n        <li><a href=\"#tabs-4\"><i class=\"fa-solid fa-palette\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.rgb_hsv\"></span></a></li>\n        <li><a href=\"#tabs-5\"><i class=\"fa-solid fa-heart-circle-check\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.effects\"></span></a></li>\n        <li><a href=\"#tabs-6\"><i class=\"fa-solid fa-code-merge\"></i> <span data-i18n=\"knxUltimateHueLight.tabs.behaviour\"></span></a></li>\n      </ul>\n      <div id=\"tabs-1\">\n        <p>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightSwitch\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> <span data-i18n=\"knxUltimateHueLight.control\"></span></label>\n\n          <label for=\"node-input-GALightSwitch\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightSwitch\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightSwitch\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightSwitch\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightSwitch\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightSwitch\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> <span data-i18n=\"knxUltimateHueLight.status\"></span></label>\n\n          <label for=\"node-input-GALightState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-2\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/dim.png\" style=\"width: 900px;\">\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightDIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control dim</label>\n\n          <label for=\"node-input-GALightDIM\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightDIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightDIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightDIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightDIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightDIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBrightness\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            %</label>\n\n          <label for=\"node-input-GALightBrightness\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBrightness\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBrightness\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightBrightness\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBrightness\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBrightness\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBrightnessState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status %</label>\n\n          <label for=\"node-input-GALightBrightnessState\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBrightnessState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBrightnessState\"\n            style=\"width:40px; margin-left: 0px; text-align: right;\">DPT</label>\n          <select id=\"node-input-dptLightBrightnessState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBrightnessState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBrightnessState\"\n            style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-dimSpeed\" style=\"width:260px\">\n            <i class=\"fa fa-bolt\"></i> Dim Speed (ms)\n          </label>\n          <input type=\"text\" id=\"node-input-dimSpeed\" placeholder='Default is 5000' style=\"width:210px\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-minDimLevelLight\" style=\"width:260px;\">\n            <i class=\"fa fa-clone\"></i> Min Dim Brightness\n          </label>\n          <select id=\"node-input-minDimLevelLight\">\n            <option value=\"useHueLightLevel\" data-i18n=\"knxUltimateHueLight.use_min_brightness\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-maxDimLevelLight\" style=\"width:260px;\">\n            <i class=\"fa fa-clone\"></i> Max Dim Brightness\n          </label>\n          <select id=\"node-input-maxDimLevelLight\"></select>\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-3\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/tunablewhite.png\" style=\"width: 900px;\">\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinDIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control dim</label>\n\n          <label for=\"node-input-GALightKelvinDIM\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinDIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinDIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinDIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinDIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinDIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinPercentage\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            %</label>\n\n          <label for=\"node-input-GALightKelvinPercentage\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinPercentage\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinPercentage\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinPercentage\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinPercentage\"\n            style=\"width:50px; margin-left: 0px; text-align: right;\">Name</label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinPercentage\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinPercentageState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status\n            %</label>\n\n          <label for=\"node-input-GALightKelvinPercentageState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinPercentageState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinPercentageState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinPercentageState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinPercentageState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinPercentageState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvin\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control\n            Kelvin</label>\n\n          <label for=\"node-input-GALightKelvin\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvin\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvin\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvin\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvin\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvin\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightKelvinState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status\n            Kelvin</label>\n          <label for=\"node-input-GALightKelvinState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightKelvinState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightKelvinState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightKelvinState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightKelvinState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightKelvinState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label style=\"width:170px\" for=\"node-input-invertDimTunableWhiteDirection\">\n            <i class=\"fa fa-shuffle\"></i> Invert dim direction\n          </label>\n          <input type=\"checkbox\" id=\"node-input-invertDimTunableWhiteDirection\"\n            style=\"display:inline-block; width:auto; vertical-align:top;\" />\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-4\">\n        <p>\n          <img src=\"resources/node-red-contrib-knx-ultimate/rgb.png\" style=\"width: 900px;\">\n          <p><b> RGB section</b></p>\n          <div class=\"form-row\">\n          <label for=\"node-input-nameLightColor\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control rgb</label>\n\n          <label for=\"node-input-GALightColor\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightColor\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightColor\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightColor\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightColor\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightColor\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightColorState\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status rgb</label>\n\n          <label for=\"node-input-GALightColorState\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightColorState\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightColorState\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightColorState\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightColorState\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightColorState\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <p><b> HSV section</b></p>\n        <!-- // HSV Color change\n        // nameLightHSV_H_DIM: { value: \"\" },\n        // GALightHSV_H_DIM: { value: \"\" },\n        // dptLightHSV_H_DIM: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_H_DIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control H dim</label>\n\n          <label for=\"node-input-GALightHSV_H_DIM\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_H_DIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_H_DIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_H_DIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_H_DIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_H_DIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_H_State\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status H %</label>\n\n          <label for=\"node-input-GALightHSV_H_State\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_H_State\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_H_State\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_H_State\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_H_State\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_H_State\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <!-- // HSV Saturation change\n        nameLightHSV_S_DIM: { value: \"\" },\n        GALightHSV_S_DIM: { value: \"\" },\n        dptLightHSV_S_DIM: { value: \"\" },\n        nameLightHSV_S_State: { value: \"\" },\n        GALightHSV_S_State: { value: \"\" },\n        dptLightHSV_S_State: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_S_DIM\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Control S dim</label>\n\n          <label for=\"node-input-GALightHSV_S_DIM\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_S_DIM\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_S_DIM\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_S_DIM\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_S_DIM\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_S_DIM\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightHSV_S_State\" style=\"width:110px;\"><i class=\"fa fa-question-circle\"></i> Status S %</label>\n\n          <label for=\"node-input-GALightHSV_S_State\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightHSV_S_State\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightHSV_S_State\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightHSV_S_State\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightHSV_S_State\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightHSV_S_State\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <!-- // HSV V Brightness change\n        nameLightHSV_V_DIM: { value: \"\" },\n        GALightHSV_V_DIM: { value: \"\" },\n        dptLightHSV_V_DIM: { value: \"\" },\n        nameLightHSV_V_State: { value: \"\" },\n        GALightHSV_V_State: { value: \"\" },\n        dptLightHSV_V_State: { value: \"\" }, -->\n        <div class=\"form-row\">\n          <label for=\"node-input-HSVDimSpeed\" style=\"width:260px\">\n            <i class=\"fa fa-bolt\"></i> Dim Speed (ms)\n          </label>\n          <input type=\"text\" id=\"node-input-HSVDimSpeed\" placeholder='Default is 5000' style=\"width:210px\">\n        </div>\n\n        </p>\n      </div>\n      <div id=\"tabs-5\">\n        <p>\n        <div class=\"form-tips\" style=\"margin-bottom:6px;\">\n          <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n          <span data-i18n=\"knxUltimateHueLight.effect_base_label\"></span>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-nameLightBlink\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Blink</label>\n\n          <label for=\"node-input-GALightBlink\" style=\"width:20px;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-GALightState\"></span></label>\n          <input type=\"text\" id=\"node-input-GALightBlink\" placeholder=\"Ex: 1/1/1\"\n            style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n          <label for=\"node-input-dptLightBlink\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n          <select id=\"node-input-dptLightBlink\" style=\"width:140px;\"></select>\n\n          <label for=\"node-input-nameLightBlink\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n              data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n          <input type=\"text\" id=\"node-input-nameLightBlink\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n        </div>\n\n        <div id=\"divColorCycle\">\n          <div class=\"form-row\">\n            <label for=\"node-input-nameLightColorCycle\" style=\"width:110px;\"><i class=\"fa fa-play-circle-o\"></i> Color\n              Cycle</label>\n\n            <label for=\"node-input-GALightColorCycle\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n            <input type=\"text\" id=\"node-input-GALightColorCycle\" placeholder=\"Ex: 1/1/1\"\n              style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n            <label for=\"node-input-dptLightColorCycle\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n            <select id=\"node-input-dptLightColorCycle\" style=\"width:140px;\"></select>\n\n            <label for=\"node-input-nameLightColorCycle\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n            <input type=\"text\" id=\"node-input-nameLightColorCycle\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n          </div>\n        </div>\n\n        <hr style=\"margin:12px 0;\">\n\n        <div id=\"divHueEffectsContainer\">\n          <div class=\"form-tips\" style=\"margin-bottom:6px;\">\n            <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n            <span data-i18n=\"knxUltimateHueLight.effect_native_label\"></span>\n          </div>\n          <div id=\"divHueEffectsNoSupport\" class=\"form-tips\" data-i18n=\"knxUltimateHueLight.effect_not_supported\" style=\"display:none;\"></div>\n          <div id=\"divHueEffectsContent\" style=\"display:none;\">\n            <div class=\"form-row\">\n              <label for=\"node-input-nameLightEffect\" style=\"width:110px;\"><i class=\"fa fa-wand-magic-sparkles\"></i> <span data-i18n=\"knxUltimateHueLight.effect_command\"></span></label>\n\n              <label for=\"node-input-GALightEffect\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n              <input type=\"text\" id=\"node-input-GALightEffect\" placeholder=\"Ex: 1/1/1\"\n                style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n              <label for=\"node-input-dptLightEffect\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n              <select id=\"node-input-dptLightEffect\" style=\"width:140px;\"></select>\n\n              <label for=\"node-input-nameLightEffect\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                  data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n              <input type=\"text\" id=\"node-input-nameLightEffect\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n            </div>\n\n            <div class=\"form-row\">\n              <label for=\"node-input-nameLightEffectStatus\" style=\"width:110px;\"><i class=\"fa fa-circle-info\"></i> <span data-i18n=\"knxUltimateHueLight.effect_status\"></span></label>\n\n              <label for=\"node-input-GALightEffectStatus\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n              <input type=\"text\" id=\"node-input-GALightEffectStatus\" placeholder=\"Ex: 1/1/1\"\n                style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n              <label for=\"node-input-dptLightEffectStatus\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n              <select id=\"node-input-dptLightEffectStatus\" style=\"width:140px;\"></select>\n\n              <label for=\"node-input-nameLightEffectStatus\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                  data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n              <input type=\"text\" id=\"node-input-nameLightEffectStatus\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n            </div>\n\n            <div class=\"form-row\" id=\"divEffectMappings\">\n              <label style=\"width:110px;\"><i class=\"fa fa-list-check\"></i> <span data-i18n=\"knxUltimateHueLight.effect_mapping\"></span></label>\n              <div style=\"margin-left:5px; width: calc(100% - 120px);\">\n                <input type=\"hidden\" id=\"node-input-effectRules\">\n                <ol id=\"node-input-effect-rule-container\" style=\"margin:0; padding:0;\"></ol>\n                <div style=\"margin-top:5px;\">\n                  <button type=\"button\" id=\"node-input-effect-autofill\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.effect_autofill\"></span></button>\n                </div>\n                <div class=\"form-tips\">\n                  <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.effect_tip\"></span>\n                </div>\n                <div class=\"form-tips\">\n                  <i class=\"fa fa-circle-info\" style=\"color:forestgreen; margin-right:4px;\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.effect_tip_status\"></span>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        </p>\n      </div>\n      <div id=\"tabs-6\">\n        <p>\n        <div class=\"form-row\">\n          <label style=\"width:260px;\" for=\"node-input-readStatusAtStartup\"><i class=\"fa fa-question-circle\"></i> <span data-i18n=\"knxUltimateHueLight.read_status_startup\"></span></label>\n          <select id=\"node-input-readStatusAtStartup\">\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.opt_no\"></option>\n            <option value=\"yes\" data-i18n=\"knxUltimateHueLight.opt_yes_emit\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\" id=\"divUpdateKNXBrightnessStatusOnHUEOnOff\">\n          <label style=\"width:260px;\" for=\"node-input-updateKNXBrightnessStatusOnHUEOnOff\">\n            <i class=\"fa fa-tag\"></i> <span data-i18n=\"knxUltimateHueLight.knx_brightness_status\"></span>\n          </label>\n          <select id=\"node-input-updateKNXBrightnessStatusOnHUEOnOff\">\n            <option value=\"onhueoff\" data-i18n=\"knxUltimateHueLight.knx_brightness_onhueoff\"></option>\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.knx_brightness_no\"></option>\n          </select>\n        </div>\n        <div class=\"form-row\">\n          <label style=\"width:260px;\" for=\"node-input-updateLocalStateFromKNXWrite\">\n            <i class=\"fa fa-database\"></i> <span data-i18n=\"knxUltimateHueLight.update_local_state_from_knx_write\"></span>\n          </label>\n          <input type=\"checkbox\" id=\"node-input-updateLocalStateFromKNXWrite\" style=\"display:inline-block; width:auto; vertical-align:top;\" />\n        </div>\n        <div class=\"form-tips\" style=\"margin-left:260px;\" data-i18n=\"knxUltimateHueLight.update_local_state_from_knx_write_hint\"></div><br/>\n        <div id =\"divBehaviourBrightness\">\n          <div class=\"form-row\">\n            <label for=\"node-input-specifySwitchOnBrightness\" style=\"width:260px;\">\n              <i class=\"fa fa-tag\"></i> <span data-i18n=\"knxUltimateHueLight.switch_on_behaviour\"></span>\n            </label>\n            <select id=\"node-input-specifySwitchOnBrightness\">\n              <option value=\"no\" data-i18n=\"knxUltimateHueLight.none\"></option>\n              <option value=\"temperature\" data-i18n=\"knxUltimateHueLight.select_temperature_brightness\"></option>\n              <option value=\"yes\" data-i18n=\"knxUltimateHueLight.select_color\"></option>\n            </select>\n          </div>\n\n          <div class=\"form-row\" id=\"divColorsAtSwitchOn\">\n            <label for=\"node-input-colorAtSwitchOnDayTime\" style=\"width:260px\">\n            </label>\n            <input type=\"hidden\" id=\"node-input-colorAtSwitchOnDayTime\">\n            <input type=\"color\" id=\"colorPickerDay\" style=\"width:260px\">\n            <button id=\"getColorAtSwitchOnDayTimeButton\" type=\"button\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.get_current\"></span></button>\n          </div>\n          <div class=\"form-row\" id=\"divTemperatureAtSwitchOn\" hidden>\n            <label for=\"node-input-colorAtSwitchOnDayTime\" style=\"width:260px\">\n            </label>\n            <select style=\"width:12%;\" id=\"comboTemperatureAtSwitchOn\"></select>\n            <select  style=\"width:25%;\" id=\"comboBrightnessAtSwitchOn\"></select>\n          </div>\n\n          <div id=\"divCCSBoxAtNightLighting\">\n            <div class=\"form-row\">\n              <label for=\"node-input-enableDayNightLighting\" style=\"width:260px;\">\n                <i class=\"fa fa-clone\"></i> <span data-i18n=\"knxUltimateHueLight.night_lighting\"></span>\n              </label>\n              <select id=\"node-input-enableDayNightLighting\">\n                <option value=\"no\" data-i18n=\"knxUltimateHueLight.no_night_lighting\"></option>\n                <!-- <option value=\"temperature\">Select temperature and brightness</option>\n                <option value=\"yes\">Select color</option> -->\n              </select>\n            </div>\n\n            <div id=\"divEnableDayNightLighting\">\n\n              <div class=\"form-row\" id=\"divColorsAtSwitchOnNightTime\">\n                <label for=\"node-input-colorAtSwitchOnNightTime\" style=\"width:260px\"></label>\n                <input type=\"hidden\" id=\"node-input-colorAtSwitchOnNightTime\">\n                <input type=\"color\" id=\"colorPickerNight\" style=\"width:260px\">\n                <button id=\"getColorAtSwitchOnNightTimeButton\" type=\"button\" class=\"red-ui-button\"><span data-i18n=\"knxUltimateHueLight.get_current\"></span></button>\n              </div>\n              <div class=\"form-row\" id=\"divTemperatureAtSwitchOnNightTime\" hidden>\n                <label for=\"node-input-colorAtSwitchOnNightTime\" style=\"width:260px\"></label>\n                <select style=\"width:25%;\" id=\"comboTemperatureAtSwitchOnNightTime\"></select>\n                <select style=\"width:25%;\" id=\"comboBrightnessAtSwitchOnNightTime\"></select>\n              </div>\n\n              <div class=\"form-row\">\n                <label for=\"node-input-nameDaylightSensor\" style=\"width:110px;\"><i class=\"fa fa-clock-o\"></i>\n                  <span data-i18n=\"knxUltimateHueLight.day_night\"></span></label>\n                <label for=\"node-input-GADaylightSensor\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n                <input type=\"text\" id=\"node-input-GADaylightSensor\" placeholder=\"Ex: 1/1/1\"\n                  style=\"width:70px;margin-left: 5px; text-align: left;\">\n\n                <label for=\"node-input-dptDaylightSensor\" style=\"width:40px; margin-left: 0px; text-align: right;\"><span data-i18n=\"common.dpt\"></span></label>\n                <select id=\"node-input-dptDaylightSensor\" style=\"width:140px;\"></select>\n\n                <label for=\"node-input-nameDaylightSensor\" style=\"width:50px; margin-left: 0px; text-align: right;\"><span\n                    data-i18n=\"knxUltimateHueLight.node-input-name\"></span></label>\n                <input type=\"text\" id=\"node-input-nameDaylightSensor\" style=\"width:190px;margin-left: 5px; text-align: left;\">\n              </div>\n              <div class=\"form-row\">\n                <label style=\"width:170px\" for=\"node-input-invertDayNight\">\n                  <i class=\"fa fa-shuffle\"></i> <span data-i18n=\"knxUltimateHueLight.invert_day_night\"></span>\n                </label>\n                <input type=\"checkbox\" id=\"node-input-invertDayNight\"\n                  style=\"display:inline-block; width:auto; vertical-align:top;\" />\n              </div>\n              <div class=\"form-row\">\n                <label for=\"node-input-restoreDayMode\" style=\"width:260px;\">\n                  <i class=\"fa fa-circle\"></i> <span data-i18n=\"knxUltimateHueLight.override_night_mode\"></span>\n                </label>\n                <select id=\"node-input-restoreDayMode\">\n                  <option value=\"no\" data-i18n=\"knxUltimateHueLight.override_no\"></option>\n                  <option value=\"setDayByFastSwitchLightSingle\" data-i18n=\"knxUltimateHueLight.override_set_day_fast_this\"></option>\n                  <option value=\"setDayByFastSwitchLightALL\" data-i18n=\"knxUltimateHueLight.override_set_day_fast_all\"></option>\n                </select>\n              </div>\n            </div>\n          </div>\n          <br/>\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-enableNodePINS\" style=\"width:260px;\">\n            <i class=\"fa fa-circle\"></i> <span data-i18n=\"knxUltimateHueLight.node_pins\"></span>\n          </label>\n          <select id=\"node-input-enableNodePINS\">\n            <option value=\"no\" data-i18n=\"knxUltimateHueLight.node_pins_hide\"></option>\n            <option value=\"yes\" data-i18n=\"knxUltimateHueLight.node_pins_show\"></option>\n          </select>\n        </div>\n        </p>\n      </div>\n    </div>\n  </div>\n<br />",
     "plug": "<!-- Canonical private HUE Controller template: plug. -->\n<div class=\"form-row hue-legacy-controller-notice\" role=\"note\" style=\"box-sizing:border-box; padding:10px 12px; margin-bottom:14px; border-left:4px solid #d79b00; background:#fff8df; color:#4d3a00;\">\n    <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\" style=\"color:#a15c00; margin-right:6px;\"></i>\n    <span data-i18n=\"node-red-contrib-knx-ultimate/knxUltimateHueController:knxUltimateHueController.legacy_node_notice\"></span>\n  </div>\n  <div class=\"form-row\" style=\"margin-bottom:10px;\">\n    <span style=\"color:#ff0000\"><i class=\"fa fa-youtube\"></i></span>&nbsp;<a target=\"_blank\" href=\"https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E\"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>\n  </div>\n  <div class=\"form-row\">\n    <label for=\"node-input-server\">\n      <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC\" />\n      <span data-i18n=\"common.knx_gw\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-server\">\n  </div>\n\n  <div class=\"form-row\">\n    <label for=\"node-input-serverHue\">\n      <img src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==\"/>\n      <span data-i18n=\"common.hue_bridge\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-serverHue\">\n  </div>\n\n  <div class=\"form-row hue-requires-bridge\">\n    <label for=\"node-input-name\">\n      <i class=\"fa fa-tag\"></i> <span data-i18n=\"common.name\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-name\" placeholder=\"Hue plug name\" style=\"flex:1 1 240px; min-width:240px; max-width:240px;\">\n    <button type=\"button\" class=\"red-ui-button hue-refresh-devices\" style=\"margin-left:6px; color:#1b7d33; border-color:#1b7d33;\">\n      <i class=\"fa fa-sync\"></i>\n    </button>\n    <span class=\"hue-devices-loading\" style=\"margin-left:6px; display:none; color:#1b7d33;\">\n      <i class=\"fa fa-circle-notch fa-spin\"></i>\n    </span>\n  </div>\n\n  <div id=\"tabs\">\n    <ul>\n      <li><a href=\"#tabs-1\"><i class=\"fa-solid fa-toggle-on\"></i> <span data-i18n=\"knxUltimateHuePlug.tabs.switch\"></span></a></li>\n      <li><a href=\"#tabs-2\"><i class=\"fa-solid fa-gear\"></i> <span data-i18n=\"knxUltimateHuePlug.tabs.behaviour\"></span></a></li>\n    </ul>\n\n    <div id=\"tabs-1\">\n      <div class=\"form-tips hue-form-tip hue-knx-section\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHuePlug.switch_info\"></span>\n      </div>\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-namePlugSwitch\" style=\"width:120px;\">\n          <i class=\"fa fa-play-circle\"></i> <span data-i18n=\"knxUltimateHuePlug.switch_control\"></span>\n        </label>\n        <label for=\"node-input-GAPlugSwitch\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GAPlugSwitch\" placeholder=\"1/1/1\" style=\"width:80px; text-align:left;\">\n        <label for=\"node-input-dptPlugSwitch\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptPlugSwitch\" style=\"width:140px;\"></select>\n        <label for=\"node-input-namePlugSwitch\" style=\"width:60px; text-align:right;\"><span data-i18n=\"knxUltimateHuePlug.node-input-name\"></span></label>\n        <input type=\"text\" id=\"node-input-namePlugSwitch\" style=\"width:200px; text-align:left;\">\n      </div>\n\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-namePlugState\" style=\"width:120px;\">\n          <i class=\"fa fa-circle-info\"></i> <span data-i18n=\"knxUltimateHuePlug.switch_status\"></span>\n        </label>\n        <label for=\"node-input-GAPlugState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GAPlugState\" placeholder=\"1/1/2\" style=\"width:80px; text-align:left;\">\n        <label for=\"node-input-dptPlugState\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptPlugState\" style=\"width:140px;\"></select>\n        <label for=\"node-input-namePlugState\" style=\"width:60px; text-align:right;\"><span data-i18n=\"knxUltimateHuePlug.node-input-name\"></span></label>\n        <input type=\"text\" id=\"node-input-namePlugState\" style=\"width:200px; text-align:left;\">\n      </div>\n\n      <div class=\"form-tips hue-form-tip hue-knx-section\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHuePlug.power_state_info\"></span>\n      </div>\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-namePlugPowerState\" style=\"width:120px;\">\n          <i class=\"fa fa-bolt\"></i> <span data-i18n=\"knxUltimateHuePlug.power_state\"></span>\n        </label>\n        <label for=\"node-input-GAPlugPowerState\" style=\"width:20px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GAPlugPowerState\" placeholder=\"1/1/3\" style=\"width:80px; text-align:left;\">\n        <label for=\"node-input-dptPlugPowerState\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptPlugPowerState\" style=\"width:140px;\"></select>\n        <label for=\"node-input-namePlugPowerState\" style=\"width:60px; text-align:right;\"><span data-i18n=\"knxUltimateHuePlug.node-input-name\"></span></label>\n        <input type=\"text\" id=\"node-input-namePlugPowerState\" style=\"width:200px; text-align:left;\">\n      </div>\n    </div>\n\n    <div id=\"tabs-2\">\n      <div class=\"form-row\">\n        <label for=\"node-input-readStatusAtStartup\" style=\"width:220px;\">\n          <i class=\"fa fa-question-circle\"></i> <span data-i18n=\"knxUltimateHuePlug.read_status_startup\"></span>\n        </label>\n        <select id=\"node-input-readStatusAtStartup\" style=\"width:120px;\">\n          <option value=\"yes\" data-i18n=\"knxUltimateHuePlug.opt_yes_emit\"></option>\n          <option value=\"no\" data-i18n=\"knxUltimateHuePlug.opt_no\"></option>\n        </select>\n      </div>\n      <div class=\"form-row\">\n        <label for=\"node-input-enableNodePINS\" style=\"width:220px;\">\n          <i class=\"fa fa-code\"></i> <span data-i18n=\"knxUltimateHuePlug.node_pins\"></span>\n        </label>\n        <select id=\"node-input-enableNodePINS\" style=\"width:120px;\">\n          <option value=\"no\" data-i18n=\"knxUltimateHuePlug.node_pins_hide\"></option>\n          <option value=\"yes\" data-i18n=\"knxUltimateHuePlug.node_pins_show\"></option>\n        </select>\n        <div class=\"form-tips hue-form-tip\" style=\"margin-left:4px; display:none;\">\n          <i class=\"fa fa-circle-info\"></i>\n          <span data-i18n=\"knxUltimateHuePlug.node_pins_help\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <input type=\"hidden\" id=\"node-input-hueDevice\">",
     "button": "<!-- Canonical private HUE Controller template: button. -->\n<div class=\"form-row hue-legacy-controller-notice\" role=\"note\" style=\"box-sizing:border-box; padding:10px 12px; margin-bottom:14px; border-left:4px solid #d79b00; background:#fff8df; color:#4d3a00;\">\n    <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\" style=\"color:#a15c00; margin-right:6px;\"></i>\n    <span data-i18n=\"node-red-contrib-knx-ultimate/knxUltimateHueController:knxUltimateHueController.legacy_node_notice\"></span>\n  </div>\n  <div class=\"form-row\" style=\"margin-bottom:10px;\">\n    <span style=\"color:#ff0000\"><i class=\"fa fa-youtube\"></i></span>&nbsp;<a target=\"_blank\" href=\"https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E\"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>\n  </div>\n  <div class=\"form-row\">\n    <label for=\"node-input-server\">\n      <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC\" />\n      <span data-i18n=\"common.knx_gw\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-server\">\n  </div>\n\n  <div class=\"form-row\">\n    <label for=\"node-input-serverHue\">\n      <img src=\"data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==\"/>\n      <span data-i18n=\"common.hue_bridge\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-serverHue\">\n  </div>\n\n  <div class=\"form-row hue-requires-bridge\">\n    <label for=\"node-input-name\">\n      <i class=\"fa fa-tag\"></i> <span data-i18n=\"knxUltimateHueButton.hue_sensor\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-name\" placeholder=\"Hue button\" style=\"flex:1 1 240px; min-width:240px; max-width:240px;\">\n    <button type=\"button\" class=\"red-ui-button hue-refresh-devices\" style=\"margin-left:6px; color:#1b7d33; border-color:#1b7d33;\">\n      <i class=\"fa fa-sync\"></i>\n    </button>\n    <span class=\"hue-devices-loading\" style=\"margin-left:6px; display:none; color:#1b7d33;\">\n      <i class=\"fa fa-circle-notch fa-spin\"></i>\n    </span>\n  </div>\n\n  <div id=\"hue-button-tabs\">\n    <ul>\n      <li><a href=\"#hue-button-tab-switch\"><i class=\"fa fa-toggle-on\"></i> <span data-i18n=\"knxUltimateHueButton.tabs.switch\"></span></a></li>\n      <li><a href=\"#hue-button-tab-dim\"><i class=\"fa fa-sun\"></i> <span data-i18n=\"knxUltimateHueButton.tabs.dim\"></span></a></li>\n      <li><a href=\"#hue-button-tab-behaviour\"><i class=\"fa fa-gear\"></i> <span data-i18n=\"knxUltimateHueButton.tabs.behaviour\"></span></a></li>\n    </ul>\n\n    <div id=\"hue-button-tab-switch\">\n      <div class=\"form-tips hue-form-tip hue-knx-section\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHueButton.switch_info\"></span>\n      </div>\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-GAshort_release\" style=\"width:70px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GAshort_release\" style=\"width:80px; text-align:left;\" placeholder=\"1/1/1\">\n        <label for=\"node-input-dptshort_release\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptshort_release\" style=\"width:120px;\"></select>\n        <label for=\"node-input-nameshort_release\" style=\"width:50px; text-align:right;\"><span data-i18n=\"common.name\"></span></label>\n        <input type=\"text\" id=\"node-input-nameshort_release\" style=\"flex:1 1 140px; min-width:120px; text-align:left;\" placeholder=\"Switch action\">\n      </div>\n      <div class=\"form-row hue-knx-section hue-status-row\">\n        <label for=\"node-input-GAshort_releaseStatus\" style=\"width:70px;\"><span data-i18n=\"knxUltimateHueButton.switch_status\"></span></label>\n        <input type=\"text\" id=\"node-input-GAshort_releaseStatus\" style=\"width:80px; text-align:left;\" placeholder=\"1/1/2\">\n        <label for=\"node-input-dptshort_releaseStatus\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptshort_releaseStatus\" style=\"width:120px;\"></select>\n        <label for=\"node-input-nameshort_releaseStatus\" style=\"width:50px; text-align:right;\"><span data-i18n=\"common.name\"></span></label>\n        <input type=\"text\" id=\"node-input-nameshort_releaseStatus\" style=\"flex:1 1 140px; min-width:120px; text-align:left;\" placeholder=\"Switch status\">\n      </div>\n    </div>\n\n    <div id=\"hue-button-tab-dim\">\n      <div class=\"form-tips hue-form-tip hue-knx-section\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHueButton.dim_info\"></span>\n      </div>\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-GArepeat\" style=\"width:70px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GArepeat\" style=\"width:80px; text-align:left;\" placeholder=\"1/1/3\">\n        <label for=\"node-input-dptrepeat\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptrepeat\" style=\"width:120px;\"></select>\n        <label for=\"node-input-nameDim\" style=\"width:50px; text-align:right;\"><span data-i18n=\"common.name\"></span></label>\n        <input type=\"text\" id=\"node-input-nameDim\" style=\"flex:1 1 140px; min-width:120px; text-align:left;\" placeholder=\"Dim action\">\n      </div>\n    </div>\n\n    <div id=\"hue-button-tab-behaviour\">\n      <div class=\"form-tips hue-form-tip\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHueButton.behaviour_info\"></span>\n      </div>\n      <div class=\"form-row\">\n        <input type=\"checkbox\" id=\"node-input-toggleValues\" style=\"width:auto;\">\n        <label for=\"node-input-toggleValues\" style=\"flex:1 1 auto;\">\n          <span data-i18n=\"knxUltimateHueButton.toggle_values\"></span>\n        </label>\n      </div>\n      <div class=\"form-row hue-status-row\" style=\"margin-left:24px;\">\n        <span data-i18n=\"knxUltimateHueButton.toggle_values_hint\"></span>\n      </div>\n      <div class=\"hue-fixed-values\" style=\"margin-top:8px;\">\n        <div class=\"form-row\">\n          <label for=\"node-input-switchSend\" style=\"width:130px;\"><span data-i18n=\"knxUltimateHueButton.switch_send\"></span></label>\n          <input type=\"text\" id=\"node-input-switchSend\" style=\"width:160px;\">\n        </div>\n        <div class=\"form-row\">\n          <label for=\"node-input-dimSend\" style=\"width:130px;\"><span data-i18n=\"knxUltimateHueButton.dim_send\"></span></label>\n          <input type=\"text\" id=\"node-input-dimSend\" style=\"width:160px;\">\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"form-tips hue-form-tip hue-output-info\" style=\"display:none;\">\n    <i class=\"fa fa-circle-info\"></i>\n    <span data-i18n=\"knxUltimateHueButton.output_info\"></span>\n  </div>\n\n  <input type=\"hidden\" id=\"node-input-hueDevice\">",
     "relative_rotary": "<!-- Canonical private HUE Controller template: relative_rotary. -->\n<div class=\"form-row hue-legacy-controller-notice\" role=\"note\" style=\"box-sizing:border-box; padding:10px 12px; margin-bottom:14px; border-left:4px solid #d79b00; background:#fff8df; color:#4d3a00;\">\n    <i class=\"fa fa-exclamation-triangle\" aria-hidden=\"true\" style=\"color:#a15c00; margin-right:6px;\"></i>\n    <span data-i18n=\"node-red-contrib-knx-ultimate/knxUltimateHueController:knxUltimateHueController.legacy_node_notice\"></span>\n  </div>\n  <div class=\"form-row\" style=\"margin-bottom:10px;\">\n    <span style=\"color:#ff0000\"><i class=\"fa fa-youtube\"></i></span>&nbsp;<a target=\"_blank\" href=\"https://www.youtube.com/playlist?list=PL9Yh1bjbLAYrU8PsVhW4xzEug2WtVFv3E\"><b>KNX-Ultimate video tutorials (YouTube playlist)</b></a>\n  </div>\n  <div class=\"form-row\">\n    <label for=\"node-input-server\">\n      <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAKnRFWHRDcmVhdGlvbiBUaW1lAEZyIDYgQXVnIDIwMTAgMjE6NTI6MTkgKzAxMDD84aS8AAAAB3RJTUUH3gYYCicNV+4WIQAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAACUSURBVHjaY2CgFZg5c+Z/ZEyWAZ8+f/6/ZsWs/xoamqMGkGrA6Wla/1+fVARjEBuGsSoGmY4eZSCNL59d/g8DIDbIAHR14OgFGQByKjIGKX5+6/T///8gGMQGiV1+/B0Fg70GIkD+RMYgxf/O5/7//2MSmAZhkBi6OrgB6Bg5DGB4ajr3f2xqsYYLSDE2THJUDg0AAAqyDVd4tp4YAAAAAElFTkSuQmCC\" />\n      <span data-i18n=\"common.knx_gw\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-server\">\n  </div>\n\n  <div class=\"form-row\">\n    <label for=\"node-input-serverHue\">\n      <img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEKADAAQAAAABAAAAEAAAAAA0VXHyAAABFUlEQVQ4EZWSsWoCQRCG1yiENEFEi6QSkjqWWoqFoBYJ+Br6JHkMn8Iibd4ihQpaJIhWNkry/ZtdGZY78Qa+m39nZ+dm9s4550awglNBluS/gVtAX6KgDclf68w2OThgfR9iT/jnoEv4TtByDThWTCDKW4SSZTf/zj9/eZbN+izTDuKGimu0vPF8B/YN8aC8LmcOj/AAn9CFTEs70Js/oGqy79C69bqJ5XbQI2kGO5N8QL9D08S8zBtBF5ZaVsznpCMoqJnVdjTpb1Db0fwIWmQV6BLXzFOYgA6/gDVfQN9bBWp2J2hdWDPoBV5FrKnAJutHikk/CHHR8i7x4iG7qQ720IYvu3GFbpHjx3pFrOFYkA354z/5bkK826phyAAAAABJRU5ErkJggg==\"/>\n      <span data-i18n=\"common.hue_bridge\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-serverHue\">\n  </div>\n\n  <div class=\"form-row hue-requires-bridge\">\n    <label for=\"node-input-name\">\n      <i class=\"fa fa-rotate-right\"></i> <span data-i18n=\"knxUltimateHueTapDial.hue_device\"></span>\n    </label>\n    <input type=\"text\" id=\"node-input-name\" placeholder=\"Hue Tap dial\" style=\"flex:1 1 240px; min-width:240px; max-width:240px;\">\n    <button type=\"button\" class=\"red-ui-button hue-refresh-devices\" style=\"margin-left:6px; color:#1b7d33; border-color:#1b7d33;\">\n      <i class=\"fa fa-sync\"></i>\n    </button>\n    <span class=\"hue-devices-loading\" style=\"margin-left:6px; display:none; color:#1b7d33;\">\n      <i class=\"fa fa-circle-notch fa-spin\"></i>\n    </span>\n  </div>\n\n  <div id=\"hue-tapdial-tabs\">\n    <ul>\n      <li><a href=\"#hue-tapdial-tab-mapping\"><i class=\"fa fa-map\"></i> <span data-i18n=\"knxUltimateHueTapDial.tabs.mapping\"></span></a></li>\n      <li><a href=\"#hue-tapdial-tab-behaviour\"><i class=\"fa fa-gear\"></i> <span data-i18n=\"knxUltimateHueTapDial.tabs.behaviour\"></span></a></li>\n    </ul>\n\n    <div id=\"hue-tapdial-tab-mapping\">\n      <div class=\"form-tips hue-form-tip hue-knx-section\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHueTapDial.mapping_info\"></span>\n      </div>\n      <div class=\"form-row hue-knx-section\">\n        <label for=\"node-input-GArepeat\" style=\"width:70px;\"><span data-i18n=\"common.ga\"></span></label>\n        <input type=\"text\" id=\"node-input-GArepeat\" placeholder=\"1/1/1\" style=\"width:80px; text-align:left;\">\n        <label for=\"node-input-dptrepeat\" style=\"width:40px; text-align:right;\"><span data-i18n=\"common.dpt\"></span></label>\n        <select id=\"node-input-dptrepeat\" style=\"width:130px;\"></select>\n        <label for=\"node-input-namerepeat\" style=\"width:50px; text-align:right;\"><span data-i18n=\"common.name\"></span></label>\n        <input type=\"text\" id=\"node-input-namerepeat\" style=\"flex:1 1 140px; min-width:120px; text-align:left;\" placeholder=\"Rotation\">\n      </div>\n    </div>\n\n    <div id=\"hue-tapdial-tab-behaviour\">\n      <div class=\"form-tips hue-form-tip\">\n        <i class=\"fa fa-circle-info\"></i>\n        <span data-i18n=\"knxUltimateHueTapDial.behaviour_info\"></span>\n      </div>\n      <div class=\"form-row\">\n        <label for=\"node-input-enableNodePINS\" style=\"width:220px;\">\n          <i class=\"fa fa-code\"></i> <span data-i18n=\"knxUltimateHueTapDial.node_pins\"></span>\n        </label>\n        <select id=\"node-input-enableNodePINS\" style=\"width:200px;\">\n          <option value=\"yes\" data-i18n=\"knxUltimateHueTapDial.node_pins_show\"></option>\n          <option value=\"no\" data-i18n=\"knxUltimateHueTapDial.node_pins_hide\"></option>\n        </select>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"form-tips hue-form-tip hue-output-info\" style=\"display:none;\">\n    <i class=\"fa fa-circle-info\"></i>\n    <span data-i18n=\"knxUltimateHueTapDial.output_info\"></span>\n  </div>\n\n  <input type=\"hidden\" id=\"node-input-hueDevice\">",