import { Component, ViewChild } from '@angular/core';
import { BehaviorSubject } from 'rxjs';
import { CommonUtils } from '../../utils';
import * as i0 from "@angular/core";
import * as i1 from "@spartacus/core";
import * as i2 from "../../services/cart.service";
import * as i3 from "@angular/router";
import * as i4 from "../../services/order.review";
import * as i5 from "../../shared/custom-breadcrum/custom-breadcrum.component";
import * as i6 from "./delivery-information/delivery-information.component";
import * as i7 from "./order-review-list/order-review-list.component";
import * as i8 from "./order-review-grid/order-review-grid.component";
import * as i9 from "@angular/common";
import * as i10 from "ngx-hide-on-scroll";
export class OrderReviewComponent {
    constructor(cmsService, cartService, router, orderReviewService) {
        this.cmsService = cmsService;
        this.cartService = cartService;
        this.router = router;
        this.orderReviewService = orderReviewService;
        this.openPopupModal = false;
        this.isDesktop = true;
        this.isMobile = false;
        this.isTablet = false;
        this.listview = true;
        this.isExpandAll = false;
        this.breadcrumbData = [];
        this.showWaitCursor = new BehaviorSubject(true);
        this.orderReviewPage = true;
    }
    ngOnInit() {
        var _a;
        const cartObj = localStorage.getItem('spartacus⚿dimond-spa⚿cart');
        this.cartId = (_a = JSON.parse(cartObj)) === null || _a === void 0 ? void 0 : _a.active;
        this.breadcrumbData.push({ url: '/', name: 'Home' });
        this.breadcrumbData.push({ url: '/cart', name: 'Cart' });
        this.breadcrumbData.push({ url: '/checkout', name: 'Checkout' });
        this.breadcrumbData.push({ url: '/review-order', name: 'Review Order' });
        this.cmsService.getCurrentPage().subscribe((pagadata) => {
            this.pageTitle = pagadata.title;
        });
        this.cmsService.getComponentData('OptionalContentComponent').subscribe((data) => {
            if (data) {
                this.orderReviewParagraph = data.content;
            }
        });
        this.cmsService.getComponentData('OrderErrorParagraphComponent').subscribe((data) => {
            if (data) {
                this.orderErrorParagraph = data.content;
            }
        });
        this.getCartLists();
        this.onPageRefresh();
    }
    getCartLists() {
        this.showWaitCursor.next(true);
        this.cartService.getCartList(this.cartId).subscribe(res => {
            var _a;
            this.cartDetails = res === null || res === void 0 ? void 0 : res.entries;
            this.totalPrice = (_a = res === null || res === void 0 ? void 0 : res.totalPrice) === null || _a === void 0 ? void 0 : _a.formattedValue;
            this.showWaitCursor.next(false);
        }, (error) => {
            this.showWaitCursor.next(false);
        });
    }
    gridView() {
        this.listview = false;
    }
    listView() {
        this.listview = true;
    }
    expandAll() {
        this.isExpandAll = true;
        this.cartService.expandAll.next(true);
    }
    contractAll() {
        this.isExpandAll = false;
        this.cartService.expandAll.next(false);
    }
    orderPlace() {
        this.showWaitCursor.next(true);
        this.orderReviewService.orderPlaceAPI(this.cartId).subscribe((response) => {
            if (response) {
                localStorage.setItem("orderId", response === null || response === void 0 ? void 0 : response.code);
                sessionStorage.removeItem('checkoutData');
                localStorage.removeItem('spartacus⚿dimond-spa⚿cart');
                window.location.href = '/order-confirmation';
                this.showWaitCursor.next(false);
            }
        }, (error) => {
            this.errorModalBtn.nativeElement.click();
            this.showWaitCursor.next(true);
        });
    }
    onResize(event) {
        event.target.innerWidth;
        if (event.target.innerWidth < 992) {
            this.isMobile = true;
            this.isDesktop = false;
        }
        else {
            this.isDesktop = true;
        }
    }
    onPageRefresh() {
        this.isMobile = CommonUtils.isMobile();
        this.isTablet = CommonUtils.isTablet();
        this.isDesktop = CommonUtils.isDesktop();
    }
}
OrderReviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OrderReviewComponent, deps: [{ token: i1.CmsService }, { token: i2.CartService }, { token: i3.Router }, { token: i4.OrderReviewService }], target: i0.ɵɵFactoryTarget.Component });
OrderReviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: OrderReviewComponent, selector: "app-order-review", viewQueries: [{ propertyName: "errorModalBtn", first: true, predicate: ["errorModalBtn"], descendants: true }], ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\" class=\"products-breadcums\"></app-custom-breadcrum>\r\n<div class=\"container revieworder-container\" (window:resize)=\"onResize($event)\">\r\n    <div class=\"row\">\r\n        <div class=\"col-sm-12 pl-md-0\">\r\n            <h1 class=\"pageTitle\">{{pageTitle}}</h1>\r\n            <div class=\"text-left pageParaText mb-5\" [innerHTML]=\"orderReviewParagraph\"></div>\r\n        </div>\r\n    </div>\r\n\r\n    <app-delivery-information></app-delivery-information>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"col-sm-12 p-md-0\">\r\n            <h3 class=\"revieworder-heading pb-4\">\r\n                Order Summary\r\n                <span class=\"review-edit-icon\"><a title=\"Order Summary\" href=\"/cart\"><img src=\"../../../assets/images/icon-feather-edit.svg\"></a></span>\r\n            </h3>\r\n        </div>\r\n    </div>\r\n    <div class=\"row pb-4\">\r\n        <div class=\"col-sm-2 col-md-2 p-md-0 mt-4\">\r\n            <span class=\"total-item\"> {{cartDetails?.length}} Items in Order</span>\r\n        </div>\r\n        <div class=\"col-sm-10 col-md-5 mt-4\">\r\n            <div class=\"expandcollapse-link\">\r\n                <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"expandAll()\" [ngClass]=\"{disabled : isExpandAll == true}\"> Expand all</a> |\r\n                <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"contractAll()\" [ngClass]=\"{disabled : isExpandAll == false}\"> Contract all</a>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-sm-5 col-md-5 float-right\" *ngIf=\"isDesktop\">\r\n            <div class=\"d-flex justify-content-end\">\r\n                <div class=\"main-view\">\r\n                    <button [ngClass]=\"{'active': listview === false}\" class=\"btn btn-sm\" (click)=\"gridView()\">\r\n                        <img *ngIf=\"listview === false\" src=\"../../../assets/images/Grid-light.svg\" alt=\"gridviewlight\">\r\n                        <img *ngIf=\"listview === true\" src=\"../../../assets/images/Grid-dark.svg\" alt=\"gridviewdark\">\r\n                        Grid</button>\r\n                    <button [ngClass]=\"{'active': listview === true}\" class=\"btn btn-sm active\" (click)=\"listView()\">\r\n                        <img *ngIf=\"listview === true\" class=\"list-img\" src=\"../../../assets/images/List-light.svg\"\r\n                            alt=\"listview\">\r\n                        <img *ngIf=\"listview === false\" class=\"list-img\" src=\"../../../assets/images/List-dark.svg\"\r\n                            alt=\"listview\">\r\n                        List</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-container *ngIf=\"isDesktop\">\r\n        <app-order-review-list (updateCartEntry)=\"getCartLists()\" [cartDetails]=\"cartDetails\" *ngIf=\"listview && cartDetails\" [isCardData]=\"orderReviewPage\"></app-order-review-list>\r\n        <app-order-review-grid (updateCartEntry)=\"getCartLists()\" [cartDetails]=\"cartDetails\" *ngIf=\"!listview && cartDetails\" [isCardData]=\"orderReviewPage\"></app-order-review-grid>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isDesktop\">\r\n        <app-order-review-grid (updateCartEntry)=\"getCartLists()\" [cartDetails]=\"cartDetails\" *ngIf=\"cartDetails\" [isCardData]=\"orderReviewPage\"></app-order-review-grid>\r\n    </ng-container>\r\n</div>\r\n\r\n<div class=\"revieworder-footer-container\" ngxHideOnScroll [propertyUsedToHide]=\"'transform'\" [valueWhenHidden]=\"'translateY(100%)'\" [valueWhenShown]=\"'translateY(0%)'\">\r\n    <div class=\"container\">\r\n        <div class=\"row footerMobileView\">\r\n            <div class=\"col-md-12 col-6\" [ngClass]=\"!isMobile ? 'text-right' : ''\">\r\n                <p class=\"mb-0 review-total-text\">Total</p>\r\n                <p class=\"review-total-value mb-2\">{{totalPrice}} <span class=\"d-block\"> excl GST and freight</span></p>\r\n            </div>\r\n            <div class=\"col-md-12 col-6\" [ngClass]=\"!isMobile ? 'text-right' : ''\">\r\n                <p class=\"review-action-btns text-right m-0\">\r\n                    <ng-container *ngIf=\"!isMobile\">\r\n                        <a class=\"mr-4 font-weight-bold\" href=\"/cart\" title=\"Back to Cart\"> <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Cart\" /> BACK TO CART</a>\r\n                    </ng-container>\r\n                    <a title=\"Place Order\" class=\"placeorder-btn btn primary-button text-uppercase\" (click)=\"orderPlace()\"> Place Order</a>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<ng-container *ngIf=\"isMobile\">\r\n    <div class=\"col-12 text-center mb-4\">\r\n        <a class=\"mr-4\" href=\"/cart\" title=\"Back to Cart\"> <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Cart\" /> BACK TO CART</a>\r\n    </div>\r\n</ng-container>\r\n\r\n<input type=\"hidden\" data-toggle=\"modal\" data-target=\"#errorModal\" #errorModalBtn />\r\n<div class=\"modal fade\" id=\"errorModal\">\r\n    <div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\"modal-header border-0\">\r\n                <i class=\"icon-close closePopup\" data-dismiss=\"modal\" #closebutton aria-label=\"Close\"></i>\r\n            </div>\r\n            <div class=\"modal-body\" [innerHTML]=\"orderErrorParagraph\">\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n", 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 cx-page-layout.MultiStepCheckoutSummaryPageTemplate{max-width:100%;padding:0}::ng-deep cx-storefront.stop-navigating:after{height:0}::ng-deep header{display:none}.total-item{font-family:\"Arial Bold\",sans-serif}:host ::ng-deep .revieworder-container .revieworder-heading{font-size:var(--fontsize28)}:host ::ng-deep .revieworder-container .revieworder-table-container{padding-bottom:15rem}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-header-container{background:#646363;color:#fff;font-family:\"Arial Bold\",sans-serif}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container{border-bottom:1px solid #E0E0E0;padding-bottom:1rem;padding-left:1rem;background-color:#fff}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .product-image-container{display:flex}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .product-image-container .reviewproduct-image{width:71px;height:71px}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .product-image-container .reviewproduct-name{font-family:\"Arial Bold\",sans-serif}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .product-image-container .sku-text{font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif;color:#6f6f6f}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .seemoredetails-link{font-size:var(--fontsize16);font-family:\"Arial Regular\",sans-serif;text-decoration:underline;cursor:pointer}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .seemoredetails-link:hover{color:#b61828}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .revieworder-collapse .bundle-details{background:#F6F6F6;border:1px solid #E0E0E0;margin-left:15px;padding:1rem;line-height:2.5rem}:host ::ng-deep .revieworder-container .revieworder-table-container .revieworder-body-container .revieworder-collapse .bundle-details .bundle-details-header{font-family:\"Arial Bold\",sans-serif}:host ::ng-deep .revieworder-container .revieworder-table-container .colors-paragraph{display:flex;align-items:center}:host ::ng-deep .revieworder-container .revieworder-table-container .colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}.revieworder-footer-container{background:#ffffff;padding:24px 0;border-top:1px solid #E8E8E8;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.revieworder-footer-container p{font-family:\"Arial Bold\",sans-serif}.revieworder-footer-container p span{font-family:\"Arial Regular\",sans-serif;font-size:var(--fontsize14);color:#6f6f6f}.revieworder-footer-container .review-total-text{font-size:var(--fontsize14)}.revieworder-footer-container .review-total-value{font-size:var(--fontsize28)}.expandcollapse-link a{font-size:var(--fontsize14);text-decoration:underline}.expandcollapse-link a:hover{color:#b61828}.expandcollapse-link a.disabled{pointer-events:none;color:#a6a6a5}.disabled{pointer-events:none;color:#a6a6a5}.modal-dialog{max-width:740px}.modal-dialog .modal-header{display:flex;justify-content:right}.modal-dialog .modal-header h3{font-size:var(--fontsize28);margin-bottom:20px}.modal-dialog .closePopup{cursor:pointer;font-weight:600}.modal-dialog .modal-body{padding:.75rem 3.7rem 2.7rem}::ng-deep .flashing-expand{cursor:pointer}::ng-deep .flashing-expand:after{background:url(../../../../assets/images/expand-icon.svg) no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .product-img{border:1px solid #E0E0E0;padding:5px;width:71px;height:55px;top:12px;position:relative}::ng-deep .product-img cx-media{top:3px}::ng-deep .modal-header{justify-content:right}::ng-deep .modal-header .icon-close{cursor:pointer}@media screen and (max-width: 992px){:host ::ng-deep .review-edit-icon{float:right}}@media screen and (max-width: 767px){.modal-dialog .modal-body{padding:1.7rem}.placeorder-btn{padding-left:.75rem;padding-right:.75rem}}@media screen and (max-width: 576px){.footerMobileView{display:flex;align-items:flex-end}}\n"], components: [{ type: i5.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i6.DeliveryInformationComponent, selector: "app-delivery-information" }, { type: i7.OrderReviewListComponent, selector: "app-order-review-list", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { type: i8.OrderReviewGridComponent, selector: "app-order-review-grid", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10.NgxHideOnScrollDirective, selector: "[ngxHideOnScroll]", inputs: ["hideOnScroll", "classNameWhenHidden", "propertyUsedToHide", "valueWhenHidden", "valueWhenShown", "scrollingElementSelector"], outputs: ["eventElementHidden", "eventElementShown"] }], pipes: { "async": i9.AsyncPipe } });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: OrderReviewComponent, decorators: [{
            type: Component,
            args: [{
                    selector: 'app-order-review',
                    templateUrl: './order-review.component.html',
                    styleUrls: ['./order-review.component.scss']
                }]
        }], ctorParameters: function () { return [{ type: i1.CmsService }, { type: i2.CartService }, { type: i3.Router }, { type: i4.OrderReviewService }]; }, propDecorators: { errorModalBtn: [{
                type: ViewChild,
                args: ['errorModalBtn']
            }] } });
//# sourceMappingURL=data:application/json;base64, 