primevue/animateonscroll/animateonscroll.min.js

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

this.primevue=this.primevue||{},this.primevue.animateonscroll=function(e,t){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function r(e){return r="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},r(e)}function i(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 s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function o(e,t,n){var i;return(t="symbol"==r(i=a(t,"string"))?i:String(i))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if("object"!=r(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e,t){return d(e)||b(e,t)||v(e,t)||u()}function u(){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 v(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function c(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 b(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 d(e){if(Array.isArray(e))return e}return n(primevue.basedirective).default.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.DomHandler.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,i={root:n.root,rootMargin:n.rootMargin,threshold:void 0===r?.5:r};this.observer=new IntersectionObserver((function(e){var n=l(e,1)[0];t.isObserverActive?n.boundingClientRect.top>0&&(n.isIntersecting?t.enter():t.leave()):n.isIntersecting&&t.enter(),t.isObserverActive=!0}),i),setTimeout((function(){return t.observer.observe(t.$el)}),0),this.resetObserver=new IntersectionObserver((function(n){var r=l(n,1)[0];r.boundingClientRect.top>0&&!r.isIntersecting&&(t.$el.style.opacity=t.$value.enterClass?"0":"",e.DomHandler.removeMultipleClasses(t.$el,[t.$value.enterClass,t.$value.leaveClass]),t.resetObserver.unobserve(t.$el)),t.animationState=void 0}),s(s({},i),{},{threshold:0}))},enter:function(){"enter"!==this.animationState&&this.$value.enterClass&&(this.$el.style.opacity="",e.DomHandler.removeMultipleClasses(this.$el,this.$value.leaveClass),e.DomHandler.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.DomHandler.removeMultipleClasses(this.$el,this.$value.enterClass),e.DomHandler.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}}})}(primevue.utils);