feat: Add onResize option to run after frame rebuild (#6)

DenverCoderOne · Sep 4, 2022 · 3e8f9c8 · 3e8f9c8
1 parent 109626d
commit 3e8f9c8
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 593 deletions.
diff --git a/README.md b/README.md
@@ -57,6 +57,7 @@ new Siema({
   rtl: false,
   onInit: () => {},
   onChange: () => {},
+  onResize: () => {},
 });
 ```
 
@@ -96,6 +97,9 @@ Runs immediately after initialization [(example)](http://codepen.io/pawelgrzybek
 **`onChange`** (function)  
 Runs after slide change [(example)](http://codepen.io/pawelgrzybek/pen/RVbrVe).
 
+**`onResize`** (function)
+Runs on window resize after the frame is rebuilt [(example)](https://codepen.io/eyl327/pen/OJZPVRy).
+
 ## API
 
 As mentioned above, Siema doesn't come with many options - just a few useful methods. Combine it with some very basic JavaScript and voila!

diff --git a/dist/siema.min.js b/dist/siema.min.js
diff --git a/docs/assets/siema.min.js b/docs/assets/siema.min.js
diff --git a/docs/index.md b/docs/index.md
@@ -73,6 +73,7 @@ new Siema({
   rtl: false,
   onInit: () => {},
   onChange: () => {},
+  onResize: () => {},
 });
 ```
 
@@ -112,6 +113,9 @@ Runs immediately after initialization [(example)](http://codepen.io/pawelgrzybek
 **`onChange`** (function)  
 Runs after slide change [(example)](http://codepen.io/pawelgrzybek/pen/RVbrVe).
 
+**`onResize`** (function)
+Runs on window resize after the frame is rebuilt [(example)](https://codepen.io/eyl327/pen/OJZPVRy).
+
 ## API
 
 As mentioned above, Siemano doesn't come with many options - just a few useful methods. Combine it with some very basic JavaScript and voila!

diff --git a/src/siema.js b/src/siema.js
@@ -58,6 +58,7 @@ export default class Siema {
       rtl: false,
       onInit: () => {},
       onChange: () => {},
+      onResize: () => {},
     };
 
     const userSttings = options;
@@ -434,6 +435,8 @@ export default class Siema {
     this.selectorWidth = this.selector.offsetWidth;
 
     this.buildSliderFrame();
+
+    this.config.onResize.call(this);
   }