{"version":3,"file":"rfx-parallax.mjs","sources":["../../../projects/rfx-parallax/src/lib/services/resize-event.service.ts","../../../projects/rfx-parallax/src/lib/services/scroll-event.service.ts","../../../projects/rfx-parallax/src/lib/services/rfx-parallax.service.ts","../../../projects/rfx-parallax/src/lib/animations/visibility.animation.ts","../../../projects/rfx-parallax/src/lib/directives/will-change.directive.ts","../../../projects/rfx-parallax/src/lib/components/rfx-parallax/rfx-parallax.component.ts","../../../projects/rfx-parallax/src/lib/components/rfx-parallax/rfx-parallax.component.html","../../../projects/rfx-parallax/src/lib/rfx-parallax.module.ts","../../../projects/rfx-parallax/src/public-api.ts","../../../projects/rfx-parallax/src/rfx-parallax.ts"],"sourcesContent":["import { isPlatformBrowser } from '@angular/common';\r\nimport { Inject, Injectable, OnDestroy, PLATFORM_ID } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ResizeEventService implements OnDestroy {\r\n /**\r\n * Subscribe to window resize changes.\r\n * @type {Subject}\r\n */\r\n private subjectResize: Subject;\r\n\r\n /**\r\n * Window resize listener.\r\n * @type {EventListenerOrEventListenerObject}\r\n */\r\n private resizeEvent: EventListenerOrEventListenerObject;\r\n\r\n private isBrowser: boolean;\r\n\r\n constructor(\r\n @Inject(PLATFORM_ID) private platformId: Object\r\n ) {\r\n this.subjectResize = new Subject();\r\n this.resizeEvent = this.onResizeEvent.bind(this);\r\n this.isBrowser = isPlatformBrowser(platformId);\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n this.destroyListener();\r\n }\r\n\r\n /**\r\n * Create window resize listener.\r\n */\r\n public createListener(): void {\r\n if (this.isBrowser) {\r\n window.addEventListener('resize', this.resizeEvent, { passive: true });\r\n }\r\n }\r\n\r\n /**\r\n * Destroy window resize listener.\r\n */\r\n public destroyListener(): void {\r\n if (this.isBrowser) {\r\n window.removeEventListener('resize', this.resizeEvent);\r\n }\r\n }\r\n\r\n /**\r\n * Trigger window resize event.\r\n */\r\n private onResizeEvent(): void {\r\n this.subjectResize.next(undefined);\r\n }\r\n\r\n /**\r\n * Get window resize event.\r\n * @return {Observable} - Window resize event.\r\n */\r\n public getResize(): Observable {\r\n return this.subjectResize.asObservable();\r\n }\r\n}\r\n","import { Injectable, OnDestroy } from '@angular/core';\r\nimport { BehaviorSubject, Observable } from 'rxjs';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ScrollEventService implements OnDestroy {\r\n /**\r\n * Subscribe to body scroll changes.\r\n * @type {BehaviorSubject}\r\n */\r\n private subjectScroll: BehaviorSubject;\r\n\r\n /**\r\n * Mouse scroll listener.\r\n * @type {EventListenerOrEventListenerObject}\r\n */\r\n private mouseScrollEvent: EventListenerOrEventListenerObject;\r\n\r\n /**\r\n * Current element with scroll event.\r\n * @type {HTMLElement | Document | undefined}\r\n */\r\n private element: HTMLElement | Document | undefined;\r\n\r\n constructor() {\r\n this.subjectScroll = new BehaviorSubject(0);\r\n this.mouseScrollEvent = this.onMouseScroll.bind(this);\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n this.destroyListener();\r\n }\r\n\r\n /**\r\n * Create mouse scroll listener.\r\n * @param {HTMLElement} element - Element with scroll event.\r\n */\r\n public createListener(element: HTMLElement | Document): void {\r\n this.element = element;\r\n this.element.addEventListener('scroll', this.mouseScrollEvent, { passive: true });\r\n }\r\n\r\n /**\r\n * Destroy mouse scroll listener.\r\n */\r\n public destroyListener(): void {\r\n this.element?.removeEventListener('scroll', this.mouseScrollEvent);\r\n this.element = undefined;\r\n }\r\n\r\n /**\r\n * Trigger mouse scroll event.\r\n * @param {number} event - Mouse scroll event.\r\n */\r\n private onMouseScroll(event: Event): void {\r\n const target: HTMLElement = event.target instanceof Document ? event.target.documentElement : (event.target as HTMLElement);\r\n this.subjectScroll.next(target.scrollTop);\r\n }\r\n\r\n /**\r\n * Get body scroll event.\r\n * @return {Observable} - Body scroll event.\r\n */\r\n public getMouseScroll(): Observable {\r\n return this.subjectScroll.asObservable();\r\n }\r\n\r\n /**\r\n * Get body scroll current value.\r\n * @return {number} - Body scroll value.\r\n */\r\n public getMouseScrollValue(): number {\r\n return this.subjectScroll.value;\r\n }\r\n}\r\n","import { isPlatformBrowser } from '@angular/common';\r\nimport { Inject, Injectable, PLATFORM_ID } from '@angular/core';\r\nimport { ResizeEventService } from './resize-event.service';\r\nimport { ScrollEventService } from './scroll-event.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class RfxParallaxService {\r\n private isBrowser: boolean;\r\n\r\n constructor(\r\n private resizeEventService: ResizeEventService,\r\n private scrollEventService: ScrollEventService,\r\n @Inject(PLATFORM_ID) private platformId: Object\r\n ) {\r\n this.isBrowser = isPlatformBrowser(this.platformId);\r\n }\r\n\r\n /**\r\n * Start element scroll event, window resize event and element resize event listeners\r\n * @param element main element with scroll property\r\n */\r\n public initListeners(element?: HTMLElement | Document): void {\r\n if (this.isBrowser) {\r\n this.resizeEventService.createListener();\r\n this.scrollEventService.createListener(element ?? document);\r\n }\r\n }\r\n}\r\n","import { animate, AnimationTriggerMetadata, state, style, transition, trigger } from \"@angular/animations\";\r\n\r\nexport const visibilityAnimation: AnimationTriggerMetadata[] = [\r\n trigger('visibility', [\r\n state('true', style({\r\n opacity: 1\r\n })),\r\n state('false', style({\r\n opacity: 0,\r\n }))\r\n // transition('true <=> false', [\r\n // animate('{{ transitionDurationMs }}ms {{ transitionDelayMs }}ms {{ transitionTimingFunction }}')\r\n // ], { params: { transitionDurationMs: 0, transitionDelayMs: 0, transitionTimingFunction: 'ease' }})\r\n ])\r\n];\r\n","import { Directive, ElementRef, Input, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';\r\nimport { ScrollEventService } from '../services';\r\nimport { SectionAreaModel } from '../models';\r\nimport { Subscription } from 'rxjs';\r\n\r\n@Directive({\r\n selector: '[libWillChange]'\r\n})\r\nexport class WillChangeDirective implements OnInit, OnChanges, OnDestroy {\r\n /**\r\n * Area where element has will-change property.\r\n * Default is window height / 4 * 6.\r\n * @type {number}\r\n */\r\n @Input()\r\n public triggerArea: number;\r\n\r\n /**\r\n * If disabled, element will have will-change\r\n * property set to 'auto'.\r\n * @type {boolean}\r\n */\r\n @Input()\r\n public isDisabled: boolean;\r\n\r\n /**\r\n * Range in pixels where the element has\r\n * will-change property.\r\n * @type {SectionAreaModel | undefined}\r\n */\r\n private willChangeArea: SectionAreaModel | undefined;\r\n\r\n /**\r\n * Element will change value.\r\n * @type {boolean}\r\n */\r\n private willChange: boolean;\r\n\r\n /**\r\n * Subscription to scroll event.\r\n * @type {Subscription | undefined}\r\n */\r\n private scrollEventListener: Subscription | undefined;\r\n\r\n constructor(\r\n private htmlElement: ElementRef,\r\n private renderer: Renderer2,\r\n private scrollEventService: ScrollEventService\r\n ) {\r\n this.triggerArea = typeof window !== 'undefined' ? window.innerHeight / 4 * 6 : 0;\r\n this.isDisabled = false;\r\n this.willChange = true;\r\n }\r\n\r\n public ngOnInit(): void {\r\n if (!this.isDisabled) {\r\n this.willChangeArea = this.getWillChangeArea();\r\n this.createListener();\r\n }\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n this.destroyListener();\r\n }\r\n\r\n /**\r\n * Create listener for scroll event.\r\n */\r\n private createListener(): void {\r\n this.scrollEventListener = this.scrollEventService.getMouseScroll().subscribe(\r\n (scroll: number) => this.checkWillChange(scroll)\r\n );\r\n }\r\n\r\n /**\r\n * Destroy scroll event listener.\r\n */\r\n private destroyListener(): void {\r\n this.scrollEventListener?.unsubscribe();\r\n }\r\n\r\n /**\r\n * Refresh will-change area if some properties changed.\r\n * @param {SimpleChanges} changes - Changes.\r\n */\r\n public ngOnChanges(changes: SimpleChanges): void {\r\n if (changes['isDisabled'] && (changes['isDisabled'].currentValue !== undefined) && !changes['isDisabled'].firstChange) {\r\n this.destroyListener();\r\n return;\r\n }\r\n\r\n if (changes['triggerArea'] && (changes['triggerArea'].currentValue !== undefined) && !changes['triggerArea'].firstChange && !this.isDisabled) {\r\n const scroll: number = this.scrollEventService.getMouseScrollValue();\r\n this.willChangeArea = this.getWillChangeArea();\r\n this.checkWillChange(scroll);\r\n }\r\n }\r\n\r\n /**\r\n * Check will-change property and\r\n * update if needed.\r\n * @param {number} scroll - Scroll position.\r\n */\r\n private checkWillChange(scroll: number): void {\r\n if (this.willChangeArea) {\r\n const isElementInArea: boolean = this.isElementInArea(scroll, this.willChangeArea);\r\n\r\n if (isElementInArea !== this.willChange) {\r\n this.setWillChange(isElementInArea);\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Check if element is in will-change area.\r\n * @param {number} scroll - Scroll position.\r\n * @param {SectionAreaModel} willChangeArea - Will-change area.\r\n * @returns {boolean} - Is element in will-change area.\r\n */\r\n private isElementInArea(scroll: number, willChangeArea: SectionAreaModel): boolean {\r\n return scroll >= willChangeArea.top && scroll <= willChangeArea.bottom;\r\n }\r\n\r\n /**\r\n * Calculate area where element is probably going to be animated soon.\r\n * @returns {number} - Will-change area.\r\n */\r\n private getWillChangeArea(): SectionAreaModel {\r\n const elementRect: DOMRect = this.htmlElement.nativeElement.getBoundingClientRect();\r\n const scroll: number = this.scrollEventService.getMouseScrollValue();\r\n const elementTop: number = elementRect.top + scroll;\r\n const areaTop: number = elementTop - this.triggerArea;\r\n const areaBottom: number = elementTop + this.triggerArea;\r\n return { top: areaTop, bottom: areaBottom };\r\n }\r\n\r\n /**\r\n * Set element will-change property.\r\n * @param {boolean} willChange - will-change enabled or disabled.\r\n */\r\n private setWillChange(willChange: boolean): void {\r\n this.willChange = willChange;\r\n this.renderer.setStyle(\r\n this.htmlElement.nativeElement,\r\n 'will-change',\r\n willChange ? 'transform' : 'auto'\r\n );\r\n }\r\n}\r\n","import { Component, ElementRef, Inject, Input, OnChanges, OnInit, PLATFORM_ID, Renderer2, SimpleChange, SimpleChanges } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { ResizeEventService, ScrollEventService } from '../../services';\r\nimport { ParallaxBoundariesModel } from '../../models';\r\nimport { visibilityAnimation } from '../../animations';\r\nimport { isPlatformBrowser } from '@angular/common';\r\n\r\n@Component({\r\n selector: '[libRfxParallax]',\r\n templateUrl: './rfx-parallax.component.html',\r\n styleUrls: ['./rfx-parallax.component.less'],\r\n animations: [\r\n visibilityAnimation\r\n ]\r\n})\r\nexport class RfxParallaxComponent implements OnInit, OnChanges {\r\n /**\r\n * Image url.\r\n * Can be http(s) or relative path.\r\n * TODO: Add support for fallback.\r\n * @type {string}\r\n */\r\n @Input()\r\n public imageUrl: string | undefined;\r\n\r\n /**\r\n * Image alt attribute.\r\n * @type {string}\r\n */\r\n @Input()\r\n public imageAlt: string | undefined;\r\n\r\n /**\r\n * Percentage of image scrolling.\r\n * e.g. 40% will scroll 40% of the image.\r\n * Default is 40.\r\n * @type {number}\r\n */\r\n @Input()\r\n public parallaxPercentage: number;\r\n\r\n /**\r\n * Image view position in percentage.\r\n * e.g. 50% will show centered image in container.\r\n * Default is 50.\r\n * @type {number}\r\n */\r\n @Input()\r\n public positionPercentage: number;\r\n\r\n /**\r\n * Image z-index property.\r\n * Default is -1.\r\n * @type {number}\r\n */\r\n @Input()\r\n public imageZIndex: number;\r\n\r\n /**\r\n * Show or hide image overflow on container.\r\n * Default is false (hide).\r\n * @type {boolean}\r\n */\r\n @Input()\r\n public visibleOverflow: boolean;\r\n\r\n /**\r\n * Disable image parallax effect and\r\n * restore default image position.\r\n * Useful on low performance devices.\r\n * @type {boolean}\r\n */\r\n @Input()\r\n public isDisabled: boolean;\r\n\r\n /**\r\n * Force image to be 100% of container width.\r\n * @type {boolean}\r\n */\r\n @Input()\r\n public forceFullWidth: boolean;\r\n\r\n /**\r\n * Subscription to scroll event.\r\n * @type {Subscription | undefined}\r\n */\r\n private scrollEventListener: Subscription | undefined;\r\n\r\n /**\r\n * Subscription to resize event.\r\n * @type {Subscription | undefined}\r\n */\r\n private resizeEventListener: Subscription | undefined;\r\n\r\n /**\r\n * Parallaxed image boundaries.\r\n * @type {ParallaxBoundariesModel | undefined}\r\n */\r\n private parallaxBoundaries: ParallaxBoundariesModel | undefined;\r\n\r\n /**\r\n * Image to be parallaxed.\r\n * @type {HTMLImageElement | undefined}\r\n */\r\n private image: HTMLImageElement | undefined;\r\n\r\n /**\r\n * Image left position.\r\n * We save this value and reduce overhead of\r\n * calculating it every time on scroll.\r\n * @type {number}\r\n */\r\n private imageLeftPx: number;\r\n\r\n /**\r\n * Is image loaded.\r\n * @type {boolean}\r\n */\r\n public isLoaded: boolean;\r\n\r\n /**\r\n * Is platform browser.\r\n * False for example when using SSR.\r\n * @type {boolean}\r\n */\r\n public isBrowser: boolean;\r\n\r\n\r\n constructor(\r\n private htmlElement: ElementRef,\r\n private renderer: Renderer2,\r\n private scrollEventService: ScrollEventService,\r\n private resizeEventService: ResizeEventService,\r\n @Inject(PLATFORM_ID) private platformId: Object\r\n ) {\r\n this.parallaxPercentage = 40;\r\n this.positionPercentage = 50;\r\n this.imageZIndex = -1;\r\n this.isDisabled = false;\r\n this.visibleOverflow = false;\r\n this.imageLeftPx = 0;\r\n this.isLoaded = false;\r\n this.forceFullWidth = false;\r\n this.isBrowser = isPlatformBrowser(this.platformId);\r\n }\r\n\r\n /**\r\n * Set container position and overflow.\r\n * If parallax is not disabled, create listeners.\r\n */\r\n public ngOnInit(): void {\r\n if (this.isBrowser) {\r\n this.setContainerPosition(this.htmlElement.nativeElement);\r\n this.setContainerOverflow(this.htmlElement.nativeElement, this.visibleOverflow);\r\n\r\n if (!this.isDisabled) {\r\n this.createListeners();\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Update parallax values when some properies changed.\r\n * - isDisabled change, enable or disable parallax and refresh image properties.\r\n * - visibleOverflow change, show or hide image overflow on container without refresh.\r\n * - imagerUrl, parallaxPercentage or positionPercentage change, refresh image properties.\r\n * @param {SimpleChanges} changes - SimpleChanges object.\r\n */\r\n public ngOnChanges(changes: SimpleChanges): void {\r\n if (this.isBrowser) {\r\n if (this.hasValueChanged(changes['isDisabled'], true)) {\r\n this.destroyListeners();\r\n } else if (this.hasValueChanged(changes['isDisabled'], false)) {\r\n this.createListeners();\r\n }\r\n\r\n if (this.hasValueChanged(changes['visibleOverflow'])) {\r\n this.setContainerOverflow(this.htmlElement.nativeElement, changes['visibleOverflow'].currentValue);\r\n }\r\n\r\n if (this.image && ((\r\n this.hasValueChanged(changes['imageUrl']) ||\r\n this.hasValueChanged(changes['parallaxPercentage']) ||\r\n this.hasValueChanged(changes['positionPercentage'])) ||\r\n this.hasValueChanged(changes['isDisabled']) ||\r\n this.hasValueChanged(changes['forceFullWidth']))) {\r\n this.setImageProperties(this.image);\r\n }\r\n }\r\n }\r\n\r\n public ngOnDestroy(): void {\r\n this.destroyListeners();\r\n }\r\n\r\n /**\r\n * Check if SimpleChange value has changed.\r\n * Eventually check if value corresponds to a new value.\r\n * @param {SimpleChange} change - SimpleChange object.\r\n * @param {any} newValue - New value.\r\n * @returns {boolean} - true if value has changed.\r\n */\r\n private hasValueChanged(change: SimpleChange, newValue: any = change?.currentValue): boolean {\r\n return change?.firstChange === false && change?.currentValue !== undefined && change?.currentValue === newValue;\r\n }\r\n\r\n /**\r\n * Destroy all listeners.\r\n */\r\n private destroyListeners(): void {\r\n this.scrollEventListener?.unsubscribe();\r\n this.resizeEventListener?.unsubscribe();\r\n }\r\n\r\n /**\r\n * Listen to scroll and resize events.\r\n * Destroy alreay existing listeners.\r\n */\r\n private createListeners(): void {\r\n this.destroyListeners();\r\n\r\n this.scrollEventListener = this.scrollEventService.getMouseScroll().subscribe(\r\n (scroll: number) => this.onMouseScroll(scroll)\r\n );\r\n\r\n this.resizeEventListener = this.resizeEventService.getResize().subscribe(\r\n () => this.onResize()\r\n );\r\n }\r\n\r\n /**\r\n * On mouse scroll event recalculate and change\r\n * parallaxed image position.\r\n * @param {number} scroll - Scroll value.\r\n */\r\n private onMouseScroll(scroll: number): void {\r\n if (this.parallaxBoundaries && this.image) {\r\n const topPx: number = this.getImageTop(scroll, this.parallaxBoundaries);\r\n this.setImageTransform(this.image, this.imageLeftPx, topPx);\r\n }\r\n }\r\n\r\n /**\r\n * On window resize event reload parallax properties.\r\n */\r\n private onResize(): void {\r\n if (this.image) {\r\n this.setImageProperties(this.image);\r\n }\r\n }\r\n\r\n /**\r\n * Set image object and loading status.\r\n * Set image properties after image is fully loaded\r\n * but only if platform is browser.\r\n * @param {Event} event - Image loaded event.\r\n */\r\n public onImageLoaded(event: Event): void {\r\n this.image = event.target as HTMLImageElement;\r\n\r\n if (this.isBrowser) {\r\n this.setImageProperties(this.image);\r\n }\r\n\r\n this.isLoaded = true;\r\n }\r\n\r\n /**\r\n * Set image properties needed for parallax effect.\r\n * @param {HTMLImageElement} image - Image to be parallaxed.\r\n */\r\n private setImageProperties(image: HTMLImageElement): void {\r\n const scrollTop: number = this.scrollEventService.getMouseScrollValue();\r\n\r\n this.setImageSize(\r\n image,\r\n this.htmlElement.nativeElement.clientWidth,\r\n this.htmlElement.nativeElement.clientHeight,\r\n this.parallaxPercentage,\r\n this.isDisabled,\r\n this.forceFullWidth\r\n );\r\n\r\n this.parallaxBoundaries = this.getParallaxBoundaries(\r\n scrollTop,\r\n this.htmlElement.nativeElement,\r\n image.height,\r\n this.parallaxPercentage\r\n );\r\n\r\n this.imageLeftPx = this.getImageLeft(\r\n this.htmlElement.nativeElement.clientWidth,\r\n image.width,\r\n this.positionPercentage\r\n );\r\n\r\n const topPx: number = this.isDisabled ?\r\n this.getDisabledImageTop(this.parallaxBoundaries) :\r\n this.getImageTop(scrollTop, this.parallaxBoundaries);\r\n\r\n this.setImageTransform(image, this.imageLeftPx, topPx);\r\n }\r\n\r\n /**\r\n * Set container position to relative\r\n * if image is not already in relative or absolute position.\r\n * @param {HTMLElement} container\r\n */\r\n private setContainerPosition(container: HTMLElement): void {\r\n const position: string = getComputedStyle(container).position;\r\n if (position !== 'relative' && position !== 'absolute') {\r\n this.renderer.setStyle(container, 'position', 'relative');\r\n }\r\n }\r\n\r\n /**\r\n * Set container overflow.\r\n * @param {HTMLElement} container - Container element.\r\n * @param {boolean} isOverflowVisible - true to show container overflow.\r\n */\r\n private setContainerOverflow(container: HTMLElement, isOverflowVisible: boolean): void {\r\n this.renderer.setStyle(container, 'overflow', isOverflowVisible ? 'visible' : 'hidden');\r\n }\r\n\r\n /**\r\n * Set image size based on container size,\r\n * parallax percentage and disabled state.\r\n * @param {HTMLImageElement} image - Image element.\r\n * @param {number} containerWidth - Container width.\r\n * @param {number} containerHeight - Container height.\r\n * @param {number} parallaxPercentage - Parallax percentage.\r\n * @param {boolean} isDisabled - true to disable parallax effect.\r\n * @param {boolean} forceFullWidth - true to force image size to container width.\r\n */\r\n private setImageSize(\r\n image: HTMLImageElement,\r\n containerWidth: number,\r\n containerHeight: number,\r\n parallaxPercentage: number,\r\n isDisabled: boolean,\r\n forceFullWidth: boolean\r\n ): void {\r\n if (forceFullWidth) {\r\n this.renderer.setAttribute(image, 'width', `${containerWidth}px`);\r\n this.renderer.setAttribute(image, 'height', `auto`);\r\n } else {\r\n const minimumHeight: number = (containerHeight * (100 + (isDisabled ? 0 : parallaxPercentage))) / 100;\r\n const ratio: number = image.naturalHeight / image.naturalWidth;\r\n const minimumRatio: number = minimumHeight / containerWidth;\r\n\r\n if (ratio > minimumRatio) {\r\n this.renderer.setAttribute(image, 'width', `${containerWidth}px`);\r\n this.renderer.setAttribute(image, 'height', `auto`);\r\n } else {\r\n this.renderer.setAttribute(image, 'width', `auto`);\r\n this.renderer.setAttribute(image, 'height', `${minimumHeight}px`);\r\n }\r\n }\r\n }\r\n\r\n /**\r\n * Get parallax boundaries. This data is used\r\n * to calculate parallax movement.\r\n * @param {number} scrollTop - Scroll top.\r\n * @param {HTMLElement} container - Container element.\r\n * @param {number} imageHeight - Image height.\r\n * @param {number} parallaxPercentage - Parallax percentage.\r\n * @return {ParallaxBoundariesModel} - Parallax boundaries.\r\n */\r\n private getParallaxBoundaries(scrollTop: number, container: HTMLElement, imageHeight: number, parallaxPercentage: number): ParallaxBoundariesModel {\r\n const elementTop: number = container.getBoundingClientRect().top + scrollTop;\r\n const usablePixels: number = container.clientHeight / 100 * parallaxPercentage;\r\n const unusablePixels: number = imageHeight - container.clientHeight - usablePixels;\r\n const startPoint: number = elementTop - usablePixels - window.innerHeight;\r\n const endPoint = elementTop + container.clientHeight + usablePixels;\r\n const totalPixels = endPoint - startPoint;\r\n return { startPoint, endPoint, totalPixels, usablePixels, unusablePixels };\r\n }\r\n\r\n /**\r\n * Get image left position.\r\n * @param {number} containerWidth - Container width.\r\n * @param {number} imageWidth - Image width.\r\n * @param {number} positionPercentage - Position percentage.\r\n * @return {number} - Image left position.\r\n */\r\n private getImageLeft(containerWidth: number, imageWidth: number, positionPercentage: number): number {\r\n return (containerWidth - imageWidth) / 100 * positionPercentage;\r\n }\r\n\r\n /**\r\n * Get image top position.\r\n * @param {number} scrollTop - Scroll top.\r\n * @param {ParallaxBoundariesModel} boundaries - Parallax boundaries.\r\n * @return {number} - Image top position.\r\n */\r\n private getImageTop(scrollTop: number, boundaries: ParallaxBoundariesModel): number {\r\n const area: number = Math.max(0, Math.min(scrollTop - boundaries.startPoint, boundaries.totalPixels));\r\n const areaPercentage: number = 100 / boundaries.totalPixels * area;\r\n return -boundaries.usablePixels * (1 - areaPercentage / 100) - boundaries.unusablePixels / 2;\r\n }\r\n\r\n /**\r\n * Get disabled image top position.\r\n * @param {number} boundaries - Parallax boundaries.\r\n * @return {number} - Image top position.\r\n */\r\n private getDisabledImageTop(boundaries: ParallaxBoundariesModel): number {\r\n return (-boundaries.usablePixels - boundaries.unusablePixels) / 2\r\n }\r\n\r\n /**\r\n * Set image transform properties.\r\n * @param {HTMLImageElement} image - Image element.\r\n * @param {number} leftPx - Image left position.\r\n * @param {number} topPx - Image top position.\r\n */\r\n private setImageTransform(image: HTMLImageElement, leftPx: number, topPx: number): void {\r\n const newTranslate: string = `translate(${leftPx.toFixed(1)}px, ${topPx.toFixed(1)}px)`;\r\n\r\n if (image.style.transform !== newTranslate) {\r\n this.renderer.setStyle(image, 'transform', newTranslate);\r\n }\r\n }\r\n}\r\n","\r\n\r\n\r\n","import { NgModule } from '@angular/core';\r\nimport { RfxParallaxComponent } from './components/rfx-parallax/rfx-parallax.component';\r\nimport { WillChangeDirective } from './directives/will-change.directive';\r\n\r\n@NgModule({\r\n declarations: [\r\n RfxParallaxComponent,\r\n WillChangeDirective\r\n ],\r\n imports: [],\r\n exports: [\r\n RfxParallaxComponent\r\n ]\r\n})\r\nexport class RfxParallaxModule { }\r\n","/*\r\n * Public API Surface of rfx-parallax\r\n */\r\n\r\nexport * from './lib/services/rfx-parallax.service';\r\nexport * from './lib/components/rfx-parallax/rfx-parallax.component';\r\nexport * from './lib/rfx-parallax.module';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}