@wavemaker/app-ng-runtime 11.10.2-rc.6065 → 11.10.3-next.25128

package/components/basic/rich-text-editor/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.props.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.component.html","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.component.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.module.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const richTextProps = new Map(\n    [\n        ['class', PROP_STRING],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['height', PROP_STRING],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['name', PROP_STRING],\n        ['placeholder', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['showpreview', {value: false, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-richtexteditor',\n        richTextProps\n    );\n    registerFormWidget(\n        FormWidgetType.RICHTEXT,\n        new Map(richTextProps)\n    );\n};\n","<div richTextEditor></div>\n<div [innerHTML]=\"proxyModel\" class=\"ta-preview\" *ngIf=\"showpreview\"></div>\n<input class=\"model-holder\" [disabled]=\"disabled\" hidden>\n","import {Component, Inject, Injector, NgZone, OnDestroy, OnInit, Optional, SecurityContext} from '@angular/core';\nimport {NG_VALUE_ACCESSOR} from '@angular/forms';\n\nimport {setAttr, setCSS, setHtml} from '@wm/core';\nimport {APPLY_STYLES_TYPE, provideAs, provideAsWidgetRef, SanitizePipe, styler} from '@wm/components/base';\nimport {BaseFormCustomComponent} from '@wm/components/input';\n\nimport {registerProps} from './rich-text-editor.props';\nimport {extend} from \"lodash-es\";\n\n\nconst WIDGET_INFO = {widgetType: 'wm-richtexteditor', hostClass: 'app-richtexteditor clearfix'};\n\nconst getChangeEvt = () => {\n    let changeEvt;\n    // for IE the event constructor doesn't work so use the createEvent proto\n    if (typeof(Event) === 'function') {\n        changeEvt = new Event('change');\n    } else {\n        changeEvt = document.createEvent('Event');\n        changeEvt.initEvent('change', true, true);\n    }\n    return changeEvt;\n};\n\ndeclare const _, $;\n\nconst overrideSummerNote = () => {\n    if (!$.summernote.__overidden) {\n        // override summernote methods\n\n        const origFn = $.summernote.ui_template().button.bind($.summernote);\n\n        $.summernote.ui_template.button = (...args) => {\n\n            const retVal = origFn(...args);\n            const origCallback = retVal.callback;\n\n            retVal.callback = ($node, options) => {\n                // add bs3 btn class to the buttons\n                $node.addClass('btn');\n                return origCallback($node, options);\n            };\n            return retVal;\n        };\n        $.summernote.__overidden = true;\n    }\n};\n\n@Component({\n    selector: 'div[wmRichTextEditor]',\n    templateUrl: './rich-text-editor.component.html',\n    providers: [\n        provideAs(RichTextEditorComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(RichTextEditorComponent)\n    ],\n    exportAs: 'wmRichTextEditor'\n})\nexport class RichTextEditorComponent extends BaseFormCustomComponent implements OnInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    $richTextEditor;\n    $hiddenInputEle;\n\n    proxyModel;\n    _operationStack = [];\n    isEditorLoaded = false;\n\n    public showpreview: any;\n    public disabled: boolean;\n\n    EDITOR_DEFAULT_OPTIONS = {\n        toolbar: [\n            // [groupName, [list of button]]\n            ['misc', ['undo', 'redo']],\n            ['style', ['style']],\n            ['fontname', ['fontname']],\n            ['fontsize', ['fontsize']],\n            ['height', ['height']],\n            ['style', ['bold', 'italic', 'underline', 'clear']],\n            ['font', ['strikethrough', 'superscript', 'subscript']],\n            ['color', ['color']],\n            ['insert', ['table', 'picture', 'link', 'video', 'hr']],\n            ['para', ['ul', 'ol', 'paragraph']],\n            ['misc', ['codeview', 'fullscreen', 'help']]\n        ],\n        callbacks: {\n            onInit: () => {\n                this.isEditorLoaded = true;\n                if (this._operationStack.length) {\n                    this._operationStack.forEach(operationParam => {\n                        const key = Array.from(operationParam.keys())[0],\n                            val = operationParam.get(key);\n                        this.performEditorOperation(key, val);\n                    });\n                    this._operationStack = [];\n                }\n            },\n            onChange: (contents, editable) => {\n                this.proxyModel = this.sanitizePipe.transform(contents, SecurityContext.HTML);\n                this.invokeOnChange(contents, getChangeEvt(), true);\n                this.invokeOnTouched();\n            }\n        },\n        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Merriweather'],\n        placeholder: 'write here...',\n        minHeight: 100,\n        disableResizeEditor: true\n    };\n\n    get htmlcontent() {\n        return this.performEditorOperation('code');\n    }\n\n    // @ts-ignore\n    get datavalue() {\n        return this.htmlcontent;\n    }\n\n    // @ts-ignore\n    set datavalue(nv) {\n        if (nv !== undefined && nv !== null) {\n            this.$hiddenInputEle.val(nv);\n            this.performEditorOperation('reset');\n            this.performEditorOperation('code', nv);\n        }\n    }\n\n    constructor(inj: Injector, private sanitizePipe: SanitizePipe, private ngZone: NgZone, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_INFO, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER, ['height']);\n        overrideSummerNote();\n    }\n\n    ngOnInit() {\n        this.$richTextEditor = $(this.nativeElement.querySelector('[richTextEditor]'));\n        this.$hiddenInputEle = $(this.nativeElement.querySelector('input.model-holder'));\n        super.ngOnInit();\n        this.initEditor();\n        $('.note-editable').attr('aria-label', 'textbox');\n    }\n\n    initEditor() {\n        this.ngZone.runOutsideAngular(() => {\n            this.invokeEventCallback('beforerender', {'$event' : {}});\n            this.$richTextEditor.summernote(this.EDITOR_DEFAULT_OPTIONS);\n        });\n\n    }\n\n    getDefaultOptions() {\n        return this.EDITOR_DEFAULT_OPTIONS;\n    }\n\n    getLib() {\n        return 'summernote';\n    }\n\n    overrideDefaults(options) {\n        extend(this.EDITOR_DEFAULT_OPTIONS, options);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'placeholder') {\n            this.performEditorOperation('placeholder', nv);\n        } else if (key === 'disabled' || key === 'readonly') {\n            this.performEditorOperation(nv ? 'disable' : 'enable');\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    onStyleChange(key, nv, ov) {\n        if (key === 'height') {\n            this.performEditorOperation('height', nv);\n        }\n    }\n\n    performEditorOperation(key, value?) {\n        if (this.isEditorLoaded) {\n            if (key === 'height') {\n                setCSS(this.nativeElement.querySelector('div.note-editable'), key, value, true);\n            } else if (key === 'placeholder') {\n                setAttr(this.nativeElement, key, value);\n                setHtml(this.nativeElement.querySelector('div.note-placeholder'), value, true);\n            } else {\n                // if editor content is empty then summernote('code') is returning empty p tags like <p></br></p>. So checking for empty and returning undefined.\n                if (arguments.length === 1 && key === 'code' && this.$richTextEditor.summernote('isEmpty')) {\n                    const content = this.$richTextEditor.summernote('code');\n                    return content === '' ? content : undefined;\n                }\n                return this.$richTextEditor.summernote(key, value);\n            }\n        } else {\n            const op: any = new Map();\n            op.set(key, value);\n            this._operationStack.push(op);\n            return;\n        }\n    }\n\n    getCurrentPosition() {\n        return this.performEditorOperation('createRange');\n    }\n\n    undo() {\n        this.performEditorOperation('undo');\n    }\n\n    focus() {\n        this.performEditorOperation('focus');\n    }\n\n    ngOnDestroy() {\n        this.performEditorOperation('destroy');\n        super.ngOnDestroy();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { RichTextEditorComponent } from './rich-text-editor.component';\n\nconst components = [\n    RichTextEditorComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class RichTextEditorModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.props.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.component.html","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.component.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/rich-text-editor.module.ts","../../../../../projects/components/widgets/basic/rich-text-editor/src/index.ts"],"sourcesContent":["import {PROP_ANY, PROP_BOOLEAN, PROP_NUMBER, PROP_STRING, register, registerFormWidget} from '@wm/components/base';\nimport {FormWidgetType} from '@wm/core';\n\nexport const richTextProps = new Map(\n    [\n        ['class', PROP_STRING],\n        ['datavaluesource', PROP_ANY],\n        ['datavalue', PROP_STRING],\n        ['height', PROP_STRING],\n        ['hint', PROP_STRING],\n        ['arialabel', PROP_STRING],\n        ['name', PROP_STRING],\n        ['placeholder', PROP_STRING],\n        ['readonly', PROP_BOOLEAN],\n        ['show', {value: true, ...PROP_BOOLEAN}],\n        ['showpreview', {value: false, ...PROP_BOOLEAN}],\n        ['tabindex', {value: 0, ...PROP_NUMBER}]\n    ]\n);\n\nexport const registerProps = () => {\n    register(\n        'wm-richtexteditor',\n        richTextProps\n    );\n    registerFormWidget(\n        FormWidgetType.RICHTEXT,\n        new Map(richTextProps)\n    );\n};\n","<div richTextEditor></div>\n@if (showpreview) {\n  <div [innerHTML]=\"proxyModel\" class=\"ta-preview\"></div>\n}\n<input class=\"model-holder\" [disabled]=\"disabled\" hidden>\n","import {Component, Inject, Injector, NgZone, OnDestroy, OnInit, Optional, SecurityContext} from '@angular/core';\nimport {NG_VALUE_ACCESSOR} from '@angular/forms';\n\nimport {setAttr, setCSS, setHtml} from '@wm/core';\nimport {APPLY_STYLES_TYPE, provideAs, provideAsWidgetRef, SanitizePipe, styler} from '@wm/components/base';\nimport {BaseFormCustomComponent} from '@wm/components/input';\n\nimport {registerProps} from './rich-text-editor.props';\nimport {extend} from \"lodash-es\";\n\n\nconst WIDGET_INFO = {widgetType: 'wm-richtexteditor', hostClass: 'app-richtexteditor clearfix'};\n\nconst getChangeEvt = () => {\n    let changeEvt;\n    // for IE the event constructor doesn't work so use the createEvent proto\n    if (typeof(Event) === 'function') {\n        changeEvt = new Event('change');\n    } else {\n        changeEvt = document.createEvent('Event');\n        changeEvt.initEvent('change', true, true);\n    }\n    return changeEvt;\n};\n\ndeclare const _, $;\n\nconst overrideSummerNote = () => {\n    if (!$.summernote.__overidden) {\n        // override summernote methods\n\n        const origFn = $.summernote.ui_template().button.bind($.summernote);\n\n        $.summernote.ui_template.button = (...args) => {\n\n            const retVal = origFn(...args);\n            const origCallback = retVal.callback;\n\n            retVal.callback = ($node, options) => {\n                // add bs3 btn class to the buttons\n                $node.addClass('btn');\n                return origCallback($node, options);\n            };\n            return retVal;\n        };\n        $.summernote.__overidden = true;\n    }\n};\n\n@Component({\n    selector: 'div[wmRichTextEditor]',\n    templateUrl: './rich-text-editor.component.html',\n    providers: [\n        provideAs(RichTextEditorComponent, NG_VALUE_ACCESSOR, true),\n        provideAsWidgetRef(RichTextEditorComponent)\n    ],\n    exportAs: 'wmRichTextEditor'\n})\nexport class RichTextEditorComponent extends BaseFormCustomComponent implements OnInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    $richTextEditor;\n    $hiddenInputEle;\n\n    proxyModel;\n    _operationStack = [];\n    isEditorLoaded = false;\n\n    public showpreview: any;\n    public disabled: boolean;\n\n    EDITOR_DEFAULT_OPTIONS = {\n        toolbar: [\n            // [groupName, [list of button]]\n            ['misc', ['undo', 'redo']],\n            ['style', ['style']],\n            ['fontname', ['fontname']],\n            ['fontsize', ['fontsize']],\n            ['height', ['height']],\n            ['style', ['bold', 'italic', 'underline', 'clear']],\n            ['font', ['strikethrough', 'superscript', 'subscript']],\n            ['color', ['color']],\n            ['insert', ['table', 'picture', 'link', 'video', 'hr']],\n            ['para', ['ul', 'ol', 'paragraph']],\n            ['misc', ['codeview', 'fullscreen', 'help']]\n        ],\n        callbacks: {\n            onInit: () => {\n                this.isEditorLoaded = true;\n                if (this._operationStack.length) {\n                    this._operationStack.forEach(operationParam => {\n                        const key = Array.from(operationParam.keys())[0],\n                            val = operationParam.get(key);\n                        this.performEditorOperation(key, val);\n                    });\n                    this._operationStack = [];\n                }\n            },\n            onChange: (contents, editable) => {\n                this.proxyModel = this.sanitizePipe.transform(contents, SecurityContext.HTML);\n                this.invokeOnChange(contents, getChangeEvt(), true);\n                this.invokeOnTouched();\n            }\n        },\n        fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Merriweather'],\n        placeholder: 'write here...',\n        minHeight: 100,\n        disableResizeEditor: true\n    };\n\n    get htmlcontent() {\n        return this.performEditorOperation('code');\n    }\n\n    // @ts-ignore\n    get datavalue() {\n        return this.htmlcontent;\n    }\n\n    // @ts-ignore\n    set datavalue(nv) {\n        if (nv !== undefined && nv !== null) {\n            this.$hiddenInputEle.val(nv);\n            this.performEditorOperation('reset');\n            this.performEditorOperation('code', nv);\n        }\n    }\n\n    constructor(inj: Injector, private sanitizePipe: SanitizePipe, private ngZone: NgZone, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_INFO, explicitContext);\n        styler(this.nativeElement, this, APPLY_STYLES_TYPE.CONTAINER, ['height']);\n        overrideSummerNote();\n    }\n\n    ngOnInit() {\n        this.$richTextEditor = $(this.nativeElement.querySelector('[richTextEditor]'));\n        this.$hiddenInputEle = $(this.nativeElement.querySelector('input.model-holder'));\n        super.ngOnInit();\n        this.initEditor();\n        $('.note-editable').attr('aria-label', 'textbox');\n    }\n\n    initEditor() {\n        this.ngZone.runOutsideAngular(() => {\n            this.invokeEventCallback('beforerender', {'$event' : {}});\n            this.$richTextEditor.summernote(this.EDITOR_DEFAULT_OPTIONS);\n        });\n\n    }\n\n    getDefaultOptions() {\n        return this.EDITOR_DEFAULT_OPTIONS;\n    }\n\n    getLib() {\n        return 'summernote';\n    }\n\n    overrideDefaults(options) {\n        extend(this.EDITOR_DEFAULT_OPTIONS, options);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'placeholder') {\n            this.performEditorOperation('placeholder', nv);\n        } else if (key === 'disabled' || key === 'readonly') {\n            this.performEditorOperation(nv ? 'disable' : 'enable');\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    onStyleChange(key, nv, ov) {\n        if (key === 'height') {\n            this.performEditorOperation('height', nv);\n        }\n    }\n\n    performEditorOperation(key, value?) {\n        if (this.isEditorLoaded) {\n            if (key === 'height') {\n                setCSS(this.nativeElement.querySelector('div.note-editable'), key, value, true);\n            } else if (key === 'placeholder') {\n                setAttr(this.nativeElement, key, value);\n                setHtml(this.nativeElement.querySelector('div.note-placeholder'), value, true);\n            } else {\n                // if editor content is empty then summernote('code') is returning empty p tags like <p></br></p>. So checking for empty and returning undefined.\n                if (arguments.length === 1 && key === 'code' && this.$richTextEditor.summernote('isEmpty')) {\n                    const content = this.$richTextEditor.summernote('code');\n                    return content === '' ? content : undefined;\n                }\n                return this.$richTextEditor.summernote(key, value);\n            }\n        } else {\n            const op: any = new Map();\n            op.set(key, value);\n            this._operationStack.push(op);\n            return;\n        }\n    }\n\n    getCurrentPosition() {\n        return this.performEditorOperation('createRange');\n    }\n\n    undo() {\n        this.performEditorOperation('undo');\n    }\n\n    focus() {\n        this.performEditorOperation('focus');\n    }\n\n    ngOnDestroy() {\n        this.performEditorOperation('destroy');\n        super.ngOnDestroy();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WmComponentsModule } from '@wm/components/base';\n\nimport { RichTextEditorComponent } from './rich-text-editor.component';\n\nconst components = [\n    RichTextEditorComponent\n];\n\n@NgModule({\n    imports: [\n        CommonModule,\n        WmComponentsModule\n    ],\n    declarations: [...components],\n    exports: [...components]\n})\nexport class RichTextEditorModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/search/bundles/index.umd.js

@@ -318,18 +318,18 @@
     const _c6 = () => ({ standalone: true });
     const _c7 = a0 => ({ "show-btn": a0 });
     const _c8 = a0 => ({ "disabled": a0 });
-    function SearchComponent_ng_template_0_a_0_img_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "img", 10);
+    function SearchComponent_ng_template_0_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "img", 7);
     } if (rf & 2) {
         const model_r1 = i0__namespace.ɵɵnextContext(2).item;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵstyleProp("width", ctx_r1.imagewidth);
         i0__namespace.ɵɵproperty("src", model_r1.imgSrc, i0__namespace.ɵɵsanitizeUrl);
     } }
-    function SearchComponent_ng_template_0_a_0_Template(rf, ctx) { if (rf & 1) {
+    function SearchComponent_ng_template_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
         i0__namespace.ɵɵelementStart(0, "a");
-        i0__namespace.ɵɵtemplate(1, SearchComponent_ng_template_0_a_0_img_1_Template, 1, 3, "img", 8);
-        i0__namespace.ɵɵelement(2, "span", 9);
+        i0__namespace.ɵɵtemplate(1, SearchComponent_ng_template_0_Conditional_0_Conditional_1_Template, 1, 3, "img", 5);
+        i0__namespace.ɵɵelement(2, "span", 6);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const ctx_r2 = i0__namespace.ɵɵnextContext();
@@ -338,13 +338,13 @@
         const match_r5 = ctx_r2.match;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", model_r1.imgSrc);
+        i0__namespace.ɵɵconditional(model_r1.imgSrc ? 1 : -1);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", model_r1.label)("innerHtml", ctx_r1.highlight(match_r5, query_r4) || model_r1.label, i0__namespace.ɵɵsanitizeHtml);
     } }
-    function SearchComponent_ng_template_0_a_1_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "a", 11);
-        i0__namespace.ɵɵelement(1, "div", 12);
+    function SearchComponent_ng_template_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "a", 4);
+        i0__namespace.ɵɵelement(1, "div", 8);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const match_r5 = i0__namespace.ɵɵnextContext().match;
@@ -352,15 +352,15 @@
         i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(3, _c3, ctx_r1.content))("wmItemTemplate", ctx_r1.content)("userComponentParams", match_r5.item);
     } }
     function SearchComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵtemplate(0, SearchComponent_ng_template_0_a_0_Template, 3, 3, "a", 6)(1, SearchComponent_ng_template_0_a_1_Template, 2, 5, "a", 7);
