Updated addElementsToSVGElement plugin to support attribute values, as well as attribute names.

plugins/addAttributesToSVGElement.js

@@ -7,7 +7,7 @@ exports.active = false;
 exports.description = 'adds attributes to an outer <svg> element';
 
 var ENOCLS = `Error in plugin "addAttributesToSVGElement": absent parameters.
-It should have a list of classes in "attributes" or one "attribute".
+It should have a list of "attributes" or one "attribute".
 Config example:
 
 plugins:
@@ -16,7 +16,13 @@ plugins:
 
 plugins:
 - addAttributesToSVGElement:
-    attributes: ["mySvg", "size-big"]`;
+    attributes: ["mySvg", "size-big"]
+
+plugins:
+- addAttributesToSVGElement:
+    attributes:
+        - focusable: false
+        - data-image: icon`;
 
 /**
  * Add attributes to an outer <svg> element. Example config:
@@ -29,10 +35,16 @@ plugins:
  * - addAttributesToSVGElement:
  *     attributes: ['data-icon', 'data-disabled']
  *
+ * plugins:
+ * - addAttributesToSVGElement:
+ *     attributes:
+ *         - focusable: false
+ *         - data-image: icon
+ *
  * @author April Arcus
  */
 exports.fn = function(data, params) {
-    if (!params || !(Array.isArray(params.attributes) && params.attributes.some(String) || params.attribute)) {
+    if (!params || !(Array.isArray(params.attributes) || params.attribute)) {
         console.error(ENOCLS);
         return data;
     }
@@ -42,6 +54,7 @@ exports.fn = function(data, params) {
 
     if (svg.isElem('svg')) {
         attributes.forEach(function (attribute) {
+            if (typeof attribute === 'string') {
                 if (!svg.hasAttr(attribute)) {
                     svg.addAttr({
                         name: attribute,
@@ -49,6 +62,18 @@ exports.fn = function(data, params) {
                         local: attribute
                     });
                 }
+            } else if (typeof attribute === 'object') {
+                Object.keys(attribute).forEach(function (key) {
+                    if (!svg.hasAttr(key)) {
+                        svg.addAttr({
+                            name: key,
+                            value: attribute[key],
+                            prefix: '',
+                            local: key
+                        });
+                    }
+                });
+            }
         });
     }
 

test/plugins/addAttributesToSVGElement.03.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+    test
+</svg>
+
+@@@
+
+<svg xmlns="http://www.w3.org/2000/svg" focusable="false" data-image="icon">
+    test
+</svg>
+
+@@@
+
+{"attributes":[{"focusable":"false"},{"data-image":"icon"}]}