Added containedArea and spacerClass parameter 👩‍💻

actuallyakash · Mar 29, 2021 · a54989c · a54989c
1 parent 076013d
commit a54989c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/readme.md b/readme.md
@@ -1,7 +1,5 @@
 ## TODO: options needed
 
-* containedArea (use if you're not able to find the element (ex- iframe)) | type: object
-* spacerClass (for adding classes in the spacers) | type: string
 * defaultSpacing (default margin/padding values) | type: string
 * defaultPadding (an object with top, bottom, left, right values) | type: object
 * defaultMargin (an object with top, bottom, left, right values) | type: object
@@ -18,4 +16,5 @@
 * padding (to enable padding, which'll be default behaviour) | type: boolean
 * margin (to enable margin) | type: boolean
 * onDragEnd (a function for using the values when drag is ended) | type: function | ref: interactjs
-
+* containedArea (use if you're not able to find the element (ex- iframe)) | type: object
+* spacerClass (for adding classes in the spacers) | type: string
diff --git a/spacers/spacers.js b/spacers/spacers.js
@@ -1,5 +1,6 @@
 function spacers( options ) {
 
+    let document = options.containedArea ? options.containedArea : window.document;
     let elements = document.querySelectorAll( options.element );
     let defaultSpacing = options.defaultSpacing ? options.defaultSpacing : '8px';
     let spacingUnit = options.spacingUnit ? options.spacingUnit : "px";
@@ -61,6 +62,11 @@ function spacers( options ) {
 
             document.documentElement.style.setProperty( '--spacer-size', defaultSpacing );
 
+            // Addding custom-defined classes
+            if ( options.spacerClass ) {
+                spacer.classList.add( options.spacerClass );
+            }
+
             // Adding default spacing
             spacerValue = spacer.getAttribute('data-size') ? spacer.getAttribute('data-size') + "px" : defaultSpacing + spacingUnit;
             spacerPosition = spacer.getAttribute('data-position');