npm - @pepperi-addons/ngx-lib - Versions diffs - 0.5.0-ng16.8 → 0.5.0-ng17.2 - Mend

@pepperi-addons/ngx-lib 0.5.0-ng16.8 → 0.5.0-ng17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (276) hide show

package/fesm2022/pepperi-addons-ngx-lib-checkbox.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pepperi-addons-ngx-lib-checkbox.mjs","sources":["../../../projects/ngx-lib/checkbox/checkbox.component.ts","../../../projects/ngx-lib/checkbox/checkbox.component.html","../../../projects/ngx-lib/checkbox/checkbox.module.ts","../../../projects/ngx-lib/checkbox/public-api.ts","../../../projects/ngx-lib/checkbox/pepperi-addons-ngx-lib-checkbox.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnDestroy,\n Renderer2,\n ElementRef,\n Optional,\n OnChanges,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { MatCheckboxChange } from '@angular/material/checkbox';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n PepCustomizationService,\n PepLayoutType,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepCheckboxFieldType,\n PepCheckboxField,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({\n selector: 'pep-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss', './checkbox.component.theme.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n @Input() value = false;\n @Input() label = '';\n\n private _type: PepCheckboxFieldType = 'checkbox'; // \|\| 'booleanText'\n @Input()\n set type(value: PepCheckboxFieldType) {\n this._type = value;\n this.setAdditionalValueObject();\n }\n get type(): PepCheckboxFieldType {\n return this._type;\n }\n\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n\n private _additionalValue: any = undefined;\n @Input()\n set additionalValue(value: any) {\n this._additionalValue = value;\n this.setAdditionalValueObject();\n }\n get additionalValue(): any {\n return this._additionalValue;\n }\n\n controlType = 'checkbox';\n\n @Input() form: FormGroup = null;\n @Input() isActive = false;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n @Output()\n valueChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n @Output()\n validationChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n standAlone = false;\n\n additionalValueObject: any;\n public jsonLib = JSON;\n\n constructor(\n private renderer: Renderer2,\n private customizationService: PepCustomizationService,\n private element: ElementRef,\n private translate: TranslateService\n ) { }\n\n private setAdditionalValueObject() {\n if (this.additionalValue && this.type === 'booleanText') {\n try {\n if (typeof this.additionalValue === 'string') {\n this.additionalValueObject = JSON.parse(\n this.additionalValue\n );\n } else {\n this.additionalValueObject = this.additionalValue;\n }\n } catch {\n this.additionalValueObject = {\n CheckedText: this.translate.instant('CHECKBOX.TRUE'),\n UncheckedText: this.translate.instant('CHECKBOX.FALSE'),\n };\n }\n }\n }\n\n private setDefaultForm(): void {\n const pepField = new PepCheckboxField({\n key: this.key,\n value: this.value,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setDefaultForm();\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n if (!this.renderTitle) {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n );\n }\n }\n }\n\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n onMaterialChange(e: MatCheckboxChange): void {\n this.changeValue(e.checked);\n }\n\n toggleChecked(event: Event): void {\n if (!this.disabled) {\n const isChecked: boolean =\n this.value ? true : false;\n const newValue = !isChecked;\n this.value = newValue;\n this.changeValue(newValue);\n }\n }\n\n changeValue(value: any): void {\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n value\n );\n\n // Raise this only for stand alone fields, If false then the usage for this field is inside a form. \n // Then the form will take care of raising the (onFormValidationChanged) event\n if (this.standAlone) {\n const isValid = (this.disabled \|\| this.readonly) ? true : this.form.valid; \n this.validationChange.emit(isValid);\n }\n\n this.valueChange.emit(value);\n }\n}","<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate>\n <div class=\"pep-checkbox-container pep-input\" [ngClass]=\"{\n 'disable': disabled,\n 'pep-report-checkbox': layoutType === 'table' && !isActive,\n 'pep-card-checkbox': layoutType === 'card',\n 'one-row': rowSpan === 1,\n 'no-title': label.length == 0,\n 'right-alignment pull-right flip': xAlignment == 'right',\n 'center-alignment': xAlignment == 'center'\n }\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\">\n <!--\n This is cause a bug that when click on the pep-input area and after on the checkbox\n the value is updated only for the second time.\n (click)=\"toggleChecked($event)\" \n -->\n <ng-container ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\n <ng-template #booleanTextTemplate>\n <div class=\"mat-checkbox-layout body-sm\" (click)=\"toggleChecked($event)\">\n <button [id]=\"key\" class=\"emoji-icon ellipsis pull-left flip\">\n {{ value ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\n </button>\n <span ngIf=\"label.length > 0 && layoutType !== 'table'\" class=\"mat-checkbox-label emoji-title\">{{\n label }}</span>\n </div>\n </ng-template>\n <ng-template #regularTemplate>\n <mat-checkbox [name]=\"key\" class=\"body-sm\" type=\"checkbox\" (change)=\"onMaterialChange($event)\"\n [checked]=\"value\" [disabled]=\"disabled\">\n <span ngIf=\"label.length > 0 && layoutType !== 'table'\">{{ label }}</span>\n </mat-checkbox>\n </ng-template>\n </div>\n </ng-template>\n\n <ng-container ngIf=\"layoutType === 'form'\">\n <pep-field-title ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"false\">\n </pep-field-title>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'card'\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'table'\">\n <ng-container ngIf=\"key === 'ItemHasActiveCampaign'; then itemCampaignBlock; else checkboxBlock\">\n </ng-container>\n <ng-template #itemCampaignBlock>\n <ng-container ngIf=\"value; then trueTemplate; else falseTemplate\">\n </ng-container>\n <ng-template #trueTemplate>\n <mat-icon class=\"has-active-campaign\" >\n <pep-icon name=\"system_bolt\">\n </pep-icon>\n </mat-icon>\n </ng-template>\n <ng-template #falseTemplate>\n <span> </span>\n </ng-template>\n </ng-template>\n <ng-template #checkboxBlock>\n <ng-container ngIf=\"readonly \|\| disabled; then readonlyBlock; else editableBlock\">\n </ng-container>\n <ng-template #readonlyBlock>\n <ng-container ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\n <ng-template #booleanTextTemplate>\n <div class=\"pep-disabled-checkbox-in-table\">\n {{ value === true \|\| value.toString() === 'true' ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\n </div>\n </ng-template>\n <ng-template #regularTemplate>\n <div ngIf=\"value === true \|\| value.toString() === 'true'\" class=\"pep-disabled-checkbox-in-table\">\n <span></span>\n </div>\n </ng-template>\n\n </ng-template>\n <ng-template #editableBlock>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemBolt,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\n\nimport { PepCheckboxComponent } from './checkbox.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatIconModule,\n // Translation module\n TranslateModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n ],\n exports: [PepCheckboxComponent],\n declarations: [PepCheckboxComponent],\n})\nexport class PepCheckboxModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemBolt]);\n }\n}\n","/\n * Public API Surface of ngx-lib/checkbox\n /\nexport from './checkbox.module';\nexport * from './checkbox.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i8","i1"],"mappings":"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"}
1	+ {"version":3,"file":"pepperi-addons-ngx-lib-checkbox.mjs","sources":["../../../projects/ngx-lib/checkbox/checkbox.component.ts","../../../projects/ngx-lib/checkbox/checkbox.component.html","../../../projects/ngx-lib/checkbox/checkbox.module.ts","../../../projects/ngx-lib/checkbox/public-api.ts","../../../projects/ngx-lib/checkbox/pepperi-addons-ngx-lib-checkbox.ts"],"sourcesContent":["import {\n Component,\n OnInit,\n Input,\n Output,\n EventEmitter,\n ChangeDetectionStrategy,\n OnDestroy,\n Renderer2,\n ElementRef,\n Optional,\n OnChanges,\n} from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { MatCheckboxChange } from '@angular/material/checkbox';\nimport { TranslateService } from '@ngx-translate/core';\nimport {\n PepCustomizationService,\n PepLayoutType,\n PepHorizontalAlignment,\n DEFAULT_HORIZONTAL_ALIGNMENT,\n PepCheckboxFieldType,\n PepCheckboxField,\n} from '@pepperi-addons/ngx-lib';\n\n@Component({selector: 'pep-checkbox',\n templateUrl: './checkbox.component.html',\n styleUrls: ['./checkbox.component.scss', './checkbox.component.theme.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush})\nexport class PepCheckboxComponent implements OnInit, OnChanges, OnDestroy {\n @Input() key = '';\n @Input() value = false;\n @Input() label = '';\n\n private _type: PepCheckboxFieldType = 'checkbox'; // \|\| 'booleanText'\n @Input()\n set type(value: PepCheckboxFieldType) {\n this._type = value;\n this.setAdditionalValueObject();\n }\n get type(): PepCheckboxFieldType {\n return this._type;\n }\n\n @Input() mandatory = false;\n @Input() disabled = false;\n @Input() readonly = false;\n @Input() xAlignment: PepHorizontalAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;\n @Input() rowSpan = 1;\n\n private _additionalValue: any = undefined;\n @Input()\n set additionalValue(value: any) {\n this._additionalValue = value;\n this.setAdditionalValueObject();\n }\n get additionalValue(): any {\n return this._additionalValue;\n }\n\n controlType = 'checkbox';\n\n @Input() form: FormGroup = null;\n @Input() isActive = false;\n @Input() showTitle = true;\n @Input() renderTitle = true;\n @Input() layoutType: PepLayoutType = 'form';\n\n private _visible = true;\n @Input()\n set visible(visible: boolean) {\n this._visible = visible;\n if (visible) {\n this.renderer.removeClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n } else {\n this.renderer.addClass(\n this.element.nativeElement,\n 'hidden-element'\n );\n }\n }\n get visible(): boolean {\n return this._visible;\n }\n\n @Output()\n valueChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n @Output()\n validationChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n standAlone = false;\n\n additionalValueObject: any;\n public jsonLib = JSON;\n\n constructor(\n private renderer: Renderer2,\n private customizationService: PepCustomizationService,\n private element: ElementRef,\n private translate: TranslateService\n ) { }\n\n private setAdditionalValueObject() {\n if (this.additionalValue && this.type === 'booleanText') {\n try {\n if (typeof this.additionalValue === 'string') {\n this.additionalValueObject = JSON.parse(\n this.additionalValue\n );\n } else {\n this.additionalValueObject = this.additionalValue;\n }\n } catch {\n this.additionalValueObject = {\n CheckedText: this.translate.instant('CHECKBOX.TRUE'),\n UncheckedText: this.translate.instant('CHECKBOX.FALSE'),\n };\n }\n }\n }\n\n private setDefaultForm(): void {\n const pepField = new PepCheckboxField({\n key: this.key,\n value: this.value,\n mandatory: this.mandatory,\n readonly: this.readonly,\n disabled: this.disabled,\n });\n this.form = this.customizationService.getDefaultFromGroup(pepField);\n }\n\n ngOnInit(): void {\n if (this.form === null) {\n this.standAlone = true;\n this.setDefaultForm();\n\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_CLASS_NAME\n );\n\n if (!this.renderTitle) {\n this.renderer.addClass(\n this.element.nativeElement,\n PepCustomizationService.STAND_ALONE_FIELD_NO_SPACING_CLASS_NAME\n );\n }\n }\n }\n\n ngOnChanges(changes: any): void {\n if (this.standAlone) {\n this.setDefaultForm();\n }\n }\n\n ngOnDestroy(): void {\n //\n }\n\n onMaterialChange(e: MatCheckboxChange): void {\n this.changeValue(e.checked);\n }\n\n toggleChecked(event: Event): void {\n if (!this.disabled) {\n const isChecked: boolean =\n this.value ? true : false;\n const newValue = !isChecked;\n this.value = newValue;\n this.changeValue(newValue);\n }\n }\n\n changeValue(value: any): void {\n this.customizationService.updateFormFieldValue(\n this.form,\n this.key,\n value\n );\n\n // Raise this only for stand alone fields, If false then the usage for this field is inside a form. \n // Then the form will take care of raising the (onFormValidationChanged) event\n if (this.standAlone) {\n const isValid = (this.disabled \|\| this.readonly) ? true : this.form.valid; \n this.validationChange.emit(isValid);\n }\n\n this.valueChange.emit(value);\n }\n}","<ng-container [formGroup]=\"form\">\n <ng-template #pepTemplate>\n <div class=\"pep-checkbox-container pep-input\" [ngClass]=\"{\n 'disable': disabled,\n 'pep-report-checkbox': layoutType === 'table' && !isActive,\n 'pep-card-checkbox': layoutType === 'card',\n 'one-row': rowSpan === 1,\n 'no-title': label.length == 0,\n 'right-alignment pull-right flip': xAlignment == 'right',\n 'center-alignment': xAlignment == 'center'\n }\" dir=\"{{ xAlignment == 'right' ? 'rtl' : 'ltr' }}\">\n <!--\n This is cause a bug that when click on the pep-input area and after on the checkbox\n the value is updated only for the second time.\n (click)=\"toggleChecked($event)\" \n -->\n <ng-container ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\n <ng-template #booleanTextTemplate>\n <div class=\"mat-checkbox-layout body-sm\" (click)=\"toggleChecked($event)\">\n <button [id]=\"key\" class=\"emoji-icon ellipsis pull-left flip\">\n {{ value ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\n </button>\n <span ngIf=\"label.length > 0 && layoutType !== 'table'\" class=\"mat-checkbox-label emoji-title\">{{\n label }}</span>\n </div>\n </ng-template>\n <ng-template #regularTemplate>\n <mat-checkbox [name]=\"key\" class=\"body-sm\" type=\"checkbox\" (change)=\"onMaterialChange($event)\"\n [checked]=\"value\" [disabled]=\"disabled\">\n <span ngIf=\"label.length > 0 && layoutType !== 'table'\">{{ label }}</span>\n </mat-checkbox>\n </ng-template>\n </div>\n </ng-template>\n\n <ng-container ngIf=\"layoutType === 'form'\">\n <pep-field-title ngIf=\"renderTitle\" [label]=\"label\" [mandatory]=\"mandatory\" [disabled]=\"disabled\"\n [xAlignment]=\"xAlignment\" [showTitle]=\"false\">\n </pep-field-title>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'card'\">\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-container>\n\n <ng-container ngIf=\"layoutType === 'table'\">\n <ng-container ngIf=\"key === 'ItemHasActiveCampaign'; then itemCampaignBlock; else checkboxBlock\">\n </ng-container>\n <ng-template #itemCampaignBlock>\n <ng-container ngIf=\"value; then trueTemplate; else falseTemplate\">\n </ng-container>\n <ng-template #trueTemplate>\n <mat-icon class=\"has-active-campaign\" >\n <pep-icon name=\"system_bolt\">\n </pep-icon>\n </mat-icon>\n </ng-template>\n <ng-template #falseTemplate>\n <span> </span>\n </ng-template>\n </ng-template>\n <ng-template #checkboxBlock>\n <ng-container ngIf=\"readonly \|\| disabled; then readonlyBlock; else editableBlock\">\n </ng-container>\n <ng-template #readonlyBlock>\n <ng-container ngIf=\"type == 'booleanText'; then booleanTextTemplate; else regularTemplate\"></ng-container>\n <ng-template #booleanTextTemplate>\n <div class=\"pep-disabled-checkbox-in-table\">\n {{ value === true \|\| value.toString() === 'true' ? additionalValueObject?.CheckedText : additionalValueObject?.UncheckedText }}\n </div>\n </ng-template>\n <ng-template #regularTemplate>\n <div ngIf=\"value === true \|\| value.toString() === 'true'\" class=\"pep-disabled-checkbox-in-table\">\n <span></span>\n </div>\n </ng-template>\n\n </ng-template>\n <ng-template #editableBlock>\n <ng-container ngTemplateOutlet=\"pepTemplate\"></ng-container>\n </ng-template>\n </ng-template>\n </ng-container>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { MatCommonModule } from '@angular/material/core';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TranslateModule } from '@ngx-translate/core';\n\nimport { PepNgxLibModule } from '@pepperi-addons/ngx-lib';\nimport {\n PepIconModule,\n PepIconRegistry,\n pepIconSystemBolt,\n} from '@pepperi-addons/ngx-lib/icon';\nimport { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';\n\nimport { PepCheckboxComponent } from './checkbox.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n // Material modules\n MatCommonModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatIconModule,\n // Translation module\n TranslateModule,\n // ngx-lib modules\n PepNgxLibModule,\n PepIconModule,\n PepFieldTitleModule,\n ],\n exports: [PepCheckboxComponent],\n declarations: [PepCheckboxComponent],\n})\nexport class PepCheckboxModule {\n constructor(private pepIconRegistry: PepIconRegistry) {\n this.pepIconRegistry.registerIcons([pepIconSystemBolt]);\n }\n}\n","/\n * Public API Surface of ngx-lib/checkbox\n /\nexport from './checkbox.module';\nexport * from './checkbox.component';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i8","i1"],"mappings":"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"}

package/fesm2022/pepperi-addons-ngx-lib-chips.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { Injectable, EventEmitter, Output, Input, Component, NgModule } from '@angular/core';
 import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -46,12 +46,12 @@ class PepChipsService {
             selectable: chip.selectable !== undefined ? chip.selectable : true
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsService, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return []; } });
+        }], ctorParameters: () => [] });
 class PepChipsComponent extends BaseDestroyerDirective {
     chipsService;
@@ -188,13 +188,13 @@ class PepChipsComponent extends BaseDestroyerDirective {
     onChipsSelectClicked() {
         this.fieldClick.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsComponent, deps: [{ token: PepChipsService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PepChipsComponent, selector: "pep-chips", inputs: { layoutType: "layoutType", inline: "inline", xAlignment: "xAlignment", renderTitle: "renderTitle", showTitle: "showTitle", label: "label", mandatory: "mandatory", disabled: "disabled", classNames: "classNames", chips: "chips", type: "type", orientation: "orientation", styleType: "styleType", multiSelect: "multiSelect", placeholder: "placeholder" }, outputs: { fieldClick: "fieldClick", selectionChange: "selectionChange" }, providers: [PepChipsService], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container [formGroup]=\"form\"> -->\n  <pep-field-title *ngIf=\"renderTitle\" \n      [label]=\"label\" \n      [mandatory]=\"mandatory\"\n      [disabled]=\"disabled\" \n      [xAlignment]=\"xAlignment\" \n      [showTitle]=\"showTitle\">\n  </pep-field-title>\n  <div class=\"pep-chips-container\" [ngClass]=\"[type === 'input' ? 'input-type-state' : '', chips?.length > 0 ? 'need-gap' : '' ]\" [ngStyle]=\"{ 'height': inline === true ? '100%' : 'auto' }\">\n  <!-- <mat-form-field  class=\"pep-chips-container keep-background-on-focus\" [ngClass]=\"type === 'select' ? 'not-mat-form-state' : ''\" appearance=\"outline\"> -->\n    <mat-chip-grid #chipList [ngClass]=\"{'mat-chip-list-stacked': orientation === 'vertical'}\">\n    <!-- If you need multi-select, implement selection logic in your component and use custom classes -->\n    <mat-chip-row *ngFor=\"let chip of chips\" class=\"pep-chips {{ styleType }} {{ classNames }}\" [disabled]=\"chip.disabled || disabled\"\n        [removable]=\"chip.removable\"\n        (removed)=\"onChipRemoved(chip)\" (selectionChange)=\"onSelectionChanged($event.selected, chip)\">\n<!-- If you need selection state, add a custom class or attribute here and handle selection logic in your TS -->\n        <span class=\"ellipsis pull-left flip noSelect\" title=\"{{chip.value}}\">{{chip.value}}</span>\n        <pep-button *ngIf=\"chip.removable\" matChipRemove styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"system_close\"></pep-button>\n      </mat-chip-row>\n    </mat-chip-grid>\n    <input *ngIf=\"type === 'input' && !disabled\" matInput autocomplete=\"off\" class=\"chip-input\"\n    [placeholder]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" [matChipInputFor]=\"chipList\"\n    [matChipInputAddOnBlur]=\"true\" (matChipInputTokenEnd)=\"onChipAdded($event)\">\n    <pep-button *ngIf=\"type === 'select' && !disabled\"  [value]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"number_plus\"\n    iconPosition=\"end\" (buttonClick)=\"onChipsSelectClicked()\"></pep-button>\n  <!-- </mat-form-field> -->\n  </div>\n<!-- </ng-container> -->", styles: [".pep-chips-container{border-radius:var(--pep-border-radius-md, .25rem);padding:var(--pep-spacing-sm, .5rem);background-color:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04);display:flex;flex-direction:column;max-height:100%}.pep-chips-container.need-gap{gap:var(--pep-spacing-sm, .5rem)}.pep-chips-container ::ng-deep .mat-chip-list,.pep-chips-container ::ng-deep .mat-mdc-chip-grid{width:100%;overflow-y:auto;height:calc(100% - var(--pep-line-height-sm, 1.09375rem))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips{gap:var(--pep-spacing-sm, .5rem);margin:0}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-xs, .9375rem);margin:0;padding-block:0;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:var(--pep-spacing-xs, .25rem);height:var(--pep-line-height-md, 1.25rem);min-height:unset;z-index:1;gap:var(--pep-spacing-xs, .25rem);max-width:100%}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove{height:unset;width:unset;margin:0;opacity:1!important;margin-top:var(--pep-spacing-2xs, .125rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button{flex-shrink:0;border-radius:50%;min-width:unset;height:var(--pep-spacing-lg, 1rem);width:var(--pep-spacing-lg, 1rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon{height:var(--pep-spacing-md, .75rem);width:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-md, 1rem);margin:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus{outline:none!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .pep-chips{justify-content:space-between;width:fit-content!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-mdc-chip-input{flex:unset;width:100%}.pep-chips-container .chip-input{background:transparent;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box;font-size:var(--pep-font-size-sm, .875rem)!important;line-height:var(--pep-line-height-sm, 1.09375rem)!important;max-height:var(--pep-line-height-sm, 1.09375rem)}.pep-chips-container .mat-chip-input,.pep-chips-container .mat-mdc-chip-input{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);margin:0}.pep-chips-container .mat-chip-input::placeholder,.pep-chips-container .mat-mdc-chip-input::placeholder{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}.pep-chips-container .chips-select{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);z-index:1;cursor:pointer}.pep-chips-container pep-button{display:block!important}\n", ".pep-chips-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container.input-type-state:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list:focus-visible,.pep-chips-container ::ng-deep .mat-mdc-chip-grid:focus-visible{outline:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:after{background:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:focus:after{opacity:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{background:#fff;border:1px solid black}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular{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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.12);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon{fill: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%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.24);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);cursor:pointer}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert: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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon{fill:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%))!important;opacity:.5!important;color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary{padding-inline:0!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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["tabIndex", "disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "editable"], outputs: ["edited"] }, { kind: "component", type: i5.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i6.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsComponent, deps: [{ token: PepChipsService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PepChipsComponent, selector: "pep-chips", inputs: { layoutType: "layoutType", inline: "inline", xAlignment: "xAlignment", renderTitle: "renderTitle", showTitle: "showTitle", label: "label", mandatory: "mandatory", disabled: "disabled", classNames: "classNames", chips: "chips", type: "type", orientation: "orientation", styleType: "styleType", multiSelect: "multiSelect", placeholder: "placeholder" }, outputs: { fieldClick: "fieldClick", selectionChange: "selectionChange" }, providers: [PepChipsService], usesInheritance: true, ngImport: i0, template: "<!-- <ng-container [formGroup]=\"form\"> -->\n  <pep-field-title *ngIf=\"renderTitle\" \n      [label]=\"label\" \n      [mandatory]=\"mandatory\"\n      [disabled]=\"disabled\" \n      [xAlignment]=\"xAlignment\" \n      [showTitle]=\"showTitle\">\n  </pep-field-title>\n  <div class=\"pep-chips-container\" [ngClass]=\"[type === 'input' ? 'input-type-state' : '', chips?.length > 0 ? 'need-gap' : '' ]\" [ngStyle]=\"{ 'height': inline === true ? '100%' : 'auto' }\">\n  <!-- <mat-form-field  class=\"pep-chips-container keep-background-on-focus\" [ngClass]=\"type === 'select' ? 'not-mat-form-state' : ''\" appearance=\"outline\"> -->\n    <mat-chip-grid #chipList [ngClass]=\"{'mat-chip-list-stacked': orientation === 'vertical'}\">\n    <!-- If you need multi-select, implement selection logic in your component and use custom classes -->\n    <mat-chip-row *ngFor=\"let chip of chips\" class=\"pep-chips {{ styleType }} {{ classNames }}\" [disabled]=\"chip.disabled || disabled\"\n        [removable]=\"chip.removable\"\n        (removed)=\"onChipRemoved(chip)\" (selectionChange)=\"onSelectionChanged($event.selected, chip)\">\n<!-- If you need selection state, add a custom class or attribute here and handle selection logic in your TS -->\n        <span class=\"ellipsis pull-left flip noSelect\" title=\"{{chip.value}}\">{{chip.value}}</span>\n        <pep-button *ngIf=\"chip.removable\" matChipRemove styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"system_close\"></pep-button>\n      </mat-chip-row>\n    </mat-chip-grid>\n    <input *ngIf=\"type === 'input' && !disabled\" matInput autocomplete=\"off\" class=\"chip-input\"\n    [placeholder]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" [matChipInputFor]=\"chipList\"\n    [matChipInputAddOnBlur]=\"true\" (matChipInputTokenEnd)=\"onChipAdded($event)\">\n    <pep-button *ngIf=\"type === 'select' && !disabled\"  [value]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"number_plus\"\n    iconPosition=\"end\" (buttonClick)=\"onChipsSelectClicked()\"></pep-button>\n  <!-- </mat-form-field> -->\n  </div>\n<!-- </ng-container> -->", styles: [".pep-chips-container{border-radius:var(--pep-border-radius-md, .25rem);padding:var(--pep-spacing-sm, .5rem);background-color:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04);display:flex;flex-direction:column;max-height:100%}.pep-chips-container.need-gap{gap:var(--pep-spacing-sm, .5rem)}.pep-chips-container ::ng-deep .mat-chip-list,.pep-chips-container ::ng-deep .mat-mdc-chip-grid{width:100%;overflow-y:auto;height:calc(100% - var(--pep-line-height-sm, 1.09375rem))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips{gap:var(--pep-spacing-sm, .5rem);margin:0}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-xs, .9375rem);margin:0;padding-block:0;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:var(--pep-spacing-xs, .25rem);height:var(--pep-line-height-md, 1.25rem);min-height:unset;z-index:1;gap:var(--pep-spacing-xs, .25rem);max-width:100%}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove{height:unset;width:unset;margin:0;opacity:1!important;margin-top:var(--pep-spacing-2xs, .125rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button{flex-shrink:0;border-radius:50%;min-width:unset;height:var(--pep-spacing-lg, 1rem);width:var(--pep-spacing-lg, 1rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon{height:var(--pep-spacing-md, .75rem);width:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-md, 1rem);margin:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus{outline:none!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .pep-chips{justify-content:space-between;width:fit-content!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-mdc-chip-input{flex:unset;width:100%}.pep-chips-container .chip-input{background:transparent;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box;font-size:var(--pep-font-size-sm, .875rem)!important;line-height:var(--pep-line-height-sm, 1.09375rem)!important;max-height:var(--pep-line-height-sm, 1.09375rem)}.pep-chips-container .mat-chip-input,.pep-chips-container .mat-mdc-chip-input{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);margin:0}.pep-chips-container .mat-chip-input::placeholder,.pep-chips-container .mat-mdc-chip-input::placeholder{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}.pep-chips-container .chips-select{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);z-index:1;cursor:pointer}.pep-chips-container pep-button{display:block!important}\n", ".pep-chips-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container.input-type-state:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list:focus-visible,.pep-chips-container ::ng-deep .mat-mdc-chip-grid:focus-visible{outline:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:after{background:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:focus:after{opacity:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{background:#fff;border:1px solid black}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular{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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.12);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon{fill: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%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.24);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);cursor:pointer}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert: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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon{fill:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%))!important;opacity:.5!important;color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary{padding-inline:0!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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "component", type: i5.PepFieldTitleComponent, selector: "pep-field-title", inputs: ["label", "mandatory", "disabled", "maxFieldCharacters", "hint", "xAlignment", "showTitle", "inputLength", "fontBodyType", "multiLine"] }, { kind: "component", type: i6.PepButtonComponent, selector: "pep-button", inputs: ["key", "value", "styleType", "styleStateType", "sizeType", "classNames", "disabled", "iconName", "iconPosition", "visible"], outputs: ["buttonClick"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pep-chips', providers: [PepChipsService], template: "<!-- <ng-container [formGroup]=\"form\"> -->\n  <pep-field-title *ngIf=\"renderTitle\" \n      [label]=\"label\" \n      [mandatory]=\"mandatory\"\n      [disabled]=\"disabled\" \n      [xAlignment]=\"xAlignment\" \n      [showTitle]=\"showTitle\">\n  </pep-field-title>\n  <div class=\"pep-chips-container\" [ngClass]=\"[type === 'input' ? 'input-type-state' : '', chips?.length > 0 ? 'need-gap' : '' ]\" [ngStyle]=\"{ 'height': inline === true ? '100%' : 'auto' }\">\n  <!-- <mat-form-field  class=\"pep-chips-container keep-background-on-focus\" [ngClass]=\"type === 'select' ? 'not-mat-form-state' : ''\" appearance=\"outline\"> -->\n    <mat-chip-grid #chipList [ngClass]=\"{'mat-chip-list-stacked': orientation === 'vertical'}\">\n    <!-- If you need multi-select, implement selection logic in your component and use custom classes -->\n    <mat-chip-row *ngFor=\"let chip of chips\" class=\"pep-chips {{ styleType }} {{ classNames }}\" [disabled]=\"chip.disabled || disabled\"\n        [removable]=\"chip.removable\"\n        (removed)=\"onChipRemoved(chip)\" (selectionChange)=\"onSelectionChanged($event.selected, chip)\">\n<!-- If you need selection state, add a custom class or attribute here and handle selection logic in your TS -->\n        <span class=\"ellipsis pull-left flip noSelect\" title=\"{{chip.value}}\">{{chip.value}}</span>\n        <pep-button *ngIf=\"chip.removable\" matChipRemove styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"system_close\"></pep-button>\n      </mat-chip-row>\n    </mat-chip-grid>\n    <input *ngIf=\"type === 'input' && !disabled\" matInput autocomplete=\"off\" class=\"chip-input\"\n    [placeholder]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" [matChipInputFor]=\"chipList\"\n    [matChipInputAddOnBlur]=\"true\" (matChipInputTokenEnd)=\"onChipAdded($event)\">\n    <pep-button *ngIf=\"type === 'select' && !disabled\"  [value]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"number_plus\"\n    iconPosition=\"end\" (buttonClick)=\"onChipsSelectClicked()\"></pep-button>\n  <!-- </mat-form-field> -->\n  </div>\n<!-- </ng-container> -->", styles: [".pep-chips-container{border-radius:var(--pep-border-radius-md, .25rem);padding:var(--pep-spacing-sm, .5rem);background-color:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04);display:flex;flex-direction:column;max-height:100%}.pep-chips-container.need-gap{gap:var(--pep-spacing-sm, .5rem)}.pep-chips-container ::ng-deep .mat-chip-list,.pep-chips-container ::ng-deep .mat-mdc-chip-grid{width:100%;overflow-y:auto;height:calc(100% - var(--pep-line-height-sm, 1.09375rem))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips{gap:var(--pep-spacing-sm, .5rem);margin:0}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-xs, .9375rem);margin:0;padding-block:0;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:var(--pep-spacing-xs, .25rem);height:var(--pep-line-height-md, 1.25rem);min-height:unset;z-index:1;gap:var(--pep-spacing-xs, .25rem);max-width:100%}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove{height:unset;width:unset;margin:0;opacity:1!important;margin-top:var(--pep-spacing-2xs, .125rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button{flex-shrink:0;border-radius:50%;min-width:unset;height:var(--pep-spacing-lg, 1rem);width:var(--pep-spacing-lg, 1rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon{height:var(--pep-spacing-md, .75rem);width:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-md, 1rem);margin:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus{outline:none!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .pep-chips{justify-content:space-between;width:fit-content!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-mdc-chip-input{flex:unset;width:100%}.pep-chips-container .chip-input{background:transparent;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box;font-size:var(--pep-font-size-sm, .875rem)!important;line-height:var(--pep-line-height-sm, 1.09375rem)!important;max-height:var(--pep-line-height-sm, 1.09375rem)}.pep-chips-container .mat-chip-input,.pep-chips-container .mat-mdc-chip-input{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);margin:0}.pep-chips-container .mat-chip-input::placeholder,.pep-chips-container .mat-mdc-chip-input::placeholder{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}.pep-chips-container .chips-select{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);z-index:1;cursor:pointer}.pep-chips-container pep-button{display:block!important}\n", ".pep-chips-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container.input-type-state:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list:focus-visible,.pep-chips-container ::ng-deep .mat-mdc-chip-grid:focus-visible{outline:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:after{background:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:focus:after{opacity:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{background:#fff;border:1px solid black}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular{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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.12);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon{fill: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%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.24);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);cursor:pointer}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert: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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon{fill:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%))!important;opacity:.5!important;color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary{padding-inline:0!important}\n"] }]
-        }], ctorParameters: function () { return [{ type: PepChipsService }, { type: i2.TranslateService }]; }, propDecorators: { layoutType: [{
+            args: [{ selector: 'pep-chips', providers: [PepChipsService], template: "<!-- <ng-container [formGroup]=\"form\"> -->\n  <pep-field-title *ngIf=\"renderTitle\" \n      [label]=\"label\" \n      [mandatory]=\"mandatory\"\n      [disabled]=\"disabled\" \n      [xAlignment]=\"xAlignment\" \n      [showTitle]=\"showTitle\">\n  </pep-field-title>\n  <div class=\"pep-chips-container\" [ngClass]=\"[type === 'input' ? 'input-type-state' : '', chips?.length > 0 ? 'need-gap' : '' ]\" [ngStyle]=\"{ 'height': inline === true ? '100%' : 'auto' }\">\n  <!-- <mat-form-field  class=\"pep-chips-container keep-background-on-focus\" [ngClass]=\"type === 'select' ? 'not-mat-form-state' : ''\" appearance=\"outline\"> -->\n    <mat-chip-grid #chipList [ngClass]=\"{'mat-chip-list-stacked': orientation === 'vertical'}\">\n    <!-- If you need multi-select, implement selection logic in your component and use custom classes -->\n    <mat-chip-row *ngFor=\"let chip of chips\" class=\"pep-chips {{ styleType }} {{ classNames }}\" [disabled]=\"chip.disabled || disabled\"\n        [removable]=\"chip.removable\"\n        (removed)=\"onChipRemoved(chip)\" (selectionChange)=\"onSelectionChanged($event.selected, chip)\">\n<!-- If you need selection state, add a custom class or attribute here and handle selection logic in your TS -->\n        <span class=\"ellipsis pull-left flip noSelect\" title=\"{{chip.value}}\">{{chip.value}}</span>\n        <pep-button *ngIf=\"chip.removable\" matChipRemove styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"system_close\"></pep-button>\n      </mat-chip-row>\n    </mat-chip-grid>\n    <input *ngIf=\"type === 'input' && !disabled\" matInput autocomplete=\"off\" class=\"chip-input\"\n    [placeholder]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" [matChipInputFor]=\"chipList\"\n    [matChipInputAddOnBlur]=\"true\" (matChipInputTokenEnd)=\"onChipAdded($event)\">\n    <pep-button *ngIf=\"type === 'select' && !disabled\"  [value]=\"placeholder || 'CHIPS.ADD_CHIP' | translate\" styleType=\"weak\" styleStateType=\"system\" sizeType=\"xs\" iconName=\"number_plus\"\n    iconPosition=\"end\" (buttonClick)=\"onChipsSelectClicked()\"></pep-button>\n  <!-- </mat-form-field> -->\n  </div>\n<!-- </ng-container> -->", styles: [".pep-chips-container{border-radius:var(--pep-border-radius-md, .25rem);padding:var(--pep-spacing-sm, .5rem);background-color:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.04);display:flex;flex-direction:column;max-height:100%}.pep-chips-container.need-gap{gap:var(--pep-spacing-sm, .5rem)}.pep-chips-container ::ng-deep .mat-chip-list,.pep-chips-container ::ng-deep .mat-mdc-chip-grid{width:100%;overflow-y:auto;height:calc(100% - var(--pep-line-height-sm, 1.09375rem))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips{gap:var(--pep-spacing-sm, .5rem);margin:0}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-xs, .9375rem);margin:0;padding-block:0;padding-inline-start:var(--pep-spacing-sm, .5rem);padding-inline-end:var(--pep-spacing-xs, .25rem);height:var(--pep-line-height-md, 1.25rem);min-height:unset;z-index:1;gap:var(--pep-spacing-xs, .25rem);max-width:100%}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove{height:unset;width:unset;margin:0;opacity:1!important;margin-top:var(--pep-spacing-2xs, .125rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button{flex-shrink:0;border-radius:50%;min-width:unset;height:var(--pep-spacing-lg, 1rem);width:var(--pep-spacing-lg, 1rem)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-chip-remove .pep-button .mat-mdc-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .mat-mdc-chip-remove .pep-button .mat-mdc-icon{height:var(--pep-spacing-md, .75rem);width:var(--pep-spacing-md, .75rem);font-size:var(--pep-font-size-md, 1rem);margin:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips .noSelect:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips .noSelect:focus{outline:none!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .pep-chips{justify-content:space-between;width:fit-content!important}.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-chip-list.mat-mdc-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-chip-list-stacked .mat-mdc-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-chip-input,.pep-chips-container ::ng-deep .mat-mdc-chip-grid.mat-mdc-chip-list-stacked .mat-mdc-chip-input{flex:unset;width:100%}.pep-chips-container .chip-input{background:transparent;border:none;outline:none;padding:0;margin:0;width:100%;max-width:100%;vertical-align:bottom;text-align:inherit;box-sizing:content-box;font-size:var(--pep-font-size-sm, .875rem)!important;line-height:var(--pep-line-height-sm, 1.09375rem)!important;max-height:var(--pep-line-height-sm, 1.09375rem)}.pep-chips-container .mat-chip-input,.pep-chips-container .mat-mdc-chip-input{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);margin:0}.pep-chips-container .mat-chip-input::placeholder,.pep-chips-container .mat-mdc-chip-input::placeholder{color:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.7)}.pep-chips-container .chips-select{font-family:var(--pep-font-family-body, Inter),-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;font-size:var(--pep-font-size-xs, .75rem);font-weight:var(--pep-font-weight-normal, 400);line-height:var(--pep-line-height-md, 1.25rem);z-index:1;cursor:pointer}.pep-chips-container pep-button{display:block!important}\n", ".pep-chips-container{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container.input-type-state:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list:focus-visible,.pep-chips-container ::ng-deep .mat-mdc-chip-grid:focus-visible{outline:none}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:after{background:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mat-mdc-chip.mat-mdc-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip.mat-standard-chip:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-mdc-chip.mat-mdc-standard-chip:focus:after{opacity:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips{background:#fff;border:1px solid black}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular{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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.regular:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.regular:focus{background:hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),88%);box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16);border:1px solid hsl(var(--pep-color-regular-h, 0),var(--pep-color-regular-s, 0%),var(--pep-color-regular-l, 10%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.08)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:hover{background:hsla(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus{box-shadow:var(--pep-shadow-xs-offset, 0 .125rem .25rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);position:relative;box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:not(.keep-background-on-focus),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:not(.keep-background-on-focus){background:hsl(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak:focus:after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak:focus:after{z-index:0;content:\"\";transition:all .25s;display:block;position:absolute;inset:0;border-radius:inherit;border:1px solid hsl(var(--pep-color-weak-h, 0),var(--pep-color-weak-s, 0%),var(--pep-color-weak-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.12);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert .svg-icon{fill: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%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:hover{background:hsla(var(--pep-color-system-primary-invert-h, 255),var(--pep-color-system-primary-invert-s, 100%),var(--pep-color-system-primary-invert-l, 100%),.24);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);cursor:pointer}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert: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%));box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5);color:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.weak-invert:focus .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.weak-invert:focus .svg-icon{fill:hsl(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%))!important}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button{font-weight:var(--pep-font-weight-bold, 600);background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:hover,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:hover{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 8%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.16)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:focus,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:focus{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.08);box-shadow:0 0 0 var(--pep-spacing-xs, .25rem) hsla(var(--pep-color-text-link-h, 207),var(--pep-color-text-link-s, 76%),var(--pep-color-text-link-l, 37%),.5)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:active,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:active{background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),calc(var(--pep-color-strong-l, 27%) - 15%));box-shadow:var(--pep-shadow-sm-offset, 0 .25rem .5rem 0) hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.32)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled){box-shadow:unset;border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):after{border:unset}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke:hsla(var(--pep-color-system-primary-h, 0),var(--pep-color-system-primary-s, 0%),var(--pep-color-system-primary-l, 10%),.35)}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color),.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled):not(.disabled-no-background-no-color){background:hsl(var(--pep-color-strong-h, 78),var(--pep-color-strong-s, 87%),var(--pep-color-strong-l, 27%))!important;opacity:.5!important;color: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon{fill: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips.strong .pep-button:disabled:not(.ignore-disabled) .svg-icon.stroke{fill:unset;stroke: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%))}.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-chip-list .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mat-chip-list-wrapper .pep-chips ::ng-deep .mdc-evolution-chip__action--primary,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mat-mdc-chip-trailing-icon,.pep-chips-container ::ng-deep .mat-mdc-chip-grid .mdc-evolution-chip-set__chips .pep-chips ::ng-deep .mdc-evolution-chip__action--primary{padding-inline:0!important}\n"] }]
+        }], ctorParameters: () => [{ type: PepChipsService }, { type: i2.TranslateService }], propDecorators: { layoutType: [{
                 type: Input
             }], inline: [{
                 type: Input
@@ -240,8 +240,8 @@ class PepChipsModule {
         this.pepIconRegistry = pepIconRegistry;
         this.pepIconRegistry.registerIcons(pepIcons);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PepChipsModule, declarations: [PepChipsComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: PepChipsModule, declarations: [PepChipsComponent], imports: [CommonModule,
             ReactiveFormsModule,
             MatCommonModule,
             MatFormFieldModule,
@@ -253,7 +253,7 @@ class PepChipsModule {
             PepIconModule,
             PepFieldTitleModule,
             PepButtonModule], exports: [PepChipsComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsModule, providers: [
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsModule, providers: [
             {
                 provide: MAT_CHIPS_DEFAULT_OPTIONS,
                 useValue: {
@@ -273,7 +273,7 @@ class PepChipsModule {
             PepFieldTitleModule,
             PepButtonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PepChipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PepChipsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PepChipsComponent],
@@ -301,7 +301,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         }
                     ]
                 }]
-        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
+        }], ctorParameters: () => [{ type: i1.PepIconRegistry }] });
 /*
  * Public API Surface of ngx-lib/chips