@bravobit/bb-foundation 0.15.6 → 0.16.3

package/esm2020/table/lib/components/table/table.component.mjs

@@ -0,0 +1,191 @@
+import { ChangeDetectionStrategy, Component, ContentChild, ContentChildren, Directive, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
+import { catchError, debounceTime, distinctUntilChanged, map, startWith, tap } from 'rxjs/operators';
+import { DataSourceRequest } from '../../data/datasource.data';
+import { combineLatest, of } from 'rxjs';
+import { FormControl, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@bravobit/bb-foundation/elements";
+import * as i2 from "../table-pager/table-pager.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@bravobit/bb-foundation/localize";
+export class BbTableColumnDef {
+}
+BbTableColumnDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableColumnDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbTableColumnDef]'
+                }]
+        }] });
+export class BbTableRowDef {
+}
+BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.0", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableRowDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbTableRowDef]'
+                }]
+        }] });
+export class BbTable {
+    constructor() {
+        // Inputs.
+        this.identifier = null;
+        this.queryFields = [];
+        this.sortingStrategy = 'single';
+        this.header = true;
+        this.footer = true;
+        // Sizes.
+        this._sizes = [25, 50, 75, 100];
+        // Optimizations.
+        this.trackByFn = (index, item) => this.identifier ? item[this.identifier] : index;
+        this.trackByValue = (_, item) => item;
+        this.queryControl = new FormControl('');
+        // State.
+        this._headerCount = 0;
+    }
+    get sizes() {
+        return this._sizes;
+    }
+    set sizes(newValue) {
+        this.updateSizes(newValue);
+    }
+    ngOnInit() {
+        this.composeForm();
+        this.watchDataChanges();
+    }
+    ngOnDestroy() {
+        this._subscription?.unsubscribe();
+    }
+    get headerCount() {
+        return this._headerCount;
+    }
+    get sortControl() {
+        return this.form?.get('sort');
+    }
+    get pageNumberControl() {
+        return this.form?.get('pageNumber');
+    }
+    get pageSizeControl() {
+        return this.form?.get('pageSize');
+    }
+    refresh() {
+        return this.request.update();
+    }
+    setHeaderCount(amount) {
+        this._headerCount += amount;
+    }
+    updateSizes(newValue) {
+        // Validate the sizes has at least one value.
+        if (newValue.length <= 0) {
+            throw new Error('Cannot set an empty array as the sizes.');
+        }
+        // Set the new size.
+        this._sizes = newValue;
+        // Validate that the form exists already.
+        if (!this.form) {
+            return;
+        }
+        // Check if the current selected value is
+        // in the new sizes array.
+        const pageSizeControl = this.form.get('pageSize');
+        if (this._sizes.includes(pageSizeControl.value)) {
+            return;
+        }
+        // Set the first value in the array as
+        // the new value.
+        const firstValue = this._sizes[0];
+        pageSizeControl.setValue(firstValue);
+    }
+    composeForm() {
+        // Setup the form.
+        this.form = new FormGroup({
+            pageSize: new FormControl(this._sizes[0]),
+            pageNumber: new FormControl(1),
+            sort: new FormGroup({})
+        });
+    }
+    watchDataChanges() {
+        // Create a new request.
+        this.request = new DataSourceRequest();
+        this.isLoading$ = this.request.loading;
+        if (!this.dataSource) {
+            this.data$ = of({ state: 'error_datasource' }).pipe(tap(() => this.request.stopLoading()));
+            return;
+        }
+        // Pass the request to the data source.
+        this.data$ = this.dataSource.handle(this.request).pipe(tap(() => this.request.stopLoading()), map(result => {
+            const count = (result && result.data && result.data.length) || 0;
+            if (count <= 0) {
+                return { state: 'empty', result };
+            }
+            return { state: 'success', result };
+        }), catchError(error => {
+            this.request.stopLoading();
+            const statusCode = error?.status ?? null;
+            const states = {
+                0: 'error_down',
+                401: 'error_unauthorized',
+                403: 'error_forbidden',
+                404: 'error_not_found',
+                500: 'error_server'
+            };
+            return of({ state: states?.[statusCode] ?? 'error_unknown', statusCode: statusCode });
+        }));
+        // Subscribe to the data changes.
+        this.subscribeToChanges();
+    }
+    subscribeToChanges() {
+        const form$ = this.getFormChanges();
+        const query$ = this.getQueryChanges();
+        this._subscription = combineLatest([form$, query$]).subscribe(([form, query]) => {
+            const { pageNumber, pageSize } = form;
+            const sort = Object.keys(form.sort)
+                .map(name => ({ name, direction: form.sort[name] }))
+                .filter(item => ['asc', 'desc'].includes(item.direction));
+            this.request.startLoading();
+            return this.request.update({
+                sort,
+                query,
+                pageSize,
+                pageNumber,
+                queryFields: this.queryFields
+            });
+        });
+    }
+    getQueryChanges() {
+        return this.queryControl.valueChanges.pipe(debounceTime(400), distinctUntilChanged(), startWith(this.queryControl.value));
+    }
+    getFormChanges() {
+        return this.form.valueChanges.pipe(startWith(this.form.value));
+    }
+}
+BbTable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbTable, selector: "bb-table", inputs: { identifier: "identifier", dataSource: "dataSource", queryFields: "queryFields", sortingStrategy: "sortingStrategy", header: "header", footer: "footer", sizes: "sizes" }, host: { classAttribute: "bb-table" }, queries: [{ propertyName: "tableRowTemplate", first: true, predicate: BbTableRowDef, descendants: true, read: TemplateRef }, { propertyName: "tableColumnTemplates", predicate: BbTableColumnDef, read: TemplateRef }], ngImport: i0, template: "<!--\n    This is the header of the table. It can be a user\n    defined custom header or just the default header.\n-->\n\n<header *ngIf=\"(header === true ? headerTemplate : header) as template\"\n        class=\"bb-table-top-actions\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</header>\n\n<!--\n    This is the table that contains the\n    rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n    <div *ngIf=\"isLoading$ | async\"\n         class=\"bb-table-progress\">\n        <div class=\"bb-table-indeterminate\"></div>\n    </div>\n    <table class=\"bb-table-container\">\n        <thead>\n            <tr>\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\n            </tr>\n        </thead>\n        <tbody *ngIf=\"data$ | async as data; else isLoadingTemplate\"\n               [ngSwitch]=\"data?.state\">\n            <ng-container *ngSwitchCase=\"'success'\">\n                <ng-container *ngIf=\"!!tableRowTemplate; else tableCellsTemplates\">\n                    <ng-container\n                        *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data || []}\"></ng-container>\n                </ng-container>\n\n                <ng-template #tableCellsTemplates>\n                    <tr *ngFor=\"let item of data?.result?.data; trackBy: trackByFn\">\n                        <ng-container *ngFor=\"let template of tableColumnTemplates\">\n                            <ng-container *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n                        </ng-container>\n                    </tr>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'empty'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_datasource'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_not_found'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_server'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_down'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchDefault>\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n        </tbody>\n    </table>\n</div>\n\n<footer *ngIf=\"(footer === true ? footerTemplate : footer) as template\"\n        class=\"bb-table-bottom-actions\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</footer>\n\n<ng-template #isLoadingTemplate>\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                {{ 'tables.loading' | bbLocalize }}\n            </div>\n        </td>\n    </tr>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n    <ng-content></ng-content>\n    <bb-form-control>\n        <input [formControl]=\"queryControl\"\n               [placeholder]=\"'tables.search' | bbLocalize\"\n               bbInput\n               autocomplete=\"off\">\n        <bb-icon *ngIf=\"queryControl?.value?.length <= 0; else closeButtonTemplate\"\n                 bbSuffix\n                 src=\"material:search\">\n        </bb-icon>\n    </bb-form-control>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n    <bb-form-control *ngIf=\"sizes?.length > 1\">\n        <select [formControl]=\"pageSizeControl\"\n                bbInput\n                title=\"Sizes\">\n            <option *ngFor=\"let item of sizes; trackBy: trackByValue\"\n                    [ngValue]=\"item\">\n                {{ item }} / {{ 'tables.page' | bbLocalize }}\n            </option>\n        </select>\n    </bb-form-control>\n\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n                    [formControl]=\"pageNumberControl\">\n    </bb-table-pager>\n</ng-template>\n\n<!--\n    This the template that will be used when the user\n    has filled in some data in the query control.\n-->\n\n<ng-template #closeButtonTemplate>\n    <button bbSuffix\n            (click)=\"queryControl?.patchValue('')\"\n            type=\"button\"\n            class=\"bb-table-progress-close-query\">\n        <bb-icon src=\"material:close\"></bb-icon>\n    </button>\n</ng-template>\n\n<ng-template #errorTemplate let-state=\"state\" let-status=\"statusCode\">\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"41\">\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n                            <path\n                                d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n                            <path fill=\"#FAFAFA\"\n                                  d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n                        </g>\n                    </g>\n                </svg>\n                <span *ngIf=\"state as stateLabel\">{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n                <span *ngIf=\"status as statusCode\"\n                      class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n            </div>\n        </td>\n    </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 6px 6px -6px #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;padding:20px 20px 10px;background-color:#fff;justify-content:flex-end;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-table-top-actions>*{margin-left:0;margin-bottom:10px}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:60px;display:flex;padding:0 20px;overflow-x:auto;align-items:center;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{padding:20px;display:flex;color:#3d464d;font-size:14px;line-height:1.2;font-weight:400;min-height:140px;text-align:center;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:12px}.bb-table-template-content-code{opacity:.5;margin-top:5px;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;height:4px;display:block;overflow:hidden;position:absolute;background-color:#2f408b4d;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;animation-delay:1.15s;will-change:left,right;background-color:inherit;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:4px;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:10px;margin-bottom:10px}}\n"], components: [{ type: i1.BbFormControl, selector: "bb-form-control", inputs: ["grouped", "hideErrors", "label", "hint"] }, { type: i1.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }, { type: i2.BbTablePager, selector: "bb-table-pager", inputs: ["disabled", "amountOfButtons", "showArrowButtons", "pageNumber", "totalPages"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i1.BbInput, selector: "input[bbInput], textarea[bbInput]", inputs: ["readonly"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.BbSuffix, selector: "[bbSuffix]" }, { type: i1.BbSelect, selector: "select[bbInput]", inputs: ["disabled", "required"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "async": i3.AsyncPipe, "bbLocalize": i5.BbLocalize }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-table', host: { 'class': 'bb-table' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<!--\n    This is the header of the table. It can be a user\n    defined custom header or just the default header.\n-->\n\n<header *ngIf=\"(header === true ? headerTemplate : header) as template\"\n        class=\"bb-table-top-actions\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</header>\n\n<!--\n    This is the table that contains the\n    rows and columns.\n-->\n\n<div class=\"bb-table-wrapper\">\n    <div *ngIf=\"isLoading$ | async\"\n         class=\"bb-table-progress\">\n        <div class=\"bb-table-indeterminate\"></div>\n    </div>\n    <table class=\"bb-table-container\">\n        <thead>\n            <tr>\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\n            </tr>\n        </thead>\n        <tbody *ngIf=\"data$ | async as data; else isLoadingTemplate\"\n               [ngSwitch]=\"data?.state\">\n            <ng-container *ngSwitchCase=\"'success'\">\n                <ng-container *ngIf=\"!!tableRowTemplate; else tableCellsTemplates\">\n                    <ng-container\n                        *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data || []}\"></ng-container>\n                </ng-container>\n\n                <ng-template #tableCellsTemplates>\n                    <tr *ngFor=\"let item of data?.result?.data; trackBy: trackByFn\">\n                        <ng-container *ngFor=\"let template of tableColumnTemplates\">\n                            <ng-container *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\n                        </ng-container>\n                    </tr>\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'empty'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_datasource'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_not_found'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_server'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'error_down'\">\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n\n            <ng-container *ngSwitchDefault>\n                <ng-container\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\n            </ng-container>\n        </tbody>\n    </table>\n</div>\n\n<footer *ngIf=\"(footer === true ? footerTemplate : footer) as template\"\n        class=\"bb-table-bottom-actions\">\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\n</footer>\n\n<ng-template #isLoadingTemplate>\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                {{ 'tables.loading' | bbLocalize }}\n            </div>\n        </td>\n    </tr>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom header template.\n-->\n\n<ng-template #headerTemplate>\n    <ng-content></ng-content>\n    <bb-form-control>\n        <input [formControl]=\"queryControl\"\n               [placeholder]=\"'tables.search' | bbLocalize\"\n               bbInput\n               autocomplete=\"off\">\n        <bb-icon *ngIf=\"queryControl?.value?.length <= 0; else closeButtonTemplate\"\n                 bbSuffix\n                 src=\"material:search\">\n        </bb-icon>\n    </bb-form-control>\n</ng-template>\n\n<!--\n    This is the template that will be used when the user has not\n    supplied a custom footer template.\n-->\n\n<ng-template #footerTemplate>\n    <bb-form-control *ngIf=\"sizes?.length > 1\">\n        <select [formControl]=\"pageSizeControl\"\n                bbInput\n                title=\"Sizes\">\n            <option *ngFor=\"let item of sizes; trackBy: trackByValue\"\n                    [ngValue]=\"item\">\n                {{ item }} / {{ 'tables.page' | bbLocalize }}\n            </option>\n        </select>\n    </bb-form-control>\n\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\n                    [formControl]=\"pageNumberControl\">\n    </bb-table-pager>\n</ng-template>\n\n<!--\n    This the template that will be used when the user\n    has filled in some data in the query control.\n-->\n\n<ng-template #closeButtonTemplate>\n    <button bbSuffix\n            (click)=\"queryControl?.patchValue('')\"\n            type=\"button\"\n            class=\"bb-table-progress-close-query\">\n        <bb-icon src=\"material:close\"></bb-icon>\n    </button>\n</ng-template>\n\n<ng-template #errorTemplate let-state=\"state\" let-status=\"statusCode\">\n    <tr>\n        <td [attr.colspan]=\"headerCount\"\n            class=\"bb-table-template\">\n            <div class=\"bb-table-template-content\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"41\">\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\n                            <path\n                                d=\"M55 12.7605604L44.8543047 1.25739633C44.3674414.47382661 43.6558789 0 42.9067617 0H21.0932383c-.7491172 0-1.4606797.47395025-1.947543 1.25739633L9 12.7605604V22h46v-9.2394396z\"></path>\n                            <path fill=\"#FAFAFA\"\n                                  d=\"M41.6132813 15.9315c0-1.6056489.9936718-2.931266 2.2264179-2.9315H55v18.1371277C55 33.2589574 53.6793867 35 52.0504297 35H11.94957031C10.32052344 35 9 33.2588404 9 31.1371277V13h11.1603008c1.2327461 0 2.226418 1.3228085 2.226418 2.9284574v.0211809c0 1.6056489 1.0049921 2.9015426 2.2377382 2.9015426h14.751086c1.2327461 0 2.2377383-1.3078298 2.2377383-2.9134788V15.9315z\"></path>\n                        </g>\n                    </g>\n                </svg>\n                <span *ngIf=\"state as stateLabel\">{{ ('tables.' + stateLabel) | bbLocalize }}</span>\n                <span *ngIf=\"status as statusCode\"\n                      class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\n            </div>\n        </td>\n    </tr>\n</ng-template>\n", styles: [".bb-table{width:100%;display:block;box-shadow:0 6px 6px -6px #0000001a}.bb-table.plain{box-shadow:none}.bb-table.plain>.bb-table-wrapper{border-top-left-radius:0;border-top-right-radius:0}.bb-table-wrapper{overflow-x:auto;position:relative;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px}.bb-table-container{width:100%}.bb-table-container td{border-bottom:1px solid #d8d8d8}.bb-table-top-actions{display:flex;flex-wrap:wrap;flex-direction:column;padding:20px 20px 10px;background-color:#fff;justify-content:flex-end;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:1px solid #d8d8d8}.bb-table-top-actions>*{margin-left:0;margin-bottom:10px}.bb-table-top-actions+.bb-table-wrapper{border-radius:0}.bb-table-bottom-actions{height:60px;display:flex;padding:0 20px;overflow-x:auto;align-items:center;background-color:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.bb-table-template{border:none;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-template-content{padding:20px;display:flex;color:#3d464d;font-size:14px;line-height:1.2;font-weight:400;min-height:140px;text-align:center;align-items:center;flex-direction:column;justify-content:center}.bb-table-template-content>svg{margin-bottom:12px}.bb-table-template-content-code{opacity:.5;margin-top:5px;display:inline-block}.bb-table-progress{top:0;left:0;right:0;opacity:0;width:100%;height:4px;display:block;overflow:hidden;position:absolute;background-color:#2f408b4d;animation:fadeIn .25s cubic-bezier(0,0,.2,1) .1s forwards}.bb-table-progress .bb-table-indeterminate{background-color:#2f408b}.bb-table-progress .bb-table-indeterminate:before{top:0;left:0;bottom:0;content:\"\";position:absolute;will-change:left,right;background-color:inherit;animation:indeterminate 2.1s cubic-bezier(.65,.815,.735,.395) infinite}.bb-table-progress .bb-table-indeterminate:after{top:0;left:0;bottom:0;content:\"\";position:absolute;animation-delay:1.15s;will-change:left,right;background-color:inherit;animation:indeterminate-short 2.1s cubic-bezier(.165,.84,.44,1) infinite}.bb-table-progress-close-query{padding:0;border:none;border-radius:4px;background-color:transparent;transition:background-color .25s cubic-bezier(0,0,.2,1)}.bb-table-progress-close-query:hover{background-color:#00000014}.bb-table-progress-close-query:focus{background-color:#0000001f}.bb-table-progress-close-query:active{background-color:#00000029}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media only screen and (min-width: 768px){.bb-table-top-actions{flex-direction:row}.bb-table-top-actions>*:not(:first-child){margin-left:10px;margin-bottom:10px}}\n"] }]
+        }], propDecorators: { tableColumnTemplates: [{
+                type: ContentChildren,
+                args: [BbTableColumnDef, { read: TemplateRef }]
+            }], tableRowTemplate: [{
+                type: ContentChild,
+                args: [BbTableRowDef, { read: TemplateRef, static: false }]
+            }], identifier: [{
+                type: Input
+            }], dataSource: [{
+                type: Input
+            }], queryFields: [{
+                type: Input
+            }], sortingStrategy: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], footer: [{
+                type: Input
+            }], sizes: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUvdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQUUsWUFBWSxFQUN2QixlQUFlLEVBQ2YsU0FBUyxFQUNULEtBQUssRUFJTCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFFbkcsT0FBTyxFQUFhLGlCQUFpQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDekUsT0FBTyxFQUFDLGFBQWEsRUFBYyxFQUFFLEVBQWUsTUFBTSxNQUFNLENBQUM7QUFDakUsT0FBTyxFQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQUt0RCxNQUFNLE9BQU8sZ0JBQWdCOzs2R0FBaEIsZ0JBQWdCO2lHQUFoQixnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFINUIsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsb0JBQW9CO2lCQUNqQzs7QUFPRCxNQUFNLE9BQU8sYUFBYTs7MEdBQWIsYUFBYTs4RkFBYixhQUFhOzJGQUFiLGFBQWE7a0JBSHpCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLGlCQUFpQjtpQkFDOUI7O0FBYUQsTUFBTSxPQUFPLE9BQU87SUFUcEI7UUFl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QUksdUJBQ2hCLEtBQUs7OEJBSzhCLG9CQUFvQjtzQkFBM0UsZUFBZTt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUM7Z0JBQ1csZ0JBQWdCO3NCQUFoRixZQUFZO3VCQUFDLGFBQWEsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQztnQkFHdEQsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQVVGLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIERpcmVjdGl2ZSxcbiAgICBJbnB1dCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT25Jbml0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Y2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzdGFydFdpdGgsIHRhcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHtEYXRhU291cmNlUGFnZVJlc3BvbnNlfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2RhdGFzb3VyY2UuaW50ZXJmYWNlJztcbmltcG9ydCB7RGF0YVNvdXJjZSwgRGF0YVNvdXJjZVJlcXVlc3R9IGZyb20gJy4uLy4uL2RhdGEvZGF0YXNvdXJjZS5kYXRhJztcbmltcG9ydCB7Y29tYmluZUxhdGVzdCwgT2JzZXJ2YWJsZSwgb2YsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0Zvcm1Db250cm9sLCBGb3JtR3JvdXB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbYmJUYWJsZUNvbHVtbkRlZl0nXG59KVxuZXhwb3J0IGNsYXNzIEJiVGFibGVDb2x1bW5EZWYge1xufVxuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tiYlRhYmxlUm93RGVmXSdcbn0pXG5leHBvcnQgY2xhc3MgQmJUYWJsZVJvd0RlZiB7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmItdGFibGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBob3N0OiB7J2NsYXNzJzogJ2JiLXRhYmxlJ30sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBCYlRhYmxlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gICAgLy8gQ29udGVudC5cbiAgICBAQ29udGVudENoaWxkcmVuKEJiVGFibGVDb2x1bW5EZWYsIHtyZWFkOiBUZW1wbGF0ZVJlZn0pIHRhYmxlQ29sdW1uVGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XG4gICAgQENvbnRlbnRDaGlsZChCYlRhYmxlUm93RGVmLCB7cmVhZDogVGVtcGxhdGVSZWYsIHN0YXRpYzogZmFsc2V9KSB0YWJsZVJvd1RlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcblxuICAgIC8vIElucHV0cy5cbiAgICBASW5wdXQoKSBpZGVudGlmaWVyOiBzdHJpbmcgfCBudWxsID0gbnVsbDtcbiAgICBASW5wdXQoKSBkYXRhU291cmNlOiBEYXRhU291cmNlO1xuICAgIEBJbnB1dCgpIHF1ZXJ5RmllbGRzOiBzdHJpbmdbXSA9IFtdO1xuICAgIEBJbnB1dCgpIHNvcnRpbmdTdHJhdGVneTogJ3NpbmdsZScgfCAnbXVsdGlwbGUnID0gJ3NpbmdsZSc7XG4gICAgQElucHV0KCkgaGVhZGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgYm9vbGVhbiA9IHRydWU7XG4gICAgQElucHV0KCkgZm9vdGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgYm9vbGVhbiA9IHRydWU7XG5cbiAgICAvLyBTaXplcy5cbiAgICBwcml2YXRlIF9zaXplczogbnVtYmVyW10gPSBbMjUsIDUwLCA3NSwgMTAwXTtcblxuICAgIGdldCBzaXplcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NpemVzO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgc2V0IHNpemVzKG5ld1ZhbHVlOiBudW1iZXJbXSkge1xuICAgICAgICB0aGlzLnVwZGF0ZVNpemVzKG5ld1ZhbHVlKTtcbiAgICB9XG5cbiAgICAvLyBPcHRpbWl6YXRpb25zLlxuICAgIHRyYWNrQnlGbiA9IChpbmRleCwgaXRlbSkgPT4gdGhpcy5pZGVudGlmaWVyID8gaXRlbVt0aGlzLmlkZW50aWZpZXJdIDogaW5kZXg7XG4gICAgdHJhY2tCeVZhbHVlID0gKF8sIGl0ZW0pID0+IGl0ZW07XG5cbiAgICAvLyBEYXRhLlxuICAgIHJlcXVlc3Q6IERhdGFTb3VyY2VSZXF1ZXN0O1xuICAgIGRhdGEkOiBPYnNlcnZhYmxlPHsgc3RhdGU6IHN0cmluZywgc3RhdHVzQ29kZT86IG51bWJlciwgcmVzdWx0PzogRGF0YVNvdXJjZVBhZ2VSZXNwb25zZSB9PjtcbiAgICBpc0xvYWRpbmckOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gICAgLy8gRm9ybS5cbiAgICBmb3JtOiBGb3JtR3JvdXA7XG4gICAgcXVlcnlDb250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICAgIC8vIFN0YXRlLlxuICAgIHByaXZhdGUgX2hlYWRlckNvdW50OiBudW1iZXIgPSAwO1xuXG4gICAgLy8gU3Vic2NyaXB0aW9ucy5cbiAgICBwcml2YXRlIF9zdWJzY3JpcHRpb246IFN1YnNjcmlwdGlvbjtcblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICB0aGlzLmNvbXBvc2VGb3JtKCk7XG4gICAgICAgIHRoaXMud2F0Y2hEYXRhQ2hhbmdlcygpO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgZ2V0IGhlYWRlckNvdW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faGVhZGVyQ291bnQ7XG4gICAgfVxuXG4gICAgZ2V0IHNvcnRDb250cm9sKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3NvcnQnKSBhcyBGb3JtR3JvdXA7XG4gICAgfVxuXG4gICAgZ2V0IHBhZ2VOdW1iZXJDb250cm9sKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3BhZ2VOdW1iZXInKSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG5cbiAgICBnZXQgcGFnZVNpemVDb250cm9sKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3BhZ2VTaXplJykgYXMgRm9ybUNvbnRyb2w7XG4gICAgfVxuXG4gICAgcmVmcmVzaCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucmVxdWVzdC51cGRhdGUoKTtcbiAgICB9XG5cbiAgICBzZXRIZWFkZXJDb3VudChhbW91bnQ6IC0xIHwgMSkge1xuICAgICAgICB0aGlzLl9oZWFkZXJDb3VudCArPSBhbW91bnQ7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVTaXplcyhuZXdWYWx1ZTogbnVtYmVyW10pIHtcbiAgICAgICAgLy8gVmFsaWRhdGUgdGhlIHNpemVzIGhhcyBhdCBsZWFzdCBvbmUgdmFsdWUuXG4gICAgICAgIGlmIChuZXdWYWx1ZS5sZW5ndGggPD0gMCkge1xuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdDYW5ub3Qgc2V0IGFuIGVtcHR5IGFycmF5IGFzIHRoZSBzaXplcy4nKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFNldCB0aGUgbmV3IHNpemUuXG4gICAgICAgIHRoaXMuX3NpemVzID0gbmV3VmFsdWU7XG5cbiAgICAgICAgLy8gVmFsaWRhdGUgdGhhdCB0aGUgZm9ybSBleGlzdHMgYWxyZWFkeS5cbiAgICAgICAgaWYgKCF0aGlzLmZvcm0pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBjdXJyZW50IHNlbGVjdGVkIHZhbHVlIGlzXG4gICAgICAgIC8vIGluIHRoZSBuZXcgc2l6ZXMgYXJyYXkuXG4gICAgICAgIGNvbnN0IHBhZ2VTaXplQ29udHJvbCA9IHRoaXMuZm9ybS5nZXQoJ3BhZ2VTaXplJyk7XG4gICAgICAgIGlmICh0aGlzLl9zaXplcy5pbmNsdWRlcyhwYWdlU2l6ZUNvbnRyb2wudmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBTZXQgdGhlIGZpcnN0IHZhbHVlIGluIHRoZSBhcnJheSBhc1xuICAgICAgICAvLyB0aGUgbmV3IHZhbHVlLlxuICAgICAgICBjb25zdCBmaXJzdFZhbHVlID0gdGhpcy5fc2l6ZXNbMF07XG4gICAgICAgIHBhZ2VTaXplQ29udHJvbC5zZXRWYWx1ZShmaXJzdFZhbHVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNvbXBvc2VGb3JtKCkge1xuICAgICAgICAvLyBTZXR1cCB0aGUgZm9ybS5cbiAgICAgICAgdGhpcy5mb3JtID0gbmV3IEZvcm1Hcm91cCh7XG4gICAgICAgICAgICBwYWdlU2l6ZTogbmV3IEZvcm1Db250cm9sKHRoaXMuX3NpemVzWzBdKSxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IG5ldyBGb3JtQ29udHJvbCgxKSxcbiAgICAgICAgICAgIHNvcnQ6IG5ldyBGb3JtR3JvdXAoe30pXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgd2F0Y2hEYXRhQ2hhbmdlcygpIHtcbiAgICAgICAgLy8gQ3JlYXRlIGEgbmV3IHJlcXVlc3QuXG4gICAgICAgIHRoaXMucmVxdWVzdCA9IG5ldyBEYXRhU291cmNlUmVxdWVzdCgpO1xuICAgICAgICB0aGlzLmlzTG9hZGluZyQgPSB0aGlzLnJlcXVlc3QubG9hZGluZztcblxuICAgICAgICBpZiAoIXRoaXMuZGF0YVNvdXJjZSkge1xuICAgICAgICAgICAgdGhpcy5kYXRhJCA9IG9mKHtzdGF0ZTogJ2Vycm9yX2RhdGFzb3VyY2UnfSkucGlwZShcbiAgICAgICAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5yZXF1ZXN0LnN0b3BMb2FkaW5nKCkpXG4gICAgICAgICAgICApO1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gUGFzcyB0aGUgcmVxdWVzdCB0byB0aGUgZGF0YSBzb3VyY2UuXG4gICAgICAgIHRoaXMuZGF0YSQgPSB0aGlzLmRhdGFTb3VyY2UuaGFuZGxlKHRoaXMucmVxdWVzdCkucGlwZShcbiAgICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKSksXG4gICAgICAgICAgICBtYXAocmVzdWx0ID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb3VudCA9IChyZXN1bHQgJiYgcmVzdWx0LmRhdGEgJiYgcmVzdWx0LmRhdGEubGVuZ3RoKSB8fCAwO1xuICAgICAgICAgICAgICAgIGlmIChjb3VudCA8PSAwKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB7c3RhdGU6ICdlbXB0eScsIHJlc3VsdH07XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgcmV0dXJuIHtzdGF0ZTogJ3N1Y2Nlc3MnLCByZXN1bHR9O1xuICAgICAgICAgICAgfSksXG4gICAgICAgICAgICBjYXRjaEVycm9yKGVycm9yID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHN0YXR1c0NvZGUgPSBlcnJvcj8uc3RhdHVzID8/IG51bGw7XG4gICAgICAgICAgICAgICAgY29uc3Qgc3RhdGVzID0ge1xuICAgICAgICAgICAgICAgICAgICAwOiAnZXJyb3JfZG93bicsXG4gICAgICAgICAgICAgICAgICAgIDQwMTogJ2Vycm9yX3VuYXV0aG9yaXplZCcsXG4gICAgICAgICAgICAgICAgICAgIDQwMzogJ2Vycm9yX2ZvcmJpZGRlbicsXG4gICAgICAgICAgICAgICAgICAgIDQwNDogJ2Vycm9yX25vdF9mb3VuZCcsXG4gICAgICAgICAgICAgICAgICAgIDUwMDogJ2Vycm9yX3NlcnZlcidcbiAgICAgICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIG9mKHtzdGF0ZTogc3RhdGVzPy5bc3RhdHVzQ29kZV0gPz8gJ2Vycm9yX3Vua25vd24nLCBzdGF0dXNDb2RlOiBzdGF0dXNDb2RlfSk7XG4gICAgICAgICAgICB9KVxuICAgICAgICApO1xuXG4gICAgICAgIC8vIFN1YnNjcmliZSB0byB0aGUgZGF0YSBjaGFuZ2VzLlxuICAgICAgICB0aGlzLnN1YnNjcmliZVRvQ2hhbmdlcygpO1xuICAgIH1cblxuICAgIHByaXZhdGUgc3Vic2NyaWJlVG9DaGFuZ2VzKCkge1xuICAgICAgICBjb25zdCBmb3JtJCA9IHRoaXMuZ2V0Rm9ybUNoYW5nZXMoKTtcbiAgICAgICAgY29uc3QgcXVlcnkkID0gdGhpcy5nZXRRdWVyeUNoYW5nZXMoKTtcblxuICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSBjb21iaW5lTGF0ZXN0KFtmb3JtJCwgcXVlcnkkXSkuc3Vic2NyaWJlKChbZm9ybSwgcXVlcnldKSA9PiB7XG4gICAgICAgICAgICBjb25zdCB7cGFnZU51bWJlciwgcGFnZVNpemV9ID0gZm9ybTtcbiAgICAgICAgICAgIGNvbnN0IHNvcnQgPSBPYmplY3Qua2V5cyhmb3JtLnNvcnQpXG4gICAgICAgICAgICAgICAgLm1hcChuYW1lID0+ICh7bmFtZSwgZGlyZWN0aW9uOiBmb3JtLnNvcnRbbmFtZV19KSlcbiAgICAgICAgICAgICAgICAuZmlsdGVyKGl0ZW0gPT4gWydhc2MnLCAnZGVzYyddLmluY2x1ZGVzKGl0ZW0uZGlyZWN0aW9uKSk7XG5cbiAgICAgICAgICAgIHRoaXMucmVxdWVzdC5zdGFydExvYWRpbmcoKTtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnJlcXVlc3QudXBkYXRlKHtcbiAgICAgICAgICAgICAgICBzb3J0LFxuICAgICAgICAgICAgICAgIHF1ZXJ5LFxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxuICAgICAgICAgICAgICAgIHBhZ2VOdW1iZXIsXG4gICAgICAgICAgICAgICAgcXVlcnlGaWVsZHM6IHRoaXMucXVlcnlGaWVsZHNcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldFF1ZXJ5Q2hhbmdlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucXVlcnlDb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgICAgICAgZGVib3VuY2VUaW1lKDQwMCksXG4gICAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMucXVlcnlDb250cm9sLnZhbHVlIGFzIHN0cmluZylcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEZvcm1DaGFuZ2VzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMuZm9ybS52YWx1ZSBhcyBvYmplY3QpXG4gICAgICAgICk7XG4gICAgfVxuXG59XG4iLCI8IS0tXG4gICAgVGhpcyBpcyB0aGUgaGVhZGVyIG9mIHRoZSB0YWJsZS4gSXQgY2FuIGJlIGEgdXNlclxuICAgIGRlZmluZWQgY3VzdG9tIGhlYWRlciBvciBqdXN0IHRoZSBkZWZhdWx0IGhlYWRlci5cbi0tPlxuXG48aGVhZGVyICpuZ0lmPVwiKGhlYWRlciA9PT0gdHJ1ZSA/IGhlYWRlclRlbXBsYXRlIDogaGVhZGVyKSBhcyB0ZW1wbGF0ZVwiXG4gICAgICAgIGNsYXNzPVwiYmItdGFibGUtdG9wLWFjdGlvbnNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjwvaGVhZGVyPlxuXG48IS0tXG4gICAgVGhpcyBpcyB0aGUgdGFibGUgdGhhdCBjb250YWlucyB0aGVcbiAgICByb3dzIGFuZCBjb2x1bW5zLlxuLS0+XG5cbjxkaXYgY2xhc3M9XCJiYi10YWJsZS13cmFwcGVyXCI+XG4gICAgPGRpdiAqbmdJZj1cImlzTG9hZGluZyQgfCBhc3luY1wiXG4gICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXByb2dyZXNzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYi10YWJsZS1pbmRldGVybWluYXRlXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHRhYmxlIGNsYXNzPVwiYmItdGFibGUtY29udGFpbmVyXCI+XG4gICAgICAgIDx0aGVhZD5cbiAgICAgICAgICAgIDx0cj5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJiYi10YWJsZS1oZWFkZXItY2VsbFwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvdHI+XG4gICAgICAgIDwvdGhlYWQ+XG4gICAgICAgIDx0Ym9keSAqbmdJZj1cImRhdGEkIHwgYXN5bmMgYXMgZGF0YTsgZWxzZSBpc0xvYWRpbmdUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICBbbmdTd2l0Y2hdPVwiZGF0YT8uc3RhdGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzdWNjZXNzJ1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhIXRhYmxlUm93VGVtcGxhdGU7IGVsc2UgdGFibGVDZWxsc1RlbXBsYXRlc1wiPlxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRhYmxlUm93VGVtcGxhdGU7IGNvbnRleHQ6IHtkYXRhOiBkYXRhPy5yZXN1bHQ/LmRhdGEgfHwgW119XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3RhYmxlQ2VsbHNUZW1wbGF0ZXM+XG4gICAgICAgICAgICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhPy5yZXN1bHQ/LmRhdGE7IHRyYWNrQnk6IHRyYWNrQnlGblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgdGVtcGxhdGUgb2YgdGFibGVDb2x1bW5UZW1wbGF0ZXNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGU7IGNvbnRleHQ6IHtpdGVtOiBpdGVtfVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgIDwvdHI+XG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZW1wdHknXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZXJyb3JfZGF0YXNvdXJjZSdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9ub3RfZm91bmQnXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZXJyb3Jfc2VydmVyJ1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Vycm9yX2Rvd24nXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3Rib2R5PlxuICAgIDwvdGFibGU+XG48L2Rpdj5cblxuPGZvb3RlciAqbmdJZj1cIihmb290ZXIgPT09IHRydWUgPyBmb290ZXJUZW1wbGF0ZSA6IGZvb3RlcikgYXMgdGVtcGxhdGVcIlxuICAgICAgICBjbGFzcz1cImJiLXRhYmxlLWJvdHRvbS1hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG48L2Zvb3Rlcj5cblxuPG5nLXRlbXBsYXRlICNpc0xvYWRpbmdUZW1wbGF0ZT5cbiAgICA8dHI+XG4gICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cImhlYWRlckNvdW50XCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZS1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAge3sgJ3RhYmxlcy5sb2FkaW5nJyB8IGJiTG9jYWxpemUgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L3RkPlxuICAgIDwvdHI+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tXG4gICAgVGhpcyBpcyB0aGUgdGVtcGxhdGUgdGhhdCB3aWxsIGJlIHVzZWQgd2hlbiB0aGUgdXNlciBoYXMgbm90XG4gICAgc3VwcGxpZWQgYSBjdXN0b20gaGVhZGVyIHRlbXBsYXRlLlxuLS0+XG5cbjxuZy10ZW1wbGF0ZSAjaGVhZGVyVGVtcGxhdGU+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDxiYi1mb3JtLWNvbnRyb2w+XG4gICAgICAgIDxpbnB1dCBbZm9ybUNvbnRyb2xdPVwicXVlcnlDb250cm9sXCJcbiAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIndGFibGVzLnNlYXJjaCcgfCBiYkxvY2FsaXplXCJcbiAgICAgICAgICAgICAgIGJiSW5wdXRcbiAgICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiPlxuICAgICAgICA8YmItaWNvbiAqbmdJZj1cInF1ZXJ5Q29udHJvbD8udmFsdWU/Lmxlbmd0aCA8PSAwOyBlbHNlIGNsb3NlQnV0dG9uVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICBiYlN1ZmZpeFxuICAgICAgICAgICAgICAgICBzcmM9XCJtYXRlcmlhbDpzZWFyY2hcIj5cbiAgICAgICAgPC9iYi1pY29uPlxuICAgIDwvYmItZm9ybS1jb250cm9sPlxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLVxuICAgIFRoaXMgaXMgdGhlIHRlbXBsYXRlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gdGhlIHVzZXIgaGFzIG5vdFxuICAgIHN1cHBsaWVkIGEgY3VzdG9tIGZvb3RlciB0ZW1wbGF0ZS5cbi0tPlxuXG48bmctdGVtcGxhdGUgI2Zvb3RlclRlbXBsYXRlPlxuICAgIDxiYi1mb3JtLWNvbnRyb2wgKm5nSWY9XCJzaXplcz8ubGVuZ3RoID4gMVwiPlxuICAgICAgICA8c2VsZWN0IFtmb3JtQ29udHJvbF09XCJwYWdlU2l6ZUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgIGJiSW5wdXRcbiAgICAgICAgICAgICAgICB0aXRsZT1cIlNpemVzXCI+XG4gICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNpemVzOyB0cmFja0J5OiB0cmFja0J5VmFsdWVcIlxuICAgICAgICAgICAgICAgICAgICBbbmdWYWx1ZV09XCJpdGVtXCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbSB9fSAvIHt7ICd0YWJsZXMucGFnZScgfCBiYkxvY2FsaXplIH19XG4gICAgICAgICAgICA8L29wdGlvbj5cbiAgICAgICAgPC9zZWxlY3Q+XG4gICAgPC9iYi1mb3JtLWNvbnRyb2w+XG5cbiAgICA8YmItdGFibGUtcGFnZXIgW3RvdGFsUGFnZXNdPVwiKGRhdGEkIHwgYXN5bmMpPy5yZXN1bHQ/LnRvdGFsUGFnZXNcIlxuICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwicGFnZU51bWJlckNvbnRyb2xcIj5cbiAgICA8L2JiLXRhYmxlLXBhZ2VyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPCEtLVxuICAgIFRoaXMgdGhlIHRlbXBsYXRlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gdGhlIHVzZXJcbiAgICBoYXMgZmlsbGVkIGluIHNvbWUgZGF0YSBpbiB0aGUgcXVlcnkgY29udHJvbC5cbi0tPlxuXG48bmctdGVtcGxhdGUgI2Nsb3NlQnV0dG9uVGVtcGxhdGU+XG4gICAgPGJ1dHRvbiBiYlN1ZmZpeFxuICAgICAgICAgICAgKGNsaWNrKT1cInF1ZXJ5Q29udHJvbD8ucGF0Y2hWYWx1ZSgnJylcIlxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXByb2dyZXNzLWNsb3NlLXF1ZXJ5XCI+XG4gICAgICAgIDxiYi1pY29uIHNyYz1cIm1hdGVyaWFsOmNsb3NlXCI+PC9iYi1pY29uPlxuICAgIDwvYnV0dG9uPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNlcnJvclRlbXBsYXRlIGxldC1zdGF0ZT1cInN0YXRlXCIgbGV0LXN0YXR1cz1cInN0YXR1c0NvZGVcIj5cbiAgICA8dHI+XG4gICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cImhlYWRlckNvdW50XCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGVcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZS1jb250ZW50XCI+XG4gICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCI2NFwiIGhlaWdodD1cIjQxXCI+XG4gICAgICAgICAgICAgICAgICAgIDxnIGZpbGw9XCJub25lXCIgZmlsbC1ydWxlPVwiZXZlbm9kZFwiIHRyYW5zZm9ybT1cInRyYW5zbGF0ZSgwIDEpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZWxsaXBzZSBjeD1cIjMyXCIgY3k9XCIzM1wiIGZpbGw9XCIjRjVGNUY1XCIgcng9XCIzMlwiIHJ5PVwiN1wiPjwvZWxsaXBzZT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGZpbGwtcnVsZT1cIm5vbnplcm9cIiBzdHJva2U9XCIjRDlEOUQ5XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk01NSAxMi43NjA1NjA0TDQ0Ljg1NDMwNDcgMS4yNTczOTYzM0M0NC4zNjc0NDE0LjQ3MzgyNjYxIDQzLjY1NTg3ODkgMCA0Mi45MDY3NjE3IDBIMjEuMDkzMjM4M2MtLjc0OTExNzIgMC0xLjQ2MDY3OTcuNDczOTUwMjUtMS45NDc1NDMgMS4yNTczOTYzM0w5IDEyLjc2MDU2MDRWMjJoNDZ2LTkuMjM5NDM5NnpcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD1cIiNGQUZBRkFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNNDEuNjEzMjgxMyAxNS45MzE1YzAtMS42MDU2NDg5Ljk5MzY3MTgtMi45MzEyNjYgMi4yMjY0MTc5LTIuOTMxNUg1NXYxOC4xMzcxMjc3QzU1IDMzLjI1ODk1NzQgNTMuNjc5Mzg2NyAzNSA1Mi4wNTA0Mjk3IDM1SDExLjk0OTU3MDMxQzEwLjMyMDUyMzQ0IDM1IDkgMzMuMjU4ODQwNCA5IDMxLjEzNzEyNzdWMTNoMTEuMTYwMzAwOGMxLjIzMjc0NjEgMCAyLjIyNjQxOCAxLjMyMjgwODUgMi4yMjY0MTggMi45Mjg0NTc0di4wMjExODA5YzAgMS42MDU2NDg5IDEuMDA0OTkyMSAyLjkwMTU0MjYgMi4yMzc3MzgyIDIuOTAxNTQyNmgxNC43NTEwODZjMS4yMzI3NDYxIDAgMi4yMzc3MzgzLTEuMzA3ODI5OCAyLjIzNzczODMtMi45MTM0Nzg4VjE1LjkzMTV6XCI+PC9wYXRoPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9nPlxuICAgICAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0ZSBhcyBzdGF0ZUxhYmVsXCI+e3sgKCd0YWJsZXMuJyArIHN0YXRlTGFiZWwpIHwgYmJMb2NhbGl6ZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0YXR1cyBhcyBzdGF0dXNDb2RlXCJcbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXRlbXBsYXRlLWNvbnRlbnQtY29kZVwiPihIVFRQIHt7IHN0YXR1c0NvZGUgfX0pPC9zcGFuPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvdGQ+XG4gICAgPC90cj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/table/lib/components/table-cell/table-cell.component.mjs