+        i0__namespace.ɵɵtemplate(0, SearchComponent_ng_template_0_Conditional_0_Template, 3, 3, "a")(1, SearchComponent_ng_template_0_Conditional_1_Template, 2, 5, "a", 4);
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
-        i0__namespace.ɵɵproperty("ngIf", !ctx_r1.content);
+        i0__namespace.ɵɵconditional(!ctx_r1.content ? 0 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", ctx_r1.content);
+        i0__namespace.ɵɵconditional(ctx_r1.content ? 1 : -1);
     } }
-    function SearchComponent_ng_template_2_li_2_h4_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "h4", 21);
+    function SearchComponent_ng_template_2_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementStart(0, "h4", 15);
         i0__namespace.ɵɵtext(1);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
@@ -368,47 +368,47 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵtextInterpolate(match_r7.value);
     } }
-    function SearchComponent_ng_template_2_li_2_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementContainer(0, 22);
+    function SearchComponent_ng_template_2_For_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelementContainer(0, 16);
     } if (rf & 2) {
         const ctx_r7 = i0__namespace.ɵɵnextContext();
         const match_r7 = ctx_r7.$implicit;
-        const i_r9 = ctx_r7.index;
+        const ɵ$index_20_r9 = ctx_r7.$index;
         const ctx_r9 = i0__namespace.ɵɵnextContext();
         const itemTemplate_r11 = ctx_r9.itemTemplate;
         const query_r12 = ctx_r9.query;
-        i0__namespace.ɵɵproperty("ngTemplateOutlet", itemTemplate_r11)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction4(2, _c5, match_r7.item, i_r9, match_r7, query_r12));
+        i0__namespace.ɵɵproperty("ngTemplateOutlet", itemTemplate_r11)("ngTemplateOutletContext", i0__namespace.ɵɵpureFunction4(2, _c5, match_r7.item, ɵ$index_20_r9, match_r7, query_r12));
     } }
