@bravobit/bb-foundation 0.15.4 → 0.16.1

package/fesm2015/{bravobit-bb-foundation-collections.js → bravobit-bb-foundation-collections.mjs}

@@ -101,9 +101,9 @@ class LocalCollectionProvider extends CollectionProvider {
 
 class BbCollectionsData {
 }
-BbCollectionsData.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsData, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbCollectionsData.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsData, selector: "[bbCollectionsData]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsData, decorators: [{
+BbCollectionsData.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsData, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbCollectionsData.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsData, selector: "[bbCollectionsData]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsData, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbCollectionsData]'
@@ -111,9 +111,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
         }] });
 class BbCollectionsEmpty {
 }
-BbCollectionsEmpty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbCollectionsEmpty.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsEmpty, selector: "[bbCollectionsEmpty]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsEmpty, decorators: [{
+BbCollectionsEmpty.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbCollectionsEmpty.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsEmpty, selector: "[bbCollectionsEmpty]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsEmpty, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbCollectionsEmpty]'
@@ -121,9 +121,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
         }] });
 class BbCollectionsError {
 }
-BbCollectionsError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbCollectionsError.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsError, selector: "[bbCollectionsError]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsError, decorators: [{
+BbCollectionsError.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbCollectionsError.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsError, selector: "[bbCollectionsError]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsError, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbCollectionsError]'
@@ -131,9 +131,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
         }] });
 class BbCollectionsInitial {
 }
-BbCollectionsInitial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsInitial, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbCollectionsInitial.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: BbCollectionsInitial, selector: "[bbCollectionsInitial]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsInitial, decorators: [{
+BbCollectionsInitial.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsInitial, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbCollectionsInitial.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsInitial, selector: "[bbCollectionsInitial]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsInitial, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bbCollectionsInitial]'
@@ -146,19 +146,11 @@ class BbCollectionsViewer {
         this.collection = null;
     }
 }
