@skyux/core 4.7.0 → 4.9.1

package/esm5/public_api.js

@@ -28,10 +28,11 @@ export * from './modules/overlay/overlay.module';
 export * from './modules/overlay/overlay.service';
 export * from './modules/percent-pipe/percent-pipe.module';
 export * from './modules/percent-pipe/percent.pipe';
+export * from './modules/scrollable-host/scrollable-host.service';
 export * from './modules/title/title.service';
 export * from './modules/ui-config/ui-config.service';
 export * from './modules/viewkeeper/viewkeeper-host-options';
 export * from './modules/viewkeeper/viewkeeper.module';
 export * from './modules/viewkeeper/viewkeeper.service';
 export * from './modules/window/window-ref';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9jb3JlLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFHMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQVF2RCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5QkFBeUIsQ0FBQztBQUd4QyxjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGNBQWMsOEJBQThCLENBQUM7QUFFN0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBRTVDLGNBQWMsd0RBQXdELENBQUM7QUFFdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHVEQUF1RCxDQUFDO0FBRXRFLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFFMUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUc3RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG1DQUFtQyxDQUFDO0FBR2xELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG1DQUFtQyxDQUFDO0FBRWxELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxxQ0FBcUMsQ0FBQztBQUdwRCxjQUFjLCtCQUErQixDQUFDO0FBRTlDLGNBQWMsdUNBQXVDLENBQUM7QUFFdEQsY0FBYyw4Q0FBOEMsQ0FBQztBQUU3RCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMseUNBQXlDLENBQUM7QUFFeEQsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZGFwdGVyLXNlcnZpY2UvYWRhcHRlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FkYXB0ZXItc2VydmljZS9hZGFwdGVyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FkYXB0ZXItc2VydmljZS9mb2N1c2FibGUtY2hpbGRyZW4tb3B0aW9ucyc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC1hdXRvLWZpdC1jb250ZXh0JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LWhvcml6b250YWwtYWxpZ25tZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC1vZmZzZXQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LW9mZnNldC1jaGFuZ2UnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LXBsYWNlbWVudCc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXgtcGxhY2VtZW50LWNoYW5nZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXgtdmVydGljYWwtYWxpZ25tZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4ZXInO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZG9jay9kb2NrLWluc2VydC1jb21wb25lbnQtY29uZmlnJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2staXRlbSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZG9jay9kb2NrLWl0ZW0tY29uZmlnJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2stbG9jYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2subW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2suc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9keW5hbWljLWNvbXBvbmVudC9keW5hbWljLWNvbXBvbmVudC1sb2NhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZHluYW1pYy1jb21wb25lbnQvZHluYW1pYy1jb21wb25lbnQtb3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZHluYW1pYy1jb21wb25lbnQvZHluYW1pYy1jb21wb25lbnQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9keW5hbWljLWNvbXBvbmVudC9keW5hbWljLWNvbXBvbmVudC5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2Zvcm1hdC9hcHAtZm9ybWF0JztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2lkL2lkLm1vZHVsZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9sb2cvbG9nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbG9nL2xvZy5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL21lZGlhLXF1ZXJ5L21lZGlhLWJyZWFrcG9pbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9tZWRpYS1xdWVyeS9tZWRpYS1xdWVyeS1saXN0ZW5lcic7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbWVkaWEtcXVlcnkvbWVkaWEtcXVlcnkubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9tZWRpYS1xdWVyeS9tZWRpYS1xdWVyeS5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL211dGF0aW9uL211dGF0aW9uLW9ic2VydmVyLXNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbnVtZXJpYy9udW1lcmljLXN5bWJvbCc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbnVtZXJpYy9udW1lcmljLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbnVtZXJpYy9udW1lcmljLm9wdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL251bWVyaWMvbnVtZXJpYy5waXBlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9udW1lcmljL251bWVyaWMuc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9vdmVybGF5L292ZXJsYXktY29uZmlnJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9vdmVybGF5L292ZXJsYXktaW5zdGFuY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3BlcmNlbnQtcGlwZS9wZXJjZW50LXBpcGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9wZXJjZW50LXBpcGUvcGVyY2VudC5waXBlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3RpdGxlL3NldC10aXRsZS1hcmdzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy90aXRsZS90aXRsZS5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3VpLWNvbmZpZy91aS1jb25maWcuc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy92aWV3a2VlcGVyL3ZpZXdrZWVwZXItaG9zdC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy92aWV3a2VlcGVyL3ZpZXdrZWVwZXItb3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvd2luZG93L3dpbmRvdy1yZWYnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9jb3JlLyIsInNvdXJjZXMiOlsicHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFHMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQVF2RCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx5QkFBeUIsQ0FBQztBQUd4QyxjQUFjLDBCQUEwQixDQUFDO0FBRXpDLGNBQWMsOEJBQThCLENBQUM7QUFFN0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLDZCQUE2QixDQUFDO0FBRTVDLGNBQWMsd0RBQXdELENBQUM7QUFFdkUsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLHVEQUF1RCxDQUFDO0FBRXRFLGNBQWMsNkJBQTZCLENBQUM7QUFFNUMsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFFMUQsY0FBYyw4Q0FBOEMsQ0FBQztBQUc3RCxjQUFjLGtDQUFrQyxDQUFDO0FBQ2pELGNBQWMsbUNBQW1DLENBQUM7QUFDbEQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG1DQUFtQyxDQUFDO0FBR2xELGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG1DQUFtQyxDQUFDO0FBRWxELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxxQ0FBcUMsQ0FBQztBQUVwRCxjQUFjLG1EQUFtRCxDQUFDO0FBR2xFLGNBQWMsK0JBQStCLENBQUM7QUFFOUMsY0FBYyx1Q0FBdUMsQ0FBQztBQUV0RCxjQUFjLDhDQUE4QyxDQUFDO0FBRTdELGNBQWMsd0NBQXdDLENBQUM7QUFDdkQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxjQUFjLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FkYXB0ZXItc2VydmljZS9hZGFwdGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWRhcHRlci1zZXJ2aWNlL2FkYXB0ZXIuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWRhcHRlci1zZXJ2aWNlL2ZvY3VzYWJsZS1jaGlsZHJlbi1vcHRpb25zJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LWF1dG8tZml0LWNvbnRleHQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LWNvbmZpZyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXgtaG9yaXpvbnRhbC1hbGlnbm1lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LW9mZnNldCc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXgtb2Zmc2V0LWNoYW5nZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXgtcGxhY2VtZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC1wbGFjZW1lbnQtY2hhbmdlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9hZmZpeC9hZmZpeC12ZXJ0aWNhbC1hbGlnbm1lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXguc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXhlcic7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2staW5zZXJ0LWNvbXBvbmVudC1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay1pdGVtJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2staXRlbS1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay1sb2NhdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZG9jay9kb2NrLW9wdGlvbnMnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2R5bmFtaWMtY29tcG9uZW50L2R5bmFtaWMtY29tcG9uZW50LWxvY2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9keW5hbWljLWNvbXBvbmVudC9keW5hbWljLWNvbXBvbmVudC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9keW5hbWljLWNvbXBvbmVudC9keW5hbWljLWNvbXBvbmVudC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2R5bmFtaWMtY29tcG9uZW50L2R5bmFtaWMtY29tcG9uZW50LnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvZm9ybWF0L2FwcC1mb3JtYXQnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvaWQvaWQubW9kdWxlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL2xvZy9sb2cubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9sb2cvbG9nLnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbWVkaWEtcXVlcnkvbWVkaWEtYnJlYWtwb2ludHMnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL21lZGlhLXF1ZXJ5L21lZGlhLXF1ZXJ5LWxpc3RlbmVyJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9tZWRpYS1xdWVyeS9tZWRpYS1xdWVyeS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL21lZGlhLXF1ZXJ5L21lZGlhLXF1ZXJ5LnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbXV0YXRpb24vbXV0YXRpb24tb2JzZXJ2ZXItc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9udW1lcmljL251bWVyaWMtc3ltYm9sJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9udW1lcmljL251bWVyaWMubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy9udW1lcmljL251bWVyaWMub3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvbnVtZXJpYy9udW1lcmljLnBpcGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL251bWVyaWMvbnVtZXJpYy5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS1jb25maWcnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS1pbnN0YW5jZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvb3ZlcmxheS9vdmVybGF5Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvb3ZlcmxheS9vdmVybGF5LnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvcGVyY2VudC1waXBlL3BlcmNlbnQtcGlwZS5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3BlcmNlbnQtcGlwZS9wZXJjZW50LnBpcGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvc2Nyb2xsYWJsZS1ob3N0L3Njcm9sbGFibGUtaG9zdC5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3RpdGxlL3NldC10aXRsZS1hcmdzJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy90aXRsZS90aXRsZS5zZXJ2aWNlJztcblxuZXhwb3J0ICogZnJvbSAnLi9tb2R1bGVzL3VpLWNvbmZpZy91aS1jb25maWcuc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy92aWV3a2VlcGVyL3ZpZXdrZWVwZXItaG9zdC1vcHRpb25zJztcbmV4cG9ydCAqIGZyb20gJy4vbW9kdWxlcy92aWV3a2VlcGVyL3ZpZXdrZWVwZXItb3B0aW9ucyc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL21vZHVsZXMvd2luZG93L3dpbmRvdy1yZWYnO1xuIl19

