@fivethree/core
Version:
Fivethree Core Components
158 lines • 9.78 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: lib/stepper/step-content/step-content.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewChild, Input, Output, EventEmitter, ChangeDetectorRef } from '@angular/core';
import { FivStepHeader } from '../step-header/step-header.component';
import { FivExpandable } from '../../expandable/expandable.component';
var FivStepContent = /** @class */ (function () {
function FivStepContent(change) {
this.change = change;
this.isLast = false;
this.isOpen = false;
this.title = '';
this.subtitle = '';
this.fivDidOpen = new EventEmitter();
this.fivDidClose = new EventEmitter();
this.fivClick = new EventEmitter();
}
/**
* @return {?}
*/
FivStepContent.prototype.ngOnInit = /**
* @return {?}
*/
function () { };
/**
* @return {?}
*/
FivStepContent.prototype.open = /**
* @return {?}
*/
function () {
this.isOpen = true;
this.change.detectChanges();
};
/**
* @return {?}
*/
FivStepContent.prototype.close = /**
* @return {?}
*/
function () {
this.isOpen = false;
this.change.detectChanges();
};
/**
* @return {?}
*/
FivStepContent.prototype.completeAndClose = /**
* @return {?}
*/
function () {
this.close();
this.complete();
};
/**
* @return {?}
*/
FivStepContent.prototype.complete = /**
* @return {?}
*/
function () {
this.header.complete();
};
/**
* @return {?}
*/
FivStepContent.prototype.reset = /**
* @return {?}
*/
function () {
this.header.reset();
};
/**
* @return {?}
*/
FivStepContent.prototype.afterClose = /**
* @return {?}
*/
function () {
this.fivDidClose.emit(this);
};
/**
* @return {?}
*/
FivStepContent.prototype.afterOpen = /**
* @return {?}
*/
function () {
this.fivDidOpen.emit(this);
};
/**
* @return {?}
*/
FivStepContent.prototype.click = /**
* @return {?}
*/
function () {
this.fivClick.emit(this);
};
FivStepContent.decorators = [
{ type: Component, args: [{
selector: 'fiv-step-content',
template: "<div *ngIf=\"!isLast\" class=\"timeline\"></div>\n<fiv-expandable [isOpen]=\"isOpen\" (fivDidClose)=\"afterClose()\" (fivDidOpen)=\"afterOpen()\" #self>\n <div header class=\"ion-activatable\" (click)=\"click()\">\n <fiv-step-header #header [index]=\"index\" [icon]=\"icon\">\n <div class=\"header-title\">{{title}}</div>\n <div class=\"header-subtitle\">{{subtitle}}</div>\n\n <ion-ripple-effect type=\"bounded\"></ion-ripple-effect>\n </fiv-step-header>\n </div>\n <ng-container content>\n <div class=\"step-content\">\n <ng-content></ng-content>\n </div>\n </ng-container>\n</fiv-expandable>",
styles: [":host{display:block;width:100%;position:relative}.step-content{padding-left:44px;padding-bottom:24px}.timeline{width:1px;height:calc(100% - 32px);position:absolute;background:var(--fiv-color-timeline,var(--ion-color-medium));left:27.5px;top:36px}.ion-activatable{position:relative;overflow:hidden}.header-title{color:var(--fiv-color-title,var(--ion-color-dark))}.header-subtitle{color:var(--fiv-color-subtitle,var(--ion-color-medium));font-size:.8em}"]
}] }
];
/** @nocollapse */
FivStepContent.ctorParameters = function () { return [
{ type: ChangeDetectorRef }
]; };
FivStepContent.propDecorators = {
index: [{ type: Input }],
icon: [{ type: Input }],
isLast: [{ type: Input }],
isOpen: [{ type: Input }],
title: [{ type: Input }],
subtitle: [{ type: Input }],
fivDidOpen: [{ type: Output }],
fivDidClose: [{ type: Output }],
fivClick: [{ type: Output }],
step: [{ type: ViewChild, args: ['self', { static: false },] }],
header: [{ type: ViewChild, args: ['header', { static: false },] }]
};
return FivStepContent;
}());
export { FivStepContent };
if (false) {
/** @type {?} */
FivStepContent.prototype.index;
/** @type {?} */
FivStepContent.prototype.icon;
/** @type {?} */
FivStepContent.prototype.isLast;
/** @type {?} */
FivStepContent.prototype.isOpen;
/** @type {?} */
FivStepContent.prototype.title;
/** @type {?} */
FivStepContent.prototype.subtitle;
/** @type {?} */
FivStepContent.prototype.fivDidOpen;
/** @type {?} */
FivStepContent.prototype.fivDidClose;
/** @type {?} */
FivStepContent.prototype.fivClick;
/** @type {?} */
FivStepContent.prototype.step;
/** @type {?} */
FivStepContent.prototype.header;
/**
* @type {?}
* @private
*/
FivStepContent.prototype.change;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXZldGhyZWUvY29yZS8iLCJzb3VyY2VzIjpbImxpYi9zdGVwcGVyL3N0ZXAtY29udGVudC9zdGVwLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFdEU7SUFtQkUsd0JBQW9CLE1BQXlCO1FBQXpCLFdBQU0sR0FBTixNQUFNLENBQW1CO1FBWHBDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ2YsVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUNYLGFBQVEsR0FBRyxFQUFFLENBQUM7UUFDYixlQUFVLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUQsZ0JBQVcsR0FBaUMsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUMvRCxhQUFRLEdBQWlDLElBQUksWUFBWSxFQUFFLENBQUM7SUFLdEIsQ0FBQzs7OztJQUVqRCxpQ0FBUTs7O0lBQVIsY0FBWSxDQUFDOzs7O0lBRWIsNkJBQUk7OztJQUFKO1FBQ0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7UUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDOzs7O0lBRUQsOEJBQUs7OztJQUFMO1FBQ0UsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM5QixDQUFDOzs7O0lBRUQseUNBQWdCOzs7SUFBaEI7UUFDRSxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDYixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDbEIsQ0FBQzs7OztJQUVELGlDQUFROzs7SUFBUjtRQUNFLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQzs7OztJQUVELDhCQUFLOzs7SUFBTDtRQUNFLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7OztJQUVELG1DQUFVOzs7SUFBVjtRQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzlCLENBQUM7Ozs7SUFFRCxrQ0FBUzs7O0lBQVQ7UUFDRSxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM3QixDQUFDOzs7O0lBRUQsOEJBQUs7OztJQUFMO1FBQ0UsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7Z0JBeERGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1Qixrb0JBQTRDOztpQkFFN0M7Ozs7Z0JBVEMsaUJBQWlCOzs7d0JBV2hCLEtBQUs7dUJBQ0wsS0FBSzt5QkFDTCxLQUFLO3lCQUNMLEtBQUs7d0JBQ0wsS0FBSzsyQkFDTCxLQUFLOzZCQUNMLE1BQU07OEJBQ04sTUFBTTsyQkFDTixNQUFNO3VCQUVOLFNBQVMsU0FBQyxNQUFNLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFO3lCQUNuQyxTQUFTLFNBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTs7SUF3Q3hDLHFCQUFDO0NBQUEsQUF6REQsSUF5REM7U0FwRFksY0FBYzs7O0lBQ3pCLCtCQUF1Qjs7SUFDdkIsOEJBQXNCOztJQUN0QixnQ0FBd0I7O0lBQ3hCLGdDQUF3Qjs7SUFDeEIsK0JBQW9COztJQUNwQixrQ0FBdUI7O0lBQ3ZCLG9DQUF3RTs7SUFDeEUscUNBQXlFOztJQUN6RSxrQ0FBc0U7O0lBRXRFLDhCQUEwRDs7SUFDMUQsZ0NBQThEOzs7OztJQUVsRCxnQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIENoYW5nZURldGVjdG9yUmVmXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRml2U3RlcEhlYWRlciB9IGZyb20gJy4uL3N0ZXAtaGVhZGVyL3N0ZXAtaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBGaXZFeHBhbmRhYmxlIH0gZnJvbSAnLi4vLi4vZXhwYW5kYWJsZS9leHBhbmRhYmxlLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zpdi1zdGVwLWNvbnRlbnQnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RlcC1jb250ZW50LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRml2U3RlcENvbnRlbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBpbmRleDogbnVtYmVyO1xuICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlzTGFzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBpc09wZW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdGl0bGUgPSAnJztcbiAgQElucHV0KCkgc3VidGl0bGUgPSAnJztcbiAgQE91dHB1dCgpIGZpdkRpZE9wZW46IEV2ZW50RW1pdHRlcjxGaXZTdGVwQ29udGVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBmaXZEaWRDbG9zZTogRXZlbnRFbWl0dGVyPEZpdlN0ZXBDb250ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGZpdkNsaWNrOiBFdmVudEVtaXR0ZXI8Rml2U3RlcENvbnRlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGQoJ3NlbGYnLCB7IHN0YXRpYzogZmFsc2UgfSkgc3RlcDogRml2RXhwYW5kYWJsZTtcbiAgQFZpZXdDaGlsZCgnaGVhZGVyJywgeyBzdGF0aWM6IGZhbHNlIH0pIGhlYWRlcjogRml2U3RlcEhlYWRlcjtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGNoYW5nZTogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIG9wZW4oKSB7XG4gICAgdGhpcy5pc09wZW4gPSB0cnVlO1xuICAgIHRoaXMuY2hhbmdlLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5jaGFuZ2UuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgY29tcGxldGVBbmRDbG9zZSgpIHtcbiAgICB0aGlzLmNsb3NlKCk7XG4gICAgdGhpcy5jb21wbGV0ZSgpO1xuICB9XG5cbiAgY29tcGxldGUoKSB7XG4gICAgdGhpcy5oZWFkZXIuY29tcGxldGUoKTtcbiAgfVxuXG4gIHJlc2V0KCkge1xuICAgIHRoaXMuaGVhZGVyLnJlc2V0KCk7XG4gIH1cblxuICBhZnRlckNsb3NlKCkge1xuICAgIHRoaXMuZml2RGlkQ2xvc2UuZW1pdCh0aGlzKTtcbiAgfVxuXG4gIGFmdGVyT3BlbigpIHtcbiAgICB0aGlzLmZpdkRpZE9wZW4uZW1pdCh0aGlzKTtcbiAgfVxuXG4gIGNsaWNrKCkge1xuICAgIHRoaXMuZml2Q2xpY2suZW1pdCh0aGlzKTtcbiAgfVxufVxuIl19