import { Component, HostListener, ViewChild } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { CommonUtils } from '../utils';
import * as i0 from "@angular/core";
import * as i1 from "@spartacus/storefront";
import * as i2 from "../services/search.service";
import * as i3 from "@angular/common";
export class CustomSearchComponent {
    constructor(config, searchService) {
        this.config = config;
        this.searchService = searchService;
        this.isDesktop = CommonUtils.isDesktop();
        this.environment = sessionStorage.getItem('env');
        this.env = JSON.parse(this.environment);
        this.storeFrontUrl = this.env.UIsiteURl;
        this.occBaseUrl = this.env.occBaseUrl;
        this.products = [];
        this.isShowSearchResults = false;
        this.resetedButton = false;
        this.isNoResultsMsg = new BehaviorSubject(false);
        this.isMinimumMsg = new BehaviorSubject(false);
        this.searchResultProductData = new BehaviorSubject([{}]);
        this.searchResultContentData = new BehaviorSubject([{}]);
        this.autoCompleteLoad$ = new BehaviorSubject(false);
        this.searchField = {};
    }
    onKeydownHandler(event) {
        if (event.key === "Enter") {
            if (this.viewAllSearchQuery == undefined) {
                this.closebutton.nativeElement.click();
                this.clearResults();
            }
        }
    }
    ngOnInit() {
        var _a;
        const code = localStorage.getItem('branchDetails');
        this.categoryCode = (_a = JSON.parse(code)) === null || _a === void 0 ? void 0 : _a.categoryCode;
        this.searchField = window.document.getElementById('search');
        this.searchField.addEventListener('keypress', (event) => {
            if (event.key == 'Enter') {
                event.preventDefault();
                if (this.viewAllSearchQuery == undefined) {
                    this.closebutton.nativeElement.click();
                    this.clearResults();
                }
                else if (this.viewAllSearchQuery.length >= 2) {
                    window.location.href = this.storeFrontUrl + '/search/' + this.viewAllSearchQuery;
                    this.clearResults();
                    this.isMinimumMsg.next(false);
                }
                else {
                    this.isMinimumMsg.next(true);
                }
            }
        });
    }
    globalSearch(event) {
        this.config.view = { defaultPageSize: 7 };
        this.viewAllSearchQuery = event;
        if (event.length > 0) {
            this.resetedButton = true;
        }
        else {
            this.resetedButton = false;
        }
        if (event.length >= 2) {
            this.searchService.getProductSearchResults(event, this.categoryCode).subscribe((data) => {
                var _a;
                this.products = data.products;
                this.isMinimumMsg.next(false);
                if (((_a = data.products) === null || _a === void 0 ? void 0 : _a.length) === 0) {
                    this.isNoResultsMsg.next(true);
                    this.isShowSearchResults = false;
                }
                else {
                    this.isNoResultsMsg.next(false);
                    this.isShowSearchResults = true;
                    this.searchResultContentData.next(data.contents);
                    this.searchResultProductData.next(data.products);
                    this.autoCompleteLoad$.next(true);
                }
            });
        }
        else if (event.length == 0) {
            this.autoCompleteLoad$.next(false);
        }
        else if (event.length < 2) {
            this.isShowSearchResults = false;
        }
    }
    clearResults() {
        this.searchField.value = '';
        this.resetedButton = false;
        this.searchResultContentData.next(null);
        this.searchResultProductData.next(null);
        this.isShowSearchResults = false;
        this.isNoResultsMsg.next(false);
    }
    submitResults() {
        if (this.viewAllSearchQuery == undefined) {
            this.closebutton.nativeElement.click();
            this.clearResults();
        }
        else if (this.viewAllSearchQuery.length >= 2) {
            window.location.href = this.storeFrontUrl + '/search/' + this.viewAllSearchQuery;
            this.clearResults();
            this.closebutton.nativeElement.click();
            this.isMinimumMsg.next(false);
        }
        else {
            this.isMinimumMsg.next(true);
        }
    }
}
CustomSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomSearchComponent, deps: [{ token: i1.ViewConfig }, { token: i2.CustomSearchService }], target: i0.ɵɵFactoryTarget.Component });
CustomSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomSearchComponent, selector: "app-custom-search", host: { listeners: { "document:keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "closebutton", first: true, predicate: ["closebutton"], descendants: true }], ngImport: i0, template: "<div class=\"searchBox d-flex align-items-center\">\r\n    <span data-toggle=\"modal\" data-target=\"#globalSearchModal\" class=\"icon-search\" (click)=\"clearResults()\">\r\n        <span class=\"path2\"></span>\r\n    <span class=\"path3\"></span>\r\n    </span>\r\n</div>\r\n<div class=\"modal fade globalsearch-modal\" id=\"globalSearchModal\" role=\"dialog\" aria-labelledby=\"globalSearchLabel\" aria-hidden=\"true\">\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header border-0 justify-content-end container\">\r\n                <i class=\"icon-close search-pop-close\" #closebutton data-dismiss=\"modal\" title=\"Close\" (click)=\"clearResults()\" aria-label=\"Close\"></i>\r\n            </div>\r\n            <div class=\"modal-body px-2 pt-0 container\">\r\n                <form name=\"search_form_\" method=\"get\" action=\"{{ storeFrontUrl }}/search/\" id=\"productSearchForm\" class=\"w-100\">\r\n                   <div class=\"d-flex position-relative\">\r\n                    <input #searchInput type=\"search\" placeholder=\"Search here...\" id=\"search\" name=\"search\" class=\"searchInput\"\r\n data-options='{\"autocompleteUrl\" : \"/search/autocomplete/ProductSearchBox\",\"minCharactersBeforeRequest\" : \"2\",\"waitTimeBeforeRequest\" : \"500\",\"displayProductImages\" : true,\"productSearchRequest\" : true}'\r\n                        autocomplete=\"off\" (input)=\"globalSearch(searchInput.value)\" />\r\n                        <button class=\"search-icon\" type=\"button\" aria-label=\"Search\" (click)=\"submitResults()\">\r\n                            <i class=\"fas fa-search\" title=\"Search for products or content\"></i>\r\n                        </button>\r\n                        <button *ngIf=\"resetedButton\" class=\"reset\" type=\"reset\" (click)=\"$event.preventDefault(); clearResults()\" aria-label=\"Reset\">\r\n                            <i class=\"fa fa-times\" title=\"Clear\"></i>\r\n                        </button>\r\n                    </div>\r\n                </form>\r\n                <div class=\"results\" *ngIf=\"isNoResultsMsg | async\">\r\n                    <div class=\"message\">\r\n                        We could not find any results\r\n                    </div>\r\n                </div>\r\n                <div class=\"results\" *ngIf=\"isMinimumMsg | async\">\r\n                    <div class=\"message\">\r\n                        Please enter a minimum of two characters to perform a search\r\n                    </div>\r\n                </div>\r\n                <div [ngClass]=\"isShowSearchResults ? 'd-block' : 'd-none'\" class=\"w-100\"\r\n                    *ngIf=\"autoCompleteLoad$ | async\">\r\n                    <div class=\"products\">\r\n                        <ul class=\"results w-100\" aria-label=\"product results\">\r\n                            <span *ngIf=\"searchResultProductData | async as searchProductData\">\r\n                                <span *ngIf=\"searchProductData\">\r\n                                    <li *ngFor=\"let item of searchResultProductData | async\">\r\n                                        <a href=\"{{storeFrontUrl + '/p/' + item.code }}\" class=\"has-media\" attr.data-product-code=\"{{ item.code }}\"\r\n                                        *ngIf=\"item\">\r\n                                            <ng-container *ngIf=\"item?.images\">\r\n                                                <img class=\"d-block\" src=\"{{ occBaseUrl }}{{ item?.images[0]?.url }}\" />\r\n                                            </ng-container>\r\n                                            <ng-container *ngIf=\"!item?.images\">\r\n                                                <img class=\"d-block\" src=\"../../../../assets/images/search-noimage.svg\"  alt=\"image\"/>\r\n                                            </ng-container>\r\n                                            <div class=\"name\">\r\n                                                <span class=\"search-results-highlight\" [innerHTML]=\"item.name\"></span>\r\n                                            </div>\r\n                                        </a>\r\n                                     </li>\r\n                                </span>\r\n                            </span>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative;z-index:10}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}d .helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}d .helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}d .helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}d .helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}d .helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}d .helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}d .helpSupport .contact-us-info a{color:#fff;text-decoration:none}d .helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}@media screen and (max-width: 991px){cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0}cx-storefront header.is-expanded .PreHeader{position:absolute;right:15px;top:15px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;top:25px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}.icon-search{font-size:24px}.globalsearch-modal .modal-header{margin-top:10rem}.globalsearch-modal .modal-dialog{max-width:100%!important;margin:0}.globalsearch-modal .modal-content{background-color:transparent;max-width:1366px;margin:auto;padding:0 30px}.globalsearch-modal .searchInput{color:#000;line-height:80px;height:80px;font-size:var(--fontsize24);cursor:auto;width:100%;padding-left:15px;border:1px solid #D51317}.globalsearch-modal .searchInput ::placeholder{color:#000}.globalsearch-modal .search-icon{position:absolute;justify-content:center;align-items:center;display:flex;background:#B61828;padding:3px;min-width:80px;color:#fff;font-size:30px;right:0;bottom:0;top:0;border:0}.globalsearch-modal .search-icon .fa-search{position:relative}.globalsearch-modal .search-icon .fa-search:before{content:url(../../../../assets/images/icon-ionic-ios-search.svg)}.globalsearch-modal .reset{position:absolute;justify-content:center;align-items:center;display:flex;padding:3px;height:24px;width:24px;color:#707070;font-size:var(--fontsize16);right:100px;top:30px;border:0;border-radius:50%;background-color:#e8e8e8}.globalsearch-modal .reset .fa-times-circle{font-size:1.4rem}.globalsearch-modal .results{width:100%;font-family:\"Arial Bold\",sans-serif;color:#fff;background-color:#393939;max-height:500px;overflow:auto}.globalsearch-modal .results .message{padding:2rem 1rem}.globalsearch-modal .results li{padding:0 20px}.globalsearch-modal .results li:hover,.globalsearch-modal .results li:focus{background:#474747}.globalsearch-modal .results a{padding:25px 0;grid-column-gap:30px;display:flex;align-items:center;color:#fff;border-top:1px solid #474747}.globalsearch-modal .results a:hover,.globalsearch-modal .results a:focus{text-decoration:none}.globalsearch-modal .results a img{width:140px;max-width:140px;height:100px}.globalsearch-modal .icon-close{cursor:pointer;right:0;position:relative;font-size:var(--fontsize28)}::ng-deep .searchBox{padding:.875rem 1.75rem;border-left:1px solid #EC5E60;border-right:1px solid #EC5E60;cursor:pointer;font-size:var(--fontsize32);height:90px}@media screen and (max-width: 1365px){.searchBox{padding:.875rem .75rem}}@media screen and (max-device-width: 1024px){.searchBox{border:0;padding:.375rem}}@media screen and (max-width: 991px){.searchBox{height:unset}.globalsearch-modal .icon-close{right:0}}@media screen and (max-width: 767px){.globalsearch-modal .modal-header{margin-top:6rem}.globalsearch-modal .reset{top:13px}.globalsearch-modal .modal-body{padding-left:0!important;padding-right:0!important}.globalsearch-modal .searchInput{background-color:#fff;border:none;height:50px;line-height:50px}.globalsearch-modal .results{max-height:400px;top:78px}.globalsearch-modal .results .message{padding:1rem}.globalsearch-modal .results a{padding:15px 0}.globalsearch-modal .results a img{width:80px;height:57px}}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomSearchComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-custom-search',
                    templateUrl: './custom-search.component.html',
                    styleUrls: ['./custom-search.component.scss']
                }]
        }], ctorParameters: function () { return [{ type: i1.ViewConfig }, { type: i2.CustomSearchService }]; }, propDecorators: { closebutton: [{
                type: ViewChild,
                args: ['closebutton']
            }], onKeydownHandler: [{
                type: HostListener,
                args: ['document:keydown', ['$event']]
            }] } });
//# sourceMappingURL=data:application/json;base64, 