-BbCollectionsViewer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BbCollectionsViewer.ɵcmp = i0.ɵɵ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: TemplateRef }, { propertyName: "emptyTemplate", first: true, predicate: BbCollectionsEmpty, descendants: true, read: TemplateRef }, { propertyName: "errorTemplate", first: true, predicate: BbCollectionsError, descendants: true, read: TemplateRef }, { propertyName: "initialTemplate", first: true, predicate: BbCollectionsInitial, descendants: true, read: TemplateRef }], ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsViewer, decorators: [{
+BbCollectionsViewer.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsViewer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbCollectionsViewer.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsViewer, selector: "[bb-collections-viewer]", inputs: { collection: "collection" }, host: { classAttribute: "bb-collections-viewer" }, queries: [{ propertyName: "dataTemplate", first: true, predicate: BbCollectionsData, descendants: true, read: TemplateRef }, { propertyName: "emptyTemplate", first: true, predicate: BbCollectionsEmpty, descendants: true, read: TemplateRef }, { propertyName: "errorTemplate", first: true, predicate: BbCollectionsError, descendants: true, read: TemplateRef }, { propertyName: "initialTemplate", first: true, predicate: BbCollectionsInitial, descendants: true, read: TemplateRef }], ngImport: i0, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsViewer, decorators: [{
             type: Component,
-            args: [{
-                    selector: '[bb-collections-viewer]',
-                    templateUrl: './collections-viewer.component.html',
-                    styleUrls: ['./collections-viewer.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: { 'class': 'bb-collections-viewer' },
-                    preserveWhitespaces: false
-                }]
+            args: [{ selector: '[bb-collections-viewer]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'class': 'bb-collections-viewer' }, preserveWhitespaces: false, 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"] }]
         }], propDecorators: { dataTemplate: [{
                 type: ContentChild,
                 args: [BbCollectionsData, { read: TemplateRef, static: false }]
@@ -199,10 +191,10 @@ class BbCollectionsPager {
             var _a, _b, _c, _d;
             const pageSize = (_a = cache === null || cache === void 0 ? void 0 : cache.pageSize) !== null && _a !== void 0 ? _a : 1;
             const pageNumber = (_b = cache === null || cache === void 0 ? void 0 : cache.pageNumber) !== null && _b !== void 0 ? _b : 1;
-            const totalPages = (_c = cache === null || cache === void 0 ? void 0 : cache.totalPages) !== null && _c !== void 0 ? _c : 1;
-            const totalEntries = (_d = cache === null || cache === void 0 ? void 0 : cache.totalEntries) !== null && _d !== void 0 ? _d : 0;
-            const fromStart = Math.min((pageSize * (pageNumber - 1)) + 1, totalEntries);
-            const fromEnd = Math.min((fromStart - 1) + pageSize, totalEntries);
+            const totalPages = Math.max(0, (_c = cache === null || cache === void 0 ? void 0 : cache.totalPages) !== null && _c !== void 0 ? _c : 1);
+            const totalEntries = Math.max(0, (_d = cache === null || cache === void 0 ? void 0 : cache.totalEntries) !== null && _d !== void 0 ? _d : 0);
+            const fromStart = Math.max(0, Math.min((pageSize * (pageNumber - 1)) + 1, totalEntries));
+            const fromEnd = Math.max(0, Math.min((fromStart - 1) + pageSize, totalEntries));
             const pages = this.filterActivePages(pageNumber, totalPages);
             const allowNext = pageNumber < totalPages;
             const allowPrevious = pageNumber > 1;
@@ -287,19 +279,11 @@ class BbCollectionsPager {
             .map(page => ({ page, active: pageNumber === page }));
     }
 }
-BbCollectionsPager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsPager, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BbCollectionsPager.ɵcmp = i0.ɵɵ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, 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: BbCollectionsPager, decorators: [{
+BbCollectionsPager.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsPager, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbCollectionsPager.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbCollectionsPager, selector: "bb-collections-pager", inputs: { label: "label", collection: "collection" }, host: { classAttribute: "bb-collections-pager" }, ngImport: i0, 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;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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbCollectionsPager, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'bb-collections-pager',
-                    templateUrl: './collections-pager.component.html',
-                    styleUrls: ['./collections-pager.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    host: { 'class': 'bb-collections-pager' },
-                    preserveWhitespaces: false
-                }]
+            args: [{ selector: 'bb-collections-pager', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { 'class': 'bb-collections-pager' }, preserveWhitespaces: false, 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;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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], collection: [{
@@ -409,8 +393,8 @@ class Collection {
 
 class CollectionsModule {
 }
-CollectionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: CollectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CollectionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: CollectionsModule, declarations: [
+CollectionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CollectionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CollectionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CollectionsModule, declarations: [
         // Components.
         BbCollectionsViewer,
         BbCollectionsPager,
@@ -418,7 +402,8 @@ CollectionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         BbCollectionsData,
         BbCollectionsEmpty,
         BbCollectionsError,
-        BbCollectionsInitial], imports: [CommonModule], exports: [
+        BbCollectionsInitial
+    ], imports: [CommonModule], exports: [
         // Components.
         BbCollectionsViewer,
         BbCollectionsPager,
@@ -426,9 +411,10 @@ CollectionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
         BbCollectionsData,
         BbCollectionsEmpty,
         BbCollectionsError,
-        BbCollectionsInitial] });
-CollectionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: CollectionsModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: CollectionsModule, decorators: [{
+        BbCollectionsInitial
+    ] });
+CollectionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CollectionsModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CollectionsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -460,4 +446,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
  */
 
 export { ApiCollectionProvider, BbCollectionsData, BbCollectionsEmpty, BbCollectionsError, BbCollectionsInitial, BbCollectionsPager, BbCollectionsViewer, Collection, CollectionProvider, CollectionsModule, LocalCollectionProvider };
-//# sourceMappingURL=bravobit-bb-foundation-collections.js.map
+//# sourceMappingURL=bravobit-bb-foundation-collections.mjs.map

package/fesm2015/bravobit-bb-foundation-collections.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bravobit-bb-foundation-collections.mjs","sources":["../../../projects/bb-foundation/collections/src/lib/providers/collection.provider.ts","../../../projects/bb-foundation/collections/src/lib/providers/api-collection.provider.ts","../../../projects/bb-foundation/collections/src/lib/providers/local-collection.provider.ts","../../../projects/bb-foundation/collections/src/lib/components/collections.directive.ts","../../../projects/bb-foundation/collections/src/lib/components/collections-viewer/collections-viewer.component.ts","../../../projects/bb-foundation/collections/src/lib/components/collections-viewer/collections-viewer.component.html","../../../projects/bb-foundation/collections/src/lib/components/collections-pager/collections-pager.component.ts","../../../projects/bb-foundation/collections/src/lib/components/collections-pager/collections-pager.component.html","../../../projects/bb-foundation/collections/src/lib/collection.ts","../../../projects/bb-foundation/collections/src/lib/collections.module.ts","../../../projects/bb-foundation/collections/src/bravobit-bb-foundation-collections.ts"],"sourcesContent":["import {CollectionData, CollectionRequest} from '../interfaces/collection.interface';\nimport {Observable} from 'rxjs';\n\nexport abstract class CollectionProvider<T> {\n\n    abstract transform(request: CollectionRequest): Observable<CollectionData<T>>;\n\n    protected formatArrayToCollectionData(items: T[]) {\n        const count = items?.length ?? 1;\n        return <CollectionData<T>>{\n            pageSize: count,\n            totalEntries: count,\n            pageNumber: 1,\n            totalPages: 1,\n            data: items\n        };\n    }\n\n}\n","import {CollectionApiResponse, CollectionData, CollectionRequest} from '../interfaces/collection.interface';\nimport {combineLatest, isObservable, Observable, of} from 'rxjs';\nimport {CollectionProvider} from './collection.provider';\nimport {HttpClient} from '@angular/common/http';\nimport {map, switchMap} from 'rxjs/operators';\n\nexport class ApiCollectionProvider<T> extends CollectionProvider<T> {\n\n    // State.\n    private _extraParams: { [name: string]: Observable<string | number | boolean | ReadonlyArray<string | number | boolean>> } = {};\n\n    constructor(private readonly _endpoint: string | Observable<string>,\n                private readonly _httpClient: HttpClient) {\n        super();\n    }\n\n    append(name: string, value: string | number | boolean | ReadonlyArray<string | number | boolean> | Observable<string | number | boolean | ReadonlyArray<string | number | boolean>>) {\n        this._extraParams[name] = isObservable(value) ? value : of(value);\n        return this;\n    }\n\n    transform(request: CollectionRequest) {\n        const endpoint$ = isObservable(this._endpoint) ? this._endpoint : of(this._endpoint);\n        const params = this.getBackendFormat(request);\n        const extraParams$ = this.getExtraParams(this._extraParams);\n\n        return combineLatest([endpoint$, extraParams$]).pipe(\n            switchMap(([endpoint, extraParams]) => {\n                return this._httpClient.get<CollectionApiResponse<T> | T[]>(endpoint, {\n                    params: {...params, ...extraParams}\n                });\n            }),\n            map(response => this.formatToCollectionData(response))\n        );\n    }\n\n    private getExtraParams(params: { [name: string]: Observable<string | number | boolean | ReadonlyArray<string | number | boolean>> }) {\n        const keys = Object.keys(params ?? {});\n        if (keys.length <= 0) {\n            return of({});\n        }\n\n        const observables$ = keys.map(key => params?.[key]);\n        return combineLatest(observables$).pipe(\n            map(data => {\n                return data.reduce((previous, current, index) => {\n                    const key = keys?.[index];\n                    return {...previous, [key]: current};\n                }, {});\n            })\n        );\n    }\n\n    private formatToCollectionData(response: CollectionApiResponse<T> | T[]) {\n        if (Array.isArray(response)) {\n            return this.formatArrayToCollectionData(response);\n        }\n\n        return <CollectionData<T>>{\n            pageSize: response?.['page_size'] as number,\n            pageNumber: response?.['page_number'] as number,\n            totalPages: response?.['total_pages'] as number,\n            totalEntries: response?.['total_entries'] as number,\n            data: response?.['data'] as T[]\n        };\n    }\n\n    private getBackendFormat = (request: CollectionRequest) => {\n        const params = {};\n\n        params['page'] = request?.pageNumber ?? 1;\n        params['page_size'] = request?.pageSize ?? 25;\n\n        if (request?.sort) {\n            const sort = Array.isArray(request?.sort) ? request?.sort : [request?.sort];\n            const filteredSort = sort?.filter(item => !!item?.name && !!item?.direction);\n\n            params['sort'] = filteredSort?.map(item => item?.name)?.join(',');\n            params['sort_direction'] = filteredSort?.map(item => item?.direction)?.join(',');\n        }\n\n        if (request?.query && request?.query?.length > 0 && request?.queryFields && request?.queryFields?.length > 0) {\n            params['query'] = request?.query;\n            params['query_fields'] = request?.queryFields?.join(',');\n        }\n\n        return params;\n    };\n\n}\n","import {CollectionRequest} from '../interfaces/collection.interface';\nimport {CollectionProvider} from './collection.provider';\nimport {Observable, of} from 'rxjs';\nimport {map} from 'rxjs/operators';\n\nexport class LocalCollectionProvider<T> extends CollectionProvider<T> {\n\n    constructor(private readonly _items: T[] | Observable<T[]>) {\n        super();\n    }\n\n    transform(request: CollectionRequest) {\n        const items$ = Array.isArray(this._items)\n            ? of(this._items)\n            : this._items;\n\n        return items$.pipe(\n            map(items => this.formatArrayToCollectionData(items))\n        );\n    }\n\n}\n","import {Directive} from '@angular/core';\n\n@Directive({\n    selector: '[bbCollectionsData]'\n})\nexport class BbCollectionsData<T> {\n}\n\n@Directive({\n    selector: '[bbCollectionsEmpty]'\n})\nexport class BbCollectionsEmpty {\n}\n\n@Directive({\n    selector: '[bbCollectionsError]'\n})\nexport class BbCollectionsError {\n}\n\n@Directive({\n    selector: '[bbCollectionsInitial]'\n})\nexport class BbCollectionsInitial {\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    Input,\n    TemplateRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    BbCollectionsData,\n    BbCollectionsEmpty,\n    BbCollectionsError,\n    BbCollectionsInitial\n} from '../collections.directive';\nimport {Collection} from '../../collection';\n\n@Component({\n    selector: '[bb-collections-viewer]',\n    templateUrl: './collections-viewer.component.html',\n    styleUrls: ['./collections-viewer.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {'class': 'bb-collections-viewer'},\n    preserveWhitespaces: false\n})\nexport class BbCollectionsViewer<T = unknown> {\n\n    // Content.\n    @ContentChild(BbCollectionsData, {read: TemplateRef, static: false}) dataTemplate?: TemplateRef<any>;\n    @ContentChild(BbCollectionsEmpty, {read: TemplateRef, static: false}) emptyTemplate?: TemplateRef<any>;\n    @ContentChild(BbCollectionsError, {read: TemplateRef, static: false}) errorTemplate?: TemplateRef<any>;\n    @ContentChild(BbCollectionsInitial, {read: TemplateRef, static: false}) initialTemplate?: TemplateRef<any>;\n\n    // Inputs.\n    @Input() collection: Collection<T> | null = null;\n\n}\n","<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","import {ChangeDetectionStrategy, Component, Input, OnDestroy, OnInit, ViewEncapsulation} from '@angular/core';\nimport {CollectionData} from '../../interfaces/collection.interface';\nimport {BehaviorSubject, Observable, Subscription} from 'rxjs';\nimport {Collection} from '../../collection';\nimport {map} from 'rxjs/operators';\n\n@Component({\n    selector: 'bb-collections-pager',\n    templateUrl: './collections-pager.component.html',\n    styleUrls: ['./collections-pager.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {'class': 'bb-collections-pager'},\n    preserveWhitespaces: false\n})\nexport class BbCollectionsPager implements OnInit, OnDestroy {\n\n    // Readonly data.\n    readonly maxAmountOfButtons: number = 5;\n\n    // Inputs.\n    @Input()\n    set label(value: string) {\n        this._label = value;\n        this.cache$.next(this.cache$.getValue());\n    }\n\n    @Input()\n    set collection(collection: Collection<unknown> | null) {\n        this._collection = collection;\n        this.observeCollectionChanges();\n    }\n\n    // Data.\n    data$: Observable<{\n        totalPages: number,\n        pageNumber: number,\n        pages: { page: number, active: boolean }[],\n        allowNext: boolean\n        allowPrevious: boolean,\n        label: string\n    }>;\n    cache$ = new BehaviorSubject<Partial<CollectionData<unknown>>>({});\n\n    // State and subscriptions.\n    private _label: string | null = null;\n    private _collection: Collection<unknown> | null = null;\n    private _subscription: Subscription | null = null;\n\n    ngOnInit() {\n        this.data$ = this.cache$.pipe(\n            map(cache => {\n                const pageSize = cache?.pageSize ?? 1;\n                const pageNumber = cache?.pageNumber ?? 1;\n\n                const totalPages = Math.max(0, cache?.totalPages ?? 1);\n                const totalEntries = Math.max(0, cache?.totalEntries ?? 0);\n                const fromStart = Math.max(0, Math.min((pageSize * (pageNumber - 1)) + 1, totalEntries));\n                const fromEnd = Math.max(0, Math.min((fromStart - 1) + pageSize, totalEntries));\n\n                const pages = this.filterActivePages(pageNumber, totalPages);\n\n                const allowNext = pageNumber < totalPages;\n                const allowPrevious = pageNumber > 1;\n\n                return {\n                    totalPages,\n                    pages,\n                    pageNumber,\n                    allowNext,\n                    allowPrevious,\n                    label: this.calculateLabel(fromStart, fromEnd, totalEntries)\n                };\n            })\n        );\n    }\n\n    ngOnDestroy() {\n        this._subscription?.unsubscribe();\n    }\n\n    setPage(pageNumber: number, totalPages: number) {\n        // Calculate the new value.\n        const newValue = Math.min(\n            totalPages,\n            Math.max(1, pageNumber)\n        );\n\n        // Validate the value is actually different.\n        const currentValue = this._collection?.pageNumberControl?.value;\n        if (currentValue === newValue) {\n            return;\n        }\n\n        this._collection?.pageNumberControl?.setValue(pageNumber);\n    }\n\n    private observeCollectionChanges() {\n        if (!this._collection) {\n            return;\n        }\n\n        if (this._subscription) {\n            this._subscription?.unsubscribe();\n        }\n\n        const pageNumber = this._collection?.pageNumberControl?.value;\n        const pageSize = this._collection?.pageSizeControl?.value;\n\n        this.cache$.next({pageNumber, pageSize});\n\n        this._subscription = this._collection.raw$.subscribe(data => {\n            if (data) {\n                this.cache$.next(data);\n            }\n        });\n    }\n\n    private calculateLabel(start: number, end: number, total: number) {\n        const startPoint = '[start]';\n        const endPoint = '[end]';\n        const totalPoint = '[total]';\n        const label = this._label ?? `Showing ${startPoint} to ${endPoint} of ${totalPoint} results`;\n\n        return label\n            .replace(startPoint, `<strong>${start}</strong>`)\n            .replace(endPoint, `<strong>${end}</strong>`)\n            .replace(totalPoint, `<strong>${total}</strong>`);\n    }\n\n    private calculatePages(pageNumber: number, totalPages: number) {\n        const min = 1;\n        const max = totalPages;\n        const amount = Math.max(1, this.maxAmountOfButtons);\n\n        const data = Array(amount)\n            .fill(0)\n            .map((_, index) => pageNumber + (index - 1));\n\n        // Validate if the minimum value less than\n        // the first value.\n        if (data[0] < min) {\n            return data.map(item => item + 1);\n        }\n\n        // Calculate the difference with the max\n        // if this value is higher than 0 we should minus it.\n        const lastValueInArray = data[data.length - 1];\n        const differenceWithMax = lastValueInArray - max;\n        if (differenceWithMax > 0) {\n            return data.map(item => item - differenceWithMax);\n        }\n\n        // Just return the default data.\n        return data;\n    }\n\n    private filterActivePages(pageNumber: number, totalPages: number) {\n        return this.calculatePages(pageNumber, totalPages)\n            .filter(page => page > 0 && page <= totalPages)\n            .map(page => ({page, active: pageNumber === page}));\n    }\n\n}\n","<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","import {catchError, debounceTime, distinctUntilChanged, map, startWith, switchMap, tap} from 'rxjs/operators';\nimport {CollectionData, CollectionRequest, CollectionRequestSort} from './interfaces/collection.interface';\nimport {BehaviorSubject, combineLatest, Observable, of} from 'rxjs';\nimport {CollectionProvider} from './providers/collection.provider';\nimport {AbstractControl, FormControl} from '@angular/forms';\n\nexport const enum CollectionState {\n    Initial = 'initial',\n    Error = 'error',\n    Empty = 'empty',\n    Data = 'data'\n}\n\nexport class Collection<T> {\n\n    // Controls.\n    readonly queryControl: FormControl;\n    readonly queryFieldsControl: FormControl;\n    readonly pageNumberControl: FormControl;\n    readonly pageSizeControl: FormControl;\n    readonly sortControl: FormControl;\n\n    // Request.\n    readonly data$: Observable<{\n        response?: CollectionData<T>,\n        request?: CollectionRequest,\n        error?: Error\n        state: CollectionState,\n        loading: boolean,\n        initial: boolean\n    }>;\n\n    readonly raw$ = new BehaviorSubject<CollectionData<T> | null>(null);\n    readonly loading$ = new BehaviorSubject<boolean>(true);\n\n    // State.\n    private _formatter: (item: T) => T | null = null;\n    private _refresh$ = new BehaviorSubject<number>(0);\n    private _requestCache: CollectionRequest | null = null;\n\n    constructor(private readonly _provider: CollectionProvider<T>,\n                private readonly _initialValues: Partial<CollectionRequest> = {}) {\n        this.queryControl = new FormControl(_initialValues?.query ?? null);\n        this.queryFieldsControl = new FormControl(_initialValues?.queryFields ?? []);\n        this.pageNumberControl = new FormControl(_initialValues?.pageNumber ?? 1);\n        this.pageSizeControl = new FormControl(_initialValues?.pageSize ?? 25);\n        this.sortControl = new FormControl(_initialValues?.sort ?? null);\n\n        this.data$ = this.getData();\n    }\n\n    refresh() {\n        this._refresh$.next(0);\n    }\n\n    setFormatter(callback: (items: T) => T) {\n        this._formatter = callback;\n        return this;\n    }\n\n    private getData() {\n        const data$ = this.request.pipe(\n            tap(() => this.loading$.next(true)),\n            map(request => this.validateRequest(request)),\n            switchMap(request => {\n                return this._provider.transform(request).pipe(\n                    tap(response => this.cacheCollectionData(response)),\n                    map(response => ({response, request, initial: false})),\n                    catchError(error => of<{ error: Error, response: null, request: CollectionRequest, initial: boolean }>({\n                        error,\n                        request,\n                        response: null,\n                        initial: false\n                    }))\n                );\n            }),\n            startWith({initial: true, response: null})\n        );\n\n        return combineLatest([data$, this.loading$.asObservable()]).pipe(\n            map(([data, loading]) => {\n                const combined = {...data, loading};\n                return {...combined, response: this.formatResponse(data?.response), state: this.getState(combined)};\n            })\n        );\n    }\n\n    private formatResponse(response: CollectionData<T>) {\n        if (!response) {\n            return response;\n        }\n\n        const data = (response?.data ?? []).map(item => {\n            return !!this._formatter ? this._formatter?.(item) : item;\n        });\n        return {...response, data};\n    }\n\n    private validateRequest(request: CollectionRequest) {\n        // We should reset the page number whenever we change the query or the page size.\n        if (this._requestCache && request && (this._requestCache?.query !== request?.query || this._requestCache?.pageSize !== request?.pageSize)) {\n            this.pageNumberControl?.setValue(1, {emitEvent: false});\n            request.pageNumber = this.pageNumberControl?.value;\n        }\n\n        this._requestCache = {...request};\n\n        return request;\n    }\n\n    private getState(data: { response?: CollectionData<T>, request?: CollectionRequest, error?: Error, loading: boolean, initial: boolean }) {\n        if (!!data?.error) {\n            return CollectionState.Error;\n        }\n\n        if (!!data?.initial) {\n            return CollectionState.Initial;\n        }\n\n        const count = data?.response?.data?.length ?? 0;\n        if (count <= 0) {\n            return CollectionState.Empty;\n        }\n\n        return CollectionState.Data;\n    }\n\n    private cacheCollectionData(data: CollectionData<T>) {\n        this.raw$.next(data);\n        this.loading$.next(false);\n    }\n\n    private get request() {\n        const pageNumber$ = this.controlToObservable<number>(this.pageNumberControl);\n        const pageSize$ = this.controlToObservable<number>(this.pageSizeControl);\n        const query$ = this.getQueryObservable();\n        const queryFields$ = this.controlToObservable<string[]>(this.queryFieldsControl);\n        const sort$ = this.controlToObservable<CollectionRequestSort | CollectionRequestSort[]>(this.sortControl);\n\n        return combineLatest([pageNumber$, pageSize$, query$, queryFields$, sort$, this._refresh$.asObservable()]).pipe(\n            map(([pageNumber, pageSize, query, queryFields, sort]) => ({\n                pageNumber,\n                pageSize,\n                query,\n                queryFields,\n                sort\n            }))\n        );\n    }\n\n    private getQueryObservable() {\n        return this.queryControl.valueChanges.pipe(\n            debounceTime<string>(400),\n            distinctUntilChanged<string>(),\n            startWith(this.queryControl?.value as string | null)\n        );\n    }\n\n    private controlToObservable = <T = unknown>(control: AbstractControl) => {\n        return control.valueChanges.pipe(\n            distinctUntilChanged<T>(),\n            startWith(control?.value as T)\n        );\n    };\n\n}\n\n","import {\n    BbCollectionsData,\n    BbCollectionsEmpty,\n    BbCollectionsError,\n    BbCollectionsInitial\n} from './components/collections.directive';\nimport {BbCollectionsViewer} from './components/collections-viewer/collections-viewer.component';\nimport {BbCollectionsPager} from './components/collections-pager/collections-pager.component';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [\n        // Components.\n        BbCollectionsViewer,\n        BbCollectionsPager,\n        // Directives.\n        BbCollectionsData,\n        BbCollectionsEmpty,\n        BbCollectionsError,\n        BbCollectionsInitial\n    ],\n    exports: [\n        // Components.\n        BbCollectionsViewer,\n        BbCollectionsPager,\n        // Directives.\n        BbCollectionsData,\n        BbCollectionsEmpty,\n        BbCollectionsError,\n        BbCollectionsInitial\n    ]\n})\nexport class CollectionsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/bravobit-bb-foundation-controls.mjs

@@ -0,0 +1,123 @@
+import * as i0 from '@angular/core';
+import { forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Input, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { coerceBooleanProperty } from '@bravobit/bb-foundation';
+import { CommonModule } from '@angular/common';
+
+let nextUniqueId = 0;
+class BbiCheckbox {
+    constructor(_renderer) {
+        this._renderer = _renderer;
+        // Readonly data.
+        this.labelId = `bbi-checkbox-${nextUniqueId++}`;
+        // Methods.
+        this.onChange = () => ({});
+        this.onTouched = () => ({});
+        // State.
+        this._grouped = false;
+        this._disabled = false;
+        this._indeterminate = false;
+    }
+    // Inputs.
+    set disabled(value) {
+        const disabled = coerceBooleanProperty(value);
+        this.setDisabledState(disabled);
+    }
+    set grouped(value) {
+        this._grouped = coerceBooleanProperty(value);
+    }
+    set indeterminate(value) {
+        const indeterminate = coerceBooleanProperty(value);
+        this.setIndeterminateState(indeterminate);
+    }
+    ngOnInit() {
+        this.setDisabledState(this._disabled);
+        this.setIndeterminateState(this._indeterminate);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this._disabled = isDisabled;
+        this.setProperty('disabled', this._disabled);
+    }
+    setIndeterminateState(indeterminate) {
+        this._indeterminate = indeterminate;
+        this.setProperty('indeterminate', this._indeterminate);
+    }
+    writeValue(newValue) {
+        this.setProperty('checked', newValue);
+    }
+    onChangeEvent(event) {
+        var _a;
+        this.onChange((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.checked);
+    }
+    setProperty(key, value) {
+        var _a;
+        const element = (_a = this.inputElementRef) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        if (!element) {
+            return;
+        }
+        this._renderer.setProperty(element, key, value);
+    }
+}
+BbiCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbiCheckbox, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+BbiCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbiCheckbox, selector: "bbi-checkbox", inputs: { grouped: "grouped", disabled: "disabled", indeterminate: "indeterminate" }, host: { properties: { "class.grouped": "_grouped", "class.indeterminate": "_indeterminate" }, classAttribute: "bbi-checkbox" }, providers: [
+        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
+    ], viewQueries: [{ propertyName: "inputElementRef", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<input #input\n       [id]=\"labelId\"\n       (change)=\"onChangeEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"\n          dir=\"auto\"><ng-content></ng-content></span>\n</label>\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox+.bbi-checkbox{margin-top:3px}.bbi-checkbox.grouped{margin-bottom:20px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{border:1px solid #1565c0;background-color:#1565c0}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{top:-1px;left:5px;width:10px;border-left:0 solid white;border-bottom:2px solid white;transform:scale(1) rotate(0)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:#1565c0}.bbi-checkbox-input:disabled+.bbi-checkbox-label{color:#c6c6c6;cursor:not-allowed}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:#c6c6c6}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:#c6c6c6}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;font-size:16px;font-weight:400;line-height:1.28;-webkit-user-select:none;user-select:none;position:relative;padding-left:20px;font-family:inherit;vertical-align:initial}.bbi-checkbox-label:before{left:0;width:20px;content:\"\";height:20px;position:absolute;border-radius:4px;outline-offset:1px;border:1px solid #111111;background-color:initial;outline:2px solid transparent;transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{left:4px;opacity:0;width:12px;height:6px;content:\"\";margin-top:6px;background:none;position:absolute;transform-origin:center;border-left:2px solid white;border-bottom:2px solid white;transform:scale(.85) rotate(-60deg);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{padding-left:6px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbiCheckbox, decorators: [{
+            type: Component,
+            args: [{ selector: 'bbi-checkbox', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true }
+                    ], host: {
+                        'class': 'bbi-checkbox',
+                        '[class.grouped]': '_grouped',
+                        '[class.indeterminate]': '_indeterminate'
+                    }, inputs: ['grouped'], preserveWhitespaces: false, template: "<input #input\n       [id]=\"labelId\"\n       (change)=\"onChangeEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"\n          dir=\"auto\"><ng-content></ng-content></span>\n</label>\n", styles: [".bbi-checkbox{display:block}.bbi-checkbox+.bbi-checkbox{margin-top:3px}.bbi-checkbox.grouped{margin-bottom:20px}.bbi-checkbox-input{border:0;width:1px;padding:0;height:1px;margin:-1px;overflow:hidden;position:absolute;visibility:inherit;white-space:nowrap;clip:rect(0,0,0,0)}.bbi-checkbox-input:checked+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:before{border:1px solid #1565c0;background-color:#1565c0}.bbi-checkbox-input:checked+.bbi-checkbox-label:after,.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{opacity:1;transform:scale(1) rotate(-45deg)}.bbi-checkbox-input:indeterminate+.bbi-checkbox-label:after{top:-1px;left:5px;width:10px;border-left:0 solid white;border-bottom:2px solid white;transform:scale(1) rotate(0)}.bbi-checkbox-input:focus+.bbi-checkbox-label:before{outline-color:#1565c0}.bbi-checkbox-input:disabled+.bbi-checkbox-label{color:#c6c6c6;cursor:not-allowed}.bbi-checkbox-input:disabled+.bbi-checkbox-label:before{border-color:#c6c6c6}.bbi-checkbox-input:checked:disabled+.bbi-checkbox-label:before,.bbi-checkbox-input:indeterminate:disabled+.bbi-checkbox-label:before{background-color:#c6c6c6}.bbi-checkbox-label{border:0;margin:0;display:flex;cursor:pointer;font-size:16px;font-weight:400;line-height:1.28;-webkit-user-select:none;user-select:none;position:relative;padding-left:20px;font-family:inherit;vertical-align:initial}.bbi-checkbox-label:before{left:0;width:20px;content:\"\";height:20px;position:absolute;border-radius:4px;outline-offset:1px;border:1px solid #111111;background-color:initial;outline:2px solid transparent;transition:outline-color .2s cubic-bezier(0,0,.2,1),background-color .18s cubic-bezier(0,0,.2,1),border-color .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-label:after{left:4px;opacity:0;width:12px;height:6px;content:\"\";margin-top:6px;background:none;position:absolute;transform-origin:center;border-left:2px solid white;border-bottom:2px solid white;transform:scale(.85) rotate(-60deg);transition:opacity .12s cubic-bezier(0,0,.2,1),transform .18s cubic-bezier(0,0,.2,1)}.bbi-checkbox-text{padding-left:6px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { inputElementRef: [{
+                type: ViewChild,
+                args: ['input', { static: true }]
+            }], disabled: [{
+                type: Input
+            }], grouped: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }] } });
+
+class CheckboxModule {
+}
+CheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CheckboxModule, declarations: [BbiCheckbox], imports: [CommonModule, ReactiveFormsModule], exports: [BbiCheckbox] });
+CheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CheckboxModule, imports: [[CommonModule, ReactiveFormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: CheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ReactiveFormsModule],
+                    declarations: [BbiCheckbox],
+                    exports: [BbiCheckbox]
+                }]
+        }] });
+
+class ControlsModule {
+}
+ControlsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ControlsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ControlsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ControlsModule, imports: [CheckboxModule], exports: [CheckboxModule] });
+ControlsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ControlsModule, imports: [[CheckboxModule], CheckboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: ControlsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CheckboxModule],
+                    exports: [CheckboxModule]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BbiCheckbox, CheckboxModule, ControlsModule };
+//# sourceMappingURL=bravobit-bb-foundation-controls.mjs.map

