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

Library to integrate questionnaire in SL Projects

import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var ExpansionTableComponent = /** @class */ (function () {
    function ExpansionTableComponent() {
    }
    ExpansionTableComponent.prototype.ngOnInit = function () {
    };
    __decorate([
        Input()
    ], ExpansionTableComponent.prototype, "datas", void 0);
    ExpansionTableComponent = __decorate([
        Component({
            selector: 'sl-expansion-table',
            template: "<div *ngIf=\"datas?.chart\">\n     <strong>{{ datas?.chart?.title }}</strong> \n  \n    <sui-accordion class=\"styled fluid sb-accordion sb-new-theme-accordion drop-accordian\" *ngFor=\"let item of datas?.chart?.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 class=\"_flex-box\">\n              <td text-wrap style=\"flex: 1\"></td>\n              <td class=\"_flex-box\" class=\"assess\" *ngFor=\"let head of datas?.chart?.heading\">\n                {{ head }}\n              </td>\n            </tr>\n            <tr *ngFor=\"let criteria of item.criterias\" class=\"_flex-box _justify-content-space-between _noWrap\">\n              <td class=\"ion-text-wrap\" style=\"flex: 1\">{{ criteria?.name }}</td>\n              <td class=\"_flex-box\" *ngFor=\"let level of criteria?.levels\">{{ level }}</td>\n            </tr>\n          </table>\n        </div>\n      </sui-accordion-panel>\n    </sui-accordion>\n  </div>\n  ",
            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}"]
        })
    ], ExpansionTableComponent);
    return ExpansionTableComponent;
}());
export { ExpansionTableComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLXRhYmxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL3NsLXJlcG9ydHMtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9leHBhbnNpb24tdGFibGUvZXhwYW5zaW9uLXRhYmxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFPekQ7SUFHRTtJQUFnQixDQUFDO0lBRWpCLDBDQUFRLEdBQVI7SUFDQSxDQUFDO0lBTFE7UUFBUixLQUFLLEVBQUU7MERBQU87SUFESix1QkFBdUI7UUFMbkMsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLG9CQUFvQjtZQUM5Qiw0eUNBQStDOztTQUVoRCxDQUFDO09BQ1csdUJBQXVCLENBUW5DO0lBQUQsOEJBQUM7Q0FBQSxBQVJELElBUUM7U0FSWSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2wtZXhwYW5zaW9uLXRhYmxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2V4cGFuc2lvbi10YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2V4cGFuc2lvbi10YWJsZS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRXhwYW5zaW9uVGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBkYXRhcztcbiAgaXNPcGVuSW5kZXg7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIl19