@ux-aspects/ux-aspects
Version:
Open source user interface framework for building modern, responsive, mobile big data applications
43 lines (42 loc) • 2.54 kB
TypeScript
import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
import { FocusIndicatorService } from '../../directives/accessibility/index';
import * as i0 from "@angular/core";
export declare class FlippableCardComponent implements OnDestroy {
readonly focusIndicatorService: FocusIndicatorService;
readonly elementRef: ElementRef<any>;
/** Determines whether the card should flip horizontally or vertically. */
direction: 'horizontal' | 'vertical';
/**
* Determines when the card should flip. Possible options are `click`, `hover` and `manual`.
* The manual option should be used if you want complete control over when the card should flip.
*/
trigger: 'click' | 'hover' | 'manual';
/** Sets the width (in pixels) of the card. */
width: number;
/** Sets the height (in pixels) of the card. */
height: number;
/** Determines whether or not the card is flipped. */
flipped: boolean;
/** If two way binding is used this value will be updated when the state of the card changes. */
flippedChange: EventEmitter<boolean>;
/** Focus Indicator instance */
private readonly _focusIndicator;
constructor();
ngOnDestroy(): void;
setFlipped(state: boolean): void;
toggleFlipped(): void;
clickTrigger(): void;
hoverEnter(): void;
hoverExit(): void;
onKeyDown(event: KeyboardEvent): void;
static ɵfac: i0.ɵɵFactoryDeclaration<FlippableCardComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<FlippableCardComponent, "ux-flippable-card", ["ux-flippable-card"], { "direction": { "alias": "direction"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "flipped": { "alias": "flipped"; "required": false; }; }, { "flippedChange": "flippedChange"; }, never, ["ux-flippable-card-front", "ux-flippable-card-back"], false, never>;
}
export declare class FlippableCardFrontDirective {
static ɵfac: i0.ɵɵFactoryDeclaration<FlippableCardFrontDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FlippableCardFrontDirective, "ux-flippable-card-front", never, {}, {}, never, never, false, never>;
}
export declare class FlippableCardBackDirective {
static ɵfac: i0.ɵɵFactoryDeclaration<FlippableCardBackDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<FlippableCardBackDirective, "ux-flippable-card-back", never, {}, {}, never, never, false, never>;
}