@bravobit/bb-foundation 0.16.4 → 0.20.1

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

@@ -1,191 +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.2.5", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.5", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: BbTableColumnDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bbTableColumnDef]'
-                }]
-        }] });
-export class BbTableRowDef {
-}
-BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.5", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", 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.2.5", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", 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.2.5", 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=
+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.3.6", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbTableColumnDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbTableColumnDef]'
+                }]
+        }] });
+export class BbTableRowDef {
+}
+BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.6", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", 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.3.6", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", 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: "<!--\r\n    This is the header of the table. It can be a user\r\n    defined custom header or just the default header.\r\n-->\r\n\r\n<header *ngIf=\"(header === true ? headerTemplate : header) as template\"\r\n        class=\"bb-table-top-actions\">\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n</header>\r\n\r\n<!--\r\n    This is the table that contains the\r\n    rows and columns.\r\n-->\r\n\r\n<div class=\"bb-table-wrapper\">\r\n    <div *ngIf=\"isLoading$ | async\"\r\n         class=\"bb-table-progress\">\r\n        <div class=\"bb-table-indeterminate\"></div>\r\n    </div>\r\n    <table class=\"bb-table-container\">\r\n        <thead>\r\n            <tr>\r\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\r\n            </tr>\r\n        </thead>\r\n        <tbody *ngIf=\"data$ | async as data; else isLoadingTemplate\"\r\n               [ngSwitch]=\"data?.state\">\r\n            <ng-container *ngSwitchCase=\"'success'\">\r\n                <ng-container *ngIf=\"!!tableRowTemplate; else tableCellsTemplates\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data || []}\"></ng-container>\r\n                </ng-container>\r\n\r\n                <ng-template #tableCellsTemplates>\r\n                    <tr *ngFor=\"let item of data?.result?.data; trackBy: trackByFn\">\r\n                        <ng-container *ngFor=\"let template of tableColumnTemplates\">\r\n                            <ng-container *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\r\n                        </ng-container>\r\n                    </tr>\r\n                </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'empty'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_datasource'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_not_found'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_server'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_down'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<footer *ngIf=\"(footer === true ? footerTemplate : footer) as template\"\r\n        class=\"bb-table-bottom-actions\">\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n</footer>\r\n\r\n<ng-template #isLoadingTemplate>\r\n    <tr>\r\n        <td [attr.colspan]=\"headerCount\"\r\n            class=\"bb-table-template\">\r\n            <div class=\"bb-table-template-content\">\r\n                {{ 'tables.loading' | bbLocalize }}\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</ng-template>\r\n\r\n<!--\r\n    This is the template that will be used when the user has not\r\n    supplied a custom header template.\r\n-->\r\n\r\n<ng-template #headerTemplate>\r\n    <ng-content></ng-content>\r\n    <bb-form-control>\r\n        <input [formControl]=\"queryControl\"\r\n               [placeholder]=\"'tables.search' | bbLocalize\"\r\n               bbInput\r\n               autocomplete=\"off\">\r\n        <bb-icon *ngIf=\"queryControl?.value?.length <= 0; else closeButtonTemplate\"\r\n                 bbSuffix\r\n                 src=\"material:search\">\r\n        </bb-icon>\r\n    </bb-form-control>\r\n</ng-template>\r\n\r\n<!--\r\n    This is the template that will be used when the user has not\r\n    supplied a custom footer template.\r\n-->\r\n\r\n<ng-template #footerTemplate>\r\n    <bb-form-control *ngIf=\"sizes?.length > 1\">\r\n        <select [formControl]=\"pageSizeControl\"\r\n                bbInput\r\n                title=\"Sizes\">\r\n            <option *ngFor=\"let item of sizes; trackBy: trackByValue\"\r\n                    [ngValue]=\"item\">\r\n                {{ item }} / {{ 'tables.page' | bbLocalize }}\r\n            </option>\r\n        </select>\r\n    </bb-form-control>\r\n\r\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\r\n                    [formControl]=\"pageNumberControl\">\r\n    </bb-table-pager>\r\n</ng-template>\r\n\r\n<!--\r\n    This the template that will be used when the user\r\n    has filled in some data in the query control.\r\n-->\r\n\r\n<ng-template #closeButtonTemplate>\r\n    <button bbSuffix\r\n            (click)=\"queryControl?.patchValue('')\"\r\n            type=\"button\"\r\n            class=\"bb-table-progress-close-query\">\r\n        <bb-icon src=\"material:close\"></bb-icon>\r\n    </button>\r\n</ng-template>\r\n\r\n<ng-template #errorTemplate let-state=\"state\" let-status=\"statusCode\">\r\n    <tr>\r\n        <td [attr.colspan]=\"headerCount\"\r\n            class=\"bb-table-template\">\r\n            <div class=\"bb-table-template-content\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"41\">\r\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\r\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\r\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\r\n                            <path\r\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>\r\n                            <path fill=\"#FAFAFA\"\r\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>\r\n                        </g>\r\n                    </g>\r\n                </svg>\r\n                <span *ngIf=\"state as stateLabel\">{{ ('tables.' + stateLabel) | bbLocalize }}</span>\r\n                <span *ngIf=\"status as statusCode\"\r\n                      class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</ng-template>\r\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.3.6", ngImport: i0, type: BbTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-table', host: { 'class': 'bb-table' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<!--\r\n    This is the header of the table. It can be a user\r\n    defined custom header or just the default header.\r\n-->\r\n\r\n<header *ngIf=\"(header === true ? headerTemplate : header) as template\"\r\n        class=\"bb-table-top-actions\">\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n</header>\r\n\r\n<!--\r\n    This is the table that contains the\r\n    rows and columns.\r\n-->\r\n\r\n<div class=\"bb-table-wrapper\">\r\n    <div *ngIf=\"isLoading$ | async\"\r\n         class=\"bb-table-progress\">\r\n        <div class=\"bb-table-indeterminate\"></div>\r\n    </div>\r\n    <table class=\"bb-table-container\">\r\n        <thead>\r\n            <tr>\r\n                <ng-content select=\"bb-table-header-cell\"></ng-content>\r\n            </tr>\r\n        </thead>\r\n        <tbody *ngIf=\"data$ | async as data; else isLoadingTemplate\"\r\n               [ngSwitch]=\"data?.state\">\r\n            <ng-container *ngSwitchCase=\"'success'\">\r\n                <ng-container *ngIf=\"!!tableRowTemplate; else tableCellsTemplates\">\r\n                    <ng-container\r\n                        *ngTemplateOutlet=\"tableRowTemplate; context: {data: data?.result?.data || []}\"></ng-container>\r\n                </ng-container>\r\n\r\n                <ng-template #tableCellsTemplates>\r\n                    <tr *ngFor=\"let item of data?.result?.data; trackBy: trackByFn\">\r\n                        <ng-container *ngFor=\"let template of tableColumnTemplates\">\r\n                            <ng-container *ngTemplateOutlet=\"template; context: {item: item}\"></ng-container>\r\n                        </ng-container>\r\n                    </tr>\r\n                </ng-template>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'empty'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_datasource'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_not_found'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_server'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchCase=\"'error_down'\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"errorTemplate; context: data\"></ng-container>\r\n            </ng-container>\r\n        </tbody>\r\n    </table>\r\n</div>\r\n\r\n<footer *ngIf=\"(footer === true ? footerTemplate : footer) as template\"\r\n        class=\"bb-table-bottom-actions\">\r\n    <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n</footer>\r\n\r\n<ng-template #isLoadingTemplate>\r\n    <tr>\r\n        <td [attr.colspan]=\"headerCount\"\r\n            class=\"bb-table-template\">\r\n            <div class=\"bb-table-template-content\">\r\n                {{ 'tables.loading' | bbLocalize }}\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</ng-template>\r\n\r\n<!--\r\n    This is the template that will be used when the user has not\r\n    supplied a custom header template.\r\n-->\r\n\r\n<ng-template #headerTemplate>\r\n    <ng-content></ng-content>\r\n    <bb-form-control>\r\n        <input [formControl]=\"queryControl\"\r\n               [placeholder]=\"'tables.search' | bbLocalize\"\r\n               bbInput\r\n               autocomplete=\"off\">\r\n        <bb-icon *ngIf=\"queryControl?.value?.length <= 0; else closeButtonTemplate\"\r\n                 bbSuffix\r\n                 src=\"material:search\">\r\n        </bb-icon>\r\n    </bb-form-control>\r\n</ng-template>\r\n\r\n<!--\r\n    This is the template that will be used when the user has not\r\n    supplied a custom footer template.\r\n-->\r\n\r\n<ng-template #footerTemplate>\r\n    <bb-form-control *ngIf=\"sizes?.length > 1\">\r\n        <select [formControl]=\"pageSizeControl\"\r\n                bbInput\r\n                title=\"Sizes\">\r\n            <option *ngFor=\"let item of sizes; trackBy: trackByValue\"\r\n                    [ngValue]=\"item\">\r\n                {{ item }} / {{ 'tables.page' | bbLocalize }}\r\n            </option>\r\n        </select>\r\n    </bb-form-control>\r\n\r\n    <bb-table-pager [totalPages]=\"(data$ | async)?.result?.totalPages\"\r\n                    [formControl]=\"pageNumberControl\">\r\n    </bb-table-pager>\r\n</ng-template>\r\n\r\n<!--\r\n    This the template that will be used when the user\r\n    has filled in some data in the query control.\r\n-->\r\n\r\n<ng-template #closeButtonTemplate>\r\n    <button bbSuffix\r\n            (click)=\"queryControl?.patchValue('')\"\r\n            type=\"button\"\r\n            class=\"bb-table-progress-close-query\">\r\n        <bb-icon src=\"material:close\"></bb-icon>\r\n    </button>\r\n</ng-template>\r\n\r\n<ng-template #errorTemplate let-state=\"state\" let-status=\"statusCode\">\r\n    <tr>\r\n        <td [attr.colspan]=\"headerCount\"\r\n            class=\"bb-table-template\">\r\n            <div class=\"bb-table-template-content\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"64\" height=\"41\">\r\n                    <g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(0 1)\">\r\n                        <ellipse cx=\"32\" cy=\"33\" fill=\"#F5F5F5\" rx=\"32\" ry=\"7\"></ellipse>\r\n                        <g fill-rule=\"nonzero\" stroke=\"#D9D9D9\">\r\n                            <path\r\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>\r\n                            <path fill=\"#FAFAFA\"\r\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>\r\n                        </g>\r\n                    </g>\r\n                </svg>\r\n                <span *ngIf=\"state as stateLabel\">{{ ('tables.' + stateLabel) | bbLocalize }}</span>\r\n                <span *ngIf=\"status as statusCode\"\r\n                      class=\"bb-table-template-content-code\">(HTTP {{ statusCode }})</span>\r\n            </div>\r\n        </td>\r\n    </tr>\r\n</ng-template>\r\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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QUksdUJBQ2hCLEtBQUs7OEJBSzhCLG9CQUFvQjtzQkFBM0UsZUFBZTt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUM7Z0JBQ1csZ0JBQWdCO3NCQUFoRixZQUFZO3VCQUFDLGFBQWEsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQztnQkFHdEQsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQVVGLEtBQUs7c0JBRFIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICAgIENvbXBvbmVudCwgQ29udGVudENoaWxkLFxyXG4gICAgQ29udGVudENoaWxkcmVuLFxyXG4gICAgRGlyZWN0aXZlLFxyXG4gICAgSW5wdXQsXHJcbiAgICBPbkRlc3Ryb3ksXHJcbiAgICBPbkluaXQsXHJcbiAgICBRdWVyeUxpc3QsXHJcbiAgICBUZW1wbGF0ZVJlZixcclxuICAgIFZpZXdFbmNhcHN1bGF0aW9uXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Y2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzdGFydFdpdGgsIHRhcH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQge0RhdGFTb3VyY2VQYWdlUmVzcG9uc2V9IGZyb20gJy4uLy4uL2ludGVyZmFjZXMvZGF0YXNvdXJjZS5pbnRlcmZhY2UnO1xyXG5pbXBvcnQge0RhdGFTb3VyY2UsIERhdGFTb3VyY2VSZXF1ZXN0fSBmcm9tICcuLi8uLi9kYXRhL2RhdGFzb3VyY2UuZGF0YSc7XHJcbmltcG9ydCB7Y29tYmluZUxhdGVzdCwgT2JzZXJ2YWJsZSwgb2YsIFN1YnNjcmlwdGlvbn0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7Rm9ybUNvbnRyb2wsIEZvcm1Hcm91cH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQERpcmVjdGl2ZSh7XHJcbiAgICBzZWxlY3RvcjogJ1tiYlRhYmxlQ29sdW1uRGVmXSdcclxufSlcclxuZXhwb3J0IGNsYXNzIEJiVGFibGVDb2x1bW5EZWYge1xyXG59XHJcblxyXG5ARGlyZWN0aXZlKHtcclxuICAgIHNlbGVjdG9yOiAnW2JiVGFibGVSb3dEZWZdJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgQmJUYWJsZVJvd0RlZiB7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdiYi10YWJsZScsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFibGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGhvc3Q6IHsnY2xhc3MnOiAnYmItdGFibGUnfSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBCYlRhYmxlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG5cclxuICAgIC8vIENvbnRlbnQuXHJcbiAgICBAQ29udGVudENoaWxkcmVuKEJiVGFibGVDb2x1bW5EZWYsIHtyZWFkOiBUZW1wbGF0ZVJlZn0pIHRhYmxlQ29sdW1uVGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWY8YW55Pj47XHJcbiAgICBAQ29udGVudENoaWxkKEJiVGFibGVSb3dEZWYsIHtyZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiBmYWxzZX0pIHRhYmxlUm93VGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAgIC8vIElucHV0cy5cclxuICAgIEBJbnB1dCgpIGlkZW50aWZpZXI6IHN0cmluZyB8IG51bGwgPSBudWxsO1xyXG4gICAgQElucHV0KCkgZGF0YVNvdXJjZTogRGF0YVNvdXJjZTtcclxuICAgIEBJbnB1dCgpIHF1ZXJ5RmllbGRzOiBzdHJpbmdbXSA9IFtdO1xyXG4gICAgQElucHV0KCkgc29ydGluZ1N0cmF0ZWd5OiAnc2luZ2xlJyB8ICdtdWx0aXBsZScgPSAnc2luZ2xlJztcclxuICAgIEBJbnB1dCgpIGhlYWRlcjogVGVtcGxhdGVSZWY8YW55PiB8IGJvb2xlYW4gPSB0cnVlO1xyXG4gICAgQElucHV0KCkgZm9vdGVyOiBUZW1wbGF0ZVJlZjxhbnk+IHwgYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgLy8gU2l6ZXMuXHJcbiAgICBwcml2YXRlIF9zaXplczogbnVtYmVyW10gPSBbMjUsIDUwLCA3NSwgMTAwXTtcclxuXHJcbiAgICBnZXQgc2l6ZXMoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NpemVzO1xyXG4gICAgfVxyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBzZXQgc2l6ZXMobmV3VmFsdWU6IG51bWJlcltdKSB7XHJcbiAgICAgICAgdGhpcy51cGRhdGVTaXplcyhuZXdWYWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgLy8gT3B0aW1pemF0aW9ucy5cclxuICAgIHRyYWNrQnlGbiA9IChpbmRleCwgaXRlbSkgPT4gdGhpcy5pZGVudGlmaWVyID8gaXRlbVt0aGlzLmlkZW50aWZpZXJdIDogaW5kZXg7XHJcbiAgICB0cmFja0J5VmFsdWUgPSAoXywgaXRlbSkgPT4gaXRlbTtcclxuXHJcbiAgICAvLyBEYXRhLlxyXG4gICAgcmVxdWVzdDogRGF0YVNvdXJjZVJlcXVlc3Q7XHJcbiAgICBkYXRhJDogT2JzZXJ2YWJsZTx7IHN0YXRlOiBzdHJpbmcsIHN0YXR1c0NvZGU/OiBudW1iZXIsIHJlc3VsdD86IERhdGFTb3VyY2VQYWdlUmVzcG9uc2UgfT47XHJcbiAgICBpc0xvYWRpbmckOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xyXG5cclxuICAgIC8vIEZvcm0uXHJcbiAgICBmb3JtOiBGb3JtR3JvdXA7XHJcbiAgICBxdWVyeUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xyXG5cclxuICAgIC8vIFN0YXRlLlxyXG4gICAgcHJpdmF0ZSBfaGVhZGVyQ291bnQ6IG51bWJlciA9IDA7XHJcblxyXG4gICAgLy8gU3Vic2NyaXB0aW9ucy5cclxuICAgIHByaXZhdGUgX3N1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xyXG5cclxuICAgIG5nT25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuY29tcG9zZUZvcm0oKTtcclxuICAgICAgICB0aGlzLndhdGNoRGF0YUNoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uRGVzdHJveSgpIHtcclxuICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24/LnVuc3Vic2NyaWJlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IGhlYWRlckNvdW50KCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9oZWFkZXJDb3VudDtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgc29ydENvbnRyb2woKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybT8uZ2V0KCdzb3J0JykgYXMgRm9ybUdyb3VwO1xyXG4gICAgfVxyXG5cclxuICAgIGdldCBwYWdlTnVtYmVyQ29udHJvbCgpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3BhZ2VOdW1iZXInKSBhcyBGb3JtQ29udHJvbDtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgcGFnZVNpemVDb250cm9sKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0/LmdldCgncGFnZVNpemUnKSBhcyBGb3JtQ29udHJvbDtcclxuICAgIH1cclxuXHJcbiAgICByZWZyZXNoKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnJlcXVlc3QudXBkYXRlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgc2V0SGVhZGVyQ291bnQoYW1vdW50OiAtMSB8IDEpIHtcclxuICAgICAgICB0aGlzLl9oZWFkZXJDb3VudCArPSBhbW91bnQ7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSB1cGRhdGVTaXplcyhuZXdWYWx1ZTogbnVtYmVyW10pIHtcclxuICAgICAgICAvLyBWYWxpZGF0ZSB0aGUgc2l6ZXMgaGFzIGF0IGxlYXN0IG9uZSB2YWx1ZS5cclxuICAgICAgICBpZiAobmV3VmFsdWUubGVuZ3RoIDw9IDApIHtcclxuICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdDYW5ub3Qgc2V0IGFuIGVtcHR5IGFycmF5IGFzIHRoZSBzaXplcy4nKTtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIC8vIFNldCB0aGUgbmV3IHNpemUuXHJcbiAgICAgICAgdGhpcy5fc2l6ZXMgPSBuZXdWYWx1ZTtcclxuXHJcbiAgICAgICAgLy8gVmFsaWRhdGUgdGhhdCB0aGUgZm9ybSBleGlzdHMgYWxyZWFkeS5cclxuICAgICAgICBpZiAoIXRoaXMuZm9ybSkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBzZWxlY3RlZCB2YWx1ZSBpc1xyXG4gICAgICAgIC8vIGluIHRoZSBuZXcgc2l6ZXMgYXJyYXkuXHJcbiAgICAgICAgY29uc3QgcGFnZVNpemVDb250cm9sID0gdGhpcy5mb3JtLmdldCgncGFnZVNpemUnKTtcclxuICAgICAgICBpZiAodGhpcy5fc2l6ZXMuaW5jbHVkZXMocGFnZVNpemVDb250cm9sLnZhbHVlKSkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBTZXQgdGhlIGZpcnN0IHZhbHVlIGluIHRoZSBhcnJheSBhc1xyXG4gICAgICAgIC8vIHRoZSBuZXcgdmFsdWUuXHJcbiAgICAgICAgY29uc3QgZmlyc3RWYWx1ZSA9IHRoaXMuX3NpemVzWzBdO1xyXG4gICAgICAgIHBhZ2VTaXplQ29udHJvbC5zZXRWYWx1ZShmaXJzdFZhbHVlKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGNvbXBvc2VGb3JtKCkge1xyXG4gICAgICAgIC8vIFNldHVwIHRoZSBmb3JtLlxyXG4gICAgICAgIHRoaXMuZm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xyXG4gICAgICAgICAgICBwYWdlU2l6ZTogbmV3IEZvcm1Db250cm9sKHRoaXMuX3NpemVzWzBdKSxcclxuICAgICAgICAgICAgcGFnZU51bWJlcjogbmV3IEZvcm1Db250cm9sKDEpLFxyXG4gICAgICAgICAgICBzb3J0OiBuZXcgRm9ybUdyb3VwKHt9KVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgd2F0Y2hEYXRhQ2hhbmdlcygpIHtcclxuICAgICAgICAvLyBDcmVhdGUgYSBuZXcgcmVxdWVzdC5cclxuICAgICAgICB0aGlzLnJlcXVlc3QgPSBuZXcgRGF0YVNvdXJjZVJlcXVlc3QoKTtcclxuICAgICAgICB0aGlzLmlzTG9hZGluZyQgPSB0aGlzLnJlcXVlc3QubG9hZGluZztcclxuXHJcbiAgICAgICAgaWYgKCF0aGlzLmRhdGFTb3VyY2UpIHtcclxuICAgICAgICAgICAgdGhpcy5kYXRhJCA9IG9mKHtzdGF0ZTogJ2Vycm9yX2RhdGFzb3VyY2UnfSkucGlwZShcclxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKSlcclxuICAgICAgICAgICAgKTtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLy8gUGFzcyB0aGUgcmVxdWVzdCB0byB0aGUgZGF0YSBzb3VyY2UuXHJcbiAgICAgICAgdGhpcy5kYXRhJCA9IHRoaXMuZGF0YVNvdXJjZS5oYW5kbGUodGhpcy5yZXF1ZXN0KS5waXBlKFxyXG4gICAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5yZXF1ZXN0LnN0b3BMb2FkaW5nKCkpLFxyXG4gICAgICAgICAgICBtYXAocmVzdWx0ID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGNvdW50ID0gKHJlc3VsdCAmJiByZXN1bHQuZGF0YSAmJiByZXN1bHQuZGF0YS5sZW5ndGgpIHx8IDA7XHJcbiAgICAgICAgICAgICAgICBpZiAoY291bnQgPD0gMCkge1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiB7c3RhdGU6ICdlbXB0eScsIHJlc3VsdH07XHJcbiAgICAgICAgICAgICAgICB9XHJcblxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHtzdGF0ZTogJ3N1Y2Nlc3MnLCByZXN1bHR9O1xyXG4gICAgICAgICAgICB9KSxcclxuICAgICAgICAgICAgY2F0Y2hFcnJvcihlcnJvciA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKTtcclxuXHJcbiAgICAgICAgICAgICAgICBjb25zdCBzdGF0dXNDb2RlID0gZXJyb3I/LnN0YXR1cyA/PyBudWxsO1xyXG4gICAgICAgICAgICAgICAgY29uc3Qgc3RhdGVzID0ge1xyXG4gICAgICAgICAgICAgICAgICAgIDA6ICdlcnJvcl9kb3duJyxcclxuICAgICAgICAgICAgICAgICAgICA0MDE6ICdlcnJvcl91bmF1dGhvcml6ZWQnLFxyXG4gICAgICAgICAgICAgICAgICAgIDQwMzogJ2Vycm9yX2ZvcmJpZGRlbicsXHJcbiAgICAgICAgICAgICAgICAgICAgNDA0OiAnZXJyb3Jfbm90X2ZvdW5kJyxcclxuICAgICAgICAgICAgICAgICAgICA1MDA6ICdlcnJvcl9zZXJ2ZXInXHJcbiAgICAgICAgICAgICAgICB9O1xyXG5cclxuICAgICAgICAgICAgICAgIHJldHVybiBvZih7c3RhdGU6IHN0YXRlcz8uW3N0YXR1c0NvZGVdID8/ICdlcnJvcl91bmtub3duJywgc3RhdHVzQ29kZTogc3RhdHVzQ29kZX0pO1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICk7XHJcblxyXG4gICAgICAgIC8vIFN1YnNjcmliZSB0byB0aGUgZGF0YSBjaGFuZ2VzLlxyXG4gICAgICAgIHRoaXMuc3Vic2NyaWJlVG9DaGFuZ2VzKCk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBzdWJzY3JpYmVUb0NoYW5nZXMoKSB7XHJcbiAgICAgICAgY29uc3QgZm9ybSQgPSB0aGlzLmdldEZvcm1DaGFuZ2VzKCk7XHJcbiAgICAgICAgY29uc3QgcXVlcnkkID0gdGhpcy5nZXRRdWVyeUNoYW5nZXMoKTtcclxuXHJcbiAgICAgICAgdGhpcy5fc3Vic2NyaXB0aW9uID0gY29tYmluZUxhdGVzdChbZm9ybSQsIHF1ZXJ5JF0pLnN1YnNjcmliZSgoW2Zvcm0sIHF1ZXJ5XSkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCB7cGFnZU51bWJlciwgcGFnZVNpemV9ID0gZm9ybTtcclxuICAgICAgICAgICAgY29uc3Qgc29ydCA9IE9iamVjdC5rZXlzKGZvcm0uc29ydClcclxuICAgICAgICAgICAgICAgIC5tYXAobmFtZSA9PiAoe25hbWUsIGRpcmVjdGlvbjogZm9ybS5zb3J0W25hbWVdfSkpXHJcbiAgICAgICAgICAgICAgICAuZmlsdGVyKGl0ZW0gPT4gWydhc2MnLCAnZGVzYyddLmluY2x1ZGVzKGl0ZW0uZGlyZWN0aW9uKSk7XHJcblxyXG4gICAgICAgICAgICB0aGlzLnJlcXVlc3Quc3RhcnRMb2FkaW5nKCk7XHJcbiAgICAgICAgICAgIHJldHVybiB0aGlzLnJlcXVlc3QudXBkYXRlKHtcclxuICAgICAgICAgICAgICAgIHNvcnQsXHJcbiAgICAgICAgICAgICAgICBxdWVyeSxcclxuICAgICAgICAgICAgICAgIHBhZ2VTaXplLFxyXG4gICAgICAgICAgICAgICAgcGFnZU51bWJlcixcclxuICAgICAgICAgICAgICAgIHF1ZXJ5RmllbGRzOiB0aGlzLnF1ZXJ5RmllbGRzXHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgZ2V0UXVlcnlDaGFuZ2VzKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLnF1ZXJ5Q29udHJvbC52YWx1ZUNoYW5nZXMucGlwZShcclxuICAgICAgICAgICAgZGVib3VuY2VUaW1lKDQwMCksXHJcbiAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXHJcbiAgICAgICAgICAgIHN0YXJ0V2l0aCh0aGlzLnF1ZXJ5Q29udHJvbC52YWx1ZSBhcyBzdHJpbmcpXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGdldEZvcm1DaGFuZ2VzKCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0udmFsdWVDaGFuZ2VzLnBpcGUoXHJcbiAgICAgICAgICAgIHN0YXJ0V2l0aCh0aGlzLmZvcm0udmFsdWUgYXMgb2JqZWN0KVxyXG4gICAgICAgICk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjwhLS1cclxuICAgIFRoaXMgaXMgdGhlIGhlYWRlciBvZiB0aGUgdGFibGUuIEl0IGNhbiBiZSBhIHVzZXJcclxuICAgIGRlZmluZWQgY3VzdG9tIGhlYWRlciBvciBqdXN0IHRoZSBkZWZhdWx0IGhlYWRlci5cclxuLS0+XHJcblxyXG48aGVhZGVyICpuZ0lmPVwiKGhlYWRlciA9PT0gdHJ1ZSA/IGhlYWRlclRlbXBsYXRlIDogaGVhZGVyKSBhcyB0ZW1wbGF0ZVwiXHJcbiAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10b3AtYWN0aW9uc1wiPlxyXG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbjwvaGVhZGVyPlxyXG5cclxuPCEtLVxyXG4gICAgVGhpcyBpcyB0aGUgdGFibGUgdGhhdCBjb250YWlucyB0aGVcclxuICAgIHJvd3MgYW5kIGNvbHVtbnMuXHJcbi0tPlxyXG5cclxuPGRpdiBjbGFzcz1cImJiLXRhYmxlLXdyYXBwZXJcIj5cclxuICAgIDxkaXYgKm5nSWY9XCJpc0xvYWRpbmckIHwgYXN5bmNcIlxyXG4gICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXByb2dyZXNzXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImJiLXRhYmxlLWluZGV0ZXJtaW5hdGVcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHRhYmxlIGNsYXNzPVwiYmItdGFibGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPHRoZWFkPlxyXG4gICAgICAgICAgICA8dHI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJiYi10YWJsZS1oZWFkZXItY2VsbFwiPjwvbmctY29udGVudD5cclxuICAgICAgICAgICAgPC90cj5cclxuICAgICAgICA8L3RoZWFkPlxyXG4gICAgICAgIDx0Ym9keSAqbmdJZj1cImRhdGEkIHwgYXN5bmMgYXMgZGF0YTsgZWxzZSBpc0xvYWRpbmdUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgIFtuZ1N3aXRjaF09XCJkYXRhPy5zdGF0ZVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInc3VjY2VzcydcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhIXRhYmxlUm93VGVtcGxhdGU7IGVsc2UgdGFibGVDZWxsc1RlbXBsYXRlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0YWJsZVJvd1RlbXBsYXRlOyBjb250ZXh0OiB7ZGF0YTogZGF0YT8ucmVzdWx0Py5kYXRhIHx8IFtdfVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICN0YWJsZUNlbGxzVGVtcGxhdGVzPlxyXG4gICAgICAgICAgICAgICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBkYXRhPy5yZXN1bHQ/LmRhdGE7IHRyYWNrQnk6IHRyYWNrQnlGblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB0ZW1wbGF0ZSBvZiB0YWJsZUNvbHVtblRlbXBsYXRlc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInRlbXBsYXRlOyBjb250ZXh0OiB7aXRlbTogaXRlbX1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2VtcHR5J1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9kYXRhc291cmNlJ1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9ub3RfZm91bmQnXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Vycm9yX3NlcnZlcidcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZXJyb3JfZG93bidcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaERlZmF1bHQ+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvdGJvZHk+XHJcbiAgICA8L3RhYmxlPlxyXG48L2Rpdj5cclxuXHJcbjxmb290ZXIgKm5nSWY9XCIoZm9vdGVyID09PSB0cnVlID8gZm9vdGVyVGVtcGxhdGUgOiBmb290ZXIpIGFzIHRlbXBsYXRlXCJcclxuICAgICAgICBjbGFzcz1cImJiLXRhYmxlLWJvdHRvbS1hY3Rpb25zXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuPC9mb290ZXI+XHJcblxyXG48bmctdGVtcGxhdGUgI2lzTG9hZGluZ1RlbXBsYXRlPlxyXG4gICAgPHRyPlxyXG4gICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cImhlYWRlckNvdW50XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGUtY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAge3sgJ3RhYmxlcy5sb2FkaW5nJyB8IGJiTG9jYWxpemUgfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC90ZD5cclxuICAgIDwvdHI+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48IS0tXHJcbiAgICBUaGlzIGlzIHRoZSB0ZW1wbGF0ZSB0aGF0IHdpbGwgYmUgdXNlZCB3aGVuIHRoZSB1c2VyIGhhcyBub3RcclxuICAgIHN1cHBsaWVkIGEgY3VzdG9tIGhlYWRlciB0ZW1wbGF0ZS5cclxuLS0+XHJcblxyXG48bmctdGVtcGxhdGUgI2hlYWRlclRlbXBsYXRlPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPGJiLWZvcm0tY29udHJvbD5cclxuICAgICAgICA8aW5wdXQgW2Zvcm1Db250cm9sXT1cInF1ZXJ5Q29udHJvbFwiXHJcbiAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCIndGFibGVzLnNlYXJjaCcgfCBiYkxvY2FsaXplXCJcclxuICAgICAgICAgICAgICAgYmJJbnB1dFxyXG4gICAgICAgICAgICAgICBhdXRvY29tcGxldGU9XCJvZmZcIj5cclxuICAgICAgICA8YmItaWNvbiAqbmdJZj1cInF1ZXJ5Q29udHJvbD8udmFsdWU/Lmxlbmd0aCA8PSAwOyBlbHNlIGNsb3NlQnV0dG9uVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgIGJiU3VmZml4XHJcbiAgICAgICAgICAgICAgICAgc3JjPVwibWF0ZXJpYWw6c2VhcmNoXCI+XHJcbiAgICAgICAgPC9iYi1pY29uPlxyXG4gICAgPC9iYi1mb3JtLWNvbnRyb2w+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48IS0tXHJcbiAgICBUaGlzIGlzIHRoZSB0ZW1wbGF0ZSB0aGF0IHdpbGwgYmUgdXNlZCB3aGVuIHRoZSB1c2VyIGhhcyBub3RcclxuICAgIHN1cHBsaWVkIGEgY3VzdG9tIGZvb3RlciB0ZW1wbGF0ZS5cclxuLS0+XHJcblxyXG48bmctdGVtcGxhdGUgI2Zvb3RlclRlbXBsYXRlPlxyXG4gICAgPGJiLWZvcm0tY29udHJvbCAqbmdJZj1cInNpemVzPy5sZW5ndGggPiAxXCI+XHJcbiAgICAgICAgPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwicGFnZVNpemVDb250cm9sXCJcclxuICAgICAgICAgICAgICAgIGJiSW5wdXRcclxuICAgICAgICAgICAgICAgIHRpdGxlPVwiU2l6ZXNcIj5cclxuICAgICAgICAgICAgPG9wdGlvbiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBzaXplczsgdHJhY2tCeTogdHJhY2tCeVZhbHVlXCJcclxuICAgICAgICAgICAgICAgICAgICBbbmdWYWx1ZV09XCJpdGVtXCI+XHJcbiAgICAgICAgICAgICAgICB7eyBpdGVtIH19IC8ge3sgJ3RhYmxlcy5wYWdlJyB8IGJiTG9jYWxpemUgfX1cclxuICAgICAgICAgICAgPC9vcHRpb24+XHJcbiAgICAgICAgPC9zZWxlY3Q+XHJcbiAgICA8L2JiLWZvcm0tY29udHJvbD5cclxuXHJcbiAgICA8YmItdGFibGUtcGFnZXIgW3RvdGFsUGFnZXNdPVwiKGRhdGEkIHwgYXN5bmMpPy5yZXN1bHQ/LnRvdGFsUGFnZXNcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJwYWdlTnVtYmVyQ29udHJvbFwiPlxyXG4gICAgPC9iYi10YWJsZS1wYWdlcj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjwhLS1cclxuICAgIFRoaXMgdGhlIHRlbXBsYXRlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gdGhlIHVzZXJcclxuICAgIGhhcyBmaWxsZWQgaW4gc29tZSBkYXRhIGluIHRoZSBxdWVyeSBjb250cm9sLlxyXG4tLT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjY2xvc2VCdXR0b25UZW1wbGF0ZT5cclxuICAgIDxidXR0b24gYmJTdWZmaXhcclxuICAgICAgICAgICAgKGNsaWNrKT1cInF1ZXJ5Q29udHJvbD8ucGF0Y2hWYWx1ZSgnJylcIlxyXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS1wcm9ncmVzcy1jbG9zZS1xdWVyeVwiPlxyXG4gICAgICAgIDxiYi1pY29uIHNyYz1cIm1hdGVyaWFsOmNsb3NlXCI+PC9iYi1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbjwvbmctdGVtcGxhdGU+XHJcblxyXG48bmctdGVtcGxhdGUgI2Vycm9yVGVtcGxhdGUgbGV0LXN0YXRlPVwic3RhdGVcIiBsZXQtc3RhdHVzPVwic3RhdHVzQ29kZVwiPlxyXG4gICAgPHRyPlxyXG4gICAgICAgIDx0ZCBbYXR0ci5jb2xzcGFuXT1cImhlYWRlckNvdW50XCJcclxuICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGUtY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPHN2ZyB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgd2lkdGg9XCI2NFwiIGhlaWdodD1cIjQxXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGcgZmlsbD1cIm5vbmVcIiBmaWxsLXJ1bGU9XCJldmVub2RkXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMSlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGVsbGlwc2UgY3g9XCIzMlwiIGN5PVwiMzNcIiBmaWxsPVwiI0Y1RjVGNVwiIHJ4PVwiMzJcIiByeT1cIjdcIj48L2VsbGlwc2U+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGZpbGwtcnVsZT1cIm5vbnplcm9cIiBzdHJva2U9XCIjRDlEOUQ5XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNNTUgMTIuNzYwNTYwNEw0NC44NTQzMDQ3IDEuMjU3Mzk2MzNDNDQuMzY3NDQxNC40NzM4MjY2MSA0My42NTU4Nzg5IDAgNDIuOTA2NzYxNyAwSDIxLjA5MzIzODNjLS43NDkxMTcyIDAtMS40NjA2Nzk3LjQ3Mzk1MDI1LTEuOTQ3NTQzIDEuMjU3Mzk2MzNMOSAxMi43NjA1NjA0VjIyaDQ2di05LjIzOTQzOTZ6XCI+PC9wYXRoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZmlsbD1cIiNGQUZBRkFcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk00MS42MTMyODEzIDE1LjkzMTVjMC0xLjYwNTY0ODkuOTkzNjcxOC0yLjkzMTI2NiAyLjIyNjQxNzktMi45MzE1SDU1djE4LjEzNzEyNzdDNTUgMzMuMjU4OTU3NCA1My42NzkzODY3IDM1IDUyLjA1MDQyOTcgMzVIMTEuOTQ5NTcwMzFDMTAuMzIwNTIzNDQgMzUgOSAzMy4yNTg4NDA0IDkgMzEuMTM3MTI3N1YxM2gxMS4xNjAzMDA4YzEuMjMyNzQ2MSAwIDIuMjI2NDE4IDEuMzIyODA4NSAyLjIyNjQxOCAyLjkyODQ1NzR2LjAyMTE4MDljMCAxLjYwNTY0ODkgMS4wMDQ5OTIxIDIuOTAxNTQyNiAyLjIzNzczODIgMi45MDE1NDI2aDE0Ljc1MTA4NmMxLjIzMjc0NjEgMCAyLjIzNzczODMtMS4zMDc4Mjk4IDIuMjM3NzM4My0yLjkxMzQ3ODhWMTUuOTMxNXpcIj48L3BhdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgICAgICAgICA8L2c+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic3RhdGUgYXMgc3RhdGVMYWJlbFwiPnt7ICgndGFibGVzLicgKyBzdGF0ZUxhYmVsKSB8IGJiTG9jYWxpemUgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0YXR1cyBhcyBzdGF0dXNDb2RlXCJcclxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGUtY29udGVudC1jb2RlXCI+KEhUVFAge3sgc3RhdHVzQ29kZSB9fSk8L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvdGQ+XHJcbiAgICA8L3RyPlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=