[{"__symbolic":"module","version":4,"metadata":{"ExtensibleTableComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@abp/ng.theme.shared/extensions","name":"ExtensibleTableComponent","line":32,"character":55},"arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"exportAs":"nzExtensibleTable","selector":"nz-extensible-table","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":27,"character":19},"member":"OnPush"},"host":{"[class.ant-table-rep]":"responsive","$quoted$":["[class.ant-table-rep]"]},"template":"<nz-table\r\n  [nzData]=\"data\"\r\n  [nzTotal]=\"recordsTotal\"\r\n  [list]=\"list\"\r\n  [nzScroll]=\"scroll\"\r\n  [nzLoading]=\"list.isLoading$ | async\"\r\n>\r\n  <thead>\r\n    <tr>\r\n      <th [nzWidth]=\"'50px'\"></th>\r\n      <th *ngIf=\"haveRowDetail\" [nzWidth]=\"'50px'\"></th>\r\n      <ng-container\r\n        *ngFor=\"let prop of propList; let i = index; trackBy: trackByFn\"\r\n      >\r\n        <th\r\n          *ngIf=\"!!prop.sortable; else nonSort\"\r\n          [nzSortFn]=\"prop.sortable\"\r\n          [nzWidth]=\"prop.columnWidth + 'px'\"\r\n          [nzColumnKey]=\"prop.name\"\r\n          [nzSortDirections]=\"['ascend', 'descend']\"\r\n        >\r\n          {{ prop.displayName | abpLocalization }}\r\n        </th>\r\n        <ng-template #nonSort>\r\n          <th\r\n            [nzWidth]=\"prop.columnWidth + 'px'\"\r\n            [nzColumnKey]=\"prop.name\"\r\n            [nzSortDirections]=\"['ascend', 'descend']\"\r\n          >\r\n            {{ prop.displayName | abpLocalization }}\r\n          </th>\r\n        </ng-template>\r\n      </ng-container>\r\n    </tr>\r\n  </thead>\r\n  <tbody>\r\n    <ng-container *ngFor=\"let row of data; let no = index\">\r\n      <tr\r\n        class=\"bg-white\"\r\n        [ngClass]=\"{ listSelected: row['id'] == selectId, pointer: haveSelect }\"\r\n      >\r\n        <td>\r\n          <nz-grid-actions [record]=\"row\"></nz-grid-actions>\r\n        </td>\r\n\r\n        <td\r\n          *ngIf=\"haveRowDetail\"\r\n          [nzExpand]=\"expandSet.has(row['id'])\"\r\n          (nzExpandChange)=\"onExpandChange(row['id'], $event)\"\r\n        ></td>\r\n\r\n        <ng-container\r\n          *ngFor=\"let prop of propList; let i = index; trackBy: trackByFn\"\r\n        >\r\n          <td (click)=\"selected(row)\">\r\n            <span class=\"ant-table-rep__title\" *ngIf=\"!scroll\">\r\n              {{ prop.displayName | abpLocalization }}\r\n            </span>\r\n            <div\r\n              *ngIf=\"row['_' + prop.name].visible\"\r\n              [innerHTML]=\"row['_' + prop.name].value | async\"\r\n              (click)=\"\r\n                prop.action &&\r\n                  prop.action({\r\n                    getInjected: getInjected,\r\n                    record: row,\r\n                    index: i\r\n                  })\r\n              \"\r\n              [class.pointer]=\"prop.action\"\r\n            ></div>\r\n          </td>\r\n        </ng-container>\r\n      </tr>\r\n\r\n      <tr [nzExpand]=\"expandSet.has(row['id'])\">\r\n        <ng-container\r\n          *ngTemplateOutlet=\"nodeTemplate; context: { $implicit: row }\"\r\n        ></ng-container>\r\n      </tr>\r\n\r\n      <ng-template #nodeTemplate row-detail-template let-node>\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            rowDetailTemplate ? rowDetailTemplate?.template : defaultTemplate;\r\n            context: { $implicit: node }\r\n          \"\r\n        ></ng-container>\r\n      </ng-template>\r\n\r\n      <ng-template #defaultTemplate let-node>\r\n        <sv-container [col]=\"svRowCount\"\r\n          >　\r\n          <ng-container\r\n            *ngFor=\"let prop of propList; let i = index; trackBy: trackByFn\"\r\n          >\r\n            <sv\r\n              *ngIf=\"row['_' + prop.name].visible\"\r\n              [label]=\"prop.displayName | abpLocalization\"\r\n            >\r\n              <span\r\n                style=\"color: black\"\r\n                [innerHTML]=\"row['_' + prop.name].value | async\"\r\n              ></span\r\n            ></sv>\r\n          </ng-container>\r\n        </sv-container>\r\n      </ng-template>\r\n    </ng-container>\r\n  </tbody>\r\n</nz-table>\r\n","styles":[".listSelected{background-color:#e6f2ff!important}nz-list-item{font-size:15px}.bg-white{background-color:#fff}.pointer{cursor:pointer}"]}]}],"members":{"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"onExpandChange":[{"__symbolic":"method"}],"actionsText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"rowDetailTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":51,"character":3},"arguments":[{"__symbolic":"reference","module":"../../directives/nz-table-row-detail.directive","name":"NzTableRowDetailDirective","line":51,"character":16}]}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"list":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}}]}],"recordsTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":3}}]}],"actionsColumnWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"actionsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"haveRowDetail":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"haveSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"svRowCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"defaultSelectId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"scroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"select":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":72,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":74,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":74,"character":12}]}],null,null],"parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@abp/ng.core","name":"ConfigStateService","line":75,"character":21},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":76,"character":15}]}],"ngOnInit":[{"__symbolic":"method"}],"_setColumnWidths":[{"__symbolic":"method"}],"selected":[{"__symbolic":"method"}]}}}}]