package/esm5/skyux-core.js

@@ -9,7 +9,8 @@ export { SkyIdDirective as ɵd } from './modules/id/id.directive';
 export { SkyOverlayAdapterService as ɵi } from './modules/overlay/overlay-adapter.service';
 export { SkyOverlayContext as ɵh } from './modules/overlay/overlay-context';
 export { SkyOverlayComponent as ɵg } from './modules/overlay/overlay.component';
+export { SkyScrollableHostModule as ɵk } from './modules/scrollable-host/scrollable-host.module';
 export { SkyCoreResourcesModule as ɵe } from './modules/shared/core-resources.module';
 export { SkyViewkeeperDirective as ɵj } from './modules/viewkeeper/viewkeeper.directive';
 export { SkyCoreResourcesProvider as ɵf } from './plugin-resources/core-resources-provider';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtY29yZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9jb3JlLyIsInNvdXJjZXMiOlsic2t5dXgtY29yZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDdkYsT0FBTyxFQUFDLGdCQUFnQixJQUFJLEVBQUUsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3JFLE9BQU8sRUFBQyxjQUFjLElBQUksRUFBRSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDL0QsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQ3BGLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUN2RixPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0sNENBQTRDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG5cbmV4cG9ydCB7U2t5QWZmaXhEaXJlY3RpdmUgYXMgybVhfSBmcm9tICcuL21vZHVsZXMvYWZmaXgvYWZmaXguZGlyZWN0aXZlJztcbmV4cG9ydCB7U2t5RG9ja0RvbUFkYXB0ZXJTZXJ2aWNlIGFzIMm1Y30gZnJvbSAnLi9tb2R1bGVzL2RvY2svZG9jay1kb20tYWRhcHRlci5zZXJ2aWNlJztcbmV4cG9ydCB7U2t5RG9ja0NvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2suY29tcG9uZW50JztcbmV4cG9ydCB7U2t5SWREaXJlY3RpdmUgYXMgybVkfSBmcm9tICcuL21vZHVsZXMvaWQvaWQuZGlyZWN0aXZlJztcbmV4cG9ydCB7U2t5T3ZlcmxheUFkYXB0ZXJTZXJ2aWNlIGFzIMm1aX0gZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS1hZGFwdGVyLnNlcnZpY2UnO1xuZXhwb3J0IHtTa3lPdmVybGF5Q29udGV4dCBhcyDJtWh9IGZyb20gJy4vbW9kdWxlcy9vdmVybGF5L292ZXJsYXktY29udGV4dCc7XG5leHBvcnQge1NreU92ZXJsYXlDb21wb25lbnQgYXMgybVnfSBmcm9tICcuL21vZHVsZXMvb3ZlcmxheS9vdmVybGF5LmNvbXBvbmVudCc7XG5leHBvcnQge1NreUNvcmVSZXNvdXJjZXNNb2R1bGUgYXMgybVlfSBmcm9tICcuL21vZHVsZXMvc2hhcmVkL2NvcmUtcmVzb3VyY2VzLm1vZHVsZSc7XG5leHBvcnQge1NreVZpZXdrZWVwZXJEaXJlY3RpdmUgYXMgybVqfSBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLmRpcmVjdGl2ZSc7XG5leHBvcnQge1NreUNvcmVSZXNvdXJjZXNQcm92aWRlciBhcyDJtWZ9IGZyb20gJy4vcGx1Z2luLXJlc291cmNlcy9jb3JlLXJlc291cmNlcy1wcm92aWRlcic7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtY29yZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0Bza3l1eC9jb3JlLyIsInNvdXJjZXMiOlsic2t5dXgtY29yZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUMsd0JBQXdCLElBQUksRUFBRSxFQUFDLE1BQU0seUNBQXlDLENBQUM7QUFDdkYsT0FBTyxFQUFDLGdCQUFnQixJQUFJLEVBQUUsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3JFLE9BQU8sRUFBQyxjQUFjLElBQUksRUFBRSxFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDL0QsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDJDQUEyQyxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxpQkFBaUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDOUUsT0FBTyxFQUFDLHVCQUF1QixJQUFJLEVBQUUsRUFBQyxNQUFNLGtEQUFrRCxDQUFDO0FBQy9GLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwRixPQUFPLEVBQUMsc0JBQXNCLElBQUksRUFBRSxFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuXG5leHBvcnQge1NreUFmZml4RGlyZWN0aXZlIGFzIMm1YX0gZnJvbSAnLi9tb2R1bGVzL2FmZml4L2FmZml4LmRpcmVjdGl2ZSc7XG5leHBvcnQge1NreURvY2tEb21BZGFwdGVyU2VydmljZSBhcyDJtWN9IGZyb20gJy4vbW9kdWxlcy9kb2NrL2RvY2stZG9tLWFkYXB0ZXIuc2VydmljZSc7XG5leHBvcnQge1NreURvY2tDb21wb25lbnQgYXMgybVifSBmcm9tICcuL21vZHVsZXMvZG9jay9kb2NrLmNvbXBvbmVudCc7XG5leHBvcnQge1NreUlkRGlyZWN0aXZlIGFzIMm1ZH0gZnJvbSAnLi9tb2R1bGVzL2lkL2lkLmRpcmVjdGl2ZSc7XG5leHBvcnQge1NreU92ZXJsYXlBZGFwdGVyU2VydmljZSBhcyDJtWl9IGZyb20gJy4vbW9kdWxlcy9vdmVybGF5L292ZXJsYXktYWRhcHRlci5zZXJ2aWNlJztcbmV4cG9ydCB7U2t5T3ZlcmxheUNvbnRleHQgYXMgybVofSBmcm9tICcuL21vZHVsZXMvb3ZlcmxheS9vdmVybGF5LWNvbnRleHQnO1xuZXhwb3J0IHtTa3lPdmVybGF5Q29tcG9uZW50IGFzIMm1Z30gZnJvbSAnLi9tb2R1bGVzL292ZXJsYXkvb3ZlcmxheS5jb21wb25lbnQnO1xuZXhwb3J0IHtTa3lTY3JvbGxhYmxlSG9zdE1vZHVsZSBhcyDJtWt9IGZyb20gJy4vbW9kdWxlcy9zY3JvbGxhYmxlLWhvc3Qvc2Nyb2xsYWJsZS1ob3N0Lm1vZHVsZSc7XG5leHBvcnQge1NreUNvcmVSZXNvdXJjZXNNb2R1bGUgYXMgybVlfSBmcm9tICcuL21vZHVsZXMvc2hhcmVkL2NvcmUtcmVzb3VyY2VzLm1vZHVsZSc7XG5leHBvcnQge1NreVZpZXdrZWVwZXJEaXJlY3RpdmUgYXMgybVqfSBmcm9tICcuL21vZHVsZXMvdmlld2tlZXBlci92aWV3a2VlcGVyLmRpcmVjdGl2ZSc7XG5leHBvcnQge1NreUNvcmVSZXNvdXJjZXNQcm92aWRlciBhcyDJtWZ9IGZyb20gJy4vcGx1Z2luLXJlc291cmNlcy9jb3JlLXJlc291cmNlcy1wcm92aWRlcic7Il19

