@sourceloop/search-client 8.0.0 → 8.2.1

package/README.md

@@ -19,16 +19,16 @@ npm i @sourceloop/search-client
 Create a new Application using Angular CLI and import the `SearchComponent` in your application.SearchComponent is now a standalone component, so no NgModule is required.Also create a new service that implements the ISearchService interface exported by the search library. This service will be used by the exported component to make API calls whenever needed. You will have to update the providers section of your module with { provide: SEARCH_SERVICE_TOKEN, useExisting: Your_Service_Name }
 
 ```ts
-import { Component } from '@angular/core';
-import { SearchComponent, SEARCH_SERVICE_TOKEN } from '@sourceloop/search-client';
-import { SearchService } from './search.service';
+import {Component} from '@angular/core';
+import {SearchComponent, SEARCH_SERVICE_TOKEN} from '@sourceloop/search-client';
+import {SearchService} from './search.service';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [SearchComponent],
   templateUrl: './app.component.html',
-  providers: [{ provide: SEARCH_SERVICE_TOKEN, useClass: SearchService }],
+  providers: [{provide: SEARCH_SERVICE_TOKEN, useClass: SearchService}],
 })
 export class AppComponent {}
 ```
@@ -74,7 +74,6 @@ Apart from these there are some optional properties that you can give:
 - **noResultMessage (string) :** Message to display in dropdown incase no matching result found.
 - **searchIconClass (string) :** Can be used to give custom icon for search in search bar.
 - **crossIconClass (string) :** Can be used to give custom icon for clearing text input in search bar.
-- **dropDownButtonIconClass (string) :** Can be used to give custom icon for category drop down button.
 - **recentSearchIconClass (string) :** Can be used to give custom icon for recent searches displayed in the search dropdown.
 
 Your component might look something like
@@ -147,6 +146,45 @@ To use the default icons you will have to import the following in your styles.sc
 
 You can also choose to use your own icons by providing classes for icons in the configuration.
 