-    function SearchComponent_ng_template_2_li_2_Template(rf, ctx) { if (rf & 1) {
+    function SearchComponent_ng_template_2_For_3_Template(rf, ctx) { if (rf & 1) {
         const _r6 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "li", 18, 4);
-        i0__namespace.ɵɵlistener("mouseenter", function SearchComponent_ng_template_2_li_2_Template_li_mouseenter_0_listener() { const match_r7 = i0__namespace.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadContainer.selectActive(match_r7)); })("click", function SearchComponent_ng_template_2_li_2_Template_li_click_0_listener($event) { const match_r7 = i0__namespace.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); match_r7 && !match_r7.isHeader() && ctx_r1.typeaheadContainer.selectMatch(match_r7, $event); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.notifySubscriber()); });
-        i0__namespace.ɵɵtemplate(2, SearchComponent_ng_template_2_li_2_h4_2_Template, 2, 1, "h4", 19)(3, SearchComponent_ng_template_2_li_2_ng_container_3_Template, 1, 7, "ng-container", 20);
+        i0__namespace.ɵɵelementStart(0, "li", 14, 3);
+        i0__namespace.ɵɵlistener("mouseenter", function SearchComponent_ng_template_2_For_3_Template_li_mouseenter_0_listener() { const match_r7 = i0__namespace.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadContainer.selectActive(match_r7)); })("click", function SearchComponent_ng_template_2_For_3_Template_li_click_0_listener($event) { const match_r7 = i0__namespace.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0__namespace.ɵɵnextContext(2); match_r7 && !match_r7.isHeader() && ctx_r1.typeaheadContainer.selectMatch(match_r7, $event); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.notifySubscriber()); });
+        i0__namespace.ɵɵtemplate(2, SearchComponent_ng_template_2_For_3_Conditional_2_Template, 2, 1, "h4", 15)(3, SearchComponent_ng_template_2_For_3_Conditional_3_Template, 1, 7, "ng-container", 16);
         i0__namespace.ɵɵelementEnd();
     } if (rf & 2) {
         const match_r7 = ctx.$implicit;
         const ctx_r1 = i0__namespace.ɵɵnextContext(2);
         i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction2(3, _c4, ctx_r1.typeaheadContainer && ctx_r1.typeaheadContainer.isActive(match_r7), match_r7 && match_r7.isHeader()));
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", match_r7.isHeader());
+        i0__namespace.ɵɵconditional(match_r7.isHeader() ? 2 : -1);
         i0__namespace.ɵɵadvance();