package/fesm2015/skyux-core.js

@@ -2,7 +2,7 @@ import { __decorate, __param } from 'tslib';
 import { RendererFactory2, Injectable, NgModule, EventEmitter, ElementRef, Input, Output, Directive, ComponentFactoryResolver, ApplicationRef, Injector, ChangeDetectorRef, ViewChild, ViewContainerRef, Component, ChangeDetectionStrategy, ɵɵdefineInjectable, ɵɵinject, Renderer2, NgZone, Pipe, Optional } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { Subject, fromEvent, BehaviorSubject, of } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
+import { takeUntil, debounceTime, take } from 'rxjs/operators';
 import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyIntlNumberFormatStyle, SkyIntlNumberFormatter, SkyLibResourcesService, SkyAppLocaleProvider, SkyI18nModule } from '@skyux/i18n';
 import { NavigationStart, Router, RouterModule } from '@angular/router';
 import { Title } from '@angular/platform-browser';
@@ -1047,17 +1047,71 @@ MutationObserverService = __decorate([
  * @internal
  */
 let SkyDockDomAdapterService = class SkyDockDomAdapterService {
-    constructor(rendererFactory) {
+    constructor(mutationService, rendererFactory) {
+        this.mutationService = mutationService;
+        this.ngUnsubscribe = new Subject();
         this.renderer = rendererFactory.createRenderer(undefined, undefined);
     }
+    ngOnDestroy() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+        this.ngUnsubscribe.next();
+        if (this.styleElement) {
+            this.destroyStyleElement();
+        }
+        this.currentDockHeight =
+            this.ngUnsubscribe =
+                this.observer =
+                    this.styleElement = undefined;
+    }
+    setSticky(elementRef) {
+        this.renderer.addClass(elementRef.nativeElement, 'sky-dock-sticky');
+    }
     setZIndex(zIndex, elementRef) {
         this.renderer.setStyle(elementRef.nativeElement, 'z-index', zIndex);
     }
     unbindDock(elementRef) {
         this.renderer.addClass(elementRef.nativeElement, 'sky-dock-unbound');
     }
+    watchDomChanges(elementRef) {
+        this.observer = this.mutationService.create(() => {
+            this.adjustBodyStyles(elementRef);
+        });
+        this.observer.observe(elementRef.nativeElement, {
+            attributes: true,
+            childList: true,
+            characterData: true,
+            subtree: true
+        });
+        fromEvent(window, 'resize')
+            .pipe(debounceTime(250), takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.adjustBodyStyles(elementRef));
+    }
+    adjustBodyStyles(elementRef) {
+        const dockHeight = elementRef.nativeElement.getBoundingClientRect().height;
+        if (dockHeight === this.currentDockHeight) {
+            return;
+        }
+        // Create a style element to avoid overwriting any existing inline body styles.
+        const styleElement = this.renderer.createElement('style');
+        const textNode = this.renderer.createText(`body { margin-bottom: ${dockHeight}px; }`);
+        // Apply a `data-` attribute to make unit testing easier.
+        this.renderer.setAttribute(styleElement, 'data-test-selector', 'sky-layout-dock-bottom-styles');
+        this.renderer.appendChild(styleElement, textNode);
+        this.renderer.appendChild(document.head, styleElement);
+        if (this.styleElement) {
+            this.destroyStyleElement();
+        }
+        this.currentDockHeight = dockHeight;
+        this.styleElement = styleElement;
+    }
+    destroyStyleElement() {
+        this.renderer.removeChild(document.head, this.styleElement);
+    }
 };
 SkyDockDomAdapterService.ctorParameters = () => [
+    { type: MutationObserverService },
     { type: RendererFactory2 }
 ];
 SkyDockDomAdapterService = __decorate([
@@ -1119,8 +1173,17 @@ let SkyDockComponent = class SkyDockComponent {
     setOptions(options) {
         var _a, _b;
         this.options = options;
-        if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.location) === SkyDockLocation.BeforeElement) {
-            this.domAdapter.unbindDock(this.elementRef);
+        switch ((_a = this.options) === null || _a === void 0 ? void 0 : _a.location) {
+            case SkyDockLocation.BeforeElement:
+                this.domAdapter.unbindDock(this.elementRef);
+                break;
+            case SkyDockLocation.ElementBottom:
+                this.domAdapter.setSticky(this.elementRef);
+                break;
+            case SkyDockLocation.BodyBottom:
+            default:
+                this.domAdapter.watchDomChanges(this.elementRef);
+                break;
         }
         if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.zIndex) {
             this.domAdapter.setZIndex(this.options.zIndex, this.elementRef);
@@ -1159,7 +1222,7 @@ SkyDockComponent = __decorate([
             SkyDockDomAdapterService
         ],
         changeDetection: ChangeDetectionStrategy.OnPush,
-        styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:sticky;left:0;bottom:0;right:0}"]
+        styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:-webkit-sticky;position:sticky}"]
     })
 ], SkyDockComponent);
 
