@sourceloop/search-client 9.0.5 → 9.1.0

package/README.md

@@ -148,22 +148,7 @@ You can also choose to use your own icons by providing classes for icons in the
 
 ### Required Global Styles
 
-The search component uses Angular CDK overlays for the dropdown, which require global styles to function properly. **You must import the library's stylesheet in your application:**
-
-#### Option 1: Import in your `styles.scss`
-
-```scss
-@import '@sourceloop/search-client/styles';
-```
-
-#### Option 2: Add to `angular.json`
-
-```json
-"styles": [
-  "node_modules/@sourceloop/search-client/styles.scss",
-  "src/styles.scss"
-]
-```
+The search component uses Angular CDK overlays for the dropdown, which require global styles to function properly.
 
 ### Styling and Theming
 
@@ -186,19 +171,15 @@ sourceloop-search {
   --search-icon-color: #33333380; /* Color of icons */
 }
 
-#### Example: Custom Theming
-
-To customize the search component, add the following to your `styles.scss` (after importing the library styles):
-
-```scss
-@import '@sourceloop/search-client/styles';
-
+####Example: Custom Theming To customize the search component, add the following
+    to your `component.scss` ```scss 
+    
 // Customize component colors
-sourceloop-search {
-  --search-dropdown-background: #0056b3;
-  --search-dropdown-text-color: #ffffff;
-  --search-border-hover: #0056b3;
-  --search-border-focus: #003d82;
+
+:host ::ng-deep sourceloop-search {
+  --search-border-hover: #5c26f1 !important;
+  --search-border-focus: #5c26f1 !important;
+  --search-dropdown-background: #5c26f2 !important;
 }
 ````
 

package/fesm2022/sourceloop-search-client.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, EventEmitter, PLATFORM_ID, ViewChild, Output, Input, Inject, Optional, Component } from '@angular/core';
+import { InjectionToken, Injectable, computed, input, output, effect, PLATFORM_ID, ViewChild, Inject, Optional, Component } from '@angular/core';
 import { from, Subject } from 'rxjs';
 import { tap, debounceTime } from 'rxjs/operators';
 import * as i3 from '@angular/forms';
@@ -61,10 +61,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 // https://opensource.org/licenses/MIT
 const ALL_LABEL = 'All';
 class SearchComponent {
-    searchService;
     platformId;
     cdr;
     promiseAdapter;
+    cfg = computed(() => {
+        const cfg = this.config();
+        if (!cfg) {
+            throw new Error('SearchComponent: config input is required');
+        }
+        return cfg;
+    }, ...(ngDevMode ? [{ debugName: "cfg" }] : []));
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : []));
+    searchProvider = input(...(ngDevMode ? [undefined, { debugName: "searchProvider" }] : []));
+    titleTemplate = input(...(ngDevMode ? [undefined, { debugName: "titleTemplate" }] : []));
+    subtitleTemplate = input(...(ngDevMode ? [undefined, { debugName: "subtitleTemplate" }] : []));
+    customAllLabel = input(ALL_LABEL, ...(ngDevMode ? [{ debugName: "customAllLabel" }] : []));
+    showOnlySearchResultOverlay = input(false, ...(ngDevMode ? [{ debugName: "showOnlySearchResultOverlay" }] : []));
+    customSearchEvent = input({
+        searchValue: '',
+        modelName: ALL_LABEL,
+    }, ...(ngDevMode ? [{ debugName: "customSearchEvent" }] : []));
+    clicked = output();
+    searched = output();
     searchBoxInput = '';
     suggestionsDisplay = false;
     categoryDisplay = false;
