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

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

@@ -0,0 +1,42 @@
+import { Component, Injectable, Input, Output, EventEmitter, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/menu";
+export class PepListActionsComponent {
+    actions = null;
+    sizeType = 'md';
+    xPosition = 'before';
+    hidden = false;
+    actionClick = new EventEmitter();
+    stateChange = new EventEmitter();
+    menuClick = new EventEmitter();
+    onActionClicked(action) {
+        this.actionClick.emit(action);
+    }
+    onStateChanged(menuStateChangeEvent) {
+        this.stateChange.emit(menuStateChangeEvent);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListActionsComponent, selector: "pep-list-actions", inputs: { actions: "actions", sizeType: "sizeType", xPosition: "xPosition", hidden: "hidden" }, outputs: { actionClick: "actionClick", stateChange: "stateChange", menuClick: "menuClick" }, ngImport: i0, template: "\uFEFF<pep-menu [xPosition]=\"xPosition\" [styleType]=\"'strong'\" [sizeType]=\"sizeType\" [items]=\"!hidden ? actions : null\"\n    [hideOnEmptyItems]=\"true\" [iconName]=\"'system_edit'\" (menuItemClick)=\"onActionClicked($event)\"\n    (stateChange)=\"onStateChanged($event)\" (menuClick)=\"menuClick.emit();\">\n</pep-menu>\n", styles: [""], dependencies: [{ kind: "component", type: i1.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: PepListActionsComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-actions', template: "\uFEFF<pep-menu [xPosition]=\"xPosition\" [styleType]=\"'strong'\" [sizeType]=\"sizeType\" [items]=\"!hidden ? actions : null\"\n    [hideOnEmptyItems]=\"true\" [iconName]=\"'system_edit'\" (menuItemClick)=\"onActionClicked($event)\"\n    (stateChange)=\"onStateChanged($event)\" (menuClick)=\"menuClick.emit();\">\n</pep-menu>\n" }]
+        }, {
+            type: Injectable
+        }], propDecorators: { actions: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }], xPosition: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }], stateChange: [{
+                type: Output
+            }], menuClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvbGlzdC9saXN0LWFjdGlvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9saXN0L2xpc3QtYWN0aW9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQzs7O0FBY3ZCLE1BQU0sT0FBTyx1QkFBdUI7SUFDdkIsT0FBTyxHQUF1QixJQUFJLENBQUM7SUFDbkMsUUFBUSxHQUFnQixJQUFJLENBQUM7SUFDN0IsU0FBUyxHQUF1QixRQUFRLENBQUM7SUFDekMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUd4QixXQUFXLEdBQXlDLElBQUksWUFBWSxFQUEwQixDQUFDO0lBRS9GLFdBQVcsR0FBMkMsSUFBSSxZQUFZLEVBQTRCLENBQUM7SUFFbkcsU0FBUyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBRXpELGVBQWUsQ0FBQyxNQUFNO1FBQ2xCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFRCxjQUFjLENBQUMsb0JBQThDO1FBQ3pELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLENBQUM7SUFDaEQsQ0FBQzt3R0FuQlEsdUJBQXVCOzRGQUF2Qix1QkFBdUIscVBDcEJwQywyVUFJQTs0R0RnQmEsdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLGtCQUFrQjs7a0JBSS9CLFVBQVU7OEJBRUUsT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBR04sV0FBVztzQkFEVixNQUFNO2dCQUdQLFdBQVc7c0JBRFYsTUFBTTtnQkFHUCxTQUFTO3NCQURSLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGVwU2l6ZVR5cGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5pbXBvcnQge1xuICAgIElQZXBNZW51U3RhdGVDaGFuZ2VFdmVudCxcbiAgICBQZXBNZW51SXRlbSxcbiAgICBJUGVwTWVudUl0ZW1DbGlja0V2ZW50LFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9tZW51JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC1hY3Rpb25zJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LWFjdGlvbnMuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdEFjdGlvbnNDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGFjdGlvbnM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgQElucHV0KCkgc2l6ZVR5cGU6IFBlcFNpemVUeXBlID0gJ21kJztcbiAgICBASW5wdXQoKSB4UG9zaXRpb246ICdiZWZvcmUnIHwgJ2FmdGVyJyA9ICdiZWZvcmUnO1xuICAgIEBJbnB1dCgpIGhpZGRlbiA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgYWN0aW9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxJUGVwTWVudUl0ZW1DbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcE1lbnVJdGVtQ2xpY2tFdmVudD4oKTtcbiAgICBAT3V0cHV0KClcbiAgICBzdGF0ZUNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBNZW51U3RhdGVDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQZXBNZW51U3RhdGVDaGFuZ2VFdmVudD4oKTtcbiAgICBAT3V0cHV0KClcbiAgICBtZW51Q2xpY2s6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIG9uQWN0aW9uQ2xpY2tlZChhY3Rpb24pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5hY3Rpb25DbGljay5lbWl0KGFjdGlvbik7XG4gICAgfVxuXG4gICAgb25TdGF0ZUNoYW5nZWQobWVudVN0YXRlQ2hhbmdlRXZlbnQ6IElQZXBNZW51U3RhdGVDaGFuZ2VFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLnN0YXRlQ2hhbmdlLmVtaXQobWVudVN0YXRlQ2hhbmdlRXZlbnQpO1xuICAgIH1cbn1cbiIsIu+7vzxwZXAtbWVudSBbeFBvc2l0aW9uXT1cInhQb3NpdGlvblwiIFtzdHlsZVR5cGVdPVwiJ3N0cm9uZydcIiBbc2l6ZVR5cGVdPVwic2l6ZVR5cGVcIiBbaXRlbXNdPVwiIWhpZGRlbiA/IGFjdGlvbnMgOiBudWxsXCJcbiAgICBbaGlkZU9uRW1wdHlJdGVtc109XCJ0cnVlXCIgW2ljb25OYW1lXT1cIidzeXN0ZW1fZWRpdCdcIiAobWVudUl0ZW1DbGljayk9XCJvbkFjdGlvbkNsaWNrZWQoJGV2ZW50KVwiXG4gICAgKHN0YXRlQ2hhbmdlKT1cIm9uU3RhdGVDaGFuZ2VkKCRldmVudClcIiAobWVudUNsaWNrKT1cIm1lbnVDbGljay5lbWl0KCk7XCI+XG48L3BlcC1tZW51PlxuIl19

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

