feat: support rockpagebuilder HTML labels

Author: BernhardBaumrock

InputfieldMarkup.php

@@ -2,16 +2,10 @@
   <?php
   foreach ($f->colors() as $col) {
     $selected = ($value == $col->name) ? "selected" : "";
-
-    // prepare html and style tag
-    // If provided a color like #ff0000 or rgba(0,0,0) we prepend the
-    // background-color property. Otherwise we use it as is.
-    $style = $col->css;
-    if (strpos($style, "<") === 0) {
-      $html = $style;
+    if (strpos($col->css, "<") === 0) {
+      $html = $col->css;
     } else {
-      if (!strpos($style, ":")) $style = "background-color:$style";
-      $html = "<div style='$style'></div>";
+      $html = "<div style='{$col->style}'></div>";
     }
 
     // output wrapper + html

RockColorPicker.module.php

@@ -18,7 +18,7 @@ public static function getModuleInfo()
   {
     return [
       'title' => 'RockColorPicker',
-      'version' => '1.1.0',
+      'version' => '1.2.0',
       'summary' => 'Main RockColorPicker Module',
       'autoload' => false,
       'singular' => true, // sic
@@ -47,6 +47,20 @@ public function ___colors()
     return $this->colors;
   }
 
+  /**
+   * Return style string from css setting
+   * If provided a color like #ff0000 or rgba(0,0,0) we prepend the
+   * background-color property. Otherwise we use it as is.
+   * css = #afafaf --> style = background-color:#afafaf;
+   * css = 'foo:bar' --> style = 'foo:bar'
+   */
+  public function getStyle($item): string
+  {
+    $style = $item->css;
+    if (!strpos($style, ":")) $style = "background-color:$style";
+    return $style;
+  }
+
   public function loadAssets()
   {
     if ($this->assetsAdded) return;
@@ -73,6 +87,7 @@ public function setColors($field, $colors, $force = false)
       $item = $this->wire(new WireData());
       $item->name = $name;
       $item->css = $data[0];
+      $item->style = $this->getStyle($item);
       $item->label = count($data) > 1 ? $data[1] : '';
       $arr->set($name, $item);
     }