@bravobit/bb-foundation 0.15.0 → 0.15.4

package/bundles/bravobit-bb-foundation-auth.umd.js

@@ -136,9 +136,9 @@
         };
         return AuthMapper;
     }());
-    AuthMapper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthMapper, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthMapper.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthMapper });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthMapper, decorators: [{
+    AuthMapper.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthMapper, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthMapper.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthMapper });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthMapper, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -1007,9 +1007,9 @@
         };
         return Auth;
     }());
-    Auth.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Auth, deps: [{ token: i1__namespace.Storage }, { token: AuthMapper }, { token: i0__namespace.Injector }, { token: i3__namespace.Platform }, { token: i4__namespace.HttpClient }, { token: AuthConfig, optional: true }, { token: i6__namespace.TransferState, optional: true }, { token: i7__namespace.HttpConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    Auth.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Auth });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Auth, decorators: [{
+    Auth.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Auth, deps: [{ token: i1__namespace.Storage }, { token: AuthMapper }, { token: i0__namespace.Injector }, { token: i3__namespace.Platform }, { token: i4__namespace.HttpClient }, { token: AuthConfig, optional: true }, { token: i6__namespace.TransferState, optional: true }, { token: i7__namespace.HttpConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    Auth.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Auth });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Auth, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: i1__namespace.Storage }, { type: AuthMapper }, { type: i0__namespace.Injector }, { type: i3__namespace.Platform }, { type: i4__namespace.HttpClient }, { type: AuthConfig, decorators: [{
@@ -1042,9 +1042,9 @@
         };
         return BbAuthenticated;
     }());
-    BbAuthenticated.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAuthenticated, deps: [{ token: Auth }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbAuthenticated.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbAuthenticated, selector: "[bbAuthenticated]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAuthenticated, decorators: [{
+    BbAuthenticated.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAuthenticated, deps: [{ token: Auth }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbAuthenticated.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbAuthenticated, selector: "[bbAuthenticated]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAuthenticated, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[bbAuthenticated]'
@@ -1076,9 +1076,9 @@
         };
         return BbRole;
     }());
-    BbRole.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbRole, deps: [{ token: Auth }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbRole.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbRole, selector: "[bbRole]", inputs: { bbRole: "bbRole" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbRole, decorators: [{
+    BbRole.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbRole, deps: [{ token: Auth }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbRole.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbRole, selector: "[bbRole]", inputs: { bbRole: "bbRole" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbRole, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[bbRole]'
@@ -1145,9 +1145,9 @@
         };
         return Permissions;
     }());
-    Permissions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Permissions, deps: [{ token: Auth }, { token: AuthConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    Permissions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Permissions });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: Permissions, decorators: [{
+    Permissions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Permissions, deps: [{ token: Auth }, { token: AuthConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    Permissions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Permissions });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: Permissions, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: Auth }, { type: AuthConfig, decorators: [{
@@ -1228,9 +1228,9 @@
         };
         return BbPermission;
     }());
-    BbPermission.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbPermission, deps: [{ token: Permissions }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbPermission.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbPermission, selector: "[bbPermission]", inputs: { bbPermission: "bbPermission", bbPermissionElse: "bbPermissionElse" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbPermission, decorators: [{
+    BbPermission.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbPermission, deps: [{ token: Permissions }, { token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbPermission.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbPermission, selector: "[bbPermission]", inputs: { bbPermission: "bbPermission", bbPermissionElse: "bbPermissionElse" }, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbPermission, decorators: [{
                 type: i0.Directive,
                 args: [{
                         selector: '[bbPermission]'
@@ -1269,9 +1269,9 @@
         };
         return BbAnonymousGuard;
     }());
-    BbAnonymousGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAnonymousGuard, deps: [{ token: Auth }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    BbAnonymousGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAnonymousGuard, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAnonymousGuard, decorators: [{
+    BbAnonymousGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAnonymousGuard, deps: [{ token: Auth }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    BbAnonymousGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAnonymousGuard, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAnonymousGuard, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
@@ -1307,9 +1307,9 @@
         };
         return BbAuthenticatedGuard;
     }());
-    BbAuthenticatedGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAuthenticatedGuard, deps: [{ token: Auth }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    BbAuthenticatedGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAuthenticatedGuard, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbAuthenticatedGuard, decorators: [{
+    BbAuthenticatedGuard.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAuthenticatedGuard, deps: [{ token: Auth }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    BbAuthenticatedGuard.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAuthenticatedGuard, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbAuthenticatedGuard, decorators: [{
                 type: i0.Injectable,
                 args: [{
                         providedIn: 'root'
@@ -1400,9 +1400,9 @@
         };
         return AuthInterceptor;
     }());
-    AuthInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthInterceptor, deps: [{ token: Auth }, { token: AuthConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    AuthInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthInterceptor });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthInterceptor, decorators: [{
+    AuthInterceptor.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthInterceptor, deps: [{ token: Auth }, { token: AuthConfig, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    AuthInterceptor.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthInterceptor });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthInterceptor, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () {
             return [{ type: Auth }, { type: AuthConfig, decorators: [{
@@ -1432,16 +1432,16 @@
         };
         return AuthModule;
     }());
-    AuthModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    AuthModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthModule, declarations: [BbAuthenticated,
+    AuthModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    AuthModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthModule, declarations: [BbAuthenticated,
             BbRole,
             BbPermission], imports: [i4.HttpClientModule], exports: [BbAuthenticated,
             BbRole,
             BbPermission] });
-    AuthModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthModule, providers: [
+    AuthModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthModule, providers: [
             { provide: AuthMapper, useClass: AuthMapper }
         ], imports: [[i4.HttpClientModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: AuthModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AuthModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [i4.HttpClientModule],

package/bundles/bravobit-bb-foundation-collections.umd.js

@@ -395,7 +395,7 @@
             var _this = this;
             var endpoint$ = rxjs.isObservable(this._endpoint) ? this._endpoint : rxjs.of(this._endpoint);
             var params = this.getBackendFormat(request);
-            var extraParams$ = this.getExtraParams(params);
+            var extraParams$ = this.getExtraParams(this._extraParams);
             return rxjs.combineLatest([endpoint$, extraParams$]).pipe(operators.switchMap(function (_h) {
                 var _j = __read(_h, 2), endpoint = _j[0], extraParams = _j[1];
                 return _this._httpClient.get(endpoint, {
@@ -449,97 +449,97 @@
         return LocalCollectionProvider;
     }(CollectionProvider));
 
-    var BbCollectionData = /** @class */ (function () {
-        function BbCollectionData() {
+    var BbCollectionsData = /** @class */ (function () {
+        function BbCollectionsData() {
         }
-        return BbCollectionData;
+        return BbCollectionsData;
     }());
-    BbCollectionData.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionData, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbCollectionData.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionData, selector: "[bbCollectionData]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionData, decorators: [{
+    BbCollectionsData.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsData, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsData.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsData, selector: "[bbCollectionsData]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsData, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[bbCollectionData]'
+                        selector: '[bbCollectionsData]'
                     }]
             }] });
-    var BbCollectionEmpty = /** @class */ (function () {
-        function BbCollectionEmpty() {
+    var BbCollectionsEmpty = /** @class */ (function () {
+        function BbCollectionsEmpty() {
         }
-        return BbCollectionEmpty;
+        return BbCollectionsEmpty;
     }());
-    BbCollectionEmpty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionEmpty, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbCollectionEmpty.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionEmpty, selector: "[bbCollectionEmpty]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionEmpty, decorators: [{
+    BbCollectionsEmpty.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsEmpty, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsEmpty.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsEmpty, selector: "[bbCollectionsEmpty]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsEmpty, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[bbCollectionEmpty]'
+                        selector: '[bbCollectionsEmpty]'
                     }]
             }] });
-    var BbCollectionError = /** @class */ (function () {
-        function BbCollectionError() {
+    var BbCollectionsError = /** @class */ (function () {
+        function BbCollectionsError() {
         }
-        return BbCollectionError;
+        return BbCollectionsError;
     }());
-    BbCollectionError.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionError, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbCollectionError.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionError, selector: "[bbCollectionError]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionError, decorators: [{
+    BbCollectionsError.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsError, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsError.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsError, selector: "[bbCollectionsError]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsError, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[bbCollectionError]'
+                        selector: '[bbCollectionsError]'
                     }]
             }] });
-    var BbCollectionInitial = /** @class */ (function () {
-        function BbCollectionInitial() {
+    var BbCollectionsInitial = /** @class */ (function () {
+        function BbCollectionsInitial() {
         }
-        return BbCollectionInitial;
+        return BbCollectionsInitial;
     }());
-    BbCollectionInitial.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionInitial, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    BbCollectionInitial.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionInitial, selector: "[bbCollectionInitial]", ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionInitial, decorators: [{
+    BbCollectionsInitial.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsInitial, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsInitial.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsInitial, selector: "[bbCollectionsInitial]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsInitial, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[bbCollectionInitial]'
+                        selector: '[bbCollectionsInitial]'
                     }]
             }] });
 
-    var BbCollectionViewer = /** @class */ (function () {
-        function BbCollectionViewer() {
+    var BbCollectionsViewer = /** @class */ (function () {
+        function BbCollectionsViewer() {
             // Inputs.
             this.collection = null;
         }
-        return BbCollectionViewer;
+        return BbCollectionsViewer;
     }());
-    BbCollectionViewer.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionViewer, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BbCollectionViewer.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionViewer, selector: "[bb-collection-viewer]", inputs: { collection: "collection" }, host: { classAttribute: "bb-collection-viewer" }, queries: [{ propertyName: "dataTemplate", first: true, predicate: BbCollectionData, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyTemplate", first: true, predicate: BbCollectionEmpty, descendants: true, read: i0.TemplateRef }, { propertyName: "errorTemplate", first: true, predicate: BbCollectionError, descendants: true, read: i0.TemplateRef }, { propertyName: "initialTemplate", first: true, predicate: BbCollectionInitial, descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<ng-container *ngIf=\"collection?.data$ | async as data\"\n              [ngSwitch]=\"data?.state\">\n    <ng-container *ngSwitchDefault>\n        <ng-container *ngTemplateOutlet=\"dataTemplate; context: {items: data?.response?.data}\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'initial'\">\n        <ng-container *ngTemplateOutlet=\"initialTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'empty'\">\n        <ng-container *ngTemplateOutlet=\"emptyTemplate; context: {query: data?.request?.query}\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'error'\">\n        <ng-container *ngTemplateOutlet=\"errorTemplate; context: {error: data?.error}\"></ng-container>\n    </ng-container>\n</ng-container>\n", styles: [".bb-collection-viewer{display:block}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionViewer, decorators: [{
+    BbCollectionsViewer.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsViewer, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BbCollectionsViewer.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsViewer, selector: "[bb-collections-viewer]", inputs: { collection: "collection" }, host: { classAttribute: "bb-collections-viewer" }, queries: [{ propertyName: "dataTemplate", first: true, predicate: BbCollectionsData, descendants: true, read: i0.TemplateRef }, { propertyName: "emptyTemplate", first: true, predicate: BbCollectionsEmpty, descendants: true, read: i0.TemplateRef }, { propertyName: "errorTemplate", first: true, predicate: BbCollectionsError, descendants: true, read: i0.TemplateRef }, { propertyName: "initialTemplate", first: true, predicate: BbCollectionsInitial, descendants: true, read: i0.TemplateRef }], ngImport: i0__namespace, template: "<ng-container *ngIf=\"collection?.data$ | async as data\"\n              [ngSwitch]=\"data?.state\">\n    <ng-container *ngSwitchDefault>\n        <ng-container *ngTemplateOutlet=\"dataTemplate; context: {items: data?.response?.data}\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'initial'\">\n        <ng-container *ngTemplateOutlet=\"initialTemplate\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'empty'\">\n        <ng-container *ngTemplateOutlet=\"emptyTemplate; context: {query: data?.request?.query}\"></ng-container>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'error'\">\n        <ng-container *ngTemplateOutlet=\"errorTemplate; context: {error: data?.error}\"></ng-container>\n    </ng-container>\n</ng-container>\n", styles: [".bb-collections-viewer{display:block}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsViewer, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: '[bb-collection-viewer]',
-                        templateUrl: './collection-viewer.component.html',
-                        styleUrls: ['./collection-viewer.component.scss'],
+                        selector: '[bb-collections-viewer]',
+                        templateUrl: './collections-viewer.component.html',
+                        styleUrls: ['./collections-viewer.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
-                        host: { 'class': 'bb-collection-viewer' },
+                        host: { 'class': 'bb-collections-viewer' },
                         preserveWhitespaces: false
                     }]
             }], propDecorators: { dataTemplate: [{
                     type: i0.ContentChild,
-                    args: [BbCollectionData, { read: i0.TemplateRef, static: false }]
+                    args: [BbCollectionsData, { read: i0.TemplateRef, static: false }]
                 }], emptyTemplate: [{
                     type: i0.ContentChild,
-                    args: [BbCollectionEmpty, { read: i0.TemplateRef, static: false }]
+                    args: [BbCollectionsEmpty, { read: i0.TemplateRef, static: false }]
                 }], errorTemplate: [{
                     type: i0.ContentChild,
-                    args: [BbCollectionError, { read: i0.TemplateRef, static: false }]
+                    args: [BbCollectionsError, { read: i0.TemplateRef, static: false }]
                 }], initialTemplate: [{
                     type: i0.ContentChild,
-                    args: [BbCollectionInitial, { read: i0.TemplateRef, static: false }]
+                    args: [BbCollectionsInitial, { read: i0.TemplateRef, static: false }]
                 }], collection: [{
                     type: i0.Input
                 }] } });
 
-    var BbCollectionPager = /** @class */ (function () {
-        function BbCollectionPager() {
+    var BbCollectionsPager = /** @class */ (function () {
+        function BbCollectionsPager() {
             // Readonly data.
             this.maxAmountOfButtons = 5;
             this.cache$ = new rxjs.BehaviorSubject({});
@@ -548,7 +548,7 @@
             this._collection = null;
             this._subscription = null;
         }
-        Object.defineProperty(BbCollectionPager.prototype, "label", {
+        Object.defineProperty(BbCollectionsPager.prototype, "label", {
             // Inputs.
             set: function (value) {
                 this._label = value;
@@ -557,7 +557,7 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(BbCollectionPager.prototype, "collection", {
+        Object.defineProperty(BbCollectionsPager.prototype, "collection", {
             set: function (collection) {
                 this._collection = collection;
                 this.observeCollectionChanges();
@@ -565,7 +565,7 @@
             enumerable: false,
             configurable: true
         });
-        BbCollectionPager.prototype.ngOnInit = function () {
+        BbCollectionsPager.prototype.ngOnInit = function () {
             var _this = this;
             this.data$ = this.cache$.pipe(operators.map(function (cache) {
                 var _a, _b, _c, _d;
@@ -588,11 +588,11 @@
                 };
             }));
         };
-        BbCollectionPager.prototype.ngOnDestroy = function () {
+        BbCollectionsPager.prototype.ngOnDestroy = function () {
             var _a;
             (_a = this._subscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
         };
-        BbCollectionPager.prototype.setPage = function (pageNumber, totalPages) {
+        BbCollectionsPager.prototype.setPage = function (pageNumber, totalPages) {
             var _a, _b, _c, _d;
             // Calculate the new value.
             var newValue = Math.min(totalPages, Math.max(1, pageNumber));
@@ -603,7 +603,7 @@
             }
             (_d = (_c = this._collection) === null || _c === void 0 ? void 0 : _c.pageNumberControl) === null || _d === void 0 ? void 0 : _d.setValue(pageNumber);
         };
-        BbCollectionPager.prototype.observeCollectionChanges = function () {
+        BbCollectionsPager.prototype.observeCollectionChanges = function () {
             var _this = this;
             var _a, _b, _c, _d, _e;
             if (!this._collection) {
@@ -621,7 +621,7 @@
                 }
             });
         };
-        BbCollectionPager.prototype.calculateLabel = function (start, end, total) {
+        BbCollectionsPager.prototype.calculateLabel = function (start, end, total) {
             var _a;
             var startPoint = '[start]';
             var endPoint = '[end]';
@@ -632,7 +632,7 @@
                 .replace(endPoint, "<strong>" + end + "</strong>")
                 .replace(totalPoint, "<strong>" + total + "</strong>");
         };
-        BbCollectionPager.prototype.calculatePages = function (pageNumber, totalPages) {
+        BbCollectionsPager.prototype.calculatePages = function (pageNumber, totalPages) {
             var min = 1;
             var max = totalPages;
             var amount = Math.max(1, this.maxAmountOfButtons);
@@ -654,24 +654,24 @@
             // Just return the default data.
             return data;
         };
-        BbCollectionPager.prototype.filterActivePages = function (pageNumber, totalPages) {
+        BbCollectionsPager.prototype.filterActivePages = function (pageNumber, totalPages) {
             return this.calculatePages(pageNumber, totalPages)
                 .filter(function (page) { return page > 0 && page <= totalPages; })
                 .map(function (page) { return ({ page: page, active: pageNumber === page }); });
         };
-        return BbCollectionPager;
+        return BbCollectionsPager;
     }());
-    BbCollectionPager.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionPager, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BbCollectionPager.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionPager, selector: "bb-collection-pager", inputs: { label: "label", collection: "collection" }, host: { classAttribute: "bb-collection-pager" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"data$ | async as data\">\n    <div [innerHTML]=\"data?.label\"\n         class=\"bb-collection-pager-text\">\n    </div>\n\n    <div class=\"bb-collection-pager-container\">\n        <ul class=\"bb-collection-pager-list\">\n            <li class=\"bb-collection-pager-item\"\n                title=\"Previous page\">\n                <button [disabled]=\"!data?.allowPrevious\"\n                        (click)=\"setPage(data?.pageNumber - 1, data?.totalPages)\"\n                        class=\"bb-collection-pager-button arrow first\"\n                        type=\"button\">\n                    &#8592;\n                </button>\n            </li>\n            <li *ngFor=\"let item of data?.pages\"\n                [title]=\"'Page ' + item?.page\"\n                class=\"bb-collection-pager-item\">\n                <button [class.active]=\"item?.active\"\n                        (click)=\"setPage(item?.page, data?.totalPages)\"\n                        class=\"bb-collection-pager-button\"\n                        type=\"button\">\n                    {{ item?.page }}\n                </button>\n            </li>\n            <li class=\"bb-collection-pager-item\"\n                title=\"Next page\">\n                <button [disabled]=\"!data?.allowNext\"\n                        (click)=\"setPage(data?.pageNumber + 1, data?.totalPages)\"\n                        class=\"bb-collection-pager-button arrow last\"\n                        type=\"button\">\n                    &#8594;\n                </button>\n            </li>\n        </ul>\n    </div>\n</ng-container>\n", styles: [".bb-collection-pager{display:flex;align-items:center;flex-direction:column-reverse}.bb-collection-pager-text{display:block;margin-top:10px}.bb-collection-pager-text>strong{font-weight:500}.bb-collection-pager-container{width:100%;display:flex;overflow-x:auto;align-items:center;justify-content:center}.bb-collection-pager-list{display:flex;border-radius:6px;align-items:center;background-color:#fff;border:1px solid rgba(67,90,111,.3);box-shadow:#435a6f24 0 1px 2px inset}.bb-collection-pager-item:not(:last-child){border-right:1px solid #cccccc}.bb-collection-pager-button{height:34px;border:none;display:flex;padding:0 4px;min-width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;background-color:transparent}.bb-collection-pager-button:hover,.bb-collection-pager-button:focus,.bb-collection-pager-button:active,.bb-collection-pager-button.active{color:#1565c0;font-weight:500}.bb-collection-pager-button:hover,.bb-collection-pager-button:focus{background-color:#1565c00d}.bb-collection-pager-button:active,.bb-collection-pager-button.active{background-color:#1565c033}.bb-collection-pager-button:not(.arrow):hover,.bb-collection-pager-button:not(.arrow):focus{outline:1px solid rgba(21,101,192,.5)}.bb-collection-pager-button:not(.arrow):focus,.bb-collection-pager-button:not(.arrow):active{outline:1px solid #1565c0;box-shadow:#1565c066 0 0 0 3px}.bb-collection-pager-button:not(.arrow).active{outline:1px solid #1565c0}.bb-collection-pager-button.arrow{font-weight:500}.bb-collection-pager-button.arrow.first{border-top-left-radius:2px;border-bottom-left-radius:2px}.bb-collection-pager-button.arrow.last{border-top-right-radius:2px;border-bottom-right-radius:2px}.bb-collection-pager-button:disabled{color:#000;outline:none;opacity:.25;cursor:default;pointer-events:none;background-color:transparent}@media only screen and (min-width: 768px){.bb-collection-pager{flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:space-between}.bb-collection-pager-text{margin-top:0}.bb-collection-pager-container{width:auto;overflow-x:unset}}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: BbCollectionPager, decorators: [{
+    BbCollectionsPager.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsPager, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BbCollectionsPager.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsPager, selector: "bb-collections-pager", inputs: { label: "label", collection: "collection" }, host: { classAttribute: "bb-collections-pager" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"data$ | async as data\">\n    <div [innerHTML]=\"data?.label\"\n         class=\"bb-collections-pager-text\">\n    </div>\n\n    <div class=\"bb-collections-pager-container\">\n        <ul class=\"bb-collections-pager-list\">\n            <li class=\"bb-collections-pager-item\"\n                title=\"Previous page\">\n                <button [disabled]=\"!data?.allowPrevious\"\n                        (click)=\"setPage(data?.pageNumber - 1, data?.totalPages)\"\n                        class=\"bb-collections-pager-button arrow first\"\n                        type=\"button\">\n                    &#8592;\n                </button>\n            </li>\n            <li *ngFor=\"let item of data?.pages\"\n                [title]=\"'Page ' + item?.page\"\n                class=\"bb-collections-pager-item\">\n                <button [class.active]=\"item?.active\"\n                        (click)=\"setPage(item?.page, data?.totalPages)\"\n                        class=\"bb-collections-pager-button\"\n                        type=\"button\">\n                    {{ item?.page }}\n                </button>\n            </li>\n            <li class=\"bb-collections-pager-item\"\n                title=\"Next page\">\n                <button [disabled]=\"!data?.allowNext\"\n                        (click)=\"setPage(data?.pageNumber + 1, data?.totalPages)\"\n                        class=\"bb-collections-pager-button arrow last\"\n                        type=\"button\">\n                    &#8594;\n                </button>\n            </li>\n        </ul>\n    </div>\n</ng-container>\n", styles: [".bb-collections-pager{display:flex;align-items:center;flex-direction:column-reverse}.bb-collections-pager-text{display:block;margin-top:10px}.bb-collections-pager-text>strong{font-weight:500}.bb-collections-pager-container{width:100%;display:flex;overflow-x:auto;align-items:center;justify-content:center}.bb-collections-pager-list{display:flex;border-radius:6px;align-items:center;background-color:#fff;border:1px solid rgba(67,90,111,.3);box-shadow:#435a6f24 0 1px 2px inset}.bb-collections-pager-item:not(:last-child){border-right:1px solid #cccccc}.bb-collections-pager-button{height:34px;border:none;display:flex;padding:0 4px;min-width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:34px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;justify-content:center;background-color:transparent}.bb-collections-pager-button:hover,.bb-collections-pager-button:focus,.bb-collections-pager-button:active,.bb-collections-pager-button.active{color:#1565c0;font-weight:500}.bb-collections-pager-button:hover,.bb-collections-pager-button:focus{background-color:#1565c00d}.bb-collections-pager-button:active,.bb-collections-pager-button.active{background-color:#1565c033}.bb-collections-pager-button:not(.arrow):hover,.bb-collections-pager-button:not(.arrow):focus{outline:1px solid rgba(21,101,192,.5)}.bb-collections-pager-button:not(.arrow):focus,.bb-collections-pager-button:not(.arrow):active{outline:1px solid #1565c0;box-shadow:#1565c066 0 0 0 3px}.bb-collections-pager-button:not(.arrow).active{outline:1px solid #1565c0}.bb-collections-pager-button.arrow{font-weight:500}.bb-collections-pager-button.arrow.first{border-top-left-radius:2px;border-bottom-left-radius:2px}.bb-collections-pager-button.arrow.last{border-top-right-radius:2px;border-bottom-right-radius:2px}.bb-collections-pager-button:disabled{color:#000;outline:none;opacity:.25;cursor:default;pointer-events:none;background-color:transparent}@media only screen and (min-width: 768px){.bb-collections-pager{flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:space-between}.bb-collections-pager-text{margin-top:0}.bb-collections-pager-container{width:auto;overflow-x:unset}}\n"], directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: BbCollectionsPager, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'bb-collection-pager',
-                        templateUrl: './collection-pager.component.html',
-                        styleUrls: ['./collection-pager.component.scss'],
+                        selector: 'bb-collections-pager',
+                        templateUrl: './collections-pager.component.html',
+                        styleUrls: ['./collections-pager.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         encapsulation: i0.ViewEncapsulation.None,
-                        host: { 'class': 'bb-collection-pager' },
+                        host: { 'class': 'bb-collections-pager' },
                         preserveWhitespaces: false
                     }]
             }], propDecorators: { label: [{
@@ -689,8 +689,8 @@
             this.raw$ = new rxjs.BehaviorSubject(null);
             this.loading$ = new rxjs.BehaviorSubject(true);
             // State.
+            this._formatter = null;
             this._refresh$ = new rxjs.BehaviorSubject(0);
-            // Cache.
             this._requestCache = null;
             this.controlToObservable = function (control) {
                 return control.valueChanges.pipe(operators.distinctUntilChanged(), operators.startWith(control === null || control === void 0 ? void 0 : control.value));
@@ -705,21 +705,38 @@
         Collection.prototype.refresh = function () {
             this._refresh$.next(0);
         };
+        Collection.prototype.setFormatter = function (callback) {
+            this._formatter = callback;
+            return this;
+        };
         Collection.prototype.getData = function () {
             var _this = this;
             var data$ = this.request.pipe(operators.tap(function () { return _this.loading$.next(true); }), operators.map(function (request) { return _this.validateRequest(request); }), operators.switchMap(function (request) {
                 return _this._provider.transform(request).pipe(operators.tap(function (response) { return _this.cacheCollectionData(response); }), operators.map(function (response) { return ({ response: response, request: request, initial: false }); }), operators.catchError(function (error) { return rxjs.of({
                     error: error,
                     request: request,
+                    response: null,
                     initial: false
                 }); }));
-            }), operators.startWith({ initial: true }));
+            }), operators.startWith({ initial: true, response: null }));
             return rxjs.combineLatest([data$, this.loading$.asObservable()]).pipe(operators.map(function (_f) {
                 var _g = __read(_f, 2), data = _g[0], loading = _g[1];
                 var combined = Object.assign(Object.assign({}, data), { loading: loading });
-                return Object.assign(Object.assign({}, combined), { state: _this.getState(combined) });
+                return Object.assign(Object.assign({}, combined), { response: _this.formatResponse(data === null || data === void 0 ? void 0 : data.response), state: _this.getState(combined) });
             }));
         };
+        Collection.prototype.formatResponse = function (response) {
+            var _this = this;
+            var _a;
+            if (!response) {
+                return response;
+            }
+            var data = ((_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : []).map(function (item) {
+                var _a;
+                return !!_this._formatter ? (_a = _this._formatter) === null || _a === void 0 ? void 0 : _a.call(_this, item) : item;
+            });
+            return Object.assign(Object.assign({}, response), { data: data });
+        };
         Collection.prototype.validateRequest = function (request) {
             var _a, _b, _c, _d;
             // We should reset the page number whenever we change the query or the page size.
@@ -776,55 +793,55 @@
         return Collection;
     }());
 
-    var CollectionModule = /** @class */ (function () {
-        function CollectionModule() {
+    var CollectionsModule = /** @class */ (function () {
+        function CollectionsModule() {
         }
-        return CollectionModule;
+        return CollectionsModule;
     }());
-    CollectionModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: CollectionModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    CollectionModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: CollectionModule, declarations: [
+    CollectionsModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: CollectionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    CollectionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: CollectionsModule, declarations: [
             // Components.
-            BbCollectionViewer,
-            BbCollectionPager,
+            BbCollectionsViewer,
+            BbCollectionsPager,
             // Directives.
-            BbCollectionData,
-            BbCollectionEmpty,
-            BbCollectionError,
-            BbCollectionInitial
+            BbCollectionsData,
+            BbCollectionsEmpty,
+            BbCollectionsError,
+            BbCollectionsInitial
         ], imports: [i1.CommonModule], exports: [
             // Components.
-            BbCollectionViewer,
-            BbCollectionPager,
+            BbCollectionsViewer,
+            BbCollectionsPager,
             // Directives.
-            BbCollectionData,
-            BbCollectionEmpty,
-            BbCollectionError,
-            BbCollectionInitial
+            BbCollectionsData,
+            BbCollectionsEmpty,
+            BbCollectionsError,
+            BbCollectionsInitial
         ] });
-    CollectionModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: CollectionModule, imports: [[i1.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: CollectionModule, decorators: [{
+    CollectionsModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: CollectionsModule, imports: [[i1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: CollectionsModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [i1.CommonModule],
                         declarations: [
                             // Components.
-                            BbCollectionViewer,
-                            BbCollectionPager,
+                            BbCollectionsViewer,
+                            BbCollectionsPager,
                             // Directives.
-                            BbCollectionData,
-                            BbCollectionEmpty,
-                            BbCollectionError,
-                            BbCollectionInitial
+                            BbCollectionsData,
+                            BbCollectionsEmpty,
+                            BbCollectionsError,
+                            BbCollectionsInitial
                         ],
                         exports: [
                             // Components.
-                            BbCollectionViewer,
-                            BbCollectionPager,
+                            BbCollectionsViewer,
+                            BbCollectionsPager,
                             // Directives.
-                            BbCollectionData,
-                            BbCollectionEmpty,
-                            BbCollectionError,
-                            BbCollectionInitial
+                            BbCollectionsData,
+                            BbCollectionsEmpty,
+                            BbCollectionsError,
+                            BbCollectionsInitial
                         ]
                     }]
             }] });
@@ -834,15 +851,15 @@
      */
 
     exports.ApiCollectionProvider = ApiCollectionProvider;
-    exports.BbCollectionData = BbCollectionData;
-    exports.BbCollectionEmpty = BbCollectionEmpty;
-    exports.BbCollectionError = BbCollectionError;
-    exports.BbCollectionInitial = BbCollectionInitial;
-    exports.BbCollectionPager = BbCollectionPager;
-    exports.BbCollectionViewer = BbCollectionViewer;
+    exports.BbCollectionsData = BbCollectionsData;
+    exports.BbCollectionsEmpty = BbCollectionsEmpty;
+    exports.BbCollectionsError = BbCollectionsError;
+    exports.BbCollectionsInitial = BbCollectionsInitial;
+    exports.BbCollectionsPager = BbCollectionsPager;
+    exports.BbCollectionsViewer = BbCollectionsViewer;
     exports.Collection = Collection;
-    exports.CollectionModule = CollectionModule;
     exports.CollectionProvider = CollectionProvider;
+    exports.CollectionsModule = CollectionsModule;
     exports.LocalCollectionProvider = LocalCollectionProvider;
 
     Object.defineProperty(exports, '__esModule', { value: true });