import { Component } from '@angular/core';
import { CategoryNavigationComponent } from '@spartacus/storefront';
import { BehaviorSubject, Subscription } from 'rxjs';
import { CommonUtils } from '../../utils';
import * as i0 from "@angular/core";
import * as i1 from "@spartacus/core";
import * as i2 from "@ng-bootstrap/ng-bootstrap";
import * as i3 from "@spartacus/storefront";
import * as i4 from "../../services/account-dropdown-state.service";
import * as i5 from "../../custom-search/custom-search.component";
import * as i6 from "@angular/common";
import * as i7 from "@angular/router";
export class CustomNavigationComponent extends CategoryNavigationComponent {
    constructor(cmsService, modalService, componentData, cd, accDropService, service) {
        super(componentData, service);
        this.cmsService = cmsService;
        this.modalService = modalService;
        this.cd = cd;
        this.accDropService = accDropService;
        this.customMenuItems = [];
        this.serviceSubscribe = new Subscription;
        this.isMobile = false;
        this.isTablet = false;
        this.isDesktop = true;
        this.AllProducts = [];
        this.subCategory = [];
        this.MyAccount = [];
        this.display = 'none';
        this.searchIconData = false;
        this.showWaitCursor = new BehaviorSubject(true);
    }
    ngOnInit() {
        this.showWaitCursor.next(true);
        this.navMenuList();
        this.onPageRefresh();
        this.cmsService.getComponentData("QuickOrderLink").subscribe((data) => {
            this.quickOrder = data;
            this.showWaitCursor.next(false);
        });
        this.cmsService.getComponentData("HomeLogoComponent").subscribe((data) => {
            this.homeIconData = data;
            this.cd.markForCheck();
            this.showWaitCursor.next(false);
        });
        this.cmsService.getComponentData("SearchLogoComponent").subscribe((data) => {
            if (data) {
                this.searchIconData = true;
            }
        });
    }
    navMenuList() {
        this.serviceSubscribe = this.node$.subscribe((data) => {
            this.customMenuItems = data.children.map((item) => {
                let child;
                if (item.children) {
                    child = this.getChild(item.children);
                    if (item.url && item.title == 'My Account') {
                        this.MyAccount = item.children;
                    }
                    if (item.title == 'Products') {
                        this.AllProducts = item.children;
                        sessionStorage.setItem('productcategory', JSON.stringify(this.AllProducts));
                        this.accDropService.navigationsData.next(item.children);
                    }
                    return { text: item.title, items: child, url: item.url };
                }
                return { text: item.title, url: item.url };
            });
            this.cd.markForCheck();
        });
    }
    routeURL(url) {
    }
    landingPageRouting() {
        document.location.href = '/';
    }
    /* Method helps to "parse|optimize" server side data to menu items */
    getChild(children) {
        return children.map((child) => {
            let childList;
            if (child.children) {
                childList = this.getChild(child.children);
                if (child.url) {
                    childList.unshift({ text: 'All Products', url: child.url });
                }
                return { text: child.title, items: childList, url: child.url };
            }
            return { text: child.title, url: child.url };
        });
    }
    onResize(event) {
        event.target.innerWidth;
        if (event.target.innerWidth < 768) {
            this.isMobile = true;
            this.isDesktop = false;
        }
        else if (event.target.innerWidth < 992) {
            this.isTablet = true;
            this.isDesktop = false;
        }
        else {
            this.isDesktop = true;
        }
    }
    onPageRefresh() {
        this.isMobile = CommonUtils.isMobile();
        this.isTablet = CommonUtils.isTablet();
        this.isDesktop = CommonUtils.isDesktop();
    }
}
CustomNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomNavigationComponent, deps: [{ token: i1.CmsService }, { token: i2.NgbModal }, { token: i3.CmsComponentData }, { token: i0.ChangeDetectorRef }, { token: i4.AccountDropdownStateService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
CustomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomNavigationComponent, selector: "app-custom-navigation", usesInheritance: true, ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div (window:resize)=\"onResize($event)\">\r\n    <nav class=\"navbar navbar-expand-lg navbar-light position-relative\">\r\n        <div class=\"navbar-collapse\" id=\"headerNavbar\">\r\n            <div class=\"container\" [ngClass]=\"{'navigationBox': !isDesktop}\" id=\"parentNav\">\r\n                <ul class=\"customHeaderNav navbar-nav main-nav d-flex d-lg-inline-flex\">\r\n                    <ng-container *ngIf=\"isDesktop && homeIconData?.media\">\r\n                        <li [ngClass]=\"homeIconData.styleClasses\">\r\n                           <a routerLink=\"{{homeIconData?.urlLink}}\">\r\n                               <cx-media [container]=\"homeIconData?.media\"></cx-media>\r\n                           </a>\r\n                       </li>\r\n                    </ng-container>\r\n                    <li *ngIf=\"isDesktop\" class=\"rightBdr\"> &nbsp;</li>\r\n                    <li class=\"nav-item main-nav-level-1\" [ngClass]=\"{'megamenu': menuItem.text=='Products', 'myAccount':  menuItem.text=='My Account' }\" *ngFor=\"let menuItem of customMenuItems; let i=index\">\r\n                        <div class=\"navTagParent\">\r\n                            <a [routerLink]=\"menuItem?.url\" data-toggle=\"megamneu-1\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"nav-link text-uppercase position-relative\">\r\n                            {{menuItem.text}}</a>\r\n                            <ng-container *ngIf=\"!isDesktop\">\r\n                                <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#parentNavLabel' + i\" aria-expanded=\"false\" [attr.aria-controls]=\"'parentNavLabel' + i\" *ngIf=\"menuItem.text=='Products' && AllProducts.length || menuItem.text=='My Account' &&  MyAccount.length\">\r\n                                    <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n                                </span>\r\n                            </ng-container>\r\n                        </div>\r\n                        <div class=\"border-0 p-0 m-0  mainnav-link-level-2\" [attr.id]=\"'parentNavLabel' + i\" aria-labelledby=\"\" data-parent=\"#parentNav\" [ngClass]=\"isDesktop && menuItem.text=='Products' ? 'categoryMenu' : 'collapse' \" *ngIf=\"menuItem.text=='Products'\">\r\n                            <ul class=\"nav-link-box justify-content-md-around\" id=\"childNav\">\r\n                                <li class=\"nav-item dropdown w-100 megamenuSubChild\" *ngFor=\"let catagory of AllProducts; let c=index\">\r\n                                    <div class=\"navTagChild\">\r\n                                        <a [routerLink]=\"catagory?.url\" class=\"nav-link text-uppercase\">\r\n                                            <span class=\"category-icon\" [ngClass]=\"catagory.styleClasses\"></span>\r\n                                            <span>{{catagory?.title}}</span>\r\n                                        </a>\r\n                                        <ng-container *ngIf=\"!isDesktop\">\r\n                                            <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#childNavLabel' + c\" aria-expanded=\"false\" [attr.aria-controls]=\"'childNavLabel' + c\" *ngIf=\"menuItem.text=='Products' && AllProducts.length || menuItem.text=='My Account' &&  MyAccount.length\">\r\n                                                <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n                                            </span>\r\n                                        </ng-container>\r\n                                    </div>\r\n                                    <div aria-labelledby=\"megamneu-2\" class=\"border-0 p-0 m-0\" [ngClass]=\"isDesktop? 'dropdown-menu  mainnav-link-level-3' : 'collapse navLabelThree' \" [attr.id]=\"'childNavLabel' + c\" aria-labelledby=\"\" data-parent=\"#childNav\">\r\n                                        <div class=\"\">\r\n                                            <ul class=\"col-sm-12 d-md-flex flex-md-wrap p-5\">\r\n                                                <li class=\"col-lg-3\" *ngFor=\"let subcatagory of catagory.children;\">\r\n                                                    <a [routerLink]=\"subcatagory?.url\" class=\"nav-link text-uppercase py-4\">{{subcatagory?.title}}</a>\r\n                                                </li>\r\n                                            </ul>\r\n                                        </div>\r\n                                    </div>\r\n                                </li>\r\n\r\n                            </ul>\r\n                        </div>\r\n                        <div aria-labelledby=\"myAccount\" class=\"border-0 p-0 m-0 collapse\" [ngClass]=\"isDesktop && menuItem.text=='My Account' ? 'categoryMenu dropdown-menu mainnav-link-level-2' : ''\" *ngIf=\"menuItem.text=='My Account' && MyAccount.length\" [attr.id]=\"'parentNavLabel' + i\"\r\n                            aria-labelledby=\"headingOne\" data-parent=\"#parentNav\">\r\n                            <ul class=\"myAccountMenu d-flex flex-column\">\r\n                                <li class=\"d-flex\" *ngFor=\"let account of MyAccount; let c=index\">\r\n                                    <a [routerLink]=\"account?.url\" class=\"text-uppercase p-3 w-100\">\r\n                                        <span>{{account?.title}}</span>\r\n                                    </a>\r\n                                </li>\r\n                            </ul>\r\n                        </div>\r\n                    </li>\r\n                    <li class=\" d-flex align-self-stretch\" *ngIf=\"isDesktop\">\r\n                        <div class=\"d-flex\">\r\n                            <div class=\"quickOrder-Nav d-flex align-items-center\" *ngIf=\"quickOrder\">\r\n                                <a [routerLink]=\"quickOrder.url\" class=\"quickOrder-btn text-center\">\r\n                                    {{quickOrder.linkName}}\r\n                                </a>\r\n                            </div>\r\n                            <ng-container *ngIf=\"searchIconData\">\r\n                                <app-custom-search class=\"d-flex\"></app-custom-search>\r\n                            </ng-container>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n\r\n        </div>\r\n    </nav>\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}::ng-deep .NavigationBar .mainHeaderDeskLogo{position:absolute;left:1rem}::ng-deep .NavigationBar .logoHeader{width:100%;max-width:300px;display:flex}::ng-deep .NavigationBar .home-logo{display:inline-block}::ng-deep .NavigationBar .home-logo .home-icon{width:28px;height:28px;cursor:pointer;position:relative}::ng-deep .NavigationBar .rightBdr{border-right:1px solid #ffffff;height:28px}::ng-deep .NavigationBar .navbar-collapse{align-items:normal}::ng-deep .NavigationBar .categoryMenu{position:absolute;top:100%;left:0;z-index:990;display:none;float:left;min-width:10rem;padding:.5rem 0;text-align:left;list-style:none;background-clip:padding-box;width:100%;border-radius:0}::ng-deep .NavigationBar .transparency{display:none;position:absolute;width:100%;height:100vh;background-color:#16161680;z-index:-1}::ng-deep .NavigationBar .transparency:hover{display:none}::ng-deep .NavigationBar .main-nav{width:100%;display:flex!important;justify-content:space-between;align-items:center}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .nav-link:hover{color:#fff;text-decoration:underline}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .navTagParent>a.nav-link{font-size:var(--fontsize14);font-weight:normal;line-height:var(--fontsize36);font-family:\"Arial Bold\",sans-serif;color:#fff;padding:1.875rem .938rem}::ng-deep .NavigationBar .navbar{position:relative;padding:0}::ng-deep .NavigationBar .megamenu:hover .categoryMenu,::ng-deep .NavigationBar .myAccount:hover .categoryMenu{display:block}::ng-deep .NavigationBar .megamenu:hover .transparency,::ng-deep .NavigationBar .megamenuSubChild:hover .transparency{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3 .transparency{display:block}::ng-deep .NavigationBar .mainnav-link-level-2{background-color:#1d1d1b}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box{display:flex;flex-direction:row}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box>.nav-item.dropdown{position:unset}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link{padding:2.188rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link .category-icon{font-size:var(--fontsize32)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link:hover{text-decoration:none}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover{background-color:#fff}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover .nav-link{color:#1d1d1b!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3{display:none;background-color:#fff!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3 ul>li a{border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;color:#1d1d1b;line-height:var(--fontsize16);margin-bottom:-1px;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .megamenu{position:static}::ng-deep .NavigationBar .megamenu .dropdown-menu{background:none;border:none;width:100%}::ng-deep .NavigationBar .myAccount{position:relative}::ng-deep .NavigationBar .myAccount .dropdown-menu{min-width:15rem}::ng-deep .NavigationBar .myAccount .myAccountMenu{display:flex;background-color:#1d1d1b;border:1px solid #1D1D1B}::ng-deep .NavigationBar .myAccount .myAccountMenu li{border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .myAccount .myAccountMenu li a{color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover{background-color:#fff}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover a{color:#1d1d1b}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:1rem;margin-right:4.875rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{background-color:#1d1d1b;color:#fff;font-size:var(--fontsize14);line-height:var(--fontsize16);padding:.75rem 1rem;width:135px;text-transform:uppercase}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn:hover{text-decoration:none}::ng-deep .NavigationBar .navbar-light .navbar-toggler-icon{background-image:url(data:image/png;base64, )}::ng-deep .NavigationBar #parentNav{max-width:1320px}@media screen and (max-width: 1919px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .logoHeader{max-width:100%}::ng-deep .NavigationBar .mainHeaderDeskLogo{position:relative;left:0}::ng-deep .NavigationBar .mainHeaderDeskLogo .topHeaderLogo{padding:0}::ng-deep .NavigationBar .customHeaderNav{width:calc(100% - 250px);margin-left:auto}}@media screen and (max-width: 1600px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-right:1rem}::ng-deep .NavigationBar .home-logo{padding-right:1rem;padding-left:1rem}}@media screen and (max-width: 1365px){::ng-deep .NavigationBar .home-logo{padding-right:.75rem;padding-left:.25rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:0}}@media screen and (max-device-width: 1024px){::ng-deep .NavigationBar .logoHeader{max-width:185px}::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .238rem;font-size:.75rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{padding:.75rem .5rem;width:90px}}@media screen and (max-device-width: 991px){::ng-deep .NavigationBar .tabnavHeader .navbar-toggler :after{content:\"\";position:absolute;right:-15px;width:1px;height:32px;border-right:1px solid #EC5E60}::ng-deep .NavigationBar .navigationBox{width:100%;max-width:100%;background-color:#b61828;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;flex-wrap:nowrap}::ng-deep .NavigationBar .navigationBox .mainHeaderTabLogo{padding:18px 24px}::ng-deep .NavigationBar .navigationBox .customHeaderNav{width:100%;align-items:flex-start;overflow-y:auto;justify-content:normal}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li{border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:flex;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li .navTagParent{width:100%;display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li a{padding:25px!important;flex:1 1}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx{width:93px;border-left:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx .icon-right{font-size:var(--fontsize14);transform:rotate(0);padding:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx[aria-expanded=true] .icon-right{transform:rotate(90deg)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box{display:flex;background-color:#1d1d1b;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box:first-child{border-top:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item{padding:0;border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link{flex-direction:row!important;color:#1d1d1b}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link img{padding-right:15px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .category-icon{display:inline-block;margin-right:25px;width:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .icon-right{transform:rotate(0);transition:all .2s}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree{background-color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul{padding:0!important;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul li{padding:0!important;border-bottom:1px solid #E0E0E0;font-family:\"Arial Bold\",sans-serif}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{background-color:#1d1d1b;color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild a,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :focus,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :active{color:#fff!important}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .arrowdownBx[aria-expanded=true] .icon-right{color:#fff;transition:all .2s;transform:rotate(90deg)!important}::ng-deep .NavigationBar .navigationBox .siteLinksSec{background-color:#1d1d1b;padding:18px 24px}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:right;padding-right:100px}}@media screen and (max-width: 767px){::ng-deep .NavigationBar .navigationBox{max-width:100%}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:left;padding-right:0;padding-top:15px;line-height:1.5rem}::ng-deep .NavigationBar .navbar-collapse{padding-left:0}::ng-deep .NavigationBar .navbar-nav{align-items:initial}}\n"], components: [{ type: i3.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }, { type: i5.CustomSearchComponent, selector: "app-custom-search" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgbNavbar, selector: ".navbar" }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i6.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomNavigationComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-custom-navigation',
                    templateUrl: './custom-navigation.component.html',
                    styleUrls: ['./custom-navigation.component.scss']
                }]
        }], ctorParameters: function () { return [{ type: i1.CmsService }, { type: i2.NgbModal }, { type: i3.CmsComponentData }, { type: i0.ChangeDetectorRef }, { type: i4.AccountDropdownStateService }, { type: i3.NavigationService }]; } });
//# sourceMappingURL=data:application/json;base64, 