@eui/mobile-core 17.0.0-next.5 → 17.0.0-next.6

package/fesm2022/eui-mobile-core.mjs

@@ -1847,7 +1847,7 @@ class EuimBadgeComponent {
         ].join(' ').trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimDanger", "euimDanger", "euimWarning", "euimWarning", "euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimDefault", "euimDefault", "euimPositionTopEnd", "euimPositionTopEnd", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimDanger", "euimDanger", "euimWarning", "euimWarning", "euimInfo", "euimInfo", "euimSuccess", "euimSuccess", "euimDefault", "euimDefault", "euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}.euim-badge--size-s{min-width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-2xs);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-m{min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-2xs) / 2) calc(var(--eui-base-spacing-s) / 2);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimBadgeComponent, decorators: [{
             type: Component,
@@ -1861,10 +1861,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                                 'euimSuccess',
                                 'euimDefault',
                                 'euimPositionTopEnd',
+                                'euimSizeM',
+                                'euimSizeS',
+                                'euimSizeL',
                                 'color',
                             ],
                         },
-                    ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}\n"] }]
+                    ], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);color:var(--eui-base-color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;box-sizing:border-box;letter-spacing:normal}.euim-avatar-icon{position:relative;overflow:visible}.euim-avatar-icon .euim-badge--position-top-end{position:absolute;right:-6px;top:-6px}ion-button::part(native){overflow:visible}ion-button .euim-badge--position-top-end{position:absolute;left:12px;top:-12px}.euim-badge--info{background:var(--eui-base-color-info-100)}.euim-badge--success{background:var(--eui-base-color-success-100)}.euim-badge--warning{background:var(--eui-base-color-warning-100)}.euim-badge--danger{background:var(--eui-base-color-danger-100)}.euim-badge--default{background:var(--eui-base-color-grey-20);color:var(--eui-base-color-grey-100)}.euim-badge--size-s{min-width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m);padding:0 var(--eui-base-spacing-2xs);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-m{min-width:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));height:calc(var(--eui-base-spacing-m) + var(--eui-base-spacing-2xs));padding:calc(var(--eui-base-spacing-2xs) / 2) calc(var(--eui-base-spacing-s) / 2);font-size:var(--eui-base-font-size-xs)!important;line-height:var(--eui-base-font-size-m)!important}.euim-badge--size-l{height:var(--eui-base-spacing-l);min-width:var(--eui-base-spacing-l);padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-xs);font-size:var(--eui-base-font-size-s)!important;line-height:var(--eui-base-font-size-m)!important}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -2527,11 +2530,11 @@ class EuimAvatarComponent {
         this.className = 'euim-avatar';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"] }]
+            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex;position:relative}.euim-avatar[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-base-color-white)}\n"] }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -3320,6 +3323,7 @@ class EuimChipSelectorComponent {
         this.filteredData = [...this.sourceData];
         this.filterConditions = [];
         this.searchInput = '';
+        this.isEmitEvent = true;
         this.clickEventHandled = false;
     }
     get cssClasses() {
@@ -3343,15 +3347,22 @@ class EuimChipSelectorComponent {
             this.euimChipSelectorItemSubscription.unsubscribe();
         }
         this.euimChipSelectorItemSubscription = this.euimChipSelectorItemComponent.changes.subscribe(() => {
-            this.updateChipsAndFilters();
             this.setCssItemClasses();
+            this.updateChipsAndFilterDataAfterInit(this.isEmitEvent = false);
+            this.updateChipsAndFilters();
         });
     }
     ngOnChanges(changes) {
         if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
             changes.selectedChips.currentValue && changes.selectedChips.currentValue.length === 1 &&
-            changes.selectedChips.currentValue.every((value, index) => value === '0')) {
+            changes.selectedChips.currentValue.every((value) => value === '0')) {
             this.clearFiltersAndSelectAll();
+            return;
+        }
+        if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
+            changes.selectedChips.currentValue && !changes.selectedChips.currentValue.every((value) => value === '0')) {
+            this.updateChipsAndFilterDataAfterInit();
+            return;
         }
     }
     getCssClasses() {
@@ -3406,43 +3417,23 @@ class EuimChipSelectorComponent {
             }
         });
     }
