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

package/esm2022/form/internal-page.service.mjs

@@ -0,0 +1,125 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+export class PepInternalPageService {
+    httpService;
+    transactionUrl;
+    objectId;
+    parentId = '0';
+    searchCode;
+    viewType;
+    additionalApiName = '';
+    constructor(httpService) {
+        this.httpService = httpService;
+        this.transactionUrl = 'Service1.svc/v1/OrderCenter/Transaction/';
+    }
+    getBaseParentUrl() {
+        const url = `${this.transactionUrl}${this.objectId}/ParentLine/${this.parentId}/`;
+        return url;
+    }
+    getChildren(callbackFunc) {
+        const body = JSON.stringify({
+            TransactionUID: this.objectId,
+            SearchCode: this.searchCode,
+            AdditionalApiName: this.additionalApiName,
+            ParentTransactionLineID: this.parentId,
+            ViewType: this.viewType,
+        });
+        // Set the additional api name with view type string.
+        const moreParams = this.additionalApiName?.length > 0
+            ? `${this.additionalApiName}/${this.viewType}`
+            : `''/${this.viewType}`;
+        const url = `${this.getBaseParentUrl()}Items/${moreParams}`;
+        this.httpService.postWapiApiCall(url, body).subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+    initDetails(objectId, parentId, searchCode, callbackFunc) {
+        if (!objectId || !parentId) {
+            return;
+        }
+        this.objectId = objectId;
+        this.parentId = parentId;
+        this.searchCode = searchCode;
+        this.httpService
+            .getWapiApiCall(`${this.getBaseParentUrl()}ViewTypes`)
+            .subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+    changeChildrenViewType(viewType, callbackFunc) {
+        this.viewType = viewType;
+        this.getChildren(callbackFunc);
+    }
+    changeAdditionalApiName(additionalApiName, callbackFunc) {
+        this.additionalApiName = additionalApiName;
+        this.getChildren(callbackFunc);
+    }
+    childPlusClick(itemId, fieldApiName, callbackFunc) {
+        const body = JSON.stringify({
+            TransactionUID: this.objectId,
+            SearchCode: this.searchCode,
+            ParentTransactionLineID: this.parentId,
+            TransactionLineUID: itemId,
+            FieldApiName: fieldApiName,
+            ViewType: this.viewType,
+        });
+        this.httpService
+            .postWapiApiCall(`${this.getBaseParentUrl()}IncrementValue`, body)
+            .subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+    childMinusClick(itemId, fieldApiName, callbackFunc) {
+        const body = JSON.stringify({
+            TransactionUID: this.objectId,
+            SearchCode: this.searchCode,
+            ParentTransactionLineID: this.parentId,
+            TransactionLineUID: itemId,
+            FieldApiName: fieldApiName,
+            ViewType: this.viewType,
+        });
+        this.httpService
+            .postWapiApiCall(`${this.getBaseParentUrl()}DecrementValue`, body)
+            .subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+    childValueChanged(itemId, fieldApiName, value, callbackFunc) {
+        const body = JSON.stringify({
+            TransactionUID: this.objectId,
+            SearchCode: this.searchCode,
+            ParentTransactionLineID: this.parentId,
+            TransactionLineUID: itemId,
+            FieldApiName: fieldApiName,
+            FieldValue: value,
+            ViewType: this.viewType,
+        });
+        this.httpService
+            .postWapiApiCall(`${this.getBaseParentUrl()}SetFieldValue`, body)
+            .subscribe((res) => {
+            callbackFunc(res);
+        }
+        // (error) => {},
+        // () => {}
+        );
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepInternalPageService, deps: [{ token: i1.PepHttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepInternalPageService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepInternalPageService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.PepHttpService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJuYWwtcGFnZS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9mb3JtL2ludGVybmFsLXBhZ2Uuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFJM0MsTUFBTSxPQUFPLHNCQUFzQjtJQVFYO0lBUFosY0FBYyxDQUFTO0lBQ3ZCLFFBQVEsQ0FBUztJQUNqQixRQUFRLEdBQUcsR0FBRyxDQUFDO0lBQ2YsVUFBVSxDQUFTO0lBQ25CLFFBQVEsQ0FBUztJQUNsQixpQkFBaUIsR0FBRyxFQUFFLENBQUM7SUFFOUIsWUFBb0IsV0FBMkI7UUFBM0IsZ0JBQVcsR0FBWCxXQUFXLENBQWdCO1FBQzNDLElBQUksQ0FBQyxjQUFjLEdBQUcsMENBQTBDLENBQUM7SUFDckUsQ0FBQztJQUVELGdCQUFnQjtRQUNaLE1BQU0sR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsUUFBUSxlQUFlLElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQztRQUNsRixPQUFPLEdBQUcsQ0FBQztJQUNmLENBQUM7SUFFRCxXQUFXLENBQUMsWUFBaUI7UUFDekIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztZQUN4QixjQUFjLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDN0IsVUFBVSxFQUFFLElBQUksQ0FBQyxVQUFVO1lBQzNCLGlCQUFpQixFQUFFLElBQUksQ0FBQyxpQkFBaUI7WUFDekMsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdEMsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO1NBQzFCLENBQUMsQ0FBQztRQUVILHFEQUFxRDtRQUNyRCxNQUFNLFVBQVUsR0FDWixJQUFJLENBQUMsaUJBQWlCLEVBQUUsTUFBTSxHQUFHLENBQUM7WUFDOUIsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDOUMsQ0FBQyxDQUFDLE1BQU0sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWhDLE1BQU0sR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsVUFBVSxFQUFFLENBQUM7UUFFNUQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsR0FBRyxFQUFFLElBQUksQ0FBQyxDQUFDLFNBQVMsQ0FDakQsQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNKLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN0QixDQUFDO1FBQ0QsaUJBQWlCO1FBQ2pCLFdBQVc7U0FDZCxDQUFDO0lBQ04sQ0FBQztJQUVELFdBQVcsQ0FDUCxRQUFnQixFQUNoQixRQUFnQixFQUNoQixVQUFrQixFQUNsQixZQUFpQjtRQUVqQixJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ3hCLE9BQU87U0FDVjtRQUVELElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBRTdCLElBQUksQ0FBQyxXQUFXO2FBQ1gsY0FBYyxDQUFDLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFdBQVcsQ0FBQzthQUNyRCxTQUFTLENBQ04sQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNKLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN0QixDQUFDO1FBQ0QsaUJBQWlCO1FBQ2pCLFdBQVc7U0FDZCxDQUFDO0lBQ1YsQ0FBQztJQUVELHNCQUFzQixDQUFDLFFBQWdCLEVBQUUsWUFBaUI7UUFDdEQsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDekIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsdUJBQXVCLENBQ25CLGlCQUF5QixFQUN6QixZQUFpQjtRQUVqQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsaUJBQWlCLENBQUM7UUFDM0MsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsY0FBYyxDQUNWLE1BQWMsRUFDZCxZQUFvQixFQUNwQixZQUFpQjtRQUVqQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3hCLGNBQWMsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUM3QixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdEMsa0JBQWtCLEVBQUUsTUFBTTtZQUMxQixZQUFZLEVBQUUsWUFBWTtZQUMxQixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDMUIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFdBQVc7YUFDWCxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDO2FBQ2pFLFNBQVMsQ0FDTixDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ0osWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLENBQUM7UUFDRCxpQkFBaUI7UUFDakIsV0FBVztTQUNkLENBQUM7SUFDVixDQUFDO0lBRUQsZUFBZSxDQUNYLE1BQWMsRUFDZCxZQUFvQixFQUNwQixZQUFpQjtRQUVqQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3hCLGNBQWMsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUM3QixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdEMsa0JBQWtCLEVBQUUsTUFBTTtZQUMxQixZQUFZLEVBQUUsWUFBWTtZQUMxQixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDMUIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFdBQVc7YUFDWCxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxDQUFDO2FBQ2pFLFNBQVMsQ0FDTixDQUFDLEdBQUcsRUFBRSxFQUFFO1lBQ0osWUFBWSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLENBQUM7UUFDRCxpQkFBaUI7UUFDakIsV0FBVztTQUNkLENBQUM7SUFDVixDQUFDO0lBRUQsaUJBQWlCLENBQ2IsTUFBYyxFQUNkLFlBQW9CLEVBQ3BCLEtBQWEsRUFDYixZQUFpQjtRQUVqQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ3hCLGNBQWMsRUFBRSxJQUFJLENBQUMsUUFBUTtZQUM3QixVQUFVLEVBQUUsSUFBSSxDQUFDLFVBQVU7WUFDM0IsdUJBQXVCLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDdEMsa0JBQWtCLEVBQUUsTUFBTTtZQUMxQixZQUFZLEVBQUUsWUFBWTtZQUMxQixVQUFVLEVBQUUsS0FBSztZQUNqQixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVE7U0FDMUIsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFdBQVc7YUFDWCxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLElBQUksQ0FBQzthQUNoRSxTQUFTLENBQ04sQ0FBQyxHQUFHLEVBQUUsRUFBRTtZQUNKLFlBQVksQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUN0QixDQUFDO1FBQ0QsaUJBQWlCO1FBQ2pCLFdBQVc7U0FDZCxDQUFDO0lBQ1YsQ0FBQzt3R0E1SlEsc0JBQXNCOzRHQUF0QixzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBRGxDLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBIdHRwU2VydmljZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFBlcEludGVybmFsUGFnZVNlcnZpY2Uge1xuICAgIHByaXZhdGUgdHJhbnNhY3Rpb25Vcmw6IHN0cmluZztcbiAgICBwcml2YXRlIG9iamVjdElkOiBzdHJpbmc7XG4gICAgcHJpdmF0ZSBwYXJlbnRJZCA9ICcwJztcbiAgICBwcml2YXRlIHNlYXJjaENvZGU6IHN0cmluZztcbiAgICBwcml2YXRlIHZpZXdUeXBlOiBzdHJpbmc7XG4gICAgcHVibGljIGFkZGl0aW9uYWxBcGlOYW1lID0gJyc7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGh0dHBTZXJ2aWNlOiBQZXBIdHRwU2VydmljZSkge1xuICAgICAgICB0aGlzLnRyYW5zYWN0aW9uVXJsID0gJ1NlcnZpY2UxLnN2Yy92MS9PcmRlckNlbnRlci9UcmFuc2FjdGlvbi8nO1xuICAgIH1cblxuICAgIGdldEJhc2VQYXJlbnRVcmwoKTogc3RyaW5nIHtcbiAgICAgICAgY29uc3QgdXJsID0gYCR7dGhpcy50cmFuc2FjdGlvblVybH0ke3RoaXMub2JqZWN0SWR9L1BhcmVudExpbmUvJHt0aGlzLnBhcmVudElkfS9gO1xuICAgICAgICByZXR1cm4gdXJsO1xuICAgIH1cblxuICAgIGdldENoaWxkcmVuKGNhbGxiYWNrRnVuYzogYW55KTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJvZHkgPSBKU09OLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICBUcmFuc2FjdGlvblVJRDogdGhpcy5vYmplY3RJZCxcbiAgICAgICAgICAgIFNlYXJjaENvZGU6IHRoaXMuc2VhcmNoQ29kZSxcbiAgICAgICAgICAgIEFkZGl0aW9uYWxBcGlOYW1lOiB0aGlzLmFkZGl0aW9uYWxBcGlOYW1lLFxuICAgICAgICAgICAgUGFyZW50VHJhbnNhY3Rpb25MaW5lSUQ6IHRoaXMucGFyZW50SWQsXG4gICAgICAgICAgICBWaWV3VHlwZTogdGhpcy52aWV3VHlwZSxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgLy8gU2V0IHRoZSBhZGRpdGlvbmFsIGFwaSBuYW1lIHdpdGggdmlldyB0eXBlIHN0cmluZy5cbiAgICAgICAgY29uc3QgbW9yZVBhcmFtcyA9XG4gICAgICAgICAgICB0aGlzLmFkZGl0aW9uYWxBcGlOYW1lPy5sZW5ndGggPiAwXG4gICAgICAgICAgICAgICAgPyBgJHt0aGlzLmFkZGl0aW9uYWxBcGlOYW1lfS8ke3RoaXMudmlld1R5cGV9YFxuICAgICAgICAgICAgICAgIDogYCcnLyR7dGhpcy52aWV3VHlwZX1gO1xuXG4gICAgICAgIGNvbnN0IHVybCA9IGAke3RoaXMuZ2V0QmFzZVBhcmVudFVybCgpfUl0ZW1zLyR7bW9yZVBhcmFtc31gO1xuXG4gICAgICAgIHRoaXMuaHR0cFNlcnZpY2UucG9zdFdhcGlBcGlDYWxsKHVybCwgYm9keSkuc3Vic2NyaWJlKFxuICAgICAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgICAgICAgIGNhbGxiYWNrRnVuYyhyZXMpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgLy8gKGVycm9yKSA9PiB7fSxcbiAgICAgICAgICAgIC8vICgpID0+IHt9XG4gICAgICAgICk7XG4gICAgfVxuXG4gICAgaW5pdERldGFpbHMoXG4gICAgICAgIG9iamVjdElkOiBzdHJpbmcsXG4gICAgICAgIHBhcmVudElkOiBzdHJpbmcsXG4gICAgICAgIHNlYXJjaENvZGU6IHN0cmluZyxcbiAgICAgICAgY2FsbGJhY2tGdW5jOiBhbnlcbiAgICApOiB2b2lkIHtcbiAgICAgICAgaWYgKCFvYmplY3RJZCB8fCAhcGFyZW50SWQpIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMub2JqZWN0SWQgPSBvYmplY3RJZDtcbiAgICAgICAgdGhpcy5wYXJlbnRJZCA9IHBhcmVudElkO1xuICAgICAgICB0aGlzLnNlYXJjaENvZGUgPSBzZWFyY2hDb2RlO1xuXG4gICAgICAgIHRoaXMuaHR0cFNlcnZpY2VcbiAgICAgICAgICAgIC5nZXRXYXBpQXBpQ2FsbChgJHt0aGlzLmdldEJhc2VQYXJlbnRVcmwoKX1WaWV3VHlwZXNgKVxuICAgICAgICAgICAgLnN1YnNjcmliZShcbiAgICAgICAgICAgICAgICAocmVzKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNhbGxiYWNrRnVuYyhyZXMpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyAoZXJyb3IpID0+IHt9LFxuICAgICAgICAgICAgICAgIC8vICgpID0+IHt9XG4gICAgICAgICAgICApO1xuICAgIH1cblxuICAgIGNoYW5nZUNoaWxkcmVuVmlld1R5cGUodmlld1R5cGU6IHN0cmluZywgY2FsbGJhY2tGdW5jOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52aWV3VHlwZSA9IHZpZXdUeXBlO1xuICAgICAgICB0aGlzLmdldENoaWxkcmVuKGNhbGxiYWNrRnVuYyk7XG4gICAgfVxuXG4gICAgY2hhbmdlQWRkaXRpb25hbEFwaU5hbWUoXG4gICAgICAgIGFkZGl0aW9uYWxBcGlOYW1lOiBzdHJpbmcsXG4gICAgICAgIGNhbGxiYWNrRnVuYzogYW55XG4gICAgKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYWRkaXRpb25hbEFwaU5hbWUgPSBhZGRpdGlvbmFsQXBpTmFtZTtcbiAgICAgICAgdGhpcy5nZXRDaGlsZHJlbihjYWxsYmFja0Z1bmMpO1xuICAgIH1cblxuICAgIGNoaWxkUGx1c0NsaWNrKFxuICAgICAgICBpdGVtSWQ6IHN0cmluZyxcbiAgICAgICAgZmllbGRBcGlOYW1lOiBzdHJpbmcsXG4gICAgICAgIGNhbGxiYWNrRnVuYzogYW55XG4gICAgKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJvZHkgPSBKU09OLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICBUcmFuc2FjdGlvblVJRDogdGhpcy5vYmplY3RJZCxcbiAgICAgICAgICAgIFNlYXJjaENvZGU6IHRoaXMuc2VhcmNoQ29kZSxcbiAgICAgICAgICAgIFBhcmVudFRyYW5zYWN0aW9uTGluZUlEOiB0aGlzLnBhcmVudElkLFxuICAgICAgICAgICAgVHJhbnNhY3Rpb25MaW5lVUlEOiBpdGVtSWQsXG4gICAgICAgICAgICBGaWVsZEFwaU5hbWU6IGZpZWxkQXBpTmFtZSxcbiAgICAgICAgICAgIFZpZXdUeXBlOiB0aGlzLnZpZXdUeXBlLFxuICAgICAgICB9KTtcblxuICAgICAgICB0aGlzLmh0dHBTZXJ2aWNlXG4gICAgICAgICAgICAucG9zdFdhcGlBcGlDYWxsKGAke3RoaXMuZ2V0QmFzZVBhcmVudFVybCgpfUluY3JlbWVudFZhbHVlYCwgYm9keSlcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoXG4gICAgICAgICAgICAgICAgKHJlcykgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjYWxsYmFja0Z1bmMocmVzKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLy8gKGVycm9yKSA9PiB7fSxcbiAgICAgICAgICAgICAgICAvLyAoKSA9PiB7fVxuICAgICAgICAgICAgKTtcbiAgICB9XG5cbiAgICBjaGlsZE1pbnVzQ2xpY2soXG4gICAgICAgIGl0ZW1JZDogc3RyaW5nLFxuICAgICAgICBmaWVsZEFwaU5hbWU6IHN0cmluZyxcbiAgICAgICAgY2FsbGJhY2tGdW5jOiBhbnlcbiAgICApOiB2b2lkIHtcbiAgICAgICAgY29uc3QgYm9keSA9IEpTT04uc3RyaW5naWZ5KHtcbiAgICAgICAgICAgIFRyYW5zYWN0aW9uVUlEOiB0aGlzLm9iamVjdElkLFxuICAgICAgICAgICAgU2VhcmNoQ29kZTogdGhpcy5zZWFyY2hDb2RlLFxuICAgICAgICAgICAgUGFyZW50VHJhbnNhY3Rpb25MaW5lSUQ6IHRoaXMucGFyZW50SWQsXG4gICAgICAgICAgICBUcmFuc2FjdGlvbkxpbmVVSUQ6IGl0ZW1JZCxcbiAgICAgICAgICAgIEZpZWxkQXBpTmFtZTogZmllbGRBcGlOYW1lLFxuICAgICAgICAgICAgVmlld1R5cGU6IHRoaXMudmlld1R5cGUsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuaHR0cFNlcnZpY2VcbiAgICAgICAgICAgIC5wb3N0V2FwaUFwaUNhbGwoYCR7dGhpcy5nZXRCYXNlUGFyZW50VXJsKCl9RGVjcmVtZW50VmFsdWVgLCBib2R5KVxuICAgICAgICAgICAgLnN1YnNjcmliZShcbiAgICAgICAgICAgICAgICAocmVzKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNhbGxiYWNrRnVuYyhyZXMpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyAoZXJyb3IpID0+IHt9LFxuICAgICAgICAgICAgICAgIC8vICgpID0+IHt9XG4gICAgICAgICAgICApO1xuICAgIH1cblxuICAgIGNoaWxkVmFsdWVDaGFuZ2VkKFxuICAgICAgICBpdGVtSWQ6IHN0cmluZyxcbiAgICAgICAgZmllbGRBcGlOYW1lOiBzdHJpbmcsXG4gICAgICAgIHZhbHVlOiBzdHJpbmcsXG4gICAgICAgIGNhbGxiYWNrRnVuYzogYW55XG4gICAgKTogdm9pZCB7XG4gICAgICAgIGNvbnN0IGJvZHkgPSBKU09OLnN0cmluZ2lmeSh7XG4gICAgICAgICAgICBUcmFuc2FjdGlvblVJRDogdGhpcy5vYmplY3RJZCxcbiAgICAgICAgICAgIFNlYXJjaENvZGU6IHRoaXMuc2VhcmNoQ29kZSxcbiAgICAgICAgICAgIFBhcmVudFRyYW5zYWN0aW9uTGluZUlEOiB0aGlzLnBhcmVudElkLFxuICAgICAgICAgICAgVHJhbnNhY3Rpb25MaW5lVUlEOiBpdGVtSWQsXG4gICAgICAgICAgICBGaWVsZEFwaU5hbWU6IGZpZWxkQXBpTmFtZSxcbiAgICAgICAgICAgIEZpZWxkVmFsdWU6IHZhbHVlLFxuICAgICAgICAgICAgVmlld1R5cGU6IHRoaXMudmlld1R5cGUsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMuaHR0cFNlcnZpY2VcbiAgICAgICAgICAgIC5wb3N0V2FwaUFwaUNhbGwoYCR7dGhpcy5nZXRCYXNlUGFyZW50VXJsKCl9U2V0RmllbGRWYWx1ZWAsIGJvZHkpXG4gICAgICAgICAgICAuc3Vic2NyaWJlKFxuICAgICAgICAgICAgICAgIChyZXMpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgY2FsbGJhY2tGdW5jKHJlcyk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC8vIChlcnJvcikgPT4ge30sXG4gICAgICAgICAgICAgICAgLy8gKCkgPT4ge31cbiAgICAgICAgICAgICk7XG4gICAgfVxufVxuIl19

package/esm2022/group-buttons/group-buttons.component.mjs

@@ -0,0 +1,73 @@
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import { PepScreenSizeType } from '@pepperi-addons/ngx-lib';
+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/menu";
+import * as i5 from "@angular/material/icon";
+import * as i6 from "@pepperi-addons/ngx-lib/icon";
+export class PepGroupButtonsComponent {
+    layoutService;
+    PepScreenSizeType = PepScreenSizeType;
+    screenSize;
+    viewType = 'regular';
+    styleType = 'weak';
+    sizeType = 'md';
+    buttons = [];
+    buttonsDisabled = false;
+    supportUnselect = false;
+    selectedButtonKey = '';
+    stretch = false;
+    buttonClick = new EventEmitter();
+    constructor(layoutService) {
+        this.layoutService = layoutService;
+        this.layoutService.onResize$.subscribe((size) => {
+            this.screenSize = size;
+        });
+    }
+    ngOnDestroy() {
+        // if (this.buttonClick) {
+        //     this.buttonClick.unsubscribe();
+        // }
+    }
+    onButtonClicked(event, button) {
+        const unselect = this.supportUnselect && this.selectedButtonKey === button?.key;
+        this.selectedButtonKey = unselect ? '' : button?.key;
+        const buttonClick = {
+            source: unselect ? null : button,
+            event,
+        };
+        if (button?.callback) {
+            button.callback(buttonClick);
+        }
+        else {
+            this.buttonClick.emit(buttonClick);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsComponent, deps: [{ token: i1.PepLayoutService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepGroupButtonsComponent, selector: "pep-group-buttons", inputs: { viewType: "viewType", styleType: "styleType", sizeType: "sizeType", buttons: "buttons", buttonsDisabled: "buttonsDisabled", supportUnselect: "supportUnselect", selectedButtonKey: "selectedButtonKey", stretch: "stretch" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<div class=\"group-buttons-container\" pepRtlDirection>\n    <ng-container *ngIf=\"viewType === 'regular'\">\n        <button *ngFor=\"let button of buttons\" [pepDataQa]=\"button?.value\"\n            class=\"pep-button pep-spacing-element pull-left flip first-button {{ sizeType }} {{ styleType }}\"\n            [disabled]=\"buttonsDisabled || button.disabled\" mat-button (click)=\"onButtonClicked($event, button)\">\n            <span [title]=\"button?.value\">{{ button?.value }}</span>\n        </button>\n    </ng-container>\n\n    <div *ngIf=\"viewType === 'dropdown'\" class=\"dropdown-buttons pep-spacing-element\"\n        [ngClass]=\"{dropup: screenSize >= PepScreenSizeType.MD}\">\n        <button [pepDataQa]=\"buttons[0]?.value\"\n            class=\"pep-button pull-left flip first-button {{ sizeType }} {{ styleType }}\"\n            (click)=\"onButtonClicked($event, buttons[0])\" [disabled]=\"buttonsDisabled || buttons[0].disabled\"\n            mat-button>\n            <span class=\"ellipsis\" [title]=\"buttons[0]?.value\">{{ buttons[0]?.value }}</span>\n        </button>\n        <button class=\"pep-button icon-button pull-right flip last-button {{ sizeType }} {{ styleType }}\"\n            [matMenuTriggerFor]=\"actionsMenu\" [disabled]=\"buttonsDisabled\" pepMenuBlur mat-button>\n            <mat-icon>\n                <pep-icon name=\"{{ screenSize < PepScreenSizeType.MD ? 'arrow_down' : 'arrow_up' }}\">\n                </pep-icon>\n            </mat-icon>\n        </button>\n\n        <mat-menu #actionsMenu=\"matMenu\" xPosition=\"before\">\n            <ng-container *ngFor=\"let button of buttons; let i = index; first as isFirst\">\n                <button *ngIf=\"!isFirst\" mat-menu-item [pepDataQa]=\"button?.value\"\n                    (click)=\"onButtonClicked($event, button)\">\n                    <span [title]=\"button?.value\">{{ button?.value }}</span>\n                </button>\n            </ng-container>\n        </mat-menu>\n    </div>\n\n    <div *ngIf=\"viewType === 'split'\" class=\"split-buttons\">\n        <button *ngFor=\"let button of buttons; let index; let isFirst = first; let isLast = last\"\n            [pepDataQa]=\"button?.value\" mat-button pepButtonBlur\n            class=\"pep-button {{ sizeType }} {{ styleType }} {{ button?.classNames }} pull-left flip\"\n            [disabled]=\"buttonsDisabled || button.disabled\" [ngClass]=\"{\n                'first-button': isFirst, \n                'middle-button': !isFirst && !isLast, \n                'last-button': isLast, \n                'icon-button': button?.iconName && !button?.value}\" (click)=\"onButtonClicked($event, button)\">\n\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: {button: button}\"></ng-container>\n        </button>\n    </div>\n\n    <div *ngIf=\"viewType === 'toggle'\" class=\"toggle-buttons\" [ngClass]=\"{ 'stretch': stretch }\">\n        <button *ngFor=\"let button of buttons; let index; let isFirst = first; let isLast = last\"\n            [pepDataQa]=\"button?.value\" mat-button pepButtonBlur\n            class=\"pep-button {{ sizeType }} {{ styleType }} {{ button?.classNames }} pull-left flip\"\n            [disabled]=\"buttonsDisabled || button.disabled\" [ngClass]=\"{\n                'first-button': isFirst && !isLast, \n                'middle-button': !isFirst && !isLast, \n                'last-button': isLast && !isFirst,\n                'icon-button': button?.iconName && !button?.value,\n                'is-selected': button?.key !== '' && button?.key === selectedButtonKey}\"\n            (click)=\"onButtonClicked($event, button)\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: {button: button}\"></ng-container>\n        </button>\n    </div>\n</div>\n\n<ng-template #contentTemplate let-button=\"button\">\n    <mat-icon *ngIf=\"button.iconName && (!button.iconPosition || button.iconPosition === 'start')\"\n        [ngClass]=\"{ 'pull-left flip': button.value }\">\n        <pep-icon name=\"{{button.iconName}}\"></pep-icon>\n    </mat-icon>\n    <span *ngIf=\"button.value\" class=\"ellipsis pull-left flip\"\n        [ngClass]=\"{ 'button-title-with-icon': button.iconName, 'icon-before': button.iconPosition === 'start' }\"\n        [title]=\"button.value\">\n        {{button.value}}\n    </span>\n    <mat-icon *ngIf=\"button.iconName && button.iconPosition === 'end'\" [ngClass]=\"{ 'pull-left flip': button.value }\">\n        <pep-icon name=\"{{button.iconName}}\"></pep-icon>\n    </mat-icon>\n</ng-template>", styles: [".group-buttons-container{display:flex;border-radius:var(--pep-border-radius-md, .25rem)}.group-buttons-container .dropdown-buttons .first-button,.group-buttons-container .split-buttons .first-button,.group-buttons-container .toggle-buttons .first-button{margin-inline-end:1px}.group-buttons-container .dropdown-buttons .first-button,.group-buttons-container .dropdown-buttons .first-button:after,.group-buttons-container .split-buttons .first-button,.group-buttons-container .split-buttons .first-button:after,.group-buttons-container .toggle-buttons .first-button,.group-buttons-container .toggle-buttons .first-button:after{border-radius:var(--pep-border-radius-md, .25rem) 0 0 var(--pep-border-radius-md, .25rem)}.group-buttons-container .dropdown-buttons .last-button,.group-buttons-container .dropdown-buttons .last-button:after,.group-buttons-container .split-buttons .last-button,.group-buttons-container .split-buttons .last-button:after,.group-buttons-container .toggle-buttons .last-button,.group-buttons-container .toggle-buttons .last-button:after{border-radius:0 var(--pep-border-radius-md, .25rem) var(--pep-border-radius-md, .25rem) 0}.group-buttons-container .dropdown-buttons .pepperi-button,.group-buttons-container .dropdown-buttons .pep-button,.group-buttons-container .split-buttons .pepperi-button,.group-buttons-container .split-buttons .pep-button,.group-buttons-container .toggle-buttons .pepperi-button,.group-buttons-container .toggle-buttons .pep-button{margin-top:0!important}.group-buttons-container .dropdown-buttons .pepperi-button.cdk-focused,.group-buttons-container .dropdown-buttons .pep-button.cdk-focused,.group-buttons-container .split-buttons .pepperi-button.cdk-focused,.group-buttons-container .split-buttons .pep-button.cdk-focused,.group-buttons-container .toggle-buttons .pepperi-button.cdk-focused,.group-buttons-container .toggle-buttons .pep-button.cdk-focused{z-index:2}@media (max-width: 599px){.group-buttons-container .dropdown-buttons.dropup .first-button,.group-buttons-container .split-buttons.dropup .first-button,.group-buttons-container .toggle-buttons.dropup .first-button{max-width:200px;padding:0 .25rem}.group-buttons-container .dropdown-buttons.dropup .last-button,.group-buttons-container .split-buttons.dropup .last-button,.group-buttons-container .toggle-buttons.dropup .last-button{padding:0}}.group-buttons-container .split-buttons,.group-buttons-container .toggle-buttons{display:grid;grid-auto-flow:column}.group-buttons-container .split-buttons.stretch,.group-buttons-container .toggle-buttons.stretch{width:100%}.group-buttons-container .split-buttons .pep-button,.group-buttons-container .toggle-buttons .pep-button{max-width:unset;padding-inline:var(--pep-spacing-md, .75rem)}.group-buttons-container .split-buttons .first-button,.group-buttons-container .toggle-buttons .first-button{margin-inline-end:-1px}.group-buttons-container .split-buttons .middle-button,.group-buttons-container .toggle-buttons .middle-button{border-radius:0;margin-inline-end:-1px}\n", ".group-buttons-container .toggle-buttons .is-selected.weak{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.group-buttons-container .toggle-buttons .is-selected.weak:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%))}.group-buttons-container .toggle-buttons .is-selected.weak:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.group-buttons-container .toggle-buttons .is-selected.weak:active{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%)!important}.group-buttons-container .toggle-buttons .is-selected.regular{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.regular:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.group-buttons-container .toggle-buttons .is-selected.regular:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.group-buttons-container .toggle-buttons .is-selected.regular:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.group-buttons-container .toggle-buttons .is-selected.regular:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}.group-buttons-container .toggle-buttons .is-selected.regular:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.group-buttons-container .toggle-buttons .is-selected.regular:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!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: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i1.PepButtonBlurDirective, selector: "[pepButtonBlur]" }, { kind: "directive", type: i1.PepMenuBlurDirective, selector: "[pepMenuBlur]" }, { kind: "directive", type: i1.PepDataQaDirective, selector: "[pepDataQa]", inputs: ["pepDataQa"] }, { kind: "directive", type: i1.PepRtlDirectionDirective, selector: "[pepRtlDirection]" }, { kind: "component", type: i6.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-group-buttons', template: "<div class=\"group-buttons-container\" pepRtlDirection>\n    <ng-container *ngIf=\"viewType === 'regular'\">\n        <button *ngFor=\"let button of buttons\" [pepDataQa]=\"button?.value\"\n            class=\"pep-button pep-spacing-element pull-left flip first-button {{ sizeType }} {{ styleType }}\"\n            [disabled]=\"buttonsDisabled || button.disabled\" mat-button (click)=\"onButtonClicked($event, button)\">\n            <span [title]=\"button?.value\">{{ button?.value }}</span>\n        </button>\n    </ng-container>\n\n    <div *ngIf=\"viewType === 'dropdown'\" class=\"dropdown-buttons pep-spacing-element\"\n        [ngClass]=\"{dropup: screenSize >= PepScreenSizeType.MD}\">\n        <button [pepDataQa]=\"buttons[0]?.value\"\n            class=\"pep-button pull-left flip first-button {{ sizeType }} {{ styleType }}\"\n            (click)=\"onButtonClicked($event, buttons[0])\" [disabled]=\"buttonsDisabled || buttons[0].disabled\"\n            mat-button>\n            <span class=\"ellipsis\" [title]=\"buttons[0]?.value\">{{ buttons[0]?.value }}</span>\n        </button>\n        <button class=\"pep-button icon-button pull-right flip last-button {{ sizeType }} {{ styleType }}\"\n            [matMenuTriggerFor]=\"actionsMenu\" [disabled]=\"buttonsDisabled\" pepMenuBlur mat-button>\n            <mat-icon>\n                <pep-icon name=\"{{ screenSize < PepScreenSizeType.MD ? 'arrow_down' : 'arrow_up' }}\">\n                </pep-icon>\n            </mat-icon>\n        </button>\n\n        <mat-menu #actionsMenu=\"matMenu\" xPosition=\"before\">\n            <ng-container *ngFor=\"let button of buttons; let i = index; first as isFirst\">\n                <button *ngIf=\"!isFirst\" mat-menu-item [pepDataQa]=\"button?.value\"\n                    (click)=\"onButtonClicked($event, button)\">\n                    <span [title]=\"button?.value\">{{ button?.value }}</span>\n                </button>\n            </ng-container>\n        </mat-menu>\n    </div>\n\n    <div *ngIf=\"viewType === 'split'\" class=\"split-buttons\">\n        <button *ngFor=\"let button of buttons; let index; let isFirst = first; let isLast = last\"\n            [pepDataQa]=\"button?.value\" mat-button pepButtonBlur\n            class=\"pep-button {{ sizeType }} {{ styleType }} {{ button?.classNames }} pull-left flip\"\n            [disabled]=\"buttonsDisabled || button.disabled\" [ngClass]=\"{\n                'first-button': isFirst, \n                'middle-button': !isFirst && !isLast, \n                'last-button': isLast, \n                'icon-button': button?.iconName && !button?.value}\" (click)=\"onButtonClicked($event, button)\">\n\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: {button: button}\"></ng-container>\n        </button>\n    </div>\n\n    <div *ngIf=\"viewType === 'toggle'\" class=\"toggle-buttons\" [ngClass]=\"{ 'stretch': stretch }\">\n        <button *ngFor=\"let button of buttons; let index; let isFirst = first; let isLast = last\"\n            [pepDataQa]=\"button?.value\" mat-button pepButtonBlur\n            class=\"pep-button {{ sizeType }} {{ styleType }} {{ button?.classNames }} pull-left flip\"\n            [disabled]=\"buttonsDisabled || button.disabled\" [ngClass]=\"{\n                'first-button': isFirst && !isLast, \n                'middle-button': !isFirst && !isLast, \n                'last-button': isLast && !isFirst,\n                'icon-button': button?.iconName && !button?.value,\n                'is-selected': button?.key !== '' && button?.key === selectedButtonKey}\"\n            (click)=\"onButtonClicked($event, button)\">\n            <ng-container *ngTemplateOutlet=\"contentTemplate; context: {button: button}\"></ng-container>\n        </button>\n    </div>\n</div>\n\n<ng-template #contentTemplate let-button=\"button\">\n    <mat-icon *ngIf=\"button.iconName && (!button.iconPosition || button.iconPosition === 'start')\"\n        [ngClass]=\"{ 'pull-left flip': button.value }\">\n        <pep-icon name=\"{{button.iconName}}\"></pep-icon>\n    </mat-icon>\n    <span *ngIf=\"button.value\" class=\"ellipsis pull-left flip\"\n        [ngClass]=\"{ 'button-title-with-icon': button.iconName, 'icon-before': button.iconPosition === 'start' }\"\n        [title]=\"button.value\">\n        {{button.value}}\n    </span>\n    <mat-icon *ngIf=\"button.iconName && button.iconPosition === 'end'\" [ngClass]=\"{ 'pull-left flip': button.value }\">\n        <pep-icon name=\"{{button.iconName}}\"></pep-icon>\n    </mat-icon>\n</ng-template>", styles: [".group-buttons-container{display:flex;border-radius:var(--pep-border-radius-md, .25rem)}.group-buttons-container .dropdown-buttons .first-button,.group-buttons-container .split-buttons .first-button,.group-buttons-container .toggle-buttons .first-button{margin-inline-end:1px}.group-buttons-container .dropdown-buttons .first-button,.group-buttons-container .dropdown-buttons .first-button:after,.group-buttons-container .split-buttons .first-button,.group-buttons-container .split-buttons .first-button:after,.group-buttons-container .toggle-buttons .first-button,.group-buttons-container .toggle-buttons .first-button:after{border-radius:var(--pep-border-radius-md, .25rem) 0 0 var(--pep-border-radius-md, .25rem)}.group-buttons-container .dropdown-buttons .last-button,.group-buttons-container .dropdown-buttons .last-button:after,.group-buttons-container .split-buttons .last-button,.group-buttons-container .split-buttons .last-button:after,.group-buttons-container .toggle-buttons .last-button,.group-buttons-container .toggle-buttons .last-button:after{border-radius:0 var(--pep-border-radius-md, .25rem) var(--pep-border-radius-md, .25rem) 0}.group-buttons-container .dropdown-buttons .pepperi-button,.group-buttons-container .dropdown-buttons .pep-button,.group-buttons-container .split-buttons .pepperi-button,.group-buttons-container .split-buttons .pep-button,.group-buttons-container .toggle-buttons .pepperi-button,.group-buttons-container .toggle-buttons .pep-button{margin-top:0!important}.group-buttons-container .dropdown-buttons .pepperi-button.cdk-focused,.group-buttons-container .dropdown-buttons .pep-button.cdk-focused,.group-buttons-container .split-buttons .pepperi-button.cdk-focused,.group-buttons-container .split-buttons .pep-button.cdk-focused,.group-buttons-container .toggle-buttons .pepperi-button.cdk-focused,.group-buttons-container .toggle-buttons .pep-button.cdk-focused{z-index:2}@media (max-width: 599px){.group-buttons-container .dropdown-buttons.dropup .first-button,.group-buttons-container .split-buttons.dropup .first-button,.group-buttons-container .toggle-buttons.dropup .first-button{max-width:200px;padding:0 .25rem}.group-buttons-container .dropdown-buttons.dropup .last-button,.group-buttons-container .split-buttons.dropup .last-button,.group-buttons-container .toggle-buttons.dropup .last-button{padding:0}}.group-buttons-container .split-buttons,.group-buttons-container .toggle-buttons{display:grid;grid-auto-flow:column}.group-buttons-container .split-buttons.stretch,.group-buttons-container .toggle-buttons.stretch{width:100%}.group-buttons-container .split-buttons .pep-button,.group-buttons-container .toggle-buttons .pep-button{max-width:unset;padding-inline:var(--pep-spacing-md, .75rem)}.group-buttons-container .split-buttons .first-button,.group-buttons-container .toggle-buttons .first-button{margin-inline-end:-1px}.group-buttons-container .split-buttons .middle-button,.group-buttons-container .toggle-buttons .middle-button{border-radius:0;margin-inline-end:-1px}\n", ".group-buttons-container .toggle-buttons .is-selected.weak{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 30%))}.group-buttons-container .toggle-buttons .is-selected.weak:hover{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),98%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),calc(var(--pep-color-regular-l, 10%) + 20%))}.group-buttons-container .toggle-buttons .is-selected.weak:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.group-buttons-container .toggle-buttons .is-selected.weak:active{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled){box-shadow:unset;border:unset;box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.04)!important;border:1px solid hsla(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.weak:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%)!important}.group-buttons-container .toggle-buttons .is-selected.regular{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.group-buttons-container .toggle-buttons .is-selected.regular:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.group-buttons-container .toggle-buttons .is-selected.regular:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.group-buttons-container .toggle-buttons .is-selected.regular:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.group-buttons-container .toggle-buttons .is-selected.regular:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:active{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative}.group-buttons-container .toggle-buttons .is-selected.regular:active:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.group-buttons-container .toggle-buttons .is-selected.regular:active:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):after{border:unset}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.group-buttons-container .toggle-buttons .is-selected.regular:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)!important;background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04)!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.PepLayoutService }]; }, propDecorators: { viewType: [{
+                type: Input
+            }], styleType: [{
+                type: Input
+            }], sizeType: [{
+                type: Input
+            }], buttons: [{
+                type: Input
+            }], buttonsDisabled: [{
+                type: Input
+            }], supportUnselect: [{
+                type: Input
+            }], selectedButtonKey: [{
+                type: Input
+            }], stretch: [{
+                type: Input
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtYnV0dG9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2dyb3VwLWJ1dHRvbnMvZ3JvdXAtYnV0dG9ucy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2dyb3VwLWJ1dHRvbnMvZ3JvdXAtYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUVULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDZSxpQkFBaUIsRUFDdEMsTUFBTSx5QkFBeUIsQ0FBQzs7Ozs7Ozs7QUFZakMsTUFBTSxPQUFPLHdCQUF3QjtJQWlCZDtJQWhCbkIsaUJBQWlCLEdBQUcsaUJBQWlCLENBQUM7SUFDdEMsVUFBVSxDQUFvQjtJQUVyQixRQUFRLEdBQTRCLFNBQVMsQ0FBQztJQUM5QyxTQUFTLEdBQWlCLE1BQU0sQ0FBQztJQUNqQyxRQUFRLEdBQWdCLElBQUksQ0FBQztJQUM3QixPQUFPLEdBQXFCLEVBQUUsQ0FBQztJQUMvQixlQUFlLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLGVBQWUsR0FBRyxLQUFLLENBQUM7SUFDeEIsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFHekIsV0FBVyxHQUF1QyxJQUFJLFlBQVksRUFBd0IsQ0FBQztJQUczRixZQUFtQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFDOUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDNUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7UUFDM0IsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsV0FBVztRQUNQLDBCQUEwQjtRQUMxQixzQ0FBc0M7UUFDdEMsSUFBSTtJQUNSLENBQUM7SUFFRCxlQUFlLENBQUMsS0FBWSxFQUFFLE1BQWlCO1FBQzNDLE1BQU0sUUFBUSxHQUFZLElBQUksQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLGlCQUFpQixLQUFLLE1BQU0sRUFBRSxHQUFHLENBQUM7UUFFekYsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsR0FBRyxDQUFDO1FBRXJELE1BQU0sV0FBVyxHQUFHO1lBQ2hCLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUNoQyxLQUFLO1NBQ1IsQ0FBQztRQUVGLElBQUksTUFBTSxFQUFFLFFBQVEsRUFBRTtZQUNsQixNQUFNLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ2hDO2FBQU07WUFDSCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztTQUN0QztJQUNMLENBQUM7d0dBNUNRLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLDBVQ3JCckMsdTlJQThFYzs7NEZEekRELHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDSSxtQkFBbUI7dUdBUXBCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFHTixXQUFXO3NCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIEV2ZW50RW1pdHRlcixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIFBlcExheW91dFNlcnZpY2UsIFBlcFNjcmVlblNpemVUeXBlLCBQZXBTdHlsZVR5cGUsIFBlcFNpemVUeXBlXG59IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7XG4gICAgUGVwQnV0dG9uLFxuICAgIElQZXBCdXR0b25DbGlja0V2ZW50LFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9idXR0b24nO1xuXG5leHBvcnQgdHlwZSBQZXBHcm91cEJ1dHRvbnNWaWV3VHlwZSA9ICdyZWd1bGFyJyB8ICdkcm9wZG93bicgfCAnc3BsaXQnIHwgJ3RvZ2dsZSc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3BlcC1ncm91cC1idXR0b25zJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3JvdXAtYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAtYnV0dG9ucy5jb21wb25lbnQuc2NzcycsICcuL2dyb3VwLWJ1dHRvbnMuY29tcG9uZW50LnRoZW1lLnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGVwR3JvdXBCdXR0b25zQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBQZXBTY3JlZW5TaXplVHlwZSA9IFBlcFNjcmVlblNpemVUeXBlO1xuICAgIHNjcmVlblNpemU6IFBlcFNjcmVlblNpemVUeXBlO1xuXG4gICAgQElucHV0KCkgdmlld1R5cGU6IFBlcEdyb3VwQnV0dG9uc1ZpZXdUeXBlID0gJ3JlZ3VsYXInO1xuICAgIEBJbnB1dCgpIHN0eWxlVHlwZTogUGVwU3R5bGVUeXBlID0gJ3dlYWsnO1xuICAgIEBJbnB1dCgpIHNpemVUeXBlOiBQZXBTaXplVHlwZSA9ICdtZCc7XG4gICAgQElucHV0KCkgYnV0dG9uczogQXJyYXk8UGVwQnV0dG9uPiA9IFtdO1xuICAgIEBJbnB1dCgpIGJ1dHRvbnNEaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHN1cHBvcnRVbnNlbGVjdCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlbGVjdGVkQnV0dG9uS2V5ID0gJyc7XG4gICAgQElucHV0KCkgc3RyZXRjaCA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgYnV0dG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxJUGVwQnV0dG9uQ2xpY2tFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPElQZXBCdXR0b25DbGlja0V2ZW50PigpO1xuXG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgbGF5b3V0U2VydmljZTogUGVwTGF5b3V0U2VydmljZSkge1xuICAgICAgICB0aGlzLmxheW91dFNlcnZpY2Uub25SZXNpemUkLnN1YnNjcmliZSgoc2l6ZSkgPT4ge1xuICAgICAgICAgICAgdGhpcy5zY3JlZW5TaXplID0gc2l6ZTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIC8vIGlmICh0aGlzLmJ1dHRvbkNsaWNrKSB7XG4gICAgICAgIC8vICAgICB0aGlzLmJ1dHRvbkNsaWNrLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIC8vIH1cbiAgICB9XG5cbiAgICBvbkJ1dHRvbkNsaWNrZWQoZXZlbnQ6IEV2ZW50LCBidXR0b246IFBlcEJ1dHRvbik6IHZvaWQgeyAgICAgICBcbiAgICAgICAgY29uc3QgdW5zZWxlY3Q6IGJvb2xlYW4gPSB0aGlzLnN1cHBvcnRVbnNlbGVjdCAmJiB0aGlzLnNlbGVjdGVkQnV0dG9uS2V5ID09PSBidXR0b24/LmtleTtcblxuICAgICAgICB0aGlzLnNlbGVjdGVkQnV0dG9uS2V5ID0gdW5zZWxlY3QgPyAnJyA6IGJ1dHRvbj8ua2V5O1xuICAgICAgICBcbiAgICAgICAgY29uc3QgYnV0dG9uQ2xpY2sgPSB7XG4gICAgICAgICAgICBzb3VyY2U6IHVuc2VsZWN0ID8gbnVsbCA6IGJ1dHRvbiwgXG4gICAgICAgICAgICBldmVudCxcbiAgICAgICAgfTtcblxuICAgICAgICBpZiAoYnV0dG9uPy5jYWxsYmFjaykge1xuICAgICAgICAgICAgYnV0dG9uLmNhbGxiYWNrKGJ1dHRvbkNsaWNrKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMuYnV0dG9uQ2xpY2suZW1pdChidXR0b25DbGljayk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3JvdXAtYnV0dG9ucy1jb250YWluZXJcIiBwZXBSdGxEaXJlY3Rpb24+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZpZXdUeXBlID09PSAncmVndWxhcidcIj5cbiAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnNcIiBbcGVwRGF0YVFhXT1cImJ1dHRvbj8udmFsdWVcIlxuICAgICAgICAgICAgY2xhc3M9XCJwZXAtYnV0dG9uIHBlcC1zcGFjaW5nLWVsZW1lbnQgcHVsbC1sZWZ0IGZsaXAgZmlyc3QtYnV0dG9uIHt7IHNpemVUeXBlIH19IHt7IHN0eWxlVHlwZSB9fVwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiYnV0dG9uc0Rpc2FibGVkIHx8IGJ1dHRvbi5kaXNhYmxlZFwiIG1hdC1idXR0b24gKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZCgkZXZlbnQsIGJ1dHRvbilcIj5cbiAgICAgICAgICAgIDxzcGFuIFt0aXRsZV09XCJidXR0b24/LnZhbHVlXCI+e3sgYnV0dG9uPy52YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8ZGl2ICpuZ0lmPVwidmlld1R5cGUgPT09ICdkcm9wZG93bidcIiBjbGFzcz1cImRyb3Bkb3duLWJ1dHRvbnMgcGVwLXNwYWNpbmctZWxlbWVudFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntkcm9wdXA6IHNjcmVlblNpemUgPj0gUGVwU2NyZWVuU2l6ZVR5cGUuTUR9XCI+XG4gICAgICAgIDxidXR0b24gW3BlcERhdGFRYV09XCJidXR0b25zWzBdPy52YWx1ZVwiXG4gICAgICAgICAgICBjbGFzcz1cInBlcC1idXR0b24gcHVsbC1sZWZ0IGZsaXAgZmlyc3QtYnV0dG9uIHt7IHNpemVUeXBlIH19IHt7IHN0eWxlVHlwZSB9fVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGlja2VkKCRldmVudCwgYnV0dG9uc1swXSlcIiBbZGlzYWJsZWRdPVwiYnV0dG9uc0Rpc2FibGVkIHx8IGJ1dHRvbnNbMF0uZGlzYWJsZWRcIlxuICAgICAgICAgICAgbWF0LWJ1dHRvbj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWxsaXBzaXNcIiBbdGl0bGVdPVwiYnV0dG9uc1swXT8udmFsdWVcIj57eyBidXR0b25zWzBdPy52YWx1ZSB9fTwvc3Bhbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gY2xhc3M9XCJwZXAtYnV0dG9uIGljb24tYnV0dG9uIHB1bGwtcmlnaHQgZmxpcCBsYXN0LWJ1dHRvbiB7eyBzaXplVHlwZSB9fSB7eyBzdHlsZVR5cGUgfX1cIlxuICAgICAgICAgICAgW21hdE1lbnVUcmlnZ2VyRm9yXT1cImFjdGlvbnNNZW51XCIgW2Rpc2FibGVkXT1cImJ1dHRvbnNEaXNhYmxlZFwiIHBlcE1lbnVCbHVyIG1hdC1idXR0b24+XG4gICAgICAgICAgICA8bWF0LWljb24+XG4gICAgICAgICAgICAgICAgPHBlcC1pY29uIG5hbWU9XCJ7eyBzY3JlZW5TaXplIDwgUGVwU2NyZWVuU2l6ZVR5cGUuTUQgPyAnYXJyb3dfZG93bicgOiAnYXJyb3dfdXAnIH19XCI+XG4gICAgICAgICAgICAgICAgPC9wZXAtaWNvbj5cbiAgICAgICAgICAgIDwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuXG4gICAgICAgIDxtYXQtbWVudSAjYWN0aW9uc01lbnU9XCJtYXRNZW51XCIgeFBvc2l0aW9uPVwiYmVmb3JlXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uczsgbGV0IGkgPSBpbmRleDsgZmlyc3QgYXMgaXNGaXJzdFwiPlxuICAgICAgICAgICAgICAgIDxidXR0b24gKm5nSWY9XCIhaXNGaXJzdFwiIG1hdC1tZW51LWl0ZW0gW3BlcERhdGFRYV09XCJidXR0b24/LnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZCgkZXZlbnQsIGJ1dHRvbilcIj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gW3RpdGxlXT1cImJ1dHRvbj8udmFsdWVcIj57eyBidXR0b24/LnZhbHVlIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbWF0LW1lbnU+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2ICpuZ0lmPVwidmlld1R5cGUgPT09ICdzcGxpdCdcIiBjbGFzcz1cInNwbGl0LWJ1dHRvbnNcIj5cbiAgICAgICAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgYnV0dG9uIG9mIGJ1dHRvbnM7IGxldCBpbmRleDsgbGV0IGlzRmlyc3QgPSBmaXJzdDsgbGV0IGlzTGFzdCA9IGxhc3RcIlxuICAgICAgICAgICAgW3BlcERhdGFRYV09XCJidXR0b24/LnZhbHVlXCIgbWF0LWJ1dHRvbiBwZXBCdXR0b25CbHVyXG4gICAgICAgICAgICBjbGFzcz1cInBlcC1idXR0b24ge3sgc2l6ZVR5cGUgfX0ge3sgc3R5bGVUeXBlIH19IHt7IGJ1dHRvbj8uY2xhc3NOYW1lcyB9fSBwdWxsLWxlZnQgZmxpcFwiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiYnV0dG9uc0Rpc2FibGVkIHx8IGJ1dHRvbi5kaXNhYmxlZFwiIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAnZmlyc3QtYnV0dG9uJzogaXNGaXJzdCwgXG4gICAgICAgICAgICAgICAgJ21pZGRsZS1idXR0b24nOiAhaXNGaXJzdCAmJiAhaXNMYXN0LCBcbiAgICAgICAgICAgICAgICAnbGFzdC1idXR0b24nOiBpc0xhc3QsIFxuICAgICAgICAgICAgICAgICdpY29uLWJ1dHRvbic6IGJ1dHRvbj8uaWNvbk5hbWUgJiYgIWJ1dHRvbj8udmFsdWV9XCIgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZCgkZXZlbnQsIGJ1dHRvbilcIj5cblxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRUZW1wbGF0ZTsgY29udGV4dDoge2J1dHRvbjogYnV0dG9ufVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJ2aWV3VHlwZSA9PT0gJ3RvZ2dsZSdcIiBjbGFzcz1cInRvZ2dsZS1idXR0b25zXCIgW25nQ2xhc3NdPVwieyAnc3RyZXRjaCc6IHN0cmV0Y2ggfVwiPlxuICAgICAgICA8YnV0dG9uICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uczsgbGV0IGluZGV4OyBsZXQgaXNGaXJzdCA9IGZpcnN0OyBsZXQgaXNMYXN0ID0gbGFzdFwiXG4gICAgICAgICAgICBbcGVwRGF0YVFhXT1cImJ1dHRvbj8udmFsdWVcIiBtYXQtYnV0dG9uIHBlcEJ1dHRvbkJsdXJcbiAgICAgICAgICAgIGNsYXNzPVwicGVwLWJ1dHRvbiB7eyBzaXplVHlwZSB9fSB7eyBzdHlsZVR5cGUgfX0ge3sgYnV0dG9uPy5jbGFzc05hbWVzIH19IHB1bGwtbGVmdCBmbGlwXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJidXR0b25zRGlzYWJsZWQgfHwgYnV0dG9uLmRpc2FibGVkXCIgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICdmaXJzdC1idXR0b24nOiBpc0ZpcnN0ICYmICFpc0xhc3QsIFxuICAgICAgICAgICAgICAgICdtaWRkbGUtYnV0dG9uJzogIWlzRmlyc3QgJiYgIWlzTGFzdCwgXG4gICAgICAgICAgICAgICAgJ2xhc3QtYnV0dG9uJzogaXNMYXN0ICYmICFpc0ZpcnN0LFxuICAgICAgICAgICAgICAgICdpY29uLWJ1dHRvbic6IGJ1dHRvbj8uaWNvbk5hbWUgJiYgIWJ1dHRvbj8udmFsdWUsXG4gICAgICAgICAgICAgICAgJ2lzLXNlbGVjdGVkJzogYnV0dG9uPy5rZXkgIT09ICcnICYmIGJ1dHRvbj8ua2V5ID09PSBzZWxlY3RlZEJ1dHRvbktleX1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2tlZCgkZXZlbnQsIGJ1dHRvbilcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50VGVtcGxhdGU7IGNvbnRleHQ6IHtidXR0b246IGJ1dHRvbn1cIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNjb250ZW50VGVtcGxhdGUgbGV0LWJ1dHRvbj1cImJ1dHRvblwiPlxuICAgIDxtYXQtaWNvbiAqbmdJZj1cImJ1dHRvbi5pY29uTmFtZSAmJiAoIWJ1dHRvbi5pY29uUG9zaXRpb24gfHwgYnV0dG9uLmljb25Qb3NpdGlvbiA9PT0gJ3N0YXJ0JylcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdwdWxsLWxlZnQgZmxpcCc6IGJ1dHRvbi52YWx1ZSB9XCI+XG4gICAgICAgIDxwZXAtaWNvbiBuYW1lPVwie3tidXR0b24uaWNvbk5hbWV9fVwiPjwvcGVwLWljb24+XG4gICAgPC9tYXQtaWNvbj5cbiAgICA8c3BhbiAqbmdJZj1cImJ1dHRvbi52YWx1ZVwiIGNsYXNzPVwiZWxsaXBzaXMgcHVsbC1sZWZ0IGZsaXBcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdidXR0b24tdGl0bGUtd2l0aC1pY29uJzogYnV0dG9uLmljb25OYW1lLCAnaWNvbi1iZWZvcmUnOiBidXR0b24uaWNvblBvc2l0aW9uID09PSAnc3RhcnQnIH1cIlxuICAgICAgICBbdGl0bGVdPVwiYnV0dG9uLnZhbHVlXCI+XG4gICAgICAgIHt7YnV0dG9uLnZhbHVlfX1cbiAgICA8L3NwYW4+XG4gICAgPG1hdC1pY29uICpuZ0lmPVwiYnV0dG9uLmljb25OYW1lICYmIGJ1dHRvbi5pY29uUG9zaXRpb24gPT09ICdlbmQnXCIgW25nQ2xhc3NdPVwieyAncHVsbC1sZWZ0IGZsaXAnOiBidXR0b24udmFsdWUgfVwiPlxuICAgICAgICA8cGVwLWljb24gbmFtZT1cInt7YnV0dG9uLmljb25OYW1lfX1cIj48L3BlcC1pY29uPlxuICAgIDwvbWF0LWljb24+XG48L25nLXRlbXBsYXRlPiJdfQ==

package/esm2022/group-buttons/group-buttons.module.mjs

@@ -0,0 +1,60 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatCommonModule } from '@angular/material/core';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatButtonModule } from '@angular/material/button';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatIconModule } from '@angular/material/icon';
+import { PepNgxLibModule } from '@pepperi-addons/ngx-lib';
+import { PepIconModule, pepIconArrowUp, pepIconArrowDown, } from '@pepperi-addons/ngx-lib/icon';
+import { PepGroupButtonsComponent } from './group-buttons.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib/icon";
+export class PepGroupButtonsModule {
+    pepIconRegistry;
+    constructor(pepIconRegistry) {
+        this.pepIconRegistry = pepIconRegistry;
+        this.pepIconRegistry.registerIcons([pepIconArrowUp, pepIconArrowDown]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsModule, declarations: [PepGroupButtonsComponent], imports: [CommonModule,
+            // Material modules
+            MatCommonModule,
+            MatFormFieldModule,
+            MatButtonModule,
+            MatMenuModule,
+            MatIconModule,
+            // ngx-lib modules
+            PepNgxLibModule,
+            PepIconModule], exports: [PepGroupButtonsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsModule, imports: [CommonModule,
+            // Material modules
+            MatCommonModule,
+            MatFormFieldModule,
+            MatButtonModule,
+            MatMenuModule,
+            MatIconModule,
+            // ngx-lib modules
+            PepNgxLibModule,
+            PepIconModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepGroupButtonsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        // Material modules
+                        MatCommonModule,
+                        MatFormFieldModule,
+                        MatButtonModule,
+                        MatMenuModule,
+                        MatIconModule,
+                        // ngx-lib modules
+                        PepNgxLibModule,
+                        PepIconModule,
+                    ],
+                    exports: [PepGroupButtonsComponent],
+                    declarations: [PepGroupButtonsComponent],
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAtYnV0dG9ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2dyb3VwLWJ1dHRvbnMvZ3JvdXAtYnV0dG9ucy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXZELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsYUFBYSxFQUViLGNBQWMsRUFDZCxnQkFBZ0IsR0FDbkIsTUFBTSw4QkFBOEIsQ0FBQztBQUV0QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBa0JyRSxNQUFNLE9BQU8scUJBQXFCO0lBQ1Y7SUFBcEIsWUFBb0IsZUFBZ0M7UUFBaEMsb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUMsY0FBYyxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQztJQUMzRSxDQUFDO3dHQUhRLHFCQUFxQjt5R0FBckIscUJBQXFCLGlCQUZmLHdCQUF3QixhQVpuQyxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGFBQWE7WUFDYixhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixhQUFhLGFBRVAsd0JBQXdCO3lHQUd6QixxQkFBcUIsWUFkMUIsWUFBWTtZQUNaLG1CQUFtQjtZQUNuQixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixhQUFhO1lBQ2IsYUFBYTtZQUNiLGtCQUFrQjtZQUNsQixlQUFlO1lBQ2YsYUFBYTs7NEZBS1IscUJBQXFCO2tCQWhCakMsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUU7d0JBQ0wsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYixrQkFBa0I7d0JBQ2xCLGVBQWU7d0JBQ2YsYUFBYTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ25DLFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUMzQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBNYXRDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcblxuaW1wb3J0IHsgUGVwTmd4TGliTW9kdWxlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHtcbiAgICBQZXBJY29uTW9kdWxlLFxuICAgIFBlcEljb25SZWdpc3RyeSxcbiAgICBwZXBJY29uQXJyb3dVcCxcbiAgICBwZXBJY29uQXJyb3dEb3duLFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcblxuaW1wb3J0IHsgUGVwR3JvdXBCdXR0b25zQ29tcG9uZW50IH0gZnJvbSAnLi9ncm91cC1idXR0b25zLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIC8vIE1hdGVyaWFsIG1vZHVsZXNcbiAgICAgICAgTWF0Q29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgTWF0TWVudU1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgLy8gbmd4LWxpYiBtb2R1bGVzXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBHcm91cEJ1dHRvbnNDb21wb25lbnRdLFxuICAgIGRlY2xhcmF0aW9uczogW1BlcEdyb3VwQnV0dG9uc0NvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcEdyb3VwQnV0dG9uc01vZHVsZSB7XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBwZXBJY29uUmVnaXN0cnk6IFBlcEljb25SZWdpc3RyeSkge1xuICAgICAgICB0aGlzLnBlcEljb25SZWdpc3RyeS5yZWdpc3Rlckljb25zKFtwZXBJY29uQXJyb3dVcCwgcGVwSWNvbkFycm93RG93bl0pO1xuICAgIH1cbn1cbiJdfQ==

package/esm2022/icon/icon-registry.service.mjs

@@ -0,0 +1,24 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+export class PepIconRegistry {
+    registry = new Map();
+    registerIcons(icons) {
+        icons.forEach((icon) => this.registry.set(icon.name, icon.data));
+    }
+    getIcon(iconName) {
+        if (!this.registry.has(iconName)) {
+            console.warn(`We could not find the Icon with the name ${iconName},
+                did you add it to the Icon registry?`);
+        }
+        return this.registry.get(iconName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconRegistry, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconRegistry, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1yZWdpc3RyeS5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9pY29uL2ljb24tcmVnaXN0cnkuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU0zQyxNQUFNLE9BQU8sZUFBZTtJQUNoQixRQUFRLEdBQUcsSUFBSSxHQUFHLEVBQXVCLENBQUM7SUFFM0MsYUFBYSxDQUFDLEtBQXFCO1FBQ3RDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFrQixFQUFFLEVBQUUsQ0FDakMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQzFDLENBQUM7SUFDTixDQUFDO0lBRU0sT0FBTyxDQUFDLFFBQXFCO1FBQ2hDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsRUFBRTtZQUM5QixPQUFPLENBQUMsSUFBSSxDQUFDLDRDQUE0QyxRQUFRO3FEQUN4QixDQUFDLENBQUM7U0FDOUM7UUFDRCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7d0dBZlEsZUFBZTs0R0FBZixlQUFlLGNBRlosTUFBTTs7NEZBRVQsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDUixVQUFVLEVBQUUsTUFBTTtpQkFDckIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJUGVwSWNvbkRhdGEsIFBlcEljb25UeXBlIH0gZnJvbSAnLi9pY29uLWdlbmVyYXRlZC5tb2RlbCc7XG5cbkBJbmplY3RhYmxlKHtcbiAgICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIFBlcEljb25SZWdpc3RyeSB7XG4gICAgcHJpdmF0ZSByZWdpc3RyeSA9IG5ldyBNYXA8UGVwSWNvblR5cGUsIHN0cmluZz4oKTtcblxuICAgIHB1YmxpYyByZWdpc3Rlckljb25zKGljb25zOiBJUGVwSWNvbkRhdGFbXSk6IHZvaWQge1xuICAgICAgICBpY29ucy5mb3JFYWNoKChpY29uOiBJUGVwSWNvbkRhdGEpID0+XG4gICAgICAgICAgICB0aGlzLnJlZ2lzdHJ5LnNldChpY29uLm5hbWUsIGljb24uZGF0YSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ2V0SWNvbihpY29uTmFtZTogUGVwSWNvblR5cGUpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICBpZiAoIXRoaXMucmVnaXN0cnkuaGFzKGljb25OYW1lKSkge1xuICAgICAgICAgICAgY29uc29sZS53YXJuKGBXZSBjb3VsZCBub3QgZmluZCB0aGUgSWNvbiB3aXRoIHRoZSBuYW1lICR7aWNvbk5hbWV9LFxuICAgICAgICAgICAgICAgIGRpZCB5b3UgYWRkIGl0IHRvIHRoZSBJY29uIHJlZ2lzdHJ5P2ApO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLnJlZ2lzdHJ5LmdldChpY29uTmFtZSk7XG4gICAgfVxufVxuIl19

package/esm2022/icon/icon.component.mjs

@@ -0,0 +1,95 @@
+import { ChangeDetectionStrategy, Component, Input, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./icon.service";
+export class PepIconComponent {
+    renderer;
+    element;
+    pepIconService;
+    svgIcon;
+    _spin = false;
+    /**
+     * If icon spin
+     *
+     * @memberof PepIconComponent
+     */
+    set spin(value) {
+        this._spin = value;
+        this.setSpin();
+    }
+    /**
+     * The icon name. look in (#ICON LIST)
+     *
+     * @type {PepIconType} See {@link PepIconType}
+     * @memberof PepIconComponent
+     */
+    set name(iconName) {
+        if (this.svgIcon) {
+            this.element.nativeElement.removeChild(this.svgIcon);
+        }
+        this.svgIcon = this.pepIconService.getSvgIcon(iconName);
+        if (this.svgIcon) {
+            this.element.nativeElement.appendChild(this.svgIcon);
+            this.setFill();
+            this.setSpin();
+        }
+    }
+    _fill = null;
+    /**
+     * The fill color of the icon like #cccccc
+     *
+     * @type {Color}
+     * @memberof PepIconComponent
+     */
+    set fill(value) {
+        this._fill = value;
+        this.setFill();
+    }
+    constructor(renderer, element, pepIconService) {
+        this.renderer = renderer;
+        this.element = element;
+        this.pepIconService = pepIconService;
+    }
+    /**
+     * Set fill on the svg icon.
+     *
+     * @private
+     * @memberof PepIconComponent
+     */
+    setFill() {
+        if (this.svgIcon && this._fill) {
+            const colorProperty = this.svgIcon.classList.contains('stroke')
+                ? 'stroke'
+                : 'fill';
+            this.renderer.setStyle(this.svgIcon, colorProperty, this._fill);
+        }
+    }
+    /**
+     * Toggle  spin class by spin property.
+     *
+     * @private
+     * @memberof PepIconComponent
+     */
+    setSpin() {
+        if (this.svgIcon) {
+            if (this._spin) {
+                this.renderer.addClass(this.svgIcon, 'spin');
+            }
+            else {
+                this.renderer.removeClass(this.svgIcon, 'spin');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.PepIconService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepIconComponent, selector: "pep-icon", inputs: { spin: "spin", name: "name", fill: "fill" }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-items:center;width:inherit;height:inherit;align-content:center;justify-content:center}:host::ng-deep svg{width:inherit;height:inherit}:host::ng-deep svg.spin{animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;justify-items:center;width:inherit;height:inherit;align-content:center;justify-content:center}:host::ng-deep svg{width:inherit;height:inherit}:host::ng-deep svg.spin{animation:rotation 2s infinite linear}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.PepIconService }]; }, propDecorators: { spin: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2ljb24vaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2ljb24vaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFJVCxLQUFLLEdBSVIsTUFBTSxlQUFlLENBQUM7OztBQTJDdkIsTUFBTSxPQUFPLGdCQUFnQjtJQWtEYjtJQUNBO0lBQ0E7SUFuREosT0FBTyxDQUFhO0lBRXBCLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDdEI7Ozs7T0FJRztJQUNILElBQ0ksSUFBSSxDQUFDLEtBQWM7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILElBQ0ksSUFBSSxDQUFDLFFBQXFCO1FBQzFCLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDeEQ7UUFFRCxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBRXhELElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1NBQ2xCO0lBQ0wsQ0FBQztJQUVPLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDckI7Ozs7O09BS0c7SUFDSCxJQUNJLElBQUksQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQsWUFDWSxRQUFtQixFQUNuQixPQUFtQixFQUNuQixjQUE4QjtRQUY5QixhQUFRLEdBQVIsUUFBUSxDQUFXO1FBQ25CLFlBQU8sR0FBUCxPQUFPLENBQVk7UUFDbkIsbUJBQWMsR0FBZCxjQUFjLENBQWdCO0lBQ3RDLENBQUM7SUFFTDs7Ozs7T0FLRztJQUNLLE9BQU87UUFDWCxJQUFJLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUM1QixNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDO2dCQUMzRCxDQUFDLENBQUMsUUFBUTtnQkFDVixDQUFDLENBQUMsTUFBTSxDQUFDO1lBQ2IsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ25FO0lBQ0wsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0ssT0FBTztRQUNYLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtnQkFDWixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO2FBQ2hEO2lCQUFNO2dCQUNILElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7YUFDbkQ7U0FDSjtJQUNMLENBQUM7d0dBcEZRLGdCQUFnQjs0RkFBaEIsZ0JBQWdCLHNHQ3JEN0IsMkJBQXlCOzs0RkRxRFosZ0JBQWdCO2tCQXRDNUIsU0FBUzsrQkFDSSxVQUFVLG1CQW1DSCx1QkFBdUIsQ0FBQyxNQUFNO3NKQVkzQyxJQUFJO3NCQURQLEtBQUs7Z0JBYUYsSUFBSTtzQkFEUCxLQUFLO2dCQXVCRixJQUFJO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIEluamVjdCxcbiAgICBJbnB1dCxcbiAgICBPcHRpb25hbCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBQZXBJY29uVHlwZSB9IGZyb20gJy4vaWNvbi1nZW5lcmF0ZWQubW9kZWwnO1xuaW1wb3J0IHsgUGVwSWNvblNlcnZpY2UgfSBmcm9tICcuL2ljb24uc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLWljb24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgLy8gdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiBgLFxuICAgIC8vIHN0eWxlczogW1xuICAgIC8vICAgICBgXG4gICAgLy8gICAgICAgICA6aG9zdCB7XG4gICAgLy8gICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAvLyAgICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIC8vICAgICAgICAgICAgIGp1c3RpZnktaXRlbXM6IGNlbnRlcjtcbiAgICAvLyAgICAgICAgICAgICB3aWR0aDogaW5oZXJpdDtcbiAgICAvLyAgICAgICAgICAgICBoZWlnaHQ6IGluaGVyaXQ7XG4gICAgLy8gICAgICAgICAgICAgYWxpZ24tY29udGVudDogY2VudGVyO1xuICAgIC8vICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIC8vICAgICAgICAgfVxuXG4gICAgLy8gICAgICAgICA6aG9zdDo6bmctZGVlcCBzdmcge1xuICAgIC8vICAgICAgICAgICAgIHdpZHRoOiBpbmhlcml0O1xuICAgIC8vICAgICAgICAgICAgIGhlaWdodDogaW5oZXJpdDtcbiAgICAvLyAgICAgICAgIH1cblxuICAgIC8vICAgICAgICAgOmhvc3Q6Om5nLWRlZXAgc3ZnLnNwaW4ge1xuICAgIC8vICAgICAgICAgICAgIGFuaW1hdGlvbjogcm90YXRpb24gMnMgaW5maW5pdGUgbGluZWFyO1xuICAgIC8vICAgICAgICAgfVxuXG4gICAgLy8gICAgICAgICBAa2V5ZnJhbWVzIHJvdGF0aW9uIHtcbiAgICAvLyAgICAgICAgICAgICBmcm9tIHtcbiAgICAvLyAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgLy8gICAgICAgICAgICAgfVxuICAgIC8vICAgICAgICAgICAgIHRvIHtcbiAgICAvLyAgICAgICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzU5ZGVnKTtcbiAgICAvLyAgICAgICAgICAgICB9XG4gICAgLy8gICAgICAgICB9XG4gICAgLy8gICAgIGAsXG4gICAgLy8gXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgUGVwSWNvbkNvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSBzdmdJY29uOiBTVkdFbGVtZW50O1xuXG4gICAgcHJpdmF0ZSBfc3BpbiA9IGZhbHNlO1xuICAgIC8qKlxuICAgICAqIElmIGljb24gc3BpblxuICAgICAqXG4gICAgICogQG1lbWJlcm9mIFBlcEljb25Db21wb25lbnRcbiAgICAgKi9cbiAgICBASW5wdXQoKVxuICAgIHNldCBzcGluKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX3NwaW4gPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5zZXRTcGluKCk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogVGhlIGljb24gbmFtZS4gbG9vayBpbiAoI0lDT04gTElTVClcbiAgICAgKlxuICAgICAqIEB0eXBlIHtQZXBJY29uVHlwZX0gU2VlIHtAbGluayBQZXBJY29uVHlwZX1cbiAgICAgKiBAbWVtYmVyb2YgUGVwSWNvbkNvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IG5hbWUoaWNvbk5hbWU6IFBlcEljb25UeXBlKSB7XG4gICAgICAgIGlmICh0aGlzLnN2Z0ljb24pIHtcbiAgICAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LnJlbW92ZUNoaWxkKHRoaXMuc3ZnSWNvbik7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnN2Z0ljb24gPSB0aGlzLnBlcEljb25TZXJ2aWNlLmdldFN2Z0ljb24oaWNvbk5hbWUpO1xuICAgICAgICBcbiAgICAgICAgaWYgKHRoaXMuc3ZnSWNvbikge1xuICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy5zdmdJY29uKTtcbiAgICAgICAgICAgIHRoaXMuc2V0RmlsbCgpO1xuICAgICAgICAgICAgdGhpcy5zZXRTcGluKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcml2YXRlIF9maWxsID0gbnVsbDtcbiAgICAvKipcbiAgICAgKiBUaGUgZmlsbCBjb2xvciBvZiB0aGUgaWNvbiBsaWtlICNjY2NjY2NcbiAgICAgKlxuICAgICAqIEB0eXBlIHtDb2xvcn1cbiAgICAgKiBAbWVtYmVyb2YgUGVwSWNvbkNvbXBvbmVudFxuICAgICAqL1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IGZpbGwodmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLl9maWxsID0gdmFsdWU7XG4gICAgICAgIHRoaXMuc2V0RmlsbCgpO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgICAgIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSBwZXBJY29uU2VydmljZTogUGVwSWNvblNlcnZpY2VcbiAgICApIHsgfVxuXG4gICAgLyoqXG4gICAgICogU2V0IGZpbGwgb24gdGhlIHN2ZyBpY29uLlxuICAgICAqXG4gICAgICogQHByaXZhdGVcbiAgICAgKiBAbWVtYmVyb2YgUGVwSWNvbkNvbXBvbmVudFxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0RmlsbCgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuc3ZnSWNvbiAmJiB0aGlzLl9maWxsKSB7XG4gICAgICAgICAgICBjb25zdCBjb2xvclByb3BlcnR5ID0gdGhpcy5zdmdJY29uLmNsYXNzTGlzdC5jb250YWlucygnc3Ryb2tlJylcbiAgICAgICAgICAgICAgICA/ICdzdHJva2UnXG4gICAgICAgICAgICAgICAgOiAnZmlsbCc7XG4gICAgICAgICAgICB0aGlzLnJlbmRlcmVyLnNldFN0eWxlKHRoaXMuc3ZnSWNvbiwgY29sb3JQcm9wZXJ0eSwgdGhpcy5fZmlsbCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBUb2dnbGUgIHNwaW4gY2xhc3MgYnkgc3BpbiBwcm9wZXJ0eS5cbiAgICAgKlxuICAgICAqIEBwcml2YXRlXG4gICAgICogQG1lbWJlcm9mIFBlcEljb25Db21wb25lbnRcbiAgICAgKi9cbiAgICBwcml2YXRlIHNldFNwaW4oKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnN2Z0ljb24pIHtcbiAgICAgICAgICAgIGlmICh0aGlzLl9zcGluKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW5kZXJlci5hZGRDbGFzcyh0aGlzLnN2Z0ljb24sICdzcGluJyk7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3ModGhpcy5zdmdJY29uLCAnc3BpbicpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==

package/{esm2020 → esm2022}/icon/icon.module.mjs

@@ -4,11 +4,11 @@ import { PepIconComponent } from './icon.component';
 import { PepIconService } from './icon.service';
 import * as i0 from "@angular/core";
 export class PepIconModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepIconModule, declarations: [PepIconComponent], exports: [PepIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconModule, providers: [PepIconRegistry, PepIconService] });
 }
-PepIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepIconModule, declarations: [PepIconComponent], exports: [PepIconComponent] });
-PepIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepIconModule, providers: [PepIconRegistry, PepIconService] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PepIconComponent],
@@ -17,4 +17,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     providers: [PepIconRegistry, PepIconService]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2ljb24vaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVFoRCxNQUFNLE9BQU8sYUFBYTs7MkdBQWIsYUFBYTs0R0FBYixhQUFhLGlCQUxQLGdCQUFnQixhQUVyQixnQkFBZ0I7NEdBR2pCLGFBQWEsYUFGWCxDQUFDLGVBQWUsRUFBRSxjQUFjLENBQUM7NEZBRW5DLGFBQWE7a0JBTnpCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixTQUFTLEVBQUUsQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBJY29uUmVnaXN0cnkgfSBmcm9tICcuL2ljb24tcmVnaXN0cnkuc2VydmljZSc7XG5pbXBvcnQgeyBQZXBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQZXBJY29uU2VydmljZSB9IGZyb20gJy4vaWNvbi5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtQZXBJY29uQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXSxcbiAgICBleHBvcnRzOiBbUGVwSWNvbkNvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbUGVwSWNvblJlZ2lzdHJ5LCBQZXBJY29uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgUGVwSWNvbk1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL2ljb24vaWNvbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQVFoRCxNQUFNLE9BQU8sYUFBYTt3R0FBYixhQUFhO3lHQUFiLGFBQWEsaUJBTFAsZ0JBQWdCLGFBRXJCLGdCQUFnQjt5R0FHakIsYUFBYSxhQUZYLENBQUMsZUFBZSxFQUFFLGNBQWMsQ0FBQzs7NEZBRW5DLGFBQWE7a0JBTnpCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFLENBQUMsZ0JBQWdCLENBQUM7b0JBQ2hDLE9BQU8sRUFBRSxFQUFFO29CQUNYLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUMzQixTQUFTLEVBQUUsQ0FBQyxlQUFlLEVBQUUsY0FBYyxDQUFDO2lCQUMvQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQZXBJY29uUmVnaXN0cnkgfSBmcm9tICcuL2ljb24tcmVnaXN0cnkuc2VydmljZSc7XG5pbXBvcnQgeyBQZXBJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9pY29uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQZXBJY29uU2VydmljZSB9IGZyb20gJy4vaWNvbi5zZXJ2aWNlJztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtQZXBJY29uQ29tcG9uZW50XSxcbiAgICBpbXBvcnRzOiBbXSxcbiAgICBleHBvcnRzOiBbUGVwSWNvbkNvbXBvbmVudF0sXG4gICAgcHJvdmlkZXJzOiBbUGVwSWNvblJlZ2lzdHJ5LCBQZXBJY29uU2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgUGVwSWNvbk1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/icon/icon.service.mjs

@@ -0,0 +1,34 @@
+import { Inject, Injectable, Optional } from "@angular/core";
+import { DOCUMENT } from '@angular/common';
+import * as i0 from "@angular/core";
+import * as i1 from "@pepperi-addons/ngx-lib";
+import * as i2 from "./icon-registry.service";
+export class PepIconService {
+    utilitiesService;
+    iconRegistry;
+    document;
+    constructor(utilitiesService, iconRegistry, document) {
+        this.utilitiesService = utilitiesService;
+        this.iconRegistry = iconRegistry;
+        this.document = document;
+    }
+    getSvgIcon(iconName) {
+        const svgData = this.iconRegistry.getIcon(iconName);
+        const svgIcon = this.utilitiesService.getSvgElementFromString(this.document, svgData);
+        return svgIcon;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconService, deps: [{ token: i1.PepUtilitiesService }, { token: i2.PepIconRegistry }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepIconService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PepUtilitiesService }, { type: i2.PepIconRegistry }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LWxpYi9pY29uL2ljb24uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7O0FBUTNDLE1BQU0sT0FBTyxjQUFjO0lBRVg7SUFDQTtJQUM4QjtJQUgxQyxZQUNZLGdCQUFxQyxFQUNyQyxZQUE2QixFQUNDLFFBQWE7UUFGM0MscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFxQjtRQUNyQyxpQkFBWSxHQUFaLFlBQVksQ0FBaUI7UUFDQyxhQUFRLEdBQVIsUUFBUSxDQUFLO0lBQ3ZELENBQUM7SUFFRCxVQUFVLENBQUMsUUFBcUI7UUFDNUIsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDcEQsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLHVCQUF1QixDQUN6RCxJQUFJLENBQUMsUUFBUSxFQUNiLE9BQU8sQ0FDVixDQUFDO1FBRUYsT0FBTyxPQUFPLENBQUM7SUFDbkIsQ0FBQzt3R0FmUSxjQUFjLG9GQUlDLFFBQVE7NEdBSnZCLGNBQWMsY0FGWCxNQUFNOzs0RkFFVCxjQUFjO2tCQUgxQixVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQjs7MEJBS1EsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlLCBPcHRpb25hbCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBET0NVTUVOVCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQZXBVdGlsaXRpZXNTZXJ2aWNlIH0gZnJvbSAnQHBlcHBlcmktYWRkb25zL25neC1saWInO1xuaW1wb3J0IHsgUGVwSWNvblJlZ2lzdHJ5IH0gZnJvbSAnLi9pY29uLXJlZ2lzdHJ5LnNlcnZpY2UnO1xuaW1wb3J0IHsgUGVwSWNvblR5cGUgfSBmcm9tIFwiLi9pY29uLWdlbmVyYXRlZC5tb2RlbFwiO1xuXG5ASW5qZWN0YWJsZSh7XG4gICAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBJY29uU2VydmljZSB7XG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgdXRpbGl0aWVzU2VydmljZTogUGVwVXRpbGl0aWVzU2VydmljZSxcbiAgICAgICAgcHJpdmF0ZSBpY29uUmVnaXN0cnk6IFBlcEljb25SZWdpc3RyeSxcbiAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChET0NVTUVOVCkgcHJpdmF0ZSBkb2N1bWVudDogYW55KSB7XG4gICAgfVxuXG4gICAgZ2V0U3ZnSWNvbihpY29uTmFtZTogUGVwSWNvblR5cGUpOiBTVkdFbGVtZW50IHtcbiAgICAgICAgY29uc3Qgc3ZnRGF0YSA9IHRoaXMuaWNvblJlZ2lzdHJ5LmdldEljb24oaWNvbk5hbWUpO1xuICAgICAgICBjb25zdCBzdmdJY29uID0gdGhpcy51dGlsaXRpZXNTZXJ2aWNlLmdldFN2Z0VsZW1lbnRGcm9tU3RyaW5nKFxuICAgICAgICAgICAgdGhpcy5kb2N1bWVudCxcbiAgICAgICAgICAgIHN2Z0RhdGFcbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gc3ZnSWNvbjtcbiAgICB9XG5cbn0iXX0=