@shikshalokam/sl-reports/dist/sl-reports-library/esm2015/lib/expansion-panel/expansion-panel.component.js

Library to integrate questionnaire in SL Projects

import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
let ExpansionPanelComponent = class ExpansionPanelComponent {
    constructor() { }
    ngOnInit() {
    }
};
__decorate([
    Input()
], ExpansionPanelComponent.prototype, "datas", void 0);
ExpansionPanelComponent = __decorate([
    Component({
        selector: 'sl-expansion-panel',
        template: "<!-- <h2 *ngIf=\"datas?.chart\" class=\"heading\">{{ datas?.chart?.title }}</h2>\n<div *ngIf=\"datas?.chart\" >\n  <div *ngFor=\"let entity of datas?.chart?.entities\">\n    <h4 class=\"heading\">{{ entity.entityName }}</h4>\n\n    <div\n      (click)=\"isOpenIndex = isOpenIndex == i ? -1 : i\"\n      class=\"expansionPanel\"\n      margin\n      *ngFor=\"let item of entity?.domains; let i = index\"\n    >\n      <div class=\"domain\" >\n        <h4 style=\"flex: 1\" >{{ item?.domainName }}</h4>\n        <i *ngIf=\"!(isOpenIndex == i)\" class=\"arrow down icon medium\"  ></i>\n        <i *ngIf=\"isOpenIndex == i\" class=\"arrow up icon medium\" ></i>\n      </div>\n      <div *ngIf=\"isOpenIndex == i\" class=\"ion-padding\">\n        <table>\n          <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n            <td  style=\"flex: 1\">{{ criteria?.name }}</td>\n            <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n          </tr>\n        </table>\n      </div>\n    </div>\n  </div>\n</div> -->\n\n\n<div *ngIf=\"datas?.chart\">\n  <strong>{{ datas?.chart?.title }}</strong>\n  <div *ngFor=\"let entity of datas?.chart?.entities\">\n    <strong>{{ entity.entityName }}</strong>\n\n    <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\"\n      *ngFor=\"let item of entity?.domains; let i = index\">\n      <sui-accordion-panel [isOpen]=\"false\">\n        <div title class=\"sb-accordion-title fsmall d-flex flex-ai-center flex-jc-space-between\">\n          <span>{{ item?.domainName }}</span>\n          <i class=\"chevron down icon\" role=\"img\" title=\"expand\"></i>\n        </div>\n        <div content class=\"sb-accordion-content sb-bg-color-white pt-0 pb-8\">\n          <table>\n            <tr *ngFor=\"let criteria of item.criterias\" class=\"domain _noWrap\">\n              <td style=\"flex: 1\">{{ criteria?.name }}</td>\n              <td class=\"_flex-box\">: {{ criteria?.level }}</td>\n            </tr>\n          </table>\n        </div>\n      </sui-accordion-panel>\n    </sui-accordion>\n  </div>\n</div>",
        styles: ["table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd;background:#fff;color:var(--sb-text)}td,th{text-align:center;padding:12px 4px;color:#000}tr:nth-child(even){background-color:#f2f2f2}.expansionPanel{border-radius:10px;width:100%;margin:16px 0!important;padding:0!important}.assess{flex:0;text-align:-webkit-center}.heading{padding:15px 10px;text-align:center}.domain{display:flex;justify-content:space-between;margin-bottom:3px;border:1px solig;color:var(--sb-text)}.drop-accordian{margin-bottom:4px}"]
    })
], ExpansionPanelComponent);
export { ExpansionPanelComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPekQsSUFBYSx1QkFBdUIsR0FBcEMsTUFBYSx1QkFBdUI7SUFLbEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7Q0FFRixDQUFBO0FBUlU7SUFBUixLQUFLLEVBQUU7c0RBQU87QUFGSix1QkFBdUI7SUFMbkMsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLG9CQUFvQjtRQUM5QixpbEVBQStDOztLQUVoRCxDQUFDO0dBQ1csdUJBQXVCLENBVW5DO1NBVlksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NsLWV4cGFuc2lvbi1wYW5lbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LmNzcyddXG59KVxuZXhwb3J0IGNsYXNzIEV4cGFuc2lvblBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgdGV4dDogc3RyaW5nO1xuICBASW5wdXQoKSBkYXRhcztcbiAgaXNPcGVuSW5kZXg7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iXX0=