-    clickEventHandler(chip) {
-        if (!this.clickEventHandled) {
-            this.clickEventHandled = true;
-            this.euimChipSelectorItemComponent.forEach(innerChip => {
-                if (!this.isMultiSelectionMode || (this.isMultiSelectionMode && innerChip.euimChipSelectorAll)) {
-                    this.removeSelectedStyles(innerChip.el.nativeElement);
-                }
-            });
-            this.addSelectedStyles(chip.el.nativeElement);
-            this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
-            this.filterData.emit(this.filteredData);
-            this.clickItems.emit(this.selectedChips);
-            this.clickEventHandled = false;
-        }
-    }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    handleChange(event) {
-        this.searchInput = event.detail.value.toLowerCase();
-        if (!this.euimKeepSelection)
-            return;
-        let filteredDataWithSearch = [];
-        if (this.selectedChips[0] !== '0' && this.isMultiSelectionMode) {
-            filteredDataWithSearch = [...this.sourceData].filter(item => this.selectedChips.includes(item.filterId));
-            this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
-            this.filterData.emit(this.filteredData);
-            return;
-        }
-        if (this.selectedChips[0] !== '0') {
-            filteredDataWithSearch = [...this.sourceData].filter(item => {
-                return item.filterId === this.selectedChips[0];
-            });
-            this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+    applyFilter(filterCondition, isAllFilter, multipleFilterConditions) {
+        let filteredData = [...this.sourceData];
+        if (isAllFilter) {
+            filteredData = this.filterBySearch(filteredData, this.searchInput);
         }
         else {
-            this.filteredData = [...this.sourceData].filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+            if (this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
+                filteredData = this.filterByMultipleConditions(filteredData, multipleFilterConditions);
+            }
+            else {
+                filteredData = this.filterByCondition(filteredData, filterCondition);
+            }
+            if (this.euimKeepSelection && this.searchInput !== '') {
+                filteredData = this.filterBySearch(filteredData, this.searchInput);
+            }
         }
-        this.filterData.emit(this.filteredData);
+        this.filteredData = filteredData;
     }
     clearFiltersAndSelectAll() {
         this.clearAllSelections();
@@ -3456,14 +3447,14 @@ class EuimChipSelectorComponent {
         this.filterData.emit(this.sourceData);
         this.clickItems.emit(this.selectedChips);
     }
-    updateChipsAndFilterDataAfterInit() {
+    updateChipsAndFilterDataAfterInit(isEmitEvent) {
         this.euimChipSelectorItemComponent.forEach(chip => {
             this.removeSelectedStyles(chip.el.nativeElement);
             if (chip.id === undefined && chip.euimChipSelectorAll) {
                 chip.id = 0;
             }
             const chipId = chip.id;
-            if (chipId && this.selectedChips.includes(chipId)) {
+            if (chipId && this.selectedChips.includes(chipId.toString())) {
                 this.addSelectedStyles(chip.el.nativeElement);
                 this.applyFilter(null, chip.euimChipSelectorAll, this.selectedChips);
                 this.filterData.emit(this.filteredData);
@@ -3474,13 +3465,10 @@ class EuimChipSelectorComponent {
                 this.filterData.emit(this.sourceData);
             }
         });
-        if (this.selectedChips.length > 0) {
-            this.emitEvents();
+        if (isEmitEvent !== false) {
+            this.clickItems.emit(this.selectedChips);
         }
     }
-    emitEvents() {
-        this.clickItems.emit(this.selectedChips);
-    }
     onFilterChange(filterCondition, isFilterAll, item) {
         if (this.isMultiSelectionMode) {
             this.handleMultiSelectionMode(filterCondition, isFilterAll, item);
@@ -3491,30 +3479,19 @@ class EuimChipSelectorComponent {
         this.applyFilter(filterCondition, isFilterAll, this.filterConditions);
         this.filterData.emit(this.filteredData);
     }
-    applyFilter(filterCondition, isAllFilter, multipleFilterConditions) {
-        if (isAllFilter && multipleFilterConditions.length === 0) {
-            this.filteredData = [...this.sourceData];
-            return;
-        }
-        if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter && this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
-            const filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
-            this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
-            return;
-        }
-        if (this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
-            this.filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
-            return;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handleChange(event) {
+        this.searchInput = event.detail.value.toLowerCase();
+        let filteredData = [...this.sourceData];
+        if (this.euimKeepSelection) {
+            filteredData = this.filterByChips(filteredData, this.selectedChips);
+            filteredData = this.filterBySearch(filteredData, this.searchInput);
         }
-        if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter) {
-            const filteredData = [...this.sourceData].filter(item => {
-                return item.filterId === filterCondition;
-            });
-            this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
-            return;
+        else {
+            filteredData = this.filterBySearch(filteredData, this.searchInput);
         }
-        this.filteredData = [...this.sourceData].filter(item => {
-            return item.filterId === filterCondition;
-        });
+        this.filteredData = filteredData;
+        this.filterData.emit(this.filteredData);
     }
     addSelectedStyles(item) {
         item.classList.add(`euim-chip-selector__item-selected--color-${this.chipSelectedColor}`);
@@ -3557,6 +3534,24 @@ class EuimChipSelectorComponent {
         this.filterConditions = [];
         this.selectedChips = ['0'];
     }
+    filterBySearch(data, searchInput) {
+        if (!searchInput)
+            return data;
+        return data.filter(obj => obj.title.toLowerCase().includes(searchInput));
+    }
+    filterByChips(data, selectedChips) {
+        if (selectedChips[0] === '0')
+            return data;
+        return data.filter(item => selectedChips.includes(item.filterId));
+    }
+    filterByCondition(data, filterCondition) {
+        return data.filter(item => item.filterId === filterCondition);
+    }
+    filterByMultipleConditions(data, multipleFilterConditions) {
+        if (multipleFilterConditions.length === 0)
+            return data;
+        return data.filter(item => multipleFilterConditions.includes(item.filterId));
+    }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", chipColor: "chipColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n  <ion-searchbar (ionChange)=\"handleChange($event)\"\n  class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n<euim-scroller-x>\n  <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }