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

package/{fesm2020 → fesm2022}/pepperi-addons-ngx-lib-select.mjs

@@ -24,6 +24,12 @@ import * as i1 from '@ngx-translate/core';
 import * as i5 from '@angular/cdk/bidi';
 
 class PepSelectComponent {
+    translate;
+    customizationService;
+    renderer;
+    element;
+    key = '';
+    _value = '';
     set value(value) {
         if (!value) {
             value = '';
@@ -33,6 +39,15 @@ class PepSelectComponent {
     get value() {
         return this._value;
     }
+    label = '';
+    type = 'select';
+    mandatory = false;
+    disabled = false;
+    readonly = false;
+    xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
+    rowSpan = 1;
+    _placeholder = '';
+    _placeholderSet = false;
     set placeholder(value) {
         this._placeholder = value;
         this._placeholderSet = true;
@@ -40,6 +55,8 @@ class PepSelectComponent {
     get placeholder() {
         return this._placeholder;
     }
+    placeholderWhenDisabled = '';
+    _autoSortOptions = true;
     set autoSortOptions(val) {
         if (val !== undefined) {
             this._autoSortOptions = val;
@@ -50,6 +67,8 @@ class PepSelectComponent {
     get autoSortOptions() {
         return this._autoSortOptions;
     }
+    _originalOptions = [];
+    _options = [];
     set options(value) {
         if (!value) {
             value = [];
@@ -61,6 +80,7 @@ class PepSelectComponent {
     get options() {
         return this._options;
     }
+    _visible = true;
     set visible(visible) {
         this._visible = visible;
         if (visible) {
@@ -73,6 +93,7 @@ class PepSelectComponent {
     get visible() {
         return this._visible;
     }
+    _emptyOption = true;
     set emptyOption(val) {
         if (val !== undefined) {
             this._emptyOption = val;
@@ -81,46 +102,32 @@ class PepSelectComponent {
     get emptyOption() {
         return this._emptyOption;
     }
+    controlType = 'select';
+    // @Input() field: PepFieldBase;
+    form = null;
+    layoutType = 'form';
+    parentFieldKey = null;
+    isActive = false;
+    showTitle = true;
+    renderTitle = true;
+    typeaheadDebounceInterval = 1000;
+    addValueToOptionsIfNotExist = true;
+    valueChange = new EventEmitter();
+    // @Output()
+    // formValidationChange: EventEmitter<boolean> = new EventEmitter<boolean>();
+    validationChange = new EventEmitter();
+    select;
+    standAlone = false;
+    isInEditMode = false;
+    isMulti = false;
+    selectedValuesModel;
+    selectedValueModel;
+    fieldFormattedValue = '';
     constructor(translate, customizationService, renderer, element) {
         this.translate = translate;
         this.customizationService = customizationService;
         this.renderer = renderer;
         this.element = element;
-        this.key = '';
-        this._value = '';
-        this.label = '';
-        this.type = 'select';
-        this.mandatory = false;
-        this.disabled = false;
-        this.readonly = false;
-        this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
-        this.rowSpan = 1;
-        this._placeholder = '';
-        this._placeholderSet = false;
-        this.placeholderWhenDisabled = '';
-        this._autoSortOptions = true;
-        this._originalOptions = [];
-        this._options = [];
-        this._visible = true;
-        this._emptyOption = true;
-        this.controlType = 'select';
-        // @Input() field: PepFieldBase;
-        this.form = null;
-        this.layoutType = 'form';
-        this.parentFieldKey = null;
-        this.isActive = false;
-        this.showTitle = true;
-        this.renderTitle = true;
-        this.typeaheadDebounceInterval = 1000;
-        this.addValueToOptionsIfNotExist = true;
-        this.valueChange = new EventEmitter();
-        // @Output()
-        // formValidationChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-        this.validationChange = new EventEmitter();
-        this.standAlone = false;
-        this.isInEditMode = false;
-        this.isMulti = false;
-        this.fieldFormattedValue = '';
     }
     setOptions() {
         this._options = this.autoSortOptions ? this.sortOptionsByValue(this._originalOptions) : this._originalOptions;
@@ -281,10 +288,10 @@ class PepSelectComponent {
             this.select.open();
         }, 0);
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectComponent, deps: [{ token: i1.TranslateService }, { token: i2.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepSelectComponent, selector: "pep-select", inputs: { key: "key", value: "value", label: "label", type: "type", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", xAlignment: "xAlignment", rowSpan: "rowSpan", placeholder: "placeholder", placeholderWhenDisabled: "placeholderWhenDisabled", autoSortOptions: "autoSortOptions", options: "options", visible: "visible", emptyOption: "emptyOption", form: "form", layoutType: "layoutType", parentFieldKey: "parentFieldKey", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", typeaheadDebounceInterval: "typeaheadDebounceInterval", addValueToOptionsIfNotExist: "addValueToOptionsIfNotExist" }, outputs: { valueChange: "valueChange", validationChange: "validationChange" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <ng-container *ngIf=\"type == 'multi'; then multiSelectBlock; else regularSelectBlock\"></ng-container>\n        <ng-template #regularSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select [required]=\"mandatory ? mandatory : undefined\" disableOptionCentering\n                    class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValueModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled\"\n                    (selectionChange)=\"selectionChange($event)\" (openedChange)=\"openedChange($event)\"\n                    title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngIf=\"emptyOption\" value=\"\" [title]=\"'LIST.NONE' | translate\">{{ 'LIST.NONE' |\n                        translate }}</mat-option>\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error>\n                    <span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"></span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n        <ng-template #multiSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select multiple [required]=\"mandatory ? mandatory : undefined\"\n                    disableOptionCentering class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValuesModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled || readonly\"\n                    (openedChange)=\"openedChange($event)\" title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error><span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"> </span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title *ngIf=\"!parentFieldKey && renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\"\n            [disabled]=\"disabled\" [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n        </pep-field-title>\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n        <ng-template #editBlock>\n            <div [ngClass]=\"{'one-row': rowSpan === 1}\">\n                <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n            </div>\n        </ng-template>\n        <ng-template #readOnlyBlock>\n            <div class=\"pep-card-input card-flex-container\"\n                [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n                [class]=\"'text-align-' + xAlignment\" (click)=\"!disabled ? cardTemplateClicked($event) : ''\">\n                <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title\" title=\"{{ label }}\">{{ label\n                    }}&nbsp;</span>\n                <span [id]=\"key\" title=\"{{ fieldFormattedValue }}\" class=\"body-sm value\">{{ fieldFormattedValue\n                    }}</span>\n                <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button\" mat-button>\n                    <mat-icon>\n                        <pep-icon name=\"system_edit\">\n                        </pep-icon>\n                    </mat-icon>\n                </button>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n        <ng-template #selectedBlock>\n            <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #notSelectedBlock>\n            <span [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{readonly: disabled}\"\n                title=\"{{ fieldFormattedValue }}\">{{ fieldFormattedValue }}</span>\n        </ng-template>\n    </ng-container>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}::ng-deep .mat-select-trigger,::ng-deep .mat-mdc-select-trigger{display:flex;align-content:center;height:inherit}::ng-deep .mat-select-trigger .mat-select-placeholder,::ng-deep .mat-select-trigger .mat-mdc-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep .mat-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-select-trigger .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper{margin-inline-start:var(--pep-spacing-sm, .5rem)}::ng-deep .mat-select-value,::ng-deep .mat-mdc-select-value{max-width:inherit;display:grid;align-self:center}::ng-deep .mat-select-arrow,::ng-deep .mat-mdc-select-arrow{width:1.5rem;height:1.5rem;margin:0;display:flex;align-items:center;justify-content:center}::ng-deep .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;width:1rem;height:1rem;display:flex;flex-direction:column;justify-content:center;padding-top:4px}::ng-deep .mat-select-disabled,::ng-deep .mat-mdc-select-disabled{pointer-events:none}::ng-deep .mat-select-disabled .mat-select-arrow:after,::ng-deep .mat-select-disabled .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-arrow:after{content:none}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{width:1rem;height:1rem;border-radius:.25rem}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{width:0;height:0}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MTExNjM5LDcuMDAwNjI5NjggQzE3LjEzNTI3Myw3LjAxMDk5Mjg1IDE2Ljc3OTE1ODIsNy4xNjgzMTkwOSAxNi41MTYzMjg4LDcuNDM3NzU0MjEgQzE0LjIyNjEzMzksOS43MzI2NTE5MiAxMi4xMzU2Nzc4LDExLjk4MjQwMjIgOS45MzY5MTEzNSwxNC4yMjgxOTczIEw3LjM1MTc4NzA4LDEyLjE1NTYxMiBDNy4wNTIyMDMwMywxMS45MTUzODI5IDYuNjY5NzI4MTIsMTEuODA0MjI0MiA2LjI4ODE2OTY2LDExLjg0NjYyMjMgQzUuOTA1Njk0NzUsMTEuODg5MDE1NSA1LjU1NzEyODY0LDEyLjA4MTIwMDggNS4zMTY4OTcwNiwxMi4zODE3MzUxIEM1LjA3NzYwODQ2LDEyLjY4MTMxOTEgNC45NjY0NDk4MSwxMy4wNjM3OTQgNS4wMDg4NDc4NywxMy40NDUzNTI1IEM1LjA1MTI0MTExLDEzLjgyNzgyNzQgNS4yNDM0MjYzOCwxNC4xNzYzOTM1IDUuNTQyOTk1OTUsMTQuNDE2NjI1MSBMOS4xNjA1NzgyLDE3LjMxMDY5MDkgQzkuNzM5MDA1NDksMTcuNzcwNDEzMiAxMC41Njk5NCwxNy43MjIzNzE3IDExLjA4OTk1NTQsMTcuMTk3NjQxNCBDMTMuNjkxOTYxNywxNC41OTAwODgxIDE2LjAyMzYxNDEsMTIuMDI4MzU3NiAxOC41NjYyOTIxLDkuNDgwMTMyNjIgQzE4Ljk5MTE2NSw5LjA2Mjc4NDIxIDE5LjExNzQxODcsOC40Mjc4MjYxOCAxOC44ODQ3MTE2LDcuODgwNDg1OTggQzE4LjY1MTA3NjEsNy4zMzIyMDUyMSAxOC4xMDY1NDU2LDYuOTgzNjE0OTkgMTcuNTExMTYzOSw3LjAwMDU5MzUxIEwxNy41MTExNjM5LDcuMDAwNjI5NjggWiIvPgogIDwvc3ZnPg==)}.right-alignment{direction:rtl}\n", "mat-select,mat-mdc-select{outline:none}::ng-deep .mat-select-disabled .mat-select-value,::ng-deep .mat-select-disabled .mat-mdc-select-value,::ng-deep .mat-mdc-select-disabled .mat-select-value,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-value{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-arrow-wrapper{transform:unset!important;vertical-align:middle}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{border:0}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}::ng-deep .mat-select-panel .mat-option,::ng-deep .mat-select-panel .mat-mdc-option,::ng-deep .mat-mdc-select-panel .mat-option,::ng-deep .mat-mdc-select-panel .mat-mdc-option{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%))}::ng-deep .mat-select-panel .mat-option:hover,::ng-deep .mat-select-panel .mat-mdc-option:hover,::ng-deep .mat-mdc-select-panel .mat-option:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option:active,::ng-deep .mat-select-panel .mat-mdc-option:active,::ng-deep .mat-mdc-select-panel .mat-option:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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%))}::ng-deep .mat-select-panel .mat-option:disabled,::ng-deep .mat-select-panel .mat-mdc-option:disabled,::ng-deep .mat-mdc-select-panel .mat-option:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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}::ng-deep .mat-select-panel .mat-option.mat-selected,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}::ng-deep .mat-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:hover,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option.mat-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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%))}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate{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%));border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 20%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6.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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "panelWidth", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i12.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-PepSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectComponent, deps: [{ token: i1.TranslateService }, { token: i2.PepCustomizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-PepSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PepSelectComponent, selector: "pep-select", inputs: { key: "key", value: "value", label: "label", type: "type", mandatory: "mandatory", disabled: "disabled", readonly: "readonly", xAlignment: "xAlignment", rowSpan: "rowSpan", placeholder: "placeholder", placeholderWhenDisabled: "placeholderWhenDisabled", autoSortOptions: "autoSortOptions", options: "options", visible: "visible", emptyOption: "emptyOption", form: "form", layoutType: "layoutType", parentFieldKey: "parentFieldKey", isActive: "isActive", showTitle: "showTitle", renderTitle: "renderTitle", typeaheadDebounceInterval: "typeaheadDebounceInterval", addValueToOptionsIfNotExist: "addValueToOptionsIfNotExist" }, outputs: { valueChange: "valueChange", validationChange: "validationChange" }, viewQueries: [{ propertyName: "select", first: true, predicate: ["select"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <ng-container *ngIf=\"type == 'multi'; then multiSelectBlock; else regularSelectBlock\"></ng-container>\n        <ng-template #regularSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select [required]=\"mandatory ? mandatory : undefined\" disableOptionCentering\n                    class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValueModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled\"\n                    (selectionChange)=\"selectionChange($event)\" (openedChange)=\"openedChange($event)\"\n                    title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngIf=\"emptyOption\" value=\"\" [title]=\"'LIST.NONE' | translate\">{{ 'LIST.NONE' |\n                        translate }}</mat-option>\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error>\n                    <span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"></span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n        <ng-template #multiSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select multiple [required]=\"mandatory ? mandatory : undefined\"\n                    disableOptionCentering class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValuesModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled || readonly\"\n                    (openedChange)=\"openedChange($event)\" title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error><span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"> </span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title *ngIf=\"!parentFieldKey && renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\"\n            [disabled]=\"disabled\" [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n        </pep-field-title>\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n        <ng-template #editBlock>\n            <div [ngClass]=\"{'one-row': rowSpan === 1}\">\n                <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n            </div>\n        </ng-template>\n        <ng-template #readOnlyBlock>\n            <div class=\"pep-card-input card-flex-container\"\n                [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n                [class]=\"'text-align-' + xAlignment\" (click)=\"!disabled ? cardTemplateClicked($event) : ''\">\n                <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title\" title=\"{{ label }}\">{{ label\n                    }}&nbsp;</span>\n                <span [id]=\"key\" title=\"{{ fieldFormattedValue }}\" class=\"body-sm value\">{{ fieldFormattedValue\n                    }}</span>\n                <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button\" mat-button>\n                    <mat-icon>\n                        <pep-icon name=\"system_edit\">\n                        </pep-icon>\n                    </mat-icon>\n                </button>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n        <ng-template #selectedBlock>\n            <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #notSelectedBlock>\n            <span [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{readonly: disabled}\"\n                title=\"{{ fieldFormattedValue }}\">{{ fieldFormattedValue }}</span>\n        </ng-template>\n    </ng-container>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}::ng-deep .mat-select-trigger,::ng-deep .mat-mdc-select-trigger{display:flex;align-content:center;height:inherit}::ng-deep .mat-select-trigger .mat-select-placeholder,::ng-deep .mat-select-trigger .mat-mdc-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep .mat-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-select-trigger .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper{margin-inline-start:var(--pep-spacing-sm, .5rem)}::ng-deep .mat-select-value,::ng-deep .mat-mdc-select-value{max-width:inherit;display:grid;align-self:center}::ng-deep .mat-select-arrow,::ng-deep .mat-mdc-select-arrow{width:1.5rem;height:1.5rem;margin:0;display:flex;align-items:center;justify-content:center}::ng-deep .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;width:1rem;height:1rem;display:flex;flex-direction:column;justify-content:center;padding-top:4px}::ng-deep .mat-select-disabled,::ng-deep .mat-mdc-select-disabled{pointer-events:none}::ng-deep .mat-select-disabled .mat-select-arrow:after,::ng-deep .mat-select-disabled .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-arrow:after{content:none}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{width:1rem;height:1rem;border-radius:.25rem}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{width:0;height:0}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MTExNjM5LDcuMDAwNjI5NjggQzE3LjEzNTI3Myw3LjAxMDk5Mjg1IDE2Ljc3OTE1ODIsNy4xNjgzMTkwOSAxNi41MTYzMjg4LDcuNDM3NzU0MjEgQzE0LjIyNjEzMzksOS43MzI2NTE5MiAxMi4xMzU2Nzc4LDExLjk4MjQwMjIgOS45MzY5MTEzNSwxNC4yMjgxOTczIEw3LjM1MTc4NzA4LDEyLjE1NTYxMiBDNy4wNTIyMDMwMywxMS45MTUzODI5IDYuNjY5NzI4MTIsMTEuODA0MjI0MiA2LjI4ODE2OTY2LDExLjg0NjYyMjMgQzUuOTA1Njk0NzUsMTEuODg5MDE1NSA1LjU1NzEyODY0LDEyLjA4MTIwMDggNS4zMTY4OTcwNiwxMi4zODE3MzUxIEM1LjA3NzYwODQ2LDEyLjY4MTMxOTEgNC45NjY0NDk4MSwxMy4wNjM3OTQgNS4wMDg4NDc4NywxMy40NDUzNTI1IEM1LjA1MTI0MTExLDEzLjgyNzgyNzQgNS4yNDM0MjYzOCwxNC4xNzYzOTM1IDUuNTQyOTk1OTUsMTQuNDE2NjI1MSBMOS4xNjA1NzgyLDE3LjMxMDY5MDkgQzkuNzM5MDA1NDksMTcuNzcwNDEzMiAxMC41Njk5NCwxNy43MjIzNzE3IDExLjA4OTk1NTQsMTcuMTk3NjQxNCBDMTMuNjkxOTYxNywxNC41OTAwODgxIDE2LjAyMzYxNDEsMTIuMDI4MzU3NiAxOC41NjYyOTIxLDkuNDgwMTMyNjIgQzE4Ljk5MTE2NSw5LjA2Mjc4NDIxIDE5LjExNzQxODcsOC40Mjc4MjYxOCAxOC44ODQ3MTE2LDcuODgwNDg1OTggQzE4LjY1MTA3NjEsNy4zMzIyMDUyMSAxOC4xMDY1NDU2LDYuOTgzNjE0OTkgMTcuNTExMTYzOSw3LjAwMDU5MzUxIEwxNy41MTExNjM5LDcuMDAwNjI5NjggWiIvPgogIDwvc3ZnPg==)}.right-alignment{direction:rtl}\n", "mat-select,mat-mdc-select{outline:none}::ng-deep .mat-select-disabled .mat-select-value,::ng-deep .mat-select-disabled .mat-mdc-select-value,::ng-deep .mat-mdc-select-disabled .mat-select-value,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-value{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-arrow-wrapper{transform:unset!important;vertical-align:middle}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{border:0}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}::ng-deep .mat-select-panel .mat-option,::ng-deep .mat-select-panel .mat-mdc-option,::ng-deep .mat-mdc-select-panel .mat-option,::ng-deep .mat-mdc-select-panel .mat-mdc-option{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%))}::ng-deep .mat-select-panel .mat-option:hover,::ng-deep .mat-select-panel .mat-mdc-option:hover,::ng-deep .mat-mdc-select-panel .mat-option:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option:active,::ng-deep .mat-select-panel .mat-mdc-option:active,::ng-deep .mat-mdc-select-panel .mat-option:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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%))}::ng-deep .mat-select-panel .mat-option:disabled,::ng-deep .mat-select-panel .mat-mdc-option:disabled,::ng-deep .mat-mdc-select-panel .mat-option:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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}::ng-deep .mat-select-panel .mat-option.mat-selected,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}::ng-deep .mat-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:hover,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option.mat-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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%))}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate{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%));border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 20%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i6.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: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i9.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i10.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i1$1.PepIconComponent, selector: "pep-icon", inputs: ["spin", "name", "fill"] }, { kind: "component", type: i12.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'pep-select', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"form\">\n    <ng-template #pepTemplate>\n        <ng-container *ngIf=\"type == 'multi'; then multiSelectBlock; else regularSelectBlock\"></ng-container>\n        <ng-template #regularSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select [required]=\"mandatory ? mandatory : undefined\" disableOptionCentering\n                    class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValueModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled\"\n                    (selectionChange)=\"selectionChange($event)\" (openedChange)=\"openedChange($event)\"\n                    title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngIf=\"emptyOption\" value=\"\" [title]=\"'LIST.NONE' | translate\">{{ 'LIST.NONE' |\n                        translate }}</mat-option>\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error>\n                    <span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"></span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n        <ng-template #multiSelectBlock>\n            <mat-form-field appearance=\"outline\" dir=\"{{ xAlignment === 'right' ? 'rtl' : 'ltr' }}\" (click)=\"select.open()\">\n                <mat-select #select multiple [required]=\"mandatory ? mandatory : undefined\"\n                    disableOptionCentering class=\"body-sm text-align-{{ xAlignment }}\" [id]=\"key\" [typeaheadDebounceInterval]=\"typeaheadDebounceInterval\"\n                    [ngClass]=\"{'right-alignment': xAlignment === 'right'}\"\n                    [placeholder]=\"disabled || readonly ? placeholderWhenDisabled : placeholder\"\n                    [(ngModel)]=\"selectedValuesModel\" [ngModelOptions]=\"{standalone: true}\" [disabled]=\"disabled || readonly\"\n                    (openedChange)=\"openedChange($event)\" title=\"{{ fieldFormattedValue }}\">\n                    <mat-option *ngFor=\"let option of options\" [value]=\"option.key\" [title]=\"option.value\">{{\n                        option.value }}</mat-option>\n                </mat-select>\n                <mat-error><span class=\"body-xs\" [title]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"\n                        [innerText]=\"'MESSAGES.ERROR_IS_REQUIRED' | translate: {field: label}\"> </span>\n                </mat-error>\n            </mat-form-field>\n        </ng-template>\n    </ng-template>\n\n    <ng-container *ngIf=\"layoutType === 'form'\">\n        <pep-field-title *ngIf=\"!parentFieldKey && renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\"\n            [disabled]=\"disabled\" [xAlignment]=\"xAlignment\" [showTitle]=\"showTitle\">\n        </pep-field-title>\n        <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'card'\">\n        <ng-container *ngIf=\"isInEditMode; then editBlock; else readOnlyBlock\"></ng-container>\n        <ng-template #editBlock>\n            <div [ngClass]=\"{'one-row': rowSpan === 1}\">\n                <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n            </div>\n        </ng-template>\n        <ng-template #readOnlyBlock>\n            <div class=\"pep-card-input card-flex-container\"\n                [ngClass]=\"{'one-row': rowSpan === 1, 'pep-button weak': isActive && !disabled}\"\n                [class]=\"'text-align-' + xAlignment\" (click)=\"!disabled ? cardTemplateClicked($event) : ''\">\n                <span *ngIf=\"showTitle && label != ''\" class=\"body-xs title\" title=\"{{ label }}\">{{ label\n                    }}&nbsp;</span>\n                <span [id]=\"key\" title=\"{{ fieldFormattedValue }}\" class=\"body-sm value\">{{ fieldFormattedValue\n                    }}</span>\n                <button *ngIf=\"isActive && !disabled\" class=\"pep-button weak card-edit-button\" mat-button>\n                    <mat-icon>\n                        <pep-icon name=\"system_edit\">\n                        </pep-icon>\n                    </mat-icon>\n                </button>\n            </div>\n        </ng-template>\n    </ng-container>\n\n    <ng-container *ngIf=\"layoutType === 'table'\">\n        <ng-container *ngIf=\"isActive && !disabled; then selectedBlock; else notSelectedBlock\"></ng-container>\n        <ng-template #selectedBlock>\n            <ng-container *ngTemplateOutlet=\"pepTemplate\"></ng-container>\n        </ng-template>\n        <ng-template #notSelectedBlock>\n            <span [id]=\"key\" class=\"body-sm pep-report-input\" [ngClass]=\"{readonly: disabled}\"\n                title=\"{{ fieldFormattedValue }}\">{{ fieldFormattedValue }}</span>\n        </ng-template>\n    </ng-container>\n</ng-container>", styles: [":host{height:inherit;display:grid}:host>*{align-self:center}::ng-deep .mat-select-trigger,::ng-deep .mat-mdc-select-trigger{display:flex;align-content:center;height:inherit}::ng-deep .mat-select-trigger .mat-select-placeholder,::ng-deep .mat-select-trigger .mat-mdc-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-select-placeholder,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-placeholder{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}::ng-deep .mat-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-select-trigger .mat-mdc-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper{margin-inline-start:var(--pep-spacing-sm, .5rem)}::ng-deep .mat-select-value,::ng-deep .mat-mdc-select-value{max-width:inherit;display:grid;align-self:center}::ng-deep .mat-select-arrow,::ng-deep .mat-mdc-select-arrow{width:1.5rem;height:1.5rem;margin:0;display:flex;align-items:center;justify-content:center}::ng-deep .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow:after{content:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgaWQ9InN2ZzQiCiAgIHZlcnNpb249IjEuMSIKICAgdmlld0JveD0iMCAwIDI0IDI0IgogICBoZWlnaHQ9IjE2IgogICB3aWR0aD0iMTYiPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEwIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICA8L2NjOldvcms+CiAgICA8L3JkZjpSREY+CiAgPC9tZXRhZGF0YT4KICA8ZGVmcwogICAgIGlkPSJkZWZzOCIgLz4KICA8cGF0aAogICAgIGlkPSJwYXRoMiIKICAgICBkPSJNNS44MDAzMjE0OCw5LjI4Njc0MzU0IEwxMS4yNTQyODI0LDEzLjIwMjc1ODMgQzExLjY2NjEzMDksMTMuNTg1MDgzIDEyLjMzMzg2OTEsMTMuNTg1MDgzIDEyLjc0NTcxNzYsMTMuMjAyNzU4MyBMMTguMTk5Njc4NSw5LjI4Njc0MzU0IEMxOC42MTE1MjcsOC45MDQ0MTg4MiAxOS4yNzkyNjUyLDguOTA0NDE4ODIgMTkuNjkxMTEzNyw5LjI4Njc0MzU0IEMyMC4xMDI5NjIxLDkuNjY5MDY4MjYgMjAuMTAyOTYyMSwxMC4yODg5MzkxIDE5LjY5MTExMzcsMTAuNjcxMjYzOCBMMTMuNDkxNDM1MSwxNi40MjY1MTI5IEMxMi42Njc3MzgzLDE3LjE5MTE2MjQgMTEuMzMyMjYxNywxNy4xOTExNjI0IDEwLjUwODU2NDksMTYuNDI2NTEyOSBMNC4zMDg4ODYzMywxMC42NzEyNjM4IEMzLjg5NzAzNzg5LDEwLjI4ODkzOTEgMy44OTcwMzc4OSw5LjY2OTA2ODI2IDQuMzA4ODg2MzMsOS4yODY3NDM1NCBDNC43MjA3MzQ3OCw4LjkwNDQxODgyIDUuMzg4NDczMDMsOC45MDQ0MTg4MiA1LjgwMDMyMTQ4LDkuMjg2NzQzNTQgWiIKICAgICBmaWxsLXJ1bGU9ImV2ZW5vZGQiCiAgICAgZmlsbC1vcGFjaXR5PSIuNSIgLz4KPC9zdmc+Cg==);cursor:pointer;width:1rem;height:1rem;display:flex;flex-direction:column;justify-content:center;padding-top:4px}::ng-deep .mat-select-disabled,::ng-deep .mat-mdc-select-disabled{pointer-events:none}::ng-deep .mat-select-disabled .mat-select-arrow:after,::ng-deep .mat-select-disabled .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-select-arrow:after,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-arrow:after{content:none}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{width:1rem;height:1rem;border-radius:.25rem}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{width:0;height:0}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy41MTExNjM5LDcuMDAwNjI5NjggQzE3LjEzNTI3Myw3LjAxMDk5Mjg1IDE2Ljc3OTE1ODIsNy4xNjgzMTkwOSAxNi41MTYzMjg4LDcuNDM3NzU0MjEgQzE0LjIyNjEzMzksOS43MzI2NTE5MiAxMi4xMzU2Nzc4LDExLjk4MjQwMjIgOS45MzY5MTEzNSwxNC4yMjgxOTczIEw3LjM1MTc4NzA4LDEyLjE1NTYxMiBDNy4wNTIyMDMwMywxMS45MTUzODI5IDYuNjY5NzI4MTIsMTEuODA0MjI0MiA2LjI4ODE2OTY2LDExLjg0NjYyMjMgQzUuOTA1Njk0NzUsMTEuODg5MDE1NSA1LjU1NzEyODY0LDEyLjA4MTIwMDggNS4zMTY4OTcwNiwxMi4zODE3MzUxIEM1LjA3NzYwODQ2LDEyLjY4MTMxOTEgNC45NjY0NDk4MSwxMy4wNjM3OTQgNS4wMDg4NDc4NywxMy40NDUzNTI1IEM1LjA1MTI0MTExLDEzLjgyNzgyNzQgNS4yNDM0MjYzOCwxNC4xNzYzOTM1IDUuNTQyOTk1OTUsMTQuNDE2NjI1MSBMOS4xNjA1NzgyLDE3LjMxMDY5MDkgQzkuNzM5MDA1NDksMTcuNzcwNDEzMiAxMC41Njk5NCwxNy43MjIzNzE3IDExLjA4OTk1NTQsMTcuMTk3NjQxNCBDMTMuNjkxOTYxNywxNC41OTAwODgxIDE2LjAyMzYxNDEsMTIuMDI4MzU3NiAxOC41NjYyOTIxLDkuNDgwMTMyNjIgQzE4Ljk5MTE2NSw5LjA2Mjc4NDIxIDE5LjExNzQxODcsOC40Mjc4MjYxOCAxOC44ODQ3MTE2LDcuODgwNDg1OTggQzE4LjY1MTA3NjEsNy4zMzIyMDUyMSAxOC4xMDY1NDU2LDYuOTgzNjE0OTkgMTcuNTExMTYzOSw3LjAwMDU5MzUxIEwxNy41MTExNjM5LDcuMDAwNjI5NjggWiIvPgogIDwvc3ZnPg==)}.right-alignment{direction:rtl}\n", "mat-select,mat-mdc-select{outline:none}::ng-deep .mat-select-disabled .mat-select-value,::ng-deep .mat-select-disabled .mat-mdc-select-value,::ng-deep .mat-mdc-select-disabled .mat-select-value,::ng-deep .mat-mdc-select-disabled .mat-mdc-select-value{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}::ng-deep .mat-select-arrow-wrapper,::ng-deep .mat-mdc-select-arrow-wrapper{transform:unset!important;vertical-align:middle}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow{border:0}::ng-deep .mat-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-select-arrow-wrapper .mat-mdc-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-select-arrow:after,::ng-deep .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}::ng-deep .mat-select-panel .mat-option,::ng-deep .mat-select-panel .mat-mdc-option,::ng-deep .mat-mdc-select-panel .mat-option,::ng-deep .mat-mdc-select-panel .mat-mdc-option{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%))}::ng-deep .mat-select-panel .mat-option:hover,::ng-deep .mat-select-panel .mat-mdc-option:hover,::ng-deep .mat-mdc-select-panel .mat-option:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option:active,::ng-deep .mat-select-panel .mat-mdc-option:active,::ng-deep .mat-mdc-select-panel .mat-option:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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%))}::ng-deep .mat-select-panel .mat-option:disabled,::ng-deep .mat-select-panel .mat-mdc-option:disabled,::ng-deep .mat-mdc-select-panel .mat-option:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option: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)}::ng-deep .mat-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option: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}::ng-deep .mat-select-panel .mat-option.mat-selected,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}::ng-deep .mat-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:hover,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}::ng-deep .mat-select-panel .mat-option.mat-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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);background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.24)!important}::ng-deep .mat-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:active:not(.keep-background-on-focus),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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%))}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled{box-shadow:unset;border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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)}::ng-deep .mat-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-option.mdc-list-item--selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-option.mat-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mat-mdc-selected:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox{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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate{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%));border:1px solid hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),calc(var(--pep-color-system-primary-l, 10%) + 20%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:hover,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:hover,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:active,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:active,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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%))}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:after{border:unset}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled .svg-icon.stroke,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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)}::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-checked:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox.mat-pseudo-checkbox-indeterminate:disabled:not(.disabled-no-background-no-color),::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox.mat-mdc-pseudo-checkbox-indeterminate: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}::ng-deep .mat-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-select-panel .mat-mdc-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-pseudo-checkbox:after,::ng-deep .mat-mdc-select-panel .mat-mdc-pseudo-checkbox:after{color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.PepCustomizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { key: [{
@@ -343,39 +350,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }] } });
 
 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$1.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] });
 }
-PepSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepSelectModule, deps: [{ token: i1$1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", 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] });
-PepSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: PepSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [