@bravobit/bb-foundation 0.15.0 → 0.15.1

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.10", ngImport: i0__namespace, type: BbCollectionsData, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsData.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionsData, selector: "[bbCollectionsData]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", 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.10", ngImport: i0__namespace, type: BbCollectionsEmpty, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsEmpty.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionsEmpty, selector: "[bbCollectionsEmpty]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", 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.10", ngImport: i0__namespace, type: BbCollectionsError, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsError.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionsError, selector: "[bbCollectionsError]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", 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.10", ngImport: i0__namespace, type: BbCollectionsInitial, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    BbCollectionsInitial.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: BbCollectionsInitial, selector: "[bbCollectionsInitial]", ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", 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.10", ngImport: i0__namespace, type: BbCollectionsViewer, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BbCollectionsViewer.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", 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.10", 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.10", ngImport: i0__namespace, type: BbCollectionsPager, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    BbCollectionsPager.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", 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.10", 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: [{
@@ -776,55 +776,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.10", ngImport: i0__namespace, type: CollectionsModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    CollectionsModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", 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.10", ngImport: i0__namespace, type: CollectionsModule, imports: [[i1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", 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 +834,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 });