@@ -1516,7 +1579,7 @@ function parseIntAutoRadix(text) {
 class SkyNumberFormatUtility {
     /* istanbul ignore next */
     constructor() { }
-    static formatNumber(locale, value, style, digits, currency = null, currencyAsSymbol = false) {
+    static formatNumber(locale, value, style, digits, currency = null, currencyAsSymbol = false, currencySign) {
         if (value == null) {
             return null;
         }
@@ -1557,7 +1620,8 @@ class SkyNumberFormatUtility {
             minimumFractionDigits: minFraction,
             maximumFractionDigits: maxFraction,
             currency: currency,
-            currencyAsSymbol: currencyAsSymbol
+            currencyAsSymbol: currencyAsSymbol,
+            currencySign: currencySign
         });
     }
 }
@@ -1641,7 +1705,7 @@ let SkyNumericService = class SkyNumericService {
                 // and the appropriate string value for Angular 5+.
                 // See: https://angular.io/api/common/CurrencyPipe#parameters
                 const symbolDisplay = 'symbol';
-                output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), SkyIntlNumberFormatStyle.Currency, digits, options.iso, symbolDisplay);
+                output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), SkyIntlNumberFormatStyle.Currency, digits, options.iso, symbolDisplay, options.currencySign);
                 break;
             // The following is a catch-all to ensure that if
             // anything but currency (or a future option) are entered,
