@dotglitch/ngx-common
Version:
Angular components and utilities that are commonly used.
59 lines (58 loc) • 2.14 kB
TypeScript
import { ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
type CSSUnitString = 'px' | '%' | 'em' | 'in' | '';
type CSSUnit = `${number}${CSSUnitString}` | `var(--${string})`;
type CSSString = CSSUnit | `calc(${CSSUnit | ''}${'' | ' '}${'+' | '-' | '/' | '*'}${'' | ' '}${CSSUnit | ''})`;
export declare class ParallaxCardComponent {
private readonly element;
private readonly ngZone;
content: TemplateRef<ElementRef>;
background: TemplateRef<ElementRef>;
backContent: TemplateRef<ElementRef>;
backBackground: TemplateRef<ElementRef>;
/**
*
*/
loaded: EventEmitter<any>;
/**
* Width of the card
* @default `240px`
*/
width: CSSString;
/**
* Height of the card
* @default `320px`
*/
height: CSSString;
/**
* Inset padding of the parallax
* @default 80
*/
bgInset: number;
/**
* Duration for the flip animation in ms
* @default 1200
*/
flipAnimationDuration: number;
renderCardFront: boolean;
renderCardBack: boolean;
showBackOfCard: boolean;
private get wrapper();
private get cardFront();
private get cardBack();
private get backgroundElement();
private get backfaceBackgroundElement();
private pointerX;
private pointerY;
private pointerLeave;
constructor(element: ElementRef, ngZone: NgZone);
ngAfterViewInit(): void;
onPointerMove(e: PointerEvent): void;
onPointerEnter(): void;
onPointerLeave(): void;
onClick(): void;
render: () => void;
static ɵfac: i0.ɵɵFactoryDeclaration<ParallaxCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ParallaxCardComponent, "ngx-parallax-card", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "bgInset": { "alias": "bgInset"; "required": false; }; "flipAnimationDuration": { "alias": "flipAnimationDuration"; "required": false; }; }, { "loaded": "loaded"; }, ["content", "background", "backContent", "backBackground"], ["*"], true, never>;
}
export {};