@@ -73,64 +91,7 @@ class SearchComponent {
     recentSearches = [];
     category = ALL_LABEL;
     searchRequest$ = new Subject();
-    _config;
-    get config() {
-        return this._config;
-    }
-    set config(value) {
-        this._config = value;
-        if (value && value.models) {
-            value.models.unshift({
-                name: ALL_LABEL,
-                displayName: this.customAllLabel ?? ALL_LABEL,
-            });
-        }
-        else if (value && !value.models) {
-            value.models = [
-                {
-                    name: ALL_LABEL,
-                    displayName: this.customAllLabel ?? ALL_LABEL,
-                },
-            ];
-        }
-        else {
-            // do nothing
-        }
-    }
-    /* The above code is a setter method in a TypeScript class that takes a parameter `searchProvider` of
-  type `ISearchService<T>` or `ISearchServiceWithPromises<T>`. */
-    set searchProvider(value) {
-        if (isApiServiceWithPromise(value)) {
-            value = this.promiseAdapter.adapt(value);
-        }
-        this.searchService = value;
-    }
-    get searchProvider() {
-        return this.searchService;
-    }
-    titleTemplate;
-    subtitleTemplate;
-    /**
-     * configure when application has own search input and use different all label
-     */
-    customAllLabel = ALL_LABEL;
-    /**
-     * configure to true when to show only search result overlay without search bar
-     */
-    showOnlySearchResultOverlay = false;
-    /**
-     * provide custom search event when showOnlySearchResultOverlay configure to true
-     */
-    customSearchEvent = {
-        searchValue: '',
-        modelName: this.customAllLabel,
-    };
-    // emitted when user clicks one of the suggested results (including recent search sugestions)
-    clicked = new EventEmitter();
-    searched = new EventEmitter();
-    /* emitted when user makes search request (including recent search requests
-       & requests made on change in category from dropdown)
-    In case of recent search Array of recent Search request result is emitted */
+    searchService;
     onChange = () => { };
     onTouched = () => { };
     disabled = false;
@@ -138,10 +99,52 @@ class SearchComponent {
     constructor(searchService, 
     // tslint:disable-next-line:ban-types
     platformId, cdr, promiseAdapter) {
-        this.searchService = searchService;
         this.platformId = platformId;
         this.cdr = cdr;
         this.promiseAdapter = promiseAdapter;
+        if (searchService) {
+            this.searchService = searchService;
+        }
+        effect(() => {
+            const cfg = this.config();
+            if (!cfg)
+                return;
+            if (cfg.models) {
+                cfg.models.unshift({
+                    name: ALL_LABEL,
+                    displayName: this.customAllLabel(),
+                });
+            }
+            else {
+                cfg.models = [
+                    {
+                        name: ALL_LABEL,
+                        displayName: this.customAllLabel(),
+                    },
+                ];
+            }
+        });
+        effect(() => {
+            let provider = this.searchProvider();
+            if (!provider)
+                return;
+            if (isApiServiceWithPromise(provider)) {
+                provider = this.promiseAdapter.adapt(provider);
+            }
+            this.searchService = provider;
+        });
+        effect(() => {
+            const event = this.customSearchEvent();
+            if (!event)
+                return;
+            if (event.searchValue !== undefined) {
+                this.searchBoxInput = event.searchValue;
+                this.searchOnCustomEventValueChange(this.searchBoxInput);
+            }
+            if (event.modelName) {
+                this.setCategory(event.modelName);
+            }
+        });
     }
     ngOnInit() {
         this.searchRequest$
@@ -171,15 +174,17 @@ class SearchComponent {
         this.disabled = isDisabled;
     }
     getSuggestions(eventValue) {
+        const cfg = this.config();
+        if (!cfg)
+            return;
         eventValue.input = eventValue.input.trim();
         if (!eventValue.input.length) {
             return;
         }
-        const order = this.config.order ?? DEFAULT_ORDER;
-        let orderString = '';
-        order.forEach(preference => (orderString = `${orderString}${preference} `));
-        let saveInRecents = this.config.saveInRecents ?? DEFAULT_SAVE_IN_RECENTS;
-        if (this.config.saveInRecents && this.config.saveInRecentsOnlyOnEnter) {
+        const order = cfg.order ?? DEFAULT_ORDER;
+        const orderString = order.join(' ');
+        let saveInRecents = cfg.saveInRecents ?? DEFAULT_SAVE_IN_RECENTS;
+        if (cfg.saveInRecents && cfg.saveInRecentsOnlyOnEnter) {
             if (!eventValue.event ||
                 (eventValue.event instanceof KeyboardEvent &&
                     eventValue.event.key === 'Enter')) {
@@ -196,10 +201,10 @@ class SearchComponent {
         const requestParameters = {
             match: eventValue.input,
             sources: this._categoryToSourceName(this.category),
-            limit: this.config.limit ?? DEFAULT_LIMIT,
-            limitByType: this.config.limitByType ?? DEFAULT_LIMIT_TYPE,
+            limit: cfg.limit ?? DEFAULT_LIMIT,
+            limitByType: cfg.limitByType ?? DEFAULT_LIMIT_TYPE,
             order: orderString,
-            offset: this.config.offset ?? DEFAULT_OFFSET,
+            offset: cfg.offset ?? DEFAULT_OFFSET,
         };
         this.searching = true;
         this.cdr.markForCheck();
@@ -216,20 +221,23 @@ class SearchComponent {
         });
     }
     getRecentSearches() {
-        if (!this.config.hideRecentSearch &&
-            this.searchService.recentSearchApiRequest) {
-            this.searchService.recentSearchApiRequest().subscribe((value) => {
-                this.recentSearches = value;
-                this.cdr.markForCheck();
-            }, (_error) => {
-                this.recentSearches = [];
-                this.cdr.markForCheck();
-            });
-        }
+        const cfg = this.config();
+        if (!cfg || cfg.hideRecentSearch)
+            return;
+        this.searchService.recentSearchApiRequest?.().subscribe((value) => {
+            this.recentSearches = value;
+            this.cdr.markForCheck();
+        }, (_error) => {
+            this.recentSearches = [];
+            this.cdr.markForCheck();
+        });
     }
     //event can be KeyBoardEvent or Event of type 'change'
     // fired on change in value of drop down for category
     hitSearchApi(event) {
+        const cfg = this.config();
+        if (!cfg)
+            return;
         // this will happen only in case user searches something and
         // then erases it, we need to update recent search
         if (!this.searchBoxInput) {
@@ -238,7 +246,7 @@ class SearchComponent {
             return;
         }
         // no debounce time needed in case of searchOnlyOnEnter
-        if (this.config.searchOnlyOnEnter) {
+        if (cfg.searchOnlyOnEnter) {
             if (!event || (event instanceof KeyboardEvent && event.key === 'Enter')) {
                 this.getSuggestions({ input: this.searchBoxInput, event });
             }
@@ -255,9 +263,11 @@ class SearchComponent {
         });
     }
     populateValue(suggestion, event) {
-        const value = suggestion[this.config.displayPropertyName];
+        const cfg = this.config();
+        if (!cfg)
+            return;
+        this.searchBoxInput = String(suggestion[cfg.displayPropertyName]);
         // converted to string to assign value to searchBoxInput
-        this.searchBoxInput = value;
         this.suggestionsDisplay = false;
         // ngModelChange doesn't detect change in value
         // when populated from outside, hence calling manually
@@ -283,7 +293,7 @@ class SearchComponent {
     fetchModelImageUrlFromSuggestion(suggestion) {
         const modelName = suggestion['source'];
         let url;
-        this.config.models.forEach(model => {
+        this.config()?.models.forEach(model => {
             if (model.name === modelName && model.imageUrl) {
                 url = model.imageUrl;
             }
@@ -305,7 +315,7 @@ class SearchComponent {
     }
     focusInput() {
         if (isPlatformBrowser(this.platformId) &&
-            !this.showOnlySearchResultOverlay) {
+            !this.showOnlySearchResultOverlay()) {
             this.searchInputElement.nativeElement.focus();
         }
     }
@@ -338,7 +348,7 @@ class SearchComponent {
         this.searchRequest$.unsubscribe();
     }
     _categoryToSourceName(category) {
-        if ([ALL_LABEL, this.customAllLabel].includes(category)) {
+        if ([ALL_LABEL, this.customAllLabel()].includes(category)) {
             return [];
         }
         else {
@@ -346,7 +356,7 @@ class SearchComponent {
         }
     }
     getModelFromModelName(name) {
-        return this.config.models.find(item => item.name === name);
+        return this.config()?.models.find(item => item.name === name);
     }
     getModelsWithSuggestions() {
         const modelsWithSuggestions = [];
@@ -369,18 +379,6 @@ class SearchComponent {
         });
         return modelsWithSuggestions;
     }
-    ngOnChanges(changes) {
-        if (changes.customSearchEvent) {
-            if (this._isCustomSearchEventChange(changes, 'searchValue')) {
-                this.searchBoxInput = this.customSearchEvent?.searchValue ?? '';
-                this.searchOnCustomEventValueChange(this.searchBoxInput);
-            }
-            if (this._isCustomSearchEventChange(changes, 'modelName') &&
-                this.customSearchEvent?.modelName) {
-                this.setCategory(this.customSearchEvent?.modelName);
-            }
-        }
-    }
     searchOnCustomEventValueChange(value) {
         if (value?.length) {
             this.showSuggestions();
@@ -390,19 +388,14 @@ class SearchComponent {
             this.hideSuggestions();
         }
     }
-    _isCustomSearchEventChange(changes, propertyName) {
-        return (!changes.customSearchEvent?.previousValue ||
-            changes.customSearchEvent?.previousValue[propertyName] !==
-                changes.customSearchEvent?.currentValue[propertyName]);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchComponent, deps: [{ token: SEARCH_SERVICE_TOKEN, optional: true }, { token: PLATFORM_ID }, { token: i0.ChangeDetectorRef }, { token: PromiseApiAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: SearchComponent, isStandalone: true, selector: "sourceloop-search", inputs: { config: "config", searchProvider: "searchProvider", titleTemplate: "titleTemplate", subtitleTemplate: "subtitleTemplate", customAllLabel: "customAllLabel", showOnlySearchResultOverlay: "showOnlySearchResultOverlay", customSearchEvent: "customSearchEvent" }, outputs: { clicked: "clicked", searched: "searched" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: SearchComponent, isStandalone: true, selector: "sourceloop-search", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, searchProvider: { classPropertyName: "searchProvider", publicName: "searchProvider", isSignal: true, isRequired: false, transformFunction: null }, titleTemplate: { classPropertyName: "titleTemplate", publicName: "titleTemplate", isSignal: true, isRequired: false, transformFunction: null }, subtitleTemplate: { classPropertyName: "subtitleTemplate", publicName: "subtitleTemplate", isSignal: true, isRequired: false, transformFunction: null }, customAllLabel: { classPropertyName: "customAllLabel", publicName: "customAllLabel", isSignal: true, isRequired: false, transformFunction: null }, showOnlySearchResultOverlay: { classPropertyName: "showOnlySearchResultOverlay", publicName: "showOnlySearchResultOverlay", isSignal: true, isRequired: false, transformFunction: null }, customSearchEvent: { classPropertyName: "customSearchEvent", publicName: "customSearchEvent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked", searched: "searched" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: SearchComponent,
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "searchInputElement", first: true, predicate: ["searchInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"!showOnlySearchResultOverlay\">\n    <div class=\"toolbar-search\" *ngIf=\"config\">\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        (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-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n        \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</ng-container>\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                class=\"inline-display\"\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 suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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                class=\"inline-display\"\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", styles: [":host{--search-background: #f7f7f7;--search-input-background: #f1f3f4;--search-input-text-color: #6b6b6b;--search-border-hover: #90003b;--search-border-focus: #90003b;--search-dropdown-background: #90003b;--search-dropdown-text-color: #fff;--search-highlight-bg: #fee8e8;--search-heading-color: #9c9c9c;--search-text-color: #333;--search-icon-color: #33333380}:host ::ng-deep .mat-mdc-form-field{padding:0;margin:0!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{padding:0 .5rem 0 .75rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-suffix{padding:0 .75rem 0 .5rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.toolbar-search{display:flex;align-items:center;width:100%;max-width:32rem;background-color:var(--search-background);border-radius:0 0 .25rem .25rem;gap:0}.toolbar-search ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{height:2.5rem;align-items:center}.toolbar-search ::ng-deep .mat-mdc-form-field-infix{min-height:2.25rem;padding:.5rem 0}.toolbar-search-input{width:78%;flex:1 1 auto;margin-right:0!important;font-size:.75rem}.toolbar-search-input ::ng-deep input{margin:0;color:var(--search-input-text-color)!important}.toolbar-search-input ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading,.toolbar-search-input ::ng-deep .mdc-notched-outline__notch,.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading{border-radius:.25rem 0 0 .25rem}.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:var(--search-icon-color);padding-bottom:.25rem}.icomoon.close{cursor:pointer}.toolbar-search-select{flex:1 1 auto;margin-left:0!important;min-width:0;width:22%}.toolbar-search-select ::ng-deep .mat-mdc-select-value-text{font-size:.75rem;line-height:normal;white-space:nowrap;overflow:hidden;display:flex;max-width:100%;align-items:center}.toolbar-search-select ::ng-deep .mat-mdc-select{max-width:100%;padding-left:0;padding-right:0}.toolbar-search-select ::ng-deep .mat-mdc-select-value{display:flex;align-items:center;min-width:0;flex:1 1 auto}.toolbar-search-select ::ng-deep .mat-mdc-form-field-text-suffix{display:flex;align-items:center;margin-left:.375rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow-wrapper{width:1rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow{transform:rotate(0) scale(1.3)!important}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-icon-color);stroke-width:1}.toolbar-search-select ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading,.toolbar-search-select ::ng-deep .mdc-notched-outline__notch,.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading{border-radius:0}.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border-radius:0 .25rem .25rem 0}.toolbar-search-select ::ng-deep .mat-mdc-form-field-infix{-webkit-padding-before:.7em;min-height:2.25rem;display:flex;align-items:center;padding:.375rem .25rem}::ng-deep .search-select.mat-mdc-select-panel{margin-top:1.875rem;margin-left:.625rem}.search-container{position:relative;width:100%;max-width:32.1875rem}.search-container .search-popup{padding:0 .9375rem .9375rem;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 .3125rem .25rem #0003;border-radius:0 0 .25rem .25rem}.search-container .search-popup hr{border:0;border-top:.0625rem solid #ebebeb;margin:0;position:sticky;top:0;padding-bottom:.9375rem;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:1rem;padding-top:.75rem}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:.75rem;margin-bottom:.9375rem;padding-top:.75rem}.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:var(--search-text-color)}.search-container .search-popup ul li.suggestions{font-size:.9375rem;line-height:2.25rem;padding:0 .9375rem 0 2.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:var(--search-highlight-bg)}::ng-deep .toolbar-search input{line-height:.875rem;color:var(--search-input-text-color)!important}::ng-deep .toolbar-search input::placeholder{color:var(--search-input-text-color);opacity:.6}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
+        ], viewQueries: [{ propertyName: "searchInputElement", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"!showOnlySearchResultOverlay()\">\n  <div class=\"toolbar-search\" *ngIf=\"cfg()\">\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-input\">\n      <input\n        matInput\n        autocomplete=\"off\"\n        type=\"text\"\n        [placeholder]=\"\n            cfg().placeholderFunction?.(searchInput.value, category)\n            ?? cfg().placeholder ?? 'Search'\n        \"\n        #searchInput\n        name=\"searchInput\"\n        (focus)=\"showSuggestions()\"\n        (blur)=\"hideSuggestions()\"\n        [(ngModel)]=\"searchBoxInput\"\n        (keyup)=\"hitSearchApi($event)\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"cfg().searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"cfg().crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\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 cfg().models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</ng-container>\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          {{ cfg().noResultMessage }}\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"cfg().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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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() &&\n                  fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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]=\"cfg().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", styles: [":host{--search-background: #f7f7f7;--search-input-background: #f1f3f4;--search-input-text-color: #6b6b6b;--search-border-hover: #90003b;--search-border-focus: #90003b;--search-dropdown-background: #90003b;--search-dropdown-text-color: #fff;--search-highlight-bg: #fee8e8;--search-heading-color: #9c9c9c;--search-text-color: #333;--search-icon-color: rgba(51, 51, 51, .5019607843)}:host ::ng-deep .mat-mdc-form-field{padding:0;margin:0!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{padding:0 .5rem 0 .75rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-suffix{padding:0 .75rem 0 .5rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.toolbar-search{display:flex;align-items:center;width:100%;max-width:32rem;background-color:var(--search-background)!important;border-radius:0 0 .25rem .25rem;gap:0}.toolbar-search ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{height:2.5rem;align-items:center}.toolbar-search ::ng-deep .mat-mdc-form-field-infix{min-height:2.25rem;padding:.5rem 0}.toolbar-search-input{width:78%;flex:1 1 auto;margin-right:0!important;font-size:.75rem}.toolbar-search-input ::ng-deep input{margin:0;color:var(--search-input-text-color)!important}.toolbar-search-input ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading,.toolbar-search-input ::ng-deep .mdc-notched-outline__notch,.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading{border-radius:.25rem 0 0 .25rem}.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:var(--search-icon-color);padding-bottom:.25rem}.icomoon.close{cursor:pointer}.toolbar-search-select{flex:1 1 auto;margin-left:0!important;min-width:0;width:22%}.toolbar-search-select ::ng-deep .mat-mdc-select-value-text{font-size:.75rem;line-height:normal;white-space:nowrap;overflow:hidden;display:flex;max-width:100%;align-items:center}.toolbar-search-select ::ng-deep .mat-mdc-select{max-width:100%;padding-left:0;padding-right:0}.toolbar-search-select ::ng-deep .mat-mdc-select-value{display:flex;align-items:center;min-width:0;flex:1 1 auto}.toolbar-search-select ::ng-deep .mat-mdc-form-field-text-suffix{display:flex;align-items:center;margin-left:.375rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow-wrapper{width:1rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow{transform:rotate(0) scale(1.3)!important}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-icon-color);stroke-width:1}.toolbar-search-select ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading,.toolbar-search-select ::ng-deep .mdc-notched-outline__notch,.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading{border-radius:0}.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border-radius:0 .25rem .25rem 0}.toolbar-search-select ::ng-deep .mat-mdc-form-field-infix{-webkit-padding-before:.7em;min-height:2.25rem;display:flex;align-items:center;padding:.375rem .25rem}::ng-deep .search-select.mat-mdc-select-panel{margin-top:1.875rem;margin-left:.625rem}.search-container{position:relative;width:100%;max-width:32.1875rem}.search-container .search-popup{padding:0 .9375rem .9375rem;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 .3125rem .25rem #0003;border-radius:0 0 .25rem .25rem}.search-container .search-popup hr{border:0;border-top:.0625rem solid #ebebeb;margin:0;position:sticky;top:0;padding-bottom:.9375rem;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:1rem;padding-top:.75rem}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:.75rem;margin-bottom:.9375rem;padding-top:.75rem}.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:var(--search-text-color)}.search-container .search-popup ul li.suggestions{font-size:.9375rem;line-height:2.25rem;padding:0 .9375rem 0 2.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:var(--search-highlight-bg)}::ng-deep .toolbar-search input{line-height:.875rem;color:var(--search-input-text-color)!important}::ng-deep .toolbar-search input::placeholder{color:var(--search-input-text-color);opacity:.6}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SearchComponent, decorators: [{
             type: Component,
@@ -419,7 +412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         MatSelectModule,
                         MatFormFieldModule,
                         MatInputModule,
-                    ], template: "<ng-container *ngIf=\"!showOnlySearchResultOverlay\">\n    <div class=\"toolbar-search\" *ngIf=\"config\">\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        (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-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n        \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</ng-container>\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                class=\"inline-display\"\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 suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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                class=\"inline-display\"\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", styles: [":host{--search-background: #f7f7f7;--search-input-background: #f1f3f4;--search-input-text-color: #6b6b6b;--search-border-hover: #90003b;--search-border-focus: #90003b;--search-dropdown-background: #90003b;--search-dropdown-text-color: #fff;--search-highlight-bg: #fee8e8;--search-heading-color: #9c9c9c;--search-text-color: #333;--search-icon-color: #33333380}:host ::ng-deep .mat-mdc-form-field{padding:0;margin:0!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{padding:0 .5rem 0 .75rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-suffix{padding:0 .75rem 0 .5rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.toolbar-search{display:flex;align-items:center;width:100%;max-width:32rem;background-color:var(--search-background);border-radius:0 0 .25rem .25rem;gap:0}.toolbar-search ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{height:2.5rem;align-items:center}.toolbar-search ::ng-deep .mat-mdc-form-field-infix{min-height:2.25rem;padding:.5rem 0}.toolbar-search-input{width:78%;flex:1 1 auto;margin-right:0!important;font-size:.75rem}.toolbar-search-input ::ng-deep input{margin:0;color:var(--search-input-text-color)!important}.toolbar-search-input ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading,.toolbar-search-input ::ng-deep .mdc-notched-outline__notch,.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading{border-radius:.25rem 0 0 .25rem}.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:var(--search-icon-color);padding-bottom:.25rem}.icomoon.close{cursor:pointer}.toolbar-search-select{flex:1 1 auto;margin-left:0!important;min-width:0;width:22%}.toolbar-search-select ::ng-deep .mat-mdc-select-value-text{font-size:.75rem;line-height:normal;white-space:nowrap;overflow:hidden;display:flex;max-width:100%;align-items:center}.toolbar-search-select ::ng-deep .mat-mdc-select{max-width:100%;padding-left:0;padding-right:0}.toolbar-search-select ::ng-deep .mat-mdc-select-value{display:flex;align-items:center;min-width:0;flex:1 1 auto}.toolbar-search-select ::ng-deep .mat-mdc-form-field-text-suffix{display:flex;align-items:center;margin-left:.375rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow-wrapper{width:1rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow{transform:rotate(0) scale(1.3)!important}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-icon-color);stroke-width:1}.toolbar-search-select ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading,.toolbar-search-select ::ng-deep .mdc-notched-outline__notch,.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading{border-radius:0}.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border-radius:0 .25rem .25rem 0}.toolbar-search-select ::ng-deep .mat-mdc-form-field-infix{-webkit-padding-before:.7em;min-height:2.25rem;display:flex;align-items:center;padding:.375rem .25rem}::ng-deep .search-select.mat-mdc-select-panel{margin-top:1.875rem;margin-left:.625rem}.search-container{position:relative;width:100%;max-width:32.1875rem}.search-container .search-popup{padding:0 .9375rem .9375rem;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 .3125rem .25rem #0003;border-radius:0 0 .25rem .25rem}.search-container .search-popup hr{border:0;border-top:.0625rem solid #ebebeb;margin:0;position:sticky;top:0;padding-bottom:.9375rem;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:1rem;padding-top:.75rem}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:.75rem;margin-bottom:.9375rem;padding-top:.75rem}.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:var(--search-text-color)}.search-container .search-popup ul li.suggestions{font-size:.9375rem;line-height:2.25rem;padding:0 .9375rem 0 2.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:var(--search-highlight-bg)}::ng-deep .toolbar-search input{line-height:.875rem;color:var(--search-input-text-color)!important}::ng-deep .toolbar-search input::placeholder{color:var(--search-input-text-color);opacity:.6}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}\n"] }]
+                    ], template: "<ng-container *ngIf=\"!showOnlySearchResultOverlay()\">\n  <div class=\"toolbar-search\" *ngIf=\"cfg()\">\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-input\">\n      <input\n        matInput\n        autocomplete=\"off\"\n        type=\"text\"\n        [placeholder]=\"\n            cfg().placeholderFunction?.(searchInput.value, category)\n            ?? cfg().placeholder ?? 'Search'\n        \"\n        #searchInput\n        name=\"searchInput\"\n        (focus)=\"showSuggestions()\"\n        (blur)=\"hideSuggestions()\"\n        [(ngModel)]=\"searchBoxInput\"\n        (keyup)=\"hitSearchApi($event)\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"cfg().searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"cfg().crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\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 cfg().models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</ng-container>\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          {{ cfg().noResultMessage }}\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"cfg().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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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() &&\n                  fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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]=\"cfg().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", styles: [":host{--search-background: #f7f7f7;--search-input-background: #f1f3f4;--search-input-text-color: #6b6b6b;--search-border-hover: #90003b;--search-border-focus: #90003b;--search-dropdown-background: #90003b;--search-dropdown-text-color: #fff;--search-highlight-bg: #fee8e8;--search-heading-color: #9c9c9c;--search-text-color: #333;--search-icon-color: rgba(51, 51, 51, .5019607843)}:host ::ng-deep .mat-mdc-form-field{padding:0;margin:0!important}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-prefix{padding:0 .5rem 0 .75rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-icon-suffix{padding:0 .75rem 0 .5rem}:host ::ng-deep .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper{display:none}.toolbar-search{display:flex;align-items:center;width:100%;max-width:32rem;background-color:var(--search-background)!important;border-radius:0 0 .25rem .25rem;gap:0}.toolbar-search ::ng-deep .mat-mdc-form-field .mat-mdc-text-field-wrapper{height:2.5rem;align-items:center}.toolbar-search ::ng-deep .mat-mdc-form-field-infix{min-height:2.25rem;padding:.5rem 0}.toolbar-search-input{width:78%;flex:1 1 auto;margin-right:0!important;font-size:.75rem}.toolbar-search-input ::ng-deep input{margin:0;color:var(--search-input-text-color)!important}.toolbar-search-input ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading,.toolbar-search-input ::ng-deep .mdc-notched-outline__notch,.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-input ::ng-deep .mdc-notched-outline__leading{border-radius:.25rem 0 0 .25rem}.toolbar-search-input ::ng-deep .mdc-notched-outline__trailing{border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:var(--search-icon-color);padding-bottom:.25rem}.icomoon.close{cursor:pointer}.toolbar-search-select{flex:1 1 auto;margin-left:0!important;min-width:0;width:22%}.toolbar-search-select ::ng-deep .mat-mdc-select-value-text{font-size:.75rem;line-height:normal;white-space:nowrap;overflow:hidden;display:flex;max-width:100%;align-items:center}.toolbar-search-select ::ng-deep .mat-mdc-select{max-width:100%;padding-left:0;padding-right:0}.toolbar-search-select ::ng-deep .mat-mdc-select-value{display:flex;align-items:center;min-width:0;flex:1 1 auto}.toolbar-search-select ::ng-deep .mat-mdc-form-field-text-suffix{display:flex;align-items:center;margin-left:.375rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow-wrapper{width:1rem;flex-shrink:0}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow{transform:rotate(0) scale(1.3)!important}.toolbar-search-select ::ng-deep .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-icon-color);stroke-width:1}.toolbar-search-select ::ng-deep .mat-mdc-text-field-wrapper{background-color:var(--search-input-background)!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading,.toolbar-search-select ::ng-deep .mdc-notched-outline__notch,.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border:none!important;background-color:transparent!important}.toolbar-search-select ::ng-deep .mdc-notched-outline__leading{border-radius:0}.toolbar-search-select ::ng-deep .mdc-notched-outline__trailing{border-radius:0 .25rem .25rem 0}.toolbar-search-select ::ng-deep .mat-mdc-form-field-infix{-webkit-padding-before:.7em;min-height:2.25rem;display:flex;align-items:center;padding:.375rem .25rem}::ng-deep .search-select.mat-mdc-select-panel{margin-top:1.875rem;margin-left:.625rem}.search-container{position:relative;width:100%;max-width:32.1875rem}.search-container .search-popup{padding:0 .9375rem .9375rem;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 .3125rem .25rem #0003;border-radius:0 0 .25rem .25rem}.search-container .search-popup hr{border:0;border-top:.0625rem solid #ebebeb;margin:0;position:sticky;top:0;padding-bottom:.9375rem;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:1rem;padding-top:.75rem}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:.75rem;margin-bottom:.9375rem;padding-top:.75rem}.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:var(--search-text-color)}.search-container .search-popup ul li.suggestions{font-size:.9375rem;line-height:2.25rem;padding:0 .9375rem 0 2.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:var(--search-highlight-bg)}::ng-deep .toolbar-search input{line-height:.875rem;color:var(--search-input-text-color)!important}::ng-deep .toolbar-search input::placeholder{color:var(--search-input-text-color);opacity:.6}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:.0625rem solid var(--search-border-hover)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.0625rem solid var(--search-border-hover)!important;border-bottom:.0625rem solid var(--search-border-hover)!important;border-right:.0625rem solid var(--search-border-hover)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:hover:not(:focus-within) .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-mdc-form-field:not(.mat-form-field-disabled) input{color:var(--search-input-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper{background:var(--search-dropdown-background)!important;border-radius:.25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__leading{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:.125rem solid var(--search-border-focus)!important;border-right:none!important;border-radius:.25rem 0 0 .25rem!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__notch{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-right:none!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mdc-notched-outline__trailing{border-top:.125rem solid var(--search-border-focus)!important;border-bottom:.125rem solid var(--search-border-focus)!important;border-right:.125rem solid var(--search-border-focus)!important;border-left:none!important;border-radius:0 .25rem .25rem 0!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select,::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-value{color:var(--search-dropdown-text-color)!important}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-select-arrow svg{fill:none!important;stroke:var(--search-dropdown-text-color)!important;stroke-width:1}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [SEARCH_SERVICE_TOKEN]
@@ -428,25 +421,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }] }, { type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
-                }] }, { type: i0.ChangeDetectorRef }, { type: PromiseApiAdapterService }], propDecorators: { config: [{
-                type: Input
-            }], searchProvider: [{
-                type: Input
-            }], titleTemplate: [{
-                type: Input
-            }], subtitleTemplate: [{
-                type: Input
-            }], customAllLabel: [{
-                type: Input
-            }], showOnlySearchResultOverlay: [{
-                type: Input
-            }], customSearchEvent: [{
-                type: Input
-            }], clicked: [{
-                type: Output
-            }], searched: [{
-                type: Output
-            }], searchInputElement: [{
+                }] }, { type: i0.ChangeDetectorRef }, { type: PromiseApiAdapterService }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], searchProvider: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchProvider", required: false }] }], titleTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleTemplate", required: false }] }], subtitleTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitleTemplate", required: false }] }], customAllLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "customAllLabel", required: false }] }], showOnlySearchResultOverlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOnlySearchResultOverlay", required: false }] }], customSearchEvent: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSearchEvent", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }], searched: [{ type: i0.Output, args: ["searched"] }], searchInputElement: [{
                 type: ViewChild,
                 args: ['searchInput']
             }] } });

package/fesm2022/sourceloop-search-client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sourceloop-search-client.mjs","sources":["../../src/lib/types.ts","../../src/lib/search/promise-api-adapter.service.ts","../../src/lib/search/search.component.ts","../../src/lib/search/search.component.html","../../src/lib/lib-configuration.ts","../../src/public-api.ts","../../src/sourceloop-search-client.ts"],"sourcesContent":["// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {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\nexport interface ISearchServiceWithPromises<T extends IReturnType> {\n  searchApiRequestWithPromise(\n    requestParameters: ISearchQuery,\n    saveInRecents: boolean,\n  ): Promise<T[]>;\n  recentSearchApiRequestWithPromise?(): Promise<ISearchQuery[]>;\n}\n\nexport function isApiServiceWithPromise(\n  service:\n    | ISearchService<IReturnType>\n    | ISearchServiceWithPromises<IReturnType>,\n): service is ISearchServiceWithPromises<IReturnType> {\n  return !!(service as ISearchServiceWithPromises<IReturnType>)\n    .searchApiRequestWithPromise;\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;\nexport type CustomSearchEvent = {\n  searchValue: string;\n  modelName: string;\n};\n","import {Injectable} from '@angular/core';\nimport {from} from 'rxjs';\nimport {\n  IReturnType,\n  ISearchService,\n  ISearchServiceWithPromises,\n} from '../types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PromiseApiAdapterService<T extends IReturnType> {\n  adapt(instance: ISearchServiceWithPromises<T>): ISearchService<T> {\n    // this is a workaround for the fact that the recentSearchApiRequestWithPromise\n    // method is optional in the ISearchServiceWithPromises interface\n    // and type system is not able maintain the type information of a property\n    const recentSearchMethod = instance.recentSearchApiRequestWithPromise;\n    return {\n      searchApiRequest: (requestParameters, saveInRecents) =>\n        from(\n          instance.searchApiRequestWithPromise(\n            requestParameters,\n            saveInRecents,\n          ),\n        ),\n      ...(recentSearchMethod && {\n        recentSearchApiRequest: () => from(recentSearchMethod()),\n      }),\n    };\n  }\n}\n","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Output,\n  PLATFORM_ID,\n  SimpleChanges,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {Configuration} from '../lib-configuration';\nimport {Subject} from 'rxjs';\nimport {debounceTime, tap} from 'rxjs/operators';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NG_VALUE_ACCESSOR,\n} from '@angular/forms';\nimport {\n  CustomSearchEvent,\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  ISearchServiceWithPromises,\n  isApiServiceWithPromise,\n} from '../types';\nimport {CommonModule, isPlatformBrowser} from '@angular/common';\nimport {PromiseApiAdapterService} from './promise-api-adapter.service';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatInputModule} from '@angular/material/input';\nconst ALL_LABEL = 'All';\n@Component({\n  selector: 'sourceloop-search',\n  standalone: true,\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  imports: [\n    CommonModule,\n    FormsModule,\n    MatIconModule,\n    MatSelectModule,\n    MatFormFieldModule,\n    MatInputModule,\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\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: this.customAllLabel ?? ALL_LABEL,\n      });\n    } else if (value && !value.models) {\n      value.models = [\n        {\n          name: ALL_LABEL,\n          displayName: this.customAllLabel ?? ALL_LABEL,\n        },\n      ];\n    } else {\n      // do nothing\n    }\n  }\n\n  /* The above code is a setter method in a TypeScript class that takes a parameter `searchProvider` of\ntype `ISearchService<T>` or `ISearchServiceWithPromises<T>`. */\n  @Input()\n  public set searchProvider(\n    value: ISearchService<T> | ISearchServiceWithPromises<T>,\n  ) {\n    if (isApiServiceWithPromise(value)) {\n      value = this.promiseAdapter.adapt(value);\n    }\n    this.searchService = value;\n  }\n\n  public get searchProvider(): ISearchService<T> {\n    return this.searchService;\n  }\n\n  @Input() titleTemplate?: TemplateRef<any>;\n  @Input() subtitleTemplate?: TemplateRef<any>;\n  /**\n   * configure when application has own search input and use different all label\n   */\n  @Input() customAllLabel = ALL_LABEL;\n  /**\n   * configure to true when to show only search result overlay without search bar\n   */\n  @Input() showOnlySearchResultOverlay = false;\n  /**\n   * provide custom search event when showOnlySearchResultOverlay configure to true\n   */\n  @Input() customSearchEvent: CustomSearchEvent = {\n    searchValue: '',\n    modelName: this.customAllLabel,\n  };\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\n     & 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    @Optional()\n    private searchService: ISearchService<T>,\n    // tslint:disable-next-line:ban-types\n    @Inject(PLATFORM_ID)\n    private readonly platformId: Object,\n    private readonly cdr: ChangeDetectorRef,\n    private readonly promiseAdapter: PromiseApiAdapterService<T>,\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\n     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'\n  // fired on change in value of drop down for category\n\n  hitSearchApi(event?: Event) {\n    // this will happen only in case user searches something and\n    // 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;\n    // converted to string to assign value to searchBoxInput\n    this.searchBoxInput = value;\n    this.suggestionsDisplay = false;\n    // ngModelChange doesn't detect change in value\n    // when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected\n    //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\n    // 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 (\n      isPlatformBrowser(this.platformId) &&\n      !this.showOnlySearchResultOverlay\n    ) {\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\n    // 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 ([ALL_LABEL, this.customAllLabel].includes(category)) {\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  ngOnChanges(changes: SimpleChanges) {\n    if (changes.customSearchEvent) {\n      if (this._isCustomSearchEventChange(changes, 'searchValue')) {\n        this.searchBoxInput = this.customSearchEvent?.searchValue ?? '';\n        this.searchOnCustomEventValueChange(this.searchBoxInput);\n      }\n      if (\n        this._isCustomSearchEventChange(changes, 'modelName') &&\n        this.customSearchEvent?.modelName\n      ) {\n        this.setCategory(this.customSearchEvent?.modelName);\n      }\n    }\n  }\n\n  searchOnCustomEventValueChange(value: string) {\n    if (value?.length) {\n      this.showSuggestions();\n      this.hitSearchApi();\n    } else {\n      this.hideSuggestions();\n    }\n  }\n\n  private _isCustomSearchEventChange(\n    changes: SimpleChanges,\n    propertyName: string,\n  ) {\n    return (\n      !changes.customSearchEvent?.previousValue ||\n      changes.customSearchEvent?.previousValue[propertyName] !==\n        changes.customSearchEvent?.currentValue[propertyName]\n    );\n  }\n}\n","<ng-container *ngIf=\"!showOnlySearchResultOverlay\">\n    <div class=\"toolbar-search\" *ngIf=\"config\">\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        (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-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n        \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</ng-container>\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                class=\"inline-display\"\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 suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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                class=\"inline-display\"\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","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {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,\n   *  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","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\n/*\n * Public API Surface of my-lib\n */\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":["i1.PromiseApiAdapterService"],"mappings":"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"}
+{"version":3,"file":"sourceloop-search-client.mjs","sources":["../../src/lib/types.ts","../../src/lib/search/promise-api-adapter.service.ts","../../src/lib/search/search.component.ts","../../src/lib/search/search.component.html","../../src/lib/lib-configuration.ts","../../src/public-api.ts","../../src/sourceloop-search-client.ts"],"sourcesContent":["// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {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\nexport interface ISearchServiceWithPromises<T extends IReturnType> {\n  searchApiRequestWithPromise(\n    requestParameters: ISearchQuery,\n    saveInRecents: boolean,\n  ): Promise<T[]>;\n  recentSearchApiRequestWithPromise?(): Promise<ISearchQuery[]>;\n}\n\nexport function isApiServiceWithPromise(\n  service:\n    | ISearchService<IReturnType>\n    | ISearchServiceWithPromises<IReturnType>,\n): service is ISearchServiceWithPromises<IReturnType> {\n  return !!(service as ISearchServiceWithPromises<IReturnType>)\n    .searchApiRequestWithPromise;\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;\nexport type CustomSearchEvent = {\n  searchValue: string;\n  modelName: string;\n};\n","import {Injectable} from '@angular/core';\nimport {from} from 'rxjs';\nimport {\n  IReturnType,\n  ISearchService,\n  ISearchServiceWithPromises,\n} from '../types';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class PromiseApiAdapterService<T extends IReturnType> {\n  adapt(instance: ISearchServiceWithPromises<T>): ISearchService<T> {\n    // this is a workaround for the fact that the recentSearchApiRequestWithPromise\n    // method is optional in the ISearchServiceWithPromises interface\n    // and type system is not able maintain the type information of a property\n    const recentSearchMethod = instance.recentSearchApiRequestWithPromise;\n    return {\n      searchApiRequest: (requestParameters, saveInRecents) =>\n        from(\n          instance.searchApiRequestWithPromise(\n            requestParameters,\n            saveInRecents,\n          ),\n        ),\n      ...(recentSearchMethod && {\n        recentSearchApiRequest: () => from(recentSearchMethod()),\n      }),\n    };\n  }\n}\n","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {\n  ChangeDetectorRef,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  Inject,\n  input,\n  OnDestroy,\n  OnInit,\n  Optional,\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 {\n  ControlValueAccessor,\n  FormsModule,\n  NG_VALUE_ACCESSOR,\n} from '@angular/forms';\nimport {\n  CustomSearchEvent,\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  ISearchServiceWithPromises,\n  isApiServiceWithPromise,\n} from '../types';\nimport {CommonModule, isPlatformBrowser} from '@angular/common';\nimport {PromiseApiAdapterService} from './promise-api-adapter.service';\nimport {MatFormFieldModule} from '@angular/material/form-field';\nimport {MatIconModule} from '@angular/material/icon';\nimport {MatSelectModule} from '@angular/material/select';\nimport {MatInputModule} from '@angular/material/input';\nconst ALL_LABEL = 'All';\n@Component({\n  selector: 'sourceloop-search',\n  standalone: true,\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  imports: [\n    CommonModule,\n    FormsModule,\n    MatIconModule,\n    MatSelectModule,\n    MatFormFieldModule,\n    MatInputModule,\n  ],\n})\nexport class SearchComponent<T extends IReturnType>\n  implements OnInit, OnDestroy, ControlValueAccessor\n{\n  readonly cfg = computed(() => {\n    const cfg = this.config();\n    if (!cfg) {\n      throw new Error('SearchComponent: config input is required');\n    }\n    return cfg;\n  });\n  config = input<Configuration<T>>();\n  searchProvider = input<ISearchService<T> | ISearchServiceWithPromises<T>>();\n\n  titleTemplate = input<TemplateRef<any> | undefined>();\n  subtitleTemplate = input<TemplateRef<any> | undefined>();\n\n  customAllLabel = input<string>(ALL_LABEL);\n  showOnlySearchResultOverlay = input<boolean>(false);\n\n  customSearchEvent = input<CustomSearchEvent>({\n    searchValue: '',\n    modelName: ALL_LABEL,\n  });\n\n  clicked = output<ItemClickedEvent<T>>();\n  searched = output<RecentSearchEvent>();\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 searchService!: ISearchService<T>;\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    @Optional()\n    searchService: ISearchService<T>,\n    // tslint:disable-next-line:ban-types\n    @Inject(PLATFORM_ID)\n    private readonly platformId: Object,\n    private readonly cdr: ChangeDetectorRef,\n    private readonly promiseAdapter: PromiseApiAdapterService<T>,\n  ) {\n    if (searchService) {\n      this.searchService = searchService;\n    }\n\n    effect(() => {\n      const cfg = this.config();\n      if (!cfg) return;\n\n      if (cfg.models) {\n        cfg.models.unshift({\n          name: ALL_LABEL,\n          displayName: this.customAllLabel(),\n        });\n      } else {\n        cfg.models = [\n          {\n            name: ALL_LABEL,\n            displayName: this.customAllLabel(),\n          },\n        ];\n      }\n    });\n\n    effect(() => {\n      let provider = this.searchProvider();\n      if (!provider) return;\n\n      if (isApiServiceWithPromise(provider)) {\n        provider = this.promiseAdapter.adapt(provider);\n      }\n      this.searchService = provider;\n    });\n\n    effect(() => {\n      const event = this.customSearchEvent();\n      if (!event) return;\n\n      if (event.searchValue !== undefined) {\n        this.searchBoxInput = event.searchValue;\n        this.searchOnCustomEventValueChange(this.searchBoxInput);\n      }\n\n      if (event.modelName) {\n        this.setCategory(event.modelName);\n      }\n    });\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    const cfg = this.config();\n    if (!cfg) return;\n    eventValue.input = eventValue.input.trim();\n    if (!eventValue.input.length) {\n      return;\n    }\n    const order = cfg.order ?? DEFAULT_ORDER;\n    const orderString = order.join(' ');\n\n    let saveInRecents = cfg.saveInRecents ?? DEFAULT_SAVE_IN_RECENTS;\n    if (cfg.saveInRecents && cfg.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\n     parameters are optional */\n    const requestParameters: ISearchQuery = {\n      match: eventValue.input,\n      sources: this._categoryToSourceName(this.category),\n      limit: cfg.limit ?? DEFAULT_LIMIT,\n      limitByType: cfg.limitByType ?? DEFAULT_LIMIT_TYPE,\n      order: orderString,\n      offset: cfg.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    const cfg = this.config();\n    if (!cfg || cfg.hideRecentSearch) return;\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  //event can be KeyBoardEvent or Event of type 'change'\n  // fired on change in value of drop down for category\n\n  hitSearchApi(event?: Event) {\n    const cfg = this.config();\n    if (!cfg) return;\n    // this will happen only in case user searches something and\n    // 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 (cfg.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 cfg = this.config();\n    if (!cfg) return;\n    this.searchBoxInput = String(suggestion[cfg.displayPropertyName]);\n    // converted to string to assign value to searchBoxInput\n    this.suggestionsDisplay = false;\n    // ngModelChange doesn't detect change in value\n    // when populated from outside, hence calling manually\n    this.onChange(this.searchBoxInput);\n    // need to do this to show more search options for selected\n    //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\n    // 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 (\n      isPlatformBrowser(this.platformId) &&\n      !this.showOnlySearchResultOverlay()\n    ) {\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\n    // 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 ([ALL_LABEL, this.customAllLabel()].includes(category)) {\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  searchOnCustomEventValueChange(value: string) {\n    if (value?.length) {\n      this.showSuggestions();\n      this.hitSearchApi();\n    } else {\n      this.hideSuggestions();\n    }\n  }\n}\n","<ng-container *ngIf=\"!showOnlySearchResultOverlay()\">\n  <div class=\"toolbar-search\" *ngIf=\"cfg()\">\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-input\">\n      <input\n        matInput\n        autocomplete=\"off\"\n        type=\"text\"\n        [placeholder]=\"\n            cfg().placeholderFunction?.(searchInput.value, category)\n            ?? cfg().placeholder ?? 'Search'\n        \"\n        #searchInput\n        name=\"searchInput\"\n        (focus)=\"showSuggestions()\"\n        (blur)=\"hideSuggestions()\"\n        [(ngModel)]=\"searchBoxInput\"\n        (keyup)=\"hitSearchApi($event)\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"cfg().searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"cfg().crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n\n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\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 cfg().models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</ng-container>\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          {{ cfg().noResultMessage }}\n        </ng-container>\n      </span>\n      <ng-container *ngIf=\"cfg().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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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() &&\n                  fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false suggestion-image\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\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[cfg().displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                class=\"inline-display\"\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=\"!cfg().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]=\"cfg().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","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\nimport {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,\n   *  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","// Copyright (c) 2023 Sourcefuse Technologies\n//\n// This software is released under the MIT License.\n// https://opensource.org/licenses/MIT\n/*\n * Public API Surface of my-lib\n */\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":["i1.PromiseApiAdapterService"],"mappings":"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"}

package/index.d.ts

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, OnInit, OnDestroy, TemplateRef, EventEmitter, ElementRef, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit, OnDestroy, TemplateRef, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { ControlValueAccessor } from '@angular/forms';
 
@@ -99,15 +99,24 @@ declare class Configuration<T = IDefaultReturnType> {
 
 declare class PromiseApiAdapterService<T extends IReturnType> {
     adapt(instance: ISearchServiceWithPromises<T>): ISearchService<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PromiseApiAdapterService<any>, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PromiseApiAdapterService<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromiseApiAdapterService<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PromiseApiAdapterService<any>>;
 }
 
 declare class SearchComponent<T extends IReturnType> implements OnInit, OnDestroy, ControlValueAccessor {
-    private searchService;
     private readonly platformId;
     private readonly cdr;
     private readonly promiseAdapter;
+    readonly cfg: _angular_core.Signal<Configuration<T>>;
+    config: _angular_core.InputSignal<Configuration<T> | undefined>;
+    searchProvider: _angular_core.InputSignal<ISearchService<T> | ISearchServiceWithPromises<T> | undefined>;
+    titleTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    subtitleTemplate: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    customAllLabel: _angular_core.InputSignal<string>;
+    showOnlySearchResultOverlay: _angular_core.InputSignal<boolean>;
+    customSearchEvent: _angular_core.InputSignal<CustomSearchEvent>;
+    clicked: _angular_core.OutputEmitterRef<ItemClickedEvent<T>>;
+    searched: _angular_core.OutputEmitterRef<RecentSearchEvent>;
     searchBoxInput: string;
     suggestionsDisplay: boolean;
     categoryDisplay: boolean;
@@ -119,27 +128,7 @@ declare class SearchComponent<T extends IReturnType> implements OnInit, OnDestro
         input: string;
         event: Event;
     }>;
-    private _config;
-    get config(): Configuration<T>;
-    set config(value: Configuration<T>);
-    set searchProvider(value: ISearchService<T> | ISearchServiceWithPromises<T>);
-    get searchProvider(): ISearchService<T>;
-    titleTemplate?: TemplateRef<any>;
-    subtitleTemplate?: TemplateRef<any>;
-    /**
-     * configure when application has own search input and use different all label
-     */
-    customAllLabel: string;
-    /**
-     * configure to true when to show only search result overlay without search bar
-     */
-    showOnlySearchResultOverlay: boolean;
-    /**
-     * provide custom search event when showOnlySearchResultOverlay configure to true
-     */
-    customSearchEvent: CustomSearchEvent;
-    clicked: EventEmitter<ItemClickedEvent<T>>;
-    searched: EventEmitter<RecentSearchEvent>;
+    private searchService;
     onChange: (value: string | undefined) => void;
     onTouched: () => void;
     disabled: boolean;
@@ -171,11 +160,9 @@ declare class SearchComponent<T extends IReturnType> implements OnInit, OnDestro
         model: IModel;
         items: T[];
     }[];
-    ngOnChanges(changes: SimpleChanges): void;
     searchOnCustomEventValueChange(value: string): void;
-    private _isCustomSearchEventChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent<any>, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent<any>, "sourceloop-search", never, { "config": { "alias": "config"; "required": false; }; "searchProvider": { "alias": "searchProvider"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "subtitleTemplate": { "alias": "subtitleTemplate"; "required": false; }; "customAllLabel": { "alias": "customAllLabel"; "required": false; }; "showOnlySearchResultOverlay": { "alias": "showOnlySearchResultOverlay"; "required": false; }; "customSearchEvent": { "alias": "customSearchEvent"; "required": false; }; }, { "clicked": "clicked"; "searched": "searched"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent<any>, [{ optional: true; }, null, null, null]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent<any>, "sourceloop-search", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "searchProvider": { "alias": "searchProvider"; "required": false; "isSignal": true; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; "isSignal": true; }; "subtitleTemplate": { "alias": "subtitleTemplate"; "required": false; "isSignal": true; }; "customAllLabel": { "alias": "customAllLabel"; "required": false; "isSignal": true; }; "showOnlySearchResultOverlay": { "alias": "showOnlySearchResultOverlay"; "required": false; "isSignal": true; }; "customSearchEvent": { "alias": "customSearchEvent"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "searched": "searched"; }, never, never, true, never>;
 }
 
 export { Configuration, DEBOUNCE_TIME, DEFAULT_LIMIT, DEFAULT_LIMIT_TYPE, DEFAULT_OFFSET, DEFAULT_ORDER, DEFAULT_SAVE_IN_RECENTS, SEARCH_SERVICE_TOKEN, SearchComponent, isApiServiceWithPromise };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sourceloop/search-client",
-  "version": "9.0.5",
+  "version": "9.1.0",
   "description": "A global search component for search microservice.",
   "peerDependencies": {
     "@angular/animations": "^20.0.3",
@@ -33,7 +33,7 @@
   "author": "Sourcefuse",
   "license": "MIT",
   "private": false,
-  "gitHead": "991375c61ea829f5bdcfb19a76f2b6ae4b0772dd",
+  "gitHead": "e80fcc36df6d9a1be8abd38a4d33a331f668154b",
   "module": "fesm2022/sourceloop-search-client.mjs",
   "typings": "index.d.ts",
   "exports": {