@@ -1758,6 +1822,11 @@ class NumericOptions {
          * @default "number"
          */
         this.format = 'number';
+        /**
+         * Specifies the format of the currency`.
+         * @default "standard"
+         */
+        this.currencySign = 'standard';
         /**
          * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a
          * currency code, the component uses the browser's culture to determine the currency unless your
@@ -2304,6 +2373,85 @@ SkyPercentPipeModule = __decorate([
     })
 ], SkyPercentPipeModule);
 
+let SkyScrollableHostService = class SkyScrollableHostService {
+    constructor(mutationObserverSvc, windowRef) {
+        this.mutationObserverSvc = mutationObserverSvc;
+        this.windowRef = windowRef;
+    }
+    getScrollabeHost(elementRef) {
+        return this.findScrollableHost(elementRef.nativeElement);
+    }
+    watchScrollableHost(elementRef, completionObservable) {
+        let scrollableHost = this.findScrollableHost(elementRef.nativeElement);
+        let behaviorSubject = new BehaviorSubject(scrollableHost);
+        const mutationObserver = this.mutationObserverSvc.create(() => {
+            let newScrollableHost = this.findScrollableHost(elementRef.nativeElement);
+            if (newScrollableHost !== scrollableHost) {
+                scrollableHost = newScrollableHost;
+                this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                behaviorSubject.next(scrollableHost);
+            }
+        });
+        this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+        completionObservable.pipe(take(1)).subscribe(() => {
+            mutationObserver.disconnect();
+        });
+        return behaviorSubject;
+    }
+    findScrollableHost(element) {
+        const regex = /(auto|scroll)/;
+        const windowObj = this.windowRef.nativeWindow;
+        const bodyObj = windowObj.document.body;
+        /* Sanity check */
+        if (!element) {
+            return windowObj;
+        }
+        let style = windowObj.getComputedStyle(element);
+        let parent = element;
+        do {
+            parent = parent.parentNode;
+            /* Sanity check for if this function is called for an element which has been removed from the DOM */
+            if (!(parent instanceof HTMLElement)) {
+                return windowObj;
+            }
+            style = windowObj.getComputedStyle(parent);
+        } while (!regex.test(style.overflow) &&
+            !regex.test(style.overflowY) &&
+            parent !== bodyObj);
+        if (parent === bodyObj) {
+            return windowObj;
+        }
+        return parent;
+    }
+    observeForScrollableHostChanges(element, mutationObserver) {
+        mutationObserver.disconnect();
+        if (element instanceof HTMLElement) {
+            mutationObserver.observe(element, {
+                attributes: true,
+                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                subtree: true
+            });
+        }
+        else {
+            mutationObserver.observe(document.documentElement, {
+                attributes: true,
+                attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                subtree: true
+            });
+        }
+    }
+};
+SkyScrollableHostService.ctorParameters = () => [
+    { type: MutationObserverService },
+    { type: SkyAppWindowRef }
+];
+SkyScrollableHostService.ɵprov = ɵɵdefineInjectable({ factory: function SkyScrollableHostService_Factory() { return new SkyScrollableHostService(ɵɵinject(MutationObserverService), ɵɵinject(SkyAppWindowRef)); }, token: SkyScrollableHostService, providedIn: "root" });
+SkyScrollableHostService = __decorate([
+    Injectable({
+        providedIn: 'root'
+    })
+], SkyScrollableHostService);
+
 /**
  * Provides a method for setting a formatted title on the current window.
  */
