@vendasta/store
Version:
Components and data for Store
67 lines • 5.2 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
var VaFaqsComponent = /** @class */ (function () {
function VaFaqsComponent() {
this.openFaqs = [];
}
/**
* @param {?} index
* @return {?}
*/
VaFaqsComponent.prototype.toggleFaq = /**
* @param {?} index
* @return {?}
*/
function (index) {
if (this.openFaqs.indexOf(index) >= 0) {
this.openFaqs.splice(this.openFaqs.indexOf(index), 1); // Remove
}
else {
this.openFaqs.push(index); // Insert
}
};
/**
* @param {?} index
* @return {?}
*/
VaFaqsComponent.prototype.isFaqOpen = /**
* @param {?} index
* @return {?}
*/
function (index) {
return this.openFaqs.indexOf(index) >= 0;
};
/**
* @param {?} index
* @return {?}
*/
VaFaqsComponent.prototype.faqIcon = /**
* @param {?} index
* @return {?}
*/
function (index) {
return this.isFaqOpen(index) ? 'keyboard_arrow_up' : 'keyboard_arrow_down';
};
VaFaqsComponent.decorators = [
{ type: Component, args: [{
selector: 'va-faqs',
template: "\n <div class=\"va-faq\" *ngFor=\"let faq of faqs; let i = index;\" (click)=\"toggleFaq(i)\">\n <div class=\"question\">\n <span>{{ faq.question }}</span>\n <mat-icon>{{ faqIcon(i) }}</mat-icon>\n </div>\n <span class=\"answer\" [ngClass]=\"{'show': isFaqOpen(i) }\" [innerHtml]=\"faq.answer | vaSafeHtml\"></span>\n </div>",
styles: [".va-faq{font-size:16px;display:flex;flex-direction:column;justify-content:flex-start;padding:12px 0;border-bottom:1px solid #e0e0e0}.va-faq:first-of-type{border-top:1px solid #e0e0e0}.va-faq .question{display:flex;justify-content:space-between;align-items:center;color:#212121}.va-faq .answer{color:#616161;height:0;overflow:hidden}.va-faq .show{padding-top:12px;height:inherit}"]
}] }
];
VaFaqsComponent.propDecorators = {
faqs: [{ type: Input }]
};
return VaFaqsComponent;
}());
export { VaFaqsComponent };
if (false) {
/** @type {?} */
VaFaqsComponent.prototype.faqs;
/** @type {?} */
VaFaqsComponent.prototype.openFaqs;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdmVuZGFzdGEvc3RvcmUvIiwic291cmNlcyI6WyJsaWIvZmFxcy9mYXFzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFHL0M7SUFBQTtRQWVFLGFBQVEsR0FBYSxFQUFFLENBQUM7SUFpQjFCLENBQUM7Ozs7O0lBZkMsbUNBQVM7Ozs7SUFBVCxVQUFVLEtBQWE7UUFDckIsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDckMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBRSxTQUFTO1NBQ2xFO2FBQU07WUFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVM7U0FDckM7SUFDSCxDQUFDOzs7OztJQUVELG1DQUFTOzs7O0lBQVQsVUFBVSxLQUFhO1FBQ3JCLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7Ozs7O0lBRUQsaUNBQU87Ozs7SUFBUCxVQUFRLEtBQWE7UUFDbkIsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMscUJBQXFCLENBQUM7SUFDN0UsQ0FBQzs7Z0JBL0JGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsU0FBUztvQkFDbkIsUUFBUSxFQUFFLHdXQU9EOztpQkFFVjs7O3VCQUdFLEtBQUs7O0lBa0JSLHNCQUFDO0NBQUEsQUFoQ0QsSUFnQ0M7U0FuQlksZUFBZTs7O0lBQzFCLCtCQUFxQjs7SUFDckIsbUNBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7RmFxfSBmcm9tICcuL3NoYXJlZC9mYXFzLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmEtZmFxcycsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInZhLWZhcVwiICpuZ0Zvcj1cImxldCBmYXEgb2YgZmFxczsgbGV0IGkgPSBpbmRleDtcIiAoY2xpY2spPVwidG9nZ2xlRmFxKGkpXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwicXVlc3Rpb25cIj5cbiAgICAgICAgPHNwYW4+e3sgZmFxLnF1ZXN0aW9uIH19PC9zcGFuPlxuICAgICAgICA8bWF0LWljb24+e3sgZmFxSWNvbihpKSB9fTwvbWF0LWljb24+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiYW5zd2VyXCIgW25nQ2xhc3NdPVwieydzaG93JzogaXNGYXFPcGVuKGkpIH1cIiBbaW5uZXJIdG1sXT1cImZhcS5hbnN3ZXIgfCB2YVNhZmVIdG1sXCI+PC9zcGFuPlxuICAgIDwvZGl2PmAsXG4gIHN0eWxlVXJsczogWycuL2ZhcXMuY29tcG9uZW50LnNjc3MnXVxufSlcblxuZXhwb3J0IGNsYXNzIFZhRmFxc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZhcXM6IEZhcVtdO1xuICBvcGVuRmFxczogbnVtYmVyW10gPSBbXTtcblxuICB0b2dnbGVGYXEoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLm9wZW5GYXFzLmluZGV4T2YoaW5kZXgpID49IDApIHtcbiAgICAgIHRoaXMub3BlbkZhcXMuc3BsaWNlKHRoaXMub3BlbkZhcXMuaW5kZXhPZihpbmRleCksIDEpOyAgLy8gUmVtb3ZlXG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMub3BlbkZhcXMucHVzaChpbmRleCk7IC8vIEluc2VydFxuICAgIH1cbiAgfVxuXG4gIGlzRmFxT3BlbihpbmRleDogbnVtYmVyKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMub3BlbkZhcXMuaW5kZXhPZihpbmRleCkgPj0gMDtcbiAgfVxuXG4gIGZhcUljb24oaW5kZXg6IG51bWJlcik6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNGYXFPcGVuKGluZGV4KSA/ICdrZXlib2FyZF9hcnJvd191cCcgOiAna2V5Ym9hcmRfYXJyb3dfZG93bic7XG4gIH1cbn1cbiJdfQ==