ng2-iq-select2-exe 16.2.0 → 16.2.2

package/esm2022/lib/iq-select2-results/iq-select2-results.component.mjs

@@ -1,16 +1,18 @@
-import { Component, EventEmitter, Input, Output, TemplateRef } from '@angular/core';
+import { Component, ElementRef, EventEmitter, Input, Output, TemplateRef, ViewChild } from '@angular/core';
+import Messages from "../iq-select2/messages";
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class IqSelect2ResultsComponent {
     constructor() {
-        this.itemSelectedEvent = new EventEmitter();
+        this.items = [];
+        this.onItemSelected = new EventEmitter();
         this.activeIndex = 0;
-        this.ussingKeys = false;
+        this.usingKeys = false;
     }
     ngOnInit() {
     }
-    onItemSelected(item) {
-        this.itemSelectedEvent.emit(item);
+    selectItem(item) {
+        this.onItemSelected.emit(item);
     }
     activeNext() {
         if (this.activeIndex >= this.items.length - 1) {
@@ -20,7 +22,7 @@ export class IqSelect2ResultsComponent {
             this.activeIndex++;
         }
         this.scrollToElement();
-        this.ussingKeys = true;
+        this.usingKeys = true;
     }
     activePrevious() {
         if (this.activeIndex - 1 < 0) {
@@ -30,28 +32,27 @@ export class IqSelect2ResultsComponent {
             this.activeIndex--;
         }
         this.scrollToElement();
-        this.ussingKeys = true;
+        this.usingKeys = true;
     }
     scrollToElement() {
         const element = document.getElementById('item_' + this.activeIndex);
-        const container = document.getElementById('resultsContainer');
         if (element) {
-            container.scrollTop = element.offsetTop;
+            this.container.nativeElement.scrollTop = element.offsetTop;
         }
     }
     selectCurrentItem() {
         if (this.items[this.activeIndex]) {
-            this.onItemSelected(this.items[this.activeIndex]);
+            this.selectItem(this.items[this.activeIndex]);
             this.activeIndex = 0;
         }
     }
     onMouseOver(index) {
-        if (!this.ussingKeys) {
+        if (!this.usingKeys) {
             this.activeIndex = index;
         }
     }
     onHovering(event) {
-        this.ussingKeys = false;
+        this.usingKeys = false;
     }
     isSelected(currentItem) {
         let result = false;
@@ -62,21 +63,34 @@ export class IqSelect2ResultsComponent {
         });
         return result;
     }
+    getCountMessage() {
+        return this.messageMoreResults.replace(Messages.VISIBLE_COUNT_VAR, String(this.maxResults))
+            .replace(Messages.MAX_COUNT_VAR, String(this.items.length + this.selectedItems.length));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2ResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: { items: "items", searchFocused: "searchFocused", selectedItems: "selectedItems", templateRef: "templateRef" }, outputs: { itemSelectedEvent: "itemSelectedEvent" }, ngImport: i0, template: "<div class=\"select2-results-container\" *ngIf=\"items !== undefined && items.length > 0\" id=\"resultsContainer\">\r\n    <div *ngFor=\"let item of items; let i = index;\">\r\n        <div class=\"select2-result\" id=\"item_{{i}}\"\r\n             (mousedown)=\"onItemSelected(item)\" [class.selected]=\"isSelected(item)\"\r\n             [class.active]=\"i === activeIndex\"\r\n             (mouseover)=\"onMouseOver(i)\"\r\n             (mouseenter)=\"onHovering($event)\">\r\n            <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n            <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".select2-results-container{border:1px solid #ddd;width:100%;max-height:200px;overflow-y:auto;position:absolute;background:#fff;margin-top:-11px;z-index:3}.select2-result{padding:5px;position:relative;width:100%}.select2-result:hover{cursor:pointer}.active{background:#337ab7;color:#fff}.selected{background:#EEE;color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: { items: "items", maxResults: "maxResults", messageMoreResults: "messageMoreResults", messageNoResults: "messageNoResults", resultsVisible: "resultsVisible", selectedItems: "selectedItems", templateRef: "templateRef" }, outputs: { onItemSelected: "onItemSelected" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div #container class=\"select2-dropdown\" [attr.data-visible]=\"resultsVisible\">\r\n  <div *ngIf=\"maxResults && items.length + selectedItems.length > maxResults\" class=\"select2-message\">\r\n    {{getCountMessage()}}\r\n  </div>\r\n\r\n  <div *ngIf=\"items.length === 0\" class=\"select2-message no-results\">\r\n    {{messageNoResults}}\r\n  </div>\r\n\r\n  <div *ngFor=\"let item of items | slice:0:maxResults; let i = index;\" id=\"item_{{i}}\" [attr.data-item-id]=\"item.id\" [title]=\"item.text\"\r\n       class=\"select2-dropdown-item\" [class.selected]=\"isSelected(item)\" [class.active]=\"i === activeIndex\"\r\n       (mousedown)=\"selectItem(item)\" (mouseover)=\"onMouseOver(i)\" (mouseenter)=\"onHovering($event)\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n    <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--select2-color-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--select2-color-scrollbar-thumb);border-radius:1em;border:transparent}.select2-dropdown{position:absolute;top:100%;width:100%;z-index:10;border:1px solid var(--select2-color-border);background-color:var(--select2-color-background);padding:.1em;max-height:20vh;overflow-x:hidden;overflow-y:auto}.select2-dropdown[data-visible=false]{display:none;visibility:hidden}.select2-message{font-size:.8em}.select2-dropdown-item{width:100%;padding:.2em;cursor:pointer;overflow-wrap:break-word;word-break:break-word}.selected{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-list-selected)}.active{color:var(--select2-color-item-text);background-color:var(--select2-color-list-active)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2ResultsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'iq-select2-results', template: "<div class=\"select2-results-container\" *ngIf=\"items !== undefined && items.length > 0\" id=\"resultsContainer\">\r\n    <div *ngFor=\"let item of items; let i = index;\">\r\n        <div class=\"select2-result\" id=\"item_{{i}}\"\r\n             (mousedown)=\"onItemSelected(item)\" [class.selected]=\"isSelected(item)\"\r\n             [class.active]=\"i === activeIndex\"\r\n             (mouseover)=\"onMouseOver(i)\"\r\n             (mouseenter)=\"onHovering($event)\">\r\n            <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n            <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".select2-results-container{border:1px solid #ddd;width:100%;max-height:200px;overflow-y:auto;position:absolute;background:#fff;margin-top:-11px;z-index:3}.select2-result{padding:5px;position:relative;width:100%}.select2-result:hover{cursor:pointer}.active{background:#337ab7;color:#fff}.selected{background:#EEE;color:#000}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+            args: [{ selector: 'iq-select2-results', template: "<div #container class=\"select2-dropdown\" [attr.data-visible]=\"resultsVisible\">\r\n  <div *ngIf=\"maxResults && items.length + selectedItems.length > maxResults\" class=\"select2-message\">\r\n    {{getCountMessage()}}\r\n  </div>\r\n\r\n  <div *ngIf=\"items.length === 0\" class=\"select2-message no-results\">\r\n    {{messageNoResults}}\r\n  </div>\r\n\r\n  <div *ngFor=\"let item of items | slice:0:maxResults; let i = index;\" id=\"item_{{i}}\" [attr.data-item-id]=\"item.id\" [title]=\"item.text\"\r\n       class=\"select2-dropdown-item\" [class.selected]=\"isSelected(item)\" [class.active]=\"i === activeIndex\"\r\n       (mousedown)=\"selectItem(item)\" (mouseover)=\"onMouseOver(i)\" (mouseenter)=\"onHovering($event)\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n    <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--select2-color-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--select2-color-scrollbar-thumb);border-radius:1em;border:transparent}.select2-dropdown{position:absolute;top:100%;width:100%;z-index:10;border:1px solid var(--select2-color-border);background-color:var(--select2-color-background);padding:.1em;max-height:20vh;overflow-x:hidden;overflow-y:auto}.select2-dropdown[data-visible=false]{display:none;visibility:hidden}.select2-message{font-size:.8em}.select2-dropdown-item{width:100%;padding:.2em;cursor:pointer;overflow-wrap:break-word;word-break:break-word}.selected{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-list-selected)}.active{color:var(--select2-color-item-text);background-color:var(--select2-color-list-active)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container']
+            }], items: [{
+                type: Input
+            }], maxResults: [{
+                type: Input
+            }], messageMoreResults: [{
+                type: Input
+            }], messageNoResults: [{
                 type: Input
-            }], searchFocused: [{
+            }], resultsVisible: [{
                 type: Input
             }], selectedItems: [{
                 type: Input
             }], templateRef: [{
                 type: Input
-            }], itemSelectedEvent: [{
+            }], onItemSelected: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nMi1pcS1zZWxlY3QyL3NyYy9saWIvaXEtc2VsZWN0Mi1yZXN1bHRzL2lxLXNlbGVjdDItcmVzdWx0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZzItaXEtc2VsZWN0Mi9zcmMvbGliL2lxLXNlbGVjdDItcmVzdWx0cy9pcS1zZWxlY3QyLXJlc3VsdHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVExRixNQUFNLE9BQU8seUJBQXlCO0lBVWxDO1FBSlUsc0JBQWlCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEUsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFDUixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBRzNCLENBQUM7SUFFRCxRQUFRO0lBQ1IsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFtQjtRQUM5QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMzQyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUM1QzthQUFNO1lBQ0gsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3RCO1FBQ0QsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFFRCxjQUFjO1FBQ1YsSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7U0FDeEI7YUFBTTtZQUNILElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUN0QjtRQUNELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztJQUMzQixDQUFDO0lBRUQsZUFBZTtRQUNYLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUNwRSxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFOUQsSUFBSSxPQUFPLEVBQUU7WUFDVCxTQUFTLENBQUMsU0FBUyxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUM7U0FDM0M7SUFDTCxDQUFDO0lBRUQsaUJBQWlCO1FBQ2IsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsRUFBRTtZQUM5QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUM7WUFDbEQsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7U0FDeEI7SUFDTCxDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWE7UUFDckIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7U0FDNUI7SUFDTCxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQUs7UUFDWixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVSxDQUFDLFdBQVc7UUFDbEIsSUFBSSxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQzlCLElBQUksSUFBSSxDQUFDLEVBQUUsS0FBSyxXQUFXLENBQUMsRUFBRSxFQUFFO2dCQUM1QixNQUFNLEdBQUcsSUFBSSxDQUFDO2FBQ2pCO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDSCxPQUFPLE1BQU0sQ0FBQztJQUNsQixDQUFDOzhHQTFFUSx5QkFBeUI7a0dBQXpCLHlCQUF5Qix1T0NSdEMscXdCQVlBOzsyRkRKYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksb0JBQW9COzBFQU1yQixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBUZW1wbGF0ZVJlZn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SXFTZWxlY3QySXRlbX0gZnJvbSAnLi4vaXEtc2VsZWN0Mi9pcS1zZWxlY3QyLWl0ZW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2lxLXNlbGVjdDItcmVzdWx0cycsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2lxLXNlbGVjdDItcmVzdWx0cy5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIElxU2VsZWN0MlJlc3VsdHNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpIGl0ZW1zOiBJcVNlbGVjdDJJdGVtW107XHJcbiAgICBASW5wdXQoKSBzZWFyY2hGb2N1c2VkOiBib29sZWFuO1xyXG4gICAgQElucHV0KCkgc2VsZWN0ZWRJdGVtczogSXFTZWxlY3QySXRlbVtdO1xyXG4gICAgQElucHV0KCkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgICBAT3V0cHV0KCkgaXRlbVNlbGVjdGVkRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gICAgYWN0aXZlSW5kZXggPSAwO1xyXG4gICAgcHJpdmF0ZSB1c3NpbmdLZXlzID0gZmFsc2U7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKSB7XHJcbiAgICB9XHJcblxyXG4gICAgb25JdGVtU2VsZWN0ZWQoaXRlbTogSXFTZWxlY3QySXRlbSkge1xyXG4gICAgICAgIHRoaXMuaXRlbVNlbGVjdGVkRXZlbnQuZW1pdChpdGVtKTtcclxuICAgIH1cclxuXHJcbiAgICBhY3RpdmVOZXh0KCkge1xyXG4gICAgICAgIGlmICh0aGlzLmFjdGl2ZUluZGV4ID49IHRoaXMuaXRlbXMubGVuZ3RoIC0gMSkge1xyXG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gdGhpcy5pdGVtcy5sZW5ndGggLSAxO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuYWN0aXZlSW5kZXgrKztcclxuICAgICAgICB9XHJcbiAgICAgICAgdGhpcy5zY3JvbGxUb0VsZW1lbnQoKTtcclxuICAgICAgICB0aGlzLnVzc2luZ0tleXMgPSB0cnVlO1xyXG4gICAgfVxyXG5cclxuICAgIGFjdGl2ZVByZXZpb3VzKCkge1xyXG4gICAgICAgIGlmICh0aGlzLmFjdGl2ZUluZGV4IC0gMSA8IDApIHtcclxuICAgICAgICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IDA7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgdGhpcy5hY3RpdmVJbmRleC0tO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnNjcm9sbFRvRWxlbWVudCgpO1xyXG4gICAgICAgIHRoaXMudXNzaW5nS2V5cyA9IHRydWU7XHJcbiAgICB9XHJcblxyXG4gICAgc2Nyb2xsVG9FbGVtZW50KCkge1xyXG4gICAgICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaXRlbV8nICsgdGhpcy5hY3RpdmVJbmRleCk7XHJcbiAgICAgICAgY29uc3QgY29udGFpbmVyID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ3Jlc3VsdHNDb250YWluZXInKTtcclxuXHJcbiAgICAgICAgaWYgKGVsZW1lbnQpIHtcclxuICAgICAgICAgICAgY29udGFpbmVyLnNjcm9sbFRvcCA9IGVsZW1lbnQub2Zmc2V0VG9wO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBzZWxlY3RDdXJyZW50SXRlbSgpIHtcclxuICAgICAgICBpZiAodGhpcy5pdGVtc1t0aGlzLmFjdGl2ZUluZGV4XSkge1xyXG4gICAgICAgICAgICB0aGlzLm9uSXRlbVNlbGVjdGVkKHRoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF0pO1xyXG4gICAgICAgICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gMDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgb25Nb3VzZU92ZXIoaW5kZXg6IG51bWJlcikge1xyXG4gICAgICAgIGlmICghdGhpcy51c3NpbmdLZXlzKSB7XHJcbiAgICAgICAgICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgb25Ib3ZlcmluZyhldmVudCkge1xyXG4gICAgICAgIHRoaXMudXNzaW5nS2V5cyA9IGZhbHNlO1xyXG4gICAgfVxyXG5cclxuICAgIGlzU2VsZWN0ZWQoY3VycmVudEl0ZW0pIHtcclxuICAgICAgICBsZXQgcmVzdWx0ID0gZmFsc2U7XHJcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zLmZvckVhY2goaXRlbSA9PiB7XHJcbiAgICAgICAgICAgIGlmIChpdGVtLmlkID09PSBjdXJyZW50SXRlbS5pZCkge1xyXG4gICAgICAgICAgICAgICAgcmVzdWx0ID0gdHJ1ZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgICAgIHJldHVybiByZXN1bHQ7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzZWxlY3QyLXJlc3VsdHMtY29udGFpbmVyXCIgKm5nSWY9XCJpdGVtcyAhPT0gdW5kZWZpbmVkICYmIGl0ZW1zLmxlbmd0aCA+IDBcIiBpZD1cInJlc3VsdHNDb250YWluZXJcIj5cclxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpID0gaW5kZXg7XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInNlbGVjdDItcmVzdWx0XCIgaWQ9XCJpdGVtX3t7aX19XCJcclxuICAgICAgICAgICAgIChtb3VzZWRvd24pPVwib25JdGVtU2VsZWN0ZWQoaXRlbSlcIiBbY2xhc3Muc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZChpdGVtKVwiXHJcbiAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImkgPT09IGFjdGl2ZUluZGV4XCJcclxuICAgICAgICAgICAgIChtb3VzZW92ZXIpPVwib25Nb3VzZU92ZXIoaSlcIlxyXG4gICAgICAgICAgICAgKG1vdXNlZW50ZXIpPVwib25Ib3ZlcmluZygkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwidGVtcGxhdGVSZWZcIiBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyRpdGVtOml0ZW0sICRlbnRpdHk6IGl0ZW0uZW50aXR5LCAkaWQ6aXRlbS5pZCwgJGluZGV4Oml9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdGVtcGxhdGVSZWZcIj57e2l0ZW0udGV4dH19PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nMi1pcS1zZWxlY3QyL3NyYy9saWIvaXEtc2VsZWN0Mi1yZXN1bHRzL2lxLXNlbGVjdDItcmVzdWx0cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZzItaXEtc2VsZWN0Mi9zcmMvbGliL2lxLXNlbGVjdDItcmVzdWx0cy9pcS1zZWxlY3QyLXJlc3VsdHMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVqSCxPQUFPLFFBQVEsTUFBTSx3QkFBd0IsQ0FBQzs7O0FBTzlDLE1BQU0sT0FBTyx5QkFBeUI7SUFpQnBDO1FBYlMsVUFBSyxHQUFvQixFQUFFLENBQUE7UUFPMUIsbUJBQWMsR0FBZ0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUUzRSxnQkFBVyxHQUFHLENBQUMsQ0FBQztRQUVSLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFHMUIsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsVUFBVSxDQUFDLElBQW1CO1FBQzVCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2pDLENBQUM7SUFFRCxVQUFVO1FBQ1IsSUFBSSxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUM3QyxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztTQUMxQzthQUFNO1lBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1NBQ3BCO1FBRUQsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxJQUFJLENBQUMsV0FBVyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7U0FDdEI7YUFBTTtZQUNMLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztTQUNwQjtRQUVELElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsZUFBZTtRQUNiLE1BQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUVwRSxJQUFJLE9BQU8sRUFBRTtZQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsR0FBRyxPQUFPLENBQUMsU0FBUyxDQUFDO1NBQzVEO0lBQ0gsQ0FBQztJQUVELGlCQUFpQjtRQUNmLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLEVBQUU7WUFDaEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1lBQzlDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ25CLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1NBQzFCO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxLQUFLO1FBQ2QsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUVELFVBQVUsQ0FBQyxXQUFXO1FBQ3BCLElBQUksTUFBTSxHQUFHLEtBQUssQ0FBQztRQUVuQixJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNoQyxJQUFJLElBQUksQ0FBQyxFQUFFLEtBQUssV0FBVyxDQUFDLEVBQUUsRUFBRTtnQkFDOUIsTUFBTSxHQUFHLElBQUksQ0FBQzthQUNmO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLE1BQU0sQ0FBQztJQUNoQixDQUFDO0lBRUQsZUFBZTtRQUNiLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsaUJBQWlCLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQzthQUN4RixPQUFPLENBQUMsUUFBUSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBQzVGLENBQUM7OEdBekZVLHlCQUF5QjtrR0FBekIseUJBQXlCLHFiQ1R0Qyx5K0JBaUJBOzsyRkRSYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzBFQU1OLFNBQVM7c0JBQWhDLFNBQVM7dUJBQUMsV0FBVztnQkFFYixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLGNBQWM7c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmLCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0lxU2VsZWN0Mkl0ZW19IGZyb20gJy4uL2lxLXNlbGVjdDIvaXEtc2VsZWN0Mi1pdGVtJztcclxuaW1wb3J0IE1lc3NhZ2VzIGZyb20gXCIuLi9pcS1zZWxlY3QyL21lc3NhZ2VzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2lxLXNlbGVjdDItcmVzdWx0cycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2lxLXNlbGVjdDItcmVzdWx0cy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSXFTZWxlY3QyUmVzdWx0c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2NvbnRhaW5lcicpIGNvbnRhaW5lcjogRWxlbWVudFJlZjtcclxuXHJcbiAgQElucHV0KCkgaXRlbXM6IElxU2VsZWN0Mkl0ZW1bXSA9IFtdXHJcbiAgQElucHV0KCkgbWF4UmVzdWx0czogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2VNb3JlUmVzdWx0czogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG1lc3NhZ2VOb1Jlc3VsdHM6IHN0cmluZztcclxuICBASW5wdXQoKSByZXN1bHRzVmlzaWJsZTogYm9vbGVhbjtcclxuICBASW5wdXQoKSBzZWxlY3RlZEl0ZW1zOiBJcVNlbGVjdDJJdGVtW107XHJcbiAgQElucHV0KCkgdGVtcGxhdGVSZWY6IFRlbXBsYXRlUmVmPGFueT47XHJcbiAgQE91dHB1dCgpIG9uSXRlbVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SXFTZWxlY3QySXRlbT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGFjdGl2ZUluZGV4ID0gMDtcclxuXHJcbiAgcHJpdmF0ZSB1c2luZ0tleXMgPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICB9XHJcblxyXG4gIHNlbGVjdEl0ZW0oaXRlbTogSXFTZWxlY3QySXRlbSkge1xyXG4gICAgdGhpcy5vbkl0ZW1TZWxlY3RlZC5lbWl0KGl0ZW0pO1xyXG4gIH1cclxuXHJcbiAgYWN0aXZlTmV4dCgpIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZUluZGV4ID49IHRoaXMuaXRlbXMubGVuZ3RoIC0gMSkge1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gdGhpcy5pdGVtcy5sZW5ndGggLSAxO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleCsrO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuc2Nyb2xsVG9FbGVtZW50KCk7XHJcbiAgICB0aGlzLnVzaW5nS2V5cyA9IHRydWU7XHJcbiAgfVxyXG5cclxuICBhY3RpdmVQcmV2aW91cygpIHtcclxuICAgIGlmICh0aGlzLmFjdGl2ZUluZGV4IC0gMSA8IDApIHtcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IDA7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4LS07XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5zY3JvbGxUb0VsZW1lbnQoKTtcclxuICAgIHRoaXMudXNpbmdLZXlzID0gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHNjcm9sbFRvRWxlbWVudCgpIHtcclxuICAgIGNvbnN0IGVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnaXRlbV8nICsgdGhpcy5hY3RpdmVJbmRleCk7XHJcblxyXG4gICAgaWYgKGVsZW1lbnQpIHtcclxuICAgICAgdGhpcy5jb250YWluZXIubmF0aXZlRWxlbWVudC5zY3JvbGxUb3AgPSBlbGVtZW50Lm9mZnNldFRvcDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHNlbGVjdEN1cnJlbnRJdGVtKCkge1xyXG4gICAgaWYgKHRoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF0pIHtcclxuICAgICAgdGhpcy5zZWxlY3RJdGVtKHRoaXMuaXRlbXNbdGhpcy5hY3RpdmVJbmRleF0pO1xyXG4gICAgICB0aGlzLmFjdGl2ZUluZGV4ID0gMDtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uTW91c2VPdmVyKGluZGV4OiBudW1iZXIpIHtcclxuICAgIGlmICghdGhpcy51c2luZ0tleXMpIHtcclxuICAgICAgdGhpcy5hY3RpdmVJbmRleCA9IGluZGV4O1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgb25Ib3ZlcmluZyhldmVudCkge1xyXG4gICAgdGhpcy51c2luZ0tleXMgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIGlzU2VsZWN0ZWQoY3VycmVudEl0ZW0pIHtcclxuICAgIGxldCByZXN1bHQgPSBmYWxzZTtcclxuXHJcbiAgICB0aGlzLnNlbGVjdGVkSXRlbXMuZm9yRWFjaChpdGVtID0+IHtcclxuICAgICAgaWYgKGl0ZW0uaWQgPT09IGN1cnJlbnRJdGVtLmlkKSB7XHJcbiAgICAgICAgcmVzdWx0ID0gdHJ1ZTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcblxyXG4gICAgcmV0dXJuIHJlc3VsdDtcclxuICB9XHJcblxyXG4gIGdldENvdW50TWVzc2FnZSgpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIHRoaXMubWVzc2FnZU1vcmVSZXN1bHRzLnJlcGxhY2UoTWVzc2FnZXMuVklTSUJMRV9DT1VOVF9WQVIsIFN0cmluZyh0aGlzLm1heFJlc3VsdHMpKVxyXG4gICAgICAucmVwbGFjZShNZXNzYWdlcy5NQVhfQ09VTlRfVkFSLCBTdHJpbmcodGhpcy5pdGVtcy5sZW5ndGggKyB0aGlzLnNlbGVjdGVkSXRlbXMubGVuZ3RoKSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2ICNjb250YWluZXIgY2xhc3M9XCJzZWxlY3QyLWRyb3Bkb3duXCIgW2F0dHIuZGF0YS12aXNpYmxlXT1cInJlc3VsdHNWaXNpYmxlXCI+XHJcbiAgPGRpdiAqbmdJZj1cIm1heFJlc3VsdHMgJiYgaXRlbXMubGVuZ3RoICsgc2VsZWN0ZWRJdGVtcy5sZW5ndGggPiBtYXhSZXN1bHRzXCIgY2xhc3M9XCJzZWxlY3QyLW1lc3NhZ2VcIj5cclxuICAgIHt7Z2V0Q291bnRNZXNzYWdlKCl9fVxyXG4gIDwvZGl2PlxyXG5cclxuICA8ZGl2ICpuZ0lmPVwiaXRlbXMubGVuZ3RoID09PSAwXCIgY2xhc3M9XCJzZWxlY3QyLW1lc3NhZ2Ugbm8tcmVzdWx0c1wiPlxyXG4gICAge3ttZXNzYWdlTm9SZXN1bHRzfX1cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBpdGVtcyB8IHNsaWNlOjA6bWF4UmVzdWx0czsgbGV0IGkgPSBpbmRleDtcIiBpZD1cIml0ZW1fe3tpfX1cIiBbYXR0ci5kYXRhLWl0ZW0taWRdPVwiaXRlbS5pZFwiIFt0aXRsZV09XCJpdGVtLnRleHRcIlxyXG4gICAgICAgY2xhc3M9XCJzZWxlY3QyLWRyb3Bkb3duLWl0ZW1cIiBbY2xhc3Muc2VsZWN0ZWRdPVwiaXNTZWxlY3RlZChpdGVtKVwiIFtjbGFzcy5hY3RpdmVdPVwiaSA9PT0gYWN0aXZlSW5kZXhcIlxyXG4gICAgICAgKG1vdXNlZG93bik9XCJzZWxlY3RJdGVtKGl0ZW0pXCIgKG1vdXNlb3Zlcik9XCJvbk1vdXNlT3ZlcihpKVwiIChtb3VzZWVudGVyKT1cIm9uSG92ZXJpbmcoJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0ZW1wbGF0ZVJlZlwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7JGl0ZW06aXRlbSwgJGVudGl0eTogaXRlbS5lbnRpdHksICRpZDppdGVtLmlkLCAkaW5kZXg6aX1cIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhdGVtcGxhdGVSZWZcIj57e2l0ZW0udGV4dH19PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/public_api.mjs

@@ -4,7 +4,6 @@
 export * from './lib/iq-select2.module';
 export * from './lib/iq-select2/iq-select2.component';
 export * from './lib/iq-select2/iq-select2-item';
-export * from './lib/iq-select2/messages';
 export * from './lib/iq-select2-results/iq-select2-results.component';
 export * from './lib/iq-select2-template/iq-select2-template.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25nMi1pcS1zZWxlY3QyL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMseURBQXlELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgbmcyLWlxLXNlbGVjdDJcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pcS1zZWxlY3QyLm1vZHVsZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lxLXNlbGVjdDIvaXEtc2VsZWN0Mi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pcS1zZWxlY3QyL2lxLXNlbGVjdDItaXRlbSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lxLXNlbGVjdDIvbWVzc2FnZXMnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pcS1zZWxlY3QyLXJlc3VsdHMvaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lxLXNlbGVjdDItdGVtcGxhdGUvaXEtc2VsZWN0Mi10ZW1wbGF0ZS5kaXJlY3RpdmUnO1xyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25nMi1pcS1zZWxlY3QyL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyx1REFBdUQsQ0FBQztBQUN0RSxjQUFjLHlEQUF5RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nMi1pcS1zZWxlY3QyXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaXEtc2VsZWN0Mi5tb2R1bGUnO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pcS1zZWxlY3QyL2lxLXNlbGVjdDIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9saWIvaXEtc2VsZWN0Mi9pcS1zZWxlY3QyLWl0ZW0nO1xyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9pcS1zZWxlY3QyLXJlc3VsdHMvaXEtc2VsZWN0Mi1yZXN1bHRzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vbGliL2lxLXNlbGVjdDItdGVtcGxhdGUvaXEtc2VsZWN0Mi10ZW1wbGF0ZS5kaXJlY3RpdmUnO1xyXG4iXX0=

package/fesm2022/ng2-iq-select2-exe.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, forwardRef, ViewChild, Directive, Host, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewChild, Input, Output, forwardRef, Directive, Host, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
@@ -8,16 +8,24 @@ import { of } from 'rxjs';
 import { debounceTime, distinctUntilChanged, tap, filter, switchMap, map, mergeMap } from 'rxjs/operators';
 import { HttpClientModule } from '@angular/common/http';
 
+class Messages {
+    static { this.VISIBLE_COUNT_VAR = '%VISIBLE_COUNT%'; }
+    static { this.MAX_COUNT_VAR = '%MAX_COUNT%'; }
+    static { this.MORE_RESULTS = 'Showing ' + this.VISIBLE_COUNT_VAR + ' of ' + this.MAX_COUNT_VAR + ' results. Refine your search to show more results.'; }
+    static { this.NO_RESULTS = 'No results available'; }
+}
+
 class IqSelect2ResultsComponent {
     constructor() {
-        this.itemSelectedEvent = new EventEmitter();
+        this.items = [];
+        this.onItemSelected = new EventEmitter();
         this.activeIndex = 0;
-        this.ussingKeys = false;
+        this.usingKeys = false;
     }
     ngOnInit() {
     }
-    onItemSelected(item) {
-        this.itemSelectedEvent.emit(item);
+    selectItem(item) {
+        this.onItemSelected.emit(item);
     }
     activeNext() {
         if (this.activeIndex >= this.items.length - 1) {
@@ -27,7 +35,7 @@ class IqSelect2ResultsComponent {
             this.activeIndex++;
         }
         this.scrollToElement();
-        this.ussingKeys = true;
+        this.usingKeys = true;
     }
     activePrevious() {
         if (this.activeIndex - 1 < 0) {
@@ -37,28 +45,27 @@ class IqSelect2ResultsComponent {
             this.activeIndex--;
         }
         this.scrollToElement();
-        this.ussingKeys = true;
+        this.usingKeys = true;
     }
     scrollToElement() {
         const element = document.getElementById('item_' + this.activeIndex);
-        const container = document.getElementById('resultsContainer');
         if (element) {
-            container.scrollTop = element.offsetTop;
+            this.container.nativeElement.scrollTop = element.offsetTop;
         }
     }
     selectCurrentItem() {
         if (this.items[this.activeIndex]) {
-            this.onItemSelected(this.items[this.activeIndex]);
+            this.selectItem(this.items[this.activeIndex]);
             this.activeIndex = 0;
         }
     }
     onMouseOver(index) {
-        if (!this.ussingKeys) {
+        if (!this.usingKeys) {
             this.activeIndex = index;
         }
     }
     onHovering(event) {
-        this.ussingKeys = false;
+        this.usingKeys = false;
     }
     isSelected(currentItem) {
         let result = false;
@@ -69,32 +76,37 @@ class IqSelect2ResultsComponent {
         });
         return result;
     }
+    getCountMessage() {
+        return this.messageMoreResults.replace(Messages.VISIBLE_COUNT_VAR, String(this.maxResults))
+            .replace(Messages.MAX_COUNT_VAR, String(this.items.length + this.selectedItems.length));
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2ResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: { items: "items", searchFocused: "searchFocused", selectedItems: "selectedItems", templateRef: "templateRef" }, outputs: { itemSelectedEvent: "itemSelectedEvent" }, ngImport: i0, template: "<div class=\"select2-results-container\" *ngIf=\"items !== undefined && items.length > 0\" id=\"resultsContainer\">\r\n    <div *ngFor=\"let item of items; let i = index;\">\r\n        <div class=\"select2-result\" id=\"item_{{i}}\"\r\n             (mousedown)=\"onItemSelected(item)\" [class.selected]=\"isSelected(item)\"\r\n             [class.active]=\"i === activeIndex\"\r\n             (mouseover)=\"onMouseOver(i)\"\r\n             (mouseenter)=\"onHovering($event)\">\r\n            <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n            <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".select2-results-container{border:1px solid #ddd;width:100%;max-height:200px;overflow-y:auto;position:absolute;background:#fff;margin-top:-11px;z-index:3}.select2-result{padding:5px;position:relative;width:100%}.select2-result:hover{cursor:pointer}.active{background:#337ab7;color:#fff}.selected{background:#EEE;color:#000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: { items: "items", maxResults: "maxResults", messageMoreResults: "messageMoreResults", messageNoResults: "messageNoResults", resultsVisible: "resultsVisible", selectedItems: "selectedItems", templateRef: "templateRef" }, outputs: { onItemSelected: "onItemSelected" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div #container class=\"select2-dropdown\" [attr.data-visible]=\"resultsVisible\">\r\n  <div *ngIf=\"maxResults && items.length + selectedItems.length > maxResults\" class=\"select2-message\">\r\n    {{getCountMessage()}}\r\n  </div>\r\n\r\n  <div *ngIf=\"items.length === 0\" class=\"select2-message no-results\">\r\n    {{messageNoResults}}\r\n  </div>\r\n\r\n  <div *ngFor=\"let item of items | slice:0:maxResults; let i = index;\" id=\"item_{{i}}\" [attr.data-item-id]=\"item.id\" [title]=\"item.text\"\r\n       class=\"select2-dropdown-item\" [class.selected]=\"isSelected(item)\" [class.active]=\"i === activeIndex\"\r\n       (mousedown)=\"selectItem(item)\" (mouseover)=\"onMouseOver(i)\" (mouseenter)=\"onHovering($event)\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n    <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--select2-color-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--select2-color-scrollbar-thumb);border-radius:1em;border:transparent}.select2-dropdown{position:absolute;top:100%;width:100%;z-index:10;border:1px solid var(--select2-color-border);background-color:var(--select2-color-background);padding:.1em;max-height:20vh;overflow-x:hidden;overflow-y:auto}.select2-dropdown[data-visible=false]{display:none;visibility:hidden}.select2-message{font-size:.8em}.select2-dropdown-item{width:100%;padding:.2em;cursor:pointer;overflow-wrap:break-word;word-break:break-word}.selected{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-list-selected)}.active{color:var(--select2-color-item-text);background-color:var(--select2-color-list-active)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2ResultsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'iq-select2-results', template: "<div class=\"select2-results-container\" *ngIf=\"items !== undefined && items.length > 0\" id=\"resultsContainer\">\r\n    <div *ngFor=\"let item of items; let i = index;\">\r\n        <div class=\"select2-result\" id=\"item_{{i}}\"\r\n             (mousedown)=\"onItemSelected(item)\" [class.selected]=\"isSelected(item)\"\r\n             [class.active]=\"i === activeIndex\"\r\n             (mouseover)=\"onMouseOver(i)\"\r\n             (mouseenter)=\"onHovering($event)\">\r\n            <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n            <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: [".select2-results-container{border:1px solid #ddd;width:100%;max-height:200px;overflow-y:auto;position:absolute;background:#fff;margin-top:-11px;z-index:3}.select2-result{padding:5px;position:relative;width:100%}.select2-result:hover{cursor:pointer}.active{background:#337ab7;color:#fff}.selected{background:#EEE;color:#000}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+            args: [{ selector: 'iq-select2-results', template: "<div #container class=\"select2-dropdown\" [attr.data-visible]=\"resultsVisible\">\r\n  <div *ngIf=\"maxResults && items.length + selectedItems.length > maxResults\" class=\"select2-message\">\r\n    {{getCountMessage()}}\r\n  </div>\r\n\r\n  <div *ngIf=\"items.length === 0\" class=\"select2-message no-results\">\r\n    {{messageNoResults}}\r\n  </div>\r\n\r\n  <div *ngFor=\"let item of items | slice:0:maxResults; let i = index;\" id=\"item_{{i}}\" [attr.data-item-id]=\"item.id\" [title]=\"item.text\"\r\n       class=\"select2-dropdown-item\" [class.selected]=\"isSelected(item)\" [class.active]=\"i === activeIndex\"\r\n       (mousedown)=\"selectItem(item)\" (mouseover)=\"onMouseOver(i)\" (mouseenter)=\"onHovering($event)\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"templateRef\" [ngTemplateOutletContext]=\"{$item:item, $entity: item.entity, $id:item.id, $index:i}\"></ng-container>\r\n    <ng-container *ngIf=\"!templateRef\">{{item.text}}</ng-container>\r\n  </div>\r\n</div>\r\n", styles: ["::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--select2-color-scrollbar-track)}::-webkit-scrollbar-thumb{background-color:var(--select2-color-scrollbar-thumb);border-radius:1em;border:transparent}.select2-dropdown{position:absolute;top:100%;width:100%;z-index:10;border:1px solid var(--select2-color-border);background-color:var(--select2-color-background);padding:.1em;max-height:20vh;overflow-x:hidden;overflow-y:auto}.select2-dropdown[data-visible=false]{display:none;visibility:hidden}.select2-message{font-size:.8em}.select2-dropdown-item{width:100%;padding:.2em;cursor:pointer;overflow-wrap:break-word;word-break:break-word}.selected{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-list-selected)}.active{color:var(--select2-color-item-text);background-color:var(--select2-color-list-active)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { container: [{
+                type: ViewChild,
+                args: ['container']
+            }], items: [{
+                type: Input
+            }], maxResults: [{
+                type: Input
+            }], messageMoreResults: [{
+                type: Input
+            }], messageNoResults: [{
                 type: Input
-            }], searchFocused: [{
+            }], resultsVisible: [{
                 type: Input
             }], selectedItems: [{
                 type: Input
             }], templateRef: [{
                 type: Input
-            }], itemSelectedEvent: [{
+            }], onItemSelected: [{
                 type: Output
             }] } });
 
-/**
- * Created by diego on 3/13/17.
- */
-class Messages {
-    static { this.PARTIAL_COUNT_VAR = '%PARTIAL_COUNT%'; }
-    static { this.TOTAL_COUNT_VAR = '%TOTAL_COUNT%'; }
-}
-
 const KEY_CODE_DOWN_ARROW = 40;
 const KEY_CODE_UP_ARROW = 38;
 const KEY_CODE_ENTER = 13;
@@ -105,33 +117,31 @@ const VALUE_ACCESSOR = {
     useExisting: forwardRef(() => IqSelect2Component),
     multi: true
 };
-const noop = () => {
-};
 class IqSelect2Component {
     constructor() {
-        this.MORE_RESULTS_MSG = 'Showing ' + Messages.PARTIAL_COUNT_VAR + ' of ' + Messages.TOTAL_COUNT_VAR + ' results. Refine your search to show more results.';
-        this.NO_RESULTS_MSG = 'No results available';
         this.referenceMode = 'id';
         this.multiple = false;
-        this.searchDelay = 250;
         this.placeholder = '';
-        this.minimumInputLength = 2;
         this.disabled = false;
-        this.messages = {
-            moreResultsAvailableMsg: this.MORE_RESULTS_MSG,
-            noResultsAvailableMsg: this.NO_RESULTS_MSG
-        };
         this.clientMode = false;
         this.badgeColor = 'info';
+        this.wrapSelectedText = 'nowrap';
+        this.debounceDelay = 250;
+        this.debounceLength = 2;
+        this.iconCaret = '&#9660;';
+        this.iconDelete = '&#215;';
+        this.messageMoreResults = Messages.MORE_RESULTS;
+        this.messageNoResults = Messages.NO_RESULTS;
         this.onSelect = new EventEmitter();
         this.onRemove = new EventEmitter();
         this.term = new UntypedFormControl();
         this.resultsVisible = false;
+        this.listData = [];
         this.selectedItems = [];
         this.searchFocused = false;
         this.placeholderSelected = '';
-        this.onTouchedCallback = noop;
-        this.onChangeCallback = noop;
+        this.onTouchedCallback = () => false;
+        this.onChangeCallback = () => false;
     }
     ngAfterViewInit() {
         this.subscribeToChangesAndLoadDataFromObservable();
@@ -160,11 +170,10 @@ class IqSelect2Component {
         this.disabled = isDisabled;
     }
     subscribeToChangesAndLoadDataFromObservable() {
-        const observable = this.term.valueChanges.pipe(debounceTime(this.searchDelay), distinctUntilChanged());
-        this.subscribeToResults(observable);
+        this.subscribeToResults(this.term.valueChanges.pipe(debounceTime(this.debounceDelay), distinctUntilChanged()));
     }
     subscribeToResults(observable) {
-        observable.pipe(tap(() => this.resultsVisible = false), filter((term) => term.length >= this.minimumInputLength), switchMap(term => this.loadDataFromObservable(term)), map(items => items.filter(item => !(this.multiple && this.alreadySelected(item)))), tap(() => this.resultsVisible = this.searchFocused)).subscribe((items) => this.listData = items);
+        observable.pipe(tap(() => this.resultsVisible = false), filter((term) => term.length >= this.debounceLength), switchMap(term => this.loadDataFromObservable(term)), map(items => items.filter(item => !(this.multiple && this.alreadySelected(item)))), tap(() => this.resultsVisible = this.searchFocused)).subscribe((items) => this.listData = items);
     }
     loadDataFromObservable(term) {
         return this.clientMode ? this.fetchAndfilterLocalData(term) : this.fetchData(term);
@@ -187,15 +196,7 @@ class IqSelect2Component {
         return item.text.toUpperCase().indexOf(term.toUpperCase()) !== -1;
     }
     fetchData(term) {
-        return this
-            .dataSourceProvider(term, this.buildValue())
-            .pipe(map((items) => this.adaptItems(items)));
-    }
-    adaptItems(items) {
-        const convertedItems = [];
-        items.map((item) => this.iqSelect2ItemAdapter(item))
-            .forEach((iqSelect2Item) => convertedItems.push(iqSelect2Item));
-        return convertedItems;
+        return this.dataSourceProvider(term, this.buildValue()).pipe(map((items) => items.map((item) => this.iqSelect2ItemAdapter(item))));
     }
     populateItemsFromEntities(selectedValues) {
         if (this.multiple) {
@@ -281,9 +282,7 @@ class IqSelect2Component {
     }
     getSelectedIds() {
         if (this.multiple) {
-            const ids = [];
-            this.selectedItems.forEach(item => ids.push(item.id));
-            return ids;
+            return this.selectedItems.map(item => item.id);
         }
         else {
             return this.selectedItems.length === 0 ? null : this.selectedItems[0].id;
@@ -291,11 +290,7 @@ class IqSelect2Component {
     }
     getEntities() {
         if (this.multiple) {
-            const entities = [];
-            this.selectedItems.forEach(item => {
-                entities.push(item.entity);
-            });
-            return entities;
+            return this.selectedItems.map(item => item.entity);
         }
         else {
             return this.selectedItems.length === 0 ? null : this.selectedItems[0].entity;
@@ -351,7 +346,7 @@ class IqSelect2Component {
             }
         }
         else {
-            if (this.minimumInputLength === 0) {
+            if (this.debounceLength === 0) {
                 if (ev.keyCode === KEY_CODE_ENTER || ev.keyCode === KEY_CODE_DOWN_ARROW) {
                     this.focusAndShowResults();
                 }
@@ -359,6 +354,9 @@ class IqSelect2Component {
         }
     }
     onKeyDown(ev) {
+        if (ev.keyCode === KEY_CODE_ENTER) {
+            ev.preventDefault();
+        }
         if (this.results) {
             if (ev.keyCode === KEY_CODE_TAB) {
                 this.results.selectCurrentItem();
@@ -371,32 +369,15 @@ class IqSelect2Component {
             }
         }
     }
-    onKeyPress(ev) {
-        if (ev.keyCode === KEY_CODE_ENTER) {
-            ev.preventDefault();
-        }
-    }
-    getCss() {
-        return 'select2-selection-container ' + (this.css === undefined ? '' : this.css);
-    }
     getPlaceholder() {
         return this.selectedItems.length > 0 ? this.placeholderSelected : this.placeholder;
     }
-    getCountMessage() {
-        let msg = this.messages && this.messages.moreResultsAvailableMsg ? this.messages.moreResultsAvailableMsg : this.MORE_RESULTS_MSG;
-        msg = msg.replace(Messages.PARTIAL_COUNT_VAR, String(this.listData.length));
-        msg = msg.replace(Messages.TOTAL_COUNT_VAR, String(this.resultsCount - this.selectedItems.length));
-        return msg;
-    }
-    getBadgeColor() {
-        return this.multiple ? 'bg-' + this.badgeColor : '';
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2Component, selector: "iq-select2", inputs: { dataSourceProvider: "dataSourceProvider", selectedProvider: "selectedProvider", iqSelect2ItemAdapter: "iqSelect2ItemAdapter", referenceMode: "referenceMode", multiple: "multiple", searchDelay: "searchDelay", css: "css", placeholder: "placeholder", minimumInputLength: "minimumInputLength", disabled: "disabled", searchIcon: "searchIcon", deleteIcon: "deleteIcon", messages: "messages", resultsCount: "resultsCount", clientMode: "clientMode", badgeColor: "badgeColor" }, outputs: { onSelect: "onSelect", onRemove: "onRemove" }, providers: [VALUE_ACCESSOR], viewQueries: [{ propertyName: "termInput", first: true, predicate: ["termInput"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], ngImport: i0, template: "<div class=\"select2-container\">\r\n    <ul (click)=\"focusAndShowResults()\"\r\n        [class]=\"getCss()\"\r\n        [class.simple-selection]=\"!multiple\"\r\n        [class.multiple-selection]=\"multiple\"\r\n        [class.search-focused]=\"searchFocused\"\r\n        [class.readonly]=\"disabled\">\r\n\r\n        <ng-container *ngIf=\"!searchFocused || multiple\">\r\n            <li *ngFor=\"let item of selectedItems\"\r\n                [class]=\"'select2-selected ' + getBadgeColor()\"\r\n                [class.badge]=\"multiple\">\r\n\r\n                <span class=\"selectedItemText\">{{item.text}}</span>\r\n                <div *ngIf=\"!disabled\" class=\"select2-selection-remove\" (click)=\"removeItem(item)\">\r\n                    <i *ngIf=\"deleteIcon\" [class]=\"deleteIcon\"></i>\r\n                    <button *ngIf=\"!deleteIcon\" (click)=\"removeItem(item)\" type=\"button\" class=\"btn-close\" [class.btn-close-white]=\"multiple\" aria-label=\"Close\"></button>\r\n                </div>\r\n\r\n            </li>\r\n        </ng-container>\r\n        <li class=\"select2-input\">\r\n            <input #termInput type=\"text\"\r\n                   [placeholder]=\"getPlaceholder()\"\r\n                   [formControl]=\"term\"\r\n                   [class.transparent]=\"!multiple && selectedItems.length > 0 && !searchFocused\"\r\n                   (focus)=\"onFocus()\"\r\n                   (blur)=\"onBlur()\"\r\n                   (keyup)=\"onKeyUp($event)\"\r\n                   (keydown)=\"onKeyDown($event)\"\r\n                   (keypress)=\"onKeyPress($event)\"\r\n                   *ngIf=\"!disabled\"/>\r\n        </li>\r\n\r\n        <div *ngIf=\"!disabled && (multiple || (!multiple && selectedItems.length === 0))\" class=\"caret\">\r\n            <span *ngIf=\"!searchIcon\" class=\"caret-symbol\">&#9660;</span>\r\n            <span [class]=\"searchIcon\" *ngIf=\"searchIcon && minimumInputLength===0\"\r\n                  (click)=\"focusAndShowResults()\"></span>\r\n            <span [class]=\"searchIcon\" *ngIf=\"searchIcon && minimumInputLength!==0\"></span>\r\n        </div>\r\n\r\n    </ul>\r\n\r\n    <div class=\"results-container\" *ngIf=\"resultsVisible\">\r\n        <span class=\"results-msg\" *ngIf=\"listData && (listData.length + selectedItems.length) < resultsCount\">\r\n            {{getCountMessage()}}\r\n        </span>\r\n        <span class=\"results-msg no-results-msg\" *ngIf=\"searchFocused && listData && listData.length === 0\">\r\n            {{messages && messages.noResultsAvailableMsg ? messages.noResultsAvailableMsg : NO_RESULTS_MSG}}\r\n        </span>\r\n        <iq-select2-results #results [selectedItems]=\"selectedItems\" [items]=\"listData\"\r\n                            (itemSelectedEvent)=\"onItemSelected($event);\"\r\n                            [templateRef]=\"templateRef\"\r\n                            [searchFocused]=\"searchFocused\"></iq-select2-results>\r\n    </div>\r\n</div>\r\n", styles: ["ul{list-style-type:none;position:relative}ul li{display:inline-block}ul.simple-selection li{display:block}input{border:none;padding:0}input:focus{outline:none}.simple-selection input.transparent{opacity:0;position:absolute;inset:0 30px 0 0}.form-control-sm ul,.form-control-lg ul{padding:2px 8px}.caret{position:absolute;right:8px;font-size:8px;top:0;bottom:0;line-height:38px}.form-control-sm .caret{line-height:31px}.form-control-lg .caret{line-height:48px;right:12px}.select2-container{position:relative}.results-container{position:absolute;margin-top:-6px;width:100%;z-index:3}div.select2-selection-remove{position:absolute;right:10px;top:0;display:inline-block}.multiple-selection .select2-selected{margin:0 1px 2px;--bs-badge-font-size: 1em;display:inline-flex;align-items:center;gap:.2em}.multiple-selection div.select2-selection-remove{position:relative;right:initial}div.select2-selection-remove:hover{cursor:pointer}.multiple-selection div.select2-selection-remove{display:flex;align-items:center}div.select2-selection-remove .btn-close{width:.3em;height:.3em;padding:.2em}.select2-container .search-focused{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.results-msg{display:block;position:relative;margin-top:-10px;margin-bottom:10px;font-size:.8em;padding:3px 5px;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-bottom:1px solid #ced4da;background:#fafafa}.readonly{background-color:#eaecf0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: ["items", "searchFocused", "selectedItems", "templateRef"], outputs: ["itemSelectedEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.4", type: IqSelect2Component, selector: "iq-select2", inputs: { dataSourceProvider: "dataSourceProvider", selectedProvider: "selectedProvider", iqSelect2ItemAdapter: "iqSelect2ItemAdapter", referenceMode: "referenceMode", multiple: "multiple", inputContainerClass: "inputContainerClass", placeholder: "placeholder", disabled: "disabled", maxResults: "maxResults", clientMode: "clientMode", badgeColor: "badgeColor", wrapSelectedText: "wrapSelectedText", debounceDelay: "debounceDelay", debounceLength: "debounceLength", iconCaret: "iconCaret", iconDelete: "iconDelete", messageMoreResults: "messageMoreResults", messageNoResults: "messageNoResults" }, outputs: { onSelect: "onSelect", onRemove: "onRemove" }, providers: [VALUE_ACCESSOR], viewQueries: [{ propertyName: "termInput", first: true, predicate: ["termInput"], descendants: true }, { propertyName: "results", first: true, predicate: ["results"], descendants: true }], ngImport: i0, template: "<div class=\"select2-container\">\r\n  <div\r\n    class=\"select2-inner-container\" [ngClass]=\"inputContainerClass ? inputContainerClass : ''\"\r\n    [class.simple-selection]=\"!multiple\" [class.multiple-selection]=\"multiple\"\r\n    [class.search-focused]=\"searchFocused\" [class.readonly]=\"disabled\"\r\n    (click)=\"focusAndShowResults()\"\r\n  >\r\n    <ul class=\"select2-selection-container\">\r\n      <ng-container *ngIf=\"!searchFocused || multiple\">\r\n        <li *ngFor=\"let item of selectedItems\" class=\"select2-selected\">\r\n          <span class=\"select2-selected-item\" [ngStyle]=\"{whitespace: wrapSelectedText}\" [title]=\"item.text\">{{item.text}}</span>\r\n          <button *ngIf=\"!disabled\" class=\"select2-icon\" aria-label=\"Close\" (click)=\"removeItem(item)\">\r\n            <span class=\"select2-selection-remove\" [innerHTML]=\"iconDelete\"></span>\r\n          </button>\r\n        </li>\r\n      </ng-container>\r\n\r\n      <li class=\"select2-input-container\">\r\n        <input #termInput *ngIf=\"!disabled\" [formControl]=\"term\" type=\"text\" [placeholder]=\"getPlaceholder()\"\r\n          [class.transparent]=\"!multiple && selectedItems.length > 0 && !searchFocused\"\r\n          (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n          (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\"\r\n        />\r\n      </li>\r\n    </ul>\r\n\r\n    <div *ngIf=\"(multiple || (!multiple && selectedItems.length === 0))\" class=\"select2-icon\">\r\n      <span class=\"select2-selection-caret\" [innerHTML]=\"iconCaret\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <iq-select2-results *ngIf=\"!disabled\" #results [resultsVisible]=\"resultsVisible\"\r\n    [items]=\"listData\" [selectedItems]=\"selectedItems\" [maxResults]=\"maxResults\"\r\n    [messageMoreResults]=\"messageMoreResults\" [messageNoResults]=\"messageNoResults\"\r\n    [templateRef]=\"templateRef\" (onItemSelected)=\"onItemSelected($event);\"\r\n  >\r\n  </iq-select2-results>\r\n</div>\r\n", styles: [".select2-container{position:relative;width:100%;--select2-color-background: hsl(0, 0%, 96%);--select2-color-border: hsl(0, 0%, 90%);--select2-color-disabled: hsl(220, 20%, 90%);--select2-color-focused-border: hsl(220, 100%, 80%);--select2-color-focused-shadow: hsla(220, 80%, 40%);--select2-color-scrollbar-track: hsl(0, 0%, 90%);--select2-color-scrollbar-thumb: hsl(220, 25%, 25%);--select2-color-item-text: hsl(0, 0%, 96%);--select2-color-item-background: hsl(200, 90%, 50%);--select2-color-list-active: hsl(200, 70%, 70%);--select2-color-list-selected: hsl(200, 70%, 50%)}.select2-inner-container{display:grid;grid-template-columns:1fr min-content;gap:.2em}.select2-inner-container.search-focused{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-background);border-color:var(--select2-color-focused-border);outline:0;box-shadow:0 0 0 .1rem var(--select2-color-focused-shadow)}.simple-selection .select2-selection-container{display:grid;grid-auto-columns:100%}.simple-selection .select2-selection-container>*{grid-area:1 / 1}.simple-selection .select2-selected{width:100%;padding:0}.simple-selection input.transparent{opacity:0}.multiple-selection .select2-selected{color:var(--select2-color-item-text);background-color:var(--select2-color-item-background);padding:.1em .4em;border-radius:.25em;max-width:100%}.select2-selection-container{width:100%;display:flex;flex-flow:row wrap;align-items:baseline;justify-content:flex-start;gap:.2em;overflow:hidden;list-style-type:none;padding:0;margin:0}.select2-selected{display:inline-flex;flex-flow:row nowrap;align-items:baseline;justify-content:space-between;gap:.2em;padding:.25em}.select2-input-container{flex-grow:1}.select2-input-container input{background-color:transparent;border:none;outline:none;padding:0;width:100%}.select2-icon{color:inherit;font-size:1em;z-index:5;display:grid}.select2-icon:is(button){background-color:transparent;border:0;outline:0;padding:0}:not(.readonly)>.select2-icon{cursor:pointer}.select2-selected-item{width:100%;overflow:hidden;text-overflow:ellipsis}.readonly{background-color:var(--select2-color-disabled);cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: IqSelect2ResultsComponent, selector: "iq-select2-results", inputs: ["items", "maxResults", "messageMoreResults", "messageNoResults", "resultsVisible", "selectedItems", "templateRef"], outputs: ["onItemSelected"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImport: i0, type: IqSelect2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'iq-select2', providers: [VALUE_ACCESSOR], template: "<div class=\"select2-container\">\r\n    <ul (click)=\"focusAndShowResults()\"\r\n        [class]=\"getCss()\"\r\n        [class.simple-selection]=\"!multiple\"\r\n        [class.multiple-selection]=\"multiple\"\r\n        [class.search-focused]=\"searchFocused\"\r\n        [class.readonly]=\"disabled\">\r\n\r\n        <ng-container *ngIf=\"!searchFocused || multiple\">\r\n            <li *ngFor=\"let item of selectedItems\"\r\n                [class]=\"'select2-selected ' + getBadgeColor()\"\r\n                [class.badge]=\"multiple\">\r\n\r\n                <span class=\"selectedItemText\">{{item.text}}</span>\r\n                <div *ngIf=\"!disabled\" class=\"select2-selection-remove\" (click)=\"removeItem(item)\">\r\n                    <i *ngIf=\"deleteIcon\" [class]=\"deleteIcon\"></i>\r\n                    <button *ngIf=\"!deleteIcon\" (click)=\"removeItem(item)\" type=\"button\" class=\"btn-close\" [class.btn-close-white]=\"multiple\" aria-label=\"Close\"></button>\r\n                </div>\r\n\r\n            </li>\r\n        </ng-container>\r\n        <li class=\"select2-input\">\r\n            <input #termInput type=\"text\"\r\n                   [placeholder]=\"getPlaceholder()\"\r\n                   [formControl]=\"term\"\r\n                   [class.transparent]=\"!multiple && selectedItems.length > 0 && !searchFocused\"\r\n                   (focus)=\"onFocus()\"\r\n                   (blur)=\"onBlur()\"\r\n                   (keyup)=\"onKeyUp($event)\"\r\n                   (keydown)=\"onKeyDown($event)\"\r\n                   (keypress)=\"onKeyPress($event)\"\r\n                   *ngIf=\"!disabled\"/>\r\n        </li>\r\n\r\n        <div *ngIf=\"!disabled && (multiple || (!multiple && selectedItems.length === 0))\" class=\"caret\">\r\n            <span *ngIf=\"!searchIcon\" class=\"caret-symbol\">&#9660;</span>\r\n            <span [class]=\"searchIcon\" *ngIf=\"searchIcon && minimumInputLength===0\"\r\n                  (click)=\"focusAndShowResults()\"></span>\r\n            <span [class]=\"searchIcon\" *ngIf=\"searchIcon && minimumInputLength!==0\"></span>\r\n        </div>\r\n\r\n    </ul>\r\n\r\n    <div class=\"results-container\" *ngIf=\"resultsVisible\">\r\n        <span class=\"results-msg\" *ngIf=\"listData && (listData.length + selectedItems.length) < resultsCount\">\r\n            {{getCountMessage()}}\r\n        </span>\r\n        <span class=\"results-msg no-results-msg\" *ngIf=\"searchFocused && listData && listData.length === 0\">\r\n            {{messages && messages.noResultsAvailableMsg ? messages.noResultsAvailableMsg : NO_RESULTS_MSG}}\r\n        </span>\r\n        <iq-select2-results #results [selectedItems]=\"selectedItems\" [items]=\"listData\"\r\n                            (itemSelectedEvent)=\"onItemSelected($event);\"\r\n                            [templateRef]=\"templateRef\"\r\n                            [searchFocused]=\"searchFocused\"></iq-select2-results>\r\n    </div>\r\n</div>\r\n", styles: ["ul{list-style-type:none;position:relative}ul li{display:inline-block}ul.simple-selection li{display:block}input{border:none;padding:0}input:focus{outline:none}.simple-selection input.transparent{opacity:0;position:absolute;inset:0 30px 0 0}.form-control-sm ul,.form-control-lg ul{padding:2px 8px}.caret{position:absolute;right:8px;font-size:8px;top:0;bottom:0;line-height:38px}.form-control-sm .caret{line-height:31px}.form-control-lg .caret{line-height:48px;right:12px}.select2-container{position:relative}.results-container{position:absolute;margin-top:-6px;width:100%;z-index:3}div.select2-selection-remove{position:absolute;right:10px;top:0;display:inline-block}.multiple-selection .select2-selected{margin:0 1px 2px;--bs-badge-font-size: 1em;display:inline-flex;align-items:center;gap:.2em}.multiple-selection div.select2-selection-remove{position:relative;right:initial}div.select2-selection-remove:hover{cursor:pointer}.multiple-selection div.select2-selection-remove{display:flex;align-items:center}div.select2-selection-remove .btn-close{width:.3em;height:.3em;padding:.2em}.select2-container .search-focused{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.results-msg{display:block;position:relative;margin-top:-10px;margin-bottom:10px;font-size:.8em;padding:3px 5px;border-left:1px solid #ced4da;border-right:1px solid #ced4da;border-bottom:1px solid #ced4da;background:#fafafa}.readonly{background-color:#eaecf0}\n"] }]
+            args: [{ selector: 'iq-select2', providers: [VALUE_ACCESSOR], template: "<div class=\"select2-container\">\r\n  <div\r\n    class=\"select2-inner-container\" [ngClass]=\"inputContainerClass ? inputContainerClass : ''\"\r\n    [class.simple-selection]=\"!multiple\" [class.multiple-selection]=\"multiple\"\r\n    [class.search-focused]=\"searchFocused\" [class.readonly]=\"disabled\"\r\n    (click)=\"focusAndShowResults()\"\r\n  >\r\n    <ul class=\"select2-selection-container\">\r\n      <ng-container *ngIf=\"!searchFocused || multiple\">\r\n        <li *ngFor=\"let item of selectedItems\" class=\"select2-selected\">\r\n          <span class=\"select2-selected-item\" [ngStyle]=\"{whitespace: wrapSelectedText}\" [title]=\"item.text\">{{item.text}}</span>\r\n          <button *ngIf=\"!disabled\" class=\"select2-icon\" aria-label=\"Close\" (click)=\"removeItem(item)\">\r\n            <span class=\"select2-selection-remove\" [innerHTML]=\"iconDelete\"></span>\r\n          </button>\r\n        </li>\r\n      </ng-container>\r\n\r\n      <li class=\"select2-input-container\">\r\n        <input #termInput *ngIf=\"!disabled\" [formControl]=\"term\" type=\"text\" [placeholder]=\"getPlaceholder()\"\r\n          [class.transparent]=\"!multiple && selectedItems.length > 0 && !searchFocused\"\r\n          (focus)=\"onFocus()\" (blur)=\"onBlur()\"\r\n          (keyup)=\"onKeyUp($event)\" (keydown)=\"onKeyDown($event)\"\r\n        />\r\n      </li>\r\n    </ul>\r\n\r\n    <div *ngIf=\"(multiple || (!multiple && selectedItems.length === 0))\" class=\"select2-icon\">\r\n      <span class=\"select2-selection-caret\" [innerHTML]=\"iconCaret\"></span>\r\n    </div>\r\n  </div>\r\n\r\n  <iq-select2-results *ngIf=\"!disabled\" #results [resultsVisible]=\"resultsVisible\"\r\n    [items]=\"listData\" [selectedItems]=\"selectedItems\" [maxResults]=\"maxResults\"\r\n    [messageMoreResults]=\"messageMoreResults\" [messageNoResults]=\"messageNoResults\"\r\n    [templateRef]=\"templateRef\" (onItemSelected)=\"onItemSelected($event);\"\r\n  >\r\n  </iq-select2-results>\r\n</div>\r\n", styles: [".select2-container{position:relative;width:100%;--select2-color-background: hsl(0, 0%, 96%);--select2-color-border: hsl(0, 0%, 90%);--select2-color-disabled: hsl(220, 20%, 90%);--select2-color-focused-border: hsl(220, 100%, 80%);--select2-color-focused-shadow: hsla(220, 80%, 40%);--select2-color-scrollbar-track: hsl(0, 0%, 90%);--select2-color-scrollbar-thumb: hsl(220, 25%, 25%);--select2-color-item-text: hsl(0, 0%, 96%);--select2-color-item-background: hsl(200, 90%, 50%);--select2-color-list-active: hsl(200, 70%, 70%);--select2-color-list-selected: hsl(200, 70%, 50%)}.select2-inner-container{display:grid;grid-template-columns:1fr min-content;gap:.2em}.select2-inner-container.search-focused{color:invert(var(--select2-color-item-text));background-color:var(--select2-color-background);border-color:var(--select2-color-focused-border);outline:0;box-shadow:0 0 0 .1rem var(--select2-color-focused-shadow)}.simple-selection .select2-selection-container{display:grid;grid-auto-columns:100%}.simple-selection .select2-selection-container>*{grid-area:1 / 1}.simple-selection .select2-selected{width:100%;padding:0}.simple-selection input.transparent{opacity:0}.multiple-selection .select2-selected{color:var(--select2-color-item-text);background-color:var(--select2-color-item-background);padding:.1em .4em;border-radius:.25em;max-width:100%}.select2-selection-container{width:100%;display:flex;flex-flow:row wrap;align-items:baseline;justify-content:flex-start;gap:.2em;overflow:hidden;list-style-type:none;padding:0;margin:0}.select2-selected{display:inline-flex;flex-flow:row nowrap;align-items:baseline;justify-content:space-between;gap:.2em;padding:.25em}.select2-input-container{flex-grow:1}.select2-input-container input{background-color:transparent;border:none;outline:none;padding:0;width:100%}.select2-icon{color:inherit;font-size:1em;z-index:5;display:grid}.select2-icon:is(button){background-color:transparent;border:0;outline:0;padding:0}:not(.readonly)>.select2-icon{cursor:pointer}.select2-selected-item{width:100%;overflow:hidden;text-overflow:ellipsis}.readonly{background-color:var(--select2-color-disabled);cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { dataSourceProvider: [{
                 type: Input
             }], selectedProvider: [{
@@ -407,27 +388,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImpor
                 type: Input
             }], multiple: [{
                 type: Input
-            }], searchDelay: [{
-                type: Input
-            }], css: [{
+            }], inputContainerClass: [{
                 type: Input
             }], placeholder: [{
                 type: Input
-            }], minimumInputLength: [{
-                type: Input
             }], disabled: [{
                 type: Input
-            }], searchIcon: [{
+            }], maxResults: [{
                 type: Input
-            }], deleteIcon: [{
+            }], clientMode: [{
                 type: Input
-            }], messages: [{
+            }], badgeColor: [{
                 type: Input
-            }], resultsCount: [{
+            }], wrapSelectedText: [{
                 type: Input
-            }], clientMode: [{
+            }], debounceDelay: [{
                 type: Input
-            }], badgeColor: [{
+            }], debounceLength: [{
+                type: Input
+            }], iconCaret: [{
+                type: Input
+            }], iconDelete: [{
+                type: Input
+            }], messageMoreResults: [{
+                type: Input
+            }], messageNoResults: [{
                 type: Input
             }], onSelect: [{
                 type: Output
@@ -507,5 +492,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { IqSelect2Component, IqSelect2Module, IqSelect2ResultsComponent, IqSelect2TemplateDirective, Messages };
+export { IqSelect2Component, IqSelect2Module, IqSelect2ResultsComponent, IqSelect2TemplateDirective };
 //# sourceMappingURL=ng2-iq-select2-exe.mjs.map