accessibleprimevue/animateonscroll/animateonscroll.esm.min.js

Note: This is the forked version of the Primefaces/PrimeVue repository. Since V3 has reached its EOL this is use to fix identified accessibility bugs in the v3 version of primevue. PrimeVue is an open source UI library for Vue featuring a rich set of 80+

import{DomHandler as e}from"primevue/utils";import t from"primevue/basedirective";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,r){var i;return(t="symbol"==n(i=o(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var i=r.call(e,t||"default");if("object"!=n(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function a(e,t){return b(e)||c(e,t)||u(e,t)||l()}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,s,o,a=[],l=!0,u=!1;try{if(s=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=s.call(n)).done)&&(a.push(r.value),a.length!==t);l=!0);}catch(e){u=!0,i=e}finally{try{if(!l&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw i}}return a}}function b(e){if(Array.isArray(e))return e}var f=t.extend({}).extend("animateonscroll",{created:function(){this.$value=this.$value||{},this.$el.style.opacity=this.$value.enterClass?"0":""},mounted:function(){this.$el.setAttribute("data-pd-animateonscroll",!0),this.bindIntersectionObserver()},unmounted:function(){this.unbindAnimationEvents(),this.unbindIntersectionObserver()},observer:void 0,resetObserver:void 0,isObserverActive:!1,animationState:void 0,animationEndListener:void 0,methods:{bindAnimationEvents:function(){var t=this;this.animationEndListener||(this.animationEndListener=function(){e.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),!t.$modifiers.once&&t.resetObserver.observe(t.$el),t.unbindAnimationEvents()},this.$el.addEventListener("animationend",this.animationEndListener))},bindIntersectionObserver:function(){var t=this,n=this.$value,r=n.threshold,s={root:n.root,rootMargin:n.rootMargin,threshold:void 0===r?.5:r};this.observer=new IntersectionObserver((function(e){var n=a(e,1)[0];t.isObserverActive?n.boundingClientRect.top>0&&(n.isIntersecting?t.enter():t.leave()):n.isIntersecting&&t.enter(),t.isObserverActive=!0}),s),setTimeout((function(){return t.observer.observe(t.$el)}),0),this.resetObserver=new IntersectionObserver((function(n){var r=a(n,1)[0];r.boundingClientRect.top>0&&!r.isIntersecting&&(t.$el.style.opacity=t.$value.enterClass?"0":"",e.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),t.resetObserver.unobserve(t.$el)),t.animationState=void 0}),i(i({},s),{},{threshold:0}))},enter:function(){"enter"!==this.animationState&&this.$value.enterClass&&(this.$el.style.opacity="",e.removeMultipleClasses(this.$el,this.$value.leaveClass),e.addMultipleClasses(this.$el,this.$value.enterClass),this.$modifiers.once&&this.unbindIntersectionObserver(this.$el),this.bindAnimationEvents(),this.animationState="enter")},leave:function(){"leave"!==this.animationState&&this.$value.leaveClass&&(this.$el.style.opacity=this.$value.enterClass?"0":"",e.removeMultipleClasses(this.$el,this.$value.enterClass),e.addMultipleClasses(this.$el,this.$value.leaveClass),this.bindAnimationEvents(),this.animationState="leave")},unbindAnimationEvents:function(){this.animationEndListener&&(this.$el.removeEventListener("animationend",this.animationEndListener),this.animationEndListener=void 0)},unbindIntersectionObserver:function(){var e,t;null===(e=this.observer)||void 0===e||e.unobserve(this.$el),null===(t=this.resetObserver)||void 0===t||t.unobserve(this.$el),this.isObserverActive=!1}}});export{f as default};