@angular-customised/ngx-table-custom-sort/esm2022/lib/components/pagination/pagination.component.mjs

Angular easy table

import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "ngx-pagination";
export class PaginationComponent {
    constructor() {
        this.updateRange = new EventEmitter();
        this.ranges = [5, 10, 25, 50, 100];
        this.showRange = false;
        this.screenReaderPaginationLabel = 'Pagination';
        this.screenReaderPageLabel = 'page';
        this.screenReaderCurrentLabel = 'You are on page';
        this.previousLabel = '';
        this.nextLabel = '';
        this.directionLinks = true;
    }
    onClick(targetElement) {
        if (this.paginationRange && !this.paginationRange.nativeElement.contains(targetElement)) {
            this.showRange = false;
        }
    }
    ngOnChanges(changes) {
        const { config } = changes;
        if (config && config.currentValue) {
            this.selectedLimit = this.config.rows;
        }
    }
    onPageChange(page) {
        this.updateRange.emit({
            page,
            limit: this.selectedLimit,
        });
    }
    changeLimit(limit, callFromAPI) {
        if (!callFromAPI) {
            this.showRange = !this.showRange;
        }
        this.selectedLimit = limit;
        this.updateRange.emit({
            page: 1,
            limit,
        });
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: PaginationComponent, selector: "pagination", inputs: { pagination: "pagination", config: "config", id: "id" }, outputs: { updateRange: "updateRange" }, host: { listeners: { "document:click": "onClick($event.target)" } }, viewQueries: [{ propertyName: "paginationDirective", first: true, predicate: ["paginationDirective"], descendants: true }, { propertyName: "paginationRange", first: true, predicate: ["paginationRange"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\r\n  class=\"ngx-pagination-wrapper\"\r\n  [style.display]=\"config.paginationEnabled ? '' : 'none'\"\r\n  [class.ngx-table__table--dark-pagination-wrapper]=\"config.tableLayout.theme === 'dark'\"\r\n>\r\n  <div class=\"ngx-pagination-steps\">\r\n    <pagination-template\r\n      #paginationDirective=\"paginationApi\"\r\n      id=\"pagination-controls\"\r\n      [id]=\"id\"\r\n      [class.ngx-table__table--dark-pagination]=\"config.tableLayout.theme === 'dark'\"\r\n      [maxSize]=\"config.paginationMaxSize || 5\"\r\n      (pageChange)=\"onPageChange($event)\"\r\n    >\r\n      <ul\r\n        class=\"ngx-pagination\"\r\n        role=\"navigation\"\r\n        [attr.aria-label]=\"screenReaderPaginationLabel\"\r\n        [class.responsive]=\"true\"\r\n      >\r\n        <li\r\n          class=\"pagination-previous\"\r\n          [class.disabled]=\"paginationDirective.isFirstPage()\"\r\n          *ngIf=\"directionLinks\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            *ngIf=\"1 < paginationDirective.getCurrent()\"\r\n            (keyup.enter)=\"paginationDirective.previous()\"\r\n            (click)=\"paginationDirective.previous()\"\r\n            [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel\"\r\n          >\r\n            {{ previousLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </a>\r\n          <span *ngIf=\"paginationDirective.isFirstPage()\">\r\n            {{ previousLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </span>\r\n        </li>\r\n        <li class=\"small-screen\">\r\n          {{ paginationDirective.getCurrent() }} / {{ paginationDirective.getLastPage() }}\r\n        </li>\r\n        <li\r\n          [class.current]=\"paginationDirective.getCurrent() === page.value\"\r\n          [class.ellipsis]=\"page.label === '...'\"\r\n          *ngFor=\"let page of paginationDirective.pages\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            (keyup.enter)=\"paginationDirective.setCurrent(page.value)\"\r\n            (click)=\"paginationDirective.setCurrent(page.value)\"\r\n            *ngIf=\"paginationDirective.getCurrent() !== page.value\"\r\n          >\r\n            <span class=\"show-for-sr\">{{ screenReaderPageLabel }} </span>\r\n            <span>{{ page.label }}</span>\r\n          </a>\r\n          <ng-container *ngIf=\"paginationDirective.getCurrent() === page.value\">\r\n            <span class=\"show-for-sr\">{{ screenReaderCurrentLabel }} </span>\r\n            <span>{{ page.label }}</span>\r\n          </ng-container>\r\n        </li>\r\n        <li\r\n          class=\"pagination-next\"\r\n          [class.disabled]=\"paginationDirective.isLastPage()\"\r\n          *ngIf=\"directionLinks\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            *ngIf=\"!paginationDirective.isLastPage()\"\r\n            (keyup.enter)=\"paginationDirective.next()\"\r\n            (click)=\"paginationDirective.next()\"\r\n            [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel\"\r\n          >\r\n            {{ nextLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </a>\r\n          <span *ngIf=\"paginationDirective.isLastPage()\">\r\n            {{ nextLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </span>\r\n        </li>\r\n      </ul>\r\n    </pagination-template>\r\n  </div>\r\n  <div\r\n    class=\"ngx-pagination-range\"\r\n    #paginationRange\r\n    [class.ngx-table__table--dark-pagination-range]=\"config.tableLayout.theme === 'dark'\"\r\n    *ngIf=\"config.paginationRangeEnabled\"\r\n  >\r\n    <div class=\"ngx-dropdown ngx-pagination-range-dropdown\" id=\"rowAmount\">\r\n      <div class=\"ngx-btn-group\">\r\n        <div class=\"ngx-pagination-range-dropdown-button\" (click)=\"showRange = !showRange\">\r\n          {{selectedLimit}} <i class=\"ngx-icon ngx-icon-arrow-down\"></i>\r\n        </div>\r\n        <ul class=\"ngx-menu\" *ngIf=\"showRange\">\r\n          <li\r\n            class=\"ngx-pagination-range-dropdown-button-item\"\r\n            [class.ngx-pagination-range--selected]=\"limit === selectedLimit\"\r\n            (click)=\"changeLimit(limit, false)\"\r\n            *ngFor=\"let limit of ranges\"\r\n          >\r\n            <span>{{limit}}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\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: i2.PaginationControlsDirective, selector: "pagination-template,[pagination-template]", inputs: ["id", "maxSize"], outputs: ["pageChange", "pageBoundsCorrection"], exportAs: ["paginationApi"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PaginationComponent, decorators: [{
            type: Component,
            args: [{ selector: 'pagination', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  class=\"ngx-pagination-wrapper\"\r\n  [style.display]=\"config.paginationEnabled ? '' : 'none'\"\r\n  [class.ngx-table__table--dark-pagination-wrapper]=\"config.tableLayout.theme === 'dark'\"\r\n>\r\n  <div class=\"ngx-pagination-steps\">\r\n    <pagination-template\r\n      #paginationDirective=\"paginationApi\"\r\n      id=\"pagination-controls\"\r\n      [id]=\"id\"\r\n      [class.ngx-table__table--dark-pagination]=\"config.tableLayout.theme === 'dark'\"\r\n      [maxSize]=\"config.paginationMaxSize || 5\"\r\n      (pageChange)=\"onPageChange($event)\"\r\n    >\r\n      <ul\r\n        class=\"ngx-pagination\"\r\n        role=\"navigation\"\r\n        [attr.aria-label]=\"screenReaderPaginationLabel\"\r\n        [class.responsive]=\"true\"\r\n      >\r\n        <li\r\n          class=\"pagination-previous\"\r\n          [class.disabled]=\"paginationDirective.isFirstPage()\"\r\n          *ngIf=\"directionLinks\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            *ngIf=\"1 < paginationDirective.getCurrent()\"\r\n            (keyup.enter)=\"paginationDirective.previous()\"\r\n            (click)=\"paginationDirective.previous()\"\r\n            [attr.aria-label]=\"previousLabel + ' ' + screenReaderPageLabel\"\r\n          >\r\n            {{ previousLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </a>\r\n          <span *ngIf=\"paginationDirective.isFirstPage()\">\r\n            {{ previousLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </span>\r\n        </li>\r\n        <li class=\"small-screen\">\r\n          {{ paginationDirective.getCurrent() }} / {{ paginationDirective.getLastPage() }}\r\n        </li>\r\n        <li\r\n          [class.current]=\"paginationDirective.getCurrent() === page.value\"\r\n          [class.ellipsis]=\"page.label === '...'\"\r\n          *ngFor=\"let page of paginationDirective.pages\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            (keyup.enter)=\"paginationDirective.setCurrent(page.value)\"\r\n            (click)=\"paginationDirective.setCurrent(page.value)\"\r\n            *ngIf=\"paginationDirective.getCurrent() !== page.value\"\r\n          >\r\n            <span class=\"show-for-sr\">{{ screenReaderPageLabel }} </span>\r\n            <span>{{ page.label }}</span>\r\n          </a>\r\n          <ng-container *ngIf=\"paginationDirective.getCurrent() === page.value\">\r\n            <span class=\"show-for-sr\">{{ screenReaderCurrentLabel }} </span>\r\n            <span>{{ page.label }}</span>\r\n          </ng-container>\r\n        </li>\r\n        <li\r\n          class=\"pagination-next\"\r\n          [class.disabled]=\"paginationDirective.isLastPage()\"\r\n          *ngIf=\"directionLinks\"\r\n        >\r\n          <a\r\n            tabindex=\"0\"\r\n            *ngIf=\"!paginationDirective.isLastPage()\"\r\n            (keyup.enter)=\"paginationDirective.next()\"\r\n            (click)=\"paginationDirective.next()\"\r\n            [attr.aria-label]=\"nextLabel + ' ' + screenReaderPageLabel\"\r\n          >\r\n            {{ nextLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </a>\r\n          <span *ngIf=\"paginationDirective.isLastPage()\">\r\n            {{ nextLabel }} <span class=\"show-for-sr\">{{ screenReaderPageLabel }}</span>\r\n          </span>\r\n        </li>\r\n      </ul>\r\n    </pagination-template>\r\n  </div>\r\n  <div\r\n    class=\"ngx-pagination-range\"\r\n    #paginationRange\r\n    [class.ngx-table__table--dark-pagination-range]=\"config.tableLayout.theme === 'dark'\"\r\n    *ngIf=\"config.paginationRangeEnabled\"\r\n  >\r\n    <div class=\"ngx-dropdown ngx-pagination-range-dropdown\" id=\"rowAmount\">\r\n      <div class=\"ngx-btn-group\">\r\n        <div class=\"ngx-pagination-range-dropdown-button\" (click)=\"showRange = !showRange\">\r\n          {{selectedLimit}} <i class=\"ngx-icon ngx-icon-arrow-down\"></i>\r\n        </div>\r\n        <ul class=\"ngx-menu\" *ngIf=\"showRange\">\r\n          <li\r\n            class=\"ngx-pagination-range-dropdown-button-item\"\r\n            [class.ngx-pagination-range--selected]=\"limit === selectedLimit\"\r\n            (click)=\"changeLimit(limit, false)\"\r\n            *ngFor=\"let limit of ranges\"\r\n          >\r\n            <span>{{limit}}</span>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
        }], propDecorators: { paginationDirective: [{
                type: ViewChild,
                args: ['paginationDirective']
            }], paginationRange: [{
                type: ViewChild,
                args: ['paginationRange']
            }], pagination: [{
                type: Input
            }], config: [{
                type: Input
            }], id: [{
                type: Input
            }], updateRange: [{
                type: Output
            }], onClick: [{
                type: HostListener,
                args: ['document:click', ['$event.target']]
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtZWFzeS10YWJsZS9zcmMvbGliL2NvbXBvbmVudHMvcGFnaW5hdGlvbi9wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1lYXN5LXRhYmxlL3NyYy9saWIvY29tcG9uZW50cy9wYWdpbmF0aW9uL3BhZ2luYXRpb24uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRU4sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBY3ZCLE1BQU0sT0FBTyxtQkFBbUI7SUFMaEM7UUFZcUIsZ0JBQVcsR0FBa0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RSxXQUFNLEdBQWEsQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsR0FBRyxDQUFDLENBQUM7UUFFeEMsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixnQ0FBMkIsR0FBRyxZQUFZLENBQUM7UUFDM0MsMEJBQXFCLEdBQUcsTUFBTSxDQUFDO1FBQy9CLDZCQUF3QixHQUFHLGlCQUFpQixDQUFDO1FBQzdDLGtCQUFhLEdBQUcsRUFBRSxDQUFDO1FBQ25CLGNBQVMsR0FBRyxFQUFFLENBQUM7UUFDZixtQkFBYyxHQUFHLElBQUksQ0FBQztLQWlDOUI7SUE5QlEsT0FBTyxDQUFDLGFBQWtCO1FBQy9CLElBQUksSUFBSSxDQUFDLGVBQWUsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsRUFBRSxDQUFDO1lBQ3hGLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUM7SUFDSCxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxPQUFPLENBQUM7UUFDM0IsSUFBSSxNQUFNLElBQUksTUFBTSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsSUFBWTtRQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJO1lBQ0osS0FBSyxFQUFFLElBQUksQ0FBQyxhQUFhO1NBQzFCLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsS0FBYSxFQUFFLFdBQW9CO1FBQzdDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNuQyxDQUFDO1FBQ0QsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsSUFBSSxFQUFFLENBQUM7WUFDUCxLQUFLO1NBQ04sQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0FoRFUsbUJBQW1CO2tHQUFuQixtQkFBbUIsd2RDeEJoQyxvNUlBMEdBOzsyRkRsRmEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLFlBQVksbUJBRUwsdUJBQXVCLENBQUMsTUFBTTs4QkFJL0MsbUJBQW1CO3NCQURsQixTQUFTO3VCQUFDLHFCQUFxQjtnQkFFRixlQUFlO3NCQUE1QyxTQUFTO3VCQUFDLGlCQUFpQjtnQkFDbkIsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNhLFdBQVc7c0JBQTdCLE1BQU07Z0JBWUEsT0FBTztzQkFEYixZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIEhvc3RMaXN0ZW5lcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT3V0cHV0LFxyXG4gIFNpbXBsZUNoYW5nZXMsXHJcbiAgVmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb25maWcgfSBmcm9tICcuLi8uLic7XHJcbmltcG9ydCB7IFBhZ2luYXRpb25Db250cm9sc0RpcmVjdGl2ZSB9IGZyb20gJ25neC1wYWdpbmF0aW9uJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvblJhbmdlIHtcclxuICBwYWdlOiBudW1iZXI7XHJcbiAgbGltaXQ6IG51bWJlcjtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdwYWdpbmF0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdGlvbi5odG1sJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2luYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xyXG4gIEBWaWV3Q2hpbGQoJ3BhZ2luYXRpb25EaXJlY3RpdmUnKVxyXG4gIHBhZ2luYXRpb25EaXJlY3RpdmU6IFBhZ2luYXRpb25Db250cm9sc0RpcmVjdGl2ZTtcclxuICBAVmlld0NoaWxkKCdwYWdpbmF0aW9uUmFuZ2UnKSBwYWdpbmF0aW9uUmFuZ2U7XHJcbiAgQElucHV0KCkgcGFnaW5hdGlvbjtcclxuICBASW5wdXQoKSBjb25maWc6IENvbmZpZztcclxuICBASW5wdXQoKSBpZDtcclxuICBAT3V0cHV0KCkgcmVhZG9ubHkgdXBkYXRlUmFuZ2U6IEV2ZW50RW1pdHRlcjxQYWdpbmF0aW9uUmFuZ2U+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIHB1YmxpYyByYW5nZXM6IG51bWJlcltdID0gWzUsIDEwLCAyNSwgNTAsIDEwMF07XHJcbiAgcHVibGljIHNlbGVjdGVkTGltaXQ6IG51bWJlcjtcclxuICBwdWJsaWMgc2hvd1JhbmdlID0gZmFsc2U7XHJcbiAgcHVibGljIHNjcmVlblJlYWRlclBhZ2luYXRpb25MYWJlbCA9ICdQYWdpbmF0aW9uJztcclxuICBwdWJsaWMgc2NyZWVuUmVhZGVyUGFnZUxhYmVsID0gJ3BhZ2UnO1xyXG4gIHB1YmxpYyBzY3JlZW5SZWFkZXJDdXJyZW50TGFiZWwgPSAnWW91IGFyZSBvbiBwYWdlJztcclxuICBwdWJsaWMgcHJldmlvdXNMYWJlbCA9ICcnO1xyXG4gIHB1YmxpYyBuZXh0TGFiZWwgPSAnJztcclxuICBwdWJsaWMgZGlyZWN0aW9uTGlua3MgPSB0cnVlO1xyXG5cclxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50LnRhcmdldCddKVxyXG4gIHB1YmxpYyBvbkNsaWNrKHRhcmdldEVsZW1lbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMucGFnaW5hdGlvblJhbmdlICYmICF0aGlzLnBhZ2luYXRpb25SYW5nZS5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKHRhcmdldEVsZW1lbnQpKSB7XHJcbiAgICAgIHRoaXMuc2hvd1JhbmdlID0gZmFsc2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBjb25zdCB7IGNvbmZpZyB9ID0gY2hhbmdlcztcclxuICAgIGlmIChjb25maWcgJiYgY29uZmlnLmN1cnJlbnRWYWx1ZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkTGltaXQgPSB0aGlzLmNvbmZpZy5yb3dzO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25QYWdlQ2hhbmdlKHBhZ2U6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGhpcy51cGRhdGVSYW5nZS5lbWl0KHtcclxuICAgICAgcGFnZSxcclxuICAgICAgbGltaXQ6IHRoaXMuc2VsZWN0ZWRMaW1pdCxcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgY2hhbmdlTGltaXQobGltaXQ6IG51bWJlciwgY2FsbEZyb21BUEk6IGJvb2xlYW4pOiB2b2lkIHtcclxuICAgIGlmICghY2FsbEZyb21BUEkpIHtcclxuICAgICAgdGhpcy5zaG93UmFuZ2UgPSAhdGhpcy5zaG93UmFuZ2U7XHJcbiAgICB9XHJcbiAgICB0aGlzLnNlbGVjdGVkTGltaXQgPSBsaW1pdDtcclxuICAgIHRoaXMudXBkYXRlUmFuZ2UuZW1pdCh7XHJcbiAgICAgIHBhZ2U6IDEsXHJcbiAgICAgIGxpbWl0LFxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXZcclxuICBjbGFzcz1cIm5neC1wYWdpbmF0aW9uLXdyYXBwZXJcIlxyXG4gIFtzdHlsZS5kaXNwbGF5XT1cImNvbmZpZy5wYWdpbmF0aW9uRW5hYmxlZCA/ICcnIDogJ25vbmUnXCJcclxuICBbY2xhc3Mubmd4LXRhYmxlX190YWJsZS0tZGFyay1wYWdpbmF0aW9uLXdyYXBwZXJdPVwiY29uZmlnLnRhYmxlTGF5b3V0LnRoZW1lID09PSAnZGFyaydcIlxyXG4+XHJcbiAgPGRpdiBjbGFzcz1cIm5neC1wYWdpbmF0aW9uLXN0ZXBzXCI+XHJcbiAgICA8cGFnaW5hdGlvbi10ZW1wbGF0ZVxyXG4gICAgICAjcGFnaW5hdGlvbkRpcmVjdGl2ZT1cInBhZ2luYXRpb25BcGlcIlxyXG4gICAgICBpZD1cInBhZ2luYXRpb24tY29udHJvbHNcIlxyXG4gICAgICBbaWRdPVwiaWRcIlxyXG4gICAgICBbY2xhc3Mubmd4LXRhYmxlX190YWJsZS0tZGFyay1wYWdpbmF0aW9uXT1cImNvbmZpZy50YWJsZUxheW91dC50aGVtZSA9PT0gJ2RhcmsnXCJcclxuICAgICAgW21heFNpemVdPVwiY29uZmlnLnBhZ2luYXRpb25NYXhTaXplIHx8IDVcIlxyXG4gICAgICAocGFnZUNoYW5nZSk9XCJvblBhZ2VDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICA+XHJcbiAgICAgIDx1bFxyXG4gICAgICAgIGNsYXNzPVwibmd4LXBhZ2luYXRpb25cIlxyXG4gICAgICAgIHJvbGU9XCJuYXZpZ2F0aW9uXCJcclxuICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInNjcmVlblJlYWRlclBhZ2luYXRpb25MYWJlbFwiXHJcbiAgICAgICAgW2NsYXNzLnJlc3BvbnNpdmVdPVwidHJ1ZVwiXHJcbiAgICAgID5cclxuICAgICAgICA8bGlcclxuICAgICAgICAgIGNsYXNzPVwicGFnaW5hdGlvbi1wcmV2aW91c1wiXHJcbiAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5pc0ZpcnN0UGFnZSgpXCJcclxuICAgICAgICAgICpuZ0lmPVwiZGlyZWN0aW9uTGlua3NcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiMSA8IHBhZ2luYXRpb25EaXJlY3RpdmUuZ2V0Q3VycmVudCgpXCJcclxuICAgICAgICAgICAgKGtleXVwLmVudGVyKT1cInBhZ2luYXRpb25EaXJlY3RpdmUucHJldmlvdXMoKVwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJwYWdpbmF0aW9uRGlyZWN0aXZlLnByZXZpb3VzKClcIlxyXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInByZXZpb3VzTGFiZWwgKyAnICcgKyBzY3JlZW5SZWFkZXJQYWdlTGFiZWxcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICB7eyBwcmV2aW91c0xhYmVsIH19IDxzcGFuIGNsYXNzPVwic2hvdy1mb3Itc3JcIj57eyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICA8c3BhbiAqbmdJZj1cInBhZ2luYXRpb25EaXJlY3RpdmUuaXNGaXJzdFBhZ2UoKVwiPlxyXG4gICAgICAgICAgICB7eyBwcmV2aW91c0xhYmVsIH19IDxzcGFuIGNsYXNzPVwic2hvdy1mb3Itc3JcIj57eyBzY3JlZW5SZWFkZXJQYWdlTGFiZWwgfX08L3NwYW4+XHJcbiAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgICA8bGkgY2xhc3M9XCJzbWFsbC1zY3JlZW5cIj5cclxuICAgICAgICAgIHt7IHBhZ2luYXRpb25EaXJlY3RpdmUuZ2V0Q3VycmVudCgpIH19IC8ge3sgcGFnaW5hdGlvbkRpcmVjdGl2ZS5nZXRMYXN0UGFnZSgpIH19XHJcbiAgICAgICAgPC9saT5cclxuICAgICAgICA8bGlcclxuICAgICAgICAgIFtjbGFzcy5jdXJyZW50XT1cInBhZ2luYXRpb25EaXJlY3RpdmUuZ2V0Q3VycmVudCgpID09PSBwYWdlLnZhbHVlXCJcclxuICAgICAgICAgIFtjbGFzcy5lbGxpcHNpc109XCJwYWdlLmxhYmVsID09PSAnLi4uJ1wiXHJcbiAgICAgICAgICAqbmdGb3I9XCJsZXQgcGFnZSBvZiBwYWdpbmF0aW9uRGlyZWN0aXZlLnBhZ2VzXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YVxyXG4gICAgICAgICAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5zZXRDdXJyZW50KHBhZ2UudmFsdWUpXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cInBhZ2luYXRpb25EaXJlY3RpdmUuc2V0Q3VycmVudChwYWdlLnZhbHVlKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5nZXRDdXJyZW50KCkgIT09IHBhZ2UudmFsdWVcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIH19IDwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgcGFnZS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJwYWdpbmF0aW9uRGlyZWN0aXZlLmdldEN1cnJlbnQoKSA9PT0gcGFnZS52YWx1ZVwiPlxyXG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyQ3VycmVudExhYmVsIH19IDwvc3Bhbj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgcGFnZS5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbGk+XHJcbiAgICAgICAgPGxpXHJcbiAgICAgICAgICBjbGFzcz1cInBhZ2luYXRpb24tbmV4dFwiXHJcbiAgICAgICAgICBbY2xhc3MuZGlzYWJsZWRdPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5pc0xhc3RQYWdlKClcIlxyXG4gICAgICAgICAgKm5nSWY9XCJkaXJlY3Rpb25MaW5rc1wiXHJcbiAgICAgICAgPlxyXG4gICAgICAgICAgPGFcclxuICAgICAgICAgICAgdGFiaW5kZXg9XCIwXCJcclxuICAgICAgICAgICAgKm5nSWY9XCIhcGFnaW5hdGlvbkRpcmVjdGl2ZS5pc0xhc3RQYWdlKClcIlxyXG4gICAgICAgICAgICAoa2V5dXAuZW50ZXIpPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5uZXh0KClcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwicGFnaW5hdGlvbkRpcmVjdGl2ZS5uZXh0KClcIlxyXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIm5leHRMYWJlbCArICcgJyArIHNjcmVlblJlYWRlclBhZ2VMYWJlbFwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIHt7IG5leHRMYWJlbCB9fSA8c3BhbiBjbGFzcz1cInNob3ctZm9yLXNyXCI+e3sgc2NyZWVuUmVhZGVyUGFnZUxhYmVsIH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPHNwYW4gKm5nSWY9XCJwYWdpbmF0aW9uRGlyZWN0aXZlLmlzTGFzdFBhZ2UoKVwiPlxyXG4gICAgICAgICAgICB7eyBuZXh0TGFiZWwgfX0gPHNwYW4gY2xhc3M9XCJzaG93LWZvci1zclwiPnt7IHNjcmVlblJlYWRlclBhZ2VMYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8L2xpPlxyXG4gICAgICA8L3VsPlxyXG4gICAgPC9wYWdpbmF0aW9uLXRlbXBsYXRlPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwibmd4LXBhZ2luYXRpb24tcmFuZ2VcIlxyXG4gICAgI3BhZ2luYXRpb25SYW5nZVxyXG4gICAgW2NsYXNzLm5neC10YWJsZV9fdGFibGUtLWRhcmstcGFnaW5hdGlvbi1yYW5nZV09XCJjb25maWcudGFibGVMYXlvdXQudGhlbWUgPT09ICdkYXJrJ1wiXHJcbiAgICAqbmdJZj1cImNvbmZpZy5wYWdpbmF0aW9uUmFuZ2VFbmFibGVkXCJcclxuICA+XHJcbiAgICA8ZGl2IGNsYXNzPVwibmd4LWRyb3Bkb3duIG5neC1wYWdpbmF0aW9uLXJhbmdlLWRyb3Bkb3duXCIgaWQ9XCJyb3dBbW91bnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm5neC1idG4tZ3JvdXBcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibmd4LXBhZ2luYXRpb24tcmFuZ2UtZHJvcGRvd24tYnV0dG9uXCIgKGNsaWNrKT1cInNob3dSYW5nZSA9ICFzaG93UmFuZ2VcIj5cclxuICAgICAgICAgIHt7c2VsZWN0ZWRMaW1pdH19IDxpIGNsYXNzPVwibmd4LWljb24gbmd4LWljb24tYXJyb3ctZG93blwiPjwvaT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8dWwgY2xhc3M9XCJuZ3gtbWVudVwiICpuZ0lmPVwic2hvd1JhbmdlXCI+XHJcbiAgICAgICAgICA8bGlcclxuICAgICAgICAgICAgY2xhc3M9XCJuZ3gtcGFnaW5hdGlvbi1yYW5nZS1kcm9wZG93bi1idXR0b24taXRlbVwiXHJcbiAgICAgICAgICAgIFtjbGFzcy5uZ3gtcGFnaW5hdGlvbi1yYW5nZS0tc2VsZWN0ZWRdPVwibGltaXQgPT09IHNlbGVjdGVkTGltaXRcIlxyXG4gICAgICAgICAgICAoY2xpY2spPVwiY2hhbmdlTGltaXQobGltaXQsIGZhbHNlKVwiXHJcbiAgICAgICAgICAgICpuZ0Zvcj1cImxldCBsaW1pdCBvZiByYW5nZXNcIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8c3Bhbj57e2xpbWl0fX08L3NwYW4+XHJcbiAgICAgICAgICA8L2xpPlxyXG4gICAgICAgIDwvdWw+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=