-        i0__namespace.ɵɵproperty("ngIf", !match_r7.isHeader());
+        i0__namespace.ɵɵconditional(!match_r7.isHeader() ? 3 : -1);
     } }
     function SearchComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelementStart(0, "ul", 13, 3);
-        i0__namespace.ɵɵtemplate(2, SearchComponent_ng_template_2_li_2_Template, 4, 6, "li", 14);
-        i0__namespace.ɵɵelementStart(3, "div", 15);
-        i0__namespace.ɵɵelement(4, "span", 16);
+        i0__namespace.ɵɵelementStart(0, "ul", 9, 2);
+        i0__namespace.ɵɵrepeaterCreate(2, SearchComponent_ng_template_2_For_3_Template, 4, 6, "li", 10, i0__namespace.ɵɵrepeaterTrackByIdentity);
+        i0__namespace.ɵɵelementStart(4, "div", 11);
+        i0__namespace.ɵɵelement(5, "span", 12);
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(5, "div", 15);
-        i0__namespace.ɵɵelement(6, "i", 17)(7, "span", 16);
+        i0__namespace.ɵɵelementStart(6, "div", 11);
+        i0__namespace.ɵɵelement(7, "i", 13)(8, "span", 12);
         i0__namespace.ɵɵelementEnd()();
     } if (rf & 2) {
         const matches_r13 = ctx.matches;
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngForOf", matches_r13);
-        i0__namespace.ɵɵadvance();
+        i0__namespace.ɵɵrepeater(matches_r13);
+        i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵproperty("hidden", ctx_r1._loadingItems || !(ctx_r1.datacompletemsg && ctx_r1.dataProvider.isLastPage));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("textContent", ctx_r1.datacompletemsg);
@@ -417,22 +417,19 @@
         i0__namespace.ɵɵadvance(2);
         i0__namespace.ɵɵproperty("textContent", ctx_r1.loadingdatamsg);
     } }
-    function SearchComponent_ng_container_4_Template(rf, ctx) { if (rf & 1) {
+    function SearchComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
         const _r14 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementContainerStart(0);
-        i0__namespace.ɵɵelementStart(1, "input", 23);
-        i0__namespace.ɵɵtwoWayListener("ngModelChange", function SearchComponent_ng_container_4_Template_input_ngModelChange_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.query, $event) || (ctx_r1.query = $event); return i0__namespace.ɵɵresetView($event); });
-        i0__namespace.ɵɵlistener("input", function SearchComponent_ng_container_4_Template_input_input_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onInputChange($event)); })("keydown", function SearchComponent_ng_container_4_Template_input_keydown_1_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.listenQuery = true); })("keydown.enter", function SearchComponent_ng_container_4_Template_input_keydown_enter_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.handleEnterEvent($event)); })("keydown.arrowdown", function SearchComponent_ng_container_4_Template_input_keydown_arrowdown_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.selectNext($event)); })("blur", function SearchComponent_ng_container_4_Template_input_blur_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnTouched($event)); })("click", function SearchComponent_ng_container_4_Template_input_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.handleFocus($event)); })("focus", function SearchComponent_ng_container_4_Template_input_focus_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1._unsubscribeDv = false; ctx_r1.listenQuery = true; ctx_r1.handleFocus($event); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnFocus($event)); })("focusout", function SearchComponent_ng_container_4_Template_input_focusout_1_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onFocusOut()); })("typeaheadLoading", function SearchComponent_ng_container_4_Template_input_typeaheadLoading_1_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1._loadingItems); })("typeaheadOnSelect", function SearchComponent_ng_container_4_Template_input_typeaheadOnSelect_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadOnSelect($event)); });
+        i0__namespace.ɵɵelementStart(0, "input", 17);
+        i0__namespace.ɵɵtwoWayListener("ngModelChange", function SearchComponent_Conditional_4_Template_input_ngModelChange_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.query, $event) || (ctx_r1.query = $event); return i0__namespace.ɵɵresetView($event); });
+        i0__namespace.ɵɵlistener("input", function SearchComponent_Conditional_4_Template_input_input_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onInputChange($event)); })("keydown", function SearchComponent_Conditional_4_Template_input_keydown_0_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.listenQuery = true); })("keydown.enter", function SearchComponent_Conditional_4_Template_input_keydown_enter_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.handleEnterEvent($event)); })("keydown.arrowdown", function SearchComponent_Conditional_4_Template_input_keydown_arrowdown_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.selectNext($event)); })("blur", function SearchComponent_Conditional_4_Template_input_blur_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnTouched($event)); })("click", function SearchComponent_Conditional_4_Template_input_click_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.handleFocus($event)); })("focus", function SearchComponent_Conditional_4_Template_input_focus_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1._unsubscribeDv = false; ctx_r1.listenQuery = true; ctx_r1.handleFocus($event); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnFocus($event)); })("focusout", function SearchComponent_Conditional_4_Template_input_focusout_0_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onFocusOut()); })("typeaheadLoading", function SearchComponent_Conditional_4_Template_input_typeaheadLoading_0_listener() { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1._loadingItems); })("typeaheadOnSelect", function SearchComponent_Conditional_4_Template_input_typeaheadOnSelect_0_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadOnSelect($event)); });
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(2, "i", 24);
-        i0__namespace.ɵɵlistener("click", function SearchComponent_ng_container_4_Template_i_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.clearSearch($event)); });
+        i0__namespace.ɵɵelementStart(1, "i", 18);
+        i0__namespace.ɵɵlistener("click", function SearchComponent_Conditional_4_Template_i_click_1_listener($event) { i0__namespace.ɵɵrestoreView(_r14); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.clearSearch($event)); });
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementContainerEnd();
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         const customItemTemplate_r15 = i0__namespace.ɵɵreference(1);
         const customListTemplate_r16 = i0__namespace.ɵɵreference(3);
-        i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("title", ctx_r1.query || "")("placeholder", ctx_r1.placeholder || "")("disabled", ctx_r1.disabled);
         i0__namespace.ɵɵtwoWayProperty("ngModel", ctx_r1.query);
         i0__namespace.ɵɵproperty("ngModelOptions", i0__namespace.ɵɵpureFunction0(23, _c6))("readonly", ctx_r1.readonly)("typeahead", ctx_r1.typeaheadDataSource)("typeaheadWaitMs", ctx_r1.debouncetime)("typeaheadItemTemplate", customItemTemplate_r15)("optionsListTemplate", customListTemplate_r16)("typeaheadMinLength", ctx_r1.minchars)("typeaheadOptionsLimit", ctx_r1.limit)("typeaheadGroupField", ctx_r1.groupby ? "groupby" : null)("typeaheadAsync", true)("typeaheadScrollable", true)("adaptivePosition", true)("typeaheadOptionsInScrollableView", ctx_r1.optionslimitinscrollableview)("dropup", ctx_r1.dropup)("tabindex", ctx_r1.tabindex);
@@ -440,13 +437,13 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("hidden", !ctx_r1.showClosebtn);
     } }
-    function SearchComponent_ng_template_5_span_6_Template(rf, ctx) { if (rf & 1) {
-        i0__namespace.ɵɵelement(0, "span", 32);
+    function SearchComponent_Conditional_5_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+        i0__namespace.ɵɵelement(0, "span", 23);
     } }
