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

package/fesm2020/pepperi-addons-ngx-lib-chips.mjs

@@ -1,305 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { ReactiveFormsModule } from '@angular/forms';
-import { MatCommonModule } from '@angular/material/core';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i4 from '@angular/material/chips';
-import { MatChipsModule, MAT_CHIPS_DEFAULT_OPTIONS } from '@angular/material/chips';
-import { MatIconModule } from '@angular/material/icon';
-import { ENTER, COMMA } from '@angular/cdk/keycodes';
-import { BaseDestroyerDirective, DEFAULT_HORIZONTAL_ALIGNMENT, PepNgxLibModule } from '@pepperi-addons/ngx-lib';
-import * as i1 from '@pepperi-addons/ngx-lib/icon';
-import { pepIconSystemBolt, pepIconSystemClose, PepIconModule } from '@pepperi-addons/ngx-lib/icon';
-import * as i5 from '@pepperi-addons/ngx-lib/field-title';
-import { PepFieldTitleModule } from '@pepperi-addons/ngx-lib/field-title';
-import * as i6 from '@pepperi-addons/ngx-lib/button';
-import { PepButtonModule } from '@pepperi-addons/ngx-lib/button';
-import * as i2 from '@ngx-translate/core';
-
-class PepChipsService {
-    constructor() {
-        this._chips = [];
-        //
-    }
-    get chips() {
-        return this._chips;
-    }
-    get selected() {
-        return this._chips.filter(chip => chip.selected).map(chip => chip.value);
-    }
-    initData(chips) {
-        this._chips = [];
-        if (chips?.length) {
-            chips.forEach(chip => this.addChip(chip));
-        }
-    }
-    addChip(chip) {
-        this._chips.push({
-            key: chip.key,
-            value: chip.value,
-            disabled: chip.disabled !== undefined ? chip.disabled : false,
-            selected: chip.selected !== undefined ? chip.selected : false,
-            removable: chip.removable !== undefined ? chip.removable : true,
-            selectable: chip.selectable !== undefined ? chip.selectable : true
-        });
-    }
-}
-PepChipsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-PepChipsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class PepChipsComponent extends BaseDestroyerDirective {
-    set chips(chips) {
-        this.chipsService.initData(chips);
-    }
-    get chips() {
-        return this.chipsService.chips;
-    }
-    /**
-     * Selected chip(s)
-     */
-    get selected() {
-        const selected = this.chipsService.selected;
-        if (this.multiSelect) {
-            return selected.length ? selected : [];
-        }
-        else {
-            return selected.length ? selected[0] : null;
-        }
-    }
-    constructor(chipsService, _translate) {
-        super();
-        this.chipsService = chipsService;
-        this._translate = _translate;
-        /**
-        * The chips within the chip list.
-        *
-        * @memberof PepChipsComponent
-        */
-        // @Input() form: FormGroup = null; // Why we need this?
-        this.layoutType = 'form';
-        this.inline = false;
-        this.xAlignment = DEFAULT_HORIZONTAL_ALIGNMENT;
-        this.renderTitle = true;
-        this.showTitle = true;
-        this.label = '';
-        this.mandatory = false;
-        this.disabled = false;
-        this.classNames = '';
-        /**
-        * The add chip emitter type.
-        *
-        * @type {PepChipsInputType}
-        * @memberof PepChipsComponent
-        */
-        this.type = 'input';
-        /**
-        * The chip layput direction type.
-        *
-        * @type {PepChipsOrientationType}
-        * @memberof PepChipsComponent
-        */
-        this.orientation = 'horizontal';
-        /**
-        * The style of the button.
-        *
-        * @type {PepStyleType}
-        * @memberof PepButtonComponent
-        */
-        this.styleType = 'regular';
-        /**
-        * Whether chip multi select allowed.
-        *
-        * @memberof PepChipsComponent
-        */
-        this.multiSelect = false;
-        /**
-        * Add new chip placeholder.
-        *
-        * @memberof PepChipsComponent
-        */
-        this.placeholder = '';
-        /**
-         * Add new chip(s) event.
-         *
-         * @type {EventEmitter<void>}
-         * @memberof PepButtonComponent
-         */
-        this.fieldClick = new EventEmitter();
-        this.selectionChange = new EventEmitter();
-        //
-    }
-    ngOnInit() {
-        //
-    }
-    /**
-     * Adding chip(s) to current chips list
-     * @param chips Chip(s) to add
-     */
-    addChipsToList(chips) {
-        chips.forEach(chip => this.chipsService.addChip(chip));
-    }
-    /**
-     * On new chip added
-     * @param event Chip addition event
-     */
-    onChipAdded(event) {
-        const value = (event.value || '').trim();
-        if (value) {
-            this.chipsService.addChip({
-                value: value
-            });
-            // clear the input value
-            event.chipInput?.clear();
-        }
-    }
-    /**
-     * On chip removed
-     * @param chip Removed chip item
-     */
-    onChipRemoved(chip) {
-        const index = this.chips.indexOf(chip);
-        if (index >= 0) {
-            this.chips.splice(index, 1);
-        }
-    }
-    /**
-     * On chip selection status changed
-     * @param isSelected Whether the chip is selected
-     * @param chip Selected chip item
-     */
-    onSelectionChanged(isSelected, chip) {
-        chip.selected = isSelected;
-        this.selectionChange.emit({
-            value: chip.value,
-            isSelected: isSelected
-        });
-    }
-    /**
-     * On Add new chip(s) clicked
-     */
-    onChipsSelectClicked() {
-        this.fieldClick.emit();
-    }
-}
-PepChipsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsComponent, deps: [{ token: PepChipsService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-PepChipsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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:white;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" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", 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:white;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: [{
-                type: Input
-            }], inline: [{
-                type: Input
-            }], xAlignment: [{
-                type: Input
-            }], renderTitle: [{
-                type: Input
-            }], showTitle: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], mandatory: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], classNames: [{
-                type: Input
-            }], chips: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], styleType: [{
-                type: Input
-            }], multiSelect: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], fieldClick: [{
-                type: Output
-            }], selectionChange: [{
-                type: Output
-            }] } });
-
-const pepIcons = [
-    pepIconSystemBolt,
-    pepIconSystemClose
-];
-class PepChipsModule {
-    constructor(pepIconRegistry) {
-        this.pepIconRegistry = pepIconRegistry;
-        this.pepIconRegistry.registerIcons(pepIcons);
-    }
-}
-PepChipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsModule, deps: [{ token: i1.PepIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
-PepChipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PepChipsModule, declarations: [PepChipsComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        MatCommonModule,
-        MatFormFieldModule,
-        MatChipsModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepFieldTitleModule,
-        PepButtonModule], exports: [PepChipsComponent] });
-PepChipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsModule, providers: [
-        {
-            provide: MAT_CHIPS_DEFAULT_OPTIONS,
-            useValue: {
-                separatorKeyCodes: [ENTER, COMMA]
-            }
-        }
-    ], imports: [CommonModule,
-        ReactiveFormsModule,
-        MatCommonModule,
-        MatFormFieldModule,
-        MatChipsModule,
-        MatIconModule,
-        PepNgxLibModule,
-        PepIconModule,
-        PepFieldTitleModule,
-        PepButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PepChipsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [PepChipsComponent],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        MatCommonModule,
-                        MatFormFieldModule,
-                        MatChipsModule,
-                        MatIconModule,
-                        PepNgxLibModule,
-                        PepIconModule,
-                        PepFieldTitleModule,
-                        PepButtonModule
-                    ],
-                    exports: [PepChipsComponent],
-                    providers: [
-                        {
-                            provide: MAT_CHIPS_DEFAULT_OPTIONS,
-                            useValue: {
-                                separatorKeyCodes: [ENTER, COMMA]
-                            }
-                        }
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1.PepIconRegistry }]; } });
-
-/*
- * Public API Surface of ngx-lib/chips
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PepChipsComponent, PepChipsModule };
-//# sourceMappingURL=pepperi-addons-ngx-lib-chips.mjs.map