primeng/fesm2022/primeng-animateonscroll.mjs.map

PrimeNG is a premium UI library for Angular featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock,

{"version":3,"file":"primeng-animateonscroll.mjs","sources":["../../src/animateonscroll/animateonscroll.ts","../../src/animateonscroll/primeng-animateonscroll.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\nimport { booleanAttribute, computed, Directive, input, NgModule, numberAttribute } from '@angular/core';\nimport { addClass, removeClass } from '@primeuix/utils';\nimport { BaseComponent } from 'primeng/basecomponent';\n\ninterface AnimateOnScrollOptions {\n    root?: HTMLElement | null;\n    rootMargin?: string;\n    threshold?: number;\n}\n\n/**\n * AnimateOnScroll is used to apply animations to elements when entering or leaving the viewport during scrolling.\n * @group Components\n */\n@Directive({\n    selector: '[pAnimateOnScroll]',\n    standalone: true,\n    host: {\n        '[class.p-animateonscroll]': 'true'\n    }\n})\nexport class AnimateOnScroll extends BaseComponent {\n    /**\n     * Selector to define the CSS class for enter animation.\n     * @group Props\n     */\n    enterClass = input<string>();\n\n    /**\n     * Selector to define the CSS class for leave animation.\n     * @group Props\n     */\n    leaveClass = input<string>();\n\n    /**\n     * Specifies the root option of the IntersectionObserver API.\n     * @group Props\n     */\n    root = input<HTMLElement | null>();\n\n    /**\n     * Specifies the rootMargin option of the IntersectionObserver API.\n     * @group Props\n     */\n    rootMargin = input<string>();\n\n    /**\n     * Specifies the threshold option of the IntersectionObserver API\n     * @group Props\n     */\n    threshold = input(0.5, { transform: numberAttribute });\n\n    /**\n     * Whether the scroll event listener should be removed after initial run.\n     * @group Props\n     */\n    once = input(false, { transform: booleanAttribute });\n\n    observer: IntersectionObserver | undefined;\n\n    resetObserver: IntersectionObserver | undefined;\n\n    isObserverActive: boolean = false;\n\n    animationState: 'enter' | 'leave' | undefined;\n\n    animationEndListener: VoidFunction | null | undefined;\n\n    options = computed<AnimateOnScrollOptions>(() => ({\n        root: this.root(),\n        rootMargin: this.rootMargin(),\n        threshold: this.threshold() || 0.5\n    }));\n\n    onInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.renderer.setStyle(this.el.nativeElement, 'opacity', this.enterClass() ? '0' : '');\n        }\n    }\n\n    onAfterViewInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.bindIntersectionObserver();\n        }\n    }\n\n    bindIntersectionObserver() {\n        this.observer = new IntersectionObserver(([entry]) => {\n            if (this.isObserverActive) {\n                if (entry.boundingClientRect.top > 0) {\n                    entry.isIntersecting ? this.enter() : this.leave();\n                }\n            } else if (entry.isIntersecting) {\n                this.enter();\n            }\n\n            this.isObserverActive = true;\n        }, this.options());\n\n        setTimeout(() => this.observer?.observe(this.el.nativeElement), 0);\n\n        // Reset\n\n        this.resetObserver = new IntersectionObserver(\n            ([entry]) => {\n                if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {\n                    this.el.nativeElement.style.opacity = this.enterClass() ? '0' : '';\n                    removeClass(this.el.nativeElement, [this.enterClass(), this.leaveClass()]);\n\n                    this.resetObserver?.unobserve(this.el.nativeElement);\n                }\n\n                this.animationState = undefined;\n            },\n            { ...this.options(), threshold: 0 }\n        );\n    }\n\n    enter() {\n        const enterClass = this.enterClass();\n        if (this.animationState !== 'enter' && enterClass) {\n            this.el.nativeElement.style.opacity = '';\n            removeClass(this.el.nativeElement, this.leaveClass());\n            addClass(this.el.nativeElement, enterClass);\n\n            this.once() && this.unbindIntersectionObserver();\n\n            this.bindAnimationEvents();\n            this.animationState = 'enter';\n        }\n    }\n\n    leave() {\n        const leaveClass = this.leaveClass();\n        if (this.animationState !== 'leave' && leaveClass) {\n            this.el.nativeElement.style.opacity = this.enterClass() ? '0' : '';\n            removeClass(this.el.nativeElement, this.enterClass());\n            addClass(this.el.nativeElement, leaveClass);\n\n            this.bindAnimationEvents();\n            this.animationState = 'leave';\n        }\n    }\n\n    bindAnimationEvents() {\n        if (!this.animationEndListener) {\n            this.animationEndListener = this.renderer.listen(this.el.nativeElement, 'animationend', () => {\n                removeClass(this.el.nativeElement, [this.enterClass(), this.leaveClass()]);\n                !this.once() && this.resetObserver?.observe(this.el.nativeElement);\n                this.unbindAnimationEvents();\n            });\n        }\n    }\n\n    unbindAnimationEvents() {\n        if (this.animationEndListener) {\n            this.animationEndListener();\n            this.animationEndListener = null;\n        }\n    }\n\n    unbindIntersectionObserver() {\n        this.observer?.unobserve(this.el.nativeElement);\n        this.resetObserver?.unobserve(this.el.nativeElement);\n        this.isObserverActive = false;\n    }\n\n    onDestroy() {\n        this.unbindAnimationEvents();\n        this.unbindIntersectionObserver();\n    }\n}\n\n@NgModule({\n    imports: [AnimateOnScroll],\n    exports: [AnimateOnScroll]\n})\nexport class AnimateOnScrollModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}