+### Required Global Styles
+
+The search component uses Angular CDK overlays for the dropdown, which require global styles to function properly.
+
+### Styling and Theming
+
+The search component uses CSS custom properties (CSS variables) for theming, allowing you to customize colors without modifying the library code. You can override these variables in your application's global styles or in a component-specific stylesheet.
+
+#### Available CSS Variables
+
+````scss
+sourceloop-search {
+  --search-background: #f7f7f7; /* Background of the search container */
+  --search-input-background: #f1f3f4; /* Background of the input field */
+  --search-input-text-color: #6b6b6b; /* Text color in the input field */
+  --search-border-hover: #a53159; /* Border color on hover */
+  --search-border-focus: #90003b; /* Border color when focused */
+  --search-dropdown-background: #90003b; /* Background of the category dropdown (on hover/focus) */
+  --search-dropdown-text-color: #ffffff; /* Text color in the category dropdown (on hover/focus) */
+  --search-highlight-bg: #fee8e8; /* Background color for highlighted suggestions */
+  --search-heading-color: #9c9c9c; /* Color of category headings */
+  --search-text-color: #333; /* General text color */
+  --search-icon-color: #33333380; /* Color of icons */
+}
+
+####Example: Custom Theming To customize the search component, add the following
+    to your `component.scss` ```scss
+
+// Customize component colors
+
+:host ::ng-deep sourceloop-search {
+  --search-border-hover: #5c26f1 !important;
+  --search-border-focus: #5c26f1 !important;
+  --search-dropdown-background: #5c26f2 !important;
+}
+````
+
+This allows you to match the search component's appearance with your application's design system.
+
 ## Web Component
 
 This library is also available as a [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components) so users of frameworks like React and Vue can also integrate this search element in their application with minimal effort.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sourceloop/search-client",
-  "version": "8.0.0",
+  "version": "8.2.1",
   "description": "A global search component for search microservice.",
   "peerDependencies": {
     "@angular/animations": "^19.2.17",
@@ -9,7 +9,6 @@
     "@angular/compiler": "^19.2.17",
     "@angular/core": "^19.2.17",
     "@angular/elements": "^19.2.17",
-    "@angular/flex-layout": "~15.0.0-beta.42",
     "@angular/forms": "^19.2.17",
     "@angular/material": "^19.2.17",
     "@angular/platform-browser": "^19.2.17",
@@ -34,7 +33,11 @@
   "author": "Sourcefuse",
   "license": "MIT",
   "private": false,
-  "gitHead": "a19010968b6e90c0a28f47c03826f276c918f162",
+  "files": [
+    "README.md",
+    "dist"
+  ],
+  "gitHead": "afc109afbd7163fdfb98b49fc6f2633fee8bf2e1",
   "module": "fesm2022/sourceloop-search-client.mjs",
   "typings": "index.d.ts",
   "exports": {

package/assets/icomoon/style.css

@@ -1,32 +0,0 @@
-@font-face {
-  font-family: 'icomoon';
-  src: url('fonts/icomoon.ttf?n7v7vk') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-
-.icomoon {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'icomoon', sans-serif !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.arrow_down:before {
-  content: '\eb79';
-}
-.Search:before {
-  content: '\eae0';
-}
-.close:before {
-  content: '\e926';
-}

package/fesm2022/sourceloop-search-client.mjs

@@ -1,564 +0,0 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, EventEmitter, PLATFORM_ID, ViewChild, Output, Input, Inject, Optional, Component } from '@angular/core';
-import { from, Subject } from 'rxjs';
-import { tap, debounceTime } from 'rxjs/operators';
-import * as i3 from '@angular/forms';
-import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import * as i2 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i4 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i5 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i6 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-
-// Copyright (c) 2023 Sourcefuse Technologies
-//
-// This software is released under the MIT License.
-// https://opensource.org/licenses/MIT
-function isApiServiceWithPromise(service) {
-    return !!service
-        .searchApiRequestWithPromise;
-}
-// cant use T extends IReturnType here
-const SEARCH_SERVICE_TOKEN = new InjectionToken('Search_Service_Token');
-// IRequestParameters default values
-const DEFAULT_LIMIT = 20;
-const DEFAULT_LIMIT_TYPE = false;
-const DEFAULT_ORDER = [];
-const DEBOUNCE_TIME = 1000;
-const DEFAULT_OFFSET = 0;
-const DEFAULT_SAVE_IN_RECENTS = true;
-
-class PromiseApiAdapterService {
-    adapt(instance) {
-        // this is a workaround for the fact that the recentSearchApiRequestWithPromise
-        // method is optional in the ISearchServiceWithPromises interface
-        // and type system is not able maintain the type information of a property
-        const recentSearchMethod = instance.recentSearchApiRequestWithPromise;
-        return {
-            searchApiRequest: (requestParameters, saveInRecents) => from(instance.searchApiRequestWithPromise(requestParameters, saveInRecents)),
-            ...(recentSearchMethod && {
-                recentSearchApiRequest: () => from(recentSearchMethod()),
-            }),
-        };
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PromiseApiAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PromiseApiAdapterService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PromiseApiAdapterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-// Copyright (c) 2023 Sourcefuse Technologies
-//
-// This software is released under the MIT License.
-// https://opensource.org/licenses/MIT
-const ALL_LABEL = 'All';
-class SearchComponent {
-    searchService;
-    platformId;
-    cdr;
-    promiseAdapter;
-    searchBoxInput = '';
-    suggestionsDisplay = false;
-    categoryDisplay = false;
-    searching = false;
-    suggestions = [];
-    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 */
-    onChange = () => { };
-    onTouched = () => { };
-    disabled = false;
-    searchInputElement;
-    constructor(searchService, 
-    // tslint:disable-next-line:ban-types
-    platformId, cdr, promiseAdapter) {
-        this.searchService = searchService;
-        this.platformId = platformId;
-        this.cdr = cdr;
-        this.promiseAdapter = promiseAdapter;
-    }
-    ngOnInit() {
-        this.searchRequest$
-            .pipe(tap(v => (this.suggestions = [])), debounceTime(DEBOUNCE_TIME))
-            .subscribe((value) => {
-            this.searched.emit({
-                event: value.event,
-                keyword: value.input,
-                category: this.category,
-            });
-            this.getSuggestions(value);
-            this.cdr.markForCheck();
-        });
-    }
-    // ControlValueAccessor Implementation
-    writeValue(value) {
-        this.searchBoxInput = value;
-    }
-    // When the value in the UI is changed, this method will invoke a callback function
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.disabled = isDisabled;
-    }
-    getSuggestions(eventValue) {
-        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) {
-            if (!eventValue.event ||
-                (eventValue.event instanceof KeyboardEvent &&
-                    eventValue.event.key === 'Enter')) {
-                saveInRecents = true; // save in recents only on enter or change in category
-            }
-            else {
-                // do not save in recent search on typing
-                saveInRecents = false;
-            }
-        }
-        /* need to put default value here and not in contructor
-        because sonar was giving code smell with definite assertion as all these
-         parameters are optional */
-        const requestParameters = {
-            match: eventValue.input,
-            sources: this._categoryToSourceName(this.category),
-            limit: this.config.limit ?? DEFAULT_LIMIT,
-            limitByType: this.config.limitByType ?? DEFAULT_LIMIT_TYPE,
-            order: orderString,
-            offset: this.config.offset ?? DEFAULT_OFFSET,
-        };
-        this.searching = true;
-        this.cdr.markForCheck();
-        this.searchService
-            .searchApiRequest(requestParameters, saveInRecents)
-            .subscribe((value) => {
-            this.suggestions = value;
-            this.searching = false;
-            this.cdr.markForCheck();
-        }, (_error) => {
-            this.suggestions = [];
-            this.searching = false;
-            this.cdr.markForCheck();
-        });
-    }
-    getRecentSearches() {
-        if (!this.config.hideRecentSearch &&
-            this.searchService.recentSearchApiRequest) {
-            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) {
-        // this will happen only in case user searches something and
-        // then erases it, we need to update recent search
-        if (!this.searchBoxInput) {
-            this.suggestions = [];
-            this.getRecentSearches();
-            return;
-        }
-        // no debounce time needed in case of searchOnlyOnEnter
-        if (this.config.searchOnlyOnEnter) {
-            if (!event || (event instanceof KeyboardEvent && event.key === 'Enter')) {
-                this.getSuggestions({ input: this.searchBoxInput, event });
-            }
-            return;
-        }
-        // no debounce time needed in case of change in category
-        if (!event) {
-            this.getSuggestions({ input: this.searchBoxInput, event });
-            return;
-        }
-        this.searchRequest$.next({
-            input: this.searchBoxInput,
-            event,
-        });
-    }
-    populateValue(suggestion, event) {
-        const value = suggestion[this.config.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
-        this.onChange(this.searchBoxInput);
-        // need to do this to show more search options for selected
-        //suggestion - just in case user reopens search input
-        this.getSuggestions({ input: this.searchBoxInput, event });
-        this.clicked.emit({ item: suggestion, event });
-    }
-    populateValueRecentSearch(recentSearch, event) {
-        event.stopPropagation();
-        event.preventDefault();
-        const value = recentSearch['match'];
-        this.searchBoxInput = value;
-        this.suggestionsDisplay = false;
-        this.onChange(this.searchBoxInput);
-        // need to do this to show more search options for selected
-        // suggestion - just in case user reopens search input
-        this.getSuggestions({ input: this.searchBoxInput, event });
-        this.focusInput();
-        this.showSuggestions();
-    }
-    fetchModelImageUrlFromSuggestion(suggestion) {
-        const modelName = suggestion['source'];
-        let url;
-        this.config.models.forEach(model => {
-            if (model.name === modelName && model.imageUrl) {
-                url = model.imageUrl;
-            }
-        });
-        return url;
-    }
-    boldString(str, substr) {
-        const strRegExp = new RegExp(`(${substr})`, 'gi');
-        const stringToMakeBold = str;
-        return stringToMakeBold.replace(strRegExp, `<b>$1</b>`);
-    }
-    hideSuggestions() {
-        this.suggestionsDisplay = false;
-        this.onTouched();
-    }
-    showSuggestions() {
-        this.suggestionsDisplay = true;
-        this.getRecentSearches();
-    }
-    focusInput() {
-        if (isPlatformBrowser(this.platformId) &&
-            !this.showOnlySearchResultOverlay) {
-            this.searchInputElement.nativeElement.focus();
-        }
-    }
-    setCategory(category) {
-        this.category = category;
-        this.categoryDisplay = false;
-        if (this.searchBoxInput) {
-            this.hitSearchApi();
-            this.focusInput();
-            this.showSuggestions();
-        }
-    }
-    showCategory() {
-        this.categoryDisplay = !this.categoryDisplay;
-    }
-    hideCategory() {
-        this.categoryDisplay = false;
-    }
-    resetInput() {
-        this.searchBoxInput = '';
-        this.suggestions = [];
-        this.suggestionsDisplay = true;
-        this.focusInput();
-        // ngModelChange doesn't detect change in value
-        // when populated from outside, hence calling manually
-        this.onChange(this.searchBoxInput);
-        this.getRecentSearches();
-    }
-    ngOnDestroy() {
-        this.searchRequest$.unsubscribe();
-    }
-    _categoryToSourceName(category) {
-        if ([ALL_LABEL, this.customAllLabel].includes(category)) {
-            return [];
-        }
-        else {
-            return [category];
-        }
-    }
-    getModelFromModelName(name) {
-        return this.config.models.find(item => item.name === name);
-    }
-    getModelsWithSuggestions() {
-        const modelsWithSuggestions = [];
-        const sources = [];
-        this.suggestions.forEach(suggestion => {
-            if (sources.indexOf(suggestion['source']) >= 0) {
-                modelsWithSuggestions.every(modelWithSuggestions => {
-                    if (modelWithSuggestions.model.name === suggestion['source']) {
-                        modelWithSuggestions.items.push(suggestion);
-                        return false;
-                    }
-                    return true;
-                });
-            }
-            else {
-                const model = this.getModelFromModelName(suggestion['source']);
-                modelsWithSuggestions.push({ model, items: [suggestion] });
-                sources.push(suggestion['source']);
-            }
-        });
-        return modelsWithSuggestions;
-    }
-    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();
-            this.hitSearchApi();
-        }
-        else {
-            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: "19.2.17", 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: "19.2.17", 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: [
-            {
-                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 fxLayout fxLayoutAlign=\"start center\" 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        placeholder=\"Search\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"config.searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"config.crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n  \n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\n      <mat-icon matSuffix [className]=\"config.dropDownButtonIconClass\"></mat-icon>\n      <mat-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n      >\n        <mat-option [value]=\"model.name\" *ngFor=\"let model of config.models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</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                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!config.categorizeResults\">\n        <div class=\"search-result\">\n          <ul>\n            <li\n              *ngFor=\"let suggestion of suggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n            >\n              <!--Need to call fetchModelImageUrlFromSuggestion as each suggestion can come from different model-->\n              <img\n                *ngIf=\"\n                  !titleTemplate && fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\n                style=\"margin-right: 5px\"\n                alt=\"Img\"\n              />\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"!config.hideRecentSearch && recentSearches.length > 0\">\n      <div class=\"recent-searches\">\n        <h3 class=\"suggestions-heading\">Recent Searches</h3>\n        <ul>\n          <li\n            *ngFor=\"let recentSearch of recentSearches\"\n            class=\"suggestions\"\n            (mousedown)=\"populateValueRecentSearch(recentSearch, $event)\"\n          >\n            <mat-icon\n              matPrefix\n              [className]=\"config.recentSearchIconClass\"\n            ></mat-icon>\n\n            <span>&nbsp;{{ recentSearch.match }}</span>\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [":host ::ng-deep .mat-form-field-wrapper{padding:0}:host ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix{margin-right:12px}.toolbar-search-input{width:86%}.toolbar-search-input ::ng-deep input{margin:0}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none;border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:#33333380;padding-bottom:4px}.icomoon.close{cursor:pointer}.toolbar-search-select{width:14%}.toolbar-search-select ::ng-deep .mat-select-arrow{opacity:0}.toolbar-search-select ::ng-deep .mat-select-arrow-wrapper{display:inline-block;width:1px}.toolbar-search-select ::ng-deep .mat-select-value-text{font-size:9px}.toolbar-search-select ::ng-deep .mat-form-field-suffix .mat-icon{width:12px;font-size:14px}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent;border-radius:0}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-infix{-webkit-padding-before:.7em}.toolbar-search{width:515px;background-color:#f7f7f7;border-radius:0 0 4px 4px}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{height:39px;align-items:center}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0}.toolbar-search ::ng-deep .mat-form-field-infix{height:auto}.search-container{position:relative;width:515px}.search-container .search-popup{padding:0 15px 15px;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 5px 4px #0003;border-radius:0 0 4px 4px}.search-container .search-popup hr{border:0;border-top:1px solid #ebebeb;margin:0;position:sticky;top:0;padding:0 0 15px;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:16px;padding-top:12px}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:12px;margin-bottom:15px;padding-top:12px}.search-container .search-popup ul{padding:0;margin:0}.search-container .search-popup ul li{list-style:none;font-size:1rem;font-weight:400;line-height:1.5;color:#333}.search-container .search-popup ul li.suggestions{font-size:15px;line-height:36px;padding:0 15px 0 44px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:#fee8e8}.search-container .search-popup ul li.suggestions svg{margin-right:5px}.search-container .search-popup ul li.suggestions-categorize-false:hover{background-color:#fee8e8}.search-container .search-popup .search-result{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .search-result.no-categorize-result ul{width:100%;padding:0;margin:0 0 10px}.search-container .search-popup .search-result.no-categorize-result ul li{font-size:15px;line-height:36px;padding:0 15px 0 31px;display:flex;align-items:center;cursor:pointer}.search-container .search-popup .search-result.no-categorize-result ul li:hover{background-color:#fee8e8}.search-container .search-popup .search-result.no-categorize-result ul li img{width:18px;margin-right:9px}.search-container .search-popup .suggestions-heading{color:#9c9c9c;font-size:14px;font-weight:400;margin:0 0 10px 17px;display:flex;align-items:center;position:relative}.search-container .search-popup .suggestions-heading .show-more{position:absolute;right:20px;color:#d1d1d1;font-size:12px;cursor:pointer;text-decoration:none}.search-container .search-popup .suggestions-heading .show-more :hover{text-decoration:underline}.search-container .search-popup .suggestions-heading img{width:18px;margin-right:9px}.search-container .search-popup .recent-searches{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .recent-searches ul{display:inline-block;width:100%}.search-container .search-popup .recent-searches ul li.suggestions{display:flex}.search-container .search-popup .recent-searches ul li.suggestions span{width:100%;overflow:hidden;text-overflow:ellipsis}.search-container .search-popup .recent-searches .suggestions{display:flex}.search-container .search-popup .recent-searches .suggestions-heading{margin-left:30px}.search-container .search-popup .recent-searches li.suggestions{padding-left:31px}::ng-deep .search-select.mat-select-panel{margin-top:30px;margin-left:10px}::ng-deep .search-select .mat-option-text{display:contents}::ng-deep .toolbar-search .mat-form-field-infix{font-size:14px}::ng-deep .toolbar-search input{line-height:14px}::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-start,::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-end{background-color:#f1f3f4}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:1px;border-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:1px solid #a53159;border-left-style:none;border-right-style:none;border-top-right-radius:0;border-bottom-right-radius:0}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent;background-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:1px;border-color:#a53159;background-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:2px;border-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:2px solid #90003b;border-left-style:none;border-right-style:none;border-top-right-radius:0;border-bottom-right-radius:0}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent;background-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:2px;border-color:#90003b;background-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search .mat-select-arrow{opacity:0}\n"], 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: "19.2.17", ngImport: i0, type: SearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sourceloop-search', standalone: true, providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: SearchComponent,
-                            multi: true,
-                        },
-                    ], imports: [
-                        CommonModule,
-                        FormsModule,
-                        MatIconModule,
-                        MatSelectModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                    ], template: "<ng-container *ngIf=\"!showOnlySearchResultOverlay\">\n  <div fxLayout fxLayoutAlign=\"start center\" 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        placeholder=\"Search\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"config.searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"config.crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n  \n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\n      <mat-icon matSuffix [className]=\"config.dropDownButtonIconClass\"></mat-icon>\n      <mat-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n      >\n        <mat-option [value]=\"model.name\" *ngFor=\"let model of config.models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</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                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!config.categorizeResults\">\n        <div class=\"search-result\">\n          <ul>\n            <li\n              *ngFor=\"let suggestion of suggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n            >\n              <!--Need to call fetchModelImageUrlFromSuggestion as each suggestion can come from different model-->\n              <img\n                *ngIf=\"\n                  !titleTemplate && fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\n                style=\"margin-right: 5px\"\n                alt=\"Img\"\n              />\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"!config.hideRecentSearch && recentSearches.length > 0\">\n      <div class=\"recent-searches\">\n        <h3 class=\"suggestions-heading\">Recent Searches</h3>\n        <ul>\n          <li\n            *ngFor=\"let recentSearch of recentSearches\"\n            class=\"suggestions\"\n            (mousedown)=\"populateValueRecentSearch(recentSearch, $event)\"\n          >\n            <mat-icon\n              matPrefix\n              [className]=\"config.recentSearchIconClass\"\n            ></mat-icon>\n\n            <span>&nbsp;{{ recentSearch.match }}</span>\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n  </div>\n</div>\n", styles: [":host ::ng-deep .mat-form-field-wrapper{padding:0}:host ::ng-deep .mat-form-field-wrapper .mat-form-field-prefix{margin-right:12px}.toolbar-search-input{width:86%}.toolbar-search-input ::ng-deep input{margin:0}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent}.toolbar-search-input ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none;border-radius:0}.icomoon.Search,.icomoon.close{height:1rem;width:1rem;font-size:1rem;color:#33333380;padding-bottom:4px}.icomoon.close{cursor:pointer}.toolbar-search-select{width:14%}.toolbar-search-select ::ng-deep .mat-select-arrow{opacity:0}.toolbar-search-select ::ng-deep .mat-select-arrow-wrapper{display:inline-block;width:1px}.toolbar-search-select ::ng-deep .mat-select-value-text{font-size:9px}.toolbar-search-select ::ng-deep .mat-form-field-suffix .mat-icon{width:12px;font-size:14px}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-start{border-color:transparent;border-radius:0}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-outline:first-child .mat-form-field-outline-end{border:none}.toolbar-search-select ::ng-deep .mat-form-field-flex .mat-form-field-infix{-webkit-padding-before:.7em}.toolbar-search{width:515px;background-color:#f7f7f7;border-radius:0 0 4px 4px}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-flex{height:39px;align-items:center}.toolbar-search ::ng-deep .mat-form-field-appearance-outline .mat-form-field-wrapper{margin:0}.toolbar-search ::ng-deep .mat-form-field-infix{height:auto}.search-container{position:relative;width:515px}.search-container .search-popup{padding:0 15px 15px;margin:0;max-height:80vh;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;left:0;right:0;z-index:9999;background-color:#fff;box-shadow:0 5px 4px #0003;border-radius:0 0 4px 4px}.search-container .search-popup hr{border:0;border-top:1px solid #ebebeb;margin:0;position:sticky;top:0;padding:0 0 15px;z-index:1}.search-container .search-popup .search-message{display:inline-block;width:100%;text-align:center;font-size:16px;padding-top:12px}.search-container .search-popup .search-item-info{color:#91263b;text-align:center;font-size:12px;margin-bottom:15px;padding-top:12px}.search-container .search-popup ul{padding:0;margin:0}.search-container .search-popup ul li{list-style:none;font-size:1rem;font-weight:400;line-height:1.5;color:#333}.search-container .search-popup ul li.suggestions{font-size:15px;line-height:36px;padding:0 15px 0 44px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.search-container .search-popup ul li.suggestions:hover{background-color:#fee8e8}.search-container .search-popup ul li.suggestions svg{margin-right:5px}.search-container .search-popup ul li.suggestions-categorize-false:hover{background-color:#fee8e8}.search-container .search-popup .search-result{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .search-result.no-categorize-result ul{width:100%;padding:0;margin:0 0 10px}.search-container .search-popup .search-result.no-categorize-result ul li{font-size:15px;line-height:36px;padding:0 15px 0 31px;display:flex;align-items:center;cursor:pointer}.search-container .search-popup .search-result.no-categorize-result ul li:hover{background-color:#fee8e8}.search-container .search-popup .search-result.no-categorize-result ul li img{width:18px;margin-right:9px}.search-container .search-popup .suggestions-heading{color:#9c9c9c;font-size:14px;font-weight:400;margin:0 0 10px 17px;display:flex;align-items:center;position:relative}.search-container .search-popup .suggestions-heading .show-more{position:absolute;right:20px;color:#d1d1d1;font-size:12px;cursor:pointer;text-decoration:none}.search-container .search-popup .suggestions-heading .show-more :hover{text-decoration:underline}.search-container .search-popup .suggestions-heading img{width:18px;margin-right:9px}.search-container .search-popup .recent-searches{padding:10px 0 0;margin:0 -15px}.search-container .search-popup .recent-searches ul{display:inline-block;width:100%}.search-container .search-popup .recent-searches ul li.suggestions{display:flex}.search-container .search-popup .recent-searches ul li.suggestions span{width:100%;overflow:hidden;text-overflow:ellipsis}.search-container .search-popup .recent-searches .suggestions{display:flex}.search-container .search-popup .recent-searches .suggestions-heading{margin-left:30px}.search-container .search-popup .recent-searches li.suggestions{padding-left:31px}::ng-deep .search-select.mat-select-panel{margin-top:30px;margin-left:10px}::ng-deep .search-select .mat-option-text{display:contents}::ng-deep .toolbar-search .mat-form-field-infix{font-size:14px}::ng-deep .toolbar-search input{line-height:14px}::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-start,::ng-deep .toolbar-search .mat-form-field-outline:first-child .mat-form-field-outline-end{background-color:#f1f3f4}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:1px;border-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:1px solid #a53159;border-left-style:none;border-right-style:none;border-top-right-radius:0;border-bottom-right-radius:0}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent;background-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:1px;border-color:#a53159;background-color:#a53159}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff}::ng-deep .toolbar-search:hover .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-width:2px;border-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-input.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border:2px solid #90003b;border-left-style:none;border-right-style:none;border-top-right-radius:0;border-bottom-right-radius:0}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-start{border-radius:0;border-color:transparent;background-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-form-field-outline .mat-form-field-outline-end{border-width:2px;border-color:#90003b;background-color:#90003b}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .mat-select{color:#fff}::ng-deep .toolbar-search:focus-within .toolbar-search-select.mat-form-field:not(.mat-form-field-disabled) .icomoon.arrow_down{color:#fff}::ng-deep .toolbar-search .mat-select-arrow{opacity:0}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SEARCH_SERVICE_TOKEN]
-                }, {
-                    type: Optional
-                }] }, { 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: ViewChild,
-                args: ['searchInput']
-            }] } });
-
-class Configuration {
-    /** property to be displayed in the results */
-    displayPropertyName;
-    /** list of model configuration to be render and categorize search results */
-    models;
-    /** max number of results (based on limitByType option) */
-    limit;
-    /** apply limit on individual models, or on overall results */
-    limitByType;
-    /** apply a particular ordering on results */
-    order;
-    /** offset for results in case limit is used */
-    offset;
-    /** save the search query in recent history */
-    saveInRecents;
-    /** a placeholder to display in the search box */
-    placeholder;
-    /** a function to generate placeholder, overrides the placeholder property */
-    placeholderFunction;
-    /** categorize results on the basis of models provided */
-    categorizeResults;
-    /** hides the recent search list */
-    hideRecentSearch;
-    /** hide the category selection button */
-    hideCategorizeButton;
-    /** save value in recent search only on enter or change in category,
-     *  if false, also saved on typing */
-    saveInRecentsOnlyOnEnter;
-    /** search only on enter key or when category is changed */
-    searchOnlyOnEnter;
-    noResultMessage;
-    searchIconClass;
-    crossIconClass;
-    dropDownButtonIconClass;
-    recentSearchIconClass;
-    constructor(d) {
-        checkForError(d);
-        this.displayPropertyName = d.displayPropertyName;
-        this.models = d.models;
-        /* IRequestParameters - will be given default values before call is made in case undefined/null,
-        otherwise there ! is used on which sonar gives code smell */
-        this.limit = d.limit;
-        this.limitByType = d.limitByType;
-        this.order = d.order;
-        this.offset = d.offset;
-        this.saveInRecents = d.saveInRecents;
-        const displayTexts = setDisplayText(d);
-        this.noResultMessage = displayTexts.noResultMessage;
-        this.placeholder = displayTexts.placeholder;
-        this.placeholderFunction = displayTexts.placeholderFunction;
-        const searchConfig = setSearchConfig(d);
-        this.categorizeResults = searchConfig.categorizeResults;
-        this.hideRecentSearch = searchConfig.hideRecentSearch;
-        this.hideCategorizeButton = searchConfig.hideCategorizeButton;
-        this.saveInRecentsOnlyOnEnter = searchConfig.saveInRecentsOnlyOnEnter;
-        this.searchOnlyOnEnter = searchConfig.searchOnlyOnEnter;
-        const classes = setIconClasses(d);
-        this.searchIconClass = classes.searchIconClass;
-        this.crossIconClass = classes.crossIconClass;
-        this.dropDownButtonIconClass = classes.dropDownButtonIconClass;
-        this.recentSearchIconClass = classes.recentSearchIconClass;
-    }
-}
-function checkForError(d) {
-    if (d.categorizeResults === false &&
-        (d.hideCategorizeButton === false || d.hideCategorizeButton === undefined)) {
-        throw new Error('You must provide hideCategorizeButton:true as categorizeResults is false');
-    }
-    if (d.saveInRecents === false && d.saveInRecentsOnlyOnEnter === true) {
-        throw new Error('You must provide saveInRecents:true for saveInRecentsOnlyOnEnter:true');
-    }
-}
-function setDisplayText(d) {
-    return {
-        placeholder: d.placeholder ?? 'Search',
-        noResultMessage: d.noResultMessage ?? 'No result found',
-        placeholderFunction: d.placeholderFunction,
-    };
-}
-function setSearchConfig(d) {
-    return {
-        categorizeResults: d.categorizeResults ?? true,
-        hideRecentSearch: d.hideRecentSearch ?? false,
-        hideCategorizeButton: d.hideCategorizeButton ?? false,
-        saveInRecentsOnlyOnEnter: d.saveInRecentsOnlyOnEnter ?? false,
-        searchOnlyOnEnter: d.searchOnlyOnEnter ?? false,
-    };
-}
-function setIconClasses(d) {
-    return {
-        searchIconClass: d.searchIconClass ?? 'icomoon Search',
-        crossIconClass: d.crossIconClass ?? 'icomoon close',
-        dropDownButtonIconClass: d.dropDownButtonIconClass ?? 'icomoon arrow_down',
-        recentSearchIconClass: d.recentSearchIconClass ?? 'icomoon Search',
-    };
-}
-
-// Copyright (c) 2023 Sourcefuse Technologies
-//
-// This software is released under the MIT License.
-// https://opensource.org/licenses/MIT
-/*
- * Public API Surface of my-lib
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Configuration, DEBOUNCE_TIME, DEFAULT_LIMIT, DEFAULT_LIMIT_TYPE, DEFAULT_OFFSET, DEFAULT_ORDER, DEFAULT_SAVE_IN_RECENTS, SEARCH_SERVICE_TOKEN, SearchComponent, isApiServiceWithPromise };
-//# sourceMappingURL=sourceloop-search-client.mjs.map

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

@@ -1 +0,0 @@
-{"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 fxLayout fxLayoutAlign=\"start center\" 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        placeholder=\"Search\"\n        (ngModelChange)=\"onChange(this.searchBoxInput)\"\n        [disabled]=\"disabled\"\n      />\n      <mat-icon matPrefix [className]=\"config.searchIconClass\"></mat-icon>\n      <mat-icon\n        *ngIf=\"searchBoxInput\"\n        matSuffix\n        [className]=\"config.crossIconClass\"\n        (click)=\"resetInput()\"\n      ></mat-icon>\n    </mat-form-field>\n  \n    <mat-form-field appearance=\"outline\" class=\"toolbar-search-select\">\n      <mat-icon matSuffix [className]=\"config.dropDownButtonIconClass\"></mat-icon>\n      <mat-select\n        [value]=\"category\"\n        (selectionChange)=\"setCategory($event.value)\"\n        panelClass=\"search-select\"\n      >\n        <mat-option [value]=\"model.name\" *ngFor=\"let model of config.models\">\n          {{ model.displayName }}\n        </mat-option>\n      </mat-select>\n    </mat-form-field>\n  </div>\n</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                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"!config.categorizeResults\">\n        <div class=\"search-result\">\n          <ul>\n            <li\n              *ngFor=\"let suggestion of suggestions\"\n              (mousedown)=\"populateValue(suggestion, $event)\"\n            >\n              <!--Need to call fetchModelImageUrlFromSuggestion as each suggestion can come from different model-->\n              <img\n                *ngIf=\"\n                  !titleTemplate && fetchModelImageUrlFromSuggestion(suggestion)\n                \"\n                class=\"suggestions-categorize-false\"\n                [src]=\"fetchModelImageUrlFromSuggestion(suggestion)\"\n                style=\"margin-right: 5px\"\n                alt=\"Img\"\n              />\n              <ng-container *ngIf=\"subtitleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    subtitleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n              <p\n                *ngIf=\"!titleTemplate\"\n                [innerHTML]=\"\n                  boldString(\n                    suggestion[config.displayPropertyName],\n                    searchBoxInput\n                  )\n                \"\n                style=\"display: inline\"\n              ></p>\n              <ng-container *ngIf=\"titleTemplate\">\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    titleTemplate;\n                    context: {$implicit: suggestion}\n                  \"\n                >\n                </ng-container>\n              </ng-container>\n            </li>\n          </ul>\n        </div>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"!config.hideRecentSearch && recentSearches.length > 0\">\n      <div class=\"recent-searches\">\n        <h3 class=\"suggestions-heading\">Recent Searches</h3>\n        <ul>\n          <li\n            *ngFor=\"let recentSearch of recentSearches\"\n            class=\"suggestions\"\n            (mousedown)=\"populateValueRecentSearch(recentSearch, $event)\"\n          >\n            <mat-icon\n              matPrefix\n              [className]=\"config.recentSearchIconClass\"\n            ></mat-icon>\n\n            <span>&nbsp;{{ recentSearch.match }}</span>\n          </li>\n        </ul>\n      </div>\n    </ng-container>\n  </div>\n</div>\n","// 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 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@sourceloop/search-client" />
-export * from './public-api';

package/lib/lib-configuration.d.ts

@@ -1,38 +0,0 @@
-import { IDefaultReturnType, IModel } from './types';
-export declare class Configuration<T = IDefaultReturnType> {
-    /** property to be displayed in the results */
-    displayPropertyName: keyof T;
-    /** list of model configuration to be render and categorize search results */
-    models: IModel[];
-    /** max number of results (based on limitByType option) */
-    limit?: number;
-    /** apply limit on individual models, or on overall results */
-    limitByType?: boolean;
-    /** apply a particular ordering on results */
-    order?: string[];
-    /** offset for results in case limit is used */
-    offset?: number;
-    /** save the search query in recent history */
-    saveInRecents?: boolean;
-    /** a placeholder to display in the search box */
-    placeholder?: string;
-    /** a function to generate placeholder, overrides the placeholder property */
-    placeholderFunction?: (input: string, category: string) => string;
-    /** categorize results on the basis of models provided */
-    categorizeResults?: boolean;
-    /** hides the recent search list */
-    hideRecentSearch?: boolean;
-    /** hide the category selection button */
-    hideCategorizeButton?: boolean;
-    /** save value in recent search only on enter or change in category,
-     *  if false, also saved on typing */
-    saveInRecentsOnlyOnEnter?: boolean;
-    /** search only on enter key or when category is changed */
-    searchOnlyOnEnter?: boolean;
-    noResultMessage?: string;
-    searchIconClass?: string;
-    crossIconClass?: string;
-    dropDownButtonIconClass?: string;
-    recentSearchIconClass?: string;
-    constructor(d: Configuration<T>);
-}

package/lib/search/promise-api-adapter.service.d.ts

@@ -1,7 +0,0 @@
-import { IReturnType, ISearchService, ISearchServiceWithPromises } from '../types';
-import * as i0 from "@angular/core";
-export 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>>;
-}

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

@@ -1,81 +0,0 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { Configuration } from '../lib-configuration';
-import { Subject } from 'rxjs';
-import { ControlValueAccessor } from '@angular/forms';
-import { CustomSearchEvent, ISearchService, ISearchQuery, IReturnType, RecentSearchEvent, TypeEvent, ItemClickedEvent, IModel, ISearchServiceWithPromises } from '../types';
-import { PromiseApiAdapterService } from './promise-api-adapter.service';
-import * as i0 from "@angular/core";
-export declare class SearchComponent<T extends IReturnType> implements OnInit, OnDestroy, ControlValueAccessor {
-    private searchService;
-    private readonly platformId;
-    private readonly cdr;
-    private readonly promiseAdapter;
-    searchBoxInput: string;
-    suggestionsDisplay: boolean;
-    categoryDisplay: boolean;
-    searching: boolean;
-    suggestions: T[];
-    recentSearches: ISearchQuery[];
-    category: string;
-    searchRequest$: Subject<{
-        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>;
-    onChange: (value: string | undefined) => void;
-    onTouched: () => void;
-    disabled: boolean;
-    searchInputElement: ElementRef;
-    constructor(searchService: ISearchService<T>, platformId: Object, cdr: ChangeDetectorRef, promiseAdapter: PromiseApiAdapterService<T>);
-    ngOnInit(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string | undefined) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState?(isDisabled: boolean): void;
-    getSuggestions(eventValue: TypeEvent): void;
-    getRecentSearches(): void;
-    hitSearchApi(event?: Event): void;
-    populateValue(suggestion: T, event: MouseEvent): void;
-    populateValueRecentSearch(recentSearch: ISearchQuery, event: MouseEvent): void;
-    fetchModelImageUrlFromSuggestion(suggestion: T): string | undefined;
-    boldString(str: T[keyof T] | string, substr: string): string;
-    hideSuggestions(): void;
-    showSuggestions(): void;
-    focusInput(): void;
-    setCategory(category: string): void;
-    showCategory(): void;
-    hideCategory(): void;
-    resetInput(): void;
-    ngOnDestroy(): void;
-    _categoryToSourceName(category: string): string[];
-    getModelFromModelName(name: string): IModel;
-    getModelsWithSuggestions(): {
-        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>;
-}

package/lib/types.d.ts

@@ -1,57 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { Observable } from 'rxjs';
-export interface ISearchQuery {
-    match: string;
-    limit: number | null;
-    order: string | null;
-    limitByType: boolean | null;
-    offset: number | null;
-    sources: string[] | null;
-}
-export interface IModel {
-    name: string;
-    displayName: string;
-    imageUrl?: string;
-    icon?: string;
-}
-export interface IReturnType {
-    rank: number;
-    source: string;
-}
-export interface IDefaultReturnType extends IReturnType {
-    name: string;
-    description: string;
-}
-export interface ISearchService<T extends IReturnType> {
-    searchApiRequest(requestParameters: ISearchQuery, saveInRecents: boolean): Observable<T[]>;
-    recentSearchApiRequest?(): Observable<ISearchQuery[]>;
-}
-export interface ISearchServiceWithPromises<T extends IReturnType> {
-    searchApiRequestWithPromise(requestParameters: ISearchQuery, saveInRecents: boolean): Promise<T[]>;
-    recentSearchApiRequestWithPromise?(): Promise<ISearchQuery[]>;
-}
-export declare function isApiServiceWithPromise(service: ISearchService<IReturnType> | ISearchServiceWithPromises<IReturnType>): service is ISearchServiceWithPromises<IReturnType>;
-export declare const SEARCH_SERVICE_TOKEN: InjectionToken<ISearchService<IReturnType>>;
-export type RecentSearchEvent = {
-    event?: Event;
-    keyword: string;
-    category: string;
-};
-export type ItemClickedEvent<T> = {
-    event: MouseEvent;
-    item: T;
-};
-export type TypeEvent = {
-    event?: Event;
-    input: string;
-};
-export declare const DEFAULT_LIMIT = 20;
-export declare const DEFAULT_LIMIT_TYPE = false;
-export declare const DEFAULT_ORDER: never[];
-export declare const DEBOUNCE_TIME = 1000;
-export declare const DEFAULT_OFFSET = 0;
-export declare const DEFAULT_SAVE_IN_RECENTS = true;
-export type CustomSearchEvent = {
-    searchValue: string;
-    modelName: string;
-};

package/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './lib/search/search.component';
-export * from './lib/lib-configuration';
-export * from './lib/types';