@pepperi-addons/ngx-lib 0.3.15-loader.9 → 0.4.0-angular14.11

package/esm2020/list/list-sorting.component.mjs

@@ -0,0 +1,61 @@
+import { Component, Injectable, Input, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/menu";
+import * as i2 from "@ngx-translate/core";
+export class IPepListSortingOption {
+}
+export class PepListSortingComponent {
+    constructor() {
+        this._options = null;
+        this._currentSorting = null;
+        this.sizeType = 'md';
+        this.change = new EventEmitter();
+        this.menuItems = null;
+        this.currentItem = null;
+    }
+    set options(value) {
+        this._options = value;
+        this.menuItems = value.map((opt) => {
+            return { key: opt.sortBy, text: opt.title, iconName: opt.iconName };
+        });
+    }
+    get options() {
+        return this._options;
+    }
+    set currentSorting(value) {
+        this._currentSorting = value;
+        this.currentItem = this.menuItems.find((mi) => mi.key === value.sortBy);
+    }
+    get currentSorting() {
+        return this._currentSorting;
+    }
+    ngOnInit() {
+        if (this.currentSorting === null &&
+            this.options &&
+            this.options.length > 0) {
+            this.currentSorting = this.options[0];
+        }
+    }
+    onMenuItemClicked(menuItemClickEvent) {
+        this.currentSorting = this.options.find((sorting) => sorting.sortBy === menuItemClickEvent.source.key);
+        this.change.emit({ source: this.currentSorting });
+    }
+}
+PepListSortingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListSortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PepListSortingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepListSortingComponent, selector: "pep-list-sorting", inputs: { options: "options", currentSorting: "currentSorting", sizeType: "sizeType" }, outputs: { change: "change" }, ngImport: i0, template: "<div class=\"sorting-container\">\n    <div class=\"body-xs sort-by\">\n        <span>{{ 'LIST.SORT_BY' | translate }}</span>\n    </div>\n    <pep-menu [type]=\"'select'\" [sizeType]=\"sizeType\" [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"'arrow_down'\" (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</div>", styles: [".sorting-container{display:flex;align-items:center}.sorting-container .sort-by{margin-inline-end:var(--pep-spacing-sm, .5rem)}\n"], dependencies: [{ kind: "component", type: i1.PepMenuComponent, selector: "pep-menu", inputs: ["text", "iconName", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+PepListSortingComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListSortingComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListSortingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-sorting', template: "<div class=\"sorting-container\">\n    <div class=\"body-xs sort-by\">\n        <span>{{ 'LIST.SORT_BY' | translate }}</span>\n    </div>\n    <pep-menu [type]=\"'select'\" [sizeType]=\"sizeType\" [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"'arrow_down'\" (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</div>", styles: [".sorting-container{display:flex;align-items:center}.sorting-container .sort-by{margin-inline-end:var(--pep-spacing-sm, .5rem)}\n"] }]
+        }, {
+            type: Injectable
+        }], propDecorators: { options: [{
+                type: Input
+            }], currentSorting: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zb3J0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvbGlzdC9saXN0LXNvcnRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9saXN0L2xpc3Qtc29ydGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FHZixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0NBS2pDO0FBWUQsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQU9ZLGFBQVEsR0FBaUMsSUFBSSxDQUFDO1FBYTlDLG9CQUFlLEdBQTBCLElBQUksQ0FBQztRQVU3QyxhQUFRLEdBQWdCLElBQUksQ0FBQztRQUV0QyxXQUFNLEdBQW1ELElBQUksWUFBWSxFQUFvQyxDQUFDO1FBRTlHLGNBQVMsR0FBdUIsSUFBSSxDQUFDO1FBQ3JDLGdCQUFXLEdBQWdCLElBQUksQ0FBQztLQWtCbkM7SUE3Q0csSUFDSSxPQUFPLENBQUMsS0FBbUM7UUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDeEUsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFHRCxJQUNJLGNBQWMsQ0FBQyxLQUE0QjtRQUMzQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBQ0QsSUFBSSxjQUFjO1FBQ2QsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2hDLENBQUM7SUFTRCxRQUFRO1FBQ0osSUFDSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUk7WUFDNUIsSUFBSSxDQUFDLE9BQU87WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3pCO1lBQ0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0wsQ0FBQztJQUVELGlCQUFpQixDQUFDLGtCQUEwQztRQUN4RCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNuQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUNoRSxDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7b0hBOUNRLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLCtLQ2pDcEMsa1dBTU07d0hEMkJPLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLGtCQUFrQjs7a0JBSS9CLFVBQVU7OEJBSUgsT0FBTztzQkFEVixLQUFLO2dCQWNGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFFTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7XG4gICAgSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCxcbiAgICBQZXBNZW51SXRlbSxcbn0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvbWVudSc7XG5pbXBvcnQgeyBJUGVwTGlzdFNvcnRpbmdDaGFuZ2VFdmVudCB9IGZyb20gJy4vbGlzdC5tb2RlbCc7XG5cbmV4cG9ydCBjbGFzcyBJUGVwTGlzdFNvcnRpbmdPcHRpb24ge1xuICAgIHNvcnRCeTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgaWNvbk5hbWU/OiBzdHJpbmc7XG4gICAgaXNBc2M/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50IHtcbiAgICBzb3VyY2U6IElQZXBMaXN0U29ydGluZ09wdGlvbjtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC1zb3J0aW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1zb3J0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LXNvcnRpbmcuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdFNvcnRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgX29wdGlvbnM6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4gPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IG9wdGlvbnModmFsdWU6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4pIHtcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IHZhbHVlO1xuXG4gICAgICAgIHRoaXMubWVudUl0ZW1zID0gdmFsdWUubWFwKChvcHQpID0+IHtcbiAgICAgICAgICAgIHJldHVybiB7IGtleTogb3B0LnNvcnRCeSwgdGV4dDogb3B0LnRpdGxlLCBpY29uTmFtZTogb3B0Lmljb25OYW1lIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBnZXQgb3B0aW9ucygpOiBBcnJheTxJUGVwTGlzdFNvcnRpbmdPcHRpb24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX29wdGlvbnM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY3VycmVudFNvcnRpbmc6IElQZXBMaXN0U29ydGluZ09wdGlvbiA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgY3VycmVudFNvcnRpbmcodmFsdWU6IElQZXBMaXN0U29ydGluZ09wdGlvbikge1xuICAgICAgICB0aGlzLl9jdXJyZW50U29ydGluZyA9IHZhbHVlO1xuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gdGhpcy5tZW51SXRlbXMuZmluZCgobWkpID0+IG1pLmtleSA9PT0gdmFsdWUuc29ydEJ5KTtcbiAgICB9XG4gICAgZ2V0IGN1cnJlbnRTb3J0aW5nKCk6IElQZXBMaXN0U29ydGluZ09wdGlvbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jdXJyZW50U29ydGluZztcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzaXplVHlwZTogUGVwU2l6ZVR5cGUgPSAnbWQnO1xuICAgIEBPdXRwdXQoKVxuICAgIGNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcExpc3RTb3J0aW5nT3B0aW9uQ2hhbmdlRXZlbnQ+KCk7XG5cbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgY3VycmVudEl0ZW06IFBlcE1lbnVJdGVtID0gbnVsbDtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID09PSBudWxsICYmXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMgJiZcbiAgICAgICAgICAgIHRoaXMub3B0aW9ucy5sZW5ndGggPiAwXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U29ydGluZyA9IHRoaXMub3B0aW9uc1swXTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWVudUl0ZW1DbGlja2VkKG1lbnVJdGVtQ2xpY2tFdmVudDogSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID0gdGhpcy5vcHRpb25zLmZpbmQoXG4gICAgICAgICAgICAoc29ydGluZykgPT4gc29ydGluZy5zb3J0QnkgPT09IG1lbnVJdGVtQ2xpY2tFdmVudC5zb3VyY2Uua2V5XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuY2hhbmdlLmVtaXQoeyBzb3VyY2U6IHRoaXMuY3VycmVudFNvcnRpbmcgfSk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNvcnRpbmctY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJvZHkteHMgc29ydC1ieVwiPlxuICAgICAgICA8c3Bhbj57eyAnTElTVC5TT1JUX0JZJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8cGVwLW1lbnUgW3R5cGVdPVwiJ3NlbGVjdCdcIiBbc2l6ZVR5cGVdPVwic2l6ZVR5cGVcIiBbaXRlbXNdPVwibWVudUl0ZW1zXCIgW3NlbGVjdGVkSXRlbV09XCJjdXJyZW50SXRlbVwiXG4gICAgICAgIFtpY29uTmFtZV09XCInYXJyb3dfZG93bidcIiAobWVudUl0ZW1DbGljayk9XCJvbk1lbnVJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+PC9wZXAtbWVudT5cbjwvZGl2PiJdfQ==

package/esm2020/list/list-total.component.mjs

@@ -0,0 +1,30 @@
+import { Component, Injectable, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class PepListTotalComponent {
+    constructor() {
+        this.totalRows = -1;
+        this.totalAmount = -1;
+        this.isMapView = false;
+        this.sizeType = 'md';
+    }
+}
+PepListTotalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListTotalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PepListTotalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepListTotalComponent, selector: "pep-list-total", inputs: { totalRows: "totalRows", totalAmount: "totalAmount", isMapView: "isMapView", sizeType: "sizeType" }, ngImport: i0, template: "<div class=\"total-items-container\">\n    <ng-container *ngIf=\"isMapView; then mapTemplate; else notMapTemplate\"></ng-container>\n\n    <ng-template #notMapTemplate>\n        <ng-container *ngIf=\"totalRows >= 0\">\n            <div class=\"body-{{sizeType}} total-items color-dimmed\"\n                [innerHtml]=\"(totalRows === 1 ? 'LIST.TOTAL_RESULT' : 'LIST.TOTAL_RESULTS') | translate: { totalRows: totalRows }\">\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"totalAmount > 0\"> {{ 'LIST.TOTAL_OF' | translate }} {{ totalAmount }} </ng-container>\n    </ng-template>\n\n    <ng-template #mapTemplate>\n        <ng-container *ngIf=\"totalAmount >= 0\">\n        </ng-container>\n        <ng-container *ngIf=\"totalRows >= 0\">\n            <div class=\"body-{{sizeType}} total-items color-dimmed\"\n                [innerHtml]=\"(totalRows === 1 ? 'LIST.TOTAL_RESULT_OUT_OF_RESULT' : 'LIST.TOTAL_RESULTS_OUT_OF') | translate: { xRows: totalAmount, totalRows: totalRows }\">\n            </div>\n        </ng-container>\n    </ng-template>\n</div>", styles: [":host{height:inherit}.total-items-container{height:100%;display:flex;align-items:center}\n", ""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+PepListTotalComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListTotalComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListTotalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-total', template: "<div class=\"total-items-container\">\n    <ng-container *ngIf=\"isMapView; then mapTemplate; else notMapTemplate\"></ng-container>\n\n    <ng-template #notMapTemplate>\n        <ng-container *ngIf=\"totalRows >= 0\">\n            <div class=\"body-{{sizeType}} total-items color-dimmed\"\n                [innerHtml]=\"(totalRows === 1 ? 'LIST.TOTAL_RESULT' : 'LIST.TOTAL_RESULTS') | translate: { totalRows: totalRows }\">\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"totalAmount > 0\"> {{ 'LIST.TOTAL_OF' | translate }} {{ totalAmount }} </ng-container>\n    </ng-template>\n\n    <ng-template #mapTemplate>\n        <ng-container *ngIf=\"totalAmount >= 0\">\n        </ng-container>\n        <ng-container *ngIf=\"totalRows >= 0\">\n            <div class=\"body-{{sizeType}} total-items color-dimmed\"\n                [innerHtml]=\"(totalRows === 1 ? 'LIST.TOTAL_RESULT_OUT_OF_RESULT' : 'LIST.TOTAL_RESULTS_OUT_OF') | translate: { xRows: totalAmount, totalRows: totalRows }\">\n            </div>\n        </ng-container>\n    </ng-template>\n</div>", styles: [":host{height:inherit}.total-items-container{height:100%;display:flex;align-items:center}\n"] }]
+        }, {
+            type: Injectable
+        }], propDecorators: { totalRows: [{
+                type: Input
+            }], totalAmount: [{
+                type: Input
+            }], isMapView: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b3RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC10b3RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC10b3RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTN0QsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQU9hLGNBQVMsR0FBRyxDQUFDLENBQUMsQ0FBQztRQUNmLGdCQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDakIsY0FBUyxHQUFHLEtBQUssQ0FBQztRQUNsQixhQUFRLEdBQWdCLElBQUksQ0FBQztLQUN6Qzs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUIsb0tDVGxDLCtqQ0FxQk07c0hEWk8scUJBQXFCOzJGQUFyQixxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksZ0JBQWdCOztrQkFJN0IsVUFBVTs4QkFFRSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3RhYmxlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwU2l6ZVR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWxpc3QtdG90YWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LXRvdGFsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LXRvdGFsLmNvbXBvbmVudC5zY3NzJywgJy4vbGlzdC10b3RhbC5jb21wb25lbnQudGhlbWUuc2NzcyddLFxufSlcbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBQZXBMaXN0VG90YWxDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRvdGFsUm93cyA9IC0xO1xuICAgIEBJbnB1dCgpIHRvdGFsQW1vdW50ID0gLTE7XG4gICAgQElucHV0KCkgaXNNYXBWaWV3ID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2l6ZVR5cGU6IFBlcFNpemVUeXBlID0gJ21kJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b3RhbC1pdGVtcy1jb250YWluZXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNNYXBWaWV3OyB0aGVuIG1hcFRlbXBsYXRlOyBlbHNlIG5vdE1hcFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI25vdE1hcFRlbXBsYXRlPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidG90YWxSb3dzID49IDBcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib2R5LXt7c2l6ZVR5cGV9fSB0b3RhbC1pdGVtcyBjb2xvci1kaW1tZWRcIlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiKHRvdGFsUm93cyA9PT0gMSA/ICdMSVNULlRPVEFMX1JFU1VMVCcgOiAnTElTVC5UT1RBTF9SRVNVTFRTJykgfCB0cmFuc2xhdGU6IHsgdG90YWxSb3dzOiB0b3RhbFJvd3MgfVwiPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidG90YWxBbW91bnQgPiAwXCI+IHt7ICdMSVNULlRPVEFMX09GJyB8IHRyYW5zbGF0ZSB9fSB7eyB0b3RhbEFtb3VudCB9fSA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgPG5nLXRlbXBsYXRlICNtYXBUZW1wbGF0ZT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRvdGFsQW1vdW50ID49IDBcIj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b3RhbFJvd3MgPj0gMFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvZHkte3tzaXplVHlwZX19IHRvdGFsLWl0ZW1zIGNvbG9yLWRpbW1lZFwiXG4gICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCIodG90YWxSb3dzID09PSAxID8gJ0xJU1QuVE9UQUxfUkVTVUxUX09VVF9PRl9SRVNVTFQnIDogJ0xJU1QuVE9UQUxfUkVTVUxUU19PVVRfT0YnKSB8IHRyYW5zbGF0ZTogeyB4Um93czogdG90YWxBbW91bnQsIHRvdGFsUm93czogdG90YWxSb3dzIH1cIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+Il19

package/esm2020/list/list-views.component.mjs

@@ -0,0 +1,85 @@
+import { Component, Injectable, Input, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@pepperi-addons/ngx-lib";
+import * as i5 from "@pepperi-addons/ngx-lib/icon";
+import * as i6 from "@pepperi-addons/ngx-lib/menu";
+export class IPepListView {
+}
+export class PepListViewsComponent {
+    constructor() {
+        this._views = null;
+        this._currentView = null;
+        this.displayType = 'menu';
+        this.styleType = 'weak';
+        this.sizeType = 'md';
+        this.classNames = '';
+        this.change = new EventEmitter();
+        this.menuItems = null;
+        this.currentItem = null;
+    }
+    set views(value) {
+        this._views = value;
+        this.menuItems = value.map((opt) => {
+            return { key: opt.key, text: opt.title, iconName: opt.iconName };
+        });
+    }
+    get views() {
+        return this._views;
+    }
+    set currentView(value) {
+        this._currentView = value;
+        if (this.displayType === 'menu') {
+            this.currentItem = this.menuItems.find((mi) => mi.key === value.key);
+        }
+    }
+    get currentView() {
+        return this._currentView;
+    }
+    ngOnInit() {
+        if (this.displayType === 'buttons') {
+            if (this.currentView === null &&
+                this.views &&
+                this.views.length > 0) {
+                this.currentView = this.views[0];
+            }
+        }
+    }
+    onMenuItemClicked(menuItemClickEvent) {
+        this.currentView = this.views.find((list) => list.key === menuItemClickEvent.source.key);
+        this.raiseChangeEvent();
+    }
+    onViewChanged(view) {
+        this.currentView = view;
+        this.raiseChangeEvent();
+    }
+    raiseChangeEvent() {
+        this.change.emit({ source: this.currentView });
+    }
+}
+PepListViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PepListViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: PepListViewsComponent, selector: "pep-list-views", inputs: { views: "views", currentView: "currentView", displayType: "displayType", styleType: "styleType", sizeType: "sizeType", classNames: "classNames" }, outputs: { change: "change" }, ngImport: i0, template: "<ng-container *ngIf=\"displayType === 'menu' then menuTemplate else buttonsTemplate\">\n</ng-container>\n<ng-template #menuTemplate>\n    <pep-menu [type]=\"'select'\" [styleType]=\"styleType\" [sizeType]=\"sizeType\" [classNames]=\"classNames\"\n        [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"currentItem?.iconName ? currentItem?.iconName : 'arrow_down'\"\n        (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</ng-template>\n<ng-template #buttonsTemplate>\n    <div class=\"buttons-wrapper pep-spacing-element-negative\">\n        <button *ngFor=\"let view of views\" mat-button [title]=\"view.title\" [disabled]=\"view.key === currentView?.key\"\n            class=\"pep-button icon-button pep-spacing-element {{ sizeType }} {{ styleType }} {{ classNames }}\"\n            pepRtlDirection pepMenuBlur (click)=\"onViewChanged(view)\">\n            <mat-icon>\n                <pep-icon name=\"{{ view?.iconName }}\"></pep-icon>\n            </mat-icon>\n        </button>\n    </div>\n</ng-template>", styles: [".buttons-wrapper{display:flex}\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: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i4.PepMenuBlurDirective, selector: "[pepMenuBlur]" }, { kind: "directive", type: i4.PepRtlDirectionDirective, selector: "[pepRtlDirection]" }, { kind: "component", type: i5.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i6.PepMenuComponent, selector: "pep-menu", inputs: ["text", "iconName", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }] });
+PepListViewsComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListViewsComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: PepListViewsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-views', template: "<ng-container *ngIf=\"displayType === 'menu' then menuTemplate else buttonsTemplate\">\n</ng-container>\n<ng-template #menuTemplate>\n    <pep-menu [type]=\"'select'\" [styleType]=\"styleType\" [sizeType]=\"sizeType\" [classNames]=\"classNames\"\n        [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"currentItem?.iconName ? currentItem?.iconName : 'arrow_down'\"\n        (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</ng-template>\n<ng-template #buttonsTemplate>\n    <div class=\"buttons-wrapper pep-spacing-element-negative\">\n        <button *ngFor=\"let view of views\" mat-button [title]=\"view.title\" [disabled]=\"view.key === currentView?.key\"\n            class=\"pep-button icon-button pep-spacing-element {{ sizeType }} {{ styleType }} {{ classNames }}\"\n            pepRtlDirection pepMenuBlur (click)=\"onViewChanged(view)\">\n            <mat-icon>\n                <pep-icon name=\"{{ view?.iconName }}\"></pep-icon>\n            </mat-icon>\n        </button>\n    </div>\n</ng-template>", styles: [".buttons-wrapper{display:flex}\n"] }]
+        }, {
+            type: Injectable
+        }], propDecorators: { views: [{
+                type: Input
+            }], currentView: [{
+                type: Input
+            }], displayType: [{
+                type: Input
+            }], styleType: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }], classNames: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12aWV3cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC12aWV3cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC12aWV3cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUVULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FFZixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLFlBQVk7Q0FJeEI7QUFZRCxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBT1ksV0FBTSxHQUF3QixJQUFJLENBQUM7UUFhbkMsaUJBQVksR0FBaUIsSUFBSSxDQUFDO1FBZWpDLGdCQUFXLEdBQTJCLE1BQU0sQ0FBQztRQUM3QyxjQUFTLEdBQWlCLE1BQU0sQ0FBQztRQUNqQyxhQUFRLEdBQWdCLElBQUksQ0FBQztRQUM3QixlQUFVLEdBQUcsRUFBRSxDQUFDO1FBR3pCLFdBQU0sR0FBdUMsSUFBSSxZQUFZLEVBQXdCLENBQUM7UUFFdEYsY0FBUyxHQUF1QixJQUFJLENBQUM7UUFDckMsZ0JBQVcsR0FBZ0IsSUFBSSxDQUFDO0tBNkJuQztJQWpFRyxJQUNJLEtBQUssQ0FBQyxLQUEwQjtRQUNoQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUVwQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUMvQixPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsQ0FBQyxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNyRSxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUdELElBQ0ksV0FBVyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBRTFCLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxNQUFNLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FDbEMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssS0FBSyxDQUFDLEdBQUcsQ0FDL0IsQ0FBQztTQUNMO0lBQ0wsQ0FBQztJQUNELElBQUksV0FBVztRQUNYLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUM3QixDQUFDO0lBYUQsUUFBUTtRQUNKLElBQUksSUFBSSxDQUFDLFdBQVcsS0FBSyxTQUFTLEVBQUU7WUFDaEMsSUFDSSxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUk7Z0JBQ3pCLElBQUksQ0FBQyxLQUFLO2dCQUNWLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFDdkI7Z0JBQ0UsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3BDO1NBQ0o7SUFDTCxDQUFDO0lBRUQsaUJBQWlCLENBQUMsa0JBQTBDO1FBQ3hELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQzlCLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQ3ZELENBQUM7UUFDRixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsYUFBYSxDQUFDLElBQWtCO1FBQzVCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxnQkFBZ0I7UUFDcEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDbkQsQ0FBQzs7a0hBbEVRLHFCQUFxQjtzR0FBckIscUJBQXFCLGlQQ2pDbEMsNmhDQWtCYztzSERlRCxxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxnQkFBZ0I7O2tCQUk3QixVQUFVOzhCQUlILEtBQUs7c0JBRFIsS0FBSztnQkFjRixXQUFXO3NCQURkLEtBQUs7Z0JBY0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFHTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBPbkluaXQsXG4gICAgSW5qZWN0YWJsZSxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIE9uQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSwgUGVwU3R5bGVUeXBlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHtcbiAgICBQZXBNZW51SXRlbSxcbiAgICBJUGVwTWVudUl0ZW1DbGlja0V2ZW50LFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9tZW51JztcblxuZXhwb3J0IHR5cGUgUGVwTGlzdFZpZXdEaXNwbGF5VHlwZSA9ICdtZW51JyB8ICdidXR0b25zJztcblxuZXhwb3J0IGNsYXNzIElQZXBMaXN0VmlldyB7XG4gICAga2V5OiBzdHJpbmc7XG4gICAgaWNvbk5hbWU6IHN0cmluZztcbiAgICB0aXRsZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJTGlzdFZpZXdDaGFuZ2VFdmVudCB7XG4gICAgc291cmNlOiBJUGVwTGlzdFZpZXc7XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWxpc3Qtdmlld3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9saXN0LXZpZXdzLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LXZpZXdzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBlcExpc3RWaWV3c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHJpdmF0ZSBfdmlld3M6IEFycmF5PElQZXBMaXN0Vmlldz4gPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZpZXdzKHZhbHVlOiBBcnJheTxJUGVwTGlzdFZpZXc+KSB7XG4gICAgICAgIHRoaXMuX3ZpZXdzID0gdmFsdWU7XG5cbiAgICAgICAgdGhpcy5tZW51SXRlbXMgPSB2YWx1ZS5tYXAoKG9wdCkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHsga2V5OiBvcHQua2V5LCB0ZXh0OiBvcHQudGl0bGUsIGljb25OYW1lOiBvcHQuaWNvbk5hbWUgfTtcbiAgICAgICAgfSk7XG4gICAgfVxuICAgIGdldCB2aWV3cygpOiBBcnJheTxJUGVwTGlzdFZpZXc+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3ZpZXdzO1xuICAgIH1cblxuICAgIHByaXZhdGUgX2N1cnJlbnRWaWV3OiBJUGVwTGlzdFZpZXcgPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGN1cnJlbnRWaWV3KHZhbHVlOiBJUGVwTGlzdFZpZXcpIHtcbiAgICAgICAgdGhpcy5fY3VycmVudFZpZXcgPSB2YWx1ZTtcblxuICAgICAgICBpZiAodGhpcy5kaXNwbGF5VHlwZSA9PT0gJ21lbnUnKSB7XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gdGhpcy5tZW51SXRlbXMuZmluZChcbiAgICAgICAgICAgICAgICAobWkpID0+IG1pLmtleSA9PT0gdmFsdWUua2V5XG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBjdXJyZW50VmlldygpOiBJUGVwTGlzdFZpZXcge1xuICAgICAgICByZXR1cm4gdGhpcy5fY3VycmVudFZpZXc7XG4gICAgfVxuXG4gICAgQElucHV0KCkgZGlzcGxheVR5cGU6IFBlcExpc3RWaWV3RGlzcGxheVR5cGUgPSAnbWVudSc7XG4gICAgQElucHV0KCkgc3R5bGVUeXBlOiBQZXBTdHlsZVR5cGUgPSAnd2Vhayc7XG4gICAgQElucHV0KCkgc2l6ZVR5cGU6IFBlcFNpemVUeXBlID0gJ21kJztcbiAgICBASW5wdXQoKSBjbGFzc05hbWVzID0gJyc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxJTGlzdFZpZXdDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElMaXN0Vmlld0NoYW5nZUV2ZW50PigpO1xuXG4gICAgbWVudUl0ZW1zOiBBcnJheTxQZXBNZW51SXRlbT4gPSBudWxsO1xuICAgIGN1cnJlbnRJdGVtOiBQZXBNZW51SXRlbSA9IG51bGw7XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuZGlzcGxheVR5cGUgPT09ICdidXR0b25zJykge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudFZpZXcgPT09IG51bGwgJiZcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdzICYmXG4gICAgICAgICAgICAgICAgdGhpcy52aWV3cy5sZW5ndGggPiAwXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICB0aGlzLmN1cnJlbnRWaWV3ID0gdGhpcy52aWV3c1swXTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWVudUl0ZW1DbGlja2VkKG1lbnVJdGVtQ2xpY2tFdmVudDogSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRWaWV3ID0gdGhpcy52aWV3cy5maW5kKFxuICAgICAgICAgICAgKGxpc3QpID0+IGxpc3Qua2V5ID09PSBtZW51SXRlbUNsaWNrRXZlbnQuc291cmNlLmtleVxuICAgICAgICApO1xuICAgICAgICB0aGlzLnJhaXNlQ2hhbmdlRXZlbnQoKTtcbiAgICB9XG5cbiAgICBvblZpZXdDaGFuZ2VkKHZpZXc6IElQZXBMaXN0Vmlldyk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRWaWV3ID0gdmlldztcbiAgICAgICAgdGhpcy5yYWlzZUNoYW5nZUV2ZW50KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSByYWlzZUNoYW5nZUV2ZW50KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoYW5nZS5lbWl0KHsgc291cmNlOiB0aGlzLmN1cnJlbnRWaWV3IH0pO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5VHlwZSA9PT0gJ21lbnUnIHRoZW4gbWVudVRlbXBsYXRlIGVsc2UgYnV0dG9uc1RlbXBsYXRlXCI+XG48L25nLWNvbnRhaW5lcj5cbjxuZy10ZW1wbGF0ZSAjbWVudVRlbXBsYXRlPlxuICAgIDxwZXAtbWVudSBbdHlwZV09XCInc2VsZWN0J1wiIFtzdHlsZVR5cGVdPVwic3R5bGVUeXBlXCIgW3NpemVUeXBlXT1cInNpemVUeXBlXCIgW2NsYXNzTmFtZXNdPVwiY2xhc3NOYW1lc1wiXG4gICAgICAgIFtpdGVtc109XCJtZW51SXRlbXNcIiBbc2VsZWN0ZWRJdGVtXT1cImN1cnJlbnRJdGVtXCJcbiAgICAgICAgW2ljb25OYW1lXT1cImN1cnJlbnRJdGVtPy5pY29uTmFtZSA/IGN1cnJlbnRJdGVtPy5pY29uTmFtZSA6ICdhcnJvd19kb3duJ1wiXG4gICAgICAgIChtZW51SXRlbUNsaWNrKT1cIm9uTWVudUl0ZW1DbGlja2VkKCRldmVudClcIj48L3BlcC1tZW51PlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjYnV0dG9uc1RlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJidXR0b25zLXdyYXBwZXIgcGVwLXNwYWNpbmctZWxlbWVudC1uZWdhdGl2ZVwiPlxuICAgICAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCB2aWV3IG9mIHZpZXdzXCIgbWF0LWJ1dHRvbiBbdGl0bGVdPVwidmlldy50aXRsZVwiIFtkaXNhYmxlZF09XCJ2aWV3LmtleSA9PT0gY3VycmVudFZpZXc/LmtleVwiXG4gICAgICAgICAgICBjbGFzcz1cInBlcC1idXR0b24gaWNvbi1idXR0b24gcGVwLXNwYWNpbmctZWxlbWVudCB7eyBzaXplVHlwZSB9fSB7eyBzdHlsZVR5cGUgfX0ge3sgY2xhc3NOYW1lcyB9fVwiXG4gICAgICAgICAgICBwZXBSdGxEaXJlY3Rpb24gcGVwTWVudUJsdXIgKGNsaWNrKT1cIm9uVmlld0NoYW5nZWQodmlldylcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5cbiAgICAgICAgICAgICAgICA8cGVwLWljb24gbmFtZT1cInt7IHZpZXc/Lmljb25OYW1lIH19XCI+PC9wZXAtaWNvbj5cbiAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9uZy10ZW1wbGF0ZT4iXX0=