@datarailsshared/datarailsshared 1.3.11 → 1.3.12

package/esm2015/public-api.js

@@ -24,6 +24,7 @@ export * from './lib/dr-inputs/dr-date-picker/dr-date-picker.component';
 export * from './lib/dr-inputs/dr-date-picker/dr-date-picker-format.directive';
 export * from './lib/dr-popover/dr-popover.directive';
 export * from './lib/dr-popover/dr-popover.component';
+export * from './lib/dr-popover/dr-popover.service';
 export * from './lib/dr-dropdown/dr-dropdown.directive';
 export * from './lib/dr-dropdown/dr-dropdown-position.directive';
 export * from './lib/dr-dropdown/dr-dropdown.component';
@@ -31,7 +32,7 @@ export * from './lib/dr-dropdown/dr-dropdown.service';
 export * from './lib/dr-dropdown/dr-dropdown-item-show.pipe';
 export * from './lib/dr-tabs/dr-tabs.component';
 export * from './lib/dr-tabs/dr-tab.component';
-export { DrPopoverRef } from './lib/models/popover';
+export { DrPopoverRef, } from './lib/models/popover';
 /* modules */
 export { DateTagModule } from './lib/date-tags/date-tag.module';
 export { ListTagModule } from './lib/list-tags/list-tag.module';
@@ -43,4 +44,4 @@ export { DrSpinnerModule } from './lib/dr-spinner/dr-spinner.module';
 export { DrPopoverModule } from './lib/dr-popover/dr-popover.module';
 export { DrDropdownModule } from './lib/dr-dropdown/dr-dropdown.module';
 export { DrTabsModule } from './lib/dr-tabs/dr-tabs.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEIsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMseUNBQXlDLENBQUM7QUFFeEQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUV0RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsa0RBQWtELENBQUM7QUFDakUsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGdDQUFnQyxDQUFDO0FBYS9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxhQUFhO0FBQ2IsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKiBjb21wb25lbnRzICovXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy9kYXRlLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3MvZm9yZWNhc3QtdGFnL2ZvcmVjYXN0LXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3MvbW9udGgtdGFnL21vbnRoLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3MvcXVhcnRlci10YWcvcXVhcnRlci10YWcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS10YWdzL3dlZWstdGFnL3dlZWstdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy95ZWFyLXRhZy95ZWFyLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci10YWdzL2RyLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9saXN0LXRhZ3MvbGlzdC10YWcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS10YWdzL2RheS10YWcvZGF5LXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3MvZGF0ZS10YWcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL3JhZGlvLWJ1dHRvbi9yYWRpby1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWlucHV0cy9kci1pbnB1dC9kci1pbnB1dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvZHItc2VsZWN0L2RyLXNlbGVjdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1hdmF0YXIvZHItYXZhdGFyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci10b29sdGlwL2RyLXRvb2x0aXAuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL2RyLXRvZ2dsZS9kci10b2dnbGUuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItc3Bpbm5lci9kci1zcGlubmVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXNwaW5uZXIvZHItc3Bpbm5lci5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWlucHV0cy9kci1kYXRlLXBpY2tlci9kci1kYXRlLXBpY2tlci1mb3JtYXQuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItcG9wb3Zlci9kci1wb3BvdmVyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXBvcG92ZXIvZHItcG9wb3Zlci5jb21wb25lbnQnO1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24uZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24tcG9zaXRpb24uZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24uc2VydmljZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLWl0ZW0tc2hvdy5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItdGFicy9kci10YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXRhYnMvZHItdGFiLmNvbXBvbmVudCc7XHJcblxyXG4vKiBtb2RlbHMgKi9cclxuZXhwb3J0IHsgVEFHX1RZUEVTLCBJVGFnLCBJRGF0ZVRhZywgSUxpc3RUYWcsIElUYWdGb3JTZXJ2ZXIgfSBmcm9tICcuL2xpYi9tb2RlbHMvc2VydmVyVGFncyc7XHJcbmV4cG9ydCB7XHJcbiAgRWxQb3NpdGlvbixcclxuICBJRHJvcGRvd24sXHJcbiAgSURyb3Bkb3duSXRlbSxcclxuICBJRHJvcGRvd25BY3Rpb25JY29uLFxyXG4gIElEcm9wZG93bkNvb3JkaW5hdGUsXHJcbiAgSURyb3Bkb3duQ2FsbEV2ZW50LFxyXG4gIElEcm9wZG93bkFjdGlvblxyXG59IGZyb20gJy4vbGliL21vZGVscy9kcm9wZG93bic7XHJcbmV4cG9ydCB7IERyUG9wb3ZlclJlZiB9IGZyb20gJy4vbGliL21vZGVscy9wb3BvdmVyJztcclxuXHJcbi8qIG1vZHVsZXMgKi9cclxuZXhwb3J0IHsgRGF0ZVRhZ01vZHVsZSB9IGZyb20gJy4vbGliL2RhdGUtdGFncy9kYXRlLXRhZy5tb2R1bGUnO1xyXG5leHBvcnQgeyBMaXN0VGFnTW9kdWxlIH0gZnJvbSAnLi9saWIvbGlzdC10YWdzL2xpc3QtdGFnLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyVGFnTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItdGFncy9kci10YWcubW9kdWxlJztcclxuZXhwb3J0IHsgRHJJbnB1dHNNb2R1bGUgfSBmcm9tICcuL2xpYi9kci1pbnB1dHMvZHItaW5wdXRzLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4vbGliL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xyXG5leHBvcnQgeyBEckF2YXRhck1vZHVsZSB9IGZyb20gJy4vbGliL2RyLWF2YXRhci9kci1hdmF0YXIubW9kdWxlJztcclxuZXhwb3J0IHsgRHJTcGlubmVyTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItc3Bpbm5lci9kci1zcGlubmVyLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4vbGliL2RyLXBvcG92ZXIvZHItcG9wb3Zlci5tb2R1bGUnO1xyXG5leHBvcnQgeyBEckRyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24ubW9kdWxlJztcclxuZXhwb3J0IHsgRHJUYWJzTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItdGFicy9kci10YWJzLm1vZHVsZSc7XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2RhdGFyYWlsc3NoYXJlZC9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUFDaEIsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLHFEQUFxRCxDQUFDO0FBQ3BFLGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMseUNBQXlDLENBQUM7QUFFeEQsY0FBYyx5REFBeUQsQ0FBQztBQUN4RSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx1Q0FBdUMsQ0FBQztBQUN0RCxjQUFjLHFDQUFxQyxDQUFDO0FBRXBELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyw4Q0FBOEMsQ0FBQztBQUM3RCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsZ0NBQWdDLENBQUM7QUFhL0MsT0FBTyxFQUNMLFlBQVksR0FJYixNQUFNLHNCQUFzQixDQUFDO0FBRTlCLGFBQWE7QUFDYixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qIGNvbXBvbmVudHMgKi9cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS10YWdzL2RhdGUtdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy9mb3JlY2FzdC10YWcvZm9yZWNhc3QtdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy9tb250aC10YWcvbW9udGgtdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy9xdWFydGVyLXRhZy9xdWFydGVyLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3Mvd2Vlay10YWcvd2Vlay10YWcuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZGF0ZS10YWdzL3llYXItdGFnL3llYXItdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXRhZ3MvZHItdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2xpc3QtdGFncy9saXN0LXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRlLXRhZ3MvZGF5LXRhZy9kYXktdGFnLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGUtdGFncy9kYXRlLXRhZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvcmFkaW8tYnV0dG9uL3JhZGlvLWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL2RyLWlucHV0L2RyLWlucHV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWlucHV0cy9kci1zZWxlY3QvZHItc2VsZWN0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWF2YXRhci9kci1hdmF0YXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItdG9vbHRpcC9kci10b29sdGlwLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvZHItdG9nZ2xlL2RyLXRvZ2dsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1zcGlubmVyL2RyLXNwaW5uZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItc3Bpbm5lci9kci1zcGlubmVyLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWlucHV0cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1pbnB1dHMvZHItZGF0ZS1waWNrZXIvZHItZGF0ZS1waWNrZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItaW5wdXRzL2RyLWRhdGUtcGlja2VyL2RyLWRhdGUtcGlja2VyLWZvcm1hdC5kaXJlY3RpdmUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1wb3BvdmVyL2RyLXBvcG92ZXIuZGlyZWN0aXZlJztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvZHItcG9wb3Zlci9kci1wb3BvdmVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXBvcG92ZXIvZHItcG9wb3Zlci5zZXJ2aWNlJztcclxuXHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLXBvc2l0aW9uLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLWRyb3Bkb3duL2RyLWRyb3Bkb3duLnNlcnZpY2UnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci1kcm9wZG93bi9kci1kcm9wZG93bi1pdGVtLXNob3cucGlwZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RyLXRhYnMvZHItdGFicy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kci10YWJzL2RyLXRhYi5jb21wb25lbnQnO1xyXG5cclxuLyogbW9kZWxzICovXHJcbmV4cG9ydCB7IFRBR19UWVBFUywgSVRhZywgSURhdGVUYWcsIElMaXN0VGFnLCBJVGFnRm9yU2VydmVyIH0gZnJvbSAnLi9saWIvbW9kZWxzL3NlcnZlclRhZ3MnO1xyXG5leHBvcnQge1xyXG4gIEVsUG9zaXRpb24sXHJcbiAgSURyb3Bkb3duLFxyXG4gIElEcm9wZG93bkl0ZW0sXHJcbiAgSURyb3Bkb3duQWN0aW9uSWNvbixcclxuICBJRHJvcGRvd25Db29yZGluYXRlLFxyXG4gIElEcm9wZG93bkNhbGxFdmVudCxcclxuICBJRHJvcGRvd25BY3Rpb25cclxufSBmcm9tICcuL2xpYi9tb2RlbHMvZHJvcGRvd24nO1xyXG5leHBvcnQge1xyXG4gIERyUG9wb3ZlclJlZixcclxuICBJRHJQb3BvdmVyQ29tcG9uZW50TW9kZWwsXHJcbiAgUG9pbnQsXHJcbiAgRHJQb3BvdmVyQ29uZmlnLFxyXG59IGZyb20gJy4vbGliL21vZGVscy9wb3BvdmVyJztcclxuXHJcbi8qIG1vZHVsZXMgKi9cclxuZXhwb3J0IHsgRGF0ZVRhZ01vZHVsZSB9IGZyb20gJy4vbGliL2RhdGUtdGFncy9kYXRlLXRhZy5tb2R1bGUnO1xyXG5leHBvcnQgeyBMaXN0VGFnTW9kdWxlIH0gZnJvbSAnLi9saWIvbGlzdC10YWdzL2xpc3QtdGFnLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyVGFnTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItdGFncy9kci10YWcubW9kdWxlJztcclxuZXhwb3J0IHsgRHJJbnB1dHNNb2R1bGUgfSBmcm9tICcuL2xpYi9kci1pbnB1dHMvZHItaW5wdXRzLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyVG9vbHRpcE1vZHVsZSB9IGZyb20gJy4vbGliL2RyLXRvb2x0aXAvZHItdG9vbHRpcC5tb2R1bGUnO1xyXG5leHBvcnQgeyBEckF2YXRhck1vZHVsZSB9IGZyb20gJy4vbGliL2RyLWF2YXRhci9kci1hdmF0YXIubW9kdWxlJztcclxuZXhwb3J0IHsgRHJTcGlubmVyTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItc3Bpbm5lci9kci1zcGlubmVyLm1vZHVsZSc7XHJcbmV4cG9ydCB7IERyUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4vbGliL2RyLXBvcG92ZXIvZHItcG9wb3Zlci5tb2R1bGUnO1xyXG5leHBvcnQgeyBEckRyb3Bkb3duTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItZHJvcGRvd24vZHItZHJvcGRvd24ubW9kdWxlJztcclxuZXhwb3J0IHsgRHJUYWJzTW9kdWxlIH0gZnJvbSAnLi9saWIvZHItdGFicy9kci10YWJzLm1vZHVsZSc7XHJcbiJdfQ==