@@ -0,0 +1,11 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+export class BbTableCell {
+}
+BbTableCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableCell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbTableCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbTableCell, selector: "bb-table-cell", host: { classAttribute: "bb-table-cell" }, ngImport: i0, template: "<div>\n    <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;font-size:14px;text-align:left;line-height:1.2;font-weight:400;padding:12px 20px;display:table-cell;word-wrap:break-word;vertical-align:middle;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableCell, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-table-cell', changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'bb-table-cell' }, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div>\n    <ng-content></ng-content>\n</div>", styles: [".bb-table-cell{color:#848f99;font-size:14px;text-align:left;line-height:1.2;font-weight:400;padding:12px 20px;display:table-cell;word-wrap:break-word;vertical-align:middle;background-color:#f5f5f5;border-bottom:1px solid #d8d8d8}.bb-table-cell:not(:last-child){border-right:1px solid #d8d8d8}.bb-table-cell.fit{width:1%;white-space:nowrap}.bb-table-cell.left{text-align:left}.bb-table-cell.center{text-align:center}.bb-table-cell.right{text-align:right}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYi1mb3VuZGF0aW9uL3RhYmxlL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS1jZWxsL3RhYmxlLWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUtY2VsbC90YWJsZS1jZWxsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7O0FBV3BGLE1BQU0sT0FBTyxXQUFXOzt3R0FBWCxXQUFXOzRGQUFYLFdBQVcsZ0dDWHhCLDhDQUVNOzJGRFNPLFdBQVc7a0JBVHZCLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDLEVBQUMsT0FBTyxFQUFFLGVBQWUsRUFBQyxpQkFDakIsaUJBQWlCLENBQUMsSUFBSSx1QkFDaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JiLXRhYmxlLWNlbGwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1jZWxsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWJsZS1jZWxsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDogeydjbGFzcyc6ICdiYi10YWJsZS1jZWxsJ30sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBCYlRhYmxlQ2VsbCB7XG59XG4iLCI8ZGl2PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PiJdfQ==

package/esm2020/table/lib/components/table-header-cell/table-header-cell.component.mjs

@@ -0,0 +1,131 @@
+import { Attribute, ChangeDetectionStrategy, Component, Host, HostListener, Input, Optional, ViewEncapsulation } from '@angular/core';
+import { mixinDisabled } from '@bravobit/bb-foundation';
+import { FormControl } from '@angular/forms';
+import { startWith } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../table/table.component";
+import * as i2 from "@angular/common";
+class BbTableHeaderCellBase {
+}
+const BbTableHeaderCellMixinBase = mixinDisabled(BbTableHeaderCellBase);
+export class BbTableHeaderCell extends BbTableHeaderCellMixinBase {
+    constructor(_table, _name) {
+        super();
+        this._table = _table;
+        this._name = _name;
+        // Constants.
+        this._sortDirections = ['none', 'asc', 'desc'];
+        this._control = new FormControl(this._sortDirections[0]);
+        this.logWarning = (message) => {
+            console && console.warn && console.warn(message);
+        };
+    }
+    // Sort.
+    set sort(value) {
+        // Check if the new value is a valid value.
+        if (!this._sortDirections.includes(value)) {
+            return;
+        }
+        // Set the value.
+        this._control.setValue(value);
+    }
+    get sort() {
+        return this._control.value;
+    }
+    ngOnInit() {
+        // Validate that the name and table are set.
+        this._table?.setHeaderCount?.(1);
+        if (!this._table || !this._name) {
+            return;
+        }
+        // Check if the control already exists in the table.
+        if (this._table.sortControl?.contains(this._name)) {
+            this.disabled = true;
+            return this.logWarning(`BbTableHeaderCell: The name "${this._name}" is not unique in the table; Control was not registered.`);
+        }
+        // Register the header cell with the table.
+        this._table.sortControl?.addControl(this._name, this._control);
+        // Get all the value changes.
+        this.valueChanges$ = this._control.valueChanges.pipe(startWith(this._control.value));
+    }
+    ngOnDestroy() {
+        this._table?.setHeaderCount?.(-1);
+        // Validate that the name and table are set.
+        if (!this._table || !this._name) {
+            return;
+        }
+        // Un-register the header cell with the table.
+        if (this._table?.sortControl?.contains(this._name)) {
+            this._table?.sortControl?.removeControl(this._name);
+        }
+    }
+    get isDisabled() {
+        return this.disabled || !this._name;
+    }
+    onClick() {
+        // Check if the header cell is disabled.
+        if (this.isDisabled) {
+            return;
+        }
+        // Find the index of the current sort and
+        // create the new index.
+        const index = this._sortDirections.findIndex(item => item === this._control.value);
+        const newIndex = (index + 1) % this._sortDirections.length;
+        const newSort = this._sortDirections[newIndex];
+        // Set the new sort.
+        return this.updateTableAndHeaderCell(newSort);
+    }
+    updateTableAndHeaderCell(value) {
+        // Check if the new value is a valid value.
+        if (!this._sortDirections.includes(value)) {
+            return;
+        }
+        // Validate the table exists.
+        if (!this._table) {
+            return this._control.setValue(value);
+        }
+        // Handle the single sorting strategy.
+        if (this._table.sortingStrategy === 'single') {
+            return this.handleSingleSortingStrategy(value);
+        }
+        // Default case when no other strategy
+        // is used.
+        return this._control.setValue(value);
+    }
+    handleSingleSortingStrategy(value) {
+        // Get the sort control.
+        const control = this._table.sortControl;
+        // Set each value to false since we only want to
+        // sort on one property at a time with this strategy.
+        const newValue = Object.keys(control.controls).reduce((previous, current) => {
+            previous[current] = current === this._name ? value : 'none';
+            return previous;
+        }, {});
+        // Patch the entire sort value.
+        this._table?.sortControl?.patchValue(newValue);
+    }
+}
+BbTableHeaderCell.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableHeaderCell, deps: [{ token: i1.BbTable, host: true, optional: true }, { token: 'name', attribute: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+BbTableHeaderCell.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbTableHeaderCell, selector: "bb-table-header-cell", inputs: { disabled: "disabled", sort: "sort" }, host: { listeners: { "click": "onClick()" }, properties: { "class.disabled": "isDisabled" }, classAttribute: "bb-table-header-cell" }, usesInheritance: true, ngImport: i0, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n<ng-container *ngIf=\"valueChanges$ | async as value\">\n    <button *ngIf=\"!isDisabled\"\n            [class.asc]=\"value === 'asc'\"\n            [class.desc]=\"value === 'desc'\"\n            class=\"bb-table-header-cell-toggle\"\n            type=\"button\"></button>\n</ng-container>\n", styles: [".bb-table-header-cell{height:50px;color:#212529;cursor:pointer;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none;padding:10px 20px;position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:52px}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:14px;width:22px;border:none;height:22px;margin-left:auto;position:absolute;border-radius:4px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbTableHeaderCell, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-table-header-cell', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'bb-table-header-cell',
+                        '[class.disabled]': 'isDisabled'
+                    }, inputs: ['disabled'], encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<!-- The content. -->\n<ng-content></ng-content>\n\n<!-- The indicator for the sort direction. -->\n<ng-container *ngIf=\"valueChanges$ | async as value\">\n    <button *ngIf=\"!isDisabled\"\n            [class.asc]=\"value === 'asc'\"\n            [class.desc]=\"value === 'desc'\"\n            class=\"bb-table-header-cell-toggle\"\n            type=\"button\"></button>\n</ng-container>\n", styles: [".bb-table-header-cell{height:50px;color:#212529;cursor:pointer;font-size:16px;font-weight:500;-webkit-user-select:none;user-select:none;padding:10px 20px;position:relative;display:table-cell;vertical-align:middle;border-bottom:1px solid #d8d8d8}.bb-table-header-cell:active>.bb-table-header-cell-toggle{background-color:#00000014}.bb-table-header-cell:not(.disabled){padding-right:52px}.bb-table-header-cell.fit{width:1%;white-space:nowrap}.bb-table-header-cell.left{text-align:left}.bb-table-header-cell.center{text-align:center}.bb-table-header-cell.right{text-align:right}.bb-table-header-cell.disabled{cursor:default;pointer-events:none}.bb-table-header-cell-toggle{top:50%;right:14px;width:22px;border:none;height:22px;margin-left:auto;position:absolute;border-radius:4px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1);background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.desc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"black\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}.bb-table-header-cell-toggle.asc{background-image:url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 9 15\" width=\"9\" height=\"15\"%3E%3Cpath fill=\"black\" d=\"M4.5 0L0 7h9z\"%3E%3C/path%3E%3Cpath fill=\"%23dcdcdc\" d=\"M4.5 15L9 8H0z\"%3E%3C/path%3E%3C/svg%3E')}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BbTable, decorators: [{
+                    type: Optional
+                }, {
+                    type: Host
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Attribute,
+                    args: ['name']
+                }] }]; }, propDecorators: { sort: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZGVyLWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUtaGVhZGVyLWNlbGwvdGFibGUtaGVhZGVyLWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmItZm91bmRhdGlvbi90YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvdGFibGUtaGVhZGVyLWNlbGwvdGFibGUtaGVhZGVyLWNlbGwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULElBQUksRUFDSixZQUFZLEVBQ1osS0FBSyxFQUdMLFFBQVEsRUFDUixpQkFBaUIsRUFDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFvQyxhQUFhLEVBQUMsTUFBTSx5QkFBeUIsQ0FBQztBQUd6RixPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLFNBQVMsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7O0FBR3pDLE1BQU0scUJBQXFCO0NBQzFCO0FBRUQsTUFBTSwwQkFBMEIsR0FDSyxhQUFhLENBQUMscUJBQXFCLENBQUMsQ0FBQztBQWUxRSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsMEJBQTBCO0lBeUI3RCxZQUF3QyxNQUFnQixFQUNMLEtBQWM7UUFDN0QsS0FBSyxFQUFFLENBQUM7UUFGNEIsV0FBTSxHQUFOLE1BQU0sQ0FBVTtRQUNMLFVBQUssR0FBTCxLQUFLLENBQVM7UUF4QmpFLGFBQWE7UUFDSSxvQkFBZSxHQUE4QixDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLENBQUM7UUFDckUsYUFBUSxHQUFHLElBQUksV0FBVyxD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SSxDQUFDLE1BQU0sRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ25ELENBQUM7OzhHQXhIUSxpQkFBaUIscUVBMEJTLE1BQU07a0dBMUJoQyxpQkFBaUIsMFFDdEM5Qix5WUFXQTsyRkQyQmEsaUJBQWlCO2tCQWI3QixTQUFTOytCQUNJLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNGLE9BQU8sRUFBRSxzQkFBc0I7d0JBQy9CLGtCQUFrQixFQUFFLFlBQVk7cUJBQ25DLFVBQ08sQ0FBQyxVQUFVLENBQUMsaUJBQ0wsaUJBQWlCLENBQUMsSUFBSSx1QkFDaEIsS0FBSzs7MEJBMkJiLFFBQVE7OzBCQUFJLElBQUk7OzBCQUNoQixRQUFROzswQkFBSSxTQUFTOzJCQUFDLE1BQU07NENBZnJDLElBQUk7c0JBRFAsS0FBSztnQkE0RE4sT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEF0dHJpYnV0ZSxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdCxcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5wdXQsXG4gICAgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBPcHRpb25hbCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q2FuRGlzYWJsZSwgQ2FuRGlzYWJsZUNvbnN0cnVjdG9yLCBtaXhpbkRpc2FibGVkfSBmcm9tICdAYnJhdm9iaXQvYmItZm91bmRhdGlvbic7XG5pbXBvcnQge1RhYmxlQ29sdW1uU29ydFN0cmF0ZWd5fSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL3RhYmxlLmludGVyZmFjZXMnO1xuaW1wb3J0IHtCYlRhYmxlfSBmcm9tICcuLi90YWJsZS90YWJsZS5jb21wb25lbnQnO1xuaW1wb3J0IHtGb3JtQ29udHJvbH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtzdGFydFdpdGh9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSAncnhqcyc7XG5cbmNsYXNzIEJiVGFibGVIZWFkZXJDZWxsQmFzZSB7XG59XG5cbmNvbnN0IEJiVGFibGVIZWFkZXJDZWxsTWl4aW5CYXNlOiBDYW5EaXNhYmxlQ29uc3RydWN0b3JcbiAgICAmIHR5cGVvZiBCYlRhYmxlSGVhZGVyQ2VsbEJhc2UgPSBtaXhpbkRpc2FibGVkKEJiVGFibGVIZWFkZXJDZWxsQmFzZSk7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYmItdGFibGUtaGVhZGVyLWNlbGwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWJsZS1oZWFkZXItY2VsbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFibGUtaGVhZGVyLWNlbGwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBob3N0OiB7XG4gICAgICAgICdjbGFzcyc6ICdiYi10YWJsZS1oZWFkZXItY2VsbCcsXG4gICAgICAgICdbY2xhc3MuZGlzYWJsZWRdJzogJ2lzRGlzYWJsZWQnXG4gICAgfSxcbiAgICBpbnB1dHM6IFsnZGlzYWJsZWQnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlXG59KVxuZXhwb3J0IGNsYXNzIEJiVGFibGVIZWFkZXJDZWxsIGV4dGVuZHMgQmJUYWJsZUhlYWRlckNlbGxNaXhpbkJhc2UgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSwgQ2FuRGlzYWJsZSB7XG5cbiAgICAvLyBDb25zdGFudHMuXG4gICAgcHJpdmF0ZSByZWFkb25seSBfc29ydERpcmVjdGlvbnM6IFRhYmxlQ29sdW1uU29ydFN0cmF0ZWd5W10gPSBbJ25vbmUnLCAnYXNjJywgJ2Rlc2MnXTtcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9jb250cm9sID0gbmV3IEZvcm1Db250cm9sKHRoaXMuX3NvcnREaXJlY3Rpb25zWzBdKTtcblxuICAgIC8vIERhdGEuXG4gICAgdmFsdWVDaGFuZ2VzJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuXG4gICAgLy8gU29ydC5cbiAgICBASW5wdXQoKVxuICAgIHNldCBzb3J0KHZhbHVlOiBUYWJsZUNvbHVtblNvcnRTdHJhdGVneSkge1xuICAgICAgICAvLyBDaGVjayBpZiB0aGUgbmV3IHZhbHVlIGlzIGEgdmFsaWQgdmFsdWUuXG4gICAgICAgIGlmICghdGhpcy5fc29ydERpcmVjdGlvbnMuaW5jbHVkZXModmFsdWUpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBTZXQgdGhlIHZhbHVlLlxuICAgICAgICB0aGlzLl9jb250cm9sLnNldFZhbHVlKHZhbHVlKTtcbiAgICB9XG5cbiAgICBnZXQgc29ydCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRyb2wudmFsdWU7XG4gICAgfVxuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEhvc3QoKSBwcml2YXRlIF90YWJsZT86IEJiVGFibGUsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEF0dHJpYnV0ZSgnbmFtZScpIHByaXZhdGUgX25hbWU/OiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gVmFsaWRhdGUgdGhhdCB0aGUgbmFtZSBhbmQgdGFibGUgYXJlIHNldC5cbiAgICAgICAgdGhpcy5fdGFibGU/LnNldEhlYWRlckNvdW50Py4oMSk7XG4gICAgICAgIGlmICghdGhpcy5fdGFibGUgfHwgIXRoaXMuX25hbWUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBjb250cm9sIGFscmVhZHkgZXhpc3RzIGluIHRoZSB0YWJsZS5cbiAgICAgICAgaWYgKHRoaXMuX3RhYmxlLnNvcnRDb250cm9sPy5jb250YWlucyh0aGlzLl9uYW1lKSkge1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlZCA9IHRydWU7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5sb2dXYXJuaW5nKGBCYlRhYmxlSGVhZGVyQ2VsbDogVGhlIG5hbWUgXCIke3RoaXMuX25hbWV9XCIgaXMgbm90IHVuaXF1ZSBpbiB0aGUgdGFibGU7IENvbnRyb2wgd2FzIG5vdCByZWdpc3RlcmVkLmApO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gUmVnaXN0ZXIgdGhlIGhlYWRlciBjZWxsIHdpdGggdGhlIHRhYmxlLlxuICAgICAgICB0aGlzLl90YWJsZS5zb3J0Q29udHJvbD8uYWRkQ29udHJvbCh0aGlzLl9uYW1lLCB0aGlzLl9jb250cm9sKTtcblxuICAgICAgICAvLyBHZXQgYWxsIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgICAgICB0aGlzLnZhbHVlQ2hhbmdlcyQgPSB0aGlzLl9jb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMuX2NvbnRyb2wudmFsdWUgYXMgc3RyaW5nKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLl90YWJsZT8uc2V0SGVhZGVyQ291bnQ/LigtMSk7XG4gICAgICAgIC8vIFZhbGlkYXRlIHRoYXQgdGhlIG5hbWUgYW5kIHRhYmxlIGFyZSBzZXQuXG4gICAgICAgIGlmICghdGhpcy5fdGFibGUgfHwgIXRoaXMuX25hbWUpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFVuLXJlZ2lzdGVyIHRoZSBoZWFkZXIgY2VsbCB3aXRoIHRoZSB0YWJsZS5cbiAgICAgICAgaWYgKHRoaXMuX3RhYmxlPy5zb3J0Q29udHJvbD8uY29udGFpbnModGhpcy5fbmFtZSkpIHtcbiAgICAgICAgICAgIHRoaXMuX3RhYmxlPy5zb3J0Q29udHJvbD8ucmVtb3ZlQ29udHJvbCh0aGlzLl9uYW1lKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGdldCBpc0Rpc2FibGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCAhdGhpcy5fbmFtZTtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gICAgb25DbGljaygpIHtcbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIGhlYWRlciBjZWxsIGlzIGRpc2FibGVkLlxuICAgICAgICBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBGaW5kIHRoZSBpbmRleCBvZiB0aGUgY3VycmVudCBzb3J0IGFuZFxuICAgICAgICAvLyBjcmVhdGUgdGhlIG5ldyBpbmRleC5cbiAgICAgICAgY29uc3QgaW5kZXggPSB0aGlzLl9zb3J0RGlyZWN0aW9ucy5maW5kSW5kZXgoaXRlbSA9PiBpdGVtID09PSB0aGlzLl9jb250cm9sLnZhbHVlKTtcbiAgICAgICAgY29uc3QgbmV3SW5kZXggPSAoaW5kZXggKyAxKSAlIHRoaXMuX3NvcnREaXJlY3Rpb25zLmxlbmd0aDtcbiAgICAgICAgY29uc3QgbmV3U29ydCA9IHRoaXMuX3NvcnREaXJlY3Rpb25zW25ld0luZGV4XTtcblxuICAgICAgICAvLyBTZXQgdGhlIG5ldyBzb3J0LlxuICAgICAgICByZXR1cm4gdGhpcy51cGRhdGVUYWJsZUFuZEhlYWRlckNlbGwobmV3U29ydCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB1cGRhdGVUYWJsZUFuZEhlYWRlckNlbGwodmFsdWU6IFRhYmxlQ29sdW1uU29ydFN0cmF0ZWd5KSB7XG4gICAgICAgIC8vIENoZWNrIGlmIHRoZSBuZXcgdmFsdWUgaXMgYSB2YWxpZCB2YWx1ZS5cbiAgICAgICAgaWYgKCF0aGlzLl9zb3J0RGlyZWN0aW9ucy5pbmNsdWRlcyh2YWx1ZSkpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFZhbGlkYXRlIHRoZSB0YWJsZSBleGlzdHMuXG4gICAgICAgIGlmICghdGhpcy5fdGFibGUpIHtcbiAgICAgICAgICAgIHJldHVybiB0aGlzLl9jb250cm9sLnNldFZhbHVlKHZhbHVlKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIEhhbmRsZSB0aGUgc2luZ2xlIHNvcnRpbmcgc3RyYXRlZ3kuXG4gICAgICAgIGlmICh0aGlzLl90YWJsZS5zb3J0aW5nU3RyYXRlZ3kgPT09ICdzaW5nbGUnKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5oYW5kbGVTaW5nbGVTb3J0aW5nU3RyYXRlZ3kodmFsdWUpO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gRGVmYXVsdCBjYXNlIHdoZW4gbm8gb3RoZXIgc3RyYXRlZ3lcbiAgICAgICAgLy8gaXMgdXNlZC5cbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRyb2wuc2V0VmFsdWUodmFsdWUpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaGFuZGxlU2luZ2xlU29ydGluZ1N0cmF0ZWd5KHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgLy8gR2V0IHRoZSBzb3J0IGNvbnRyb2wuXG4gICAgICAgIGNvbnN0IGNvbnRyb2wgPSB0aGlzLl90YWJsZS5zb3J0Q29udHJvbDtcblxuICAgICAgICAvLyBTZXQgZWFjaCB2YWx1ZSB0byBmYWxzZSBzaW5jZSB3ZSBvbmx5IHdhbnQgdG9cbiAgICAgICAgLy8gc29ydCBvbiBvbmUgcHJvcGVydHkgYXQgYSB0aW1lIHdpdGggdGhpcyBzdHJhdGVneS5cbiAgICAgICAgY29uc3QgbmV3VmFsdWUgPSBPYmplY3Qua2V5cyhjb250cm9sLmNvbnRyb2xzKS5yZWR1Y2UoKHByZXZpb3VzLCBjdXJyZW50KSA9PiB7XG4gICAgICAgICAgICBwcmV2aW91c1tjdXJyZW50XSA9IGN1cnJlbnQgPT09IHRoaXMuX25hbWUgPyB2YWx1ZSA6ICdub25lJztcbiAgICAgICAgICAgIHJldHVybiBwcmV2aW91cztcbiAgICAgICAgfSwge30pO1xuXG4gICAgICAgIC8vIFBhdGNoIHRoZSBlbnRpcmUgc29ydCB2YWx1ZS5cbiAgICAgICAgdGhpcy5fdGFibGU/LnNvcnRDb250cm9sPy5wYXRjaFZhbHVlKG5ld1ZhbHVlKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGxvZ1dhcm5pbmcgPSAobWVzc2FnZTogc3RyaW5nKSA9PiB7XG4gICAgICAgIGNvbnNvbGUgJiYgY29uc29sZS53YXJuICYmIGNvbnNvbGUud2FybihtZXNzYWdlKTtcbiAgICB9O1xuXG59XG4iLCI8IS0tIFRoZSBjb250ZW50LiAtLT5cbjxuZy1jb250ZW50PjwvbmctY29udGVudD5cblxuPCEtLSBUaGUgaW5kaWNhdG9yIGZvciB0aGUgc29ydCBkaXJlY3Rpb24uIC0tPlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInZhbHVlQ2hhbmdlcyQgfCBhc3luYyBhcyB2YWx1ZVwiPlxuICAgIDxidXR0b24gKm5nSWY9XCIhaXNEaXNhYmxlZFwiXG4gICAgICAgICAgICBbY2xhc3MuYXNjXT1cInZhbHVlID09PSAnYXNjJ1wiXG4gICAgICAgICAgICBbY2xhc3MuZGVzY109XCJ2YWx1ZSA9PT0gJ2Rlc2MnXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtaGVhZGVyLWNlbGwtdG9nZ2xlXCJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIj48L2J1dHRvbj5cbjwvbmctY29udGFpbmVyPlxuIl19