package/fesm2015/bravobit-bb-foundation-controls.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bravobit-bb-foundation-controls.mjs","sources":["../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox.component.ts","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox.component.html","../../../projects/bb-foundation/controls/src/lib/checkbox/checkbox.module.ts","../../../projects/bb-foundation/controls/src/lib/controls.module.ts","../../../projects/bb-foundation/controls/src/bravobit-bb-foundation-controls.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    forwardRef,\n    Input, OnInit,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {coerceBooleanProperty} from '@bravobit/bb-foundation';\n\nlet nextUniqueId = 0;\n\n@Component({\n    selector: 'bbi-checkbox',\n    templateUrl: './checkbox.component.html',\n    styleUrls: ['./checkbox.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    providers: [\n        {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BbiCheckbox), multi: true}\n    ],\n    host: {\n        'class': 'bbi-checkbox',\n        '[class.grouped]': '_grouped',\n        '[class.indeterminate]': '_indeterminate'\n    },\n    inputs: ['grouped'],\n    preserveWhitespaces: false\n})\nexport class BbiCheckbox implements ControlValueAccessor, OnInit {\n\n    // Readonly data.\n    readonly labelId = `bbi-checkbox-${nextUniqueId++}`;\n\n    // Views.\n    @ViewChild('input', {static: true}) inputElementRef: ElementRef<HTMLInputElement>;\n\n    // Inputs.\n    @Input() set disabled(value: unknown) {\n        const disabled = coerceBooleanProperty(value);\n        this.setDisabledState(disabled);\n    }\n\n    @Input() set grouped(value: unknown) {\n        this._grouped = coerceBooleanProperty(value);\n    }\n\n    @Input() set indeterminate(value: unknown) {\n        const indeterminate = coerceBooleanProperty(value);\n        this.setIndeterminateState(indeterminate);\n    }\n\n    // Methods.\n    onChange: (newValue: boolean) => void = () => ({});\n    onTouched: () => void = () => ({});\n\n    // State.\n    _grouped: boolean = false;\n    _disabled: boolean = false;\n    _indeterminate: boolean = false;\n\n    constructor(private _renderer: Renderer2) {\n    }\n\n    ngOnInit() {\n        this.setDisabledState(this._disabled);\n        this.setIndeterminateState(this._indeterminate);\n    }\n\n    registerOnChange(fn: any): void {\n        this.onChange = fn;\n    }\n\n    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean) {\n        this._disabled = isDisabled;\n        this.setProperty('disabled', this._disabled);\n    }\n\n    setIndeterminateState(indeterminate: boolean) {\n        this._indeterminate = indeterminate;\n        this.setProperty('indeterminate', this._indeterminate);\n    }\n\n    writeValue(newValue: boolean) {\n        this.setProperty('checked', newValue);\n    }\n\n    onChangeEvent(event: Event) {\n        this.onChange((event?.target as HTMLInputElement)?.checked);\n    }\n\n    private setProperty(key: string, value: unknown) {\n        const element = this.inputElementRef?.nativeElement;\n        if (!element) {\n            return;\n        }\n        this._renderer.setProperty(element, key, value);\n    }\n\n}\n","<input #input\n       [id]=\"labelId\"\n       (change)=\"onChangeEvent($event)\"\n       (blur)=\"onTouched()\"\n       class=\"bbi-checkbox-input\"\n       type=\"checkbox\">\n<label [attr.for]=\"labelId\"\n       class=\"bbi-checkbox-label\">\n    <span class=\"bbi-checkbox-text\"\n          dir=\"auto\"><ng-content></ng-content></span>\n</label>\n","import {ReactiveFormsModule} from '@angular/forms';\nimport {BbiCheckbox} from './checkbox.component';\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [CommonModule, ReactiveFormsModule],\n    declarations: [BbiCheckbox],\n    exports: [BbiCheckbox]\n})\nexport class CheckboxModule {\n}\n","import {CheckboxModule} from './checkbox/checkbox.module';\nimport {NgModule} from '@angular/core';\n\n@NgModule({\n    imports: [CheckboxModule],\n    exports: [CheckboxModule]\n})\nexport class ControlsModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}