Fixes issue #23 - Added a new method for setting the wrapperClass at …

…any time.
atmist · Nov 29, 2017 · 4333cec · 4333cec
1 parent 1f4ee86
commit 4333cec
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -94,6 +94,13 @@ Set the `position` of the info window. A valid Google Map instance must be assoc
 - Parameter: `latLng`
   - _[LatLng]_ or _[LatLngLiteral]_
 
+#### setWrapperClass(wrapperClass)
+
+Set the `wrapperClass` of the info window. This can be called at any time.
+
+- Parameter: `wrapperClass`
+  - _string_
+
 #### getWrapper()
 
 Will return the DOM Element for the wrapper container of the info window.

diff --git a/src/snazzy-info-window.js b/src/snazzy-info-window.js
@@ -268,6 +268,20 @@ export default class SnazzyInfoWindow extends getGoogleClass() {
         }
     }
 
+    setWrapperClass(wrapperClass) {
+        if (this._html && this._html.wrapper) {
+            const w = this._html.wrapper;
+            w.className = `${_classPrefix}wrapper-${this._opts.placement}`;
+            if (this._opts.border) {
+                w.className += ` ${_classPrefix}has-border`;
+            }
+            if (wrapperClass) {
+                w.className += ` ${wrapperClass}`;
+            }
+        }
+        this._opts.wrapperClass = wrapperClass;
+    }
+
     getWrapper() {
         if (this._html) {
             return this._html.wrapper;
@@ -453,15 +467,8 @@ export default class SnazzyInfoWindow extends getGoogleClass() {
         this._html = {};
 
         // 1. Create the wrapper
-        this._html.wrapper = newElement(
-            `wrapper-${this._opts.placement}`
-        );
-        if (this._opts.wrapperClass) {
-            this._html.wrapper.className += ` ${this._opts.wrapperClass}`;
-        }
-        if (this._opts.border) {
-            applyCss(this._html.wrapper, ['has-border']);
-        }
+        this._html.wrapper = newElement();
+        this.setWrapperClass(this._opts.wrapperClass);
 
         // 2. Create the shadow
         if (this._opts.shadow) {