[{"__symbolic":"module","version":4,"metadata":{"BllTableComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"bll-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":14,"character":19},"member":"OnPush"},"template":"<div class=\"bll-table\" role=\"table\">\n  <!-- <div class=\"tw-sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n    <ng-container *ngIf=\"sortBy && sortDesc\">\n      Table sorted by: {{ sortBy }}, sort direction: {{ sortDesc ? 'Descending' : 'Ascending' }}\n    </ng-container>\n  </div> -->\n  <div role=\"rowgroup\">\n    <div role=\"row\" class=\"bll-table-row bll-table-header\">\n      <div\n        *ngFor=\"let column of columns; index as i\"\n        class=\"bll-table-column\"\n        [ngStyle]=\"column.styles\"\n        [attr.aria-colindex]=\"i\"\n        role=\"columnheader\"\n        [attr.aria-sort]=\"column.sorted === 'asc' ? 'ascending' : column.sorted === 'desc' ? 'descending' : 'null'\"\n        [ngSwitch]=\"column.sortable\"\n      >\n        <button\n          *ngSwitchCase=\"true\"\n          class=\"bll-table-header-button tw-flex tw-w-full tw-justify-between\"\n          (click)=\"sort(column, i)\"\n        >\n          <div>{{ column.header }}</div>\n          <div\n            aria-hidden=\"true\"\n            class=\"tw-transform tw-transition tw-scale-0\"\n            [class.tw-scale-100]=\"column.sorted !== null\"\n          >\n            <bll-icon\n              class=\"bll-table-filter-icon\"\n              [name]=\"column.sorted === 'asc' ? 'dropdown-up' : 'dropdown'\"\n            ></bll-icon>\n          </div>\n        </button>\n        <div *ngSwitchDefault>\n          {{ column.header }}\n        </div>\n      </div>\n    </div>\n  </div>\n  <div role=\"rowgroup\">\n    <div *ngFor=\"let row of displayData; index as i\" class=\"bll-table-row\" role=\"row\">\n      <div\n        *ngFor=\"let column of columns; index as j\"\n        class=\"bll-table-column {{ column.class }}\"\n        role=\"cell\"\n        [attr.data-header]=\"column.header\"\n        [ngClass]=\"column.ngClass\"\n        [ngStyle]=\"column.styles\"\n        [attr.aria-colindex]=\"j\"\n      >\n        <div class=\"bll-table-column-content\">\n          <ng-template\n            *ngTemplateOutlet=\"\n              column.template;\n              context: {\n                $implicit: row[j] || row,\n                data: row[j] || row,\n                index: i\n              }\n            \"\n          ></ng-template>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<ng-content></ng-content>\n","styles":[".bll-table{display:flex;flex-flow:column}.bll-table-row{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--table-border);padding:5px 0}.bll-table-header{display:none;color:var(--primary);font-weight:600}@media (min-width:768px){.bll-table-header{display:flex}}.bll-table-header-button{font-weight:600}.bll-table-filter-icon{font-size:.6875rem}.bll-table-column{display:flex;align-items:center;padding:0 5px;flex:1 1 0%}@media (max-width:768px){.bll-table-column{width:100%!important;min-width:100%!important;flex:100%;max-width:100%!important}.bll-table-column-content{flex:1 1 0%;flex-grow:1}.bll-table-column:before{content:attr(data-header);display:flex;flex-grow:1;align-items:center}}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":24,"character":3},"arguments":[{"__symbolic":"reference","module":"./table-row.directive","name":"BllTableColumnDirective","line":24,"character":19},{"descendants":true,"emitDistinctChangesOnly":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":42}]}],"sort":[{"__symbolic":"method"}]}}}}]