-    function SearchComponent_ng_template_5_span_11_Template(rf, ctx) { if (rf & 1) {
+    function SearchComponent_Conditional_5_Conditional_11_Template(rf, ctx) { if (rf & 1) {
         const _r18 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "span", 33)(1, "form")(2, "button", 34);
-        i0__namespace.ɵɵlistener("click", function SearchComponent_ng_template_5_span_11_Template_button_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r18); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onSearchSelect($event)); });
+        i0__namespace.ɵɵelementStart(0, "span", 25)(1, "form")(2, "button", 26);
+        i0__namespace.ɵɵlistener("click", function SearchComponent_Conditional_5_Conditional_11_Template_button_click_2_listener($event) { i0__namespace.ɵɵrestoreView(_r18); const ctx_r1 = i0__namespace.ɵɵnextContext(2); return i0__namespace.ɵɵresetView(ctx_r1.onSearchSelect($event)); });
         i0__namespace.ɵɵelement(3, "i");
         i0__namespace.ɵɵelementEnd()()();
     } if (rf & 2) {
@@ -457,29 +454,29 @@
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵclassMapInterpolate1("app-icon ", ctx_r1.searchiconclass, "");
     } }
-    function SearchComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
+    function SearchComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
         const _r17 = i0__namespace.ɵɵgetCurrentView();
-        i0__namespace.ɵɵelementStart(0, "button", 25);
-        i0__namespace.ɵɵlistener("click", function SearchComponent_ng_template_5_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.closeSearch()); });
+        i0__namespace.ɵɵelementStart(0, "button", 19);
+        i0__namespace.ɵɵlistener("click", function SearchComponent_Conditional_5_Template_button_click_0_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.closeSearch()); });
         i0__namespace.ɵɵelement(1, "i");
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(2, "span", 26);
+        i0__namespace.ɵɵelementStart(2, "span", 20);
         i0__namespace.ɵɵtext(3, "Back button");
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(4, "input", 27);
-        i0__namespace.ɵɵtwoWayListener("ngModelChange", function SearchComponent_ng_template_5_Template_input_ngModelChange_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.query, $event) || (ctx_r1.query = $event); return i0__namespace.ɵɵresetView($event); });
-        i0__namespace.ɵɵlistener("input", function SearchComponent_ng_template_5_Template_input_input_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onInputChange($event)); })("keydown", function SearchComponent_ng_template_5_Template_input_keydown_4_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.listenQuery = true); })("keydown.enter", function SearchComponent_ng_template_5_Template_input_keydown_enter_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.handleEnterEvent($event)); })("keydown.arrowdown", function SearchComponent_ng_template_5_Template_input_keydown_arrowdown_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.selectNext($event)); })("blur", function SearchComponent_ng_template_5_Template_input_blur_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.invokeOnTouched($event); return i0__namespace.ɵɵresetView(ctx_r1.onFocusOut()); })("click", function SearchComponent_ng_template_5_Template_input_click_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.handleFocus($event)); })("focus", function SearchComponent_ng_template_5_Template_input_focus_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1._unsubscribeDv = false; ctx_r1.listenQuery = true; ctx_r1.handleFocus($event); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnFocus($event)); })("typeaheadLoading", function SearchComponent_ng_template_5_Template_input_typeaheadLoading_4_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1._loadingItems); })("typeaheadOnSelect", function SearchComponent_ng_template_5_Template_input_typeaheadOnSelect_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadOnSelect($event)); });
+        i0__namespace.ɵɵelementStart(4, "input", 21);
+        i0__namespace.ɵɵtwoWayListener("ngModelChange", function SearchComponent_Conditional_5_Template_input_ngModelChange_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); i0__namespace.ɵɵtwoWayBindingSet(ctx_r1.query, $event) || (ctx_r1.query = $event); return i0__namespace.ɵɵresetView($event); });
+        i0__namespace.ɵɵlistener("input", function SearchComponent_Conditional_5_Template_input_input_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.onInputChange($event)); })("keydown", function SearchComponent_Conditional_5_Template_input_keydown_4_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.listenQuery = true); })("keydown.enter", function SearchComponent_Conditional_5_Template_input_keydown_enter_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.$typeaheadEvent = $event; return i0__namespace.ɵɵresetView(ctx_r1.handleEnterEvent($event)); })("keydown.arrowdown", function SearchComponent_Conditional_5_Template_input_keydown_arrowdown_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.selectNext($event)); })("blur", function SearchComponent_Conditional_5_Template_input_blur_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1.invokeOnTouched($event); return i0__namespace.ɵɵresetView(ctx_r1.onFocusOut()); })("click", function SearchComponent_Conditional_5_Template_input_click_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.handleFocus($event)); })("focus", function SearchComponent_Conditional_5_Template_input_focus_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); ctx_r1._unsubscribeDv = false; ctx_r1.listenQuery = true; ctx_r1.handleFocus($event); return i0__namespace.ɵɵresetView(ctx_r1.invokeOnFocus($event)); })("typeaheadLoading", function SearchComponent_Conditional_5_Template_input_typeaheadLoading_4_listener() { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1._loadingItems); })("typeaheadOnSelect", function SearchComponent_Conditional_5_Template_input_typeaheadOnSelect_4_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.typeaheadOnSelect($event)); });
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelement(5, "input", 28);
-        i0__namespace.ɵɵtemplate(6, SearchComponent_ng_template_5_span_6_Template, 1, 0, "span", 29);
-        i0__namespace.ɵɵelementStart(7, "button", 30);
-        i0__namespace.ɵɵlistener("click", function SearchComponent_ng_template_5_Template_button_click_7_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.clearSearch($event, true)); });
+        i0__namespace.ɵɵelement(5, "input", 22);
+        i0__namespace.ɵɵtemplate(6, SearchComponent_Conditional_5_Conditional_6_Template, 1, 0, "span", 23);
+        i0__namespace.ɵɵelementStart(7, "button", 24);
+        i0__namespace.ɵɵlistener("click", function SearchComponent_Conditional_5_Template_button_click_7_listener($event) { i0__namespace.ɵɵrestoreView(_r17); const ctx_r1 = i0__namespace.ɵɵnextContext(); return i0__namespace.ɵɵresetView(ctx_r1.clearSearch($event, true)); });
         i0__namespace.ɵɵelement(8, "i");
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵelementStart(9, "span", 26);
+        i0__namespace.ɵɵelementStart(9, "span", 20);
         i0__namespace.ɵɵtext(10, "Clear button");
         i0__namespace.ɵɵelementEnd();
-        i0__namespace.ɵɵtemplate(11, SearchComponent_ng_template_5_span_11_Template, 4, 7, "span", 31);
+        i0__namespace.ɵɵtemplate(11, SearchComponent_Conditional_5_Conditional_11_Template, 4, 7, "span", 25);
     } if (rf & 2) {
         const ctx_r1 = i0__namespace.ɵɵnextContext();
         const customItemTemplate_r15 = i0__namespace.ɵɵreference(1);
@@ -492,13 +489,13 @@
         i0__namespace.ɵɵproperty("ngModelOptions", i0__namespace.ɵɵpureFunction0(32, _c6))("readonly", ctx_r1.readonly)("typeahead", ctx_r1.typeaheadDataSource)("typeaheadWaitMs", ctx_r1.debouncetime)("typeaheadItemTemplate", customItemTemplate_r15)("optionsListTemplate", customListTemplate_r16)("typeaheadMinLength", ctx_r1.minchars)("typeaheadOptionsLimit", ctx_r1.limit)("typeaheadGroupField", ctx_r1.groupby ? "groupby" : null)("typeaheadAsync", true)("typeaheadScrollable", true)("adaptivePosition", true)("typeaheadOptionsInScrollableView", ctx_r1.optionslimitinscrollableview)("tabindex", ctx_r1.tabindex)("dropup", ctx_r1.dropup);
         i0__namespace.ɵɵattribute("accesskey", ctx_r1.shortcutkey)("name", ctx_r1.name)("aria-label", ctx_r1.arialabel || "Search field");
         i0__namespace.ɵɵadvance(2);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r1._loadingItems);
