@sourceloop/search-client 1.2.1 → 4.3.0

package/fesm2015/sourceloop-search-client.js

@@ -1,6 +1,6 @@
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import { HttpClientModule } from '@angular/common/http';
-import { InjectionToken, EventEmitter, Component, Inject, PLATFORM_ID, Input, Output, ViewChild, NgModule } from '@angular/core';
+import { InjectionToken, EventEmitter, Component, Inject, PLATFORM_ID, ChangeDetectorRef, Input, Output, ViewChild, NgModule } from '@angular/core';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { MatFormFieldModule } from '@angular/material/form-field';
@@ -24,15 +24,15 @@ const ALL_LABEL = 'All';
 class SearchComponent {
     constructor(searchService, 
     // tslint:disable-next-line:ban-types
-    platformId) {
+    platformId, cdr) {
         this.searchService = searchService;
         this.platformId = platformId;
+        this.cdr = cdr;
         this.searchBoxInput = '';
         this.suggestionsDisplay = false;
         this.categoryDisplay = false;
         this.searching = false;
         this.suggestions = [];
-        this.relevantSuggestions = [];
         this.recentSearches = [];
         this.category = ALL_LABEL;
         this.searchRequest$ = new Subject();
@@ -61,7 +61,7 @@ class SearchComponent {
             ];
         }
         else {
-            //do nothing
+            // do nothing
         }
     }
     ngOnInit() {
@@ -74,6 +74,7 @@ class SearchComponent {
                 category: this.category,
             });
             this.getSuggestions(value);
+            this.cdr.markForCheck();
         });
     }
     // ControlValueAccessor Implementation
@@ -92,6 +93,10 @@ class SearchComponent {
     }
     getSuggestions(eventValue) {
         var _a, _b, _c, _d, _e;
+        eventValue.input = eventValue.input.trim();
+        if (!eventValue.input.length) {
+            return;
+        }
         const order = (_a = this.config.order) !== null && _a !== void 0 ? _a : DEFAULT_ORDER;
         let orderString = '';
         order.forEach(preference => (orderString = `${orderString}${preference} `));
@@ -118,14 +123,17 @@ class SearchComponent {
             offset: (_e = this.config.offset) !== null && _e !== void 0 ? _e : DEFAULT_OFFSET,
         };
         this.searching = true;
+        this.cdr.markForCheck();
         this.searchService
             .searchApiRequest(requestParameters, saveInRecents)
             .subscribe((value) => {
             this.suggestions = value;
             this.searching = false;
+            this.cdr.markForCheck();
         }, (_error) => {
             this.suggestions = [];
             this.searching = false;
+            this.cdr.markForCheck();
         });
     }
     getRecentSearches() {
@@ -133,8 +141,10 @@ class SearchComponent {
             this.searchService.recentSearchApiRequest) {
             this.searchService.recentSearchApiRequest().subscribe((value) => {
                 this.recentSearches = value;
+                this.cdr.markForCheck();
             }, (_error) => {
                 this.recentSearches = [];
+                this.cdr.markForCheck();
             });
         }
     }
