aw-front-helpers 3.0.3 → 3.0.5

package/classes/sticky.js

@@ -69,15 +69,11 @@ export default class Sticky extends EventEmitter {
       this._options.topHeightAdjustement;
     const stickyFilter = positionSticky < 0;
 
-    const stickyBottomWrapperPage =
-      this._vars.scrollY + this._vars.height >
-      this._cache.wrapperTop + this._cache.wrapperHeight;
-    const stickyBottomElement =
+    const stickyEndFilter =
       this._vars.scrollY +
         this._options.topHeightAdjustement +
         this._cache.containerHeight >
       this._cache.wrapperTop + this._cache.wrapperHeight;
-    const stickyEndFilter = stickyBottomWrapperPage && stickyBottomElement;
     if (this._cache.wrapperHeight < this._cache.containerHeight) {
       this._dom.el.classList.remove('is-sticky', 'is-sticky-end');
       return;
@@ -100,18 +96,24 @@ export default class Sticky extends EventEmitter {
     }
     if (stickyEndFilter && !this._isEndSticky) {
       this._isEndSticky = true;
+      this._isSticky = false;
       this._dom.el.style.top = null;
       this._dom.el.style.width = null;
+      this._dom.el.classList.remove('is-sticky');
       this._dom.el.classList.add('is-sticky-end');
       document.body.dispatchEvent(this._eventEndChange);
+      if(this._callbackLeave) this._callbackLeave();
       if(this._callbackEnterEnd) this._callbackEnterEnd();
     } else if (!stickyEndFilter && this._isEndSticky) {
       this._isEndSticky = false;
+      this._isSticky = true;
       this._dom.el.style.top = `${this._options.topHeightAdjustement}px`;
       this._dom.el.style.width = `${this._cache.containerWidth}px`;
       this._dom.el.classList.remove('is-sticky-end');
+      this._dom.el.classList.add('is-sticky');
       document.body.dispatchEvent(this._eventEndChange);
       if(this._callbackLeaveEnd) this._callbackLeaveEnd();
+      if(this._callbackEnter) this._callbackEnter();
     }
   }
 
@@ -126,6 +128,7 @@ export default class Sticky extends EventEmitter {
     this._isSticky = false;
     this._isEndSticky = false;
     this._dom.el.classList.remove('is-sticky', 'is-sticky-end');
+    this._dom.el.style.top = null;
     this._dom.el.style.width = null;
     setTimeout(() => {
       const boudingWrapper = this._dom.wrapper.getBoundingClientRect();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aw-front-helpers",
-  "version": "3.0.3",
+  "version": "3.0.5",
   "description": "Assets helpers for projects",
   "author": "Yoann Le Poupon",
   "license": "ISC",

package/stylesheets/_mixins.scss

@@ -1,4 +1,5 @@
 @use './medias' as *;
+@use './functions' as *;
 
 // ------------------------------------------------------------
 // MIXINS

package/stylesheets/_reset.scss

@@ -1,3 +1,5 @@
+@use './functions' as *;
+
 html,
 body,
 div,