import { Component } from '@angular/core';
import { MiniCartComponent } from '@spartacus/storefront';
import { CommonUtils } from '../utils';
import * as i0 from "@angular/core";
import * as i1 from "@spartacus/core";
import * as i2 from "@angular/router";
import * as i3 from "@ng-bootstrap/ng-bootstrap";
import * as i4 from "../services/account-dropdown-state.service";
import * as i5 from "@spartacus/storefront";
import * as i6 from "@angular/common";
export class CustomMiniCartComponent extends MiniCartComponent {
    constructor(_eref, activeCartService, router, modalService, cmsService, accountDropDownStateService, ref) {
        super(activeCartService);
        this._eref = _eref;
        this.activeCartService = activeCartService;
        this.router = router;
        this.modalService = modalService;
        this.cmsService = cmsService;
        this.accountDropDownStateService = accountDropDownStateService;
        this.ref = ref;
        this.entries$ = this.activeCartService.getEntries();
        this.cart$ = this.activeCartService.getActive();
        this.isDesktop = CommonUtils.isDesktop();
        this.isShowMenu = false;
        this.totalPriceFormat = "";
        this.searchPlaceHolder = 'Search';
        this.items = [];
        this.showSearch = false;
    }
    ngOnInit() {
        this.cmsService.getComponentData("ContactUsComponent").subscribe((data) => {
        });
        this.cart$.subscribe(dataRes => {
            this.totalCartItems = dataRes.totalItems;
            if (dataRes.totalPrice) {
                this.totalPriceFormat = dataRes.totalPrice.formattedValue;
            }
            else {
                this.totalPriceFormat = "";
            }
            this.accountDropDownStateService.setCartValue(dataRes);
            this.router.events.subscribe((val) => {
                if (window.location.pathname.includes('mylist')) {
                    this.searchPlaceHolder = 'Search for a particular list';
                }
                else {
                    this.searchPlaceHolder = 'Search';
                }
                this.ref.markForCheck();
            });
        });
        if (this.entries$) {
            this.entries$.subscribe(data => {
                this.items = [];
                // this.productHelpService.updateCodeInCart(data)
                data.forEach(n => {
                    this.items.push(n);
                });
            });
        }
    }
    ngOnChanges(changes) {
        this.ref.detectChanges();
    }
    negativeConverter(value) {
        let val = parseFloat(value).toFixed(2);
        if (/\-/g.test(val)) {
            let isMinus = '-$' + val.replace('-', '');
            return ('-$' + parseFloat(isMinus.split('$')[1]).toFixed(2).toLocaleString());
        }
        else {
            let isMinus = '$' + val;
            return ('$' + parseFloat(isMinus.split('$')[1]).toFixed(2).toLocaleString());
        }
    }
    toggleMenu() {
        this.isShowMenu = !this.isShowMenu;
    }
    mobileToggleMenu(content) {
        this.modalRef = this.modalService.open(content, { windowClass: 'minicartPopup', centered: true, size: 'lg' });
    }
    openSearch(content) {
        this.showSearch = true;
        this.modalRef = this.modalService.open(content, { windowClass: 'globalSearchPopup', centered: true, size: 'lg' });
    }
    onClickOutside(event) {
        if (!this._eref.nativeElement.contains(event.target)) {
            this.isShowMenu = false;
        }
    }
    mouseoutFunction() {
        this.isShowMenu = false;
    }
    openCart() {
        this.router.navigate(['/cart']);
    }
    navigateToAccount() {
        //Change the url once preference page implemented
        //this.router.navigate(['/preferencesPage'])
        this.router.navigate(['/under-construction']);
    }
    searchtext(event) {
        this.showSearch = false;
    }
}
CustomMiniCartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMiniCartComponent, deps: [{ token: i0.ElementRef }, { token: i1.ActiveCartService }, { token: i2.Router }, { token: i3.NgbModal }, { token: i1.CmsService }, { token: i4.AccountDropdownStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
CustomMiniCartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMiniCartComponent, selector: "app-custom-mini-cart", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-content\">\r\n\r\n    <!-- <app-custom-search *ngIf=\"!isDesktop\"></app-custom-search> -->\r\n    <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n        <!-- uncomment the below code when we do mini cart changes-->\r\n        <!-- <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" data-toggle=\"modal\" data-target=\"#minicartModal\"> -->\r\n        <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" (click)=\"openCart()\">\r\n            <cx-icon><img class=\"cart-icon\" src=\"../../../../assets/images/Icon-material-shopping-cart.svg\"></cx-icon>\r\n            <!-- <span class=\"quantity\" *ngIf=\"quantity$ | async as quantity\">\r\n                {{ quantity }} \r\n            </span> -->\r\n            <span class=\"quantity\">{{totalCartItems}}</span>\r\n            <span class=\"totalPrice\" *ngIf=\"isDesktop\">\r\n                {{totalPriceFormat?totalPriceFormat: '$ 0.00'}}\r\n            </span>\r\n\r\n        </a>\r\n        <div *ngIf=\"quantity$ | async as quantity\" class=\"modal fade modal-right\" id=\"minicartModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"minicartLabel\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n                    <div class=\"px-3\" *ngIf=\"quantity$ | async as quantity\">\r\n                        <div class=\"cart-preview-header d-flex align-items-center justify-content-between\">\r\n\r\n                            <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n                            <span class=\"cart-summary-label\"> Cart Summary</span>\r\n                            <span class=\"cart-summary-quantity\" *ngIf=\"quantity$ | async as quantity\">{{ quantity }}\r\n                                {{quantity == 1 ? 'item': 'items'}}</span>\r\n                        </div>\r\n                        <ul class=\"cart-list\">\r\n                            <li class=\"cart-list-items\" *ngFor=\"let p of items\">\r\n                                <div class=\"items-container\">\r\n                                    <div class=\"item d-flex\">\r\n                                        <div class=\"image-container\">\r\n                                            <cx-media [container]=\"p.product.images?.PRIMARY\" format=\"thumbnail\" role=\"presentation\"></cx-media>\r\n                                        </div>\r\n\r\n                                        <div class=\"d-md-flex d-block w-100 justify-content-between pl-3 pl-md-0\">\r\n                                            <div class=\"pl-4 minicart-list-items\">\r\n                                                <span class=\"productName\" title={{p.product.name}}>{{p.product.name}}</span>\r\n                                                <p class=\"itemCode\">SKU : {{p.product.code}}</p>\r\n                                                <!-- dynamic data need to be updated -->\r\n                                                <p class=\"itemDetails\">Colour: Slate Grey | Thickness: .40mm</p>\r\n                                            </div>\r\n\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"d-flex justify-content-between\">\r\n                                        <div class=\"item-total-quantity\">\r\n                                            <span>Total Qty: {{p?.quantity}}</span>\r\n                                        </div>\r\n                                        <div class=\"item-total-price\">\r\n                                            <span>{{p?.totalPrice?.formattedValue}}</span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"cart-preview-footer\">\r\n                            <div class=\"cart-preview-subTotal\">\r\n                                <span class=\"cart-subTotal-label\">Subtotal <span>(excl. GST)</span></span>\r\n                                <span class=\"cart-subTotal-price\">{{totalPriceFormat}}</span>\r\n                            </div>\r\n                            <div class=\"buttons-container d-flex justify-content-between\">\r\n                                <div class=\"cart-links\">\r\n                                    <a class=\"continue-shopping-achor\" routerLink=\"/cart\" data-dismiss=\"modal\"> Edit cart </a>\r\n                                </div>\r\n                                <div class=\"cart-links\">\r\n                                    <a class=\"checkout-achor\" routerLink=\"/cart\">\r\n                                        <button class=\"btn checkout-btn\" (click)=\"toggleMenu()\" data-dismiss=\"modal\"> CHECKOUT </button>\r\n                                    </a>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\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}#minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;max-width:508px;padding-bottom:4.5rem;top:0}#minicartModal .modal-content{background-color:#393939;color:#fff}#minicartModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}#minicartModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:\"Arial Bold\",sans-serif}#minicartModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}#minicartModal ::-webkit-scrollbar{width:4px}#minicartModal ::-webkit-scrollbar-track{background:#000000}#minicartModal ::-webkit-scrollbar-thumb{background:#707070}#minicartModal .modal-body{padding:1rem;height:calc(100vh - 88px)}.settings{padding:.5rem 1rem}.settings .settings-icon{width:22px;height:22px;cursor:pointer;font-size:var(--fontsize18)}.miniCartStyle{font-size:var(--fontsize16);position:relative;padding-left:1rem}.miniCartStyle a{position:relative}.miniCartStyle .cart-link{color:#fff;text-decoration:none;cursor:pointer;height:24px}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px;margin-bottom:0}.miniCartStyle .cart-link .quantity{position:absolute;color:#fff;bottom:18px;left:6px;padding:0 7px;font-size:var(--fontsize14);background-color:#d51317;border-radius:2px;line-height:1rem}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18)}.miniCartStyle .cart-preview{background-color:var(--cx-color-background-focus);color:var(--cx-color-light);display:none;position:absolute;top:0;min-width:660px;box-shadow:0 4px 3px #0000004d}.miniCartStyle .cart-preview .arrow-up{position:absolute;top:-8px;right:41%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffffff}.miniCartStyle .hide-menu{display:none}.miniCartStyle .show-menu{display:block;position:fixed;z-index:999;background:#393939;color:#fff;list-style:none;border-radius:3px;top:-5px;right:0;padding-left:0;cursor:auto;height:100vh}.miniCartStyle .cart-preview-header{padding:60px 10px 25px 0}.miniCartStyle .cart-preview-header .cart-summary-label{color:#fff;font-size:var(--fontsize24);font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-header .cart-summary-quantity{text-align:right;color:#c6c6c6;font-size:var(--fontsize16);position:relative}.miniCartStyle .cart-preview-header .mini-cart-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}.miniCartStyle .cart-list{height:calc(100vh - 20rem);overflow-y:auto;list-style-type:none;scrollbar-width:thin}.miniCartStyle .cart-list .cart-list-items{margin-bottom:15px;padding:1rem;background:#474747;margin-right:10px}.miniCartStyle .cart-list .cart-list-items .image-container{width:72px;height:72px}.miniCartStyle .cart-list .cart-list-items .item img{width:72px;height:72px}.miniCartStyle .cart-list .cart-list-items .minicart-list-items{display:grid;line-height:normal;padding-right:20px;text-align:left}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productName,.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productManufacturer{font-family:\"Arial Bold\",sans-serif;font-size:var(--fontsize14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemCode{font-family:\"Arial Bold\",sans-serif;font-size:var(--fontsize12);color:#fff;margin:0}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemDetails{font-size:var(--fontsize14)}.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14)}.miniCartStyle .cart-list .cart-list-items .item-total-price{font-size:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal{display:flex;padding:20px 35px 20px 20px;border-top:1px solid #707070;border-bottom:1px solid #707070;position:relative;margin-top:1.5rem}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{width:60%;font-size:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label span{font-size:var(--fontsize16);font-family:\"Arial Regular\",sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-price{width:40%;text-align:right;font-size:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-footer .buttons-container{padding:1.5rem 1.3rem}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor{margin-bottom:15px;width:100%;background-color:#b61828;color:#fff;border-color:#b61828;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor:hover{background-color:#b61828;color:#fff;border-color:#b61828}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;color:#fff;border-color:#b61828;min-height:var(--buttonHeight44);font-size:var(--fontsize14);text-decoration:none;border-radius:0;width:154px;font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor{width:100%;color:#fff;text-decoration:underline;text-transform:uppercase;position:relative;top:12px;font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor:hover{text-decoration:underline}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;border-color:#b61828;color:#fff;min-height:var(--buttonHeight60);font-size:var(--fontsize24);width:100%;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .empty-cart{padding:10px;text-align:center;font-size:14px}.fa-shopping-cart{margin-right:5px;width:28px;height:22px;margin-bottom:2px}.search-button{position:absolute;right:20px;top:75px;color:#003d7a;background:#ffffff}.globalSarchMobile{display:none}.totalMenuContainer{width:19rem;height:100vh;background-color:#fff;position:fixed;top:0;z-index:11}.totalMenuContainer button{color:#fff;border:none;width:90%;height:2.7rem;position:absolute;bottom:7rem;left:.3rem;border-radius:4px}.header-content{display:flex;justify-content:flex-end}@media screen and (max-width: 1440px){.miniCartStyle{right:0rem}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px}.miniCartStyle .cart-link .quantity{bottom:18px;left:7px;padding:0 6px;line-height:1rem}.miniCartStyle .cart-preview{min-width:500px}.miniCartStyle .cart-preview .arrow-up{right:14rem}.miniCartStyle .show-menu{right:-10.5rem;top:29px}.fa-shopping-cart{width:22px;height:18px}.header-content{right:15rem}}@media screen and (max-device-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-device-width: 992px){.cart-link .quantity{position:absolute;color:#fff;padding:0 .438rem;font-size:var(--fontsize16);background-color:#1d1d1b!important;line-height:1rem}}@media screen and (max-width: 767px){.fa-search{font-size:var(--fontsize19)}.fa-search:before{color:#464645}.globalSarchMobile{display:block}.search-button,.searchBox-input{background:#ffffff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#ffffff;display:flex;justify-content:center;align-items:center}::placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}:-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}::-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}.searchBox-input{border:0px}.header-content{position:unset}}@media screen and (max-width: 767px){.cart-link img{width:20px}.cart-preview-header{width:100%}.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.cart-preview-header{width:100%}.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}\n"], components: [{ type: i5.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }, { type: i5.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "async": i6.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomMiniCartComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-custom-mini-cart',
                    templateUrl: './custom-mini-cart.component.html',
                    styleUrls: ['./custom-mini-cart.component.scss']
                }]
        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.ActiveCartService }, { type: i2.Router }, { type: i3.NgbModal }, { type: i1.CmsService }, { type: i4.AccountDropdownStateService }, { type: i0.ChangeDetectorRef }]; } });
//# sourceMappingURL=data:application/json;base64, 