@bravobit/bb-foundation 0.21.1 → 0.21.4

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 "@angular/common";
-import * as i2 from "@angular/forms";
-import * as i3 from "@bravobit/bb-foundation/elements";
-import * as i4 from "../table-pager/table-pager.component";
-import * as i5 from "@bravobit/bb-foundation/localize";
-export class BbTableColumnDef {
-}
-BbTableColumnDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbTableColumnDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[bbTableColumnDef]'
-                }]
-        }] });
-export class BbTableRowDef {
-}
-BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.3", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.3", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", 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: "14.0.3", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.3", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.BbInput, selector: "input[bbInput], textarea[bbInput]", inputs: ["readonly"] }, { kind: "directive", type: i3.BbSelect, selector: "select[bbInput]", inputs: ["disabled", "required"] }, { kind: "directive", type: i3.BbSuffix, selector: "[bbSuffix]" }, { kind: "component", type: i3.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }, { kind: "component", type: i3.BbFormControl, selector: "bb-form-control", inputs: ["grouped", "hideErrors", "label", "hint"] }, { kind: "component", type: i4.BbTablePager, selector: "bb-table-pager", inputs: ["disabled", "amountOfButtons", "showArrowButtons", "pageNumber", "totalPages"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.BbLocalize, name: "bbLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.3", 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/LnVuc3Vic2NyaWJlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IGhlYWRlckNvdW50KCkge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9oZWFkZXJDb3VudDtcclxuICAgIH1cclxuXHJcbiAgICBnZXQgc29ydENvbnRyb2woKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybT8uZ2V0KCdzb3J0JykgYXMgRm9ybUdyb3VwO1xyXG4gICAgfVxyXG5cclxuICAgIGdldCBwYWdlTnVtYmVyQ29udHJvbCgpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3BhZ2VOdW1iZXInKSBhcyBGb3JtQ29udHJvbDxudW1iZXI+O1xyXG4gICAgfVxyXG5cclxuICAgIGdldCBwYWdlU2l6ZUNvbnRyb2woKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybT8uZ2V0KCdwYWdlU2l6ZScpIGFzIEZvcm1Db250cm9sPG51bWJlcj47XHJcbiAgICB9XHJcblxyXG4gICAgcmVmcmVzaCgpIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5yZXF1ZXN0LnVwZGF0ZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHNldEhlYWRlckNvdW50KGFtb3VudDogLTEgfCAxKSB7XHJcbiAgICAgICAgdGhpcy5faGVhZGVyQ291bnQgKz0gYW1vdW50O1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgdXBkYXRlU2l6ZXMobmV3VmFsdWU6IG51bWJlcltdKSB7XHJcbiAgICAgICAgLy8gVmFsaWRhdGUgdGhlIHNpemVzIGhhcyBhdCBsZWFzdCBvbmUgdmFsdWUuXHJcbiAgICAgICAgaWYgKG5ld1ZhbHVlLmxlbmd0aCA8PSAwKSB7XHJcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignQ2Fubm90IHNldCBhbiBlbXB0eSBhcnJheSBhcyB0aGUgc2l6ZXMuJyk7XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBTZXQgdGhlIG5ldyBzaXplLlxyXG4gICAgICAgIHRoaXMuX3NpemVzID0gbmV3VmFsdWU7XHJcblxyXG4gICAgICAgIC8vIFZhbGlkYXRlIHRoYXQgdGhlIGZvcm0gZXhpc3RzIGFscmVhZHkuXHJcbiAgICAgICAgaWYgKCF0aGlzLmZvcm0pIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLy8gQ2hlY2sgaWYgdGhlIGN1cnJlbnQgc2VsZWN0ZWQgdmFsdWUgaXNcclxuICAgICAgICAvLyBpbiB0aGUgbmV3IHNpemVzIGFycmF5LlxyXG4gICAgICAgIGNvbnN0IHBhZ2VTaXplQ29udHJvbCA9IHRoaXMuZm9ybS5nZXQoJ3BhZ2VTaXplJyk7XHJcbiAgICAgICAgaWYgKHRoaXMuX3NpemVzLmluY2x1ZGVzKHBhZ2VTaXplQ29udHJvbC52YWx1ZSkpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgLy8gU2V0IHRoZSBmaXJzdCB2YWx1ZSBpbiB0aGUgYXJyYXkgYXNcclxuICAgICAgICAvLyB0aGUgbmV3IHZhbHVlLlxyXG4gICAgICAgIGNvbnN0IGZpcnN0VmFsdWUgPSB0aGlzLl9zaXplc1swXTtcclxuICAgICAgICBwYWdlU2l6ZUNvbnRyb2wuc2V0VmFsdWUoZmlyc3RWYWx1ZSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBjb21wb3NlRm9ybSgpIHtcclxuICAgICAgICAvLyBTZXR1cCB0aGUgZm9ybS5cclxuICAgICAgICB0aGlzLmZvcm0gPSBuZXcgRm9ybUdyb3VwKHtcclxuICAgICAgICAgICAgcGFnZVNpemU6IG5ldyBGb3JtQ29udHJvbDxudW1iZXI+KHRoaXMuX3NpemVzWzBdKSxcclxuICAgICAgICAgICAgcGFnZU51bWJlcjogbmV3IEZvcm1Db250cm9sPG51bWJlcj4oMSksXHJcbiAgICAgICAgICAgIHNvcnQ6IG5ldyBGb3JtR3JvdXAoe30pXHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSB3YXRjaERhdGFDaGFuZ2VzKCkge1xyXG4gICAgICAgIC8vIENyZWF0ZSBhIG5ldyByZXF1ZXN0LlxyXG4gICAgICAgIHRoaXMucmVxdWVzdCA9IG5ldyBEYXRhU291cmNlUmVxdWVzdCgpO1xyXG4gICAgICAgIHRoaXMuaXNMb2FkaW5nJCA9IHRoaXMucmVxdWVzdC5sb2FkaW5nO1xyXG5cclxuICAgICAgICBpZiAoIXRoaXMuZGF0YVNvdXJjZSkge1xyXG4gICAgICAgICAgICB0aGlzLmRhdGEkID0gb2Yoe3N0YXRlOiAnZXJyb3JfZGF0YXNvdXJjZSd9KS5waXBlKFxyXG4gICAgICAgICAgICAgICAgdGFwKCgpID0+IHRoaXMucmVxdWVzdC5zdG9wTG9hZGluZygpKVxyXG4gICAgICAgICAgICApO1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICAvLyBQYXNzIHRoZSByZXF1ZXN0IHRvIHRoZSBkYXRhIHNvdXJjZS5cclxuICAgICAgICB0aGlzLmRhdGEkID0gdGhpcy5kYXRhU291cmNlLmhhbmRsZSh0aGlzLnJlcXVlc3QpLnBpcGUoXHJcbiAgICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKSksXHJcbiAgICAgICAgICAgIG1hcChyZXN1bHQgPT4ge1xyXG4gICAgICAgICAgICAgICAgY29uc3QgY291bnQgPSAocmVzdWx0ICYmIHJlc3VsdC5kYXRhICYmIHJlc3VsdC5kYXRhLmxlbmd0aCkgfHwgMDtcclxuICAgICAgICAgICAgICAgIGlmIChjb3VudCA8PSAwKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHtzdGF0ZTogJ2VtcHR5JywgcmVzdWx0fTtcclxuICAgICAgICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgICAgICAgICByZXR1cm4ge3N0YXRlOiAnc3VjY2VzcycsIHJlc3VsdH07XHJcbiAgICAgICAgICAgIH0pLFxyXG4gICAgICAgICAgICBjYXRjaEVycm9yKGVycm9yID0+IHtcclxuICAgICAgICAgICAgICAgIHRoaXMucmVxdWVzdC5zdG9wTG9hZGluZygpO1xyXG5cclxuICAgICAgICAgICAgICAgIGNvbnN0IHN0YXR1c0NvZGUgPSBlcnJvcj8uc3RhdHVzID8/IG51bGw7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBzdGF0ZXMgPSB7XHJcbiAgICAgICAgICAgICAgICAgICAgMDogJ2Vycm9yX2Rvd24nLFxyXG4gICAgICAgICAgICAgICAgICAgIDQwMTogJ2Vycm9yX3VuYXV0aG9yaXplZCcsXHJcbiAgICAgICAgICAgICAgICAgICAgNDAzOiAnZXJyb3JfZm9yYmlkZGVuJyxcclxuICAgICAgICAgICAgICAgICAgICA0MDQ6ICdlcnJvcl9ub3RfZm91bmQnLFxyXG4gICAgICAgICAgICAgICAgICAgIDUwMDogJ2Vycm9yX3NlcnZlcidcclxuICAgICAgICAgICAgICAgIH07XHJcblxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIG9mKHtzdGF0ZTogc3RhdGVzPy5bc3RhdHVzQ29kZV0gPz8gJ2Vycm9yX3Vua25vd24nLCBzdGF0dXNDb2RlOiBzdGF0dXNDb2RlfSk7XHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgKTtcclxuXHJcbiAgICAgICAgLy8gU3Vic2NyaWJlIHRvIHRoZSBkYXRhIGNoYW5nZXMuXHJcbiAgICAgICAgdGhpcy5zdWJzY3JpYmVUb0NoYW5nZXMoKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHN1YnNjcmliZVRvQ2hhbmdlcygpIHtcclxuICAgICAgICBjb25zdCBmb3JtJCA9IHRoaXMuZ2V0Rm9ybUNoYW5nZXMoKTtcclxuICAgICAgICBjb25zdCBxdWVyeSQgPSB0aGlzLmdldFF1ZXJ5Q2hhbmdlcygpO1xyXG5cclxuICAgICAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSBjb21iaW5lTGF0ZXN0KFtmb3JtJCwgcXVlcnkkXSkuc3Vic2NyaWJlKChbZm9ybSwgcXVlcnldKSA9PiB7XHJcbiAgICAgICAgICAgIGNvbnN0IHtwYWdlTnVtYmVyLCBwYWdlU2l6ZX0gPSBmb3JtO1xyXG4gICAgICAgICAgICBjb25zdCBzb3J0ID0gT2JqZWN0LmtleXMoZm9ybS5zb3J0KVxyXG4gICAgICAgICAgICAgICAgLm1hcChuYW1lID0+ICh7bmFtZSwgZGlyZWN0aW9uOiBmb3JtLnNvcnRbbmFtZV19KSlcclxuICAgICAgICAgICAgICAgIC5maWx0ZXIoaXRlbSA9PiBbJ2FzYycsICdkZXNjJ10uaW5jbHVkZXMoaXRlbS5kaXJlY3Rpb24pKTtcclxuXHJcbiAgICAgICAgICAgIHRoaXMucmVxdWVzdC5zdGFydExvYWRpbmcoKTtcclxuICAgICAgICAgICAgcmV0dXJuIHRoaXMucmVxdWVzdC51cGRhdGUoe1xyXG4gICAgICAgICAgICAgICAgc29ydCxcclxuICAgICAgICAgICAgICAgIHF1ZXJ5LFxyXG4gICAgICAgICAgICAgICAgcGFnZVNpemUsXHJcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyLFxyXG4gICAgICAgICAgICAgICAgcXVlcnlGaWVsZHM6IHRoaXMucXVlcnlGaWVsZHNcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgfSk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBnZXRRdWVyeUNoYW5nZXMoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMucXVlcnlDb250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxyXG4gICAgICAgICAgICBkZWJvdW5jZVRpbWUoNDAwKSxcclxuICAgICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcclxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMucXVlcnlDb250cm9sLnZhbHVlIGFzIHN0cmluZylcclxuICAgICAgICApO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgZ2V0Rm9ybUNoYW5nZXMoKSB7XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuZm9ybS52YWx1ZUNoYW5nZXMucGlwZShcclxuICAgICAgICAgICAgc3RhcnRXaXRoKHRoaXMuZm9ybS52YWx1ZSBhcyBvYmplY3QpXHJcbiAgICAgICAgKTtcclxuICAgIH1cclxuXHJcbn1cclxuIiwiPCEtLVxyXG4gICAgVGhpcyBpcyB0aGUgaGVhZGVyIG9mIHRoZSB0YWJsZS4gSXQgY2FuIGJlIGEgdXNlclxyXG4gICAgZGVmaW5lZCBjdXN0b20gaGVhZGVyIG9yIGp1c3QgdGhlIGRlZmF1bHQgaGVhZGVyLlxyXG4tLT5cclxuXHJcbjxoZWFkZXIgKm5nSWY9XCIoaGVhZGVyID09PSB0cnVlID8gaGVhZGVyVGVtcGxhdGUgOiBoZWFkZXIpIGFzIHRlbXBsYXRlXCJcclxuICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXRvcC1hY3Rpb25zXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuPC9oZWFkZXI+XHJcblxyXG48IS0tXHJcbiAgICBUaGlzIGlzIHRoZSB0YWJsZSB0aGF0IGNvbnRhaW5zIHRoZVxyXG4gICAgcm93cyBhbmQgY29sdW1ucy5cclxuLS0+XHJcblxyXG48ZGl2IGNsYXNzPVwiYmItdGFibGUtd3JhcHBlclwiPlxyXG4gICAgPGRpdiAqbmdJZj1cImlzTG9hZGluZyQgfCBhc3luY1wiXHJcbiAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtcHJvZ3Jlc3NcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYmItdGFibGUtaW5kZXRlcm1pbmF0ZVwiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8dGFibGUgY2xhc3M9XCJiYi10YWJsZS1jb250YWluZXJcIj5cclxuICAgICAgICA8dGhlYWQ+XHJcbiAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJiLXRhYmxlLWhlYWRlci1jZWxsXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgICAgICA8L3RyPlxyXG4gICAgICAgIDwvdGhlYWQ+XHJcbiAgICAgICAgPHRib2R5ICpuZ0lmPVwiZGF0YSQgfCBhc3luYyBhcyBkYXRhOyBlbHNlIGlzTG9hZGluZ1RlbXBsYXRlXCJcclxuICAgICAgICAgICAgICAgW25nU3dpdGNoXT1cImRhdGE/LnN0YXRlXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidzdWNjZXNzJ1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEhdGFibGVSb3dUZW1wbGF0ZTsgZWxzZSB0YWJsZUNlbGxzVGVtcGxhdGVzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInRhYmxlUm93VGVtcGxhdGU7IGNvbnRleHQ6IHtkYXRhOiBkYXRhPy5yZXN1bHQ/LmRhdGEgfHwgW119XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3RhYmxlQ2VsbHNUZW1wbGF0ZXM+XHJcbiAgICAgICAgICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE/LnJlc3VsdD8uZGF0YTsgdHJhY2tCeTogdHJhY2tCeUZuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHRlbXBsYXRlIG9mIHRhYmxlQ29sdW1uVGVtcGxhdGVzXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGU7IGNvbnRleHQ6IHtpdGVtOiBpdGVtfVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8L3RyPlxyXG4gICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZW1wdHknXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Vycm9yX2RhdGFzb3VyY2UnXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXHJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Vycm9yX25vdF9mb3VuZCdcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZXJyb3Jfc2VydmVyJ1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9kb3duJ1wiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC90Ym9keT5cclxuICAgIDwvdGFibGU+XHJcbjwvZGl2PlxyXG5cclxuPGZvb3RlciAqbmdJZj1cIihmb290ZXIgPT09IHRydWUgPyBmb290ZXJUZW1wbGF0ZSA6IGZvb3RlcikgYXMgdGVtcGxhdGVcIlxyXG4gICAgICAgIGNsYXNzPVwiYmItdGFibGUtYm90dG9tLWFjdGlvbnNcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG48L2Zvb3Rlcj5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaXNMb2FkaW5nVGVtcGxhdGU+XHJcbiAgICA8dHI+XHJcbiAgICAgICAgPHRkIFthdHRyLmNvbHNwYW5dPVwiaGVhZGVyQ291bnRcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICB7eyAndGFibGVzLmxvYWRpbmcnIHwgYmJMb2NhbGl6ZSB9fVxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L3RkPlxyXG4gICAgPC90cj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjwhLS1cclxuICAgIFRoaXMgaXMgdGhlIHRlbXBsYXRlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gdGhlIHVzZXIgaGFzIG5vdFxyXG4gICAgc3VwcGxpZWQgYSBjdXN0b20gaGVhZGVyIHRlbXBsYXRlLlxyXG4tLT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjaGVhZGVyVGVtcGxhdGU+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8YmItZm9ybS1jb250cm9sPlxyXG4gICAgICAgIDxpbnB1dCBbZm9ybUNvbnRyb2xdPVwicXVlcnlDb250cm9sXCJcclxuICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIid0YWJsZXMuc2VhcmNoJyB8IGJiTG9jYWxpemVcIlxyXG4gICAgICAgICAgICAgICBiYklucHV0XHJcbiAgICAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiPlxyXG4gICAgICAgIDxiYi1pY29uICpuZ0lmPVwicXVlcnlDb250cm9sPy52YWx1ZT8ubGVuZ3RoIDw9IDA7IGVsc2UgY2xvc2VCdXR0b25UZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgYmJTdWZmaXhcclxuICAgICAgICAgICAgICAgICBzcmM9XCJtYXRlcmlhbDpzZWFyY2hcIj5cclxuICAgICAgICA8L2JiLWljb24+XHJcbiAgICA8L2JiLWZvcm0tY29udHJvbD5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjwhLS1cclxuICAgIFRoaXMgaXMgdGhlIHRlbXBsYXRlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gdGhlIHVzZXIgaGFzIG5vdFxyXG4gICAgc3VwcGxpZWQgYSBjdXN0b20gZm9vdGVyIHRlbXBsYXRlLlxyXG4tLT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZm9vdGVyVGVtcGxhdGU+XHJcbiAgICA8YmItZm9ybS1jb250cm9sICpuZ0lmPVwic2l6ZXM/Lmxlbmd0aCA+IDFcIj5cclxuICAgICAgICA8c2VsZWN0IFtmb3JtQ29udHJvbF09XCJwYWdlU2l6ZUNvbnRyb2xcIlxyXG4gICAgICAgICAgICAgICAgYmJJbnB1dFxyXG4gICAgICAgICAgICAgICAgdGl0bGU9XCJTaXplc1wiPlxyXG4gICAgICAgICAgICA8b3B0aW9uICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNpemVzOyB0cmFja0J5OiB0cmFja0J5VmFsdWVcIlxyXG4gICAgICAgICAgICAgICAgICAgIFtuZ1ZhbHVlXT1cIml0ZW1cIj5cclxuICAgICAgICAgICAgICAgIHt7IGl0ZW0gfX0gLyB7eyAndGFibGVzLnBhZ2UnIHwgYmJMb2NhbGl6ZSB9fVxyXG4gICAgICAgICAgICA8L29wdGlvbj5cclxuICAgICAgICA8L3NlbGVjdD5cclxuICAgIDwvYmItZm9ybS1jb250cm9sPlxyXG5cclxuICAgIDxiYi10YWJsZS1wYWdlciBbdG90YWxQYWdlc109XCIoZGF0YSQgfCBhc3luYyk/LnJlc3VsdD8udG90YWxQYWdlc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cInBhZ2VOdW1iZXJDb250cm9sXCI+XHJcbiAgICA8L2JiLXRhYmxlLXBhZ2VyPlxyXG48L25nLXRlbXBsYXRlPlxyXG5cclxuPCEtLVxyXG4gICAgVGhpcyB0aGUgdGVtcGxhdGUgdGhhdCB3aWxsIGJlIHVzZWQgd2hlbiB0aGUgdXNlclxyXG4gICAgaGFzIGZpbGxlZCBpbiBzb21lIGRhdGEgaW4gdGhlIHF1ZXJ5IGNvbnRyb2wuXHJcbi0tPlxyXG5cclxuPG5nLXRlbXBsYXRlICNjbG9zZUJ1dHRvblRlbXBsYXRlPlxyXG4gICAgPGJ1dHRvbiBiYlN1ZmZpeFxyXG4gICAgICAgICAgICAoY2xpY2spPVwicXVlcnlDb250cm9sPy5wYXRjaFZhbHVlKCcnKVwiXHJcbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXByb2dyZXNzLWNsb3NlLXF1ZXJ5XCI+XHJcbiAgICAgICAgPGJiLWljb24gc3JjPVwibWF0ZXJpYWw6Y2xvc2VcIj48L2JiLWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy10ZW1wbGF0ZSAjZXJyb3JUZW1wbGF0ZSBsZXQtc3RhdGU9XCJzdGF0ZVwiIGxldC1zdGF0dXM9XCJzdGF0dXNDb2RlXCI+XHJcbiAgICA8dHI+XHJcbiAgICAgICAgPHRkIFthdHRyLmNvbHNwYW5dPVwiaGVhZGVyQ291bnRcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImJiLXRhYmxlLXRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZS1jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjY0XCIgaGVpZ2h0PVwiNDFcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZyBmaWxsPVwibm9uZVwiIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiB0cmFuc2Zvcm09XCJ0cmFuc2xhdGUoMCAxKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZWxsaXBzZSBjeD1cIjMyXCIgY3k9XCIzM1wiIGZpbGw9XCIjRjVGNUY1XCIgcng9XCIzMlwiIHJ5PVwiN1wiPjwvZWxsaXBzZT5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGcgZmlsbC1ydWxlPVwibm9uemVyb1wiIHN0cm9rZT1cIiNEOUQ5RDlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk01NSAxMi43NjA1NjA0TDQ0Ljg1NDMwNDcgMS4yNTczOTYzM0M0NC4zNjc0NDE0LjQ3MzgyNjYxIDQzLjY1NTg3ODkgMCA0Mi45MDY3NjE3IDBIMjEuMDkzMjM4M2MtLjc0OTExNzIgMC0xLjQ2MDY3OTcuNDczOTUwMjUtMS45NDc1NDMgMS4yNTczOTYzM0w5IDEyLjc2MDU2MDRWMjJoNDZ2LTkuMjM5NDM5NnpcIj48L3BhdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPVwiI0ZBRkFGQVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTQxLjYxMzI4MTMgMTUuOTMxNWMwLTEuNjA1NjQ4OS45OTM2NzE4LTIuOTMxMjY2IDIuMjI2NDE3OS0yLjkzMTVINTV2MTguMTM3MTI3N0M1NSAzMy4yNTg5NTc0IDUzLjY3OTM4NjcgMzUgNTIuMDUwNDI5NyAzNUgxMS45NDk1NzAzMUMxMC4zMjA1MjM0NCAzNSA5IDMzLjI1ODg0MDQgOSAzMS4xMzcxMjc3VjEzaDExLjE2MDMwMDhjMS4yMzI3NDYxIDAgMi4yMjY0MTggMS4zMjI4MDg1IDIuMjI2NDE4IDIuOTI4NDU3NHYuMDIxMTgwOWMwIDEuNjA1NjQ4OSAxLjAwNDk5MjEgMi45MDE1NDI2IDIuMjM3NzM4MiAyLjkwMTU0MjZoMTQuNzUxMDg2YzEuMjMyNzQ2MSAwIDIuMjM3NzM4My0xLjMwNzgyOTggMi4yMzc3MzgzLTIuOTEzNDc4OFYxNS45MzE1elwiPjwvcGF0aD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZz5cclxuICAgICAgICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCJzdGF0ZSBhcyBzdGF0ZUxhYmVsXCI+e3sgKCd0YWJsZXMuJyArIHN0YXRlTGFiZWwpIHwgYmJMb2NhbGl6ZSB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic3RhdHVzIGFzIHN0YXR1c0NvZGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZS1jb250ZW50LWNvZGVcIj4oSFRUUCB7eyBzdGF0dXNDb2RlIH19KTwvc3Bhbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC90ZD5cclxuICAgIDwvdHI+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==
+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 "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@bravobit/bb-foundation/elements";
+import * as i4 from "../table-pager/table-pager.component";
+import * as i5 from "@bravobit/bb-foundation/localize";
+export class BbTableColumnDef {
+}
+BbTableColumnDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbTableColumnDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableColumnDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.4", type: BbTableColumnDef, selector: "[bbTableColumnDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbTableColumnDef, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bbTableColumnDef]'
+                }]
+        }] });
+export class BbTableRowDef {
+}
+BbTableRowDef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.4", ngImport: i0, type: BbTableRowDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+BbTableRowDef.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.4", type: BbTableRowDef, selector: "[bbTableRowDef]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", 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: "14.0.4", ngImport: i0, type: BbTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BbTable.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.4", 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"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.BbInput, selector: "input[bbInput], textarea[bbInput]", inputs: ["readonly"] }, { kind: "directive", type: i3.BbSelect, selector: "select[bbInput]", inputs: ["disabled", "required"] }, { kind: "directive", type: i3.BbSuffix, selector: "[bbSuffix]" }, { kind: "component", type: i3.BbIcon, selector: "bb-icon", inputs: ["alt", "size", "src", "ariaHidden"] }, { kind: "component", type: i3.BbFormControl, selector: "bb-form-control", inputs: ["grouped", "hideErrors", "label", "hint"] }, { kind: "component", type: i4.BbTablePager, selector: "bb-table-pager", inputs: ["disabled", "amountOfButtons", "showArrowButtons", "pageNumber", "totalPages"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.BbLocalize, name: "bbLocalize" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.4", 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/LnVuc3Vic2NyaWJlKCk7XG4gICAgfVxuXG4gICAgZ2V0IGhlYWRlckNvdW50KCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faGVhZGVyQ291bnQ7XG4gICAgfVxuXG4gICAgZ2V0IHNvcnRDb250cm9sKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3NvcnQnKSBhcyBGb3JtR3JvdXA7XG4gICAgfVxuXG4gICAgZ2V0IHBhZ2VOdW1iZXJDb250cm9sKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5mb3JtPy5nZXQoJ3BhZ2VOdW1iZXInKSBhcyBGb3JtQ29udHJvbDxudW1iZXI+O1xuICAgIH1cblxuICAgIGdldCBwYWdlU2l6ZUNvbnRyb2woKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0/LmdldCgncGFnZVNpemUnKSBhcyBGb3JtQ29udHJvbDxudW1iZXI+O1xuICAgIH1cblxuICAgIHJlZnJlc2goKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnJlcXVlc3QudXBkYXRlKCk7XG4gICAgfVxuXG4gICAgc2V0SGVhZGVyQ291bnQoYW1vdW50OiAtMSB8IDEpIHtcbiAgICAgICAgdGhpcy5faGVhZGVyQ291bnQgKz0gYW1vdW50O1xuICAgIH1cblxuICAgIHByaXZhdGUgdXBkYXRlU2l6ZXMobmV3VmFsdWU6IG51bWJlcltdKSB7XG4gICAgICAgIC8vIFZhbGlkYXRlIHRoZSBzaXplcyBoYXMgYXQgbGVhc3Qgb25lIHZhbHVlLlxuICAgICAgICBpZiAobmV3VmFsdWUubGVuZ3RoIDw9IDApIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcignQ2Fubm90IHNldCBhbiBlbXB0eSBhcnJheSBhcyB0aGUgc2l6ZXMuJyk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBTZXQgdGhlIG5ldyBzaXplLlxuICAgICAgICB0aGlzLl9zaXplcyA9IG5ld1ZhbHVlO1xuXG4gICAgICAgIC8vIFZhbGlkYXRlIHRoYXQgdGhlIGZvcm0gZXhpc3RzIGFscmVhZHkuXG4gICAgICAgIGlmICghdGhpcy5mb3JtKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBDaGVjayBpZiB0aGUgY3VycmVudCBzZWxlY3RlZCB2YWx1ZSBpc1xuICAgICAgICAvLyBpbiB0aGUgbmV3IHNpemVzIGFycmF5LlxuICAgICAgICBjb25zdCBwYWdlU2l6ZUNvbnRyb2wgPSB0aGlzLmZvcm0uZ2V0KCdwYWdlU2l6ZScpO1xuICAgICAgICBpZiAodGhpcy5fc2l6ZXMuaW5jbHVkZXMocGFnZVNpemVDb250cm9sLnZhbHVlKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gU2V0IHRoZSBmaXJzdCB2YWx1ZSBpbiB0aGUgYXJyYXkgYXNcbiAgICAgICAgLy8gdGhlIG5ldyB2YWx1ZS5cbiAgICAgICAgY29uc3QgZmlyc3RWYWx1ZSA9IHRoaXMuX3NpemVzWzBdO1xuICAgICAgICBwYWdlU2l6ZUNvbnRyb2wuc2V0VmFsdWUoZmlyc3RWYWx1ZSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjb21wb3NlRm9ybSgpIHtcbiAgICAgICAgLy8gU2V0dXAgdGhlIGZvcm0uXG4gICAgICAgIHRoaXMuZm9ybSA9IG5ldyBGb3JtR3JvdXAoe1xuICAgICAgICAgICAgcGFnZVNpemU6IG5ldyBGb3JtQ29udHJvbDxudW1iZXI+KHRoaXMuX3NpemVzWzBdKSxcbiAgICAgICAgICAgIHBhZ2VOdW1iZXI6IG5ldyBGb3JtQ29udHJvbDxudW1iZXI+KDEpLFxuICAgICAgICAgICAgc29ydDogbmV3IEZvcm1Hcm91cCh7fSlcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSB3YXRjaERhdGFDaGFuZ2VzKCkge1xuICAgICAgICAvLyBDcmVhdGUgYSBuZXcgcmVxdWVzdC5cbiAgICAgICAgdGhpcy5yZXF1ZXN0ID0gbmV3IERhdGFTb3VyY2VSZXF1ZXN0KCk7XG4gICAgICAgIHRoaXMuaXNMb2FkaW5nJCA9IHRoaXMucmVxdWVzdC5sb2FkaW5nO1xuXG4gICAgICAgIGlmICghdGhpcy5kYXRhU291cmNlKSB7XG4gICAgICAgICAgICB0aGlzLmRhdGEkID0gb2Yoe3N0YXRlOiAnZXJyb3JfZGF0YXNvdXJjZSd9KS5waXBlKFxuICAgICAgICAgICAgICAgIHRhcCgoKSA9PiB0aGlzLnJlcXVlc3Quc3RvcExvYWRpbmcoKSlcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICAvLyBQYXNzIHRoZSByZXF1ZXN0IHRvIHRoZSBkYXRhIHNvdXJjZS5cbiAgICAgICAgdGhpcy5kYXRhJCA9IHRoaXMuZGF0YVNvdXJjZS5oYW5kbGUodGhpcy5yZXF1ZXN0KS5waXBlKFxuICAgICAgICAgICAgdGFwKCgpID0+IHRoaXMucmVxdWVzdC5zdG9wTG9hZGluZygpKSxcbiAgICAgICAgICAgIG1hcChyZXN1bHQgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNvdW50ID0gKHJlc3VsdCAmJiByZXN1bHQuZGF0YSAmJiByZXN1bHQuZGF0YS5sZW5ndGgpIHx8IDA7XG4gICAgICAgICAgICAgICAgaWYgKGNvdW50IDw9IDApIHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHtzdGF0ZTogJ2VtcHR5JywgcmVzdWx0fTtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgICByZXR1cm4ge3N0YXRlOiAnc3VjY2VzcycsIHJlc3VsdH07XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIGNhdGNoRXJyb3IoZXJyb3IgPT4ge1xuICAgICAgICAgICAgICAgIHRoaXMucmVxdWVzdC5zdG9wTG9hZGluZygpO1xuXG4gICAgICAgICAgICAgICAgY29uc3Qgc3RhdHVzQ29kZSA9IGVycm9yPy5zdGF0dXMgPz8gbnVsbDtcbiAgICAgICAgICAgICAgICBjb25zdCBzdGF0ZXMgPSB7XG4gICAgICAgICAgICAgICAgICAgIDA6ICdlcnJvcl9kb3duJyxcbiAgICAgICAgICAgICAgICAgICAgNDAxOiAnZXJyb3JfdW5hdXRob3JpemVkJyxcbiAgICAgICAgICAgICAgICAgICAgNDAzOiAnZXJyb3JfZm9yYmlkZGVuJyxcbiAgICAgICAgICAgICAgICAgICAgNDA0OiAnZXJyb3Jfbm90X2ZvdW5kJyxcbiAgICAgICAgICAgICAgICAgICAgNTAwOiAnZXJyb3Jfc2VydmVyJ1xuICAgICAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gb2Yoe3N0YXRlOiBzdGF0ZXM/LltzdGF0dXNDb2RlXSA/PyAnZXJyb3JfdW5rbm93bicsIHN0YXR1c0NvZGU6IHN0YXR1c0NvZGV9KTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gU3Vic2NyaWJlIHRvIHRoZSBkYXRhIGNoYW5nZXMuXG4gICAgICAgIHRoaXMuc3Vic2NyaWJlVG9DaGFuZ2VzKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzdWJzY3JpYmVUb0NoYW5nZXMoKSB7XG4gICAgICAgIGNvbnN0IGZvcm0kID0gdGhpcy5nZXRGb3JtQ2hhbmdlcygpO1xuICAgICAgICBjb25zdCBxdWVyeSQgPSB0aGlzLmdldFF1ZXJ5Q2hhbmdlcygpO1xuXG4gICAgICAgIHRoaXMuX3N1YnNjcmlwdGlvbiA9IGNvbWJpbmVMYXRlc3QoW2Zvcm0kLCBxdWVyeSRdKS5zdWJzY3JpYmUoKFtmb3JtLCBxdWVyeV0pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHtwYWdlTnVtYmVyLCBwYWdlU2l6ZX0gPSBmb3JtO1xuICAgICAgICAgICAgY29uc3Qgc29ydCA9IE9iamVjdC5rZXlzKGZvcm0uc29ydClcbiAgICAgICAgICAgICAgICAubWFwKG5hbWUgPT4gKHtuYW1lLCBkaXJlY3Rpb246IGZvcm0uc29ydFtuYW1lXX0pKVxuICAgICAgICAgICAgICAgIC5maWx0ZXIoaXRlbSA9PiBbJ2FzYycsICdkZXNjJ10uaW5jbHVkZXMoaXRlbS5kaXJlY3Rpb24pKTtcblxuICAgICAgICAgICAgdGhpcy5yZXF1ZXN0LnN0YXJ0TG9hZGluZygpO1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMucmVxdWVzdC51cGRhdGUoe1xuICAgICAgICAgICAgICAgIHNvcnQsXG4gICAgICAgICAgICAgICAgcXVlcnksXG4gICAgICAgICAgICAgICAgcGFnZVNpemUsXG4gICAgICAgICAgICAgICAgcGFnZU51bWJlcixcbiAgICAgICAgICAgICAgICBxdWVyeUZpZWxkczogdGhpcy5xdWVyeUZpZWxkc1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0UXVlcnlDaGFuZ2VzKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5xdWVyeUNvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICAgICAgICBkZWJvdW5jZVRpbWUoNDAwKSxcbiAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICBzdGFydFdpdGgodGhpcy5xdWVyeUNvbnRyb2wudmFsdWUgYXMgc3RyaW5nKVxuICAgICAgICApO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0Rm9ybUNoYW5nZXMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvcm0udmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICAgICAgICBzdGFydFdpdGgodGhpcy5mb3JtLnZhbHVlIGFzIG9iamVjdClcbiAgICAgICAgKTtcbiAgICB9XG5cbn1cbiIsIjwhLS1cbiAgICBUaGlzIGlzIHRoZSBoZWFkZXIgb2YgdGhlIHRhYmxlLiBJdCBjYW4gYmUgYSB1c2VyXG4gICAgZGVmaW5lZCBjdXN0b20gaGVhZGVyIG9yIGp1c3QgdGhlIGRlZmF1bHQgaGVhZGVyLlxuLS0+XG5cbjxoZWFkZXIgKm5nSWY9XCIoaGVhZGVyID09PSB0cnVlID8gaGVhZGVyVGVtcGxhdGUgOiBoZWFkZXIpIGFzIHRlbXBsYXRlXCJcbiAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10b3AtYWN0aW9uc1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuPC9oZWFkZXI+XG5cbjwhLS1cbiAgICBUaGlzIGlzIHRoZSB0YWJsZSB0aGF0IGNvbnRhaW5zIHRoZVxuICAgIHJvd3MgYW5kIGNvbHVtbnMuXG4tLT5cblxuPGRpdiBjbGFzcz1cImJiLXRhYmxlLXdyYXBwZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPVwiaXNMb2FkaW5nJCB8IGFzeW5jXCJcbiAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtcHJvZ3Jlc3NcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImJiLXRhYmxlLWluZGV0ZXJtaW5hdGVcIj48L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8dGFibGUgY2xhc3M9XCJiYi10YWJsZS1jb250YWluZXJcIj5cbiAgICAgICAgPHRoZWFkPlxuICAgICAgICAgICAgPHRyPlxuICAgICAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImJiLXRhYmxlLWhlYWRlci1jZWxsXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC90cj5cbiAgICAgICAgPC90aGVhZD5cbiAgICAgICAgPHRib2R5ICpuZ0lmPVwiZGF0YSQgfCBhc3luYyBhcyBkYXRhOyBlbHNlIGlzTG9hZGluZ1RlbXBsYXRlXCJcbiAgICAgICAgICAgICAgIFtuZ1N3aXRjaF09XCJkYXRhPy5zdGF0ZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3N1Y2Nlc3MnXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEhdGFibGVSb3dUZW1wbGF0ZTsgZWxzZSB0YWJsZUNlbGxzVGVtcGxhdGVzXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwidGFibGVSb3dUZW1wbGF0ZTsgY29udGV4dDoge2RhdGE6IGRhdGE/LnJlc3VsdD8uZGF0YSB8fCBbXX1cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjdGFibGVDZWxsc1RlbXBsYXRlcz5cbiAgICAgICAgICAgICAgICAgICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE/LnJlc3VsdD8uZGF0YTsgdHJhY2tCeTogdHJhY2tCeUZuXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB0ZW1wbGF0ZSBvZiB0YWJsZUNvbHVtblRlbXBsYXRlc1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJ0ZW1wbGF0ZTsgY29udGV4dDoge2l0ZW06IGl0ZW19XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPC90cj5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlbXB0eSdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9kYXRhc291cmNlJ1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlOyBjb250ZXh0OiBkYXRhXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ2Vycm9yX25vdF9mb3VuZCdcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidlcnJvcl9zZXJ2ZXInXCI+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cImVycm9yVGVtcGxhdGU7IGNvbnRleHQ6IGRhdGFcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInZXJyb3JfZG93bidcIj5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiZXJyb3JUZW1wbGF0ZTsgY29udGV4dDogZGF0YVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvdGJvZHk+XG4gICAgPC90YWJsZT5cbjwvZGl2PlxuXG48Zm9vdGVyICpuZ0lmPVwiKGZvb3RlciA9PT0gdHJ1ZSA/IGZvb3RlclRlbXBsYXRlIDogZm9vdGVyKSBhcyB0ZW1wbGF0ZVwiXG4gICAgICAgIGNsYXNzPVwiYmItdGFibGUtYm90dG9tLWFjdGlvbnNcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjwvZm9vdGVyPlxuXG48bmctdGVtcGxhdGUgI2lzTG9hZGluZ1RlbXBsYXRlPlxuICAgIDx0cj5cbiAgICAgICAgPHRkIFthdHRyLmNvbHNwYW5dPVwiaGVhZGVyQ291bnRcIlxuICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJiLXRhYmxlLXRlbXBsYXRlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICB7eyAndGFibGVzLmxvYWRpbmcnIHwgYmJMb2NhbGl6ZSB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvdGQ+XG4gICAgPC90cj5cbjwvbmctdGVtcGxhdGU+XG5cbjwhLS1cbiAgICBUaGlzIGlzIHRoZSB0ZW1wbGF0ZSB0aGF0IHdpbGwgYmUgdXNlZCB3aGVuIHRoZSB1c2VyIGhhcyBub3RcbiAgICBzdXBwbGllZCBhIGN1c3RvbSBoZWFkZXIgdGVtcGxhdGUuXG4tLT5cblxuPG5nLXRlbXBsYXRlICNoZWFkZXJUZW1wbGF0ZT5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPGJiLWZvcm0tY29udHJvbD5cbiAgICAgICAgPGlucHV0IFtmb3JtQ29udHJvbF09XCJxdWVyeUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cIid0YWJsZXMuc2VhcmNoJyB8IGJiTG9jYWxpemVcIlxuICAgICAgICAgICAgICAgYmJJbnB1dFxuICAgICAgICAgICAgICAgYXV0b2NvbXBsZXRlPVwib2ZmXCI+XG4gICAgICAgIDxiYi1pY29uICpuZ0lmPVwicXVlcnlDb250cm9sPy52YWx1ZT8ubGVuZ3RoIDw9IDA7IGVsc2UgY2xvc2VCdXR0b25UZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgIGJiU3VmZml4XG4gICAgICAgICAgICAgICAgIHNyYz1cIm1hdGVyaWFsOnNlYXJjaFwiPlxuICAgICAgICA8L2JiLWljb24+XG4gICAgPC9iYi1mb3JtLWNvbnRyb2w+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tXG4gICAgVGhpcyBpcyB0aGUgdGVtcGxhdGUgdGhhdCB3aWxsIGJlIHVzZWQgd2hlbiB0aGUgdXNlciBoYXMgbm90XG4gICAgc3VwcGxpZWQgYSBjdXN0b20gZm9vdGVyIHRlbXBsYXRlLlxuLS0+XG5cbjxuZy10ZW1wbGF0ZSAjZm9vdGVyVGVtcGxhdGU+XG4gICAgPGJiLWZvcm0tY29udHJvbCAqbmdJZj1cInNpemVzPy5sZW5ndGggPiAxXCI+XG4gICAgICAgIDxzZWxlY3QgW2Zvcm1Db250cm9sXT1cInBhZ2VTaXplQ29udHJvbFwiXG4gICAgICAgICAgICAgICAgYmJJbnB1dFxuICAgICAgICAgICAgICAgIHRpdGxlPVwiU2l6ZXNcIj5cbiAgICAgICAgICAgIDxvcHRpb24gKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2l6ZXM7IHRyYWNrQnk6IHRyYWNrQnlWYWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ1ZhbHVlXT1cIml0ZW1cIj5cbiAgICAgICAgICAgICAgICB7eyBpdGVtIH19IC8ge3sgJ3RhYmxlcy5wYWdlJyB8IGJiTG9jYWxpemUgfX1cbiAgICAgICAgICAgIDwvb3B0aW9uPlxuICAgICAgICA8L3NlbGVjdD5cbiAgICA8L2JiLWZvcm0tY29udHJvbD5cblxuICAgIDxiYi10YWJsZS1wYWdlciBbdG90YWxQYWdlc109XCIoZGF0YSQgfCBhc3luYyk/LnJlc3VsdD8udG90YWxQYWdlc1wiXG4gICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJwYWdlTnVtYmVyQ29udHJvbFwiPlxuICAgIDwvYmItdGFibGUtcGFnZXI+XG48L25nLXRlbXBsYXRlPlxuXG48IS0tXG4gICAgVGhpcyB0aGUgdGVtcGxhdGUgdGhhdCB3aWxsIGJlIHVzZWQgd2hlbiB0aGUgdXNlclxuICAgIGhhcyBmaWxsZWQgaW4gc29tZSBkYXRhIGluIHRoZSBxdWVyeSBjb250cm9sLlxuLS0+XG5cbjxuZy10ZW1wbGF0ZSAjY2xvc2VCdXR0b25UZW1wbGF0ZT5cbiAgICA8YnV0dG9uIGJiU3VmZml4XG4gICAgICAgICAgICAoY2xpY2spPVwicXVlcnlDb250cm9sPy5wYXRjaFZhbHVlKCcnKVwiXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtcHJvZ3Jlc3MtY2xvc2UtcXVlcnlcIj5cbiAgICAgICAgPGJiLWljb24gc3JjPVwibWF0ZXJpYWw6Y2xvc2VcIj48L2JiLWljb24+XG4gICAgPC9idXR0b24+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Vycm9yVGVtcGxhdGUgbGV0LXN0YXRlPVwic3RhdGVcIiBsZXQtc3RhdHVzPVwic3RhdHVzQ29kZVwiPlxuICAgIDx0cj5cbiAgICAgICAgPHRkIFthdHRyLmNvbHNwYW5dPVwiaGVhZGVyQ291bnRcIlxuICAgICAgICAgICAgY2xhc3M9XCJiYi10YWJsZS10ZW1wbGF0ZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJiLXRhYmxlLXRlbXBsYXRlLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgICA8c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjY0XCIgaGVpZ2h0PVwiNDFcIj5cbiAgICAgICAgICAgICAgICAgICAgPGcgZmlsbD1cIm5vbmVcIiBmaWxsLXJ1bGU9XCJldmVub2RkXCIgdHJhbnNmb3JtPVwidHJhbnNsYXRlKDAgMSlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxlbGxpcHNlIGN4PVwiMzJcIiBjeT1cIjMzXCIgZmlsbD1cIiNGNUY1RjVcIiByeD1cIjMyXCIgcnk9XCI3XCI+PC9lbGxpcHNlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGcgZmlsbC1ydWxlPVwibm9uemVyb1wiIHN0cm9rZT1cIiNEOUQ5RDlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTU1IDEyLjc2MDU2MDRMNDQuODU0MzA0NyAxLjI1NzM5NjMzQzQ0LjM2NzQ0MTQuNDczODI2NjEgNDMuNjU1ODc4OSAwIDQyLjkwNjc2MTcgMEgyMS4wOTMyMzgzYy0uNzQ5MTE3MiAwLTEuNDYwNjc5Ny40NzM5NTAyNS0xLjk0NzU0MyAxLjI1NzM5NjMzTDkgMTIuNzYwNTYwNFYyMmg0NnYtOS4yMzk0Mzk2elwiPjwvcGF0aD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPVwiI0ZBRkFGQVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk00MS42MTMyODEzIDE1LjkzMTVjMC0xLjYwNTY0ODkuOTkzNjcxOC0yLjkzMTI2NiAyLjIyNjQxNzktMi45MzE1SDU1djE4LjEzNzEyNzdDNTUgMzMuMjU4OTU3NCA1My42NzkzODY3IDM1IDUyLjA1MDQyOTcgMzVIMTEuOTQ5NTcwMzFDMTAuMzIwNTIzNDQgMzUgOSAzMy4yNTg4NDA0IDkgMzEuMTM3MTI3N1YxM2gxMS4xNjAzMDA4YzEuMjMyNzQ2MSAwIDIuMjI2NDE4IDEuMzIyODA4NSAyLjIyNjQxOCAyLjkyODQ1NzR2LjAyMTE4MDljMCAxLjYwNTY0ODkgMS4wMDQ5OTIxIDIuOTAxNTQyNiAyLjIzNzczODIgMi45MDE1NDI2aDE0Ljc1MTA4NmMxLjIzMjc0NjEgMCAyLjIzNzczODMtMS4zMDc4Mjk4IDIuMjM3NzM4My0yLjkxMzQ3ODhWMTUuOTMxNXpcIj48L3BhdGg+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2c+XG4gICAgICAgICAgICAgICAgICAgIDwvZz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cInN0YXRlIGFzIHN0YXRlTGFiZWxcIj57eyAoJ3RhYmxlcy4nICsgc3RhdGVMYWJlbCkgfCBiYkxvY2FsaXplIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwic3RhdHVzIGFzIHN0YXR1c0NvZGVcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiYmItdGFibGUtdGVtcGxhdGUtY29udGVudC1jb2RlXCI+KEhUVFAge3sgc3RhdHVzQ29kZSB9fSk8L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC90ZD5cbiAgICA8L3RyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==