@vendasta/store
Version:
Components and data for Store
60 lines • 4.68 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
export class VaFaqsComponent {
constructor() {
this.openFaqs = [];
}
/**
* @param {?} index
* @return {?}
*/
toggleFaq(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 {?}
*/
isFaqOpen(index) {
return this.openFaqs.indexOf(index) >= 0;
}
/**
* @param {?} index
* @return {?}
*/
faqIcon(index) {
return this.isFaqOpen(index) ? 'keyboard_arrow_up' : 'keyboard_arrow_down';
}
}
VaFaqsComponent.decorators = [
{ type: Component, args: [{
selector: 'va-faqs',
template: `
<div class="va-faq" *ngFor="let faq of faqs; let i = index;" (click)="toggleFaq(i)">
<div class="question">
<span>{{ faq.question }}</span>
<mat-icon>{{ faqIcon(i) }}</mat-icon>
</div>
<span class="answer" [ngClass]="{'show': isFaqOpen(i) }" [innerHtml]="faq.answer | vaSafeHtml"></span>
</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 }]
};
if (false) {
/** @type {?} */
VaFaqsComponent.prototype.faqs;
/** @type {?} */
VaFaqsComponent.prototype.openFaqs;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmFxcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdmVuZGFzdGEvc3RvcmUvIiwic291cmNlcyI6WyJsaWIvZmFxcy9mYXFzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFnQi9DLE1BQU0sT0FBTyxlQUFlO0lBYjVCO1FBZUUsYUFBUSxHQUFhLEVBQUUsQ0FBQztJQWlCMUIsQ0FBQzs7Ozs7SUFmQyxTQUFTLENBQUMsS0FBYTtRQUNyQixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFFLFNBQVM7U0FDbEU7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUztTQUNyQztJQUNILENBQUM7Ozs7O0lBRUQsU0FBUyxDQUFDLEtBQWE7UUFDckIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7Ozs7SUFFRCxPQUFPLENBQUMsS0FBYTtRQUNuQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxxQkFBcUIsQ0FBQztJQUM3RSxDQUFDOzs7WUEvQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxTQUFTO2dCQUNuQixRQUFRLEVBQUU7Ozs7Ozs7V0FPRDs7YUFFVjs7O21CQUdFLEtBQUs7Ozs7SUFBTiwrQkFBcUI7O0lBQ3JCLG1DQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0ZhcX0gZnJvbSAnLi9zaGFyZWQvZmFxcy5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ZhLWZhcXMnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ2YS1mYXFcIiAqbmdGb3I9XCJsZXQgZmFxIG9mIGZhcXM7IGxldCBpID0gaW5kZXg7XCIgKGNsaWNrKT1cInRvZ2dsZUZhcShpKVwiPlxuICAgICAgPGRpdiBjbGFzcz1cInF1ZXN0aW9uXCI+XG4gICAgICAgIDxzcGFuPnt7IGZhcS5xdWVzdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgPG1hdC1pY29uPnt7IGZhcUljb24oaSkgfX08L21hdC1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cImFuc3dlclwiIFtuZ0NsYXNzXT1cInsnc2hvdyc6IGlzRmFxT3BlbihpKSB9XCIgW2lubmVySHRtbF09XCJmYXEuYW5zd2VyIHwgdmFTYWZlSHRtbFwiPjwvc3Bhbj5cbiAgICA8L2Rpdj5gLFxuICBzdHlsZVVybHM6IFsnLi9mYXFzLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5cbmV4cG9ydCBjbGFzcyBWYUZhcXNDb21wb25lbnQge1xuICBASW5wdXQoKSBmYXFzOiBGYXFbXTtcbiAgb3BlbkZhcXM6IG51bWJlcltdID0gW107XG5cbiAgdG9nZ2xlRmFxKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5vcGVuRmFxcy5pbmRleE9mKGluZGV4KSA+PSAwKSB7XG4gICAgICB0aGlzLm9wZW5GYXFzLnNwbGljZSh0aGlzLm9wZW5GYXFzLmluZGV4T2YoaW5kZXgpLCAxKTsgIC8vIFJlbW92ZVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLm9wZW5GYXFzLnB1c2goaW5kZXgpOyAvLyBJbnNlcnRcbiAgICB9XG4gIH1cblxuICBpc0ZhcU9wZW4oaW5kZXg6IG51bWJlcik6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLm9wZW5GYXFzLmluZGV4T2YoaW5kZXgpID49IDA7XG4gIH1cblxuICBmYXFJY29uKGluZGV4OiBudW1iZXIpOiBzdHJpbmcge1xuICAgIHJldHVybiB0aGlzLmlzRmFxT3BlbihpbmRleCkgPyAna2V5Ym9hcmRfYXJyb3dfdXAnIDogJ2tleWJvYXJkX2Fycm93X2Rvd24nO1xuICB9XG59XG4iXX0=