@@ -188,29 +198,13 @@ class SearchComponent {
     fetchModelImageUrlFromSuggestion(suggestion) {
         const modelName = suggestion['source'];
         let url;
-        this.config.models.forEach((model, i) => {
+        this.config.models.forEach(model => {
             if (model.name === modelName && model.imageUrl) {
                 url = model.imageUrl;
             }
         });
         return url;
     }
-    // also returns true if there are any suggestions related to the model
-    getSuggestionsFromModelName(modelName) {
-        this.relevantSuggestions = [];
-        this.suggestions.forEach(suggestion => {
-            const sourceModelName = suggestion['source'];
-            if (sourceModelName === modelName) {
-                this.relevantSuggestions.push(suggestion);
-            }
-        });
-        if (this.relevantSuggestions.length) {
-            return true;
-        }
-        else {
-            return false;
-        }
-    }
     boldString(str, substr) {
         const strRegExp = new RegExp(`(${substr})`, 'gi');
         const stringToMakeBold = str;
@@ -246,6 +240,7 @@ class SearchComponent {
     }
     resetInput() {
         this.searchBoxInput = '';
+        this.suggestions = [];
         this.suggestionsDisplay = true;
         this.focusInput();
         // ngModelChange doesn't detect change in value when populated from outside, hence calling manually
@@ -263,11 +258,35 @@ class SearchComponent {
             return [category];
         }
     }
+    getModelFromModelName(name) {
+        return this.config.models.find(item => item.name === name);
+    }
+    getModelsWithSuggestions() {
+        const modelsWithSuggestions = [];
+        const sources = [];
+        this.suggestions.forEach(suggestion => {
+            if (sources.indexOf(suggestion['source']) >= 0) {
+                modelsWithSuggestions.every(modelWithSuggestions => {
+                    if (modelWithSuggestions.model.name === suggestion['source']) {
+                        modelWithSuggestions.items.push(suggestion);
+                        return false;
+                    }
+                    return true;
+                });
+            }
+            else {
+                const model = this.getModelFromModelName(suggestion['source']);
+                modelsWithSuggestions.push({ model, items: [suggestion] });
+                sources.push(suggestion['source']);
+            }
+        });
+        return modelsWithSuggestions;
+    }
 }
 SearchComponent.decorators = [
     { type: Component, args: [{
                 selector: 'sourceloop-search',
-                template: "<div fxLayout fxLayoutAlign=\"start center\" class=\"toolbar-search\">\n  <mat-form-field appearance=\"outline\" class=\"toolbar-search-input\">\n    <input\n      matInput\n      autocomplete=\"off\"\n      type=\"text\"\n      [placeholder]=\"config.placeholder || 'Search'\"\n      #searchInput\n      name=\"searchInput\"\n      (focus)=\"showSuggestions()\"\n      (blur)=\"hideSuggestions()\"\n      [(ngModel)]=\"searchBoxInput\"\n      (keyup)=\"hitSearchApi($event)\"\n      placeholder=\"Search\"\n      (ngModelChange)=\"onChange(this.searchBoxInput)\"\n      [disabled]=\"disabled\"\n    />\n    <mat-icon matPrefix class=\"icomoon Search\"></mat-icon>\n    <mat-icon\n      *ngIf=\"searchBoxInput\"\n      matSuffix\n      class=\"icomoon close\"\n      (click)=\"resetInput()\"\n    ></mat-icon>\n  </mat-form-field>\n\n  <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\n    <mat-icon matSuffix class=\"icomoon arrow_down\"></mat-icon>\n    <mat-select\n      [value]=\"category\"\n      (selectionChange)=\"setCategory($event.value)\"\n      panelClass=\"search-select\"\n    >\n      <mat-option [value]=\"model.name\" *ngFor=\"let model of config.models\">\n        {{ model.displayName }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n\n<div class=\"search-container\">\n  <div *ngIf=\"suggestionsDisplay\" class=\"search-popup\">\n    <ng-container *ngIf=\"searchBoxInput\">\n      <span *ngIf=\"suggestions.length === 0\" class=\"search-message\">\n        <ng-container *ngIf=\"searching\"> searching... </ng-container>\n        <ng-container *ngIf=\"!searching\">\n          {{ config.noResultMessage }}\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"config.categorizeResults\">\n        <div class=\"search-result\" *ngFor=\"let model of config.models\">\n          <h3\n            *ngIf=\"getSuggestionsFromModelName(model.name)\"\n            class=\"suggestions-heading\"\n          >\n            <img\n              *ngIf=\"model.imageUrl\"\n              [src]=\"model.imageUrl\"\n              [alt]=\"model.displayName\"\n            />\n            {{ model.displayName }} ({{ relevantSuggestions?.length }})\n          </h3>\n          <ul>\n            <li\n              *ngFor=\"let suggestion of relevantSuggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n              class=\"suggestions\"\n            >\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!config.categorizeResults\">\n        <div class=\"search-result\">\n          <ul>\n            <li\n              *ngFor=\"let suggestion of suggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n            >\n              <!--Need to call fetchModelImageUrlFromSuggestion as each suggestion can come from different model-->\n              <img\n                *ngIf=\"\n                  !titleTemplate && fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\n                style=\"margin-right: 5px\"\n                alt=\"Img\"\n              />\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"!config.hideRecentSearch && recentSearches.length > 0\">\n      <div class=\"recent-searches\">\n        <h3 class=\"suggestions-heading\">Recent Searches</h3>\n        <ul>\n          <li\n            *ngFor=\"let recentSearch of recentSearches\"\n            class=\"suggestions\"\n            (mousedown)=\"populateValueRecentSearch(recentSearch, $event)\"\n          >\n            <svg\n              width=\"16\"\n              height=\"16\"\n              viewBox=\"0 0 16 16\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M2 6.5C2 8.981 4.0185 11 6.5 11C8.981 11 11 8.981 11 6.5C11 4.0185 8.981 2 6.5 2C4.0185 2 2 4.0185 2 6.5ZM1 6.5C1 3.4625 3.4625 1 6.5 1C9.5375 1 12 3.4625 12 6.5C12 9.5375 9.5375 12 6.5 12C3.4625 12 1 9.5375 1 6.5ZM10.7236 11.4306C10.9771 11.2131 11.2131 10.9771 11.4306 10.7236L15.0001 14.2926L14.2931 15.0001L10.7236 11.4306Z\"\n                fill=\"#9C9C9C\"\n              />\n            </svg>\n            <span>{{ recentSearch.match }}</span>\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n  </div>\n</div>\n",
+                template: "<div fxLayout fxLayoutAlign=\"start center\" class=\"toolbar-search\">\n  <mat-form-field appearance=\"outline\" class=\"toolbar-search-input\">\n    <input\n      matInput\n      autocomplete=\"off\"\n      type=\"text\"\n      [placeholder]=\"\n        config.placeholderFunction\n          ? config.placeholderFunction(searchInput.value, category)\n          : config.placeholder || 'Search'\n      \"\n      #searchInput\n      name=\"searchInput\"\n      (focus)=\"showSuggestions()\"\n      (blur)=\"hideSuggestions()\"\n      [(ngModel)]=\"searchBoxInput\"\n      (keyup)=\"hitSearchApi($event)\"\n      placeholder=\"Search\"\n      (ngModelChange)=\"onChange(this.searchBoxInput)\"\n      [disabled]=\"disabled\"\n    />\n    <mat-icon matPrefix [className]=\"config.searchIconClass\"></mat-icon>\n    <mat-icon\n      *ngIf=\"searchBoxInput\"\n      matSuffix\n      [className]=\"config.crossIconClass\"\n      (click)=\"resetInput()\"\n    ></mat-icon>\n  </mat-form-field>\n\n  <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\n    <mat-icon matSuffix [className]=\"config.dropDownButtonIconClass\"></mat-icon>\n    <mat-select\n      [value]=\"category\"\n      (selectionChange)=\"setCategory($event.value)\"\n      panelClass=\"search-select\"\n    >\n      <mat-option [value]=\"model.name\" *ngFor=\"let model of config.models\">\n        {{ model.displayName }}\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n</div>\n\n<div class=\"search-container\">\n  <div\n    *ngIf=\"suggestionsDisplay && (recentSearches.length || suggestions.length)\"\n    class=\"search-popup\"\n  >\n    <ng-container *ngIf=\"searchBoxInput\">\n      <span *ngIf=\"suggestions.length === 0\" class=\"search-message\">\n        <ng-container *ngIf=\"searching\"> searching... </ng-container>\n        <ng-container *ngIf=\"!searching\">\n          {{ config.noResultMessage }}\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"config.categorizeResults && suggestions.length\">\n        <div\n          class=\"search-result\"\n          *ngFor=\"let modelWithSuggestions of getModelsWithSuggestions()\"\n        >\n          <h3 class=\"suggestions-heading\">\n            <img\n              *ngIf=\"modelWithSuggestions.model.imageUrl\"\n              [src]=\"modelWithSuggestions.model.imageUrl\"\n              [alt]=\"modelWithSuggestions.model.displayName\"\n            />\n            {{ modelWithSuggestions.model.displayName }} ({{\n              modelWithSuggestions.items.length\n            }})\n          </h3>\n          <ul>\n            <li\n              *ngFor=\"let suggestion of modelWithSuggestions.items\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n              class=\"suggestions\"\n            >\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!config.categorizeResults\">\n        <div class=\"search-result\">\n          <ul>\n            <li\n              *ngFor=\"let suggestion of suggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n            >\n              <!--Need to call fetchModelImageUrlFromSuggestion as each suggestion can come from different model-->\n              <img\n                *ngIf=\"\n                  !titleTemplate && fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\n                style=\"margin-right: 5px\"\n                alt=\"Img\"\n              />\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"!config.hideRecentSearch && recentSearches.length > 0\">\n      <div class=\"recent-searches\">\n        <h3 class=\"suggestions-heading\">Recent Searches</h3>\n        <ul>\n          <li\n            *ngFor=\"let recentSearch of recentSearches\"\n            class=\"suggestions\"\n            (mousedown)=\"populateValueRecentSearch(recentSearch, $event)\"\n          >\n            <mat-icon\n              matPrefix\n              [className]=\"config.recentSearchIconClass\"\n            ></mat-icon>\n\n            <span>&nbsp;{{ recentSearch.match }}</span>\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n  </div>\n</div>\n",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
@@ -275,12 +294,13 @@ SearchComponent.decorators = [
                         multi: true,
                     },
                 ],
-                styles: [":host ::ng-deep .mat-form-field-wrapper{padding:0}:host ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix{margin-right:12px}.toolbar-search-input{width:360px}.toolbar-search-input ::ng-deep input{margin:0}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none;border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:#33333380;padding-bottom:4px}.icomoon.close{cursor:pointer}.icomoon.arrow_down{margin-bottom:4px}.toolbar-search-select{width:30%}.toolbar-search-select ::ng-deep .mat-select-arrow{opacity:0}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent;border-radius:0}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-infix{-webkit-padding-before:.7em!important}.toolbar-search{width:515px;background-color:#f7f7f7;border-radius:0 0 4px 4px}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{height:39px;align-items:center!important}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0}.toolbar-search ::ng-deep .mat-form-field-infix{height:auto!important}.search-container{position:relative;width:515px}.search-container .search-popup{padding:0 15px 15px;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0px;right:0px;z-index:9999;background-color:#fff;box-shadow:0 5px 4px #0003;border-radius:0 0 4px 4px}.search-container .search-popup hr{border:0;border-top:1px solid #ebebeb;margin:0;position:-webkit-sticky;position:sticky;top:0;padding:0 0 15px;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:16px;padding-top:12px}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:12px;margin-bottom:15px;padding-top:12px}.search-container .search-popup ul{padding:0;margin:0}.search-container .search-popup ul li{list-style:none;font-size:1rem;font-weight:400;line-height:1.5;color:#333}.search-container .search-popup ul li.suggestions{font-size:15px;line-height:36px;padding:0 15px 0 44px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:#fee8e8}.search-container .search-popup ul li.suggestions svg{margin-right:5px}.search-container .search-popup ul li.suggestions-categorize-false:hover{background-color:#fee8e8}.search-container .search-popup .search-result{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .search-result.no-categorize-result ul{width:100%;padding:0;margin:0 0 10px}.search-container .search-popup .search-result.no-categorize-result ul li{font-size:15px;line-height:36px;padding:0 15px 0 31px;display:flex;align-items:center;cursor:pointer}.search-container .search-popup .search-result.no-categorize-result ul li:hover{background-color:#fee8e8}.search-container .search-popup .search-result.no-categorize-result ul li img{width:18px;margin-right:9px}.search-container .search-popup .suggestions-heading{color:#9c9c9c;font-size:14px;font-weight:normal;margin:0 0 10px 17px;display:flex;align-items:center;position:relative}.search-container .search-popup .suggestions-heading .show-more{position:absolute;right:20px;color:#d1d1d1;font-size:12px;cursor:pointer;text-decoration:none}.search-container .search-popup .suggestions-heading .show-more :hover{text-decoration:underline}.search-container .search-popup .suggestions-heading img{width:18px;margin-right:9px}.search-container .search-popup .recent-searches{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .recent-searches ul{display:inline-block;width:100%}.search-container .search-popup .recent-searches ul li.suggestions{display:flex}.search-container .search-popup .recent-searches ul li.suggestions span{width:100%;overflow:hidden;text-overflow:ellipsis}.search-container .search-popup .recent-searches .suggestions{display:flex}.search-container .search-popup .recent-searches .suggestions-heading{margin-left:30px}.search-container .search-popup .recent-searches li.suggestions{padding-left:31px}::ng-deep .search-select.mat-select-panel{margin-top:30px;margin-left:10px}::ng-deep .search-select .mat-option-text{display:contents!important}::ng-deep .toolbar-search .mat-form-field-infix{font-size:14px}::ng-deep .toolbar-search input{line-height:14px}::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-start,::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-end{background-color:#f1f3f4}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:1px!important;border-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:1px solid #a53159!important;border-left-style:none!important;border-right-style:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent!important;background-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#a53159!important;background-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:2px!important;border-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:2px solid #90003b!important;border-left-style:none!important;border-right-style:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent!important;background-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#90003b!important;background-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search .mat-select-arrow{opacity:0}\n"]
+                styles: [":host ::ng-deep .mat-form-field-wrapper{padding:0}:host ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix{margin-right:12px}.toolbar-search-input{width:86%}.toolbar-search-input ::ng-deep input{margin:0}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none;border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:#33333380;padding-bottom:4px}.icomoon.close{cursor:pointer}.toolbar-search-select{width:calc(100% - 86%)}.toolbar-search-select ::ng-deep .mat-select-arrow{opacity:0}.toolbar-search-select ::ng-deep .mat-select-arrow-wrapper{display:inline-block;width:1px}.toolbar-search-select ::ng-deep .mat-select-value-text{font-size:9px}.toolbar-search-select ::ng-deep .mat-form-field-suffix .mat-icon{width:12px;font-size:14px}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent;border-radius:0}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-infix{-webkit-padding-before:.7em!important}.toolbar-search{width:515px;background-color:#f7f7f7;border-radius:0 0 4px 4px}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{height:39px;align-items:center!important}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0}.toolbar-search ::ng-deep .mat-form-field-infix{height:auto!important}.search-container{position:relative;width:515px}.search-container .search-popup{padding:0 15px 15px;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0px;right:0px;z-index:9999;background-color:#fff;box-shadow:0 5px 4px #0003;border-radius:0 0 4px 4px}.search-container .search-popup hr{border:0;border-top:1px solid #ebebeb;margin:0;position:-webkit-sticky;position:sticky;top:0;padding:0 0 15px;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:16px;padding-top:12px}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:12px;margin-bottom:15px;padding-top:12px}.search-container .search-popup ul{padding:0;margin:0}.search-container .search-popup ul li{list-style:none;font-size:1rem;font-weight:400;line-height:1.5;color:#333}.search-container .search-popup ul li.suggestions{font-size:15px;line-height:36px;padding:0 15px 0 44px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:#fee8e8}.search-container .search-popup ul li.suggestions svg{margin-right:5px}.search-container .search-popup ul li.suggestions-categorize-false:hover{background-color:#fee8e8}.search-container .search-popup .search-result{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .search-result.no-categorize-result ul{width:100%;padding:0;margin:0 0 10px}.search-container .search-popup .search-result.no-categorize-result ul li{font-size:15px;line-height:36px;padding:0 15px 0 31px;display:flex;align-items:center;cursor:pointer}.search-container .search-popup .search-result.no-categorize-result ul li:hover{background-color:#fee8e8}.search-container .search-popup .search-result.no-categorize-result ul li img{width:18px;margin-right:9px}.search-container .search-popup .suggestions-heading{color:#9c9c9c;font-size:14px;font-weight:normal;margin:0 0 10px 17px;display:flex;align-items:center;position:relative}.search-container .search-popup .suggestions-heading .show-more{position:absolute;right:20px;color:#d1d1d1;font-size:12px;cursor:pointer;text-decoration:none}.search-container .search-popup .suggestions-heading .show-more :hover{text-decoration:underline}.search-container .search-popup .suggestions-heading img{width:18px;margin-right:9px}.search-container .search-popup .recent-searches{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .recent-searches ul{display:inline-block;width:100%}.search-container .search-popup .recent-searches ul li.suggestions{display:flex}.search-container .search-popup .recent-searches ul li.suggestions span{width:100%;overflow:hidden;text-overflow:ellipsis}.search-container .search-popup .recent-searches .suggestions{display:flex}.search-container .search-popup .recent-searches .suggestions-heading{margin-left:30px}.search-container .search-popup .recent-searches li.suggestions{padding-left:31px}::ng-deep .search-select.mat-select-panel{margin-top:30px;margin-left:10px}::ng-deep .search-select .mat-option-text{display:contents!important}::ng-deep .toolbar-search .mat-form-field-infix{font-size:14px}::ng-deep .toolbar-search input{line-height:14px}::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-start,::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-end{background-color:#f1f3f4}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:1px!important;border-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:1px solid #a53159!important;border-left-style:none!important;border-right-style:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent!important;background-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:1px!important;border-color:#a53159!important;background-color:#a53159!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff!important}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:2px!important;border-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:2px solid #90003b!important;border-left-style:none!important;border-right-style:none!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent!important;background-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:2px!important;border-color:#90003b!important;background-color:#90003b!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search .mat-select-arrow{opacity:0}\n"]
             },] }
 ];
 SearchComponent.ctorParameters = () => [
     { type: undefined, decorators: [{ type: Inject, args: [SEARCH_SERVICE_TOKEN,] }] },
-    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] }
+    { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+    { type: ChangeDetectorRef }
 ];
 SearchComponent.propDecorators = {
     config: [{ type: Input }],
@@ -312,17 +332,9 @@ SearchLibModule.decorators = [
 
 class Configuration {
     constructor(d) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        if (d.categorizeResults === false &&
-            (d.hideCategorizeButton === false || d.hideCategorizeButton === undefined)) {
-            throw new Error('You must provide hideCategorizeButton:true as categorizeResults is false');
-        }
-        if (d.saveInRecents === false && d.saveInRecentsOnlyOnEnter === true) {
-            throw new Error('You must provide saveInRecents:true for saveInRecentsOnlyOnEnter:true');
-        }
+        checkForError(d);
         this.displayPropertyName = d.displayPropertyName;
         this.models = d.models;
-        this.placeholder = (_a = d.placeholder) !== null && _a !== void 0 ? _a : 'Search';
         /* IRequestParameters - will be given default values before call is made in case undefined/null,
         otherwise there ! is used on which sonar gives code smell */
         this.limit = d.limit;
@@ -330,14 +342,59 @@ class Configuration {
         this.order = d.order;
         this.offset = d.offset;
         this.saveInRecents = d.saveInRecents;
-        this.categorizeResults = (_b = d.categorizeResults) !== null && _b !== void 0 ? _b : true;
-        this.hideRecentSearch = (_c = d.hideRecentSearch) !== null && _c !== void 0 ? _c : false;
-        this.hideCategorizeButton = (_d = d.hideCategorizeButton) !== null && _d !== void 0 ? _d : false;
-        this.saveInRecentsOnlyOnEnter = (_e = d.saveInRecentsOnlyOnEnter) !== null && _e !== void 0 ? _e : false;
-        this.searchOnlyOnEnter = (_f = d.searchOnlyOnEnter) !== null && _f !== void 0 ? _f : false;
-        this.noResultMessage = (_g = d.noResultMessage) !== null && _g !== void 0 ? _g : 'No result found';
+        const displayTexts = setDisplayText(d);
+        this.noResultMessage = displayTexts.noResultMessage;
+        this.placeholder = displayTexts.placeholder;
+        this.placeholderFunction = displayTexts.placeholderFunction;
+        const searchConfig = setSearchConfig(d);
+        this.categorizeResults = searchConfig.categorizeResults;
+        this.hideRecentSearch = searchConfig.hideRecentSearch;
+        this.hideCategorizeButton = searchConfig.hideCategorizeButton;
+        this.saveInRecentsOnlyOnEnter = searchConfig.saveInRecentsOnlyOnEnter;
+        this.searchOnlyOnEnter = searchConfig.searchOnlyOnEnter;
+        const classes = setIconClasses(d);
+        this.searchIconClass = classes.searchIconClass;
+        this.crossIconClass = classes.crossIconClass;
+        this.dropDownButtonIconClass = classes.dropDownButtonIconClass;
+        this.recentSearchIconClass = classes.recentSearchIconClass;
     }
 }
+function checkForError(d) {
+    if (d.categorizeResults === false &&
+        (d.hideCategorizeButton === false || d.hideCategorizeButton === undefined)) {
+        throw new Error('You must provide hideCategorizeButton:true as categorizeResults is false');
+    }
+    if (d.saveInRecents === false && d.saveInRecentsOnlyOnEnter === true) {
+        throw new Error('You must provide saveInRecents:true for saveInRecentsOnlyOnEnter:true');
+    }
+}
+function setDisplayText(d) {
+    var _a, _b;
+    return {
+        placeholder: (_a = d.placeholder) !== null && _a !== void 0 ? _a : 'Search',
+        noResultMessage: (_b = d.noResultMessage) !== null && _b !== void 0 ? _b : 'No result found',
+        placeholderFunction: d.placeholderFunction,
+    };
+}
+function setSearchConfig(d) {
+    var _a, _b, _c, _d, _e;
+    return {
+        categorizeResults: (_a = d.categorizeResults) !== null && _a !== void 0 ? _a : true,
+        hideRecentSearch: (_b = d.hideRecentSearch) !== null && _b !== void 0 ? _b : false,
+        hideCategorizeButton: (_c = d.hideCategorizeButton) !== null && _c !== void 0 ? _c : false,
+        saveInRecentsOnlyOnEnter: (_d = d.saveInRecentsOnlyOnEnter) !== null && _d !== void 0 ? _d : false,
+        searchOnlyOnEnter: (_e = d.searchOnlyOnEnter) !== null && _e !== void 0 ? _e : false,
+    };
+}
+function setIconClasses(d) {
+    var _a, _b, _c, _d;
+    return {
+        searchIconClass: (_a = d.searchIconClass) !== null && _a !== void 0 ? _a : 'icomoon Search',
+        crossIconClass: (_b = d.crossIconClass) !== null && _b !== void 0 ? _b : 'icomoon close',
+        dropDownButtonIconClass: (_c = d.dropDownButtonIconClass) !== null && _c !== void 0 ? _c : 'icomoon arrow_down',
+        recentSearchIconClass: (_d = d.recentSearchIconClass) !== null && _d !== void 0 ? _d : 'icomoon Search',
+    };
+}
 
 /*
  * Public API Surface of my-lib

package/fesm2015/sourceloop-search-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"sourceloop-search-client.js","sources":["../../projects/search-lib/src/lib/types.ts","../../projects/search-lib/src/lib/search/search.component.ts","../../projects/search-lib/src/lib/search-lib.module.ts","../../projects/search-lib/src/lib/lib-configuration.ts","../../projects/search-lib/src/public-api.ts","../../projects/search-lib/src/sourceloop-search-client.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {Observable} from 'rxjs';\n\nexport interface ISearchQuery {\n  match: string;\n  limit: number | null;\n  order: string | null;\n  limitByType: boolean | null;\n  offset: number | null;\n  sources: string[] | null;\n}\nexport interface IModel {\n  name: string;\n  displayName: string;\n  imageUrl?: string;\n  icon?: string;\n}\nexport interface IReturnType {\n  rank: number;\n  source: string;\n}\nexport interface IDefaultReturnType extends IReturnType {\n  name: string;\n  description: string;\n}\n\nexport interface ISearchService<T extends IReturnType> {\n  searchApiRequest(\n    requestParameters: ISearchQuery,\n    saveInRecents: boolean,\n  ): Observable<T[]>;\n  recentSearchApiRequest?(): Observable<ISearchQuery[]>;\n}\n\n// cant use T extends IReturnType here\nexport const SEARCH_SERVICE_TOKEN: InjectionToken<ISearchService<IReturnType>> =\n  new InjectionToken<ISearchService<IReturnType>>('Search_Service_Token');\n\nexport type RecentSearchEvent = {\n  event?: Event;\n  keyword: string;\n  category: string;\n};\n\nexport type ItemClickedEvent<T> = {\n  event: MouseEvent;\n  item: T;\n};\n\nexport type TypeEvent = {\n  event?: Event;\n  input: string;\n};\n// IRequestParameters default values\nexport const DEFAULT_LIMIT = 20;\nexport const DEFAULT_LIMIT_TYPE = false;\nexport const DEFAULT_ORDER = [];\nexport const DEBOUNCE_TIME = 1000;\nexport const DEFAULT_OFFSET = 0;\nexport const DEFAULT_SAVE_IN_RECENTS = true;\n","import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  PLATFORM_ID,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {Configuration} from '../lib-configuration';\nimport {Subject} from 'rxjs';\nimport {debounceTime, tap} from 'rxjs/operators';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {\n  ISearchService,\n  ISearchQuery,\n  SEARCH_SERVICE_TOKEN,\n  DEBOUNCE_TIME,\n  DEFAULT_LIMIT,\n  DEFAULT_LIMIT_TYPE,\n  DEFAULT_OFFSET,\n  DEFAULT_SAVE_IN_RECENTS,\n  DEFAULT_ORDER,\n  IReturnType,\n  RecentSearchEvent,\n  TypeEvent,\n  ItemClickedEvent,\n} from '../types';\nimport {isPlatformBrowser} from '@angular/common';\n\nconst ALL_LABEL = 'All';\n@Component({\n  selector: 'sourceloop-search',\n  templateUrl: './search.component.html',\n  styleUrls: ['./search.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SearchComponent,\n      multi: true,\n    },\n  ],\n})\nexport class SearchComponent<T extends IReturnType>\n  implements OnInit, OnDestroy, ControlValueAccessor\n{\n  searchBoxInput = '';\n  suggestionsDisplay = false;\n  categoryDisplay = false;\n  searching = false;\n  suggestions: T[] = [];\n  relevantSuggestions: T[] = [];\n  recentSearches: ISearchQuery[] = [];\n  category: string = ALL_LABEL;\n  searchRequest$ = new Subject<{input: string; event: Event}>();\n\n  private _config!: Configuration<T>;\n  public get config(): Configuration<T> {\n    return this._config;\n  }\n  @Input()\n  public set config(value: Configuration<T>) {\n    this._config = value;\n\n    if (value && value.models) {\n      value.models.unshift({\n        name: ALL_LABEL,\n        displayName: ALL_LABEL,\n      });\n    } else if (value && !value.models) {\n      value.models = [\n        {\n          name: ALL_LABEL,\n          displayName: ALL_LABEL,\n        },\n      ];\n    } else {\n      //do nothing\n    }\n  }\n\n  @Input() titleTemplate?: TemplateRef<any>;\n  @Input() subtitleTemplate?: TemplateRef<any>;\n  // emitted when user clicks one of the suggested results (including recent search sugestions)\n  @Output() clicked = new EventEmitter<ItemClickedEvent<T>>();\n  @Output() searched = new EventEmitter<RecentSearchEvent>();\n  /* emitted when user makes search request (including recent search requests & requests made on change in category from dropdown)\n  In case of recent search Array of recent Search request result is emitted */\n\n  onChange!: (value: string | undefined) => void;\n  onTouched!: () => void;\n  disabled = false;\n\n  @ViewChild('searchInput') public searchInputElement!: ElementRef;\n\n  constructor(\n    @Inject(SEARCH_SERVICE_TOKEN)\n    private readonly searchService: ISearchService<T>,\n    // tslint:disable-next-line:ban-types\n    @Inject(PLATFORM_ID) private readonly platformId: Object,\n  ) {}\n\n  ngOnInit(): void {\n    this.searchRequest$\n      .pipe(\n        tap(v => (this.suggestions = [])),\n        debounceTime(DEBOUNCE_TIME),\n      )\n      .subscribe((value: TypeEvent) => {\n        this.searched.emit({\n          event: value.event,\n          keyword: value.input,\n          category: this.category,\n        });\n        this.getSuggestions(value);\n      });\n  }\n\n  // ControlValueAccessor Implementation\n  writeValue(value: string): void {\n    this.searchBoxInput = value;\n  }\n  // When the value in the UI is changed, this method will invoke a callback function\n  registerOnChange(fn: (value: string | undefined) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  getSuggestions(eventValue: TypeEvent) {\n    const order = this.config.order ?? DEFAULT_ORDER;\n    let orderString = '';\n    order.forEach(preference => (orderString = `${orderString}${preference} `));\n\n    let saveInRecents = this.config.saveInRecents ?? DEFAULT_SAVE_IN_RECENTS;\n    if (this.config.saveInRecents && this.config.saveInRecentsOnlyOnEnter) {\n      if (\n        !eventValue.event ||\n        (eventValue.event instanceof KeyboardEvent &&\n          eventValue.event.key === 'Enter')\n      ) {\n        saveInRecents = true; // save in recents only on enter or change in category\n      } else {\n        // do not save in recent search on typing\n        saveInRecents = false;\n      }\n    }\n    /* need to put default value here and not in contructor\n    because sonar was giving code smell with definite assertion as all these parameters are optional */\n    const requestParameters: ISearchQuery = {\n      match: eventValue.input,\n      sources: this._categoryToSourceName(this.category),\n      limit: this.config.limit ?? DEFAULT_LIMIT,\n      limitByType: this.config.limitByType ?? DEFAULT_LIMIT_TYPE,\n      order: orderString,\n      offset: this.config.offset ?? DEFAULT_OFFSET,\n    };\n\n    this.searching = true;\n    this.searchService\n      .searchApiRequest(requestParameters, saveInRecents)\n      .subscribe(\n        (value: T[]) => {\n          this.suggestions = value;\n          this.searching = false;\n        },\n        (_error: Error) => {\n          this.suggestions = [];\n          this.searching = false;\n        },\n      );\n  }\n  getRecentSearches() {\n    if (\n      !this.config.hideRecentSearch &&\n      this.searchService.recentSearchApiRequest\n    ) {\n      this.searchService.recentSearchApiRequest().subscribe(\n        (value: ISearchQuery[]) => {\n          this.recentSearches = value;\n        },\n        (_error: Error) => {\n          this.recentSearches = [];\n        },\n      );\n    }\n  }\n\n  // event can be KeyBoardEvent or Event of type 'change' fired on change in value of drop down for category\n  hitSearchApi(event?: Event) {\n    // this will happen only in case user searches something and then erases it, we need to update recent search\n    if (!this.searchBoxInput) {\n      this.suggestions = [];\n      this.getRecentSearches();\n      return;\n    }\n\n    // no debounce time needed in case of searchOnlyOnEnter\n    if (this.config.searchOnlyOnEnter) {\n      if (!event || (event instanceof KeyboardEvent && event.key === 'Enter')) {\n        this.getSuggestions({input: this.searchBoxInput, event});\n      }\n      return;\n    }\n\n    // no debounce time needed in case of change in category\n    if (!event) {\n      this.getSuggestions({input: this.searchBoxInput, event});\n      return;\n    }\n\n    this.searchRequest$.next({\n      input: this.searchBoxInput,\n      event,\n    });\n  }\n\n  populateValue(suggestion: T, event: MouseEvent) {\n    const value = suggestion[\n      this.config.displayPropertyName\n    ] as unknown as string; // converted to string to assign value to searchBoxInput\n    this.searchBoxInput = value;\n    this.suggestionsDisplay = false;\n    // ngModelChange doesn't detect change in value when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected suggestion - just in case user reopens search input\n    this.getSuggestions({input: this.searchBoxInput, event});\n    this.clicked.emit({item: suggestion, event});\n  }\n  populateValueRecentSearch(recentSearch: ISearchQuery, event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n    const value = recentSearch['match'];\n    this.searchBoxInput = value;\n    this.suggestionsDisplay = false;\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected suggestion - just in case user reopens search input\n    this.getSuggestions({input: this.searchBoxInput, event});\n    this.focusInput();\n    this.showSuggestions();\n  }\n\n  fetchModelImageUrlFromSuggestion(suggestion: T) {\n    const modelName = suggestion[\n      'source' as unknown as keyof T\n    ] as unknown as string;\n    let url: string | undefined;\n    this.config.models.forEach((model, i) => {\n      if (model.name === modelName && model.imageUrl) {\n        url = model.imageUrl;\n      }\n    });\n    return url;\n  }\n\n  // also returns true if there are any suggestions related to the model\n  getSuggestionsFromModelName(modelName: string) {\n    this.relevantSuggestions = [];\n    this.suggestions.forEach(suggestion => {\n      const sourceModelName = suggestion[\n        'source' as keyof T\n      ] as unknown as string;\n      if (sourceModelName === modelName) {\n        this.relevantSuggestions.push(suggestion);\n      }\n    });\n    if (this.relevantSuggestions.length) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  boldString(str: T[keyof T] | string, substr: string) {\n    const strRegExp = new RegExp(`(${substr})`, 'gi');\n    const stringToMakeBold: string = str as unknown as string;\n    return stringToMakeBold.replace(strRegExp, `<b>$1</b>`);\n  }\n\n  hideSuggestions() {\n    this.suggestionsDisplay = false;\n    this.onTouched();\n  }\n\n  showSuggestions() {\n    this.suggestionsDisplay = true;\n    this.getRecentSearches();\n  }\n\n  focusInput() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.searchInputElement.nativeElement.focus();\n    }\n  }\n\n  setCategory(category: string) {\n    this.category = category;\n    this.categoryDisplay = false;\n    if (this.searchBoxInput) {\n      this.hitSearchApi();\n      this.focusInput();\n      this.showSuggestions();\n    }\n  }\n\n  showCategory() {\n    this.categoryDisplay = !this.categoryDisplay;\n  }\n\n  hideCategory() {\n    this.categoryDisplay = false;\n  }\n\n  resetInput() {\n    this.searchBoxInput = '';\n    this.suggestionsDisplay = true;\n    this.focusInput();\n    // ngModelChange doesn't detect change in value when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    this.getRecentSearches();\n  }\n  ngOnDestroy() {\n    this.searchRequest$.unsubscribe();\n  }\n\n  _categoryToSourceName(category: string) {\n    if (category === ALL_LABEL) {\n      return [];\n    } else {\n      return [category];\n    }\n  }\n}\n","import {CommonModule} from '@angular/common';\nimport {HttpClientModule} from '@angular/common/http';\nimport {NgModule} from '@angular/core';\nimport {FlexLayoutModule} from '@angular/flex-layout';\nimport {FormsModule} from '@angular/forms';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatSelectModule} from '@angular/material/select';\n\nimport {SearchComponent} from './search/search.component';\n\n@NgModule({\n  declarations: [SearchComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    HttpClientModule,\n    MatSelectModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    FlexLayoutModule,\n  ],\n  exports: [SearchComponent],\n})\nexport class SearchLibModule {}\n","import {IDefaultReturnType, IModel} from './types';\nexport class Configuration<T = IDefaultReturnType> {\n  /** property to be displayed in the results */\n  displayPropertyName: keyof T;\n  /** list of model configuration to be render and categorize search results */\n  models: IModel[];\n  /** max number of results (based on limitByType option) */\n  limit?: number;\n  /** apply limit on individual models, or on overall results */\n  limitByType?: boolean;\n  /** apply a particular ordering on results */\n  order?: string[];\n  /** offset for results in case limit is used */\n  offset?: number;\n  /** save the search query in recent history */\n  saveInRecents?: boolean;\n  /** a placeholder to display in the search box */\n  placeholder?: string;\n  /** categorize results on the basis of models provided */\n  categorizeResults?: boolean;\n  /** hides the recent search list */\n  hideRecentSearch?: boolean;\n  /** hide the category selection button */\n  hideCategorizeButton?: boolean;\n  /** save value in recent search only on enter or change in category, if false, also saved on typing */\n  saveInRecentsOnlyOnEnter?: boolean;\n  /** search only on enter key or when category is changed */\n  searchOnlyOnEnter?: boolean;\n  noResultMessage?: string;\n\n  constructor(d: Configuration<T>) {\n    if (\n      d.categorizeResults === false &&\n      (d.hideCategorizeButton === false || d.hideCategorizeButton === undefined)\n    ) {\n      throw new Error(\n        'You must provide hideCategorizeButton:true as categorizeResults is false',\n      );\n    }\n    if (d.saveInRecents === false && d.saveInRecentsOnlyOnEnter === true) {\n      throw new Error(\n        'You must provide saveInRecents:true for saveInRecentsOnlyOnEnter:true',\n      );\n    }\n    this.displayPropertyName = d.displayPropertyName;\n    this.models = d.models;\n\n    this.placeholder = d.placeholder ?? 'Search';\n    /* IRequestParameters - will be given default values before call is made in case undefined/null,\n    otherwise there ! is used on which sonar gives code smell */\n    this.limit = d.limit;\n    this.limitByType = d.limitByType;\n    this.order = d.order;\n    this.offset = d.offset;\n    this.saveInRecents = d.saveInRecents;\n\n    this.categorizeResults = d.categorizeResults ?? true;\n    this.hideRecentSearch = d.hideRecentSearch ?? false;\n    this.hideCategorizeButton = d.hideCategorizeButton ?? false;\n    this.saveInRecentsOnlyOnEnter = d.saveInRecentsOnlyOnEnter ?? false;\n    this.searchOnlyOnEnter = d.searchOnlyOnEnter ?? false;\n    this.noResultMessage = d.noResultMessage ?? 'No result found';\n  }\n}\n","/*\n * Public API Surface of my-lib\n */\n\nexport * from './lib/search-lib.module';\nexport * from './lib/search/search.component';\nexport * from './lib/lib-configuration';\nexport * from './lib/types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sourceloop-search-client.js","sources":["../../src/lib/types.ts","../../src/lib/search/search.component.ts","../../src/lib/search-lib.module.ts","../../src/lib/lib-configuration.ts","../../src/public-api.ts","../../src/sourceloop-search-client.ts"],"sourcesContent":["import {InjectionToken} from '@angular/core';\nimport {Observable} from 'rxjs';\n\nexport interface ISearchQuery {\n  match: string;\n  limit: number | null;\n  order: string | null;\n  limitByType: boolean | null;\n  offset: number | null;\n  sources: string[] | null;\n}\nexport interface IModel {\n  name: string;\n  displayName: string;\n  imageUrl?: string;\n  icon?: string;\n}\nexport interface IReturnType {\n  rank: number;\n  source: string;\n}\nexport interface IDefaultReturnType extends IReturnType {\n  name: string;\n  description: string;\n}\n\nexport interface ISearchService<T extends IReturnType> {\n  searchApiRequest(\n    requestParameters: ISearchQuery,\n    saveInRecents: boolean,\n  ): Observable<T[]>;\n  recentSearchApiRequest?(): Observable<ISearchQuery[]>;\n}\n\n// cant use T extends IReturnType here\nexport const SEARCH_SERVICE_TOKEN: InjectionToken<ISearchService<IReturnType>> =\n  new InjectionToken<ISearchService<IReturnType>>('Search_Service_Token');\n\nexport type RecentSearchEvent = {\n  event?: Event;\n  keyword: string;\n  category: string;\n};\n\nexport type ItemClickedEvent<T> = {\n  event: MouseEvent;\n  item: T;\n};\n\nexport type TypeEvent = {\n  event?: Event;\n  input: string;\n};\n// IRequestParameters default values\nexport const DEFAULT_LIMIT = 20;\nexport const DEFAULT_LIMIT_TYPE = false;\nexport const DEFAULT_ORDER = [];\nexport const DEBOUNCE_TIME = 1000;\nexport const DEFAULT_OFFSET = 0;\nexport const DEFAULT_SAVE_IN_RECENTS = true;\n","import {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  PLATFORM_ID,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {Configuration} from '../lib-configuration';\nimport {Subject} from 'rxjs';\nimport {debounceTime, tap} from 'rxjs/operators';\nimport {ControlValueAccessor, NG_VALUE_ACCESSOR} from '@angular/forms';\nimport {\n  ISearchService,\n  ISearchQuery,\n  SEARCH_SERVICE_TOKEN,\n  DEBOUNCE_TIME,\n  DEFAULT_LIMIT,\n  DEFAULT_LIMIT_TYPE,\n  DEFAULT_OFFSET,\n  DEFAULT_SAVE_IN_RECENTS,\n  DEFAULT_ORDER,\n  IReturnType,\n  RecentSearchEvent,\n  TypeEvent,\n  ItemClickedEvent,\n  IModel,\n} from '../types';\nimport {isPlatformBrowser} from '@angular/common';\n\nconst ALL_LABEL = 'All';\n@Component({\n  selector: 'sourceloop-search',\n  templateUrl: './search.component.html',\n  styleUrls: ['./search.component.scss'],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: SearchComponent,\n      multi: true,\n    },\n  ],\n})\nexport class SearchComponent<T extends IReturnType>\n  implements OnInit, OnDestroy, ControlValueAccessor\n{\n  searchBoxInput = '';\n  suggestionsDisplay = false;\n  categoryDisplay = false;\n  searching = false;\n  suggestions: T[] = [];\n  recentSearches: ISearchQuery[] = [];\n  category: string = ALL_LABEL;\n  searchRequest$ = new Subject<{input: string; event: Event}>();\n\n  private _config!: Configuration<T>;\n  public get config(): Configuration<T> {\n    return this._config;\n  }\n  @Input()\n  public set config(value: Configuration<T>) {\n    this._config = value;\n\n    if (value && value.models) {\n      value.models.unshift({\n        name: ALL_LABEL,\n        displayName: ALL_LABEL,\n      });\n    } else if (value && !value.models) {\n      value.models = [\n        {\n          name: ALL_LABEL,\n          displayName: ALL_LABEL,\n        },\n      ];\n    } else {\n      // do nothing\n    }\n  }\n\n  @Input() titleTemplate?: TemplateRef<any>;\n  @Input() subtitleTemplate?: TemplateRef<any>;\n  // emitted when user clicks one of the suggested results (including recent search sugestions)\n  @Output() clicked = new EventEmitter<ItemClickedEvent<T>>();\n  @Output() searched = new EventEmitter<RecentSearchEvent>();\n  /* emitted when user makes search request (including recent search requests & requests made on change in category from dropdown)\n  In case of recent search Array of recent Search request result is emitted */\n\n  onChange!: (value: string | undefined) => void;\n  onTouched!: () => void;\n  disabled = false;\n\n  @ViewChild('searchInput') public searchInputElement!: ElementRef;\n\n  constructor(\n    @Inject(SEARCH_SERVICE_TOKEN)\n    private readonly searchService: ISearchService<T>,\n    // tslint:disable-next-line:ban-types\n    @Inject(PLATFORM_ID) private readonly platformId: Object,\n    private readonly cdr: ChangeDetectorRef,\n  ) {}\n\n  ngOnInit(): void {\n    this.searchRequest$\n      .pipe(\n        tap(v => (this.suggestions = [])),\n        debounceTime(DEBOUNCE_TIME),\n      )\n      .subscribe((value: TypeEvent) => {\n        this.searched.emit({\n          event: value.event,\n          keyword: value.input,\n          category: this.category,\n        });\n        this.getSuggestions(value);\n        this.cdr.markForCheck();\n      });\n  }\n\n  // ControlValueAccessor Implementation\n  writeValue(value: string): void {\n    this.searchBoxInput = value;\n  }\n  // When the value in the UI is changed, this method will invoke a callback function\n  registerOnChange(fn: (value: string | undefined) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  getSuggestions(eventValue: TypeEvent) {\n    eventValue.input = eventValue.input.trim();\n    if (!eventValue.input.length) {\n      return;\n    }\n    const order = this.config.order ?? DEFAULT_ORDER;\n    let orderString = '';\n    order.forEach(preference => (orderString = `${orderString}${preference} `));\n\n    let saveInRecents = this.config.saveInRecents ?? DEFAULT_SAVE_IN_RECENTS;\n    if (this.config.saveInRecents && this.config.saveInRecentsOnlyOnEnter) {\n      if (\n        !eventValue.event ||\n        (eventValue.event instanceof KeyboardEvent &&\n          eventValue.event.key === 'Enter')\n      ) {\n        saveInRecents = true; // save in recents only on enter or change in category\n      } else {\n        // do not save in recent search on typing\n        saveInRecents = false;\n      }\n    }\n    /* need to put default value here and not in contructor\n    because sonar was giving code smell with definite assertion as all these parameters are optional */\n    const requestParameters: ISearchQuery = {\n      match: eventValue.input,\n      sources: this._categoryToSourceName(this.category),\n      limit: this.config.limit ?? DEFAULT_LIMIT,\n      limitByType: this.config.limitByType ?? DEFAULT_LIMIT_TYPE,\n      order: orderString,\n      offset: this.config.offset ?? DEFAULT_OFFSET,\n    };\n\n    this.searching = true;\n    this.cdr.markForCheck();\n    this.searchService\n      .searchApiRequest(requestParameters, saveInRecents)\n      .subscribe(\n        (value: T[]) => {\n          this.suggestions = value;\n          this.searching = false;\n          this.cdr.markForCheck();\n        },\n        (_error: Error) => {\n          this.suggestions = [];\n          this.searching = false;\n          this.cdr.markForCheck();\n        },\n      );\n  }\n  getRecentSearches() {\n    if (\n      !this.config.hideRecentSearch &&\n      this.searchService.recentSearchApiRequest\n    ) {\n      this.searchService.recentSearchApiRequest().subscribe(\n        (value: ISearchQuery[]) => {\n          this.recentSearches = value;\n          this.cdr.markForCheck();\n        },\n        (_error: Error) => {\n          this.recentSearches = [];\n          this.cdr.markForCheck();\n        },\n      );\n    }\n  }\n\n  // event can be KeyBoardEvent or Event of type 'change' fired on change in value of drop down for category\n  hitSearchApi(event?: Event) {\n    // this will happen only in case user searches something and then erases it, we need to update recent search\n    if (!this.searchBoxInput) {\n      this.suggestions = [];\n      this.getRecentSearches();\n      return;\n    }\n\n    // no debounce time needed in case of searchOnlyOnEnter\n    if (this.config.searchOnlyOnEnter) {\n      if (!event || (event instanceof KeyboardEvent && event.key === 'Enter')) {\n        this.getSuggestions({input: this.searchBoxInput, event});\n      }\n      return;\n    }\n\n    // no debounce time needed in case of change in category\n    if (!event) {\n      this.getSuggestions({input: this.searchBoxInput, event});\n      return;\n    }\n\n    this.searchRequest$.next({\n      input: this.searchBoxInput,\n      event,\n    });\n  }\n\n  populateValue(suggestion: T, event: MouseEvent) {\n    const value = suggestion[\n      this.config.displayPropertyName\n    ] as unknown as string; // converted to string to assign value to searchBoxInput\n    this.searchBoxInput = value;\n    this.suggestionsDisplay = false;\n    // ngModelChange doesn't detect change in value when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected suggestion - just in case user reopens search input\n    this.getSuggestions({input: this.searchBoxInput, event});\n    this.clicked.emit({item: suggestion, event});\n  }\n  populateValueRecentSearch(recentSearch: ISearchQuery, event: MouseEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n    const value = recentSearch['match'];\n    this.searchBoxInput = value;\n    this.suggestionsDisplay = false;\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected suggestion - just in case user reopens search input\n    this.getSuggestions({input: this.searchBoxInput, event});\n    this.focusInput();\n    this.showSuggestions();\n  }\n\n  fetchModelImageUrlFromSuggestion(suggestion: T) {\n    const modelName = suggestion[\n      'source' as unknown as keyof T\n    ] as unknown as string;\n    let url: string | undefined;\n    this.config.models.forEach(model => {\n      if (model.name === modelName && model.imageUrl) {\n        url = model.imageUrl;\n      }\n    });\n    return url;\n  }\n\n  boldString(str: T[keyof T] | string, substr: string) {\n    const strRegExp = new RegExp(`(${substr})`, 'gi');\n    const stringToMakeBold: string = str as unknown as string;\n    return stringToMakeBold.replace(strRegExp, `<b>$1</b>`);\n  }\n\n  hideSuggestions() {\n    this.suggestionsDisplay = false;\n    this.onTouched();\n  }\n\n  showSuggestions() {\n    this.suggestionsDisplay = true;\n    this.getRecentSearches();\n  }\n\n  focusInput() {\n    if (isPlatformBrowser(this.platformId)) {\n      this.searchInputElement.nativeElement.focus();\n    }\n  }\n\n  setCategory(category: string) {\n    this.category = category;\n    this.categoryDisplay = false;\n    if (this.searchBoxInput) {\n      this.hitSearchApi();\n      this.focusInput();\n      this.showSuggestions();\n    }\n  }\n\n  showCategory() {\n    this.categoryDisplay = !this.categoryDisplay;\n  }\n\n  hideCategory() {\n    this.categoryDisplay = false;\n  }\n\n  resetInput() {\n    this.searchBoxInput = '';\n    this.suggestions = [];\n    this.suggestionsDisplay = true;\n    this.focusInput();\n    // ngModelChange doesn't detect change in value when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    this.getRecentSearches();\n  }\n  ngOnDestroy() {\n    this.searchRequest$.unsubscribe();\n  }\n\n  _categoryToSourceName(category: string) {\n    if (category === ALL_LABEL) {\n      return [];\n    } else {\n      return [category];\n    }\n  }\n  getModelFromModelName(name: string) {\n    return this.config.models.find(item => item.name === name) as IModel;\n  }\n  getModelsWithSuggestions() {\n    const modelsWithSuggestions: {model: IModel; items: T[]}[] = [];\n    const sources: string[] = [];\n    this.suggestions.forEach(suggestion => {\n      if (sources.indexOf(suggestion['source']) >= 0) {\n        modelsWithSuggestions.every(modelWithSuggestions => {\n          if (modelWithSuggestions.model.name === suggestion['source']) {\n            modelWithSuggestions.items.push(suggestion);\n            return false;\n          }\n          return true;\n        });\n      } else {\n        const model = this.getModelFromModelName(suggestion['source']);\n        modelsWithSuggestions.push({model, items: [suggestion]});\n        sources.push(suggestion['source']);\n      }\n    });\n    return modelsWithSuggestions;\n  }\n}\n","import {CommonModule} from '@angular/common';\nimport {HttpClientModule} from '@angular/common/http';\nimport {NgModule} from '@angular/core';\nimport {FlexLayoutModule} from '@angular/flex-layout';\nimport {FormsModule} from '@angular/forms';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatInputModule} from '@angular/material/input';\nimport {MatSelectModule} from '@angular/material/select';\n\nimport {SearchComponent} from './search/search.component';\n\n@NgModule({\n  declarations: [SearchComponent],\n  imports: [\n    CommonModule,\n    FormsModule,\n    HttpClientModule,\n    MatSelectModule,\n    MatFormFieldModule,\n    MatIconModule,\n    MatInputModule,\n    FlexLayoutModule,\n  ],\n  exports: [SearchComponent],\n})\nexport class SearchLibModule {}\n","import {IDefaultReturnType, IModel} from './types';\nexport class Configuration<T = IDefaultReturnType> {\n  /** property to be displayed in the results */\n  displayPropertyName: keyof T;\n  /** list of model configuration to be render and categorize search results */\n  models: IModel[];\n  /** max number of results (based on limitByType option) */\n  limit?: number;\n  /** apply limit on individual models, or on overall results */\n  limitByType?: boolean;\n  /** apply a particular ordering on results */\n  order?: string[];\n  /** offset for results in case limit is used */\n  offset?: number;\n  /** save the search query in recent history */\n  saveInRecents?: boolean;\n  /** a placeholder to display in the search box */\n  placeholder?: string;\n  /** a function to generate placeholder, overrides the placeholder property */\n  placeholderFunction?: (input: string, category: string) => string;\n  /** categorize results on the basis of models provided */\n  categorizeResults?: boolean;\n  /** hides the recent search list */\n  hideRecentSearch?: boolean;\n  /** hide the category selection button */\n  hideCategorizeButton?: boolean;\n  /** save value in recent search only on enter or change in category, if false, also saved on typing */\n  saveInRecentsOnlyOnEnter?: boolean;\n  /** search only on enter key or when category is changed */\n  searchOnlyOnEnter?: boolean;\n  noResultMessage?: string;\n  searchIconClass?: string;\n  crossIconClass?: string;\n  dropDownButtonIconClass?: string;\n  recentSearchIconClass?: string;\n\n  constructor(d: Configuration<T>) {\n    checkForError(d);\n    this.displayPropertyName = d.displayPropertyName;\n    this.models = d.models;\n\n    /* IRequestParameters - will be given default values before call is made in case undefined/null,\n    otherwise there ! is used on which sonar gives code smell */\n    this.limit = d.limit;\n    this.limitByType = d.limitByType;\n    this.order = d.order;\n    this.offset = d.offset;\n    this.saveInRecents = d.saveInRecents;\n\n    const displayTexts = setDisplayText(d);\n    this.noResultMessage = displayTexts.noResultMessage;\n    this.placeholder = displayTexts.placeholder;\n    this.placeholderFunction = displayTexts.placeholderFunction;\n\n    const searchConfig = setSearchConfig(d);\n    this.categorizeResults = searchConfig.categorizeResults;\n    this.hideRecentSearch = searchConfig.hideRecentSearch;\n    this.hideCategorizeButton = searchConfig.hideCategorizeButton;\n    this.saveInRecentsOnlyOnEnter = searchConfig.saveInRecentsOnlyOnEnter;\n    this.searchOnlyOnEnter = searchConfig.searchOnlyOnEnter;\n\n    const classes = setIconClasses(d);\n    this.searchIconClass = classes.searchIconClass;\n    this.crossIconClass = classes.crossIconClass;\n    this.dropDownButtonIconClass = classes.dropDownButtonIconClass;\n    this.recentSearchIconClass = classes.recentSearchIconClass;\n  }\n}\nfunction checkForError<T>(d: Configuration<T>) {\n  if (\n    d.categorizeResults === false &&\n    (d.hideCategorizeButton === false || d.hideCategorizeButton === undefined)\n  ) {\n    throw new Error(\n      'You must provide hideCategorizeButton:true as categorizeResults is false',\n    );\n  }\n  if (d.saveInRecents === false && d.saveInRecentsOnlyOnEnter === true) {\n    throw new Error(\n      'You must provide saveInRecents:true for saveInRecentsOnlyOnEnter:true',\n    );\n  }\n}\nfunction setDisplayText<T>(d: Configuration<T>) {\n  return {\n    placeholder: d.placeholder ?? 'Search',\n    noResultMessage: d.noResultMessage ?? 'No result found',\n    placeholderFunction: d.placeholderFunction,\n  };\n}\nfunction setSearchConfig<T>(d: Configuration<T>) {\n  return {\n    categorizeResults: d.categorizeResults ?? true,\n    hideRecentSearch: d.hideRecentSearch ?? false,\n    hideCategorizeButton: d.hideCategorizeButton ?? false,\n    saveInRecentsOnlyOnEnter: d.saveInRecentsOnlyOnEnter ?? false,\n    searchOnlyOnEnter: d.searchOnlyOnEnter ?? false,\n  };\n}\nfunction setIconClasses<T>(d: Configuration<T>) {\n  return {\n    searchIconClass: d.searchIconClass ?? 'icomoon Search',\n    crossIconClass: d.crossIconClass ?? 'icomoon close',\n    dropDownButtonIconClass: d.dropDownButtonIconClass ?? 'icomoon arrow_down',\n    recentSearchIconClass: d.recentSearchIconClass ?? 'icomoon Search',\n  };\n}\n","/*\n * Public API Surface of my-lib\n */\n\nexport * from './lib/search-lib.module';\nexport * from './lib/search/search.component';\nexport * from './lib/lib-configuration';\nexport * from './lib/types';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/lib-configuration.d.ts

@@ -16,6 +16,8 @@ export declare class Configuration<T = IDefaultReturnType> {
     saveInRecents?: boolean;
     /** a placeholder to display in the search box */
     placeholder?: string;
+    /** a function to generate placeholder, overrides the placeholder property */
+    placeholderFunction?: (input: string, category: string) => string;
     /** categorize results on the basis of models provided */
     categorizeResults?: boolean;
     /** hides the recent search list */
@@ -27,5 +29,9 @@ export declare class Configuration<T = IDefaultReturnType> {
     /** search only on enter key or when category is changed */
     searchOnlyOnEnter?: boolean;
     noResultMessage?: string;
+    searchIconClass?: string;
+    crossIconClass?: string;
+    dropDownButtonIconClass?: string;
+    recentSearchIconClass?: string;
     constructor(d: Configuration<T>);
 }

package/lib/search/search.component.d.ts

@@ -1,17 +1,17 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, TemplateRef } from '@angular/core';
 import { Configuration } from '../lib-configuration';
 import { Subject } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
-import { ISearchService, ISearchQuery, IReturnType, RecentSearchEvent, TypeEvent, ItemClickedEvent } from '../types';
+import { ISearchService, ISearchQuery, IReturnType, RecentSearchEvent, TypeEvent, ItemClickedEvent, IModel } from '../types';
 export declare class SearchComponent<T extends IReturnType> implements OnInit, OnDestroy, ControlValueAccessor {
     private readonly searchService;
     private readonly platformId;
+    private readonly cdr;
     searchBoxInput: string;
     suggestionsDisplay: boolean;
     categoryDisplay: boolean;
     searching: boolean;
     suggestions: T[];
-    relevantSuggestions: T[];
     recentSearches: ISearchQuery[];
     category: string;
     searchRequest$: Subject<{
@@ -29,7 +29,7 @@ export declare class SearchComponent<T extends IReturnType> implements OnInit, O
     onTouched: () => void;
     disabled: boolean;
     searchInputElement: ElementRef;
-    constructor(searchService: ISearchService<T>, platformId: Object);
+    constructor(searchService: ISearchService<T>, platformId: Object, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     writeValue(value: string): void;
     registerOnChange(fn: (value: string | undefined) => void): void;
@@ -40,8 +40,7 @@ export declare class SearchComponent<T extends IReturnType> implements OnInit, O
     hitSearchApi(event?: Event): void;
     populateValue(suggestion: T, event: MouseEvent): void;
     populateValueRecentSearch(recentSearch: ISearchQuery, event: MouseEvent): void;
-    fetchModelImageUrlFromSuggestion(suggestion: T): string;
-    getSuggestionsFromModelName(modelName: string): boolean;
+    fetchModelImageUrlFromSuggestion(suggestion: T): string | undefined;
     boldString(str: T[keyof T] | string, substr: string): string;
     hideSuggestions(): void;
     showSuggestions(): void;
@@ -52,4 +51,9 @@ export declare class SearchComponent<T extends IReturnType> implements OnInit, O
     resetInput(): void;
     ngOnDestroy(): void;
     _categoryToSourceName(category: string): string[];
+    getModelFromModelName(name: string): IModel;
+    getModelsWithSuggestions(): {
+        model: IModel;
+        items: T[];
+    }[];
 }

package/lib/search/search.component.ngfactory.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/search/search.component.scss.shim.ngstyle.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/search-lib.module.ngfactory.d.ts

@@ -0,0 +1,3 @@
+import * as i0 from '@angular/core';
+import * as i1 from './search-lib.module';
+export declare const SearchLibModuleNgFactory: i0.NgModuleFactory<i1.SearchLibModule>;

package/lib/types.d.ts

@@ -42,7 +42,7 @@ export declare type TypeEvent = {
 };
 export declare const DEFAULT_LIMIT = 20;
 export declare const DEFAULT_LIMIT_TYPE = false;
-export declare const DEFAULT_ORDER: any[];
+export declare const DEFAULT_ORDER: never[];
 export declare const DEBOUNCE_TIME = 1000;
 export declare const DEFAULT_OFFSET = 0;
 export declare const DEFAULT_SAVE_IN_RECENTS = true;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@sourceloop/search-client",
-  "version": "1.2.1",
+  "version": "4.3.0",
   "description": "A global search component for search microservice",
   "peerDependencies": {
     "@angular/animations": "~12.1.5",
-    "@angular/common": "^12.1.5",
+    "@angular/cdk": ">=10.2.0 <13.0.0",
+    "@angular/common": "~12.1.5",
     "@angular/compiler": "~12.1.5",
-    "@angular/core": "^12.1.5",
-    "@angular/cdk": "^10.2.0",
-    "@angular/flex-layout": "^10.0.0-beta.32",
-    "@angular/material": "^10.2.0",
+    "@angular/core": "~12.1.5",
+    "@angular/flex-layout": "10.0.0-beta.32 - 12.0.0-beta.35",
     "@angular/forms": "~12.1.5",
+    "@angular/material": ">=10.2.0 <13.0.0",
     "@angular/platform-browser": "~12.1.5",
     "@angular/platform-browser-dynamic": "~12.1.5",
     "@angular/router": "~12.1.5",
@@ -28,6 +28,12 @@
   "author": "Sourcefuse",
   "license": "MIT",
   "private": false,
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public",
+    "directory": "dist"
+  },
+  "gitHead": "b527ac2f790fe074cc7020daabf8e73486e32ac9",
   "main": "bundles/sourceloop-search-client.umd.js",
   "module": "fesm2015/sourceloop-search-client.js",
   "es2015": "fesm2015/sourceloop-search-client.js",