@@ -2376,11 +2524,12 @@ function nextId() {
     nextIdIndex = (nextIdIndex || 0) + 1;
     return 'viewkeeper-' + nextIdIndex;
 }
-function getOffset(el) {
+function getOffset(el, scrollableHost) {
     const rect = el.getBoundingClientRect();
+    const parent = scrollableHost ? scrollableHost : document.documentElement;
     return {
-        top: rect.top + document.documentElement.scrollTop,
-        left: rect.left + document.documentElement.scrollLeft
+        top: rect.top + parent.scrollTop,
+        left: rect.left + parent.scrollLeft
     };
 }
 function px(value) {
@@ -2416,6 +2565,7 @@ class SkyViewkeeper {
         this.id = nextId();
         this.el = options.el;
         this.boundaryEl = options.boundaryEl;
+        this.scrollableHost = options.scrollableHost;
         this.verticalOffset = options.verticalOffset || 0;
         this.verticalOffsetEl = options.verticalOffsetEl;
         this.viewportMarginTop = options.viewportMarginTop || 0;
@@ -2423,12 +2573,23 @@ class SkyViewkeeper {
         if (this.verticalOffsetEl) {
             this.verticalOffsetEl.addEventListener(EVT_AFTER_VIEWKEEPER_SYNC, this.syncElPositionHandler);
         }
-        window.addEventListener('scroll', this.syncElPositionHandler);
+        window.addEventListener('scroll', this.syncElPositionHandler, true);
         window.addEventListener('resize', this.syncElPositionHandler);
         window.addEventListener('orientationchange', this.syncElPositionHandler);
         ensureStyleEl();
         this.syncElPosition();
     }
+    set viewportMarginTop(margin) {
+        this._viewportMarginTop = margin;
+    }
+    get viewportMarginTop() {
+        if (this.scrollableHost) {
+            return 0;
+        }
+        else {
+            return this._viewportMarginTop;
+        }
+    }
     syncElPosition() {
         const verticalOffset = this.calculateVerticalOffset();
         // When the element isn't visible, its size can't be calculated, so don't attempt syncing position in this case.
@@ -2451,7 +2612,7 @@ class SkyViewkeeper {
     }
     destroy() {
         if (!this.isDestroyed) {
-            window.removeEventListener('scroll', this.syncElPositionHandler);
+            window.removeEventListener('scroll', this.syncElPositionHandler, true);
             window.removeEventListener('resize', this.syncElPositionHandler);
             window.removeEventListener('orientationchange', this.syncElPositionHandler);
             this.unfixEl();
@@ -2489,16 +2650,19 @@ class SkyViewkeeper {
             const verticalOffsetElTop = parseInt(verticalOffsetElTopStyle, 10) || 0;
             offset += (this.verticalOffsetEl.offsetHeight + verticalOffsetElTop);
         }
+        else if (this.scrollableHost) {
+            offset += this.scrollableHost.getBoundingClientRect().top;
+        }
         return offset;
     }
     shouldFixEl(boundaryInfo, verticalOffset) {
         let anchorTop;
         let doFixEl;
         if (boundaryInfo.spacerEl) {
-            anchorTop = getOffset(boundaryInfo.spacerEl).top;
+            anchorTop = getOffset(boundaryInfo.spacerEl, this.scrollableHost).top;
         }
         else {
-            anchorTop = getOffset(this.el).top;
+            anchorTop = getOffset(this.el, this.scrollableHost).top;
         }
         doFixEl = boundaryInfo.scrollTop + verticalOffset + this.viewportMarginTop > anchorTop;
         return doFixEl;
@@ -2557,11 +2721,11 @@ class SkyViewkeeper {
         const spacerId = this.getSpacerId();
         const spacerEl = document.getElementById(spacerId);
         const boundaryEl = this.boundaryEl;
-        const boundaryOffset = getOffset(boundaryEl);
+        const boundaryOffset = getOffset(boundaryEl, this.scrollableHost);
         const boundaryTop = boundaryOffset.top;
         const boundaryBottom = boundaryTop + boundaryEl.getBoundingClientRect().height;
-        const scrollLeft = document.documentElement.scrollLeft;
-        const scrollTop = document.documentElement.scrollTop;
+        const scrollLeft = this.scrollableHost ? this.scrollableHost.scrollLeft : document.documentElement.scrollLeft;
+        const scrollTop = this.scrollableHost ? this.scrollableHost.scrollTop : document.documentElement.scrollTop;
         const elHeight = getHeightWithMargin(this.el);
         return {
             boundaryBottom,
@@ -2608,11 +2772,13 @@ SkyViewkeeperService = __decorate([
 ], SkyViewkeeperService);
 
 let SkyViewkeeperDirective = class SkyViewkeeperDirective {
-    constructor(el, mutationObserverSvc, viewkeeperSvc) {
+    constructor(el, mutationObserverSvc, viewkeeperSvc, scrollableHostService) {
         this.el = el;
         this.mutationObserverSvc = mutationObserverSvc;
         this.viewkeeperSvc = viewkeeperSvc;
+        this.scrollableHostService = scrollableHostService;
         this.viewkeepers = [];
+        this.scrollableHostWatchUnsubscribe = undefined;
     }
     set skyViewkeeper(value) {
         this._skyViewkeeper = value;
@@ -2668,17 +2834,29 @@ let SkyViewkeeperDirective = class SkyViewkeeperDirective {
     detectElements() {
         let viewkeeperEls = this.getViewkeeperEls();
         if (this.viewkeeperElsChanged(viewkeeperEls)) {
-            this.destroyViewkeepers();
-            let previousViewkeeperEl;
-            for (const viewkeeperEl of viewkeeperEls) {
-                this.viewkeepers.push(this.viewkeeperSvc.create({
-                    boundaryEl: this.el.nativeElement,
-                    el: viewkeeperEl,
-                    setWidth: true,
-                    verticalOffsetEl: previousViewkeeperEl
-                }));
-                previousViewkeeperEl = viewkeeperEl;
+            if (this.scrollableHostWatchUnsubscribe) {
+                this.scrollableHostWatchUnsubscribe.next();
+                this.scrollableHostWatchUnsubscribe = new Subject();
             }
+            else {
+                this.scrollableHostWatchUnsubscribe = new Subject();
+            }
+            this.scrollableHostService.watchScrollableHost(this.el, this.scrollableHostWatchUnsubscribe)
+                .pipe(takeUntil(this.scrollableHostWatchUnsubscribe))
+                .subscribe(scrollableHost => {
+                this.destroyViewkeepers();
+                let previousViewkeeperEl;
+                for (const viewkeeperEl of viewkeeperEls) {
+                    this.viewkeepers.push(this.viewkeeperSvc.create({
+                        boundaryEl: this.el.nativeElement,
+                        scrollableHost: scrollableHost instanceof HTMLElement ? scrollableHost : undefined,
+                        el: viewkeeperEl,
+                        setWidth: true,
+                        verticalOffsetEl: previousViewkeeperEl
+                    }));
+                    previousViewkeeperEl = viewkeeperEl;
+                }
+            });
             this.currentViewkeeperEls = viewkeeperEls;
         }
     }
@@ -2686,7 +2864,8 @@ let SkyViewkeeperDirective = class SkyViewkeeperDirective {
 SkyViewkeeperDirective.ctorParameters = () => [
     { type: ElementRef },
     { type: MutationObserverService },
-    { type: SkyViewkeeperService }
+    { type: SkyViewkeeperService },
+    { type: SkyScrollableHostService, decorators: [{ type: Optional }] }
 ];
 __decorate([
     Input()
@@ -2694,9 +2873,21 @@ __decorate([
 SkyViewkeeperDirective = __decorate([
     Directive({
         selector: '[skyViewkeeper]'
-    })
+    }),
+    __param(3, Optional())
 ], SkyViewkeeperDirective);
 
+let SkyScrollableHostModule = class SkyScrollableHostModule {
+};
+SkyScrollableHostModule = __decorate([
+    NgModule({
+        providers: [
+            MutationObserverService,
+            SkyAppWindowRef
+        ]
+    })
+], SkyScrollableHostModule);
+
 let SkyViewkeeperModule = class SkyViewkeeperModule {
 };
 SkyViewkeeperModule = __decorate([
@@ -2704,6 +2895,9 @@ SkyViewkeeperModule = __decorate([
         declarations: [
             SkyViewkeeperDirective
         ],
+        imports: [
+            SkyScrollableHostModule
+        ],
         exports: [
             SkyViewkeeperDirective
         ],
@@ -2718,5 +2912,5 @@ SkyViewkeeperModule = __decorate([
  * Generated bundle index. Do not edit.
  */
 
-export { MutationObserverService, NumericOptions, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as ɵa, SkyDockComponent as ɵb, SkyDockDomAdapterService as ɵc, SkyIdDirective as ɵd, SkyCoreResourcesModule as ɵe, SkyCoreResourcesProvider as ɵf, SkyOverlayComponent as ɵg, SkyOverlayContext as ɵh, SkyOverlayAdapterService as ɵi, SkyViewkeeperDirective as ɵj };
+export { MutationObserverService, NumericOptions, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyScrollableHostService, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as ɵa, SkyDockComponent as ɵb, SkyDockDomAdapterService as ɵc, SkyIdDirective as ɵd, SkyCoreResourcesModule as ɵe, SkyCoreResourcesProvider as ɵf, SkyOverlayComponent as ɵg, SkyOverlayContext as ɵh, SkyOverlayAdapterService as ɵi, SkyViewkeeperDirective as ɵj, SkyScrollableHostModule as ɵk };
 //# sourceMappingURL=skyux-core.js.map