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

Library to integrate questionnaire in SL Projects

import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var ExpansionPanelComponent = /** @class */ (function () {
    function ExpansionPanelComponent() {
    }
    ExpansionPanelComponent.prototype.ngOnInit = function () {
    };
    __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);
    return ExpansionPanelComponent;
}());
export { ExpansionPanelComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9leHBhbnNpb24tcGFuZWwvZXhwYW5zaW9uLXBhbmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPekQ7SUFLRTtJQUFnQixDQUFDO0lBRWpCLDBDQUFRLEdBQVI7SUFDQSxDQUFDO0lBTlE7UUFBUixLQUFLLEVBQUU7MERBQU87SUFGSix1QkFBdUI7UUFMbkMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLG9CQUFvQjtZQUM5QixpbEVBQStDOztTQUVoRCxDQUFDO09BQ1csdUJBQXVCLENBVW5DO0lBQUQsOEJBQUM7Q0FBQSxBQVZELElBVUM7U0FWWSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2wtZXhwYW5zaW9uLXBhbmVsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5zaW9uUGFuZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICB0ZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGRhdGFzO1xuICBpc09wZW5JbmRleDtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiJdfQ==