@pepperi-addons/ngx-lib 0.5.0-ng15.3 → 0.5.0-ng16.1

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

@@ -0,0 +1,86 @@
+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 {
+    key;
+    iconName;
+    title;
+}
+export class PepListViewsComponent {
+    _views = 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;
+    }
+    _currentView = null;
+    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;
+    }
+    displayType = 'menu';
+    styleType = 'weak';
+    sizeType = 'md';
+    classNames = '';
+    change = new EventEmitter();
+    menuItems = null;
+    currentItem = null;
+    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 });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListViewsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: "\uFEFF<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-flat-button],    button[mat-stroked-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", "iconPosition", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListViewsComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListViewsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-views', template: "\uFEFF<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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC12aWV3cy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC12aWV3cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC12aWV3cy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUVULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FFZixNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7QUFTdkIsTUFBTSxPQUFPLFlBQVk7SUFDckIsR0FBRyxDQUFTO0lBQ1osUUFBUSxDQUFTO0lBQ2pCLEtBQUssQ0FBVTtDQUNsQjtBQVlELE1BQU0sT0FBTyxxQkFBcUI7SUFDdEIsTUFBTSxHQUF3QixJQUFJLENBQUM7SUFDM0MsSUFDSSxLQUFLLENBQUMsS0FBMEI7UUFDaEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDckUsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBQ0QsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQ3ZCLENBQUM7SUFFTyxZQUFZLEdBQWlCLElBQUksQ0FBQztJQUMxQyxJQUNJLFdBQVcsQ0FBQyxLQUFtQjtRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUUxQixJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssTUFBTSxFQUFFO1lBQzdCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQ2xDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHLENBQy9CLENBQUM7U0FDTDtJQUNMLENBQUM7SUFDRCxJQUFJLFdBQVc7UUFDWCxPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDN0IsQ0FBQztJQUVRLFdBQVcsR0FBMkIsTUFBTSxDQUFDO0lBQzdDLFNBQVMsR0FBaUIsTUFBTSxDQUFDO0lBQ2pDLFFBQVEsR0FBZ0IsSUFBSSxDQUFDO0lBQzdCLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFHekIsTUFBTSxHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUV0RixTQUFTLEdBQXVCLElBQUksQ0FBQztJQUNyQyxXQUFXLEdBQWdCLElBQUksQ0FBQztJQUVoQyxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLFNBQVMsRUFBRTtZQUNoQyxJQUNJLElBQUksQ0FBQyxXQUFXLEtBQUssSUFBSTtnQkFDekIsSUFBSSxDQUFDLEtBQUs7Z0JBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUN2QjtnQkFDRSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDcEM7U0FDSjtJQUNMLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxrQkFBMEM7UUFDeEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FDOUIsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEtBQUssa0JBQWtCLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FDdkQsQ0FBQztRQUNGLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxhQUFhLENBQUMsSUFBa0I7UUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7UUFDeEIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVPLGdCQUFnQjtRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO3dHQWxFUSxxQkFBcUI7NEZBQXJCLHFCQUFxQixpUENqQ2xDLG1pQ0FrQmM7NEdEZUQscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLGdCQUFnQjs7a0JBSTdCLFVBQVU7OEJBSUgsS0FBSztzQkFEUixLQUFLO2dCQWNGLFdBQVc7c0JBRGQsS0FBSztnQkFjRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdOLE1BQU07c0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIE9uSW5pdCxcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT25DaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBlcFNpemVUeXBlLCBQZXBTdHlsZVR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQge1xuICAgIFBlcE1lbnVJdGVtLFxuICAgIElQZXBNZW51SXRlbUNsaWNrRXZlbnQsXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL21lbnUnO1xuXG5leHBvcnQgdHlwZSBQZXBMaXN0Vmlld0Rpc3BsYXlUeXBlID0gJ21lbnUnIHwgJ2J1dHRvbnMnO1xuXG5leHBvcnQgY2xhc3MgSVBlcExpc3RWaWV3IHtcbiAgICBrZXk6IHN0cmluZztcbiAgICBpY29uTmFtZTogc3RyaW5nO1xuICAgIHRpdGxlPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElMaXN0Vmlld0NoYW5nZUV2ZW50IHtcbiAgICBzb3VyY2U6IElQZXBMaXN0Vmlldztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC12aWV3cycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3Qtdmlld3MuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3Qtdmlld3MuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdFZpZXdzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBwcml2YXRlIF92aWV3czogQXJyYXk8SVBlcExpc3RWaWV3PiA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgdmlld3ModmFsdWU6IEFycmF5PElQZXBMaXN0Vmlldz4pIHtcbiAgICAgICAgdGhpcy5fdmlld3MgPSB2YWx1ZTtcblxuICAgICAgICB0aGlzLm1lbnVJdGVtcyA9IHZhbHVlLm1hcCgob3B0KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4geyBrZXk6IG9wdC5rZXksIHRleHQ6IG9wdC50aXRsZSwgaWNvbk5hbWU6IG9wdC5pY29uTmFtZSB9O1xuICAgICAgICB9KTtcbiAgICB9XG4gICAgZ2V0IHZpZXdzKCk6IEFycmF5PElQZXBMaXN0Vmlldz4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmlld3M7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY3VycmVudFZpZXc6IElQZXBMaXN0VmlldyA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgY3VycmVudFZpZXcodmFsdWU6IElQZXBMaXN0Vmlldykge1xuICAgICAgICB0aGlzLl9jdXJyZW50VmlldyA9IHZhbHVlO1xuXG4gICAgICAgIGlmICh0aGlzLmRpc3BsYXlUeXBlID09PSAnbWVudScpIHtcbiAgICAgICAgICAgIHRoaXMuY3VycmVudEl0ZW0gPSB0aGlzLm1lbnVJdGVtcy5maW5kKFxuICAgICAgICAgICAgICAgIChtaSkgPT4gbWkua2V5ID09PSB2YWx1ZS5rZXlcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG4gICAgZ2V0IGN1cnJlbnRWaWV3KCk6IElQZXBMaXN0VmlldyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jdXJyZW50VmlldztcbiAgICB9XG5cbiAgICBASW5wdXQoKSBkaXNwbGF5VHlwZTogUGVwTGlzdFZpZXdEaXNwbGF5VHlwZSA9ICdtZW51JztcbiAgICBASW5wdXQoKSBzdHlsZVR5cGU6IFBlcFN0eWxlVHlwZSA9ICd3ZWFrJztcbiAgICBASW5wdXQoKSBzaXplVHlwZTogUGVwU2l6ZVR5cGUgPSAnbWQnO1xuICAgIEBJbnB1dCgpIGNsYXNzTmFtZXMgPSAnJztcblxuICAgIEBPdXRwdXQoKVxuICAgIGNoYW5nZTogRXZlbnRFbWl0dGVyPElMaXN0Vmlld0NoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SUxpc3RWaWV3Q2hhbmdlRXZlbnQ+KCk7XG5cbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgY3VycmVudEl0ZW06IFBlcE1lbnVJdGVtID0gbnVsbDtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5kaXNwbGF5VHlwZSA9PT0gJ2J1dHRvbnMnKSB7XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgdGhpcy5jdXJyZW50VmlldyA9PT0gbnVsbCAmJlxuICAgICAgICAgICAgICAgIHRoaXMudmlld3MgJiZcbiAgICAgICAgICAgICAgICB0aGlzLnZpZXdzLmxlbmd0aCA+IDBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudFZpZXcgPSB0aGlzLnZpZXdzWzBdO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25NZW51SXRlbUNsaWNrZWQobWVudUl0ZW1DbGlja0V2ZW50OiBJUGVwTWVudUl0ZW1DbGlja0V2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3VycmVudFZpZXcgPSB0aGlzLnZpZXdzLmZpbmQoXG4gICAgICAgICAgICAobGlzdCkgPT4gbGlzdC5rZXkgPT09IG1lbnVJdGVtQ2xpY2tFdmVudC5zb3VyY2Uua2V5XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMucmFpc2VDaGFuZ2VFdmVudCgpO1xuICAgIH1cblxuICAgIG9uVmlld0NoYW5nZWQodmlldzogSVBlcExpc3RWaWV3KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY3VycmVudFZpZXcgPSB2aWV3O1xuICAgICAgICB0aGlzLnJhaXNlQ2hhbmdlRXZlbnQoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHJhaXNlQ2hhbmdlRXZlbnQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hhbmdlLmVtaXQoeyBzb3VyY2U6IHRoaXMuY3VycmVudFZpZXcgfSk7XG4gICAgfVxufVxuIiwi77u/PG5nLWNvbnRhaW5lciAqbmdJZj1cImRpc3BsYXlUeXBlID09PSAnbWVudScgdGhlbiBtZW51VGVtcGxhdGUgZWxzZSBidXR0b25zVGVtcGxhdGVcIj5cbjwvbmctY29udGFpbmVyPlxuPG5nLXRlbXBsYXRlICNtZW51VGVtcGxhdGU+XG4gICAgPHBlcC1tZW51IFt0eXBlXT1cIidzZWxlY3QnXCIgW3N0eWxlVHlwZV09XCJzdHlsZVR5cGVcIiBbc2l6ZVR5cGVdPVwic2l6ZVR5cGVcIiBbY2xhc3NOYW1lc109XCJjbGFzc05hbWVzXCJcbiAgICAgICAgW2l0ZW1zXT1cIm1lbnVJdGVtc1wiIFtzZWxlY3RlZEl0ZW1dPVwiY3VycmVudEl0ZW1cIlxuICAgICAgICBbaWNvbk5hbWVdPVwiY3VycmVudEl0ZW0/Lmljb25OYW1lID8gY3VycmVudEl0ZW0/Lmljb25OYW1lIDogJ2Fycm93X2Rvd24nXCJcbiAgICAgICAgKG1lbnVJdGVtQ2xpY2spPVwib25NZW51SXRlbUNsaWNrZWQoJGV2ZW50KVwiPjwvcGVwLW1lbnU+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNidXR0b25zVGVtcGxhdGU+XG4gICAgPGRpdiBjbGFzcz1cImJ1dHRvbnMtd3JhcHBlciBwZXAtc3BhY2luZy1lbGVtZW50LW5lZ2F0aXZlXCI+XG4gICAgICAgIDxidXR0b24gKm5nRm9yPVwibGV0IHZpZXcgb2Ygdmlld3NcIiBtYXQtYnV0dG9uIFt0aXRsZV09XCJ2aWV3LnRpdGxlXCIgW2Rpc2FibGVkXT1cInZpZXcua2V5ID09PSBjdXJyZW50Vmlldz8ua2V5XCJcbiAgICAgICAgICAgIGNsYXNzPVwicGVwLWJ1dHRvbiBpY29uLWJ1dHRvbiBwZXAtc3BhY2luZy1lbGVtZW50IHt7IHNpemVUeXBlIH19IHt7IHN0eWxlVHlwZSB9fSB7eyBjbGFzc05hbWVzIH19XCJcbiAgICAgICAgICAgIHBlcFJ0bERpcmVjdGlvbiBwZXBNZW51Qmx1ciAoY2xpY2spPVwib25WaWV3Q2hhbmdlZCh2aWV3KVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgICAgIDxwZXAtaWNvbiBuYW1lPVwie3sgdmlldz8uaWNvbk5hbWUgfX1cIj48L3BlcC1pY29uPlxuICAgICAgICAgICAgPC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG48L25nLXRlbXBsYXRlPiJdfQ==