@firestitch/list 12.1.3 → 12.2.0

package/esm2015/public_api.js

@@ -25,7 +25,8 @@ export { FsListCellDirective } from './app/directives/cell/cell.directive';
 export { FsListHeaderDirective } from './app/directives/header/header.directive';
 export { FsListEmptyStateDirective } from './app/directives/empty-state/empty-state.directive';
 export { FsListContentDirective } from './app/directives/content/content.directive';
-export { FsListGroupCellDirective } from './app/directives/group-cell/group-cell.directive';
+export { FsListGroupHeaderDirective } from './app/directives/group-header/group-header.directive';
+export { FsListGroupFooterDirective } from './app/directives/group-footer/group-footer.directive';
 export { FsListGroupExpandTriggerDirective } from './app/directives/group-expand-trigger/group-expand-trigger.directive';
 // Models
 export { Column, SortingDirection } from './app/models/column.model';
@@ -41,4 +42,4 @@ export { ActionType } from './app/enums/button-type.enum';
 export { PaginationStrategy } from './app/enums/pagination-strategy.enum';
 export { RowType } from './app/enums/row-type.enum';
 export { FsListState } from './app/enums/state.enum';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsVUFBVTtBQUNWLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxZQUFZO0FBQ1osT0FBTyxFQUFFLGNBQWMsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWpGLGFBQWE7QUFDYixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQy9GLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBSyxzRUFBc0UsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN6RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDNUYsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQ3JDLHNFQUFzRSxDQUFDO0FBRTlFLFNBQVM7QUFDVCxPQUFPLEVBQUUsTUFBTSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDckUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDdkcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSxpQkFBaUIsRUFBc0IsTUFBTSxrQ0FBa0MsQ0FBQztBQUN6RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUE0QzdELFFBQVE7QUFDUixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbi8vIE1vZHVsZXNcbmV4cG9ydCB7IEZzTGlzdE1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLWxpc3QubW9kdWxlJztcblxuLy8gUHJvdmlkZXJzXG5leHBvcnQgeyBGU19MSVNUX0NPTkZJRywgRlNfTElTVF9ERUZBVUxUX0NPTkZJRyB9IGZyb20gJy4vYXBwL2ZzLWxpc3QucHJvdmlkZXJzJztcblxuLy8gQ29tcG9uZW50c1xuZXhwb3J0IHsgRnNMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9saXN0L2xpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzQm9keUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvYm9keS9ib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc1Jvd0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvYm9keS9yb3cvcm93LmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0NlbGxDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2JvZHkvcm93L2NlbGwvY2VsbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNIZWFkQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9oZWFkL2hlYWQuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzSGVhZENlbGxDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2hlYWQvaGVhZC1jZWxsL2hlYWQtY2VsbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNGb290ZXJDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzRm9vdGVyUm93Q29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLXJvdy9mb290ZXItcm93LmNvbXBvbmVudCc7XG5leHBvcnQge1xuICBGc0Zvb3RlckNlbGxDb21wb25lbnRcbn1mcm9tICcuL2FwcC9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXItcm93L2Zvb3Rlci1jZWxsL2Zvb3Rlci1jZWxsLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc1N0YXR1c0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvc3RhdHVzL3N0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCB7IEZzTGlzdExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xuXG4vLyBEaXJlY3RpdmVzXG5leHBvcnQgeyBGc0xpc3RGb290ZXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2Zvb3Rlci9mb290ZXIuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdENvbHVtbkRpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvY29sdW1uL2NvbHVtbi5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgRnNMaXN0Q2VsbERpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvY2VsbC9jZWxsLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2hlYWRlci9oZWFkZXIuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdEVtcHR5U3RhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RDb250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9hcHAvZGlyZWN0aXZlcy9jb250ZW50L2NvbnRlbnQuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdEdyb3VwQ2VsbERpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvZ3JvdXAtY2VsbC9ncm91cC1jZWxsLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RHcm91cEV4cGFuZFRyaWdnZXJEaXJlY3RpdmUgfVxuICBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2dyb3VwLWV4cGFuZC10cmlnZ2VyL2dyb3VwLWV4cGFuZC10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5cbi8vIE1vZGVsc1xuZXhwb3J0IHsgQ29sdW1uLCBTb3J0aW5nRGlyZWN0aW9uIH0gZnJvbSAnLi9hcHAvbW9kZWxzL2NvbHVtbi5tb2RlbCc7XG5leHBvcnQgeyBMaXN0IH0gZnJvbSAnLi9hcHAvY2xhc3Nlcy9saXN0LWNvbnRyb2xsZXInO1xuZXhwb3J0IHsgUGFnaW5hdGlvbkNvbnRyb2xsZXIgfSBmcm9tICcuL2FwcC9jbGFzc2VzL3BhZ2luYXRpb24tY29udHJvbGxlcic7XG5leHBvcnQgeyBSZW9yZGVyU3RyYXRlZ3ksIFJlb3JkZXJQb3NpdGlvbiwgUmVvcmRlckNvbnRyb2xsZXIgfSBmcm9tICcuL2FwcC9jbGFzc2VzL3Jlb3JkZXItY29udHJvbGxlcic7XG5leHBvcnQgeyBSb3dBY3Rpb24gfSBmcm9tICcuL2FwcC9tb2RlbHMvcm93LWFjdGlvbi5tb2RlbCc7XG5leHBvcnQgeyBTZWxlY3Rpb25Db250cm9sbGVyLCBTZWxlY3Rpb25DaGFuZ2VUeXBlIH0gZnJvbSAnLi9hcHAvY2xhc3Nlcy9zZWxlY3Rpb24tY29udHJvbGxlcic7XG5leHBvcnQgeyBTb3J0aW5nQ29udHJvbGxlciwgU29ydGluZ0NoYW5nZUV2ZW50IH0gZnJvbSAnLi9hcHAvY2xhc3Nlcy9zb3J0aW5nLWNvbnRyb2xsZXInO1xuZXhwb3J0IHsgU3R5bGVDb25maWcgfSBmcm9tICcuL2FwcC9tb2RlbHMvc3R5bGVDb25maWcubW9kZWwnO1xuXG4vLyBJbnRlcmZhY2VzXG5leHBvcnQgeyBDZWxsQ29uZmlnIH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9jZWxsY29uZmlnLmludGVyZmFjZSc7XG5leHBvcnQge1xuICBGc0xpc3RBYnN0cmFjdFJvdyxcbiAgRnNMaXN0U2Nyb2xsYWJsZUNvbmZpZyxcbiAgRnNMaXN0U2VsZWN0aW9uQ29uZmlnLFxuICBGc0xpc3RTb3J0c0NvbmZpZyxcbiAgRnNMaXN0QWN0aW9uLFxuICBGc0xpc3RDZWxsQ29uZmlnLFxuICBGc0xpc3RGZXRjaFN1YnNjcmlwdGlvbixcbiAgRnNMaXN0Q29uZmlnLFxuICBGc0xpc3RGb290ZXJDb25maWcsXG4gIEZzTGlzdEhlYWRlckNvbmZpZyxcbiAgRnNMaXN0Tm9SZXN1bHRzQ29uZmlnLFxuICBGc0xpc3RSZW9yZGVyQ29uZmlnLFxuICBGc0xpc3RSZW9yZGVyTW92ZWRDYWxsYmFjayxcbiAgRnNMaXN0UmVvcmRlckRvbmVDYWxsYmFjayxcbiAgRnNMaXN0UmVvcmRlckRhdGEsXG4gIEZzTGlzdFJlc3RvcmVDb25maWcsXG4gIEZzTGlzdFJlb3JkZXJNb3ZlSW5Hcm91cENhbGxiYWNrLFxuICBGc0xpc3RSb3dBY3Rpb24sXG4gIEZzTGlzdFRyYWNrQnlGbixcbiAgRnNMaXN0VHJhY2tCeVRhcmdldFJvd0ZuLFxuICBGc1BhZ2luZyxcbiAgRnNMaXN0Q29sdW1uTG9hZEZuLFxuICBGc0xpc3RDb2x1bW5DaGFuZ2VGbixcbiAgRnNMaXN0Q29sdW1uLFxuICBGc0xpc3RDb2x1bW5Db25maWcsXG4gIEZzTGlzdEFjdGlvblNlbGVjdGVkLFxuICBGc0xpc3RHcm91cENvbmZpZyxcbiAgRnNMaXN0Um93QWN0aW9uTGluayxcbiAgRnNMaXN0Um93QWN0aW9uTGlua0ZuLFxuICBGc0xpc3RSb3dBY3Rpb25Hcm91cCxcbiAgRnNMaXN0RW1wdHlTdGF0ZUNvbmZpZyxcbiAgRnNMaXN0U3RhdGVWYWxpZGF0aW9uRm4sXG4gIEZzTGlzdEZldGNoT3B0aW9ucyxcbiAgRnNMaXN0RmV0Y2hGbixcbiAgRnNMaXN0Um93QWN0aW9uRmlsZUZuLFxuICBGc0xpc3RSb3dBY3Rpb25GaWxlLFxufSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2xpc3Rjb25maWcuaW50ZXJmYWNlJztcbmV4cG9ydCB7IFF1ZXJ5T2Zmc2V0U3RyYXRlZ3ksIFF1ZXJ5UGFnZVN0cmF0ZWd5IH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9wYWdpbmF0aW9uLmludGVyZmFjZSc7XG5cbi8vIEVudW1zXG5leHBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi9hcHAvZW51bXMvYnV0dG9uLXR5cGUuZW51bSc7XG5leHBvcnQgeyBQYWdpbmF0aW9uU3RyYXRlZ3kgfSBmcm9tICcuL2FwcC9lbnVtcy9wYWdpbmF0aW9uLXN0cmF0ZWd5LmVudW0nO1xuZXhwb3J0IHsgUm93VHlwZSB9IGZyb20gJy4vYXBwL2VudW1zL3Jvdy10eXBlLmVudW0nO1xuZXhwb3J0IHsgRnNMaXN0U3RhdGUgfSBmcm9tICcuL2FwcC9lbnVtcy9zdGF0ZS5lbnVtJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsVUFBVTtBQUNWLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxZQUFZO0FBQ1osT0FBTyxFQUFFLGNBQWMsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWpGLGFBQWE7QUFDYixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN6RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQzFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQy9GLE9BQU8sRUFDTCxxQkFBcUIsRUFDdEIsTUFBSyxzRUFBc0UsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN6RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUVqRixhQUFhO0FBQ2IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDakYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sb0RBQW9ELENBQUM7QUFDL0YsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDbEcsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFDbEcsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQ3JDLHNFQUFzRSxDQUFDO0FBRTlFLFNBQVM7QUFDVCxPQUFPLEVBQUUsTUFBTSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDckUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDdkcsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlGLE9BQU8sRUFBRSxpQkFBaUIsRUFBc0IsTUFBTSxrQ0FBa0MsQ0FBQztBQUN6RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUE2QzdELFFBQVE7QUFDUixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDMUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbi8vIE1vZHVsZXNcbmV4cG9ydCB7IEZzTGlzdE1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLWxpc3QubW9kdWxlJztcblxuLy8gUHJvdmlkZXJzXG5leHBvcnQgeyBGU19MSVNUX0NPTkZJRywgRlNfTElTVF9ERUZBVUxUX0NPTkZJRyB9IGZyb20gJy4vYXBwL2ZzLWxpc3QucHJvdmlkZXJzJztcblxuLy8gQ29tcG9uZW50c1xuZXhwb3J0IHsgRnNMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9saXN0L2xpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzQm9keUNvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvYm9keS9ib2R5LmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc1Jvd0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvYm9keS9yb3cvcm93LmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc0NlbGxDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2JvZHkvcm93L2NlbGwvY2VsbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNIZWFkQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9oZWFkL2hlYWQuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzSGVhZENlbGxDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2hlYWQvaGVhZC1jZWxsL2hlYWQtY2VsbC5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNGb290ZXJDb21wb25lbnQgfSBmcm9tICcuL2FwcC9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IEZzRm9vdGVyUm93Q29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9mb290ZXIvZm9vdGVyLXJvdy9mb290ZXItcm93LmNvbXBvbmVudCc7XG5leHBvcnQge1xuICBGc0Zvb3RlckNlbGxDb21wb25lbnRcbn1mcm9tICcuL2FwcC9jb21wb25lbnRzL2Zvb3Rlci9mb290ZXItcm93L2Zvb3Rlci1jZWxsL2Zvb3Rlci1jZWxsLmNvbXBvbmVudCc7XG5leHBvcnQgeyBGc1N0YXR1c0NvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvc3RhdHVzL3N0YXR1cy5jb21wb25lbnQnO1xuZXhwb3J0IHsgRnNQYWdpbmF0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uY29tcG9uZW50JztcbmV4cG9ydCB7IEZzTGlzdExvYWRlckNvbXBvbmVudCB9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvbG9hZGVyL2xvYWRlci5jb21wb25lbnQnO1xuXG4vLyBEaXJlY3RpdmVzXG5leHBvcnQgeyBGc0xpc3RGb290ZXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2Zvb3Rlci9mb290ZXIuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdENvbHVtbkRpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvY29sdW1uL2NvbHVtbi5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgRnNMaXN0Q2VsbERpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvY2VsbC9jZWxsLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2hlYWRlci9oZWFkZXIuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdEVtcHR5U3RhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2FwcC9kaXJlY3RpdmVzL2VtcHR5LXN0YXRlL2VtcHR5LXN0YXRlLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RDb250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9hcHAvZGlyZWN0aXZlcy9jb250ZW50L2NvbnRlbnQuZGlyZWN0aXZlJztcbmV4cG9ydCB7IEZzTGlzdEdyb3VwSGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9hcHAvZGlyZWN0aXZlcy9ncm91cC1oZWFkZXIvZ3JvdXAtaGVhZGVyLmRpcmVjdGl2ZSc7XG5leHBvcnQgeyBGc0xpc3RHcm91cEZvb3RlckRpcmVjdGl2ZSB9IGZyb20gJy4vYXBwL2RpcmVjdGl2ZXMvZ3JvdXAtZm9vdGVyL2dyb3VwLWZvb3Rlci5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgRnNMaXN0R3JvdXBFeHBhbmRUcmlnZ2VyRGlyZWN0aXZlIH1cbiAgZnJvbSAnLi9hcHAvZGlyZWN0aXZlcy9ncm91cC1leHBhbmQtdHJpZ2dlci9ncm91cC1leHBhbmQtdHJpZ2dlci5kaXJlY3RpdmUnO1xuXG4vLyBNb2RlbHNcbmV4cG9ydCB7IENvbHVtbiwgU29ydGluZ0RpcmVjdGlvbiB9IGZyb20gJy4vYXBwL21vZGVscy9jb2x1bW4ubW9kZWwnO1xuZXhwb3J0IHsgTGlzdCB9IGZyb20gJy4vYXBwL2NsYXNzZXMvbGlzdC1jb250cm9sbGVyJztcbmV4cG9ydCB7IFBhZ2luYXRpb25Db250cm9sbGVyIH0gZnJvbSAnLi9hcHAvY2xhc3Nlcy9wYWdpbmF0aW9uLWNvbnRyb2xsZXInO1xuZXhwb3J0IHsgUmVvcmRlclN0cmF0ZWd5LCBSZW9yZGVyUG9zaXRpb24sIFJlb3JkZXJDb250cm9sbGVyIH0gZnJvbSAnLi9hcHAvY2xhc3Nlcy9yZW9yZGVyLWNvbnRyb2xsZXInO1xuZXhwb3J0IHsgUm93QWN0aW9uIH0gZnJvbSAnLi9hcHAvbW9kZWxzL3Jvdy1hY3Rpb24ubW9kZWwnO1xuZXhwb3J0IHsgU2VsZWN0aW9uQ29udHJvbGxlciwgU2VsZWN0aW9uQ2hhbmdlVHlwZSB9IGZyb20gJy4vYXBwL2NsYXNzZXMvc2VsZWN0aW9uLWNvbnRyb2xsZXInO1xuZXhwb3J0IHsgU29ydGluZ0NvbnRyb2xsZXIsIFNvcnRpbmdDaGFuZ2VFdmVudCB9IGZyb20gJy4vYXBwL2NsYXNzZXMvc29ydGluZy1jb250cm9sbGVyJztcbmV4cG9ydCB7IFN0eWxlQ29uZmlnIH0gZnJvbSAnLi9hcHAvbW9kZWxzL3N0eWxlQ29uZmlnLm1vZGVsJztcblxuLy8gSW50ZXJmYWNlc1xuZXhwb3J0IHsgQ2VsbENvbmZpZyB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvY2VsbGNvbmZpZy5pbnRlcmZhY2UnO1xuZXhwb3J0IHtcbiAgRnNMaXN0QWJzdHJhY3RSb3csXG4gIEZzTGlzdFNjcm9sbGFibGVDb25maWcsXG4gIEZzTGlzdFNlbGVjdGlvbkNvbmZpZyxcbiAgRnNMaXN0U29ydHNDb25maWcsXG4gIEZzTGlzdEFjdGlvbixcbiAgRnNMaXN0Q2VsbENvbmZpZyxcbiAgRnNMaXN0RmV0Y2hTdWJzY3JpcHRpb24sXG4gIEZzTGlzdENvbmZpZyxcbiAgRnNMaXN0Rm9vdGVyQ29uZmlnLFxuICBGc0xpc3RIZWFkZXJDb25maWcsXG4gIEZzTGlzdE5vUmVzdWx0c0NvbmZpZyxcbiAgRnNMaXN0UmVvcmRlckNvbmZpZyxcbiAgRnNMaXN0UmVvcmRlck1vdmVkQ2FsbGJhY2ssXG4gIEZzTGlzdFJlb3JkZXJEb25lQ2FsbGJhY2ssXG4gIEZzTGlzdFJlb3JkZXJEYXRhLFxuICBGc0xpc3RSZXN0b3JlQ29uZmlnLFxuICBGc0xpc3RSZW9yZGVyTW92ZUluR3JvdXBDYWxsYmFjayxcbiAgRnNMaXN0Um93QWN0aW9uLFxuICBGc0xpc3RUcmFja0J5Rm4sXG4gIEZzTGlzdFRyYWNrQnlUYXJnZXRSb3dGbixcbiAgRnNQYWdpbmcsXG4gIEZzTGlzdENvbHVtbkxvYWRGbixcbiAgRnNMaXN0Q29sdW1uQ2hhbmdlRm4sXG4gIEZzTGlzdENvbHVtbixcbiAgRnNMaXN0Q29sdW1uQ29uZmlnLFxuICBGc0xpc3RBY3Rpb25TZWxlY3RlZCxcbiAgRnNMaXN0R3JvdXBDb25maWcsXG4gIEZzTGlzdFJvd0FjdGlvbkxpbmssXG4gIEZzTGlzdFJvd0FjdGlvbkxpbmtGbixcbiAgRnNMaXN0Um93QWN0aW9uR3JvdXAsXG4gIEZzTGlzdEVtcHR5U3RhdGVDb25maWcsXG4gIEZzTGlzdFN0YXRlVmFsaWRhdGlvbkZuLFxuICBGc0xpc3RGZXRjaE9wdGlvbnMsXG4gIEZzTGlzdEZldGNoRm4sXG4gIEZzTGlzdFJvd0FjdGlvbkZpbGVGbixcbiAgRnNMaXN0Um93QWN0aW9uRmlsZSxcbiAgRnNMaXN0Um93Q2xhc3NPcHRpb25zLFxufSBmcm9tICcuL2FwcC9pbnRlcmZhY2VzL2xpc3Rjb25maWcuaW50ZXJmYWNlJztcbmV4cG9ydCB7IFF1ZXJ5T2Zmc2V0U3RyYXRlZ3ksIFF1ZXJ5UGFnZVN0cmF0ZWd5IH0gZnJvbSAnLi9hcHAvaW50ZXJmYWNlcy9wYWdpbmF0aW9uLmludGVyZmFjZSc7XG5cbi8vIEVudW1zXG5leHBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi9hcHAvZW51bXMvYnV0dG9uLXR5cGUuZW51bSc7XG5leHBvcnQgeyBQYWdpbmF0aW9uU3RyYXRlZ3kgfSBmcm9tICcuL2FwcC9lbnVtcy9wYWdpbmF0aW9uLXN0cmF0ZWd5LmVudW0nO1xuZXhwb3J0IHsgUm93VHlwZSB9IGZyb20gJy4vYXBwL2VudW1zL3Jvdy10eXBlLmVudW0nO1xuZXhwb3J0IHsgRnNMaXN0U3RhdGUgfSBmcm9tICcuL2FwcC9lbnVtcy9zdGF0ZS5lbnVtJztcbiJdfQ==

