ng2-parallaxscroll
Version:
A parallax directive for Angular 2+, now with Universal support!
51 lines • 3.69 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class ParallaxScrollComponent {
/**
* @return {?}
*/
ngOnInit() {
this.parallaxStyles = {
'background-image': this.img ? 'url(' + this.img + ')' : '',
height: '100%',
width: '100%'
};
}
}
ParallaxScrollComponent.decorators = [
{ type: Component, args: [{
// tslint:disable-next-line:component-selector
selector: 'ng-parallax',
template: `
<div parallax [config]="config"
[ngStyle]="parallaxStyles"
[ngClass]="paraClass">
<ng-content></ng-content>
</div>
`,
styles: [`
:host {
display: block;
}
`]
}] }
];
ParallaxScrollComponent.propDecorators = {
config: [{ type: Input }],
img: [{ type: Input, args: ['img',] }],
paraClass: [{ type: Input, args: ['class',] }]
};
if (false) {
/** @type {?} */
ParallaxScrollComponent.prototype.config;
/** @type {?} */
ParallaxScrollComponent.prototype.img;
/** @type {?} */
ParallaxScrollComponent.prototype.paraClass;
/** @type {?} */
ParallaxScrollComponent.prototype.parallaxStyles;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmcyLXBhcmFsbGF4c2Nyb2xsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nMi1wYXJhbGxheHNjcm9sbC8iLCJzb3VyY2VzIjpbImxpYi9uZzItcGFyYWxsYXhzY3JvbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFFTixNQUFNLGVBQWUsQ0FBQztBQWtCdkIsTUFBTSxPQUFPLHVCQUF1Qjs7OztJQVUzQixRQUFRO1FBRWIsSUFBSSxDQUFDLGNBQWMsR0FBRztZQUNwQixrQkFBa0IsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0QsTUFBTSxFQUFFLE1BQU07WUFDZCxLQUFLLEVBQUUsTUFBTTtTQUNkLENBQUM7SUFDSixDQUFDOzs7WUFqQ0YsU0FBUyxTQUFDOztnQkFFVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIsUUFBUSxFQUFFOzs7Ozs7R0FNVDt5QkFDUTs7OztLQUlOO2FBQ0o7OztxQkFHRSxLQUFLO2tCQUVMLEtBQUssU0FBQyxLQUFLO3dCQUVYLEtBQUssU0FBQyxPQUFPOzs7O0lBSmQseUNBQThDOztJQUU5QyxzQ0FBaUM7O0lBRWpDLDRDQUF5Qzs7SUFFekMsaURBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSVBhcmFsbGF4U2Nyb2xsQ29uZmlnIH0gZnJvbSAnLi9uZzItcGFyYWxsYXhzY3JvbGwnO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOmNvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ25nLXBhcmFsbGF4JyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IHBhcmFsbGF4IFtjb25maWddPVwiY29uZmlnXCJcbiAgICAgICAgW25nU3R5bGVdPVwicGFyYWxsYXhTdHlsZXNcIlxuICAgICAgICBbbmdDbGFzc109XCJwYXJhQ2xhc3NcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgICAgIDpob3N0IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB9XG4gICAgYF1cbn0pXG5leHBvcnQgY2xhc3MgUGFyYWxsYXhTY3JvbGxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjb25maWc6IElQYXJhbGxheFNjcm9sbENvbmZpZztcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ2ltZycpIHB1YmxpYyBpbWc6IHN0cmluZztcbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ2NsYXNzJykgcHVibGljIHBhcmFDbGFzczogc3RyaW5nO1xuXG4gIHB1YmxpYyBwYXJhbGxheFN0eWxlczogYW55O1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcblxuICAgIHRoaXMucGFyYWxsYXhTdHlsZXMgPSB7XG4gICAgICAnYmFja2dyb3VuZC1pbWFnZSc6IHRoaXMuaW1nID8gJ3VybCgnICsgdGhpcy5pbWcgKyAnKScgOiAnJyxcbiAgICAgIGhlaWdodDogJzEwMCUnLFxuICAgICAgd2lkdGg6ICcxMDAlJ1xuICAgIH07XG4gIH1cblxufVxuIl19