+        i0__namespace.ɵɵconditional(ctx_r1._loadingItems ? 6 : -1);
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(33, _c7, ctx_r1.isQueryEntered()));
         i0__namespace.ɵɵadvance();
         i0__namespace.ɵɵclassMapInterpolate1("app-icon ", ctx_r1.clearsearchiconclass, "");
         i0__namespace.ɵɵadvance(3);
-        i0__namespace.ɵɵproperty("ngIf", ctx_r1.showsearchicon);
+        i0__namespace.ɵɵconditional(ctx_r1.showsearchicon ? 11 : -1);
     } }
     const WIDGET_CONFIG = { widgetType: 'wm-search', hostClass: 'input-group' };
     class SearchComponent extends input.DatasetAwareFormComponent {
@@ -1195,12 +1192,11 @@
                     i4.provideAs(SearchComponent, i2.NG_VALUE_ACCESSOR, true),
                     i4.provideAs(SearchComponent, i2.NG_VALIDATORS, true),
                     i4.provideAsWidgetRef(SearchComponent)
-                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 7, vars: 2, consts: [["customItemTemplate", ""], ["customListTemplate", ""], ["searchTemplate", ""], ["ulElement", ""], ["liElements", ""], [4, "ngIf", "ngIfElse"], [4, "ngIf"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams", 4, "ngIf"], ["alt", "Search", 3, "src", "width", 4, "ngIf"], [3, "title", "innerHtml"], ["alt", "Search", 3, "src"], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams"], ["partial-container-target", ""], ["scrollable", "", 1, "app-search", "dropdown-menu"], [3, "ngClass", "mouseenter", "click", 4, "ngFor", "ngForOf"], [1, "status", 3, "hidden"], [3, "textContent"], [1, "fa", "fa-circle-o-notch", "fa-spin"], [3, "mouseenter", "click", "ngClass"], ["class", "group-title", 4, "ngIf"], [3, "ngTemplateOutlet", "ngTemplateOutletContext", 4, "ngIf"], [1, "group-title"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "text", "focus-target", "", "container", "body", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "focusout", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "dropup", "tabindex"], [1, "btn-close", "wi", "wi-cancel", 3, "click", "hidden"], ["aria-hidden", "true", 1, "btn", "btn-icon", "form-control-feedback", "back-btn", 3, "click"], [1, "sr-only"], ["type", "text", "focus-target", "", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "container", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "tabindex", "dropup"], ["ng-model", "proxyModel", "ng-required", "required", "tabindex", "-1", "aria-hidden", "true", 1, "model-holder"], ["aria-hidden", "true", "class", "fa fa-circle-o-notch fa-spin form-control-feedback", 4, "ngIf"], [1, "btn", "btn-icon", "form-control-feedback", "clear-btn", 3, "click", "ngClass"], ["class", "input-group-addon", 3, "ngClass", 4, "ngIf"], ["aria-hidden", "true", 1, "fa", "fa-circle-o-notch", "fa-spin", "form-control-feedback"], [1, "input-group-addon", 3, "ngClass"], ["title", "Search", "type", "submit", 1, "app-search-button", "btn", "btn-icon", 3, "click", "disabled"]], template: function SearchComponent_Template(rf, ctx) { if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, SearchComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(2, SearchComponent_ng_template_2_Template, 8, 5, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(4, SearchComponent_ng_container_4_Template, 3, 24, "ng-container", 5)(5, SearchComponent_ng_template_5_Template, 12, 35, "ng-template", null, 2, i0__namespace.ɵɵtemplateRefExtractor);
+                ]), i0__namespace.ɵɵInheritDefinitionFeature], attrs: _c2, decls: 6, vars: 1, consts: [["customItemTemplate", ""], ["customListTemplate", ""], ["ulElement", ""], ["liElements", ""], ["partialContainer", "", 3, "ngClass", "wmItemTemplate", "userComponentParams"], ["alt", "Search", 3, "src", "width"], [3, "title", "innerHtml"], ["alt", "Search", 3, "src"], ["partial-container-target", ""], ["scrollable", "", 1, "app-search", "dropdown-menu"], [3, "ngClass"], [1, "status", 3, "hidden"], [3, "textContent"], [1, "fa", "fa-circle-o-notch", "fa-spin"], [3, "mouseenter", "click", "ngClass"], [1, "group-title"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["type", "text", "focus-target", "", "container", "body", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "focusout", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "dropup", "tabindex"], [1, "btn-close", "wi", "wi-cancel", 3, "click", "hidden"], ["aria-hidden", "true", 1, "btn", "btn-icon", "form-control-feedback", "back-btn", 3, "click"], [1, "sr-only"], ["type", "text", "focus-target", "", "autocomplete", "off", "typeaheadOptionField", "label", 1, "app-textbox", "form-control", "list-of-objs", "app-search-input", 3, "ngModelChange", "input", "keydown", "keydown.enter", "keydown.arrowdown", "blur", "click", "focus", "typeaheadLoading", "typeaheadOnSelect", "title", "placeholder", "container", "disabled", "ngModel", "ngModelOptions", "readonly", "typeahead", "typeaheadWaitMs", "typeaheadItemTemplate", "optionsListTemplate", "typeaheadMinLength", "typeaheadOptionsLimit", "typeaheadGroupField", "typeaheadAsync", "typeaheadScrollable", "adaptivePosition", "typeaheadOptionsInScrollableView", "tabindex", "dropup"], ["ng-model", "proxyModel", "ng-required", "required", "tabindex", "-1", "aria-hidden", "true", 1, "model-holder"], ["aria-hidden", "true", 1, "fa", "fa-circle-o-notch", "fa-spin", "form-control-feedback"], [1, "btn", "btn-icon", "form-control-feedback", "clear-btn", 3, "click", "ngClass"], [1, "input-group-addon", 3, "ngClass"], ["title", "Search", "type", "submit", 1, "app-search-button", "btn", "btn-icon", 3, "click", "disabled"]], template: function SearchComponent_Template(rf, ctx) { if (rf & 1) {
+                i0__namespace.ɵɵtemplate(0, SearchComponent_ng_template_0_Template, 2, 2, "ng-template", null, 0, i0__namespace.ɵɵtemplateRefExtractor)(2, SearchComponent_ng_template_2_Template, 9, 4, "ng-template", null, 1, i0__namespace.ɵɵtemplateRefExtractor)(4, SearchComponent_Conditional_4_Template, 2, 24)(5, SearchComponent_Conditional_5_Template, 12, 35);
             } if (rf & 2) {
-                const searchTemplate_r19 = i0__namespace.ɵɵreference(6);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngIf", ctx.navsearchbar)("ngIfElse", searchTemplate_r19);
+                i0__namespace.ɵɵconditional(ctx.navsearchbar ? 4 : 5);
             } }, encapsulation: 2 }); }
     }
     (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(SearchComponent, [{
@@ -1209,7 +1205,7 @@
                         i4.provideAs(SearchComponent, i2.NG_VALUE_ACCESSOR, true),
                         i4.provideAs(SearchComponent, i2.NG_VALIDATORS, true),
                         i4.provideAsWidgetRef(SearchComponent)
-                    ], template: "<ng-template #customItemTemplate let-model=\"item\" let-index=\"index\" let-query=\"query\" let-match=\"match\">\n    <!-- Default item template -->\n    <a *ngIf=\"!content\">\n        <img *ngIf=\"model.imgSrc\" [src]=\"model.imgSrc\" alt=\"Search\" [style.width]=\"imagewidth\">\n        <span [title]=\"model.label\" [innerHtml]=\"highlight(match, query) || model.label\"></span>\n    </a>\n    <!-- Custom partial template -->\n    <a *ngIf=\"content\" [ngClass]=\"{customTemplate: content}\" partialContainer [wmItemTemplate]=\"content\" [userComponentParams]=\"match.item\">\n        <div partial-container-target></div>\n    </a>\n</ng-template>\n\n<ng-template #customListTemplate let-matches=\"matches\" let-itemTemplate=\"itemTemplate\" let-query=\"query\">\n    <ul #ulElement class=\"app-search dropdown-menu\" scrollable>\n        <li #liElements *ngFor=\"let match of matches; let i = index;\" [ngClass]=\"{active: typeaheadContainer && typeaheadContainer.isActive(match), 'list-group-header': match && match.isHeader()}\"\n            (mouseenter)=\"typeaheadContainer.selectActive(match);\"\n            (click)=\"match && !match.isHeader() && typeaheadContainer.selectMatch(match, $event); $typeaheadEvent = $event; notifySubscriber();\">\n            <!-- itemTemplate comes from the <input> -->\n            <h4 *ngIf=\"match.isHeader()\" class=\"group-title\">{{match.value}}</h4>\n            <ng-container *ngIf=\"!match.isHeader()\" [ngTemplateOutlet]=\"itemTemplate\"\n                          [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n            </ng-container>\n        </li>\n        <div class=\"status\" [hidden]=\"_loadingItems || !(datacompletemsg && dataProvider.isLastPage)\">\n            <span [textContent]=\"datacompletemsg\"></span>\n        </div>\n        <div class=\"status\" [hidden]=\"!_loadingItems\">\n            <i class=\"fa fa-circle-o-notch fa-spin\"></i>\n            <span [textContent]=\"loadingdatamsg\"></span>\n        </div>\n    </ul>\n</ng-template>\n\n<!--This template is for search inside mobile navbar.-->\n<ng-container *ngIf=\"navsearchbar; else searchTemplate\">\n    <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n           focus-target\n           container=\"body\"\n           [disabled]=\"disabled\"\n           [attr.accesskey]=\"shortcutkey\"\n           autocomplete=\"off\"\n           [(ngModel)]=\"query\"\n           [ngModelOptions]=\"{standalone: true}\"\n           [readonly]=\"readonly\"\n           [typeahead]=\"typeaheadDataSource\"\n           [typeaheadWaitMs]=\"debouncetime\"\n           [typeaheadItemTemplate]=\"customItemTemplate\"\n           [optionsListTemplate]=\"customListTemplate\"\n           (input)=\"onInputChange($event)\"\n           (keydown)=\"listenQuery = true\"\n           (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n           (keydown.arrowdown)=\"selectNext($event)\"\n           (blur)=\"invokeOnTouched($event)\"\n           (click)=\"handleFocus($event);\"\n           (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event);\"\n           (focusout)=\"onFocusOut()\"\n           [typeaheadMinLength]=\"minchars\"\n           [typeaheadOptionsLimit]=\"limit\"\n           (typeaheadLoading)=\"_loadingItems\"\n           (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n           typeaheadOptionField=\"label\"\n           [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n           [typeaheadAsync]=\"true\"\n           [typeaheadScrollable]=\"true\"\n           [adaptivePosition]=\"true\"\n           [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n           [dropup]=\"dropup\"\n           [tabindex]=\"tabindex\"\n           [attr.name]=\"name\"\n           [attr.aria-label]=\"arialabel || 'Search field'\"/>\n    <i class=\"btn-close wi wi-cancel\" [hidden]=\"!showClosebtn\" (click)=\"clearSearch($event);\"></i>\n</ng-container>\n<!--This template is for both web and fullscreen mode in mobile.-->\n<ng-template #searchTemplate>\n    <button class=\"btn btn-icon form-control-feedback back-btn\" aria-hidden=\"true\" (click)=\"closeSearch()\"><i class=\"app-icon {{backsearchiconclass}}\"></i></button>\n    <span class=\"sr-only\">Back button</span>\n    <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n           focus-target\n           [container]=\"containerTarget || '.wm-app'\"\n           [disabled]=\"disabled\"\n           [attr.accesskey]=\"shortcutkey\"\n           autocomplete=\"off\"\n           [(ngModel)]=\"query\"\n           [ngModelOptions]=\"{standalone: true}\"\n           [readonly]=\"readonly\"\n           [typeahead]=\"typeaheadDataSource\"\n           [typeaheadWaitMs]=\"debouncetime\"\n           [typeaheadItemTemplate]=\"customItemTemplate\"\n           [optionsListTemplate]=\"customListTemplate\"\n           (input)=\"onInputChange($event)\"\n           (keydown)=\"listenQuery = true\"\n           (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n           (keydown.arrowdown)=\"selectNext($event)\"\n           (blur)=\"invokeOnTouched($event); onFocusOut()\"\n           (click)=\"handleFocus($event);\"\n           (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event)\"\n           [typeaheadMinLength]=\"minchars\"\n           [typeaheadOptionsLimit]=\"limit\"\n           (typeaheadLoading)=\"_loadingItems\"\n           (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n           typeaheadOptionField=\"label\"\n           [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n           [typeaheadAsync]=\"true\"\n           [typeaheadScrollable]=\"true\"\n           [adaptivePosition]=\"true\"\n           [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n           [tabindex]=\"tabindex\"\n           [dropup]=\"dropup\"\n           [attr.name]=\"name\"\n           [attr.aria-label]=\"arialabel || 'Search field'\">\n    <input class=\"model-holder\" ng-model=\"proxyModel\" ng-required=\"required\" tabindex=\"-1\" aria-hidden=\"true\">\n    <span *ngIf=\"_loadingItems\" aria-hidden=\"true\" class=\"fa fa-circle-o-notch fa-spin form-control-feedback\"></span>\n    <button class=\"btn btn-icon form-control-feedback clear-btn\" [ngClass]=\"{'show-btn': isQueryEntered()}\" (click)=\"clearSearch($event, true)\"><i class=\"app-icon {{clearsearchiconclass}}\"></i></button>\n    <span class=\"sr-only\">Clear button</span>\n    <span *ngIf=\"showsearchicon\" [ngClass]=\"{'disabled': disabled}\" class=\"input-group-addon\">\n        <form>\n            <button title=\"Search\" [disabled]=\"disabled\" class=\"app-search-button btn btn-icon\" type=\"submit\"\n                    (click)=\"onSearchSelect($event)\">\n                    <i class=\"app-icon {{searchiconclass}}\"></i></button>\n        </form>\n    </span>\n</ng-template>\n" }]
+                    ], template: "<ng-template #customItemTemplate let-model=\"item\" let-index=\"index\" let-query=\"query\" let-match=\"match\">\n  <!-- Default item template -->\n  @if (!content) {\n    <a>\n      @if (model.imgSrc) {\n        <img [src]=\"model.imgSrc\" alt=\"Search\" [style.width]=\"imagewidth\">\n      }\n      <span [title]=\"model.label\" [innerHtml]=\"highlight(match, query) || model.label\"></span>\n    </a>\n  }\n  <!-- Custom partial template -->\n  @if (content) {\n    <a [ngClass]=\"{customTemplate: content}\" partialContainer [wmItemTemplate]=\"content\" [userComponentParams]=\"match.item\">\n      <div partial-container-target></div>\n    </a>\n  }\n</ng-template>\n\n<ng-template #customListTemplate let-matches=\"matches\" let-itemTemplate=\"itemTemplate\" let-query=\"query\">\n  <ul #ulElement class=\"app-search dropdown-menu\" scrollable>\n    @for (match of matches; track match; let i = $index) {\n      <li #liElements [ngClass]=\"{active: typeaheadContainer && typeaheadContainer.isActive(match), 'list-group-header': match && match.isHeader()}\"\n        (mouseenter)=\"typeaheadContainer.selectActive(match);\"\n        (click)=\"match && !match.isHeader() && typeaheadContainer.selectMatch(match, $event); $typeaheadEvent = $event; notifySubscriber();\">\n        <!-- itemTemplate comes from the <input> -->\n        @if (match.isHeader()) {\n          <h4 class=\"group-title\">{{match.value}}</h4>\n        }\n        @if (!match.isHeader()) {\n          <ng-container [ngTemplateOutlet]=\"itemTemplate\"\n            [ngTemplateOutletContext]=\"{item: match.item, index: i, match: match, query: query}\">\n          </ng-container>\n        }\n      </li>\n    }\n    <div class=\"status\" [hidden]=\"_loadingItems || !(datacompletemsg && dataProvider.isLastPage)\">\n      <span [textContent]=\"datacompletemsg\"></span>\n    </div>\n    <div class=\"status\" [hidden]=\"!_loadingItems\">\n      <i class=\"fa fa-circle-o-notch fa-spin\"></i>\n      <span [textContent]=\"loadingdatamsg\"></span>\n    </div>\n  </ul>\n</ng-template>\n\n<!--This template is for search inside mobile navbar.-->\n@if (navsearchbar) {\n  <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n    focus-target\n    container=\"body\"\n    [disabled]=\"disabled\"\n    [attr.accesskey]=\"shortcutkey\"\n    autocomplete=\"off\"\n    [(ngModel)]=\"query\"\n    [ngModelOptions]=\"{standalone: true}\"\n    [readonly]=\"readonly\"\n    [typeahead]=\"typeaheadDataSource\"\n    [typeaheadWaitMs]=\"debouncetime\"\n    [typeaheadItemTemplate]=\"customItemTemplate\"\n    [optionsListTemplate]=\"customListTemplate\"\n    (input)=\"onInputChange($event)\"\n    (keydown)=\"listenQuery = true\"\n    (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n    (keydown.arrowdown)=\"selectNext($event)\"\n    (blur)=\"invokeOnTouched($event)\"\n    (click)=\"handleFocus($event);\"\n    (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event);\"\n    (focusout)=\"onFocusOut()\"\n    [typeaheadMinLength]=\"minchars\"\n    [typeaheadOptionsLimit]=\"limit\"\n    (typeaheadLoading)=\"_loadingItems\"\n    (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n    typeaheadOptionField=\"label\"\n    [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n    [typeaheadAsync]=\"true\"\n    [typeaheadScrollable]=\"true\"\n    [adaptivePosition]=\"true\"\n    [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n    [dropup]=\"dropup\"\n    [tabindex]=\"tabindex\"\n    [attr.name]=\"name\"\n    [attr.aria-label]=\"arialabel || 'Search field'\"/>\n  <i class=\"btn-close wi wi-cancel\" [hidden]=\"!showClosebtn\" (click)=\"clearSearch($event);\"></i>\n} @else {\n  <button class=\"btn btn-icon form-control-feedback back-btn\" aria-hidden=\"true\" (click)=\"closeSearch()\"><i class=\"app-icon {{backsearchiconclass}}\"></i></button>\n  <span class=\"sr-only\">Back button</span>\n  <input [title]=\"query || ''\" type=\"text\" class=\"app-textbox form-control list-of-objs app-search-input\" [placeholder]=\"placeholder || ''\"\n    focus-target\n    [container]=\"containerTarget || '.wm-app'\"\n    [disabled]=\"disabled\"\n    [attr.accesskey]=\"shortcutkey\"\n    autocomplete=\"off\"\n    [(ngModel)]=\"query\"\n    [ngModelOptions]=\"{standalone: true}\"\n    [readonly]=\"readonly\"\n    [typeahead]=\"typeaheadDataSource\"\n    [typeaheadWaitMs]=\"debouncetime\"\n    [typeaheadItemTemplate]=\"customItemTemplate\"\n    [optionsListTemplate]=\"customListTemplate\"\n    (input)=\"onInputChange($event)\"\n    (keydown)=\"listenQuery = true\"\n    (keydown.enter)=\"$typeaheadEvent = $event;handleEnterEvent($event)\"\n    (keydown.arrowdown)=\"selectNext($event)\"\n    (blur)=\"invokeOnTouched($event); onFocusOut()\"\n    (click)=\"handleFocus($event);\"\n    (focus)=\"_unsubscribeDv = false; listenQuery = true; handleFocus($event); invokeOnFocus($event)\"\n    [typeaheadMinLength]=\"minchars\"\n    [typeaheadOptionsLimit]=\"limit\"\n    (typeaheadLoading)=\"_loadingItems\"\n    (typeaheadOnSelect)=\"typeaheadOnSelect($event)\"\n    typeaheadOptionField=\"label\"\n    [typeaheadGroupField]=\"groupby ? 'groupby' : null\"\n    [typeaheadAsync]=\"true\"\n    [typeaheadScrollable]=\"true\"\n    [adaptivePosition]=\"true\"\n    [typeaheadOptionsInScrollableView]=\"optionslimitinscrollableview\"\n    [tabindex]=\"tabindex\"\n    [dropup]=\"dropup\"\n    [attr.name]=\"name\"\n    [attr.aria-label]=\"arialabel || 'Search field'\">\n  <input class=\"model-holder\" ng-model=\"proxyModel\" ng-required=\"required\" tabindex=\"-1\" aria-hidden=\"true\">\n  @if (_loadingItems) {\n    <span aria-hidden=\"true\" class=\"fa fa-circle-o-notch fa-spin form-control-feedback\"></span>\n  }\n  <button class=\"btn btn-icon form-control-feedback clear-btn\" [ngClass]=\"{'show-btn': isQueryEntered()}\" (click)=\"clearSearch($event, true)\"><i class=\"app-icon {{clearsearchiconclass}}\"></i></button>\n  <span class=\"sr-only\">Clear button</span>\n  @if (showsearchicon) {\n    <span [ngClass]=\"{'disabled': disabled}\" class=\"input-group-addon\">\n      <form>\n        <button title=\"Search\" [disabled]=\"disabled\" class=\"app-search-button btn btn-icon\" type=\"submit\"\n          (click)=\"onSearchSelect($event)\">\n          <i class=\"app-icon {{searchiconclass}}\"></i></button>\n        </form>\n      </span>\n    }\n  }\n  <!--This template is for both web and fullscreen mode in mobile.-->\n" }]
         }], () => [{ type: i0__namespace.Injector }, { type: i1__namespace.App }, { type: undefined, decorators: [{
                     type: i0.Attribute,
                     args: ['datavalue.bind']
@@ -1295,7 +1291,7 @@
             i3.TypeaheadModule,
             i4.WmComponentsModule], exports: [SearchComponent,
             ScrollableDirective] }); })();
-    i0__namespace.ɵɵsetComponentScope(SearchComponent, [i1$1__namespace.NgClass, i1$1__namespace.NgForOf, i1$1__namespace.NgIf, i1$1__namespace.NgTemplateOutlet, i2__namespace.ɵNgNoValidate, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgControlStatusGroup, i2__namespace.NgModel, i2__namespace.NgForm, i3__namespace.TypeaheadDirective, i4__namespace.ItemTemplateDirective, i4__namespace.PartialParamHandlerDirective, i4__namespace.PartialContainerDirective, i4__namespace.TextContentDirective, ScrollableDirective], []);
+    i0__namespace.ɵɵsetComponentScope(SearchComponent, [i1$1__namespace.NgClass, i1$1__namespace.NgTemplateOutlet, i2__namespace.ɵNgNoValidate, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.NgControlStatusGroup, i2__namespace.NgModel, i2__namespace.NgForm, i3__namespace.TypeaheadDirective, i4__namespace.ItemTemplateDirective, i4__namespace.PartialParamHandlerDirective, i4__namespace.PartialContainerDirective, i4__namespace.TextContentDirective, ScrollableDirective], []);
 
     exports.ScrollableDirective = ScrollableDirective;
     exports.SearchComponent = SearchComponent;