package/fesm2015/firestitch-list.js

@@ -139,11 +139,13 @@ const ALLOWED_DEFAULTS = [
 class Column {
     constructor(colConfig, colDefaults = false) {
         this.headerConfigs = new StyleConfig();
-        this.groupCellConfigs = new StyleConfig();
+        this.groupHeaderConfigs = new StyleConfig();
+        this.groupFooterConfigs = new StyleConfig();
         this.cellConfigs = new StyleConfig();
         this.footerConfigs = new StyleConfig();
         this.headerColspanned = false;
-        this.groupCellColspanned = false;
+        this.groupHeaderColspanned = false;
+        this.groupFooterColspanned = false;
         this.cellColspanned = false;
         this.footerColspanned = false;
         this._ordered = false;
@@ -235,7 +237,8 @@ class Column {
                 case 'class':
                     {
                         this.headerConfigs.mergeClassByPriority(this.colStyles, defaults.header);
-                        this.groupCellConfigs.mergeClassByPriority(this.colStyles, defaults.cell);
+                        this.groupHeaderConfigs.mergeClassByPriority(this.colStyles, defaults.cell);
+                        this.groupFooterConfigs.mergeClassByPriority(this.colStyles, defaults.cell);
                         this.cellConfigs.mergeClassByPriority(this.colStyles, defaults.cell);
                         this.footerConfigs.mergeClassByPriority(this.colStyles, defaults.footer);
                     }
@@ -243,7 +246,8 @@ class Column {
                 case 'align':
                     {
                         this.headerConfigs.mergeAlignByPriority(this.colStyles, defaults.header);
-                        this.groupCellConfigs.mergeAlignByPriority(this.colStyles, defaults.cell);
+                        this.groupHeaderConfigs.mergeAlignByPriority(this.colStyles, defaults.cell);
+                        this.groupFooterConfigs.mergeAlignByPriority(this.colStyles, defaults.cell);
                         this.cellConfigs.mergeAlignByPriority(this.colStyles, defaults.cell);
                         this.footerConfigs.mergeAlignByPriority(this.colStyles, defaults.footer);
                     }
@@ -251,7 +255,8 @@ class Column {
             }
         });
         this.headerConfigs.updateClasesArray();
-        this.groupCellConfigs.updateClasesArray();
+        this.groupHeaderConfigs.updateClasesArray();
+        this.groupFooterConfigs.updateClasesArray();
         this.cellConfigs.updateClasesArray();
         this.footerConfigs.updateClasesArray();
     }
@@ -272,11 +277,13 @@ class Column {
     _parseConfig(config) {
         this._attributes = config.attributes;
         this.headerTemplate = config.headerTemplate;
-        this.groupCellTemplate = config.groupCellTemplate;
+        this.groupHeaderTemplate = config.groupHeaderTemplate;
+        this.groupFooterTemplate = config.groupFooterTemplate;
         this.cellTemplate = config.cellTemplate;
         this.footerTemplate = config.footerTemplate;
         this.headerConfigs = new StyleConfig(config.headerConfigs);
-        this.groupCellConfigs = new StyleConfig(config.groupCellConfigs);
+        this.groupHeaderConfigs = new StyleConfig(config.groupHeaderConfigs);
+        this.groupFooterConfigs = new StyleConfig(config.groupFooterConfigs);
         this.cellConfigs = new StyleConfig(config.cellConfigs);
         this.footerConfigs = new StyleConfig(config.footerConfigs);
         this.expandTrigger = config.expandTrigger;
@@ -557,7 +564,8 @@ class ColumnsController {
         });
         this._theadClass = this.hasHeader ? 'has-header' : '';
         this._updateColspans('headerConfigs', 'headerColspanned');
-        this._updateColspans('groupCellConfigs', 'groupCellColspanned');
+        this._updateColspans('groupHeaderConfigs', 'groupHeaderColspanned');
+        this._updateColspans('groupFooterConfigs', 'groupFooterColspanned');
         this._updateColspans('cellConfigs', 'cellColspanned');
         this._updateColspans('footerConfigs', 'footerColspanned');
         this.updateVisibleColumns();
@@ -707,7 +715,8 @@ var RowType;
 (function (RowType) {
     RowType[RowType["Simple"] = 0] = "Simple";
     RowType[RowType["Group"] = 1] = "Group";
-    RowType[RowType["Child"] = 2] = "Child";
+    RowType[RowType["GroupFooter"] = 2] = "GroupFooter";
+    RowType[RowType["Child"] = 3] = "Child";
 })(RowType || (RowType = {}));
 
 class BaseRow {
@@ -804,6 +813,25 @@ class SimpleRow extends BaseRow {
     }
 }
 
+class GroupFooterRow extends BaseRow {
+    constructor(data = {}, parent = null) {
+        super(data, RowType.GroupFooter);
+        this.visible = true;
+        this._parent = parent;
+        if (this.parent) {
+            this.visible = this._parent.expanded;
+            this.index = this.parent.children.length;
+        }
+    }
+    get parent() {
+        return this._parent;
+    }
+    get isFooter() {
+        return true;
+    }
+    destroy() { }
+}
+
 class Row {
     constructor(data = {}, rowType = RowType.Simple, { parent, initialExpand } = {}) {
         switch (rowType) {
@@ -851,6 +879,9 @@ class Row {
     get isChild() {
         return this._row instanceof ChildRow;
     }
+    get isFooter() {
+        return this._row instanceof GroupFooterRow;
+    }
     get parent() {
         return this._row.parent;
     }
@@ -938,6 +969,7 @@ class DataController {
         if (group) {
             this._groupByFn = group.groupBy;
             this._compareByFn = group.compareBy;
+            this._footerRowFn = group.footer || (() => false);
             this._initialExpand = (_a = group.initialExpand) !== null && _a !== void 0 ? _a : true;
             // group mode enabled by default
             this._groupEnabled = (group.enabled !== void 0)
@@ -1081,6 +1113,7 @@ class DataController {
         const row = this.visibleRows.find((visibleRow) => visibleRow.data === rowData);
         row.toggleRowExpandStatus();
         this._updateVisibleRows();
+        console.log(this._rowsStack);
     }
     _updateRowsStack(rows) {
         this._destroyRowsStack();
@@ -1112,7 +1145,7 @@ class DataController {
     _updateVisibleRows() {
         this.visibleRows = this._rowsStack
             .filter((row) => {
-            return !row.isChild || row.visible;
+            return (!row.isChild && !row.isFooter) || row.visible;
         });
     }
     updateRow(targetRow, trackBy) {
@@ -1157,9 +1190,15 @@ class DataController {
             return rows;
         }
         let numberOfGroups = 0;
+        const footerRows = new Map();
         rows.forEach((row) => {
             const mainGroup = this._groupByFn(row);
+            const isFooterRow = this._footerRowFn(row);
             const mainGroupKey = this._compareByFn(mainGroup);
+            if (isFooterRow) {
+                footerRows.set(mainGroupKey, row);
+                return;
+            }
             if (!this._store.has(mainGroupKey)) {
                 const group = new GroupRow(mainGroup, this._initialExpand);
                 group.index = numberOfGroups;
@@ -1174,6 +1213,13 @@ class DataController {
                 group.children.push(childRow);
             }
         });
+        for (const [key, value] of footerRows) {
+            const group = this._store.get(key);
+            if (group) {
+                const footerRow = new GroupFooterRow(value, group);
+                group.children.push(footerRow);
+            }
+        }
         return Array.from(this._store.values())
             .reduce((acc, item) => {
             if (item.isGroup) {
@@ -3524,14 +3570,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['class']
             }] } });
 
-class FsListGroupCellDirective extends FsListCellDirective {
+class FsListGroupHeaderDirective extends FsListCellDirective {
 }
-FsListGroupCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupCellDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-FsListGroupCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsListGroupCellDirective, selector: "[fs-list-group-cell]", usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupCellDirective, decorators: [{
+FsListGroupHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsListGroupHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsListGroupHeaderDirective, selector: "[fs-list-group-cell],[fs-list-group-header]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupHeaderDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[fs-list-group-cell]'
+                    selector: '[fs-list-group-cell],[fs-list-group-header]'
+                }]
+        }] });
+
+class FsListGroupFooterDirective extends FsListCellDirective {
+}
+FsListGroupFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupFooterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+FsListGroupFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsListGroupFooterDirective, selector: "[fs-list-group-footer]", usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListGroupFooterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fs-list-group-footer]'
                 }]
         }] });
 
@@ -3618,7 +3675,7 @@ class FsListColumnDirective {
     }
 }
 FsListColumnDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListColumnDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-FsListColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsListColumnDirective, selector: "fs-list-column", inputs: { visible: ["show", "visible"], title: "title", name: "name", customize: "customize", sortable: "sortable", sortableDefault: "sortableDefault", direction: "direction", align: "align", width: "width", className: ["class", "className"] }, queries: [{ propertyName: "headerTemplate", first: true, predicate: FsListHeaderDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "headerConfigs", first: true, predicate: FsListHeaderDirective, descendants: true, static: true }, { propertyName: "groupCellTemplate", first: true, predicate: FsListGroupCellDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "groupCellConfigs", first: true, predicate: FsListGroupCellDirective, descendants: true, static: true }, { propertyName: "cellTemplate", first: true, predicate: FsListCellDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "cellConfigs", first: true, predicate: FsListCellDirective, descendants: true, static: true }, { propertyName: "footerTemplate", first: true, predicate: FsListFooterDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "footerConfigs", first: true, predicate: FsListFooterDirective, descendants: true, static: true }, { propertyName: "expandTrigger", predicate: FsListGroupExpandTriggerDirective, descendants: true }], ngImport: i0 });
+FsListColumnDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: FsListColumnDirective, selector: "fs-list-column", inputs: { visible: ["show", "visible"], title: "title", name: "name", customize: "customize", sortable: "sortable", sortableDefault: "sortableDefault", direction: "direction", align: "align", width: "width", className: ["class", "className"] }, queries: [{ propertyName: "headerTemplate", first: true, predicate: FsListHeaderDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "headerConfigs", first: true, predicate: FsListHeaderDirective, descendants: true, static: true }, { propertyName: "groupHeaderTemplate", first: true, predicate: FsListGroupHeaderDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "groupHeaderConfigs", first: true, predicate: FsListGroupHeaderDirective, descendants: true, static: true }, { propertyName: "groupFooterTemplate", first: true, predicate: FsListGroupFooterDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "groupFooterConfigs", first: true, predicate: FsListGroupFooterDirective, descendants: true, static: true }, { propertyName: "cellTemplate", first: true, predicate: FsListCellDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "cellConfigs", first: true, predicate: FsListCellDirective, descendants: true, static: true }, { propertyName: "footerTemplate", first: true, predicate: FsListFooterDirective, descendants: true, read: TemplateRef, static: true }, { propertyName: "footerConfigs", first: true, predicate: FsListFooterDirective, descendants: true, static: true }, { propertyName: "expandTrigger", predicate: FsListGroupExpandTriggerDirective, descendants: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsListColumnDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3630,12 +3687,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             }], headerConfigs: [{
                 type: ContentChild,
                 args: [FsListHeaderDirective, { static: true }]
-            }], groupCellTemplate: [{
+            }], groupHeaderTemplate: [{
+                type: ContentChild,
+                args: [FsListGroupHeaderDirective, { read: TemplateRef, static: true }]
+            }], groupHeaderConfigs: [{
+                type: ContentChild,
+                args: [FsListGroupHeaderDirective, { static: true }]
+            }], groupFooterTemplate: [{
                 type: ContentChild,
-                args: [FsListGroupCellDirective, { read: TemplateRef, static: true }]
-            }], groupCellConfigs: [{
+                args: [FsListGroupFooterDirective, { read: TemplateRef, static: true }]
+            }], groupFooterConfigs: [{
                 type: ContentChild,
-                args: [FsListGroupCellDirective, { static: true }]
+                args: [FsListGroupFooterDirective, { static: true }]
             }], expandTrigger: [{
                 type: ContentChildren,
                 args: [FsListGroupExpandTriggerDirective, { descendants: true }]
@@ -3880,8 +3943,9 @@ class FsCellComponent {
             if (this.row.isGroup) {
                 this.cellContext.groupIndex = this.row.index;
             }
-            else if (this.row.isChild) {
+            else if (this.row.isChild || this.row.isFooter) {
                 this.cellContext.groupChildIndex = this.row.index;
+                this.cellContext.groupRow = this.row.parent.data;
             }
         }
         this.cellContext.column = this.column;
@@ -3893,8 +3957,12 @@ class FsCellComponent {
         }
     }
     _initCellTemplate() {
-        if (this.row && this.row.isGroup) {
-            this.cellTemplate = this.column.groupCellTemplate || this.column.cellTemplate;
+        var _a, _b;
+        if ((_a = this.row) === null || _a === void 0 ? void 0 : _a.isGroup) {
+            this.cellTemplate = this.column.groupHeaderTemplate || this.column.cellTemplate;
+        }
+        else if ((_b = this.row) === null || _b === void 0 ? void 0 : _b.isFooter) {
+            this.cellTemplate = this.column.groupFooterTemplate || this.column.cellTemplate;
         }
         else {
             this.cellTemplate = this.column.cellTemplate;
@@ -4459,6 +4527,15 @@ class FsRowComponent {
         this._destroy$ = new Subject();
         this._rowDiffer = _differs.find({}).create();
     }
+    get isGroupRow() {
+        return this.row.isGroup;
+    }
+    get isChildRow() {
+        return this.row.isChild;
+    }
+    get isGroupFooterRow() {
+        return this.row.isFooter;
+    }
     get rowCssClass() {
         let cls = 'fs-list-row';
         if (this.rowIndex % 2 !== 0)
@@ -4468,7 +4545,16 @@ class FsRowComponent {
         if (this.row && this.row.isGroup)
             cls += ' fs-list-row-group';
         if (this.rowClass) {
-            const resultClass = this.rowClass(this.row.data);
+            const options = {
+                index: this.rowIndex,
+            };
+            if (this.row.isGroup) {
+                options.groupIndex = this.row.index;
+            }
+            else if (this.row.isChild) {
+                options.groupChildIndex = this.row.index;
+            }
+            const resultClass = this.rowClass(this.row.data, options);
             if (typeof resultClass === 'string') {
                 cls += ` ${resultClass}`;
             }
@@ -4613,7 +4699,7 @@ class FsRowComponent {
     }
 }
 FsRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsRowComponent, deps: [{ token: i0.ElementRef }, { token: ReorderController }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: FsListDraggableListDirective }], target: i0.ɵɵFactoryTarget.Component });
-FsRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsRowComponent, selector: "[fs-list-row]", inputs: { row: "row", rowActionsRaw: "rowActionsRaw", groupActionsRaw: "groupActionsRaw", hasRowActions: "hasRowActions", rowEvents: "rowEvents", rowClass: "rowClass", restoreMode: "restoreMode", rowIndex: "rowIndex", columns: "columns", selection: "selection", rowRemoved: "rowRemoved" }, host: { properties: { "attr.role": "this.role", "class": "this.rowCssClass" } }, viewQueries: [{ propertyName: "cellRefs", predicate: ["td"], descendants: true }], ngImport: i0, template: "<!-- Drag -->\n<ng-container *ngIf=\"reorderController.leftReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Selection -->\n<ng-container *ngIf=\"selection\">\n  <td class=\"fs-list-col fs-list-col-selection\">\n    <mat-checkbox (change)=\"selectRow($event)\"\n                  [checked]=\"selected\"\n                  [indeterminate]=\"indeterminateSelected\">\n    </mat-checkbox>\n  </td>\n</ng-container>\n\n<!-- Content -->\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn; let isFirst = first\">\n  <td fs-cell\n      *ngIf=\"(row.isGroup && !column.groupCellColspanned) || (!row.isGroup && !column.cellColspanned)\"\n      [column]=\"column\"\n      [row]=\"row\"\n      [rowIndex]=\"rowIndex\"\n      [class]=\"column.cellConfigs.classesString\"\n      [ngClass]=\"{ 'primary-col': isFirst }\"\n      [attr.colspan]=\"(row.isGroup && column.groupCellConfigs.colspan) || column.cellConfigs.colspan\"\n      [attr.width]=\"column.width\"\n  >\n  </td>\n</ng-container>\n\n<!-- Drag -->\n<ng-container *ngIf=\"reorderController.rightReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Row Actions -->\n<td *ngIf=\"hasRowActions && !(reorderController.manualReorderActivated$ | async)\" class=\"fs-list-col row-actions\">\n  <fs-list-row-actions [row]=\"row\"\n                       [index]=\"rowIndex\"\n                       [rowActions]=\"rowActions\"\n                       [menuRowActions]=\"menuRowActions\"\n                       [inlineRowActions]=\"inlineRowActions\"\n                       [restoreAction]=\"restoreAction\"\n                       [restoreMode]=\"restoreMode\"\n                       [rowRemoved]=\"rowRemoved\"\n  ></fs-list-row-actions>\n</td>\n\n<ng-template #dragCell>\n  <ng-container *ngIf=\"dragCellVisible; else emptyCell\">\n    <td class=\"fs-list-col drag-col\"\n        (mousedown)=\"dragStart($event)\"\n        (touchstart)=\"dragStart($event)\"\n    >\n      <mat-icon>drag_handle</mat-icon>\n    </td>\n  </ng-container>\n  <ng-template #emptyCell>\n    <td class=\"fs-list-col drag-col\"></td>\n  </ng-template>\n</ng-template>\n", components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FsCellComponent, selector: "[fs-cell]", inputs: ["column", "row", "rowIndex"] }, { type: FsRowActionsComponent, selector: "fs-list-row-actions", inputs: ["row", "index", "restoreMode", "rowActions", "rowRemoved", "menuRowActions", "inlineRowActions", "restoreAction"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+FsRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsRowComponent, selector: "[fs-list-row]", inputs: { row: "row", rowActionsRaw: "rowActionsRaw", groupActionsRaw: "groupActionsRaw", hasRowActions: "hasRowActions", rowEvents: "rowEvents", rowClass: "rowClass", restoreMode: "restoreMode", rowIndex: "rowIndex", columns: "columns", selection: "selection", rowRemoved: "rowRemoved" }, host: { properties: { "attr.role": "this.role", "class": "this.rowCssClass" } }, viewQueries: [{ propertyName: "cellRefs", predicate: ["td"], descendants: true }], ngImport: i0, template: "<!-- Drag -->\n<ng-container *ngIf=\"reorderController.leftReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Selection -->\n<ng-container *ngIf=\"selection\">\n  <td class=\"fs-list-col fs-list-col-selection\">\n    <ng-container *ngIf=\"!row.isFooter\">\n      <mat-checkbox (change)=\"selectRow($event)\"\n                    [checked]=\"selected\"\n                    [indeterminate]=\"indeterminateSelected\">\n      </mat-checkbox>\n    </ng-container>\n  </td>\n</ng-container>\n\n<!-- Content -->\n<ng-container *ngFor=\"let column of columns; trackBy: trackByFn; let isFirst = first\">\n  <td fs-cell\n      *ngIf=\"(isGroupRow && !column.groupHeaderColspanned)\n        || (isGroupFooterRow && !column.groupFooterColspanned)\n        || (!isGroupRow && !isGroupFooterRow && !column.cellColspanned)\"\n      [column]=\"column\"\n      [row]=\"row\"\n      [rowIndex]=\"rowIndex\"\n      [class]=\"column.cellConfigs.classesString\"\n      [ngClass]=\"{ 'primary-col': isFirst }\"\n      [attr.colspan]=\"(isGroupRow && column.groupHeaderConfigs.colspan)\n        || (isGroupFooterRow && column.groupFooterConfigs.colspan)\n        || column.cellConfigs.colspan\"\n      [attr.width]=\"column.width\"\n  >\n  </td>\n</ng-container>\n\n<!-- Drag -->\n<ng-container *ngIf=\"reorderController.rightReorderActivated$ | async\">\n  <ng-container *ngTemplateOutlet=\"dragCell\"></ng-container>\n</ng-container>\n\n<!-- Row Actions -->\n<td *ngIf=\"hasRowActions && !(reorderController.manualReorderActivated$ | async)\" class=\"fs-list-col row-actions\">\n  <ng-container *ngIf=\"!isGroupFooterRow\">\n    <fs-list-row-actions [row]=\"row\"\n                         [index]=\"rowIndex\"\n                         [rowActions]=\"rowActions\"\n                         [menuRowActions]=\"menuRowActions\"\n                         [inlineRowActions]=\"inlineRowActions\"\n                         [restoreAction]=\"restoreAction\"\n                         [restoreMode]=\"restoreMode\"\n                         [rowRemoved]=\"rowRemoved\"\n    ></fs-list-row-actions>\n  </ng-container>\n</td>\n\n<ng-template #dragCell>\n  <ng-container *ngIf=\"dragCellVisible && !isGroupFooterRow; else emptyCell\">\n    <td class=\"fs-list-col drag-col\"\n        (mousedown)=\"dragStart($event)\"\n        (touchstart)=\"dragStart($event)\"\n    >\n      <mat-icon>drag_handle</mat-icon>\n    </td>\n  </ng-container>\n  <ng-template #emptyCell>\n    <td class=\"fs-list-col drag-col\"></td>\n  </ng-template>\n</ng-template>\n", components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: FsCellComponent, selector: "[fs-cell]", inputs: ["column", "row", "rowIndex"] }, { type: FsRowActionsComponent, selector: "fs-list-row-actions", inputs: ["row", "index", "restoreMode", "rowActions", "rowRemoved", "menuRowActions", "inlineRowActions", "restoreAction"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsRowComponent, decorators: [{
             type: Component,
             args: [{
@@ -5378,7 +5464,8 @@ FsListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         FsListCellDirective,
         FsListHeaderDirective,
         FsListFooterDirective,
-        FsListGroupCellDirective,
+        FsListGroupHeaderDirective,
+        FsListGroupFooterDirective,
         FsListGroupExpandTriggerDirective,
         FsListDraggableListDirective,
         FsListDraggableRowDirective,
@@ -5409,7 +5496,8 @@ FsListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         FsListCellDirective,
         FsListHeaderDirective,
         FsListFooterDirective,
-        FsListGroupCellDirective,
+        FsListGroupHeaderDirective,
+        FsListGroupFooterDirective,
         FsListGroupExpandTriggerDirective,
         FsListEmptyStateDirective,
         FsListContentDirective] });
@@ -5477,7 +5565,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         FsListCellDirective,
                         FsListHeaderDirective,
                         FsListFooterDirective,
-                        FsListGroupCellDirective,
+                        FsListGroupHeaderDirective,
+                        FsListGroupFooterDirective,
                         FsListGroupExpandTriggerDirective,
                         FsListDraggableListDirective,
                         FsListDraggableRowDirective,
@@ -5497,7 +5586,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         FsListCellDirective,
                         FsListHeaderDirective,
                         FsListFooterDirective,
-                        FsListGroupCellDirective,
+                        FsListGroupHeaderDirective,
+                        FsListGroupFooterDirective,
                         FsListGroupExpandTriggerDirective,
                         FsListEmptyStateDirective,
                         FsListContentDirective,
@@ -5516,5 +5606,5 @@ function FsListConfigFactory(config) {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionType, Column, FS_LIST_CONFIG, FS_LIST_DEFAULT_CONFIG, FsBodyComponent, FsCellComponent, FsFooterCellComponent, FsFooterComponent, FsFooterRowComponent, FsHeadCellComponent, FsHeadComponent, FsListCellDirective, FsListColumnDirective, FsListComponent, FsListContentDirective, FsListEmptyStateDirective, FsListFooterDirective, FsListGroupCellDirective, FsListGroupExpandTriggerDirective, FsListHeaderDirective, FsListLoaderComponent, FsListModule, FsListState, FsPaginationComponent, FsRowComponent, FsStatusComponent, List, PaginationController, PaginationStrategy, ReorderController, ReorderPosition, ReorderStrategy, RowAction, RowType, SelectionChangeType, SelectionController, SortingController, SortingDirection, StyleConfig };
+export { ActionType, Column, FS_LIST_CONFIG, FS_LIST_DEFAULT_CONFIG, FsBodyComponent, FsCellComponent, FsFooterCellComponent, FsFooterComponent, FsFooterRowComponent, FsHeadCellComponent, FsHeadComponent, FsListCellDirective, FsListColumnDirective, FsListComponent, FsListContentDirective, FsListEmptyStateDirective, FsListFooterDirective, FsListGroupExpandTriggerDirective, FsListGroupFooterDirective, FsListGroupHeaderDirective, FsListHeaderDirective, FsListLoaderComponent, FsListModule, FsListState, FsPaginationComponent, FsRowComponent, FsStatusComponent, List, PaginationController, PaginationStrategy, ReorderController, ReorderPosition, ReorderStrategy, RowAction, RowType, SelectionChangeType, SelectionController, SortingController, SortingDirection, StyleConfig };
 //# sourceMappingURL=firestitch-list.js.map