@@ -0,0 +1,110 @@
+import { Component, Injectable, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
+import { PepScreenSizeType, } from '@pepperi-addons/ngx-lib';
+import { PepCarouselComponent } from '@pepperi-addons/ngx-lib/carousel';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+import * as i2 from "@angular/common";
+import * as i3 from "@pepperi-addons/ngx-lib/button";
+import * as i4 from "@pepperi-addons/ngx-lib/carousel";
+import * as i5 from "@pepperi-addons/ngx-lib/form";
+export class PepListCarouselComponent {
+    layoutService;
+    duration = 1000;
+    layout = null;
+    itemsToMove = 3;
+    lockItemInnerEvents = true;
+    hideArrowsInSmallScreen = true;
+    _items = null;
+    set items(value) {
+        this._items = value;
+        this.moveTo(0);
+    }
+    get items() {
+        return this._items;
+    }
+    _itemSize = 'xs';
+    set itemSize(value) {
+        this._itemSize = value;
+        this.moveTo(0);
+    }
+    get itemSize() {
+        return this._itemSize;
+    }
+    itemClick = new EventEmitter();
+    carousel;
+    prevDisabled = false;
+    nextDisabled = false;
+    screenSize;
+    PepScreenSizeType = PepScreenSizeType;
+    // deviceHasMouse = false;
+    constructor(layoutService) {
+        this.layoutService = layoutService;
+        // this.deviceHasMouse = this.layoutService.getDeviceHasMouse();
+    }
+    ngAfterViewInit() {
+        this.layoutService.onResize$.subscribe((size) => {
+            this.screenSize = size;
+        });
+        // this.layoutService.onMouseOver$.subscribe((deviceHasMouse: boolean) => {
+        //     this.deviceHasMouse = deviceHasMouse;
+        // });
+    }
+    ngOnDestroy() {
+        // if (this.itemClick) {
+        //     this.itemClick.unsubscribe();
+        // }
+    }
+    itemClicked(item) {
+        this.itemClick.emit({ source: item });
+    }
+    moveLeft() {
+        // this.carousel.moveLeft();
+        const indexToMove = Math.max(this.carousel.currIndex - this.itemsToMove, 0);
+        this.moveTo(indexToMove);
+    }
+    moveRight() {
+        // this.carousel.moveRight();
+        const indexToMove = Math.min(this.carousel.currIndex + this.itemsToMove, this.items.length);
+        this.moveTo(indexToMove);
+    }
+    moveTo(index) {
+        if (this.carousel) {
+            this.carousel.moveTo(index);
+        }
+    }
+    onReachesLeftBound(event) {
+        this.prevDisabled = event;
+    }
+    onReachesRightBound(event) {
+        this.nextDisabled = event;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListCarouselComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListCarouselComponent, selector: "pep-list-carousel", inputs: { duration: "duration", layout: "layout", itemsToMove: "itemsToMove", lockItemInnerEvents: "lockItemInnerEvents", hideArrowsInSmallScreen: "hideArrowsInSmallScreen", items: "items", itemSize: "itemSize" }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true, read: PepCarouselComponent }], ngImport: i0, template: "\uFEFF<div class=\"carousel-container\">\n    <ng-container *ngIf=\"items?.length > 0; then carouselBlock; else emptyBlock\"></ng-container>\n    <ng-template #emptyBlock>\n        <!-- No items -->\n    </ng-template>\n    <ng-template #carouselBlock>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_left_alt'\" [styleType]=\"'regular'\" [disabled]=\"prevDisabled\" (click)=\"moveLeft()\"\n            class=\"carousel-arrow start-arrow\">\n        </pep-button>\n        <pep-carousel #carousel [xWheelEnabled]=\"false\" [snapDuration]=\"duration\"\n            (reachesLeftBound)=\"onReachesLeftBound($event)\" (reachesRightBound)=\"onReachesRightBound($event)\">\n            <ng-container *ngFor=\"let item of items\">\n                <pep-form pepCarouselItem [layout]=\"layout\" [data]=\"item\" [layoutType]=\"'card'\"\n                    (click)=\"itemClicked(item)\" class=\"card-view \" [lockEvents]=\"lockItemInnerEvents\"\n                    [ngClass]=\"{ 'x-small-card': itemSize === 'xs', 'small-card': itemSize === 'sm'}\">\n                </pep-form>\n            </ng-container>\n        </pep-carousel>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_right_alt'\" [styleType]=\"'regular'\" [disabled]=\"nextDisabled\" (click)=\"moveRight()\"\n            class=\"carousel-arrow end-arrow\">\n        </pep-button>\n    </ng-template>\n</div>", styles: [".carousel-container{position:relative;margin:0 calc(var(--pep-spacing-sm, .5rem) * -1);display:grid}.carousel-container .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.carousel-container .carousel-arrow.start-arrow{left:0}.carousel-container .carousel-arrow.end-arrow{right:0}.carousel-container ::ng-deep .carousel-content .card-view{padding:var(--pep-spacing-sm, .5rem) 0!important}.carousel-container ::ng-deep .carousel-content .card-view:first-child{padding-inline-start:var(--pep-spacing-sm, .5rem)!important}.carousel-container ::ng-deep .carousel-content .card-view:last-child{padding-inline-end:var(--pep-spacing-sm, .5rem)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "component", type: i4.PepCarouselComponent, selector: "pep-carousel", inputs: ["scrollbarHidden", "disabled", "xDisabled", "yDisabled", "xWheelEnabled", "dragDisabled", "snapDisabled", "snapOffset", "snapDuration"], outputs: ["dsInitialized", "indexChanged", "reachesLeftBound", "reachesRightBound", "snapAnimationFinished", "dragStart", "dragEnd"] }, { kind: "directive", type: i4.PepCarouselItemDirective, selector: "[pepCarouselItem]", inputs: ["dragDisabled"] }, { kind: "component", type: i5.PepFormComponent, selector: "pep-form", inputs: ["isInternal", "isReport", "layout", "lockEvents", "canEditObject", "data", "lockFields", "isActive", "layoutType", "objectId", "parentId", "searchCode", "showTitle", "firstFieldAsLink", "checkForChanges"], outputs: ["valueChange", "formValidationChange", "fieldClick", "internalFormFieldClick", "internalFormFieldChange"] }] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListCarouselComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListCarouselComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-carousel', template: "\uFEFF<div class=\"carousel-container\">\n    <ng-container *ngIf=\"items?.length > 0; then carouselBlock; else emptyBlock\"></ng-container>\n    <ng-template #emptyBlock>\n        <!-- No items -->\n    </ng-template>\n    <ng-template #carouselBlock>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_left_alt'\" [styleType]=\"'regular'\" [disabled]=\"prevDisabled\" (click)=\"moveLeft()\"\n            class=\"carousel-arrow start-arrow\">\n        </pep-button>\n        <pep-carousel #carousel [xWheelEnabled]=\"false\" [snapDuration]=\"duration\"\n            (reachesLeftBound)=\"onReachesLeftBound($event)\" (reachesRightBound)=\"onReachesRightBound($event)\">\n            <ng-container *ngFor=\"let item of items\">\n                <pep-form pepCarouselItem [layout]=\"layout\" [data]=\"item\" [layoutType]=\"'card'\"\n                    (click)=\"itemClicked(item)\" class=\"card-view \" [lockEvents]=\"lockItemInnerEvents\"\n                    [ngClass]=\"{ 'x-small-card': itemSize === 'xs', 'small-card': itemSize === 'sm'}\">\n                </pep-form>\n            </ng-container>\n        </pep-carousel>\n        <pep-button *ngIf=\"!(hideArrowsInSmallScreen && screenSize > PepScreenSizeType.SM)\"\n            [iconName]=\"'arrow_right_alt'\" [styleType]=\"'regular'\" [disabled]=\"nextDisabled\" (click)=\"moveRight()\"\n            class=\"carousel-arrow end-arrow\">\n        </pep-button>\n    </ng-template>\n</div>", styles: [".carousel-container{position:relative;margin:0 calc(var(--pep-spacing-sm, .5rem) * -1);display:grid}.carousel-container .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1}.carousel-container .carousel-arrow.start-arrow{left:0}.carousel-container .carousel-arrow.end-arrow{right:0}.carousel-container ::ng-deep .carousel-content .card-view{padding:var(--pep-spacing-sm, .5rem) 0!important}.carousel-container ::ng-deep .carousel-content .card-view:first-child{padding-inline-start:var(--pep-spacing-sm, .5rem)!important}.carousel-container ::ng-deep .carousel-content .card-view:last-child{padding-inline-end:var(--pep-spacing-sm, .5rem)!important}\n"] }]
+        }, {
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { duration: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], itemsToMove: [{
+                type: Input
+            }], lockItemInnerEvents: [{
+                type: Input
+            }], hideArrowsInSmallScreen: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], itemSize: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], carousel: [{
+                type: ViewChild,
+                args: ['carousel', { read: PepCarouselComponent }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1jYXJvdXNlbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC1jYXJvdXNlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC1jYXJvdXNlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksRUFDWixTQUFTLEdBTVosTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUlILGlCQUFpQixHQUNwQixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7O0FBY3hFLE1BQU0sT0FBTyx3QkFBd0I7SUF1Q2Q7SUF0Q1YsUUFBUSxHQUFHLElBQUksQ0FBQztJQUNoQixNQUFNLEdBQWMsSUFBSSxDQUFDO0lBQ3pCLFdBQVcsR0FBRyxDQUFDLENBQUM7SUFDaEIsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO0lBQzNCLHVCQUF1QixHQUFHLElBQUksQ0FBQztJQUVoQyxNQUFNLEdBQTBCLElBQUksQ0FBQztJQUM3QyxJQUNJLEtBQUssQ0FBQyxLQUE0QjtRQUNsQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25CLENBQUM7SUFDRCxJQUFJLEtBQUs7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVPLFNBQVMsR0FBNEIsSUFBSSxDQUFDO0lBQ2xELElBQ0ksUUFBUSxDQUFDLEtBQThCO1FBQ3ZDLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbkIsQ0FBQztJQUNELElBQUksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUMxQixDQUFDO0lBR0QsU0FBUyxHQUFpRCxJQUFJLFlBQVksRUFBa0MsQ0FBQztJQUc3RyxRQUFRLENBQXVCO0lBRS9CLFlBQVksR0FBRyxLQUFLLENBQUM7SUFDckIsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUNyQixVQUFVLENBQW9CO0lBQzlCLGlCQUFpQixHQUFHLGlCQUFpQixDQUFDO0lBQ3RDLDBCQUEwQjtJQUUxQixZQUFtQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDOUMsZ0VBQWdFO0lBQ3BFLENBQUM7SUFFRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBdUIsRUFBRSxFQUFFO1lBQy9ELElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQzNCLENBQUMsQ0FBQyxDQUFDO1FBRUgsMkVBQTJFO1FBQzNFLDRDQUE0QztRQUM1QyxNQUFNO0lBQ1YsQ0FBQztJQUVELFdBQVc7UUFDUCx3QkFBd0I7UUFDeEIsb0NBQW9DO1FBQ3BDLElBQUk7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQW9CO1FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELFFBQVE7UUFDSiw0QkFBNEI7UUFDNUIsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FDeEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFDMUMsQ0FBQyxDQUNKLENBQUM7UUFDRixJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxTQUFTO1FBQ0wsNkJBQTZCO1FBQzdCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxHQUFHLENBQ3hCLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQzFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUNwQixDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQWE7UUFDaEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDL0I7SUFDTCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBYztRQUM3QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsbUJBQW1CLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM5QixDQUFDO3dHQTdGUSx3QkFBd0I7NEZBQXhCLHdCQUF3QixxWUE4QkYsb0JBQW9CLDZCQy9EdkQscS9DQXdCTTs0R0RTTyx3QkFBd0I7OzRGQUF4Qix3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksbUJBQW1COztrQkFJaEMsVUFBVTt1R0FFRSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBSUYsS0FBSztzQkFEUixLQUFLO2dCQVdGLFFBQVE7c0JBRFgsS0FBSztnQkFVTixTQUFTO3NCQURSLE1BQU07Z0JBSVAsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLFVBQVUsRUFBRSxFQUFFLElBQUksRUFBRSxvQkFBb0IsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEluamVjdGFibGUsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBWaWV3Q2hpbGQsXG4gICAgRWxlbWVudFJlZixcbiAgICBSZW5kZXJlcjIsXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgT25EZXN0cm95LFxuICAgIEFmdGVyVmlld0luaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBPYmplY3RzRGF0YVJvdyxcbiAgICBVSUNvbnRyb2wsXG4gICAgUGVwTGF5b3V0U2VydmljZSxcbiAgICBQZXBTY3JlZW5TaXplVHlwZSxcbn0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwQ2Fyb3VzZWxDb21wb25lbnQgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9jYXJvdXNlbCc7XG5cbmV4cG9ydCB0eXBlIFBlcExpc3RDYXJvdXNlbFNpemVUeXBlID0gJ3hzJyB8ICdzbScgfCAnbWQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElQZXBMaXN0Q2Fyb3VzZWxJdGVtQ2xpY2tFdmVudCB7XG4gICAgc291cmNlOiBPYmplY3RzRGF0YVJvdztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC1jYXJvdXNlbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtY2Fyb3VzZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3QtY2Fyb3VzZWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdENhcm91c2VsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBkdXJhdGlvbiA9IDEwMDA7XG4gICAgQElucHV0KCkgbGF5b3V0OiBVSUNvbnRyb2wgPSBudWxsO1xuICAgIEBJbnB1dCgpIGl0ZW1zVG9Nb3ZlID0gMztcbiAgICBASW5wdXQoKSBsb2NrSXRlbUlubmVyRXZlbnRzID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBoaWRlQXJyb3dzSW5TbWFsbFNjcmVlbiA9IHRydWU7XG5cbiAgICBwcml2YXRlIF9pdGVtczogQXJyYXk8T2JqZWN0c0RhdGFSb3c+ID0gbnVsbDtcbiAgICBASW5wdXQoKVxuICAgIHNldCBpdGVtcyh2YWx1ZTogQXJyYXk8T2JqZWN0c0RhdGFSb3c+KSB7XG4gICAgICAgIHRoaXMuX2l0ZW1zID0gdmFsdWU7XG4gICAgICAgIHRoaXMubW92ZVRvKDApO1xuICAgIH1cbiAgICBnZXQgaXRlbXMoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pdGVtcztcbiAgICB9XG5cbiAgICBwcml2YXRlIF9pdGVtU2l6ZTogUGVwTGlzdENhcm91c2VsU2l6ZVR5cGUgPSAneHMnO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGl0ZW1TaXplKHZhbHVlOiBQZXBMaXN0Q2Fyb3VzZWxTaXplVHlwZSkge1xuICAgICAgICB0aGlzLl9pdGVtU2l6ZSA9IHZhbHVlO1xuICAgICAgICB0aGlzLm1vdmVUbygwKTtcbiAgICB9XG4gICAgZ2V0IGl0ZW1TaXplKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faXRlbVNpemU7XG4gICAgfVxuXG4gICAgQE91dHB1dCgpXG4gICAgaXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8SVBlcExpc3RDYXJvdXNlbEl0ZW1DbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcExpc3RDYXJvdXNlbEl0ZW1DbGlja0V2ZW50PigpO1xuXG4gICAgQFZpZXdDaGlsZCgnY2Fyb3VzZWwnLCB7IHJlYWQ6IFBlcENhcm91c2VsQ29tcG9uZW50IH0pXG4gICAgY2Fyb3VzZWw6IFBlcENhcm91c2VsQ29tcG9uZW50O1xuXG4gICAgcHJldkRpc2FibGVkID0gZmFsc2U7XG4gICAgbmV4dERpc2FibGVkID0gZmFsc2U7XG4gICAgc2NyZWVuU2l6ZTogUGVwU2NyZWVuU2l6ZVR5cGU7XG4gICAgUGVwU2NyZWVuU2l6ZVR5cGUgPSBQZXBTY3JlZW5TaXplVHlwZTtcbiAgICAvLyBkZXZpY2VIYXNNb3VzZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGxheW91dFNlcnZpY2U6IFBlcExheW91dFNlcnZpY2UpIHtcbiAgICAgICAgLy8gdGhpcy5kZXZpY2VIYXNNb3VzZSA9IHRoaXMubGF5b3V0U2VydmljZS5nZXREZXZpY2VIYXNNb3VzZSgpO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sYXlvdXRTZXJ2aWNlLm9uUmVzaXplJC5zdWJzY3JpYmUoKHNpemU6IFBlcFNjcmVlblNpemVUeXBlKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnNjcmVlblNpemUgPSBzaXplO1xuICAgICAgICB9KTtcblxuICAgICAgICAvLyB0aGlzLmxheW91dFNlcnZpY2Uub25Nb3VzZU92ZXIkLnN1YnNjcmliZSgoZGV2aWNlSGFzTW91c2U6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgLy8gICAgIHRoaXMuZGV2aWNlSGFzTW91c2UgPSBkZXZpY2VIYXNNb3VzZTtcbiAgICAgICAgLy8gfSk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIC8vIGlmICh0aGlzLml0ZW1DbGljaykge1xuICAgICAgICAvLyAgICAgdGhpcy5pdGVtQ2xpY2sudW5zdWJzY3JpYmUoKTtcbiAgICAgICAgLy8gfVxuICAgIH1cblxuICAgIGl0ZW1DbGlja2VkKGl0ZW06IE9iamVjdHNEYXRhUm93KTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQoeyBzb3VyY2U6IGl0ZW0gfSk7XG4gICAgfVxuXG4gICAgbW92ZUxlZnQoKSB7XG4gICAgICAgIC8vIHRoaXMuY2Fyb3VzZWwubW92ZUxlZnQoKTtcbiAgICAgICAgY29uc3QgaW5kZXhUb01vdmUgPSBNYXRoLm1heChcbiAgICAgICAgICAgIHRoaXMuY2Fyb3VzZWwuY3VyckluZGV4IC0gdGhpcy5pdGVtc1RvTW92ZSxcbiAgICAgICAgICAgIDBcbiAgICAgICAgKTtcbiAgICAgICAgdGhpcy5tb3ZlVG8oaW5kZXhUb01vdmUpO1xuICAgIH1cblxuICAgIG1vdmVSaWdodCgpIHtcbiAgICAgICAgLy8gdGhpcy5jYXJvdXNlbC5tb3ZlUmlnaHQoKTtcbiAgICAgICAgY29uc3QgaW5kZXhUb01vdmUgPSBNYXRoLm1pbihcbiAgICAgICAgICAgIHRoaXMuY2Fyb3VzZWwuY3VyckluZGV4ICsgdGhpcy5pdGVtc1RvTW92ZSxcbiAgICAgICAgICAgIHRoaXMuaXRlbXMubGVuZ3RoXG4gICAgICAgICk7XG4gICAgICAgIHRoaXMubW92ZVRvKGluZGV4VG9Nb3ZlKTtcbiAgICB9XG5cbiAgICBtb3ZlVG8oaW5kZXg6IG51bWJlcikge1xuICAgICAgICBpZiAodGhpcy5jYXJvdXNlbCkge1xuICAgICAgICAgICAgdGhpcy5jYXJvdXNlbC5tb3ZlVG8oaW5kZXgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25SZWFjaGVzTGVmdEJvdW5kKGV2ZW50OiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMucHJldkRpc2FibGVkID0gZXZlbnQ7XG4gICAgfVxuXG4gICAgb25SZWFjaGVzUmlnaHRCb3VuZChldmVudDogYm9vbGVhbikge1xuICAgICAgICB0aGlzLm5leHREaXNhYmxlZCA9IGV2ZW50O1xuICAgIH1cbn1cbiIsIu+7vzxkaXYgY2xhc3M9XCJjYXJvdXNlbC1jb250YWluZXJcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbXM/Lmxlbmd0aCA+IDA7IHRoZW4gY2Fyb3VzZWxCbG9jazsgZWxzZSBlbXB0eUJsb2NrXCI+PC9uZy1jb250YWluZXI+XG4gICAgPG5nLXRlbXBsYXRlICNlbXB0eUJsb2NrPlxuICAgICAgICA8IS0tIE5vIGl0ZW1zIC0tPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlICNjYXJvdXNlbEJsb2NrPlxuICAgICAgICA8cGVwLWJ1dHRvbiAqbmdJZj1cIiEoaGlkZUFycm93c0luU21hbGxTY3JlZW4gJiYgc2NyZWVuU2l6ZSA+IFBlcFNjcmVlblNpemVUeXBlLlNNKVwiXG4gICAgICAgICAgICBbaWNvbk5hbWVdPVwiJ2Fycm93X2xlZnRfYWx0J1wiIFtzdHlsZVR5cGVdPVwiJ3JlZ3VsYXInXCIgW2Rpc2FibGVkXT1cInByZXZEaXNhYmxlZFwiIChjbGljayk9XCJtb3ZlTGVmdCgpXCJcbiAgICAgICAgICAgIGNsYXNzPVwiY2Fyb3VzZWwtYXJyb3cgc3RhcnQtYXJyb3dcIj5cbiAgICAgICAgPC9wZXAtYnV0dG9uPlxuICAgICAgICA8cGVwLWNhcm91c2VsICNjYXJvdXNlbCBbeFdoZWVsRW5hYmxlZF09XCJmYWxzZVwiIFtzbmFwRHVyYXRpb25dPVwiZHVyYXRpb25cIlxuICAgICAgICAgICAgKHJlYWNoZXNMZWZ0Qm91bmQpPVwib25SZWFjaGVzTGVmdEJvdW5kKCRldmVudClcIiAocmVhY2hlc1JpZ2h0Qm91bmQpPVwib25SZWFjaGVzUmlnaHRCb3VuZCgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgICAgICAgICAgICAgPHBlcC1mb3JtIHBlcENhcm91c2VsSXRlbSBbbGF5b3V0XT1cImxheW91dFwiIFtkYXRhXT1cIml0ZW1cIiBbbGF5b3V0VHlwZV09XCInY2FyZCdcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiaXRlbUNsaWNrZWQoaXRlbSlcIiBjbGFzcz1cImNhcmQtdmlldyBcIiBbbG9ja0V2ZW50c109XCJsb2NrSXRlbUlubmVyRXZlbnRzXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAneC1zbWFsbC1jYXJkJzogaXRlbVNpemUgPT09ICd4cycsICdzbWFsbC1jYXJkJzogaXRlbVNpemUgPT09ICdzbSd9XCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtZm9ybT5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L3BlcC1jYXJvdXNlbD5cbiAgICAgICAgPHBlcC1idXR0b24gKm5nSWY9XCIhKGhpZGVBcnJvd3NJblNtYWxsU2NyZWVuICYmIHNjcmVlblNpemUgPiBQZXBTY3JlZW5TaXplVHlwZS5TTSlcIlxuICAgICAgICAgICAgW2ljb25OYW1lXT1cIidhcnJvd19yaWdodF9hbHQnXCIgW3N0eWxlVHlwZV09XCIncmVndWxhcidcIiBbZGlzYWJsZWRdPVwibmV4dERpc2FibGVkXCIgKGNsaWNrKT1cIm1vdmVSaWdodCgpXCJcbiAgICAgICAgICAgIGNsYXNzPVwiY2Fyb3VzZWwtYXJyb3cgZW5kLWFycm93XCI+XG4gICAgICAgIDwvcGVwLWJ1dHRvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuPC9kaXY+Il19

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

@@ -0,0 +1,64 @@
+import { Component, Injectable, Input, Output, EventEmitter, } from '@angular/core';
+import { PepBreadCrumbItem } from '@pepperi-addons/ngx-lib/bread-crumbs';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@pepperi-addons/ngx-lib/bread-crumbs";
+import * as i3 from "@pepperi-addons/ngx-lib/menu";
+export class IPepListChooserOption {
+    key;
+    text;
+}
+export class PepListChooserComponent {
+    _options = null;
+    set options(value) {
+        this._options = value;
+        this.menuItems = value.map((opt) => {
+            return { key: opt.key, text: opt.text };
+        });
+        if (this.menuItems?.length === 1) {
+            this.breadCrumbsItems = [];
+            this.breadCrumbsItems.push(new PepBreadCrumbItem({
+                key: this.menuItems[0].key,
+                text: this.menuItems[0].text,
+            }));
+        }
+    }
+    get options() {
+        return this._options;
+    }
+    _currentList = null;
+    set currentList(value) {
+        this._currentList = value;
+        this.currentItem = this.menuItems.find((mi) => mi.key === value.key);
+    }
+    get currentList() {
+        return this._currentList;
+    }
+    sizeType = 'md';
+    change = new EventEmitter();
+    breadCrumbsItems = null;
+    menuItems = null;
+    currentItem = null;
+    onMenuItemClicked(menuItemClickEvent) {
+        this.currentList = this.options.find((list) => list.key === menuItemClickEvent.source.key);
+        this.change.emit({ source: this.currentList });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListChooserComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListChooserComponent, selector: "pep-list-chooser", inputs: { options: "options", currentList: "currentList", sizeType: "sizeType" }, outputs: { change: "change" }, ngImport: i0, template: "\uFEFF<ng-container *ngIf=\"menuItems?.length > 1\">\n    <pep-menu [type]=\"'select'\" [sizeType]=\"sizeType\" [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"'arrow_down'\" (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</ng-container>\n<ng-container *ngIf=\"menuItems?.length == 1\">\n    <pep-bread-crumbs [items]=\"breadCrumbsItems\" [addSpacing]=\"true\"></pep-bread-crumbs>\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.PepBreadCrumbsComponent, selector: "pep-bread-crumbs", inputs: ["items", "displayType", "addSpacing"], outputs: ["itemClick"] }, { kind: "component", type: i3.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: PepListChooserComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListChooserComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-chooser', template: "\uFEFF<ng-container *ngIf=\"menuItems?.length > 1\">\n    <pep-menu [type]=\"'select'\" [sizeType]=\"sizeType\" [items]=\"menuItems\" [selectedItem]=\"currentItem\"\n        [iconName]=\"'arrow_down'\" (menuItemClick)=\"onMenuItemClicked($event)\"></pep-menu>\n</ng-container>\n<ng-container *ngIf=\"menuItems?.length == 1\">\n    <pep-bread-crumbs [items]=\"breadCrumbsItems\" [addSpacing]=\"true\"></pep-bread-crumbs>\n</ng-container>" }]
+        }, {
+            type: Injectable
+        }], propDecorators: { options: [{
+                type: Input
+            }], currentList: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1jaG9vc2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvbGlzdC9saXN0LWNob29zZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9saXN0L2xpc3QtY2hvb3Nlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQU12QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7QUFFekUsTUFBTSxPQUFPLHFCQUFxQjtJQUM5QixHQUFHLENBQVM7SUFDWixJQUFJLENBQVM7Q0FDaEI7QUFZRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ3hCLFFBQVEsR0FBaUMsSUFBSSxDQUFDO0lBQ3RELElBQ0ksT0FBTyxDQUFDLEtBQW1DO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRXRCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQy9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzVDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUN0QixJQUFJLGlCQUFpQixDQUFDO2dCQUNsQixHQUFHLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHO2dCQUMxQixJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJO2FBQy9CLENBQUMsQ0FDTCxDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxZQUFZLEdBQTBCLElBQUksQ0FBQztJQUNuRCxJQUNJLFdBQVcsQ0FBQyxLQUE0QjtRQUN4QyxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN6RSxDQUFDO0lBQ0QsSUFBSSxXQUFXO1FBQ1gsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDO0lBQzdCLENBQUM7SUFFUSxRQUFRLEdBQWdCLElBQUksQ0FBQztJQUd0QyxNQUFNLEdBQW1ELElBQUksWUFBWSxFQUFvQyxDQUFDO0lBRTlHLGdCQUFnQixHQUE2QixJQUFJLENBQUM7SUFDbEQsU0FBUyxHQUF1QixJQUFJLENBQUM7SUFDckMsV0FBVyxHQUFnQixJQUFJLENBQUM7SUFFaEMsaUJBQWlCLENBQUMsa0JBQTBDO1FBQ3hELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQ2hDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsR0FBRyxLQUFLLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQ3ZELENBQUM7UUFDRixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQztJQUNuRCxDQUFDO3dHQWhEUSx1QkFBdUI7NEZBQXZCLHVCQUF1Qix5S0M3QnBDLHNiQU1lOzRHRHVCRix1QkFBdUI7OzRGQUF2Qix1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0ksa0JBQWtCOztrQkFJL0IsVUFBVTs4QkFJSCxPQUFPO3NCQURWLEtBQUs7Z0JBd0JGLFdBQVc7c0JBRGQsS0FBSztnQkFTRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdOLE1BQU07c0JBREwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEluamVjdGFibGUsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7XG4gICAgUGVwTWVudUl0ZW0sXG4gICAgSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCxcbn0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvbWVudSc7XG5pbXBvcnQgeyBQZXBCcmVhZENydW1iSXRlbSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliL2JyZWFkLWNydW1icyc7XG5cbmV4cG9ydCBjbGFzcyBJUGVwTGlzdENob29zZXJPcHRpb24ge1xuICAgIGtleTogc3RyaW5nO1xuICAgIHRleHQ6IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJUGVwTGlzdENob29zZXJPcHRpb25DaGFuZ2VFdmVudCB7XG4gICAgc291cmNlOiBJUGVwTGlzdENob29zZXJPcHRpb247XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWxpc3QtY2hvb3NlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtY2hvb3Nlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGlzdC1jaG9vc2VyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBlcExpc3RDaG9vc2VyQ29tcG9uZW50IHtcbiAgICBwcml2YXRlIF9vcHRpb25zOiBBcnJheTxJUGVwTGlzdENob29zZXJPcHRpb24+ID0gbnVsbDtcbiAgICBASW5wdXQoKVxuICAgIHNldCBvcHRpb25zKHZhbHVlOiBBcnJheTxJUGVwTGlzdENob29zZXJPcHRpb24+KSB7XG4gICAgICAgIHRoaXMuX29wdGlvbnMgPSB2YWx1ZTtcblxuICAgICAgICB0aGlzLm1lbnVJdGVtcyA9IHZhbHVlLm1hcCgob3B0KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4geyBrZXk6IG9wdC5rZXksIHRleHQ6IG9wdC50ZXh0IH07XG4gICAgICAgIH0pO1xuXG4gICAgICAgIGlmICh0aGlzLm1lbnVJdGVtcz8ubGVuZ3RoID09PSAxKSB7XG4gICAgICAgICAgICB0aGlzLmJyZWFkQ3J1bWJzSXRlbXMgPSBbXTtcbiAgICAgICAgICAgIHRoaXMuYnJlYWRDcnVtYnNJdGVtcy5wdXNoKFxuICAgICAgICAgICAgICAgIG5ldyBQZXBCcmVhZENydW1iSXRlbSh7XG4gICAgICAgICAgICAgICAgICAgIGtleTogdGhpcy5tZW51SXRlbXNbMF0ua2V5LFxuICAgICAgICAgICAgICAgICAgICB0ZXh0OiB0aGlzLm1lbnVJdGVtc1swXS50ZXh0LFxuICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuICAgIGdldCBvcHRpb25zKCk6IEFycmF5PElQZXBMaXN0Q2hvb3Nlck9wdGlvbj4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fb3B0aW9ucztcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jdXJyZW50TGlzdDogSVBlcExpc3RDaG9vc2VyT3B0aW9uID0gbnVsbDtcbiAgICBASW5wdXQoKVxuICAgIHNldCBjdXJyZW50TGlzdCh2YWx1ZTogSVBlcExpc3RDaG9vc2VyT3B0aW9uKSB7XG4gICAgICAgIHRoaXMuX2N1cnJlbnRMaXN0ID0gdmFsdWU7XG4gICAgICAgIHRoaXMuY3VycmVudEl0ZW0gPSB0aGlzLm1lbnVJdGVtcy5maW5kKChtaSkgPT4gbWkua2V5ID09PSB2YWx1ZS5rZXkpO1xuICAgIH1cbiAgICBnZXQgY3VycmVudExpc3QoKTogSVBlcExpc3RDaG9vc2VyT3B0aW9uIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2N1cnJlbnRMaXN0O1xuICAgIH1cblxuICAgIEBJbnB1dCgpIHNpemVUeXBlOiBQZXBTaXplVHlwZSA9ICdtZCc7XG5cbiAgICBAT3V0cHV0KClcbiAgICBjaGFuZ2U6IEV2ZW50RW1pdHRlcjxJUGVwTGlzdENob29zZXJPcHRpb25DaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQZXBMaXN0Q2hvb3Nlck9wdGlvbkNoYW5nZUV2ZW50PigpO1xuXG4gICAgYnJlYWRDcnVtYnNJdGVtczogQXJyYXk8UGVwQnJlYWRDcnVtYkl0ZW0+ID0gbnVsbDtcbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgY3VycmVudEl0ZW06IFBlcE1lbnVJdGVtID0gbnVsbDtcblxuICAgIG9uTWVudUl0ZW1DbGlja2VkKG1lbnVJdGVtQ2xpY2tFdmVudDogSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRMaXN0ID0gdGhpcy5vcHRpb25zLmZpbmQoXG4gICAgICAgICAgICAobGlzdCkgPT4gbGlzdC5rZXkgPT09IG1lbnVJdGVtQ2xpY2tFdmVudC5zb3VyY2Uua2V5XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuY2hhbmdlLmVtaXQoeyBzb3VyY2U6IHRoaXMuY3VycmVudExpc3QgfSk7XG4gICAgfVxufVxuIiwi77u/PG5nLWNvbnRhaW5lciAqbmdJZj1cIm1lbnVJdGVtcz8ubGVuZ3RoID4gMVwiPlxuICAgIDxwZXAtbWVudSBbdHlwZV09XCInc2VsZWN0J1wiIFtzaXplVHlwZV09XCJzaXplVHlwZVwiIFtpdGVtc109XCJtZW51SXRlbXNcIiBbc2VsZWN0ZWRJdGVtXT1cImN1cnJlbnRJdGVtXCJcbiAgICAgICAgW2ljb25OYW1lXT1cIidhcnJvd19kb3duJ1wiIChtZW51SXRlbUNsaWNrKT1cIm9uTWVudUl0ZW1DbGlja2VkKCRldmVudClcIj48L3BlcC1tZW51PlxuPC9uZy1jb250YWluZXI+XG48bmctY29udGFpbmVyICpuZ0lmPVwibWVudUl0ZW1zPy5sZW5ndGggPT0gMVwiPlxuICAgIDxwZXAtYnJlYWQtY3J1bWJzIFtpdGVtc109XCJicmVhZENydW1ic0l0ZW1zXCIgW2FkZFNwYWNpbmddPVwidHJ1ZVwiPjwvcGVwLWJyZWFkLWNydW1icz5cbjwvbmctY29udGFpbmVyPiJdfQ==

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

@@ -0,0 +1,126 @@
+import { coerceNumberProperty } from '@angular/cdk/coercion';
+import { Component, EventEmitter, Injectable, Input, Output, } from '@angular/core';
+import { DEFAULT_PAGE_SIZE } from './list.model';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@pepperi-addons/ngx-lib/icon";
+import * as i6 from "@pepperi-addons/ngx-lib/textbox";
+import * as i7 from "@ngx-translate/core";
+export class IPepListPagerChangeEvent {
+    pageIndex;
+    previousPageIndex;
+    pageSize;
+    length;
+}
+export class PepListPagerComponent {
+    _changeDetectorRef;
+    layoutService;
+    disabled = false;
+    _pageIndex = 0;
+    set pageIndex(value) {
+        this.setPageIndex(value);
+    }
+    get pageIndex() {
+        return this._pageIndex;
+    }
+    length = 0;
+    pageSize = DEFAULT_PAGE_SIZE;
+    pagerChange = new EventEmitter();
+    constructor(_changeDetectorRef, layoutService) {
+        this._changeDetectorRef = _changeDetectorRef;
+        this.layoutService = layoutService;
+    }
+    nextPage() {
+        if (!this.hasNextPage()) {
+            return;
+        }
+        this.setPageIndex(this.pageIndex + 1);
+    }
+    previousPage() {
+        if (!this.hasPreviousPage()) {
+            return;
+        }
+        this.setPageIndex(this.pageIndex - 1);
+    }
+    firstPage() {
+        if (!this.hasPreviousPage()) {
+            return;
+        }
+        this.setPageIndex(0);
+    }
+    lastPage() {
+        if (!this.hasNextPage()) {
+            return;
+        }
+        this.setPageIndex(this.getNumberOfPages() - 1);
+    }
+    hasPreviousPage() {
+        return this.pageIndex >= 1 && this.pageSize != 0;
+    }
+    hasNextPage() {
+        const maxPageIndex = this.getNumberOfPages() - 1;
+        return this.pageIndex < maxPageIndex && this.pageSize != 0;
+    }
+    getNumberOfPages() {
+        if (!this.pageSize) {
+            return 0;
+        }
+        return Math.ceil(this.length / this.pageSize);
+    }
+    /** Checks whether the buttons for going forwards should be disabled. */
+    _nextButtonsDisabled() {
+        return this.disabled || !this.hasNextPage();
+    }
+    /** Checks whether the buttons for going backwards should be disabled. */
+    _previousButtonsDisabled() {
+        return this.disabled || !this.hasPreviousPage();
+    }
+    onValueChange(value) {
+        const pageNumber = coerceNumberProperty(value);
+        this.setPageIndex(pageNumber - 1); // - 1 to convert number into index.
+    }
+    setPageIndex(newIndex) {
+        const previousPageIndex = this.pageIndex;
+        if (newIndex >= 0 && newIndex < this.getNumberOfPages()) {
+            this._pageIndex = newIndex;
+        }
+        else {
+            this._pageIndex = 0;
+        }
+        if (this.pageIndex !== previousPageIndex) {
+            this._emitChangeEvent(previousPageIndex);
+        }
+    }
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    _emitChangeEvent(previousPageIndex) {
+        this.pagerChange.emit({
+            previousPageIndex,
+            pageIndex: this.pageIndex,
+            pageSize: this.pageSize,
+            length: this.length,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListPagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListPagerComponent, selector: "pep-list-pager", inputs: { disabled: "disabled", pageIndex: "pageIndex", length: "length", pageSize: "pageSize" }, outputs: { pagerChange: "pagerChange" }, ngImport: i0, template: "\uFEFF<div class=\"pager-container body-sm\">\n    <span class=\"pep-spacing-element\">{{ 'LIST.PAGER_PAGE' | translate }}</span>\n    <pep-textbox pepAutoWidth class=\"page-index pep-spacing-element\" [key]=\"'pageIndex'\" [type]=\"'int'\"\n        [disabled]=\"disabled\" [xAlignment]=\"'center'\" [renderTitle]=\"false\" [renderError]=\"false\" [renderSymbol]=\"false\"\n        [value]=\"pageIndex + 1\" [minValue]=\"1\" [maxValue]=\"this.getNumberOfPages()\"\n        [maxFieldCharacters]=\"6\" [mandatory]=\"true\" (valueChange)=\"onValueChange($event)\">\n    </pep-textbox>\n    <span class=\"pep-spacing-element\">{{ 'LIST.PAGER_OUT_OF' | translate }}</span>\n    <span class=\"pep-spacing-element\">{{ getNumberOfPages() }}</span>\n    <button mat-button [disabled]=\"disabled || _previousButtonsDisabled()\"\n        [ngClass]=\"{ disabled: disabled || _previousButtonsDisabled() }\"\n        class=\"pep-button icon-button pep-spacing-element sm weak\" pepRtlDirection pepMenuBlur (click)=\"previousPage()\"\n        [title]=\"('LIST.PAGER_PREVIOUS' | translate)\">\n        <mat-icon>\n            <pep-icon [name]=\"layoutService.isRtl() ? 'arrow_right' : 'arrow_left'\"></pep-icon>\n        </mat-icon>\n    </button>\n    <button mat-button [disabled]=\"disabled || _nextButtonsDisabled()\"\n        [ngClass]=\"{ disabled: disabled || _nextButtonsDisabled() }\"\n        class=\"pep-button icon-button pep-spacing-element sm weak\" pepRtlDirection pepMenuBlur (click)=\"nextPage()\"\n        [title]=\"('LIST.PAGER_NEXT' | translate)\">\n        <mat-icon>\n            <pep-icon [name]=\"layoutService.isRtl() ? 'arrow_left' : 'arrow_right'\"></pep-icon>\n        </mat-icon>\n    </button>\n</div>", styles: [".pager-container{display:flex;justify-content:center;align-items:center;height:calc(2rem + calc(var(--pep-spacing-sm, .5rem) * 2));padding:var(--pep-spacing-sm, .5rem)}.pager-container .page-index{min-height:unset;margin-bottom:0}.pager-container .page-index ::ng-deep .mat-form-field-flex,.pager-container .page-index ::ng-deep .mdc-form-field-flex{padding:0 .5rem;min-height:2rem}.pager-container .page-index ::ng-deep .mat-form-field-flex .mat-input-element,.pager-container .page-index ::ng-deep .mat-form-field-flex .mat-mdc-input-element,.pager-container .page-index ::ng-deep .mdc-form-field-flex .mat-input-element,.pager-container .page-index ::ng-deep .mdc-form-field-flex .mat-mdc-input-element{min-width:1.25rem}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.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: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.PepInputAutoWidthDirective, selector: "[pepAutoWidth]", inputs: ["includePadding"] }, { kind: "directive", type: i1.PepMenuBlurDirective, selector: "[pepMenuBlur]" }, { kind: "directive", type: i1.PepRtlDirectionDirective, selector: "[pepRtlDirection]" }, { kind: "component", type: i5.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i6.PepTextboxComponent, selector: "pep-textbox", inputs: ["key", "value", "minFractionDigits", "maxFractionDigits", "accessory", "label", "placeholder", "type", "mandatory", "disabled", "readonly", "maxFieldCharacters", "hint", "textColor", "xAlignment", "rowSpan", "minValue", "maxValue", "visible", "form", "isActive", "showTitle", "renderTitle", "renderError", "renderSymbol", "layoutType", "parentFieldKey", "regex", "regexError", "isInFocus"], outputs: ["valueChange", "keyup", "validationChange"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListPagerComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListPagerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-pager', template: "\uFEFF<div class=\"pager-container body-sm\">\n    <span class=\"pep-spacing-element\">{{ 'LIST.PAGER_PAGE' | translate }}</span>\n    <pep-textbox pepAutoWidth class=\"page-index pep-spacing-element\" [key]=\"'pageIndex'\" [type]=\"'int'\"\n        [disabled]=\"disabled\" [xAlignment]=\"'center'\" [renderTitle]=\"false\" [renderError]=\"false\" [renderSymbol]=\"false\"\n        [value]=\"pageIndex + 1\" [minValue]=\"1\" [maxValue]=\"this.getNumberOfPages()\"\n        [maxFieldCharacters]=\"6\" [mandatory]=\"true\" (valueChange)=\"onValueChange($event)\">\n    </pep-textbox>\n    <span class=\"pep-spacing-element\">{{ 'LIST.PAGER_OUT_OF' | translate }}</span>\n    <span class=\"pep-spacing-element\">{{ getNumberOfPages() }}</span>\n    <button mat-button [disabled]=\"disabled || _previousButtonsDisabled()\"\n        [ngClass]=\"{ disabled: disabled || _previousButtonsDisabled() }\"\n        class=\"pep-button icon-button pep-spacing-element sm weak\" pepRtlDirection pepMenuBlur (click)=\"previousPage()\"\n        [title]=\"('LIST.PAGER_PREVIOUS' | translate)\">\n        <mat-icon>\n            <pep-icon [name]=\"layoutService.isRtl() ? 'arrow_right' : 'arrow_left'\"></pep-icon>\n        </mat-icon>\n    </button>\n    <button mat-button [disabled]=\"disabled || _nextButtonsDisabled()\"\n        [ngClass]=\"{ disabled: disabled || _nextButtonsDisabled() }\"\n        class=\"pep-button icon-button pep-spacing-element sm weak\" pepRtlDirection pepMenuBlur (click)=\"nextPage()\"\n        [title]=\"('LIST.PAGER_NEXT' | translate)\">\n        <mat-icon>\n            <pep-icon [name]=\"layoutService.isRtl() ? 'arrow_left' : 'arrow_right'\"></pep-icon>\n        </mat-icon>\n    </button>\n</div>", styles: [".pager-container{display:flex;justify-content:center;align-items:center;height:calc(2rem + calc(var(--pep-spacing-sm, .5rem) * 2));padding:var(--pep-spacing-sm, .5rem)}.pager-container .page-index{min-height:unset;margin-bottom:0}.pager-container .page-index ::ng-deep .mat-form-field-flex,.pager-container .page-index ::ng-deep .mdc-form-field-flex{padding:0 .5rem;min-height:2rem}.pager-container .page-index ::ng-deep .mat-form-field-flex .mat-input-element,.pager-container .page-index ::ng-deep .mat-form-field-flex .mat-mdc-input-element,.pager-container .page-index ::ng-deep .mdc-form-field-flex .mat-input-element,.pager-container .page-index ::ng-deep .mdc-form-field-flex .mat-mdc-input-element{min-width:1.25rem}\n"] }]
+        }, {
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.PepLayoutService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], pageIndex: [{
+                type: Input
+            }], length: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], pagerChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1wYWdlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC1wYWdlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC1wYWdlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RCxPQUFPLEVBRUgsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsS0FBSyxFQUNMLE1BQU0sR0FDVCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7Ozs7Ozs7OztBQUVqRCxNQUFNLE9BQU8sd0JBQXdCO0lBQ2pDLFNBQVMsQ0FBUztJQUNsQixpQkFBaUIsQ0FBUztJQUMxQixRQUFRLENBQVM7SUFDakIsTUFBTSxDQUFTO0NBQ2xCO0FBUUQsTUFBTSxPQUFPLHFCQUFxQjtJQWtCbEI7SUFDRDtJQWxCRixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFVBQVUsR0FBRyxDQUFDLENBQUM7SUFDdkIsSUFDSSxTQUFTLENBQUMsS0FBYTtRQUN2QixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFDRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDM0IsQ0FBQztJQUVRLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDWCxRQUFRLEdBQUcsaUJBQWlCLENBQUM7SUFHdEMsV0FBVyxHQUEyQyxJQUFJLFlBQVksRUFBNEIsQ0FBQztJQUVuRyxZQUNZLGtCQUFxQyxFQUN0QyxhQUErQjtRQUQ5Qix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBQ3RDLGtCQUFhLEdBQWIsYUFBYSxDQUFrQjtJQUFJLENBQUM7SUFFL0MsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLEVBQUU7WUFDckIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsRUFBRTtZQUN6QixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELFNBQVM7UUFDTCxJQUFJLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxFQUFFO1lBQ3pCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFO1lBQ3JCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDbkQsQ0FBQztJQUVELGVBQWU7UUFDWCxPQUFPLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDO0lBQ3JELENBQUM7SUFFRCxXQUFXO1FBQ1AsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ2pELE9BQU8sSUFBSSxDQUFDLFNBQVMsR0FBRyxZQUFZLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELGdCQUFnQjtRQUNaLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2hCLE9BQU8sQ0FBQyxDQUFDO1NBQ1o7UUFFRCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELHdFQUF3RTtJQUN4RSxvQkFBb0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2hELENBQUM7SUFFRCx5RUFBeUU7SUFDekUsd0JBQXdCO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUNwRCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWE7UUFDdkIsTUFBTSxVQUFVLEdBQUcsb0JBQW9CLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0MsSUFBSSxDQUFDLFlBQVksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxvQ0FBb0M7SUFDM0UsQ0FBQztJQUVPLFlBQVksQ0FBQyxRQUFnQjtRQUNqQyxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFFekMsSUFBSSxRQUFRLElBQUksQ0FBQyxJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRTtZQUNyRCxJQUFJLENBQUMsVUFBVSxHQUFHLFFBQVEsQ0FBQztTQUM5QjthQUFNO1lBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLENBQUM7U0FDdkI7UUFFRCxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssaUJBQWlCLEVBQUU7WUFDdEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGlCQUFpQixDQUFDLENBQUM7U0FDNUM7SUFDTCxDQUFDO0lBRUQsK0ZBQStGO0lBQ3ZGLGdCQUFnQixDQUFDLGlCQUF5QjtRQUM5QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNsQixpQkFBaUI7WUFDakIsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTO1lBQ3pCLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUN2QixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU07U0FDdEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzt3R0EzR1EscUJBQXFCOzRGQUFyQixxQkFBcUIsaU1DekJsQyxzckRBeUJNOzRHREFPLHFCQUFxQjs7NEZBQXJCLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDSSxnQkFBZ0I7O2tCQUk3QixVQUFVO3VJQUVFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0YsU0FBUztzQkFEWixLQUFLO2dCQVFHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdOLFdBQVc7c0JBRFYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvZXJjZU51bWJlclByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBMYXlvdXRTZXJ2aWNlLCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IERFRkFVTFRfUEFHRV9TSVpFIH0gZnJvbSAnLi9saXN0Lm1vZGVsJztcblxuZXhwb3J0IGNsYXNzIElQZXBMaXN0UGFnZXJDaGFuZ2VFdmVudCB7XG4gICAgcGFnZUluZGV4OiBudW1iZXI7XG4gICAgcHJldmlvdXNQYWdlSW5kZXg6IG51bWJlcjtcbiAgICBwYWdlU2l6ZTogbnVtYmVyO1xuICAgIGxlbmd0aDogbnVtYmVyO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1saXN0LXBhZ2VyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1wYWdlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbGlzdC1wYWdlci5jb21wb25lbnQuc2NzcyddLFxufSlcbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBQZXBMaXN0UGFnZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgcHJpdmF0ZSBfcGFnZUluZGV4ID0gMDtcbiAgICBASW5wdXQoKVxuICAgIHNldCBwYWdlSW5kZXgodmFsdWU6IG51bWJlcikge1xuICAgICAgICB0aGlzLnNldFBhZ2VJbmRleCh2YWx1ZSk7XG4gICAgfVxuICAgIGdldCBwYWdlSW5kZXgoKTogbnVtYmVyIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3BhZ2VJbmRleDtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBsZW5ndGggPSAwO1xuICAgIEBJbnB1dCgpIHBhZ2VTaXplID0gREVGQVVMVF9QQUdFX1NJWkU7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwYWdlckNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBMaXN0UGFnZXJDaGFuZ2VFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQZXBMaXN0UGFnZXJDaGFuZ2VFdmVudD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIHB1YmxpYyBsYXlvdXRTZXJ2aWNlOiBQZXBMYXlvdXRTZXJ2aWNlKSB7IH1cblxuICAgIG5leHRQYWdlKCk6IHZvaWQge1xuICAgICAgICBpZiAoIXRoaXMuaGFzTmV4dFBhZ2UoKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZXRQYWdlSW5kZXgodGhpcy5wYWdlSW5kZXggKyAxKTtcbiAgICB9XG5cbiAgICBwcmV2aW91c1BhZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5oYXNQcmV2aW91c1BhZ2UoKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZXRQYWdlSW5kZXgodGhpcy5wYWdlSW5kZXggLSAxKTtcbiAgICB9XG5cbiAgICBmaXJzdFBhZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5oYXNQcmV2aW91c1BhZ2UoKSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5zZXRQYWdlSW5kZXgoMCk7XG4gICAgfVxuXG4gICAgbGFzdFBhZ2UoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5oYXNOZXh0UGFnZSgpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnNldFBhZ2VJbmRleCh0aGlzLmdldE51bWJlck9mUGFnZXMoKSAtIDEpO1xuICAgIH1cblxuICAgIGhhc1ByZXZpb3VzUGFnZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMucGFnZUluZGV4ID49IDEgJiYgdGhpcy5wYWdlU2l6ZSAhPSAwO1xuICAgIH1cblxuICAgIGhhc05leHRQYWdlKCk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCBtYXhQYWdlSW5kZXggPSB0aGlzLmdldE51bWJlck9mUGFnZXMoKSAtIDE7XG4gICAgICAgIHJldHVybiB0aGlzLnBhZ2VJbmRleCA8IG1heFBhZ2VJbmRleCAmJiB0aGlzLnBhZ2VTaXplICE9IDA7XG4gICAgfVxuXG4gICAgZ2V0TnVtYmVyT2ZQYWdlcygpOiBudW1iZXIge1xuICAgICAgICBpZiAoIXRoaXMucGFnZVNpemUpIHtcbiAgICAgICAgICAgIHJldHVybiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIE1hdGguY2VpbCh0aGlzLmxlbmd0aCAvIHRoaXMucGFnZVNpemUpO1xuICAgIH1cblxuICAgIC8qKiBDaGVja3Mgd2hldGhlciB0aGUgYnV0dG9ucyBmb3IgZ29pbmcgZm9yd2FyZHMgc2hvdWxkIGJlIGRpc2FibGVkLiAqL1xuICAgIF9uZXh0QnV0dG9uc0Rpc2FibGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCAhdGhpcy5oYXNOZXh0UGFnZSgpO1xuICAgIH1cblxuICAgIC8qKiBDaGVja3Mgd2hldGhlciB0aGUgYnV0dG9ucyBmb3IgZ29pbmcgYmFja3dhcmRzIHNob3VsZCBiZSBkaXNhYmxlZC4gKi9cbiAgICBfcHJldmlvdXNCdXR0b25zRGlzYWJsZWQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpc2FibGVkIHx8ICF0aGlzLmhhc1ByZXZpb3VzUGFnZSgpO1xuICAgIH1cblxuICAgIG9uVmFsdWVDaGFuZ2UodmFsdWU6IHN0cmluZykge1xuICAgICAgICBjb25zdCBwYWdlTnVtYmVyID0gY29lcmNlTnVtYmVyUHJvcGVydHkodmFsdWUpO1xuICAgICAgICB0aGlzLnNldFBhZ2VJbmRleChwYWdlTnVtYmVyIC0gMSk7IC8vIC0gMSB0byBjb252ZXJ0IG51bWJlciBpbnRvIGluZGV4LlxuICAgIH1cblxuICAgIHByaXZhdGUgc2V0UGFnZUluZGV4KG5ld0luZGV4OiBudW1iZXIpIHtcbiAgICAgICAgY29uc3QgcHJldmlvdXNQYWdlSW5kZXggPSB0aGlzLnBhZ2VJbmRleDtcblxuICAgICAgICBpZiAobmV3SW5kZXggPj0gMCAmJiBuZXdJbmRleCA8IHRoaXMuZ2V0TnVtYmVyT2ZQYWdlcygpKSB7XG4gICAgICAgICAgICB0aGlzLl9wYWdlSW5kZXggPSBuZXdJbmRleDtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuX3BhZ2VJbmRleCA9IDA7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5wYWdlSW5kZXggIT09IHByZXZpb3VzUGFnZUluZGV4KSB7XG4gICAgICAgICAgICB0aGlzLl9lbWl0Q2hhbmdlRXZlbnQocHJldmlvdXNQYWdlSW5kZXgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgLyoqIEVtaXRzIGFuIGV2ZW50IG5vdGlmeWluZyB0aGF0IGEgY2hhbmdlIG9mIHRoZSBwYWdpbmF0b3IncyBwcm9wZXJ0aWVzIGhhcyBiZWVuIHRyaWdnZXJlZC4gKi9cbiAgICBwcml2YXRlIF9lbWl0Q2hhbmdlRXZlbnQocHJldmlvdXNQYWdlSW5kZXg6IG51bWJlcikge1xuICAgICAgICB0aGlzLnBhZ2VyQ2hhbmdlLmVtaXQoe1xuICAgICAgICAgICAgcHJldmlvdXNQYWdlSW5kZXgsXG4gICAgICAgICAgICBwYWdlSW5kZXg6IHRoaXMucGFnZUluZGV4LFxuICAgICAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsXG4gICAgICAgICAgICBsZW5ndGg6IHRoaXMubGVuZ3RoLFxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCLvu788ZGl2IGNsYXNzPVwicGFnZXItY29udGFpbmVyIGJvZHktc21cIj5cbiAgICA8c3BhbiBjbGFzcz1cInBlcC1zcGFjaW5nLWVsZW1lbnRcIj57eyAnTElTVC5QQUdFUl9QQUdFJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8cGVwLXRleHRib3ggcGVwQXV0b1dpZHRoIGNsYXNzPVwicGFnZS1pbmRleCBwZXAtc3BhY2luZy1lbGVtZW50XCIgW2tleV09XCIncGFnZUluZGV4J1wiIFt0eXBlXT1cIidpbnQnXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3hBbGlnbm1lbnRdPVwiJ2NlbnRlcidcIiBbcmVuZGVyVGl0bGVdPVwiZmFsc2VcIiBbcmVuZGVyRXJyb3JdPVwiZmFsc2VcIiBbcmVuZGVyU3ltYm9sXT1cImZhbHNlXCJcbiAgICAgICAgW3ZhbHVlXT1cInBhZ2VJbmRleCArIDFcIiBbbWluVmFsdWVdPVwiMVwiIFttYXhWYWx1ZV09XCJ0aGlzLmdldE51bWJlck9mUGFnZXMoKVwiXG4gICAgICAgIFttYXhGaWVsZENoYXJhY3RlcnNdPVwiNlwiIFttYW5kYXRvcnldPVwidHJ1ZVwiICh2YWx1ZUNoYW5nZSk9XCJvblZhbHVlQ2hhbmdlKCRldmVudClcIj5cbiAgICA8L3BlcC10ZXh0Ym94PlxuICAgIDxzcGFuIGNsYXNzPVwicGVwLXNwYWNpbmctZWxlbWVudFwiPnt7ICdMSVNULlBBR0VSX09VVF9PRicgfCB0cmFuc2xhdGUgfX08L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJwZXAtc3BhY2luZy1lbGVtZW50XCI+e3sgZ2V0TnVtYmVyT2ZQYWdlcygpIH19PC9zcGFuPlxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgX3ByZXZpb3VzQnV0dG9uc0Rpc2FibGVkKClcIlxuICAgICAgICBbbmdDbGFzc109XCJ7IGRpc2FibGVkOiBkaXNhYmxlZCB8fCBfcHJldmlvdXNCdXR0b25zRGlzYWJsZWQoKSB9XCJcbiAgICAgICAgY2xhc3M9XCJwZXAtYnV0dG9uIGljb24tYnV0dG9uIHBlcC1zcGFjaW5nLWVsZW1lbnQgc20gd2Vha1wiIHBlcFJ0bERpcmVjdGlvbiBwZXBNZW51Qmx1ciAoY2xpY2spPVwicHJldmlvdXNQYWdlKClcIlxuICAgICAgICBbdGl0bGVdPVwiKCdMSVNULlBBR0VSX1BSRVZJT1VTJyB8IHRyYW5zbGF0ZSlcIj5cbiAgICAgICAgPG1hdC1pY29uPlxuICAgICAgICAgICAgPHBlcC1pY29uIFtuYW1lXT1cImxheW91dFNlcnZpY2UuaXNSdGwoKSA/ICdhcnJvd19yaWdodCcgOiAnYXJyb3dfbGVmdCdcIj48L3BlcC1pY29uPlxuICAgICAgICA8L21hdC1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gbWF0LWJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgX25leHRCdXR0b25zRGlzYWJsZWQoKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgZGlzYWJsZWQ6IGRpc2FibGVkIHx8IF9uZXh0QnV0dG9uc0Rpc2FibGVkKCkgfVwiXG4gICAgICAgIGNsYXNzPVwicGVwLWJ1dHRvbiBpY29uLWJ1dHRvbiBwZXAtc3BhY2luZy1lbGVtZW50IHNtIHdlYWtcIiBwZXBSdGxEaXJlY3Rpb24gcGVwTWVudUJsdXIgKGNsaWNrKT1cIm5leHRQYWdlKClcIlxuICAgICAgICBbdGl0bGVdPVwiKCdMSVNULlBBR0VSX05FWFQnIHwgdHJhbnNsYXRlKVwiPlxuICAgICAgICA8bWF0LWljb24+XG4gICAgICAgICAgICA8cGVwLWljb24gW25hbWVdPVwibGF5b3V0U2VydmljZS5pc1J0bCgpID8gJ2Fycm93X2xlZnQnIDogJ2Fycm93X3JpZ2h0J1wiPjwvcGVwLWljb24+XG4gICAgICAgIDwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG48L2Rpdj4iXX0=

package/{esm2020 → esm2022}/list/list-sorting.component.mjs

@@ -3,16 +3,13 @@ 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 {
+    sortBy;
+    title;
+    iconName;
+    isAsc;
 }
 export class PepListSortingComponent {
-    constructor() {
-        this._options = null;
-        this._currentSorting = null;
-        this.sizeType = 'md';
-        this.change = new EventEmitter();
-        this.menuItems = null;
-        this.currentItem = null;
-    }
+    _options = null;
     set options(value) {
         this._options = value;
         this.menuItems = value.map((opt) => {
@@ -22,6 +19,7 @@ export class PepListSortingComponent {
     get options() {
         return this._options;
     }
+    _currentSorting = null;
     set currentSorting(value) {
         this._currentSorting = value;
         this.currentItem = this.menuItems.find((mi) => mi.key === value.sortBy);
@@ -29,6 +27,10 @@ export class PepListSortingComponent {
     get currentSorting() {
         return this._currentSorting;
     }
+    sizeType = 'md';
+    change = new EventEmitter();
+    menuItems = null;
+    currentItem = null;
     ngOnInit() {
         if (this.currentSorting === null &&
             this.options &&
@@ -40,11 +42,11 @@ export class PepListSortingComponent {
         this.currentSorting = this.options.find((sorting) => sorting.sortBy === menuItemClickEvent.source.key);
         this.change.emit({ source: this.currentSorting });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListSortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListSortingComponent, selector: "pep-list-sorting", inputs: { options: "options", currentSorting: "currentSorting", sizeType: "sizeType" }, outputs: { change: "change" }, ngImport: i0, template: "\uFEFF<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", "iconPosition", "type", "styleType", "sizeType", "classNames", "xPosition", "hideOnEmptyItems", "items", "selectedItem", "disabled"], outputs: ["stateChange", "menuItemClick", "menuClick"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListSortingComponent });
 }
-PepListSortingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepListSortingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PepListSortingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepListSortingComponent, selector: "pep-list-sorting", inputs: { options: "options", currentSorting: "currentSorting", sizeType: "sizeType" }, outputs: { change: "change" }, ngImport: i0, template: "\uFEFF<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", "iconPosition", "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: "15.2.10", ngImport: i0, type: PepListSortingComponent });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepListSortingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListSortingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-list-sorting', template: "\uFEFF<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"] }]
         }, {
@@ -58,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], change: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zb3J0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvbGlzdC9saXN0LXNvcnRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9saXN0L2xpc3Qtc29ydGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FHZixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0NBS2pDO0FBWUQsTUFBTSxPQUFPLHVCQUF1QjtJQU5wQztRQU9ZLGFBQVEsR0FBaUMsSUFBSSxDQUFDO1FBYTlDLG9CQUFlLEdBQTBCLElBQUksQ0FBQztRQVU3QyxhQUFRLEdBQWdCLElBQUksQ0FBQztRQUV0QyxXQUFNLEdBQW1ELElBQUksWUFBWSxFQUFvQyxDQUFDO1FBRTlHLGNBQVMsR0FBdUIsSUFBSSxDQUFDO1FBQ3JDLGdCQUFXLEdBQWdCLElBQUksQ0FBQztLQWtCbkM7SUE3Q0csSUFDSSxPQUFPLENBQUMsS0FBbUM7UUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDL0IsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLENBQUMsS0FBSyxFQUFFLFFBQVEsRUFBRSxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDeEUsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFHRCxJQUNJLGNBQWMsQ0FBQyxLQUE0QjtRQUMzQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztRQUM3QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUM1RSxDQUFDO0lBQ0QsSUFBSSxjQUFjO1FBQ2QsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQ2hDLENBQUM7SUFTRCxRQUFRO1FBQ0osSUFDSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUk7WUFDNUIsSUFBSSxDQUFDLE9BQU87WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3pCO1lBQ0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0wsQ0FBQztJQUVELGlCQUFpQixDQUFDLGtCQUEwQztRQUN4RCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNuQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUNoRSxDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7cUhBOUNRLHVCQUF1Qjt5R0FBdkIsdUJBQXVCLCtLQ2pDcEMsd1dBTU07eUhEMkJPLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLGtCQUFrQjs7a0JBSS9CLFVBQVU7OEJBSUgsT0FBTztzQkFEVixLQUFLO2dCQWNGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFFTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7XG4gICAgSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCxcbiAgICBQZXBNZW51SXRlbSxcbn0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvbWVudSc7XG5pbXBvcnQgeyBJUGVwTGlzdFNvcnRpbmdDaGFuZ2VFdmVudCB9IGZyb20gJy4vbGlzdC5tb2RlbCc7XG5cbmV4cG9ydCBjbGFzcyBJUGVwTGlzdFNvcnRpbmdPcHRpb24ge1xuICAgIHNvcnRCeTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgaWNvbk5hbWU/OiBzdHJpbmc7XG4gICAgaXNBc2M/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50IHtcbiAgICBzb3VyY2U6IElQZXBMaXN0U29ydGluZ09wdGlvbjtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC1zb3J0aW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1zb3J0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LXNvcnRpbmcuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdFNvcnRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgX29wdGlvbnM6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4gPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IG9wdGlvbnModmFsdWU6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4pIHtcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IHZhbHVlO1xuXG4gICAgICAgIHRoaXMubWVudUl0ZW1zID0gdmFsdWUubWFwKChvcHQpID0+IHtcbiAgICAgICAgICAgIHJldHVybiB7IGtleTogb3B0LnNvcnRCeSwgdGV4dDogb3B0LnRpdGxlLCBpY29uTmFtZTogb3B0Lmljb25OYW1lIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBnZXQgb3B0aW9ucygpOiBBcnJheTxJUGVwTGlzdFNvcnRpbmdPcHRpb24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX29wdGlvbnM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY3VycmVudFNvcnRpbmc6IElQZXBMaXN0U29ydGluZ09wdGlvbiA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgY3VycmVudFNvcnRpbmcodmFsdWU6IElQZXBMaXN0U29ydGluZ09wdGlvbikge1xuICAgICAgICB0aGlzLl9jdXJyZW50U29ydGluZyA9IHZhbHVlO1xuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gdGhpcy5tZW51SXRlbXMuZmluZCgobWkpID0+IG1pLmtleSA9PT0gdmFsdWUuc29ydEJ5KTtcbiAgICB9XG4gICAgZ2V0IGN1cnJlbnRTb3J0aW5nKCk6IElQZXBMaXN0U29ydGluZ09wdGlvbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jdXJyZW50U29ydGluZztcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzaXplVHlwZTogUGVwU2l6ZVR5cGUgPSAnbWQnO1xuICAgIEBPdXRwdXQoKVxuICAgIGNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcExpc3RTb3J0aW5nT3B0aW9uQ2hhbmdlRXZlbnQ+KCk7XG5cbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgY3VycmVudEl0ZW06IFBlcE1lbnVJdGVtID0gbnVsbDtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID09PSBudWxsICYmXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMgJiZcbiAgICAgICAgICAgIHRoaXMub3B0aW9ucy5sZW5ndGggPiAwXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U29ydGluZyA9IHRoaXMub3B0aW9uc1swXTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWVudUl0ZW1DbGlja2VkKG1lbnVJdGVtQ2xpY2tFdmVudDogSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID0gdGhpcy5vcHRpb25zLmZpbmQoXG4gICAgICAgICAgICAoc29ydGluZykgPT4gc29ydGluZy5zb3J0QnkgPT09IG1lbnVJdGVtQ2xpY2tFdmVudC5zb3VyY2Uua2V5XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuY2hhbmdlLmVtaXQoeyBzb3VyY2U6IHRoaXMuY3VycmVudFNvcnRpbmcgfSk7XG4gICAgfVxufVxuIiwi77u/PGRpdiBjbGFzcz1cInNvcnRpbmctY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJvZHkteHMgc29ydC1ieVwiPlxuICAgICAgICA8c3Bhbj57eyAnTElTVC5TT1JUX0JZJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8cGVwLW1lbnUgW3R5cGVdPVwiJ3NlbGVjdCdcIiBbc2l6ZVR5cGVdPVwic2l6ZVR5cGVcIiBbaXRlbXNdPVwibWVudUl0ZW1zXCIgW3NlbGVjdGVkSXRlbV09XCJjdXJyZW50SXRlbVwiXG4gICAgICAgIFtpY29uTmFtZV09XCInYXJyb3dfZG93bidcIiAobWVudUl0ZW1DbGljayk9XCJvbk1lbnVJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+PC9wZXAtbWVudT5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zb3J0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvbGlzdC9saXN0LXNvcnRpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9saXN0L2xpc3Qtc29ydGluZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsTUFBTSxFQUNOLFlBQVksR0FHZixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8scUJBQXFCO0lBQzlCLE1BQU0sQ0FBUztJQUNmLEtBQUssQ0FBUztJQUNkLFFBQVEsQ0FBVTtJQUNsQixLQUFLLENBQVc7Q0FDbkI7QUFZRCxNQUFNLE9BQU8sdUJBQXVCO0lBQ3hCLFFBQVEsR0FBaUMsSUFBSSxDQUFDO0lBQ3RELElBQ0ksT0FBTyxDQUFDLEtBQW1DO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBRXRCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQy9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsR0FBRyxDQUFDLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3hFLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUNELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBRU8sZUFBZSxHQUEwQixJQUFJLENBQUM7SUFDdEQsSUFDSSxjQUFjLENBQUMsS0FBNEI7UUFDM0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUUsQ0FBQztJQUNELElBQUksY0FBYztRQUNkLE9BQU8sSUFBSSxDQUFDLGVBQWUsQ0FBQztJQUNoQyxDQUFDO0lBRVEsUUFBUSxHQUFnQixJQUFJLENBQUM7SUFFdEMsTUFBTSxHQUFtRCxJQUFJLFlBQVksRUFBb0MsQ0FBQztJQUU5RyxTQUFTLEdBQXVCLElBQUksQ0FBQztJQUNyQyxXQUFXLEdBQWdCLElBQUksQ0FBQztJQUVoQyxRQUFRO1FBQ0osSUFDSSxJQUFJLENBQUMsY0FBYyxLQUFLLElBQUk7WUFDNUIsSUFBSSxDQUFDLE9BQU87WUFDWixJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQ3pCO1lBQ0UsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0wsQ0FBQztJQUVELGlCQUFpQixDQUFDLGtCQUEwQztRQUN4RCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNuQyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLE1BQU0sS0FBSyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUNoRSxDQUFDO1FBQ0YsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQzt3R0E5Q1EsdUJBQXVCOzRGQUF2Qix1QkFBdUIsK0tDakNwQyx3V0FNTTs0R0QyQk8sdUJBQXVCOzs0RkFBdkIsdUJBQXVCO2tCQU5uQyxTQUFTOytCQUNJLGtCQUFrQjs7a0JBSS9CLFVBQVU7OEJBSUgsT0FBTztzQkFEVixLQUFLO2dCQWNGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBU0csUUFBUTtzQkFBaEIsS0FBSztnQkFFTixNQUFNO3NCQURMLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBJbmplY3RhYmxlLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7XG4gICAgSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCxcbiAgICBQZXBNZW51SXRlbSxcbn0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWIvbWVudSc7XG5pbXBvcnQgeyBJUGVwTGlzdFNvcnRpbmdDaGFuZ2VFdmVudCB9IGZyb20gJy4vbGlzdC5tb2RlbCc7XG5cbmV4cG9ydCBjbGFzcyBJUGVwTGlzdFNvcnRpbmdPcHRpb24ge1xuICAgIHNvcnRCeTogc3RyaW5nO1xuICAgIHRpdGxlOiBzdHJpbmc7XG4gICAgaWNvbk5hbWU/OiBzdHJpbmc7XG4gICAgaXNBc2M/OiBib29sZWFuO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50IHtcbiAgICBzb3VyY2U6IElQZXBMaXN0U29ydGluZ09wdGlvbjtcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC1zb3J0aW5nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1zb3J0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9saXN0LXNvcnRpbmcuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgUGVwTGlzdFNvcnRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHByaXZhdGUgX29wdGlvbnM6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4gPSBudWxsO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IG9wdGlvbnModmFsdWU6IEFycmF5PElQZXBMaXN0U29ydGluZ09wdGlvbj4pIHtcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IHZhbHVlO1xuXG4gICAgICAgIHRoaXMubWVudUl0ZW1zID0gdmFsdWUubWFwKChvcHQpID0+IHtcbiAgICAgICAgICAgIHJldHVybiB7IGtleTogb3B0LnNvcnRCeSwgdGV4dDogb3B0LnRpdGxlLCBpY29uTmFtZTogb3B0Lmljb25OYW1lIH07XG4gICAgICAgIH0pO1xuICAgIH1cbiAgICBnZXQgb3B0aW9ucygpOiBBcnJheTxJUGVwTGlzdFNvcnRpbmdPcHRpb24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX29wdGlvbnM7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfY3VycmVudFNvcnRpbmc6IElQZXBMaXN0U29ydGluZ09wdGlvbiA9IG51bGw7XG4gICAgQElucHV0KClcbiAgICBzZXQgY3VycmVudFNvcnRpbmcodmFsdWU6IElQZXBMaXN0U29ydGluZ09wdGlvbikge1xuICAgICAgICB0aGlzLl9jdXJyZW50U29ydGluZyA9IHZhbHVlO1xuICAgICAgICB0aGlzLmN1cnJlbnRJdGVtID0gdGhpcy5tZW51SXRlbXMuZmluZCgobWkpID0+IG1pLmtleSA9PT0gdmFsdWUuc29ydEJ5KTtcbiAgICB9XG4gICAgZ2V0IGN1cnJlbnRTb3J0aW5nKCk6IElQZXBMaXN0U29ydGluZ09wdGlvbiB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jdXJyZW50U29ydGluZztcbiAgICB9XG5cbiAgICBASW5wdXQoKSBzaXplVHlwZTogUGVwU2l6ZVR5cGUgPSAnbWQnO1xuICAgIEBPdXRwdXQoKVxuICAgIGNoYW5nZTogRXZlbnRFbWl0dGVyPElQZXBMaXN0U29ydGluZ09wdGlvbkNoYW5nZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8SVBlcExpc3RTb3J0aW5nT3B0aW9uQ2hhbmdlRXZlbnQ+KCk7XG5cbiAgICBtZW51SXRlbXM6IEFycmF5PFBlcE1lbnVJdGVtPiA9IG51bGw7XG4gICAgY3VycmVudEl0ZW06IFBlcE1lbnVJdGVtID0gbnVsbDtcblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID09PSBudWxsICYmXG4gICAgICAgICAgICB0aGlzLm9wdGlvbnMgJiZcbiAgICAgICAgICAgIHRoaXMub3B0aW9ucy5sZW5ndGggPiAwXG4gICAgICAgICkge1xuICAgICAgICAgICAgdGhpcy5jdXJyZW50U29ydGluZyA9IHRoaXMub3B0aW9uc1swXTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG9uTWVudUl0ZW1DbGlja2VkKG1lbnVJdGVtQ2xpY2tFdmVudDogSVBlcE1lbnVJdGVtQ2xpY2tFdmVudCk6IHZvaWQge1xuICAgICAgICB0aGlzLmN1cnJlbnRTb3J0aW5nID0gdGhpcy5vcHRpb25zLmZpbmQoXG4gICAgICAgICAgICAoc29ydGluZykgPT4gc29ydGluZy5zb3J0QnkgPT09IG1lbnVJdGVtQ2xpY2tFdmVudC5zb3VyY2Uua2V5XG4gICAgICAgICk7XG4gICAgICAgIHRoaXMuY2hhbmdlLmVtaXQoeyBzb3VyY2U6IHRoaXMuY3VycmVudFNvcnRpbmcgfSk7XG4gICAgfVxufVxuIiwi77u/PGRpdiBjbGFzcz1cInNvcnRpbmctY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImJvZHkteHMgc29ydC1ieVwiPlxuICAgICAgICA8c3Bhbj57eyAnTElTVC5TT1JUX0JZJyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8cGVwLW1lbnUgW3R5cGVdPVwiJ3NlbGVjdCdcIiBbc2l6ZVR5cGVdPVwic2l6ZVR5cGVcIiBbaXRlbXNdPVwibWVudUl0ZW1zXCIgW3NlbGVjdGVkSXRlbV09XCJjdXJyZW50SXRlbVwiXG4gICAgICAgIFtpY29uTmFtZV09XCInYXJyb3dfZG93bidcIiAobWVudUl0ZW1DbGljayk9XCJvbk1lbnVJdGVtQ2xpY2tlZCgkZXZlbnQpXCI+PC9wZXAtbWVudT5cbjwvZGl2PiJdfQ==

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

@@ -0,0 +1,31 @@
+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 {
+    totalRows = -1;
+    totalAmount = -1;
+    isMapView = false;
+    sizeType = 'md';
+    unknownCount = false;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListTotalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepListTotalComponent, selector: "pep-list-total", inputs: { totalRows: "totalRows", totalAmount: "totalAmount", isMapView: "isMapView", sizeType: "sizeType", unknownCount: "unknownCount" }, ngImport: i0, template: "\uFEFF<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 ,unknownCount: unknownCount === true ? '+' : ''}\">\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" }] });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListTotalComponent });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepListTotalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-list-total', template: "\uFEFF<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 ,unknownCount: unknownCount === true ? '+' : ''}\">\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
+            }], unknownCount: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b3RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC10b3RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2xpc3QvbGlzdC10b3RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFTN0QsTUFBTSxPQUFPLHFCQUFxQjtJQUNyQixTQUFTLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDZixXQUFXLEdBQUcsQ0FBQyxDQUFDLENBQUM7SUFDakIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixRQUFRLEdBQWdCLElBQUksQ0FBQztJQUM3QixZQUFZLEdBQUcsS0FBSyxDQUFDO3dHQUxyQixxQkFBcUI7NEZBQXJCLHFCQUFxQixrTUNUbEMsb25DQXFCTTs0R0RaTyxxQkFBcUI7OzRGQUFyQixxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0ksZ0JBQWdCOztrQkFJN0IsVUFBVTs4QkFFRSxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdGFibGUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBTaXplVHlwZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdwZXAtbGlzdC10b3RhbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtdG90YWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xpc3QtdG90YWwuY29tcG9uZW50LnNjc3MnLCAnLi9saXN0LXRvdGFsLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG59KVxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBlcExpc3RUb3RhbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdG90YWxSb3dzID0gLTE7XG4gICAgQElucHV0KCkgdG90YWxBbW91bnQgPSAtMTtcbiAgICBASW5wdXQoKSBpc01hcFZpZXcgPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzaXplVHlwZTogUGVwU2l6ZVR5cGUgPSAnbWQnO1xuICAgIEBJbnB1dCgpIHVua25vd25Db3VudCA9IGZhbHNlO1xufVxuIiwi77u/PGRpdiBjbGFzcz1cInRvdGFsLWl0ZW1zLWNvbnRhaW5lclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc01hcFZpZXc7IHRoZW4gbWFwVGVtcGxhdGU7IGVsc2Ugbm90TWFwVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy10ZW1wbGF0ZSAjbm90TWFwVGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b3RhbFJvd3MgPj0gMFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJvZHkte3tzaXplVHlwZX19IHRvdGFsLWl0ZW1zIGNvbG9yLWRpbW1lZFwiXG4gICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCIodG90YWxSb3dzID09PSAxID8gJ0xJU1QuVE9UQUxfUkVTVUxUJyA6ICdMSVNULlRPVEFMX1JFU1VMVFMnKSB8IHRyYW5zbGF0ZTogeyB0b3RhbFJvd3M6IHRvdGFsUm93cyAsdW5rbm93bkNvdW50OiB1bmtub3duQ291bnQgPT09IHRydWUgPyAnKycgOiAnJ31cIj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInRvdGFsQW1vdW50ID4gMFwiPiB7eyAnTElTVC5UT1RBTF9PRicgfCB0cmFuc2xhdGUgfX0ge3sgdG90YWxBbW91bnQgfX0gPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjbWFwVGVtcGxhdGU+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b3RhbEFtb3VudCA+PSAwXCI+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidG90YWxSb3dzID49IDBcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJib2R5LXt7c2l6ZVR5cGV9fSB0b3RhbC1pdGVtcyBjb2xvci1kaW1tZWRcIlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiKHRvdGFsUm93cyA9PT0gMSA/ICdMSVNULlRPVEFMX1JFU1VMVF9PVVRfT0ZfUkVTVUxUJyA6ICdMSVNULlRPVEFMX1JFU1VMVFNfT1VUX09GJykgfCB0cmFuc2xhdGU6IHsgeFJvd3M6IHRvdGFsQW1vdW50LCB0b3RhbFJvd3M6IHRvdGFsUm93cyB9XCI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PiJdfQ==