package/fesm2015/datarailsshared-datarailsshared.js

@@ -4,11 +4,12 @@ import { FormControl, NG_VALUE_ACCESSOR, NgControl, FormsModule, ReactiveFormsMo
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS, MatNativeDateModule } from '@angular/material/core';
 import { MomentDateAdapter, MAT_MOMENT_DATE_ADAPTER_OPTIONS, MatMomentDateModule } from '@angular/material-moment-adapter';
 import * as momentImported from 'moment';
+import { noop as noop$1, Subject } from 'rxjs';
 import { transition, style, animate, trigger } from '@angular/animations';
+import * as i1 from '@angular/cdk/overlay';
 import { Overlay, OverlayPositionBuilder, OverlayConfig } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { DOCUMENT, CommonModule } from '@angular/common';
-import { Subject } from 'rxjs';
 import { first } from 'rxjs/operators';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -821,7 +822,7 @@ RadioButtonComponent.decorators = [
                 ],
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.ShadowDom,
-                styles: ["label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;min-width:12px;margin-right:5px;border:1px solid #C3C4CE;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{background:white;border-color:#579bf2;color:#579bf2}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23579BF2\"/></svg> ');color:#579bf2}label input:disabled+span:before{border-color:#bcbcbc}label input[disabled]:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23BCBCBC\"/></svg> ');border-color:#bcbcbc}label span:hover:before{border-color:#85889c}\n"]
+                styles: ["label input[type=radio].radiobox+span{vertical-align:middle;line-height:20px}input+span,input+span:after,input+span:before{box-sizing:content-box!important;-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}input{visibility:hidden;position:absolute;width:18px;height:18px}label input+span{position:relative;z-index:19;display:inline-block;margin:0 5px 0 0;line-height:17px;min-height:14px;min-width:14px}label input+span:hover{cursor:pointer}label input+span:before{content:\"\";font-size:14px;border-radius:0;display:inline-block;text-align:center;vertical-align:middle;padding:1px;height:12px;line-height:13px;width:12px;margin-right:5px;border:1px solid #C3C4CE;background-color:#fff;font-weight:normal;margin-top:-1px}label input+span:before{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}label input:checked+span:before,label:hover input:checked+span:before{background:white;border-color:#579bf2;color:#579bf2}label input:checked+span:before,label:hover input:checked+span:before{font-family:\"DataRails\"!important;background-image:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23579BF2\"/></svg> ');background-repeat:no-repeat;background-position:center;color:#579bf2}label input:disabled+span:before{border-color:#bcbcbc}label input[disabled]:checked+span:before{content:url('data:image/svg+xml; utf8, <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"5\" cy=\"5\" r=\"4.5\" fill=\"%23BCBCBC\"/></svg> ');border-color:#bcbcbc}label span:hover:before{border-color:#85889c}\n"]
             },] }
 ];
 RadioButtonComponent.ctorParameters = () => [
@@ -892,7 +893,7 @@ class DrInputComponent {
         this.readonly = false;
         this.clearable = false;
         this.blur = new EventEmitter();
-        this.value = null;
+        this.innerValue = null;
         this._disabled = null;
         this._elementClass = [];
         this._buttonOptions = {
@@ -905,6 +906,8 @@ class DrInputComponent {
         this.searchHandler = new EventEmitter();
         this.buttonHandler = new EventEmitter();
         this.tabindex = -1;
+        this.onChangeCallback = noop$1;
+        this.onTouchedCallback = noop$1;
         this.onChange = () => { };
         this.onTouched = () => { };
     }
@@ -940,6 +943,16 @@ class DrInputComponent {
     set(val) {
         this._elementClass = val.split(' ');
     }
+    get value() {
+        return this.innerValue;
+    }
+    set value(v) {
+        if (v !== this.innerValue) {
+            this.innerValue = v;
+            this.onChangeCallback(v);
+        }
+        this.cdr.markForCheck();
+    }
     ngAfterViewInit() {
         if (this.clearable) {
             this._elementClass.push('clearable');
@@ -955,15 +968,17 @@ class DrInputComponent {
         }
     }
     registerOnChange(fn) {
-        this.onChange = fn;
+        this.onChangeCallback = fn;
     }
     registerOnTouched(fn) {
-        this.onTouched = fn;
+        this.onTouchedCallback = fn;
     }
     writeValue(value) {
-        this.value = value;
-        this.updateChanges();
-        this.cdr.markForCheck();
+        if (value !== this.innerValue) {
+            this.innerValue = value;
+            this.updateChanges();
+            this.cdr.markForCheck();
+        }
     }
     updateChanges() {
         this.onChange(this.value);
@@ -1495,13 +1510,15 @@ class DrButtonComponent {
         this.click = new EventEmitter();
     }
     onClick($event) {
+        $event.preventDefault();
+        $event.stopPropagation();
         this.click.emit($event);
     }
 }
 DrButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'dr-button',
-                template: "<button (click)=\"onClick($event)\" [attr.disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n    [attr.icon]=\"icon ? true : false\" [attr.theme]=\"theme\">\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <i *ngIf=\"icon\" class=\"dr\" [ngClass]=\"icon\"></i>\r\n        <ng-content></ng-content>\r\n    </ng-container>\r\n    <i *ngIf=\"isLoading\" class=\"dr dr-spinner\"></i>\r\n</button>",
+                template: "<button (click)=\"onClick($event)\" [disabled]=\"disabled\" [attr.is-loading]=\"isLoading\" [attr.bold]=\"isBold\"\r\n    [attr.icon]=\"icon ? true : false\" [attr.theme]=\"theme\">\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <i *ngIf=\"icon\" class=\"dr\" [ngClass]=\"icon\" [style.color]=\"iconColor || 'inherit'\"></i>\r\n        <ng-content></ng-content>\r\n    </ng-container>\r\n    <i *ngIf=\"isLoading\" class=\"dr dr-spinner\"></i>\r\n</button>",
                 styles: [":host{display:inline-block}:host button[theme]{cursor:pointer;border-radius:16px;padding:5px 16px;font-family:\"Poppins\";font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:#4e566c;border:1px solid #7F7FDD;display:flex;justify-content:space-between;align-items:center;height:32px}:host button[theme] .dr{padding:0;margin-left:5.35px;margin-right:8.64px}:host button[theme] .dr-spinner{animation-name:rotate;animation-iteration-count:infinite;animation-duration:1s}@keyframes rotate{0%{transform:rotate()}to{transform:rotate(360deg)}}:host button[theme][theme~=secondary]{padding:5px 16px;background:#FFFFFF;border-radius:16px;min-width:90px}:host button[theme][theme~=secondary]:hover:not([disabled=\"true\"]){color:#4e566c;transition:.2ms ease-in all;background:#F2F2FB;box-shadow:0 4px 14px #0000001a;border:1px solid #4646CE;border-radius:16px}:host button[theme][theme~=secondary]:active{box-shadow:none;background:#F2F2FB}:host button[theme][theme~=secondary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=secondary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=primary]{background:#4646CE;color:#fff;border:none;min-width:90px}:host button[theme][theme~=primary]:hover:not([disabled=\"true\"]){transition:.2ms ease-in all;background:linear-gradient(96.89deg,#25258C 0%,#4646CE 100%);box-shadow:0 4px 14px #0000001a;border-radius:16px;border:none}:host button[theme][theme~=primary]:hover[disabled=false]{border:none}:host button[theme][theme~=primary]:active{background:#25258C}:host button[theme][theme~=primary][disabled=true]{background:#F0F1F4;color:#727583;border:none}:host button[theme][theme~=primary][is-loading=true]{justify-content:center;padding:5px 16px}:host button[theme][theme~=ghost]{background:none;border:none;color:#151b3f;padding:4px 8px}:host button[theme][theme~=ghost] .dr{margin-left:4.5px;margin-right:12.5px}:host button[theme][theme~=ghost]:hover:not([disabled=\"true\"]){color:#4646ce;background:#F2F2FB;border-radius:4px}:host button[theme][theme~=ghost][disabled=true]{color:#727583}:host button[theme][theme~=text-link]{background:none;border:none;color:#0b5af9;text-decoration:underline}:host button[theme][theme~=text-link][disabled=true]{color:#727583}:host button[theme][theme~=primary-icon]{padding:8px;width:28px;height:28px;justify-content:center;color:#fff;background:#4646CE;border:none}:host button[theme][theme~=primary-icon]:hover,:host button[theme][theme~=primary-icon]:active{background:linear-gradient(96.89deg,#131318 0%,#4646CE 100%)}:host button[theme][theme~=primary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA}:host button[theme][theme~=primary-icon] .dr{margin:0}:host button[theme][theme~=secondary-icon]{background:white;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:1px solid #7F7FDD}:host button[theme][theme~=secondary-icon]:hover,:host button[theme][theme~=secondary-icon]:active{color:#4646ce;background:#F2F2FB}:host button[theme][theme~=secondary-icon][disabled=true]{color:#bcbcbc;background:#E5E6EA;border:none}:host button[theme][theme~=secondary-icon] .dr{margin:0}:host button[theme][theme~=icon]{background:none;padding:8px;width:28px;height:28px;justify-content:center;color:#4e566c;border:none}:host button[theme][theme~=icon]:hover,:host button[theme][theme~=icon]:active{background:#F0F3FC;color:#4646ce}:host button[theme][theme~=icon][disabled=true]{color:#bcbcbc;border:none}:host button[theme][theme~=icon][disabled=true]:hover,:host button[theme][theme~=icon][disabled=true]:active{background:none}:host button[theme][theme~=icon] .dr{margin:0}:host button[theme][bold=true]{font-weight:600}:host button[theme][icon=true]{padding-left:8px}:host button[theme][icon=false]{justify-content:center}\n"]
             },] }
 ];
@@ -1513,6 +1530,7 @@ DrButtonComponent.propDecorators = {
     icon: [{ type: Input }],
     isBold: [{ type: Input }],
     isLoading: [{ type: Input }],
+    iconColor: [{ type: Input }],
     click: [{ type: Output }]
 };
 //  Examples:
@@ -1520,6 +1538,7 @@ DrButtonComponent.propDecorators = {
 <dr-button [icon]="'dr-icon-arrow-down'">hello</dr-button>
 <dr-button [icon]="'dr-icon-refresh'" [theme]="'primary-icon'"></dr-button>
 <dr-button [icon]="'dr-icon-refresh'" [isDisabled]="true" [theme]="'primary-icon'"></dr-button>
+<dr-button [theme]="'secondary'" [icon]="'dr-icon-excel'" [iconColor]="'#03A678'"></dr-button>
 
 <dr-button [icon]="'dr-icon-refresh'" [theme]="'secondary-icon'"></dr-button>
 <dr-button [icon]="'dr-icon-share'" [isDisabled]="true" [theme]="'secondary-icon'"></dr-button>
@@ -1732,7 +1751,12 @@ class DrPopoverRef {
     constructor(overlayRef) {
         this.overlayRef = overlayRef;
         this.onClose$ = new Subject();
+        // FIXME: this decision was made because of the incompatible rxjs version
+        /**
+         * Correct type is @type {Observable<any>}
+         */
         this.onClose = this.onClose$.asObservable();
+        this.onBackdropClick = this.overlayRef.backdropClick();
     }
     close(res) {
         this.overlayRef.detach();
@@ -1752,28 +1776,30 @@ class DrPopoverComponent {
         this.class = '';
         this.isContentTemplate = false;
     }
-    set popoverContainer(template) {
-        this.isContentTemplate = this.content instanceof TemplateRef;
-        if (!this.isContentTemplate) {
-            this.componentRef = this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.content));
-            Object.assign(this.componentRef.instance, this.contentContext);
-            template.nativeElement.appendChild(this.componentRef.location.nativeElement);
-        }
-        this.cdr.detectChanges();
-    }
     clickOutside(e) {
-        const isTargetHost = this.hostRef.nativeElement === e.target || this.hostRef.nativeElement.contains(e.target);
+        const isTargetHost = this.hostRef instanceof ElementRef && (this.hostRef.nativeElement === e.target || this.hostRef.nativeElement.contains(e.target));
         const isTargetInPopover = this.elementRef.nativeElement.contains(e.target);
         const isTargetInDatepicker = e.target.closest('mat-datepicker-popup');
         const isTargetInSelect = e.target.closest('ng-dropdown-panel');
+        const isTargetInDatepickerContent = e.target.closest('mat-datepicker-content');
         if (!isTargetHost
             && !isTargetInPopover
             && !isTargetInDatepicker
             && !isTargetInSelect
+            && !isTargetInDatepickerContent
             && !this.manualClosing) {
             this.popoverRef.close();
         }
     }
+    ngOnInit() {
+        this.isContentTemplate = this.content instanceof TemplateRef;
+        if (!this.isContentTemplate) {
+            this.componentRef = this.viewContainerRef.createComponent(this.componentFactoryResolver.resolveComponentFactory(this.content));
+            Object.assign(this.componentRef.instance, this.contentContext);
+            this.popoverContainer.nativeElement.appendChild(this.componentRef.location.nativeElement);
+        }
+        this.cdr.detectChanges();
+    }
 }
 DrPopoverComponent.decorators = [
     { type: Component, args: [{
@@ -1782,7 +1808,8 @@ DrPopoverComponent.decorators = [
                 animations: [
                     trigger('popover', POPUP_ANIMATION),
                 ],
-                styles: [".dr-popover{display:flex;background:#fff;border:1px solid #E5E5E5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}\n"]
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [".dr-popover{display:flex;background:#fff;border:1px solid #E5E5E5;border-radius:5px;box-sizing:border-box;box-shadow:0 4px 14px #0003;font-size:12px;color:#545a6b;max-height:100vh;max-width:100vw;overflow:auto}::ng-deep .dr-popover-transparent-backdrop{background-color:transparent}\n"]
             },] }
 ];
 DrPopoverComponent.ctorParameters = () => [
@@ -1798,16 +1825,93 @@ DrPopoverComponent.propDecorators = {
     class: [{ type: Input }],
     hostRef: [{ type: Input }],
     manualClosing: [{ type: Input }],
-    popoverContainer: [{ type: ViewChild, args: ['popoverContainer', { read: ElementRef },] }],
+    popoverContainer: [{ type: ViewChild, args: ['popoverContainer', { read: ElementRef, static: true },] }],
     clickOutside: [{ type: HostListener, args: ['document:mouseup', ['$event'],] }]
 };
 
-class DrPopoverDirective {
-    constructor(overlay, overlayPositionBuilder, elementRef, injector) {
+const DEFAULT_CONFIG = {
+    hasBackdrop: false,
+    closeOnBackdropClick: false,
+    backdropClass: 'dr-popover-transparent-backdrop',
+};
+const DEFAULT_MODEL = {
+    position: 'bottom',
+    class: '',
+    overlayConfig: {},
+    manualClosing: false,
+};
+
+class DrPopoverService {
+    constructor(overlay, overlayPositionBuilder, injector) {
         this.overlay = overlay;
         this.overlayPositionBuilder = overlayPositionBuilder;
-        this.elementRef = elementRef;
         this.injector = injector;
+    }
+    open(content, popoverModel) {
+        if (!content)
+            return;
+        const model = Object.assign(Object.assign({}, DEFAULT_MODEL), popoverModel);
+        const overlayRef = this.createOverlay(model);
+        const popoverRef = new DrPopoverRef(overlayRef);
+        this.attachOverlayContainer(content, model, overlayRef, popoverRef);
+        this.registerCloseListeners(model, overlayRef, popoverRef);
+        return popoverRef;
+    }
+    attachOverlayContainer(content, { contentContext, position, class: elementClass, manualClosing, hostRef }, overlayRef, popoverRef) {
+        const componentPortal = new ComponentPortal(DrPopoverComponent, null, this.createInjector(popoverRef));
+        const contentRef = overlayRef.attach(componentPortal);
+        popoverRef.componentRef = contentRef;
+        contentRef.instance.content = content;
+        contentRef.instance.contentContext = Object.assign(Object.assign({}, contentContext), { closePopover: popoverRef.close.bind(popoverRef) });
+        contentRef.instance.class = elementClass + ' ' + position;
+        contentRef.instance.manualClosing = manualClosing;
+        contentRef.instance.hostRef = hostRef;
+    }
+    createOverlay(popoverModel) {
+        const overlayConfig = this.getOverlayConfig(popoverModel);
+        return this.overlay.create(overlayConfig);
+    }
+    getOverlayConfig(popoverModel) {
+        const config = Object.assign(Object.assign({}, DEFAULT_CONFIG), popoverModel.overlayConfig || {});
+        const positionStrategy = this.overlayPositionBuilder
+            .flexibleConnectedTo(popoverModel.hostRef)
+            .withPositions([POPUP_POSITIONS[popoverModel.position]]);
+        const overlayConfig = new OverlayConfig(Object.assign({ scrollStrategy: this.overlay.scrollStrategies.noop(), positionStrategy }, config));
+        return overlayConfig;
+    }
+    createInjector(popoverRef) {
+        const injectionTokens = [
+            { provide: DrPopoverRef, useValue: popoverRef },
+        ];
+        return Injector.create({ providers: injectionTokens, parent: this.injector });
+    }
+    registerCloseListeners(popoverModel, overlayRef, popoverRef) {
+        const config = popoverModel.overlayConfig || {};
+        const targetElement = popoverModel.targetElement;
+        if ((config === null || config === void 0 ? void 0 : config.closeOnBackdropClick) && (config === null || config === void 0 ? void 0 : config.hasBackdrop)) {
+            overlayRef.backdropClick().subscribe(() => popoverRef.close());
+        }
+        if (targetElement) {
+            targetElement.addEventListener('mouseup', () => popoverRef.close(), { once: true });
+        }
+    }
+}
+DrPopoverService.ɵprov = i0.ɵɵdefineInjectable({ factory: function DrPopoverService_Factory() { return new DrPopoverService(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(i1.OverlayPositionBuilder), i0.ɵɵinject(i0.INJECTOR)); }, token: DrPopoverService, providedIn: "root" });
+DrPopoverService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+DrPopoverService.ctorParameters = () => [
+    { type: Overlay },
+    { type: OverlayPositionBuilder },
+    { type: Injector }
+];
+
+class DrPopoverDirective {
+    constructor(elementRef, drPopoverService) {
+        this.elementRef = elementRef;
+        this.drPopoverService = drPopoverService;
         this.contentContext = {};
         this.position = 'bottom';
         this.class = '';
@@ -1815,78 +1919,38 @@ class DrPopoverDirective {
         this.popoverClose = new EventEmitter();
         this.showStateChange = new EventEmitter();
     }
-    show() {
-        var _a;
-        if (this.overlayRef) {
-            this.destroyPopover();
+    togglePopover() {
+        if (this.popoverRef) {
+            this.closePopover();
         }
         else {
             this.renderPopover();
-            this.showStateChange.emit({ isShown: (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached() });
+            this.showStateChange.emit({ isShown: !!this.popoverRef });
         }
     }
-    renderPopover() {
-        var _a;
-        if (((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) || !this.content)
-            return;
-        this.overlayRef = this.createOverlay(this.overlayConfig || {});
-        this.drPopoverRef = new DrPopoverRef(this.overlayRef);
-        this.drPopoverRef.onClose.pipe(first()).subscribe((res) => {
-            var _a;
-            this.destroyPopover();
-            this.popoverClose.emit(res);
-            this.showStateChange.emit({ isShown: !!((_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.hasAttached()) });
-        });
-        this.attachOverlayContainer();
-    }
-    destroyPopover() {
-        if (this.overlayRef) {
-            this.overlayRef.dispose();
-            this.overlayRef = null;
-        }
-        if (this.contentRef) {
-            this.contentRef.destroy();
-            this.contentRef = null;
+    closePopover(res) {
+        if (this.popoverRef) {
+            this.popoverRef.close(res);
+            this.popoverRef = null;
         }
-        if (this.drPopoverRef) {
-            this.drPopoverRef.close();
-            this.drPopoverRef = null;
-        }
-    }
-    attachOverlayContainer() {
-        const componentPortal = new ComponentPortal(DrPopoverComponent, null, this.createInjector(this.drPopoverRef));
-        this.contentRef = this.overlayRef.attach(componentPortal);
-        this.drPopoverRef.componentRef = this.contentRef;
-        this.contentRef.instance.content = this.content;
-        this.contentRef.instance.contentContext = Object.assign(Object.assign({}, this.contentContext), { closePopover: this.destroyPopover.bind(this) });
-        this.contentRef.instance.class = this.class + ' ' + this.position;
-        this.contentRef.instance.manualClosing = this.manualClosing;
-        this.contentRef.instance.hostRef = this.elementRef;
-    }
-    createOverlay(config) {
-        const overlayConfig = this.getOverlayConfig(config);
-        return this.overlay.create(overlayConfig);
     }
-    getOverlayConfig(config) {
-        const positionStrategy = this.overlayPositionBuilder
-            .flexibleConnectedTo(this.elementRef)
-            .withPositions([POPUP_POSITIONS[this.position]]);
-        const overlayConfig = new OverlayConfig({
-            hasBackdrop: false,
-            panelClass: config === null || config === void 0 ? void 0 : config.panelClass,
-            scrollStrategy: this.overlay.scrollStrategies.noop(),
-            positionStrategy,
+    renderPopover() {
+        const popoverRef = this.popoverRef = this.drPopoverService.open(this.content, {
+            hostRef: this.elementRef,
+            overlayConfig: this.overlayConfig,
+            class: this.class,
+            manualClosing: this.manualClosing,
+            position: this.position,
+            contentContext: this.contentContext,
+        });
+        popoverRef.onClose.pipe(first()).subscribe((res) => {
+            this.closePopover();
+            this.popoverClose.emit(res);
+            this.showStateChange.emit({ isShown: !!this.popoverRef });
         });
-        return overlayConfig;
-    }
-    createInjector(previewOverlayRef) {
-        const injectionTokens = [
-            { provide: DrPopoverRef, useValue: previewOverlayRef },
-        ];
-        return Injector.create({ providers: injectionTokens, parent: this.injector });
     }
     ngOnDestroy() {
-        this.destroyPopover();
+        this.closePopover();
     }
 }
 DrPopoverDirective.decorators = [
@@ -1895,10 +1959,8 @@ DrPopoverDirective.decorators = [
             },] }
 ];
 DrPopoverDirective.ctorParameters = () => [
-    { type: Overlay },
-    { type: OverlayPositionBuilder },
     { type: ElementRef },
-    { type: Injector }
+    { type: DrPopoverService }
 ];
 DrPopoverDirective.propDecorators = {
     content: [{ type: Input, args: ['drPopover',] }],
@@ -1909,7 +1971,7 @@ DrPopoverDirective.propDecorators = {
     manualClosing: [{ type: Input, args: ['drPopoverManualClosing',] }],
     popoverClose: [{ type: Output, args: ['drPopoverClose',] }],
     showStateChange: [{ type: Output, args: ['drPopoverShowStateChange',] }],
-    show: [{ type: HostListener, args: ['click',] }]
+    togglePopover: [{ type: HostListener, args: ['click',] }]
 };
 
 class DrDropdownService {
@@ -2444,5 +2506,5 @@ DrTabsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AnyTagComponent, CheckboxComponent, DateTagComponent, DateTagModule, DayTagComponent, DrAvatarComponent, DrAvatarModule, DrButtonComponent, DrDatePickerComponent, DrDatePickerFormatDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrSelectComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ISpinnerOptions, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, CustomDateFormat as ɵc };
+export { AnyTagComponent, CheckboxComponent, DateTagComponent, DateTagModule, DayTagComponent, DrAvatarComponent, DrAvatarModule, DrButtonComponent, DrDatePickerComponent, DrDatePickerFormatDirective, DrDropdownComponent, DrDropdownDirective, DrDropdownItemShowPipe, DrDropdownModule, DrDropdownPositionDirective, DrDropdownService, DrInputComponent, DrInputsModule, DrPopoverComponent, DrPopoverDirective, DrPopoverModule, DrPopoverRef, DrPopoverService, DrSelectComponent, DrSpinnerComponent, DrSpinnerDirective, DrSpinnerModule, DrTabComponent, DrTabsComponent, DrTabsModule, DrTagComponent, DrTagModule, DrToggleComponent, DrTooltipDirective, DrTooltipModule, ForecastTagComponent, ISpinnerOptions, ListTagComponent, ListTagModule, MonthTagComponent, QuarterTagComponent, RadioButtonComponent, TooltipComponent, WeekTagComponent, YearTagComponent, components$2 as ɵa, POPUP_ANIMATION as ɵb, CustomDateFormat as ɵc };
 //# sourceMappingURL=datarailsshared-datarailsshared.js.map