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

package/esm2022/select/select.module.mjs

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

package/esm2022/select-panel/select-panel.component.mjs

@@ -0,0 +1,161 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { DEFAULT_HORIZONTAL_ALIGNMENT, PepSelectField, PepGuid } 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/forms";
+import * as i4 from "@angular/material/checkbox";
+import * as i5 from "@angular/material/radio";
+import * as i6 from "@pepperi-addons/ngx-lib/field-title";
+/**
+ * This is a button component that support pepperi theme
+ * style & state & sizes
+ *
+ * @export
+ * @class PepSelectPanelComponent
+ * @implements {OnDestroy}
+ */
+export class PepSelectPanelComponent {
+    renderer;
+    customizationService;
+    element;
+    form = null;
+    layoutType = 'form';
+    xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+    renderTitle = true;
+    showTitle = true;
+    label = '';
+    mandatory = false;
+    disabled = false;
+    // @Input() classNames = '';
+    isMultiSelect = false;
+    _numOfCol = 1;
+    set numOfCol(value) {
+        if (!value) {
+            value = 1;
+        }
+        this._numOfCol = value;
+        this.setNumOfColumns();
+    }
+    _value = '';
+    set value(value) {
+        if (!value) {
+            value = '';
+        }
+        this._value = value;
+    }
+    get value() {
+        return this._value;
+    }
+    _options = [];
+    set options(value) {
+        if (!value) {
+            value = [];
+        }
+        this._options = value;
+        this.initOptionsMap();
+    }
+    get options() {
+        return this._options;
+    }
+    groupName = PepGuid.newGuid();
+    valueChange = new EventEmitter();
+    selectPanel;
+    optionsMap = [];
+    constructor(renderer, customizationService, element) {
+        this.renderer = renderer;
+        this.customizationService = customizationService;
+        this.element = element;
+    }
+    setDefaultForm() {
+        const pepField = new PepSelectField({
+            //key: this.key,
+            value: this.value,
+            mandatory: this.mandatory,
+            readonly: false,
+            disabled: this.disabled,
+        });
+        this.form = this.customizationService.getDefaultFromGroup(pepField);
+    }
+    ngOnInit() {
+        if (this.form === null) {
+            this.setDefaultForm();
+        }
+    }
+    ngAfterViewInit() {
+        this.setNumOfColumns();
+        this.initOptionsMap();
+    }
+    ngOnDestroy() {
+        // if (this.buttonClick) {
+        //     this.buttonClick.unsubscribe();
+        // }
+    }
+    setNumOfColumns() {
+        this.renderer.setStyle(this.selectPanel.nativeElement, 'columns', this._numOfCol.toString());
+    }
+    initOptionsMap() {
+        this.optionsMap = [];
+        //push checked option to the returned array;
+        this.options.forEach(opt => {
+            this.optionsMap.push({ 'key': opt.key, 'value': opt.value, 'isChecked': this.isChecked(opt) });
+        });
+    }
+    selectionChange(option, event) {
+        if (this.isMultiSelect) {
+            let tmpArr = this.value?.length ? this.value.split(';') : [];
+            if (!tmpArr.includes(option.key)) {
+                tmpArr.push(option.key);
+            }
+            else {
+                //remove the option from the returned array;
+                tmpArr = tmpArr.filter((key) => { return key !== option.key; });
+            }
+            this.value = tmpArr.length ? tmpArr.join(';') : '';
+        }
+        else {
+            this.value = option.key;
+        }
+        this.valueChange.emit(this.value);
+        this.initOptionsMap();
+    }
+    isChecked(option) {
+        return this.value.indexOf(option.key) > -1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelComponent, deps: [{ token: i0.Renderer2 }, { token: i1.PepCustomizationService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSelectPanelComponent, selector: "pep-select-panel", inputs: { form: "form", layoutType: "layoutType", xAlignment: "xAlignment", renderTitle: "renderTitle", showTitle: "showTitle", label: "label", mandatory: "mandatory", disabled: "disabled", isMultiSelect: "isMultiSelect", numOfCol: "numOfCol", value: "value", options: "options" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "selectPanel", first: true, predicate: ["selectPanel"], descendants: true, static: true }], ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <pep-field-title *ngIf=\"renderTitle\" \n        [label]=\"label\" \n        [mandatory]=\"mandatory\"\n        [disabled]=\"disabled\" \n        [xAlignment]=\"xAlignment\" \n        [showTitle]=\"showTitle\">\n    </pep-field-title>\n    <div #selectPanel class=\"select-panel\" [ngClass]=\"{'disable': disabled }\">\n        <div class=\"optCont\" [title]=\"option.value\"  *ngFor=\"let option of optionsMap\">\n            <ng-container *ngTemplateOutlet=\"isMultiSelect == true ? multiBlock : singleBlock; context: { option }\"></ng-container>\n        </div>\n    </div>\n</ng-container>\n\n    <ng-template #singleBlock let-option=\"option\">\n        <mat-radio-button \n            [name]=\"groupName\"\n            [class]=\"'pep-radio-button md'\" \n            [disabled]=\"disabled\"\n            [checked]=\"option?.isChecked\"\n            (change)=\"selectionChange(option, $event)\">\n            {{option.value}}\n        </mat-radio-button>\n    </ng-template>\n\n    <ng-template #multiBlock let-option=\"option\">\n        <mat-checkbox\n            [name]=\"groupName\"\n            [class]=\"'md'\"\n            [disabled]=\"disabled\" \n            [checked]=\"option.isChecked\"\n            (change)=\"selectionChange(option, $event)\">\n            {{option.value}}\n        </mat-checkbox>\n    </ng-template>\n\n\n\n\n", styles: [":host{display:flex;flex-direction:column;max-width:100%;overflow:hidden}.select-panel{width:inherit;padding:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-sm, .875rem);line-height:var(--pep-line-height-md, 1.25rem);border-radius:var(--pep-border-radius-md, .25rem);display:inline-block;white-space:nowrap}.select-panel .optCont{height:2rem;width:100%;line-height:2rem;align-items:center}.select-panel .optCont label{height:var(--pep-line-height-md, 1.25rem)}.select-panel .optCont ::ng-deep .mat-radio-button,.select-panel .optCont ::ng-deep .mat-mdc-radio-button{display:block!important}.select-panel .optCont ::ng-deep .mat-radio-button .mat-radio-label-content,.select-panel .optCont ::ng-deep .mat-radio-button .mat-mdc-radio-label-content,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-radio-label-content,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-mdc-radio-label-content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:0}.select-panel .optCont ::ng-deep .mat-radio-button .mat-radio-ripple,.select-panel .optCont ::ng-deep .mat-radio-button .mat-mdc-radio-ripple,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-radio-ripple,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-mdc-radio-ripple{position:unset!important}.select-panel .optCont ::ng-deep .mat-checkbox-layout,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.select-panel .optCont ::ng-deep .mat-checkbox-layout .mat-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-checkbox-layout .mat-mdc-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout .mat-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout .mat-mdc-checkbox-inner-container{margin-inline:0 var(--pep-spacing-sm, .5rem)}.select-panel .optCont:last-child{margin-bottom:0}\n", ".select-panel{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.select-panel.disable:not(.ignore-disabled),.select-panel:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.select-panel.disable:not(.ignore-disabled):after,.select-panel:disabled:not(.ignore-disabled):after{border:unset}.select-panel.disable:not(.ignore-disabled) .svg-icon,.select-panel: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)}.select-panel.disable:not(.ignore-disabled) .svg-icon.stroke,.select-panel: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)}.select-panel.disable:not(.ignore-disabled):not(.disabled-no-background-no-color),.select-panel: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: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "component", type: i6.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-select-panel', template: "<ng-container [formGroup]=\"form\">\n    <pep-field-title *ngIf=\"renderTitle\" \n        [label]=\"label\" \n        [mandatory]=\"mandatory\"\n        [disabled]=\"disabled\" \n        [xAlignment]=\"xAlignment\" \n        [showTitle]=\"showTitle\">\n    </pep-field-title>\n    <div #selectPanel class=\"select-panel\" [ngClass]=\"{'disable': disabled }\">\n        <div class=\"optCont\" [title]=\"option.value\"  *ngFor=\"let option of optionsMap\">\n            <ng-container *ngTemplateOutlet=\"isMultiSelect == true ? multiBlock : singleBlock; context: { option }\"></ng-container>\n        </div>\n    </div>\n</ng-container>\n\n    <ng-template #singleBlock let-option=\"option\">\n        <mat-radio-button \n            [name]=\"groupName\"\n            [class]=\"'pep-radio-button md'\" \n            [disabled]=\"disabled\"\n            [checked]=\"option?.isChecked\"\n            (change)=\"selectionChange(option, $event)\">\n            {{option.value}}\n        </mat-radio-button>\n    </ng-template>\n\n    <ng-template #multiBlock let-option=\"option\">\n        <mat-checkbox\n            [name]=\"groupName\"\n            [class]=\"'md'\"\n            [disabled]=\"disabled\" \n            [checked]=\"option.isChecked\"\n            (change)=\"selectionChange(option, $event)\">\n            {{option.value}}\n        </mat-checkbox>\n    </ng-template>\n\n\n\n\n", styles: [":host{display:flex;flex-direction:column;max-width:100%;overflow:hidden}.select-panel{width:inherit;padding:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-sm, .875rem);line-height:var(--pep-line-height-md, 1.25rem);border-radius:var(--pep-border-radius-md, .25rem);display:inline-block;white-space:nowrap}.select-panel .optCont{height:2rem;width:100%;line-height:2rem;align-items:center}.select-panel .optCont label{height:var(--pep-line-height-md, 1.25rem)}.select-panel .optCont ::ng-deep .mat-radio-button,.select-panel .optCont ::ng-deep .mat-mdc-radio-button{display:block!important}.select-panel .optCont ::ng-deep .mat-radio-button .mat-radio-label-content,.select-panel .optCont ::ng-deep .mat-radio-button .mat-mdc-radio-label-content,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-radio-label-content,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-mdc-radio-label-content{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:0}.select-panel .optCont ::ng-deep .mat-radio-button .mat-radio-ripple,.select-panel .optCont ::ng-deep .mat-radio-button .mat-mdc-radio-ripple,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-radio-ripple,.select-panel .optCont ::ng-deep .mat-mdc-radio-button .mat-mdc-radio-ripple{position:unset!important}.select-panel .optCont ::ng-deep .mat-checkbox-layout,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.select-panel .optCont ::ng-deep .mat-checkbox-layout .mat-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-checkbox-layout .mat-mdc-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout .mat-checkbox-inner-container,.select-panel .optCont ::ng-deep .mat-mdc-checkbox-layout .mat-mdc-checkbox-inner-container{margin-inline:0 var(--pep-spacing-sm, .5rem)}.select-panel .optCont:last-child{margin-bottom:0}\n", ".select-panel{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.select-panel.disable:not(.ignore-disabled),.select-panel:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.select-panel.disable:not(.ignore-disabled):after,.select-panel:disabled:not(.ignore-disabled):after{border:unset}.select-panel.disable:not(.ignore-disabled) .svg-icon,.select-panel: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)}.select-panel.disable:not(.ignore-disabled) .svg-icon.stroke,.select-panel: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)}.select-panel.disable:not(.ignore-disabled):not(.disabled-no-background-no-color),.select-panel: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: i0.Renderer2 }, { type: i1.PepCustomizationService }, { type: i0.ElementRef }]; }, propDecorators: { form: [{
+                type: Input
+            }], layoutType: [{
+                type: Input
+            }], xAlignment: [{
+                type: Input
+            }], renderTitle: [{
+                type: Input
+            }], showTitle: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], mandatory: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isMultiSelect: [{
+                type: Input
+            }], numOfCol: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], selectPanel: [{
+                type: ViewChild,
+                args: ['selectPanel', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VsZWN0LXBhbmVsL3NlbGVjdC1wYW5lbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NlbGVjdC1wYW5lbC9zZWxlY3QtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVyxLQUFLLEVBQUMsTUFBTSxFQUFDLFlBQVksRUFBdUIsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlHLE9BQU8sRUFBRSw0QkFBNEIsRUFBOEUsY0FBYyxFQUFFLE9BQU8sRUFBRSxNQUFNLHlCQUF5QixDQUFDOzs7Ozs7OztBQUc1Szs7Ozs7OztHQU9HO0FBTUgsTUFBTSxPQUFPLHVCQUF1QjtJQThEWjtJQUE2QjtJQUF1RDtJQTVEL0YsSUFBSSxHQUFjLElBQUksQ0FBQztJQUN2QixVQUFVLEdBQWtCLE1BQU0sQ0FBQztJQUVuQyxVQUFVLEdBQTJCLDRCQUE0QixDQUFDO0lBQ2xFLFdBQVcsR0FBRyxJQUFJLENBQUM7SUFDbkIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUNqQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBRVgsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUNsQixRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQzFCLDRCQUE0QjtJQUVuQixhQUFhLEdBQUcsS0FBSyxDQUFDO0lBRXZCLFNBQVMsR0FBRyxDQUFDLENBQUM7SUFDdEIsSUFDSSxRQUFRLENBQUMsS0FBYTtRQUN0QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsS0FBSyxHQUFHLENBQUMsQ0FBQztTQUNiO1FBRUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFTyxNQUFNLEdB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QkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBSUYsUUFBUTtzQkFEWCxLQUFLO2dCQVlGLEtBQUs7c0JBRFIsS0FBSztnQkFjRixPQUFPO3NCQURWLEtBQUs7Z0JBZ0JOLFdBQVc7c0JBRFYsTUFBTTtnQkFFcUMsV0FBVztzQkFBdEQsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LE9uRGVzdHJveSxJbnB1dCxPdXRwdXQsRXZlbnRFbWl0dGVyLFJlbmRlcmVyMixFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQsIElQZXBPcHRpb24sIFBlcEN1c3RvbWl6YXRpb25TZXJ2aWNlLCBQZXBIb3Jpem9udGFsQWxpZ25tZW50LCBQZXBMYXlvdXRUeXBlLCBQZXBTZWxlY3RGaWVsZCwgUGVwR3VpZCB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJzsgXG5pbXBvcnQgeyBJUGVwU2VsZWN0aW9uT3B0aW9uIH0gZnJvbSAnLi9zZWxlY3QtcGFuZWwubW9kZWwnO1xuXG4vKipcbiAqIFRoaXMgaXMgYSBidXR0b24gY29tcG9uZW50IHRoYXQgc3VwcG9ydCBwZXBwZXJpIHRoZW1lXG4gKiBzdHlsZSAmIHN0YXRlICYgc2l6ZXNcbiAqXG4gKiBAZXhwb3J0XG4gKiBAY2xhc3MgUGVwU2VsZWN0UGFuZWxDb21wb25lbnRcbiAqIEBpbXBsZW1lbnRzIHtPbkRlc3Ryb3l9XG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNlbGVjdC1wYW5lbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlbGVjdC1wYW5lbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LXBhbmVsLmNvbXBvbmVudC5zY3NzJywgJy4vc2VsZWN0LXBhbmVsLmNvbXBvbmVudC50aGVtZS5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFBlcFNlbGVjdFBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBcbiAgICBASW5wdXQoKSBmb3JtOiBGb3JtR3JvdXAgPSBudWxsO1xuICAgIEBJbnB1dCgpIGxheW91dFR5cGU6IFBlcExheW91dFR5cGUgPSAnZm9ybSc7XG5cbiAgICBASW5wdXQoKSB4QWxpZ25tZW50OiBQZXBIb3Jpem9udGFsQWxpZ25tZW50ID0gREVGQVVMVF9IT1JJWk9OVEFMX0FMSUdOTUVOVDtcbiAgICBASW5wdXQoKSByZW5kZXJUaXRsZSA9IHRydWU7XG4gICAgQElucHV0KCkgc2hvd1RpdGxlID0gdHJ1ZTsgXG4gICAgQElucHV0KCkgbGFiZWwgPSAnJztcblxuICAgIEBJbnB1dCgpIG1hbmRhdG9yeSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XG4gICAgLy8gQElucHV0KCkgY2xhc3NOYW1lcyA9ICcnO1xuXG4gICAgQElucHV0KCkgaXNNdWx0aVNlbGVjdCA9IGZhbHNlO1xuICAgIFxuICAgIHByaXZhdGUgX251bU9mQ29sID0gMTtcbiAgICBASW5wdXQoKSBcbiAgICBzZXQgbnVtT2ZDb2wodmFsdWU6IG51bWJlcil7XG4gICAgICAgIGlmICghdmFsdWUpIHtcbiAgICAgICAgICAgIHZhbHVlID0gMTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuX251bU9mQ29sID0gdmFsdWU7IFxuICAgICAgICB0aGlzLnNldE51bU9mQ29sdW1ucygpO1xuICAgIH1cbiAgICBcbiAgICBwcml2YXRlIF92YWx1ZSA9ICcnO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZhbHVlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdmFsdWUgPSAnJztcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XG4gICAgfVxuICAgIGdldCB2YWx1ZSgpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5fdmFsdWU7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfb3B0aW9uczogQXJyYXk8SVBlcE9wdGlvbj4gPSBbXTtcbiAgICBASW5wdXQoKSBcbiAgICBzZXQgb3B0aW9ucyh2YWx1ZTogQXJyYXk8SVBlcE9wdGlvbj4pIHtcbiAgICAgICAgaWYgKCF2YWx1ZSkge1xuICAgICAgICAgICAgdmFsdWUgPSBbXTtcbiAgICAgICAgfVxuICAgICAgICBcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IHZhbHVlO1xuICAgICAgICB0aGlzLmluaXRPcHRpb25zTWFwKCk7XG4gICAgfVxuICAgIGdldCBvcHRpb25zKCk6IEFycmF5PElQZXBPcHRpb24+IHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX29wdGlvbnM7XG4gICAgfVxuXG4gICAgcHVibGljIGdyb3VwTmFtZSA9IFBlcEd1aWQubmV3R3VpZCgpO1xuXG4gICAgQE91dHB1dCgpXG4gICAgdmFsdWVDaGFuZ2U6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gICAgQFZpZXdDaGlsZCgnc2VsZWN0UGFuZWwnLCB7IHN0YXRpYzogdHJ1ZSB9KSBzZWxlY3RQYW5lbDogRWxlbWVudFJlZjtcbiAgICBcbiAgICBwdWJsaWMgb3B0aW9uc01hcDogQXJyYXk8SVBlcFNlbGVjdGlvbk9wdGlvbj4gPSBbXTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMiwgcHJpdmF0ZSBjdXN0b21pemF0aW9uU2VydmljZTogUGVwQ3VzdG9taXphdGlvblNlcnZpY2UsIHByaXZhdGUgZWxlbWVudDogRWxlbWVudFJlZikgeyB9XG5cbiAgICBwcml2YXRlIHNldERlZmF1bHRGb3JtKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBwZXBGaWVsZCA9IG5ldyBQZXBTZWxlY3RGaWVsZCh7XG4gICAgICAgICAgICAvL2tleTogdGhpcy5rZXksXG4gICAgICAgICAgICB2YWx1ZTogdGhpcy52YWx1ZSxcbiAgICAgICAgICAgIG1hbmRhdG9yeTogdGhpcy5tYW5kYXRvcnksXG4gICAgICAgICAgICByZWFkb25seTogZmFsc2UsXG4gICAgICAgICAgICBkaXNhYmxlZDogdGhpcy5kaXNhYmxlZCxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuZm9ybSA9IHRoaXMuY3VzdG9taXphdGlvblNlcnZpY2UuZ2V0RGVmYXVsdEZyb21Hcm91cChwZXBGaWVsZCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmZvcm0gPT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0RGVmYXVsdEZvcm0oKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5zZXROdW1PZkNvbHVtbnMoKTtcbiAgICAgICAgdGhpcy5pbml0T3B0aW9uc01hcCgpO1xuICAgICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIC8vIGlmICh0aGlzLmJ1dHRvbkNsaWNrKSB7XG4gICAgICAgIC8vICAgICB0aGlzLmJ1dHRvbkNsaWNrLnVuc3Vic2NyaWJlKCk7XG4gICAgICAgIC8vIH1cbiAgICB9XG5cbiAgICBzZXROdW1PZkNvbHVtbnMoKXtcbiAgICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLnNlbGVjdFBhbmVsLm5hdGl2ZUVsZW1lbnQsICdjb2x1bW5zJywgdGhpcy5fbnVtT2ZDb2wudG9TdHJpbmcoKSk7XG4gICAgfVxuXG4gICAgaW5pdE9wdGlvbnNNYXAoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3B0aW9uc01hcCA9IFtdO1xuICAgICAgICAvL3B1c2ggY2hlY2tlZCBvcHRpb24gdG8gdGhlIHJldHVybmVkIGFycmF5O1xuICAgICAgICB0aGlzLm9wdGlvbnMuZm9yRWFjaChvcHQgPT4ge1xuICAgICAgICAgICAgdGhpcy5vcHRpb25zTWFwLnB1c2goeydrZXknOiBvcHQua2V5LCAndmFsdWUnOiBvcHQudmFsdWUsICdpc0NoZWNrZWQnOiB0aGlzLmlzQ2hlY2tlZChvcHQpfSk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHNlbGVjdGlvbkNoYW5nZShvcHRpb24sIGV2ZW50OiBhbnkpOiB2b2lkIHtcbiAgICAgICBpZih0aGlzLmlzTXVsdGlTZWxlY3Qpe1xuICAgICAgICBsZXQgdG1wQXJyID0gdGhpcy52YWx1ZT8ubGVuZ3RoID8gdGhpcy52YWx1ZS5zcGxpdCgnOycpIDogW107XG4gICAgICAgIGlmICghdG1wQXJyLmluY2x1ZGVzKG9wdGlvbi5rZXkpKXtcbiAgICAgICAgICAgICAgICB0bXBBcnIucHVzaChvcHRpb24ua2V5KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICAgICAgLy9yZW1vdmUgdGhlIG9wdGlvbiBmcm9tIHRoZSByZXR1cm5lZCBhcnJheTtcbiAgICAgICAgICAgICAgICB0bXBBcnIgPSB0bXBBcnIuZmlsdGVyKChrZXkpID0+IHsgcmV0dXJuICBrZXkgIT09IG9wdGlvbi5rZXl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSB0bXBBcnIubGVuZ3RoID8gdG1wQXJyLmpvaW4oJzsnKSA6ICcnO1xuICAgICAgICAgICBcbiAgICAgICB9XG4gICAgICAgZWxzZXtcbiAgICAgICAgICAgIHRoaXMudmFsdWUgPSBvcHRpb24ua2V5O1xuICAgICAgIH1cbiAgICAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQodGhpcy52YWx1ZSk7XG4gICAgICAgdGhpcy5pbml0T3B0aW9uc01hcCgpO1xuICAgIH1cblxuICAgIGlzQ2hlY2tlZChvcHRpb246IGFueSl7XG4gICAgICAgIHJldHVybiB0aGlzLnZhbHVlLmluZGV4T2Yob3B0aW9uLmtleSkgPiAtMSA7XG4gICAgfVxuXG59XG4iLCI8bmctY29udGFpbmVyIFtmb3JtR3JvdXBdPVwiZm9ybVwiPlxuICAgIDxwZXAtZmllbGQtdGl0bGUgKm5nSWY9XCJyZW5kZXJUaXRsZVwiIFxuICAgICAgICBbbGFiZWxdPVwibGFiZWxcIiBcbiAgICAgICAgW21hbmRhdG9yeV09XCJtYW5kYXRvcnlcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgICAgICAgW3hBbGlnbm1lbnRdPVwieEFsaWdubWVudFwiIFxuICAgICAgICBbc2hvd1RpdGxlXT1cInNob3dUaXRsZVwiPlxuICAgIDwvcGVwLWZpZWxkLXRpdGxlPlxuICAgIDxkaXYgI3NlbGVjdFBhbmVsIGNsYXNzPVwic2VsZWN0LXBhbmVsXCIgW25nQ2xhc3NdPVwieydkaXNhYmxlJzogZGlzYWJsZWQgfVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwib3B0Q29udFwiIFt0aXRsZV09XCJvcHRpb24udmFsdWVcIiAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zTWFwXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaXNNdWx0aVNlbGVjdCA9PSB0cnVlID8gbXVsdGlCbG9jayA6IHNpbmdsZUJsb2NrOyBjb250ZXh0OiB7IG9wdGlvbiB9XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI3NpbmdsZUJsb2NrIGxldC1vcHRpb249XCJvcHRpb25cIj5cbiAgICAgICAgPG1hdC1yYWRpby1idXR0b24gXG4gICAgICAgICAgICBbbmFtZV09XCJncm91cE5hbWVcIlxuICAgICAgICAgICAgW2NsYXNzXT1cIidwZXAtcmFkaW8tYnV0dG9uIG1kJ1wiIFxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgICAgIFtjaGVja2VkXT1cIm9wdGlvbj8uaXNDaGVja2VkXCJcbiAgICAgICAgICAgIChjaGFuZ2UpPVwic2VsZWN0aW9uQ2hhbmdlKG9wdGlvbiwgJGV2ZW50KVwiPlxuICAgICAgICAgICAge3tvcHRpb24udmFsdWV9fVxuICAgICAgICA8L21hdC1yYWRpby1idXR0b24+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZSAjbXVsdGlCbG9jayBsZXQtb3B0aW9uPVwib3B0aW9uXCI+XG4gICAgICAgIDxtYXQtY2hlY2tib3hcbiAgICAgICAgICAgIFtuYW1lXT1cImdyb3VwTmFtZVwiXG4gICAgICAgICAgICBbY2xhc3NdPVwiJ21kJ1wiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBcbiAgICAgICAgICAgIFtjaGVja2VkXT1cIm9wdGlvbi5pc0NoZWNrZWRcIlxuICAgICAgICAgICAgKGNoYW5nZSk9XCJzZWxlY3Rpb25DaGFuZ2Uob3B0aW9uLCAkZXZlbnQpXCI+XG4gICAgICAgICAgICB7e29wdGlvbi52YWx1ZX19XG4gICAgICAgIDwvbWF0LWNoZWNrYm94PlxuICAgIDwvbmctdGVtcGxhdGU+XG5cblxuXG5cbiJdfQ==

package/{esm2020 → esm2022}/select-panel/select-panel.module.mjs

@@ -14,37 +14,37 @@ import { MatInputModule } from '@angular/material/input';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i0 from "@angular/core";
 export class PepSelectPanelModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelModule, declarations: [PepSelectPanelComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            // Material modules
+            MatCommonModule,
+            MatCheckboxModule,
+            MatRadioModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatButtonModule,
+            MatIconModule,
+            // ngx-lib modules
+            PepNgxLibModule,
+            PepIconModule,
+            PepFieldTitleModule], exports: [PepSelectPanelComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelModule, imports: [CommonModule,
+            ReactiveFormsModule,
+            // Material modules
+            MatCommonModule,
+            MatCheckboxModule,
+            MatRadioModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatButtonModule,
+            MatIconModule,
+            // ngx-lib modules
+            PepNgxLibModule,
+            PepIconModule,
+            PepFieldTitleModule] });
 }
-PepSelectPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepSelectPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepSelectPanelModule, declarations: [PepSelectPanelComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material modules
-        MatCommonModule,
-        MatCheckboxModule,
-        MatRadioModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MatIconModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepIconModule,
-        PepFieldTitleModule], exports: [PepSelectPanelComponent] });
-PepSelectPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectPanelModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        // Material modules
-        MatCommonModule,
-        MatCheckboxModule,
-        MatRadioModule,
-        MatInputModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MatIconModule,
-        // ngx-lib modules
-        PepNgxLibModule,
-        PepIconModule,
-        PepFieldTitleModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectPanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectPanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -67,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     declarations: [PepSelectPanelComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VsZWN0LXBhbmVsL3NlbGVjdC1wYW5lbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQXNCckQsTUFBTSxPQUFPLG9CQUFvQjs7a0hBQXBCLG9CQUFvQjttSEFBcEIsb0JBQW9CLGlCQUZkLHVCQUF1QixhQWhCbEMsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLGlCQUFpQjtRQUNqQixjQUFjO1FBQ2QsY0FBYztRQUNkLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsYUFBYTtRQUNiLGtCQUFrQjtRQUNsQixlQUFlO1FBQ2YsYUFBYTtRQUNiLG1CQUFtQixhQUViLHVCQUF1QjttSEFHeEIsb0JBQW9CLFlBbEJ6QixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLG1CQUFtQjtRQUNuQixlQUFlO1FBQ2YsaUJBQWlCO1FBQ2pCLGNBQWM7UUFDZCxjQUFjO1FBQ2Qsa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixhQUFhO1FBQ2Isa0JBQWtCO1FBQ2xCLGVBQWU7UUFDZixhQUFhO1FBQ2IsbUJBQW1COzRGQUtkLG9CQUFvQjtrQkFwQmhDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2Isa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsbUJBQW1CO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDbEMsWUFBWSxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQzFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IFBlcEljb25Nb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcbmltcG9ydCB7IFBlcE5neExpYk1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEZpZWxkVGl0bGVNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9maWVsZC10aXRsZSc7XG5pbXBvcnQgeyBQZXBTZWxlY3RQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXBhbmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1hdFJhZGlvTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW8nO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIC8vIE1hdGVyaWFsIG1vZHVsZXNcbiAgICAgICAgTWF0Q29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICAgICAgTWF0UmFkaW9Nb2R1bGUsXG4gICAgICAgIE1hdElucHV0TW9kdWxlLFxuICAgICAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgLy8gbmd4LWxpYiBtb2R1bGVzXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICAgICAgUGVwRmllbGRUaXRsZU1vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBTZWxlY3RQYW5lbENvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbUGVwU2VsZWN0UGFuZWxDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBTZWxlY3RQYW5lbE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXBhbmVsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VsZWN0LXBhbmVsL3NlbGVjdC1wYW5lbC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQXNCckQsTUFBTSxPQUFPLG9CQUFvQjt3R0FBcEIsb0JBQW9CO3lHQUFwQixvQkFBb0IsaUJBRmQsdUJBQXVCLGFBaEJsQyxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLG1CQUFtQjtZQUNuQixlQUFlO1lBQ2YsaUJBQWlCO1lBQ2pCLGNBQWM7WUFDZCxjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixhQUFhO1lBQ2Isa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixhQUFhO1lBQ2IsbUJBQW1CLGFBRWIsdUJBQXVCO3lHQUd4QixvQkFBb0IsWUFsQnpCLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsbUJBQW1CO1lBQ25CLGVBQWU7WUFDZixpQkFBaUI7WUFDakIsY0FBYztZQUNkLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGFBQWE7WUFDYixrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLGFBQWE7WUFDYixtQkFBbUI7OzRGQUtkLG9CQUFvQjtrQkFwQmhDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLGNBQWM7d0JBQ2Qsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2Isa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsbUJBQW1CO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDbEMsWUFBWSxFQUFFLENBQUMsdUJBQXVCLENBQUM7aUJBQzFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IFBlcEljb25Nb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9pY29uJztcbmltcG9ydCB7IFBlcE5neExpYk1vZHVsZSB9IGZyb20gJ0BwZXBwZXJpLWFkZG9ucy9uZ3gtbGliJztcbmltcG9ydCB7IFBlcEZpZWxkVGl0bGVNb2R1bGUgfSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYi9maWVsZC10aXRsZSc7XG5pbXBvcnQgeyBQZXBTZWxlY3RQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vc2VsZWN0LXBhbmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1hdFJhZGlvTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW8nO1xuaW1wb3J0IHsgTWF0Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGVja2JveCc7XG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgICAgIC8vIE1hdGVyaWFsIG1vZHVsZXNcbiAgICAgICAgTWF0Q29tbW9uTW9kdWxlLFxuICAgICAgICBNYXRDaGVja2JveE1vZHVsZSxcbiAgICAgICAgTWF0UmFkaW9Nb2R1bGUsXG4gICAgICAgIE1hdElucHV0TW9kdWxlLFxuICAgICAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICAgICAgTWF0SWNvbk1vZHVsZSxcbiAgICAgICAgLy8gbmd4LWxpYiBtb2R1bGVzXG4gICAgICAgIFBlcE5neExpYk1vZHVsZSxcbiAgICAgICAgUGVwSWNvbk1vZHVsZSxcbiAgICAgICAgUGVwRmllbGRUaXRsZU1vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtQZXBTZWxlY3RQYW5lbENvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbUGVwU2VsZWN0UGFuZWxDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBQZXBTZWxlY3RQYW5lbE1vZHVsZSB7fVxuIl19

package/esm2022/separator/separator.component.mjs

@@ -0,0 +1,65 @@
+import { Component, Input, ChangeDetectionStrategy, } from '@angular/core';
+import { PepCustomizationService, DEFAULT_HORIZONTAL_ALIGNMENT, } from '@pepperi-addons/ngx-lib';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class PepSeparatorComponent {
+    renderer;
+    element;
+    key = '';
+    label = '';
+    xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+    controlType = 'separator';
+    form = null;
+    layoutType = 'form';
+    // @Input() renderTitle = true;
+    _visible = true;
+    set visible(visible) {
+        this._visible = visible;
+        if (visible) {
+            this.renderer.removeClass(this.element.nativeElement, 'hidden-element');
+        }
+        else {
+            this.renderer.addClass(this.element.nativeElement, 'hidden-element');
+        }
+    }
+    get visible() {
+        return this._visible;
+    }
+    standAlone = false;
+    constructor(renderer, element) {
+        this.renderer = renderer;
+        this.element = element;
+    }
+    ngOnInit() {
+        if (this.form === null) {
+            this.standAlone = true;
+            this.renderer.addClass(this.element.nativeElement, PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME);
+            // There is no pep-title-field here
+            // if (!this.renderTitle) {
+            //     this.renderer.addClass(
+            //         this.element.nativeElement,
+            //         PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME
+            //     );
+            // }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSeparatorComponent, selector: "pep-separator", inputs: { key: "key", label: "label", xAlignment: "xAlignment", form: "form", layoutType: "layoutType", visible: "visible" }, ngImport: i0, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n    <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n        <span class=\"block-with-text body-md\">{{ label }}</span>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n    <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n        dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n        <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n    <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;height:3.5rem;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'pep-separator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"layoutType === 'form'\">\n    <div class=\"pep-separator-field wrap pep-border-bottom align-{{ xAlignment }}\" title=\"{{ label }}\">\n        <span class=\"block-with-text body-md\">{{ label }}</span>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'card'\">\n    <div class=\"pep-separator-field pep-small-separator-field pep-border-bottom text-align-{{ xAlignment }}\"\n        dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\" title=\"{{ label }}\">\n        <span class=\"small-block-with-text body-sm\">{{ label }}</span>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"layoutType === 'table'\">\n    <label class=\"cl\" title=\"{{ label }}\">{{ label }}</label>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}.pepperi-separator-field,.pep-separator-field{padding:0;height:3.5rem;max-height:3.5rem;margin-top:.5rem}.pepperi-separator-field.pepperi-small-separator-field,.pepperi-separator-field.pep-small-separator-field,.pep-separator-field.pepperi-small-separator-field,.pep-separator-field.pep-small-separator-field{height:1.15rem;margin-top:.25rem!important;margin-bottom:0!important}.pepperi-separator-field.pepperi-small-separator-field .small-block-with-text,.pepperi-separator-field.pep-small-separator-field .small-block-with-text,.pep-separator-field.pepperi-small-separator-field .small-block-with-text,.pep-separator-field.pep-small-separator-field .small-block-with-text{display:block;font-weight:var(--pep-font-weight-bold, 600);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pepperi-separator-field.wrap,.pep-separator-field.wrap{display:flex}.pepperi-separator-field.wrap .block-with-text,.pep-separator-field.wrap .block-with-text{width:100%;margin-bottom:.5rem;font-weight:var(--pep-font-weight-bold, 600);align-self:flex-end;max-height:inherit}.pepperi-separator-field.wrap.align-left .block-with-text,.pepperi-separator-field.wrap.align-0 .block-with-text,.pepperi-separator-field.wrap.align-1 .block-with-text,.pep-separator-field.wrap.align-left .block-with-text,.pep-separator-field.wrap.align-0 .block-with-text,.pep-separator-field.wrap.align-1 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:left;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-left .block-with-text:before,.pepperi-separator-field.wrap.align-0 .block-with-text:before,.pepperi-separator-field.wrap.align-1 .block-with-text:before,.pep-separator-field.wrap.align-left .block-with-text:before,.pep-separator-field.wrap.align-0 .block-with-text:before,.pep-separator-field.wrap.align-1 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-left .block-with-text:after,.pepperi-separator-field.wrap.align-0 .block-with-text:after,.pepperi-separator-field.wrap.align-1 .block-with-text:after,.pep-separator-field.wrap.align-left .block-with-text:after,.pep-separator-field.wrap.align-0 .block-with-text:after,.pep-separator-field.wrap.align-1 .block-with-text:after{right:3px}.pepperi-separator-field.wrap.align-right .block-with-text,.pepperi-separator-field.wrap.align-2 .block-with-text,.pep-separator-field.wrap.align-right .block-with-text,.pep-separator-field.wrap.align-2 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:rtl;text-align:right;padding-left:1em}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-right .block-with-text:before,.pepperi-separator-field.wrap.align-2 .block-with-text:before,.pep-separator-field.wrap.align-right .block-with-text:before,.pep-separator-field.wrap.align-2 .block-with-text:before{left:3px}.pepperi-separator-field.wrap.align-right .block-with-text:after,.pepperi-separator-field.wrap.align-2 .block-with-text:after,.pep-separator-field.wrap.align-right .block-with-text:after,.pep-separator-field.wrap.align-2 .block-with-text:after{left:3px}.pepperi-separator-field.wrap.align-center .block-with-text,.pepperi-separator-field.wrap.align-3 .block-with-text,.pep-separator-field.wrap.align-center .block-with-text,.pep-separator-field.wrap.align-3 .block-with-text{max-width:100%;overflow:hidden;position:relative;line-height:1.5rem;max-height:3.05rem;direction:ltr;text-align:center;margin-right:-1em;padding-right:1em}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{content:\"...\";position:absolute;bottom:0}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{content:\"...\";position:absolute;height:1.5rem;margin-top:.2rem;background:#fff;color:#fff}.pepperi-separator-field.wrap.align-center .block-with-text:before,.pepperi-separator-field.wrap.align-3 .block-with-text:before,.pep-separator-field.wrap.align-center .block-with-text:before,.pep-separator-field.wrap.align-3 .block-with-text:before{right:3px}.pepperi-separator-field.wrap.align-center .block-with-text:after,.pepperi-separator-field.wrap.align-3 .block-with-text:after,.pep-separator-field.wrap.align-center .block-with-text:after,.pep-separator-field.wrap.align-3 .block-with-text:after{right:3px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], xAlignment: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], layoutType: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VwYXJhdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VwYXJhdG9yL3NlcGFyYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtbGliL3NlcGFyYXRvci9zZXBhcmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxLQUFLLEVBRUwsdUJBQXVCLEdBRzFCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFFSCx1QkFBdUIsRUFFdkIsNEJBQTRCLEdBQy9CLE1BQU0seUJBQXlCLENBQUM7OztBQVFqQyxNQUFNLE9BQU8scUJBQXFCO0lBaUNWO0lBQTZCO0lBaEN4QyxHQUFHLEdBQUcsRUFBRSxDQUFDO0lBQ1QsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLFVBQVUsR0FBMkIsNEJBQTRCLENBQUM7SUFFM0UsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUVqQixJQUFJLEdBQWMsSUFBSSxDQUFDO0lBQ3ZCLFVBQVUsR0FBa0IsTUFBTSxDQUFDO0lBQzVDLCtCQUErQjtJQUV2QixRQUFRLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLElBQ0ksT0FBTyxDQUFDLE9BQWdCO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsT0FBTyxDQUFDO1FBQ3hCLElBQUksT0FBTyxFQUFFO1lBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUMxQixnQkFBZ0IsQ0FDbkIsQ0FBQztTQUNMO2FBQU07WUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsQ0FDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQzFCLGdCQUFnQixDQUNuQixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBQ0QsSUFBSSxPQUFPO1FBQ1AsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBRW5CLFlBQW9CLFFBQW1CLEVBQVUsT0FBbUI7UUFBaEQsYUFBUSxHQUFSLFFBQVEsQ0FBVztRQUFVLFlBQU8sR0FBUCxPQUFPLENBQVk7SUFBSSxDQUFDO0lBRXpFLFFBQVE7UUFDSixJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxFQUFFO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1lBRXZCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUNsQixJQUFJLENBQUMsT0FBTyxDQUFDLGFBQWEsRUFDMUIsdUJBQXVCLENBQUMsNEJBQTRCLENBQ3ZELENBQUM7WUFFRixtQ0FBbUM7WUFDbkMsMkJBQTJCO1lBQzNCLDhCQUE4QjtZQUM5QixzQ0FBc0M7WUFDdEMsMEVBQTBFO1lBQzFFLFNBQVM7WUFDVCxJQUFJO1NBQ1A7SUFDTCxDQUFDO3dHQXBEUSxxQkFBcUI7NEZBQXJCLHFCQUFxQixtTEN0QmxDLGt1QkFlZTs7NEZET0YscUJBQXFCO2tCQU5qQyxTQUFTOytCQUNJLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTTt5SEFHdEMsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUtGLE9BQU87c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIElucHV0LFxuICAgIE9uSW5pdCxcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBSZW5kZXJlcjIsXG4gICAgRWxlbWVudFJlZixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge1xuICAgIFBlcExheW91dFR5cGUsXG4gICAgUGVwQ3VzdG9taXphdGlvblNlcnZpY2UsXG4gICAgUGVwSG9yaXpvbnRhbEFsaWdubWVudCxcbiAgICBERUZBVUxUX0hPUklaT05UQUxfQUxJR05NRU5ULFxufSBmcm9tICdAcGVwcGVyaS1hZGRvbnMvbmd4LWxpYic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAncGVwLXNlcGFyYXRvcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NlcGFyYXRvci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2VwYXJhdG9yLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFBlcFNlcGFyYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkga2V5ID0gJyc7XG4gICAgQElucHV0KCkgbGFiZWwgPSAnJzsgICAgXG4gICAgQElucHV0KCkgeEFsaWdubWVudDogUGVwSG9yaXpvbnRhbEFsaWdubWVudCA9IERFRkFVTFRfSE9SSVpPTlRBTF9BTElHTk1FTlQ7XG5cbiAgICBjb250cm9sVHlwZSA9ICdzZXBhcmF0b3InO1xuXG4gICAgQElucHV0KCkgZm9ybTogRm9ybUdyb3VwID0gbnVsbDtcbiAgICBASW5wdXQoKSBsYXlvdXRUeXBlOiBQZXBMYXlvdXRUeXBlID0gJ2Zvcm0nO1xuICAgIC8vIEBJbnB1dCgpIHJlbmRlclRpdGxlID0gdHJ1ZTtcblxuICAgIHByaXZhdGUgX3Zpc2libGUgPSB0cnVlO1xuICAgIEBJbnB1dCgpXG4gICAgc2V0IHZpc2libGUodmlzaWJsZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl92aXNpYmxlID0gdmlzaWJsZTtcbiAgICAgICAgaWYgKHZpc2libGUpIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIucmVtb3ZlQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgJ2hpZGRlbi1lbGVtZW50J1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgJ2hpZGRlbi1lbGVtZW50J1xuICAgICAgICAgICAgKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3Zpc2libGU7XG4gICAgfVxuXG4gICAgc3RhbmRBbG9uZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLCBwcml2YXRlIGVsZW1lbnQ6IEVsZW1lbnRSZWYpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmZvcm0gPT09IG51bGwpIHtcbiAgICAgICAgICAgIHRoaXMuc3RhbmRBbG9uZSA9IHRydWU7XG5cbiAgICAgICAgICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAgICAgdGhpcy5lbGVtZW50Lm5hdGl2ZUVsZW1lbnQsXG4gICAgICAgICAgICAgICAgUGVwQ3VzdG9taXphdGlvblNlcnZpY2UuU1RBTkRfQUxPTkVfRklFTERfQ0xBU1NfTkFNRVxuICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgLy8gVGhlcmUgaXMgbm8gcGVwLXRpdGxlLWZpZWxkIGhlcmVcbiAgICAgICAgICAgIC8vIGlmICghdGhpcy5yZW5kZXJUaXRsZSkge1xuICAgICAgICAgICAgLy8gICAgIHRoaXMucmVuZGVyZXIuYWRkQ2xhc3MoXG4gICAgICAgICAgICAvLyAgICAgICAgIHRoaXMuZWxlbWVudC5uYXRpdmVFbGVtZW50LFxuICAgICAgICAgICAgLy8gICAgICAgICBQZXBDdXN0b21pemF0aW9uU2VydmljZS5TVEFORF9BTE9ORV9GSUVMRF9OT19TUEFDSU5HX0NMQVNTX05BTUVcbiAgICAgICAgICAgIC8vICAgICApO1xuICAgICAgICAgICAgLy8gfVxuICAgICAgICB9XG4gICAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImxheW91dFR5cGUgPT09ICdmb3JtJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJwZXAtc2VwYXJhdG9yLWZpZWxkIHdyYXAgcGVwLWJvcmRlci1ib3R0b20gYWxpZ24te3sgeEFsaWdubWVudCB9fVwiIHRpdGxlPVwie3sgbGFiZWwgfX1cIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJibG9jay13aXRoLXRleHQgYm9keS1tZFwiPnt7IGxhYmVsIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy1jb250YWluZXIgKm5nSWY9XCJsYXlvdXRUeXBlID09PSAnY2FyZCdcIj5cbiAgICA8ZGl2IGNsYXNzPVwicGVwLXNlcGFyYXRvci1maWVsZCBwZXAtc21hbGwtc2VwYXJhdG9yLWZpZWxkIHBlcC1ib3JkZXItYm90dG9tIHRleHQtYWxpZ24te3sgeEFsaWdubWVudCB9fVwiXG4gICAgICAgIGRpcj1cInt7IHhBbGlnbm1lbnQgPT0gJ3JpZ2h0JyA/ICdydGwnIDogJ2x0cicgfX1cIiB0aXRsZT1cInt7IGxhYmVsIH19XCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic21hbGwtYmxvY2std2l0aC10ZXh0IGJvZHktc21cIj57eyBsYWJlbCB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuXG48bmctY29udGFpbmVyICpuZ0lmPVwibGF5b3V0VHlwZSA9PT0gJ3RhYmxlJ1wiPlxuICAgIDxsYWJlbCBjbGFzcz1cImNsXCIgdGl0bGU9XCJ7eyBsYWJlbCB9fVwiPnt7IGxhYmVsIH19PC9sYWJlbD5cbjwvbmctY29udGFpbmVyPiJdfQ==

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

@@ -3,11 +3,11 @@ import { CommonModule } from '@angular/common';
 import { PepSeparatorComponent } from './separator.component';
 import * as i0 from "@angular/core";
 export class PepSeparatorModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorModule, declarations: [PepSeparatorComponent], imports: [CommonModule], exports: [PepSeparatorComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorModule, imports: [CommonModule] });
 }
-PepSeparatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PepSeparatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepSeparatorModule, declarations: [PepSeparatorComponent], imports: [CommonModule], exports: [PepSeparatorComponent] });
-PepSeparatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSeparatorModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSeparatorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSeparatorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule],
@@ -15,4 +15,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                     declarations: [PepSeparatorComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VwYXJhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VwYXJhdG9yL3NlcGFyYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTzlELE1BQU0sT0FBTyxrQkFBa0I7O2dIQUFsQixrQkFBa0I7aUhBQWxCLGtCQUFrQixpQkFGWixxQkFBcUIsYUFGMUIsWUFBWSxhQUNaLHFCQUFxQjtpSEFHdEIsa0JBQWtCLFlBSmpCLFlBQVk7NEZBSWIsa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQZXBTZXBhcmF0b3JDb21wb25lbnQgfSBmcm9tICcuL3NlcGFyYXRvci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtQZXBTZXBhcmF0b3JDb21wb25lbnRdLFxuICAgIGRlY2xhcmF0aW9uczogW1BlcFNlcGFyYXRvckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcFNlcGFyYXRvck1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VwYXJhdG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1saWIvc2VwYXJhdG9yL3NlcGFyYXRvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBTzlELE1BQU0sT0FBTyxrQkFBa0I7d0dBQWxCLGtCQUFrQjt5R0FBbEIsa0JBQWtCLGlCQUZaLHFCQUFxQixhQUYxQixZQUFZLGFBQ1oscUJBQXFCO3lHQUd0QixrQkFBa0IsWUFKakIsWUFBWTs7NEZBSWIsa0JBQWtCO2tCQUw5QixRQUFRO21CQUFDO29CQUNOLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsT0FBTyxFQUFFLENBQUMscUJBQXFCLENBQUM7b0JBQ2hDLFlBQVksRUFBRSxDQUFDLHFCQUFxQixDQUFDO2lCQUN4QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBQZXBTZXBhcmF0b3JDb21wb25lbnQgfSBmcm9tICcuL3NlcGFyYXRvci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICAgIGV4cG9ydHM6IFtQZXBTZXBhcmF0b3JDb21wb25lbnRdLFxuICAgIGRlY2xhcmF0aW9uczogW1BlcFNlcGFyYXRvckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFBlcFNlcGFyYXRvck1vZHVsZSB7fVxuIl19