buildingproduct-library 2.0.49 → 2.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/{buildingproduct-library-2.0.49.tgz → buildingproduct-library-2.0.50.tgz} +0 -0
  2. package/esm2022/lib/checkout/order-review/delivery-information/delivery-information.component.mjs +2 -2
  3. package/esm2022/lib/checkout/order-review/order-review.component.mjs +2 -2
  4. package/esm2022/lib/custom-saved-cart/custom-saved-cart.component.mjs +2 -2
  5. package/fesm2022/buildingproduct-library.mjs +6 -6
  6. package/fesm2022/buildingproduct-library.mjs.map +1 -1
  7. package/package.json +1 -1
package/esm2022/lib/checkout/order-review/delivery-information/delivery-information.component.mjs CHANGED
@@ -18,10 +18,10 @@ export class DeliveryInformationComponent {
18
18
  });
19
19
  }
20
20
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeliveryInformationComponent, deps: [{ token: i1.OrderReviewService }], target: i0.ɵɵFactoryTarget.Component }); }
21
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DeliveryInformationComponent, selector: "app-delivery-information", ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row\">\r\n <div class=\"col-sm-12 pl-md-0\">\r\n <h3 class=\"revieworder-heading\">Delivery Information <span class=\"review-edit-icon\"><a title=\"Delivery Information\" href=\"/checkout\"><img src=\"../../../assets/images/icon-feather-edit.svg\"></a></span></h3>\r\n </div>\r\n</div>\r\n<div class=\"row revieworder-header\">\r\n <div class=\"col-lg-4 col-sm-6 review-header-box text-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderReviewData?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.name}}</p>\r\n <p>{{orderReviewData?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-6 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">Purchase Order Number</p>\r\n <p>{{orderReviewData?.purchaseOrderNumber}}</p>\r\n <div class=\"row\">\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\"> {{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Date' : 'Pickup Date'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[0] }}</p>\r\n </div>\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Time' : 'Pickup Time'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[1] + ' ' + orderReviewData?.expectedFromDate?.split(' ')[2]}} to {{ orderReviewData?.expectedToDate?.split(' ')[1] + ' ' + orderReviewData?.expectedToDate?.split(' ')[2] }}</p>\r\n </div>\r\n </div>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Address' : 'Pickup Location'}}</p>\r\n <p>{{orderReviewData?.deliveryAddress?.formattedAddress}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-12 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Site Delivery Requirements' : 'Comments'}}</p>\r\n <p>{{orderReviewData?.deliveryNotes}}</p>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.revieworder-header{background:#fff;border:1px solid #E0E0E0;margin-top:2rem;margin-bottom:2rem}.review-header-box{border-right:1px solid #E0E0E0;padding:2rem}.review-header-box:last-child{border-right:0}.review-header-box .pickupdelivery .pickupdelivery-image{padding:2rem;border:1px solid #A6A6A5;background:#e0e0e033;border-radius:1rem}.revieworder-heading{font-size:var(--fontsize28)}@media screen and (max-width: 991px){.review-header-box{padding:15px;border-right:0;border-bottom:1px solid #E0E0E0}.review-header-box:first-child{border-right:1px solid #E0E0E0}.review-header-box:last-child{border-bottom:0}.revieworder-header{margin:15px 0}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
21
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DeliveryInformationComponent, selector: "app-delivery-information", ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row\">\r\n <div class=\"col-sm-12 pl-md-0\">\r\n <h3 class=\"revieworder-heading\">Delivery Information <span class=\"review-edit-icon\"><a title=\"Delivery Information\" href=\"/checkout\"><img src=\"../../../assets/images/icon-feather-edit.svg\"></a></span></h3>\r\n </div>\r\n</div>\r\n<div class=\"row revieworder-header\">\r\n <div class=\"col-lg-4 col-sm-6 review-header-box text-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderReviewData?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.name}}</p>\r\n <p>{{orderReviewData?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-6 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">Purchase Order Number</p>\r\n <p>{{orderReviewData?.purchaseOrderNumber}}</p>\r\n <div class=\"row\">\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\"> {{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Date' : 'Pickup Date'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[0] }}</p>\r\n </div>\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Time' : 'Pickup Time'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[1] + ' ' + orderReviewData?.expectedFromDate?.split(' ')[2]}} to {{ orderReviewData?.expectedToDate?.split(' ')[1] + ' ' + orderReviewData?.expectedToDate?.split(' ')[2] }}</p>\r\n </div>\r\n </div>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Address' : 'Pickup Location'}}</p>\r\n <p>{{orderReviewData?.deliveryAddress?.formattedAddress}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-12 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Site Delivery Requirements' : 'Comments'}}</p>\r\n <p>{{orderReviewData?.deliveryNotes}}</p>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.revieworder-header{background:#fff;border:1px solid #E0E0E0;margin-top:2rem;margin-bottom:2rem}.review-header-box{border-right:1px solid #E0E0E0;padding:2rem}.review-header-box:last-child{border-right:0}.review-header-box .pickupdelivery .pickupdelivery-image{padding:2rem;border:1px solid #A6A6A5;background:#e0e0e033;border-radius:1rem}.revieworder-heading{font-size:var(--fontsize28)}@media screen and (max-width: 991px){.review-header-box{padding:15px;border-right:0;border-bottom:1px solid #E0E0E0}.review-header-box:first-child{border-right:1px solid #E0E0E0}.review-header-box:last-child{border-bottom:0}.revieworder-header{margin:15px 0}}@media screen and (max-width: 576px){.review-edit-icon{display:inline-block!important;padding-left:1rem}.revieworder-container .revieworder-heading{display:flex;align-items:center;padding-top:1rem}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] }); }
22
22
  }
23
23
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeliveryInformationComponent, decorators: [{
24
24
  type: Component,
25
- args: [{ selector: 'app-delivery-information', template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row\">\r\n <div class=\"col-sm-12 pl-md-0\">\r\n <h3 class=\"revieworder-heading\">Delivery Information <span class=\"review-edit-icon\"><a title=\"Delivery Information\" href=\"/checkout\"><img src=\"../../../assets/images/icon-feather-edit.svg\"></a></span></h3>\r\n </div>\r\n</div>\r\n<div class=\"row revieworder-header\">\r\n <div class=\"col-lg-4 col-sm-6 review-header-box text-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderReviewData?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.name}}</p>\r\n <p>{{orderReviewData?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-6 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">Purchase Order Number</p>\r\n <p>{{orderReviewData?.purchaseOrderNumber}}</p>\r\n <div class=\"row\">\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\"> {{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Date' : 'Pickup Date'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[0] }}</p>\r\n </div>\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Time' : 'Pickup Time'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[1] + ' ' + orderReviewData?.expectedFromDate?.split(' ')[2]}} to {{ orderReviewData?.expectedToDate?.split(' ')[1] + ' ' + orderReviewData?.expectedToDate?.split(' ')[2] }}</p>\r\n </div>\r\n </div>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Address' : 'Pickup Location'}}</p>\r\n <p>{{orderReviewData?.deliveryAddress?.formattedAddress}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-12 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Site Delivery Requirements' : 'Comments'}}</p>\r\n <p>{{orderReviewData?.deliveryNotes}}</p>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.revieworder-header{background:#fff;border:1px solid #E0E0E0;margin-top:2rem;margin-bottom:2rem}.review-header-box{border-right:1px solid #E0E0E0;padding:2rem}.review-header-box:last-child{border-right:0}.review-header-box .pickupdelivery .pickupdelivery-image{padding:2rem;border:1px solid #A6A6A5;background:#e0e0e033;border-radius:1rem}.revieworder-heading{font-size:var(--fontsize28)}@media screen and (max-width: 991px){.review-header-box{padding:15px;border-right:0;border-bottom:1px solid #E0E0E0}.review-header-box:first-child{border-right:1px solid #E0E0E0}.review-header-box:last-child{border-bottom:0}.revieworder-header{margin:15px 0}}\n"] }]
25
+ args: [{ selector: 'app-delivery-information', template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row\">\r\n <div class=\"col-sm-12 pl-md-0\">\r\n <h3 class=\"revieworder-heading\">Delivery Information <span class=\"review-edit-icon\"><a title=\"Delivery Information\" href=\"/checkout\"><img src=\"../../../assets/images/icon-feather-edit.svg\"></a></span></h3>\r\n </div>\r\n</div>\r\n<div class=\"row revieworder-header\">\r\n <div class=\"col-lg-4 col-sm-6 review-header-box text-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderReviewData?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.name}}</p>\r\n <p>{{orderReviewData?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-6 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">Purchase Order Number</p>\r\n <p>{{orderReviewData?.purchaseOrderNumber}}</p>\r\n <div class=\"row\">\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\"> {{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Date' : 'Pickup Date'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[0] }}</p>\r\n </div>\r\n <div class=\"col-6 col-sm-6\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Time' : 'Pickup Time'}}</p>\r\n <p>{{orderReviewData?.expectedFromDate?.split(' ')[1] + ' ' + orderReviewData?.expectedFromDate?.split(' ')[2]}} to {{ orderReviewData?.expectedToDate?.split(' ')[1] + ' ' + orderReviewData?.expectedToDate?.split(' ')[2] }}</p>\r\n </div>\r\n </div>\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Delivery Address' : 'Pickup Location'}}</p>\r\n <p>{{orderReviewData?.deliveryAddress?.formattedAddress}}</p>\r\n </div>\r\n <div class=\"col-lg-4 col-sm-12 review-header-box\">\r\n <p class=\"font-weight-bold mb-0\">{{orderReviewData?.deliveryMode?.code=='standard_delivery' ? 'Site Delivery Requirements' : 'Comments'}}</p>\r\n <p>{{orderReviewData?.deliveryNotes}}</p>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.revieworder-header{background:#fff;border:1px solid #E0E0E0;margin-top:2rem;margin-bottom:2rem}.review-header-box{border-right:1px solid #E0E0E0;padding:2rem}.review-header-box:last-child{border-right:0}.review-header-box .pickupdelivery .pickupdelivery-image{padding:2rem;border:1px solid #A6A6A5;background:#e0e0e033;border-radius:1rem}.revieworder-heading{font-size:var(--fontsize28)}@media screen and (max-width: 991px){.review-header-box{padding:15px;border-right:0;border-bottom:1px solid #E0E0E0}.review-header-box:first-child{border-right:1px solid #E0E0E0}.review-header-box:last-child{border-bottom:0}.revieworder-header{margin:15px 0}}@media screen and (max-width: 576px){.review-edit-icon{display:inline-block!important;padding-left:1rem}.revieworder-container .revieworder-heading{display:flex;align-items:center;padding-top:1rem}}\n"] }]
26
26
  }], ctorParameters: () => [{ type: i1.OrderReviewService }] });
27
27
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsaXZlcnktaW5mb3JtYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnVpbGRpbmdwcm9kdWN0X2xpYnJhcnkvc3JjL2xpYi9jaGVja291dC9vcmRlci1yZXZpZXcvZGVsaXZlcnktaW5mb3JtYXRpb24vZGVsaXZlcnktaW5mb3JtYXRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYnVpbGRpbmdwcm9kdWN0X2xpYnJhcnkvc3JjL2xpYi9jaGVja291dC9vcmRlci1yZXZpZXcvZGVsaXZlcnktaW5mb3JtYXRpb24vZGVsaXZlcnktaW5mb3JtYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDOzs7O0FBUXZDLE1BQU0sT0FBTyw0QkFBNEI7SUFHdkMsWUFDVSxrQkFBc0M7UUFBdEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQUZoRCxtQkFBYyxHQUFHLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBR2pELENBQUM7SUFDTCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDL0IsTUFBTSxPQUFPLEdBQVEsWUFBWSxDQUFDLE9BQU8sQ0FBQywyQkFBMkIsQ0FBQyxDQUFDO1FBQ3ZFLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEVBQUUsTUFBTSxDQUFDO1FBQzNDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxjQUFjLENBQUMsTUFBTSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUU7WUFDckUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7WUFDNUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDOytHQWRVLDRCQUE0QjttR0FBNUIsNEJBQTRCLGdFQ1R6QywrMUZBMkNBOzs0RkRsQ2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBPcmRlclJldmlld1NlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9zZXJ2aWNlcy9vcmRlci5yZXZpZXcnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtZGVsaXZlcnktaW5mb3JtYXRpb24nLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kZWxpdmVyeS1pbmZvcm1hdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGVsaXZlcnktaW5mb3JtYXRpb24uY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGVsaXZlcnlJbmZvcm1hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgb3JkZXJSZXZpZXdEYXRhOiBhbnk7XHJcbiAgc2hvd1dhaXRDdXJzb3IgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgb3JkZXJSZXZpZXdTZXJ2aWNlOiBPcmRlclJldmlld1NlcnZpY2VcclxuICApIHsgfVxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5zaG93V2FpdEN1cnNvci5uZXh0KHRydWUpO1xyXG4gICAgY29uc3QgY2FydFZhbDogYW55ID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ3NwYXJ0YWN1c+Kav2RpbW9uZC1zcGHimr9jYXJ0Jyk7XHJcbiAgICBjb25zdCBjYXJ0SUQgPSBKU09OLnBhcnNlKGNhcnRWYWwpPy5hY3RpdmU7XHJcbiAgICB0aGlzLm9yZGVyUmV2aWV3U2VydmljZS5nZXRPcmRlclJldmlldyhjYXJ0SUQpLnN1YnNjcmliZSgoZGF0YTogYW55KSA9PiB7XHJcbiAgICAgIHRoaXMub3JkZXJSZXZpZXdEYXRhID0gZGF0YTtcclxuICAgICAgdGhpcy5zaG93V2FpdEN1cnNvci5uZXh0KGZhbHNlKTtcclxuICAgIH0pXHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwibG9hZGluZyBcIiAqbmdJZj1cInNob3dXYWl0Q3Vyc29yIHwgYXN5bmMgXCI+TG9hZGluZyYjODIzMDs8L2Rpdj5cclxuPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC1zbS0xMiBwbC1tZC0wXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwicmV2aWV3b3JkZXItaGVhZGluZ1wiPkRlbGl2ZXJ5IEluZm9ybWF0aW9uIDxzcGFuIGNsYXNzPVwicmV2aWV3LWVkaXQtaWNvblwiPjxhIHRpdGxlPVwiRGVsaXZlcnkgSW5mb3JtYXRpb25cIiBocmVmPVwiL2NoZWNrb3V0XCI+PGltZyBzcmM9XCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2ljb24tZmVhdGhlci1lZGl0LnN2Z1wiPjwvYT48L3NwYW4+PC9oMz5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cInJvdyByZXZpZXdvcmRlci1oZWFkZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctNCBjb2wtc20tNiByZXZpZXctaGVhZGVyLWJveCB0ZXh0LWNlbnRlclwiPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZFwiPkRlbGl2ZXJ5IE1ldGhvZDwvcD5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3JkZXJSZXZpZXdEYXRhPy5kZWxpdmVyeU1vZGU/LmNvZGU9PSdzdGFuZGFyZF9kZWxpdmVyeSc7IGVsc2UgcGlja3VwZGVsaXZlcnlcIj5cclxuICAgICAgICAgICAgPHAgY2xhc3M9XCJwaWNrdXBkZWxpdmVyeVwiPlxyXG4gICAgICAgICAgICAgICAgPGltZyBjbGFzcz1cInBpY2t1cGRlbGl2ZXJ5LWltYWdlXCIgc3JjPVwiLi4vLi4vLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy9kZWxpdmVyeS5zdmdcIiBhbHQ9XCJEZWxpdmVyeVwiIHRpdGxlPVwiRGVsaXZlcnlcIj5cclxuICAgICAgICAgICAgPC9wPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjcGlja3VwZGVsaXZlcnk+XHJcbiAgICAgICAgICAgIDxwIGNsYXNzPVwicGlja3VwZGVsaXZlcnlcIj5cclxuICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJwaWNrdXBkZWxpdmVyeS1pbWFnZVwiIHNyYz1cIi4uLy4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvcGlja3VwLnN2Z1wiIGFsdD1cIkNsaWNrICYgQ29sbGVjdFwiIHRpdGxlPVwiQ2xpY2sgJiBDb2xsZWN0XCI+XHJcbiAgICAgICAgICAgIDwvcD5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZCBtYi0wXCI+e3tvcmRlclJldmlld0RhdGE/LmRlbGl2ZXJ5TW9kZT8ubmFtZX19PC9wPlxyXG4gICAgICAgIDxwPnt7b3JkZXJSZXZpZXdEYXRhPy5kZWxpdmVyeU1vZGU/LmRlc2NyaXB0aW9ufX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctNCBjb2wtc20tNiByZXZpZXctaGVhZGVyLWJveFwiPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZCBtYi0wXCI+UHVyY2hhc2UgT3JkZXIgTnVtYmVyPC9wPlxyXG4gICAgICAgIDxwPnt7b3JkZXJSZXZpZXdEYXRhPy5wdXJjaGFzZU9yZGVyTnVtYmVyfX08L3A+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLTYgY29sLXNtLTZcIj5cclxuICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZm9udC13ZWlnaHQtYm9sZCBtYi0wXCI+IHt7b3JkZXJSZXZpZXdEYXRhPy5kZWxpdmVyeU1vZGU/LmNvZGU9PSdzdGFuZGFyZF9kZWxpdmVyeScgPyAnRGVsaXZlcnkgRGF0ZScgOiAnUGlja3VwIERhdGUnfX08L3A+XHJcbiAgICAgICAgICAgICAgICA8cD57e29yZGVyUmV2aWV3RGF0YT8uZXhwZWN0ZWRGcm9tRGF0ZT8uc3BsaXQoJyAnKVswXSB9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtNiBjb2wtc20tNlwiPlxyXG4gICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJmb250LXdlaWdodC1ib2xkIG1iLTBcIj57e29yZGVyUmV2aWV3RGF0YT8uZGVsaXZlcnlNb2RlPy5jb2RlPT0nc3RhbmRhcmRfZGVsaXZlcnknID8gJ0RlbGl2ZXJ5IFRpbWUnIDogJ1BpY2t1cCBUaW1lJ319PC9wPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tvcmRlclJldmlld0RhdGE/LmV4cGVjdGVkRnJvbURhdGU/LnNwbGl0KCcgJylbMV0gKyAnICcgKyBvcmRlclJldmlld0RhdGE/LmV4cGVjdGVkRnJvbURhdGU/LnNwbGl0KCcgJylbMl19fSB0byB7eyBvcmRlclJldmlld0RhdGE/LmV4cGVjdGVkVG9EYXRlPy5zcGxpdCgnICcpWzFdICsgJyAnICsgb3JkZXJSZXZpZXdEYXRhPy5leHBlY3RlZFRvRGF0ZT8uc3BsaXQoJyAnKVsyXSB9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJmb250LXdlaWdodC1ib2xkIG1iLTBcIj57e29yZGVyUmV2aWV3RGF0YT8uZGVsaXZlcnlNb2RlPy5jb2RlPT0nc3RhbmRhcmRfZGVsaXZlcnknID8gJ0RlbGl2ZXJ5IEFkZHJlc3MnIDogJ1BpY2t1cCBMb2NhdGlvbid9fTwvcD5cclxuICAgICAgICA8cD57e29yZGVyUmV2aWV3RGF0YT8uZGVsaXZlcnlBZGRyZXNzPy5mb3JtYXR0ZWRBZGRyZXNzfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wtbGctNCBjb2wtc20tMTIgcmV2aWV3LWhlYWRlci1ib3hcIj5cclxuICAgICAgICA8cCBjbGFzcz1cImZvbnQtd2VpZ2h0LWJvbGQgbWItMFwiPnt7b3JkZXJSZXZpZXdEYXRhPy5kZWxpdmVyeU1vZGU/LmNvZGU9PSdzdGFuZGFyZF9kZWxpdmVyeScgPyAnU2l0ZSBEZWxpdmVyeSBSZXF1aXJlbWVudHMnIDogJ0NvbW1lbnRzJ319PC9wPlxyXG4gICAgICAgIDxwPnt7b3JkZXJSZXZpZXdEYXRhPy5kZWxpdmVyeU5vdGVzfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
package/esm2022/lib/checkout/order-review/order-review.component.mjs CHANGED
@@ -120,11 +120,11 @@ export class OrderReviewComponent {
120
120
  this.isDesktop = CommonUtils.isDesktop();
121
121
  }
122
122
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OrderReviewComponent, deps: [{ token: i1.CmsService }, { token: i2.CartService }, { token: i3.Router }, { token: i4.OrderReviewService }], target: i0.ɵɵFactoryTarget.Component }); }
123
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 <cx-page-slot class=\"text-left pageParaText col-sm-9 pl-0\" position=\"OptionalContentCheckout\"></cx-page-slot>\r\n <!-- <div *ngIf=\"orderReviewParagraph\" class=\"text-left pageParaText mb-5 col-sm-9 pl-0\" [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 col-md-3 col-lg-2 p-md-0 mt-4\">\r\n <span class=\"total-item\"> {{cartDetails?.length}} {{cartDetails?.length == 1 ? 'Item': 'Items'}} in Order</span>\r\n </div>\r\n <div class=\"col col-md-5 col-lg-6 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 col-md-4 col-lg-4 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\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"row footerMobileView d-flex align-items-center\">\r\n <div class=\"col-md-5 col-12\" *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 </div>\r\n <div class=\"col-md-7 col-12 d-flex align-items-center\" [ngClass]=\"isMobile ? 'justify-content-between' : 'justify-content-end'\">\r\n <div class=\"review-total-value m-0 mr-3\" [ngClass]=\"!isMobile ? 'text-right' : 'text-left'\">\r\n <span class=\"mb-0 review-total-text\" [ngClass]=\"isMobile ? 'my-1':' d-inline-block mr-1'\">Total</span>\r\n <h4 [ngClass]=\"isMobile ? 'mb-0':'mb-0 d-inline-block'\">{{totalPrice}}</h4>\r\n <span class=\"d-block\"> excl GST and freight</span>\r\n </div>\r\n <a title=\"Place Order\" class=\"placeorder-btn btn primary-button text-uppercase\" (click)=\"orderPlace()\"> Place Order</a>\r\n </div>\r\n <div class=\" col-sm-12 alert alert-danger alert-danger-custom justify-content-start mt-3\" role=\"alert\" *ngIf=\"errorInd$ | async\">\r\n <img class=\"mr-3\" src=\"../../../../assets/images/erroricon.svg\" alt=\"alert\"> {{errorMessage}}\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 backtocart-mobile\">\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 <cx-page-slot class=\"modal-body\" position=\"OrderErrorSlot\"></cx-page-slot>\r\n <!-- <div class=\"modal-body\" [innerHTML]=\"orderErrorParagraph\">\r\n </div> -->\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::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:10rem}: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 .colors-paragraph{display:flex;align-items:center}:host ::ng-deep .revieworder-container .colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}.revieworder-footer-container{background:#fff;padding:10px;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 .review-total-value h4{font-family:Arial Regular,sans-serif;font-size:var(--fontsize24);line-height:24px}.revieworder-footer-container .review-total-value span{font-family:Arial Regular,sans-serif;font-size:var(--fontsize14);color:#6f6f6f}.revieworder-footer-container .review-total-value .review-total-text{font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;vertical-align:text-bottom;color:#1d1d1b}.expandcollapse-link a{font-size:var(--fontsize14);text-decoration:underline}.expandcollapse-link a:hover{color:#b61828}.expandcollapse-link a.disabled,.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 #imageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}::ng-deep #imageModal.show .modal-header{justify-content:right;border:none}::ng-deep #imageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}::ng-deep #imageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .flashing-expand{cursor:pointer}::ng-deep .flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .flashing-expand img{max-height:55px;max-width:60px;background:#fff}::ng-deep .flashing-expand.flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}::ng-deep .product-img{border:1px solid #E0E0E0;width:65px;height:70px;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 .backtocart-mobile{margin-bottom:90px}:host ::ng-deep .backtocart-mobile a{font-family:Arial Bold,sans-serif}}@media screen and (max-width: 767px){.modal-dialog .modal-body{padding:1.7rem}.placeorder-btn{padding-left:.75rem;padding-right:.75rem}}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: i7.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { kind: "component", type: i8.DeliveryInformationComponent, selector: "app-delivery-information" }, { kind: "component", type: i9.OrderReviewListComponent, selector: "app-order-review-list", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "component", type: i10.OrderReviewGridComponent, selector: "app-order-review-grid", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
123
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", 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 <cx-page-slot class=\"text-left pageParaText col-sm-9 pl-0\" position=\"OptionalContentCheckout\"></cx-page-slot>\r\n <!-- <div *ngIf=\"orderReviewParagraph\" class=\"text-left pageParaText mb-5 col-sm-9 pl-0\" [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 col-md-3 col-lg-2 p-md-0 mt-4\">\r\n <span class=\"total-item\"> {{cartDetails?.length}} {{cartDetails?.length == 1 ? 'Item': 'Items'}} in Order</span>\r\n </div>\r\n <div class=\"col col-md-5 col-lg-6 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 col-md-4 col-lg-4 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\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"row footerMobileView d-flex align-items-center\">\r\n <div class=\"col-md-5 col-12\" *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 </div>\r\n <div class=\"col-md-7 col-12 d-flex align-items-center\" [ngClass]=\"isMobile ? 'justify-content-between' : 'justify-content-end'\">\r\n <div class=\"review-total-value m-0 mr-3\" [ngClass]=\"!isMobile ? 'text-right' : 'text-left'\">\r\n <span class=\"mb-0 review-total-text\" [ngClass]=\"isMobile ? 'my-1':' d-inline-block mr-1'\">Total</span>\r\n <h4 [ngClass]=\"isMobile ? 'mb-0':'mb-0 d-inline-block'\">{{totalPrice}}</h4>\r\n <span class=\"d-block\"> excl GST and freight</span>\r\n </div>\r\n <a title=\"Place Order\" class=\"placeorder-btn btn primary-button text-uppercase\" (click)=\"orderPlace()\"> Place Order</a>\r\n </div>\r\n <div class=\" col-sm-12 alert alert-danger alert-danger-custom justify-content-start mt-3\" role=\"alert\" *ngIf=\"errorInd$ | async\">\r\n <img class=\"mr-3\" src=\"../../../../assets/images/erroricon.svg\" alt=\"alert\"> {{errorMessage}}\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 backtocart-mobile\">\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 <cx-page-slot class=\"modal-body\" position=\"OrderErrorSlot\"></cx-page-slot>\r\n <!-- <div class=\"modal-body\" [innerHTML]=\"orderErrorParagraph\">\r\n </div> -->\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::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:10rem}: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 .colors-paragraph{display:flex;align-items:center}:host ::ng-deep .revieworder-container .colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}.revieworder-footer-container{background:#fff;padding:10px;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 .review-total-value h4{font-family:Arial Regular,sans-serif;font-size:var(--fontsize24);line-height:24px}.revieworder-footer-container .review-total-value span{font-family:Arial Regular,sans-serif;font-size:var(--fontsize14);color:#6f6f6f}.revieworder-footer-container .review-total-value .review-total-text{font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;vertical-align:text-bottom;color:#1d1d1b}.expandcollapse-link a{font-size:var(--fontsize14);text-decoration:underline}.expandcollapse-link a:hover{color:#b61828}.expandcollapse-link a.disabled,.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 #imageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}::ng-deep #imageModal.show .modal-header{justify-content:right;border:none}::ng-deep #imageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}::ng-deep #imageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .flashing-expand{cursor:pointer}::ng-deep .flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .flashing-expand img{max-height:55px;max-width:60px;background:#fff}::ng-deep .flashing-expand.flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}::ng-deep .product-img{border:1px solid #E0E0E0;width:65px;height:70px;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 .backtocart-mobile{margin-bottom:90px}:host ::ng-deep .backtocart-mobile a{font-family:Arial Bold,sans-serif}}@media screen and (max-width: 767px){.modal-dialog .modal-body{padding:1.7rem}.placeorder-btn{padding-left:.75rem;padding-right:.75rem}.expandcollapse-link{display:flex!important;justify-content:space-around!important;align-items:center!important}.review-edit-icon{display:inline-block!important;padding-left:1rem}}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: i7.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { kind: "component", type: i8.DeliveryInformationComponent, selector: "app-delivery-information" }, { kind: "component", type: i9.OrderReviewListComponent, selector: "app-order-review-list", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "component", type: i10.OrderReviewGridComponent, selector: "app-order-review-grid", inputs: ["cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }] }); }
124
124
  }
125
125
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: OrderReviewComponent, decorators: [{
126
126
  type: Component,
127
- args: [{ selector: 'app-order-review', 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 <cx-page-slot class=\"text-left pageParaText col-sm-9 pl-0\" position=\"OptionalContentCheckout\"></cx-page-slot>\r\n <!-- <div *ngIf=\"orderReviewParagraph\" class=\"text-left pageParaText mb-5 col-sm-9 pl-0\" [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 col-md-3 col-lg-2 p-md-0 mt-4\">\r\n <span class=\"total-item\"> {{cartDetails?.length}} {{cartDetails?.length == 1 ? 'Item': 'Items'}} in Order</span>\r\n </div>\r\n <div class=\"col col-md-5 col-lg-6 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 col-md-4 col-lg-4 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\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"row footerMobileView d-flex align-items-center\">\r\n <div class=\"col-md-5 col-12\" *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 </div>\r\n <div class=\"col-md-7 col-12 d-flex align-items-center\" [ngClass]=\"isMobile ? 'justify-content-between' : 'justify-content-end'\">\r\n <div class=\"review-total-value m-0 mr-3\" [ngClass]=\"!isMobile ? 'text-right' : 'text-left'\">\r\n <span class=\"mb-0 review-total-text\" [ngClass]=\"isMobile ? 'my-1':' d-inline-block mr-1'\">Total</span>\r\n <h4 [ngClass]=\"isMobile ? 'mb-0':'mb-0 d-inline-block'\">{{totalPrice}}</h4>\r\n <span class=\"d-block\"> excl GST and freight</span>\r\n </div>\r\n <a title=\"Place Order\" class=\"placeorder-btn btn primary-button text-uppercase\" (click)=\"orderPlace()\"> Place Order</a>\r\n </div>\r\n <div class=\" col-sm-12 alert alert-danger alert-danger-custom justify-content-start mt-3\" role=\"alert\" *ngIf=\"errorInd$ | async\">\r\n <img class=\"mr-3\" src=\"../../../../assets/images/erroricon.svg\" alt=\"alert\"> {{errorMessage}}\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 backtocart-mobile\">\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 <cx-page-slot class=\"modal-body\" position=\"OrderErrorSlot\"></cx-page-slot>\r\n <!-- <div class=\"modal-body\" [innerHTML]=\"orderErrorParagraph\">\r\n </div> -->\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::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:10rem}: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 .colors-paragraph{display:flex;align-items:center}:host ::ng-deep .revieworder-container .colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}.revieworder-footer-container{background:#fff;padding:10px;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 .review-total-value h4{font-family:Arial Regular,sans-serif;font-size:var(--fontsize24);line-height:24px}.revieworder-footer-container .review-total-value span{font-family:Arial Regular,sans-serif;font-size:var(--fontsize14);color:#6f6f6f}.revieworder-footer-container .review-total-value .review-total-text{font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;vertical-align:text-bottom;color:#1d1d1b}.expandcollapse-link a{font-size:var(--fontsize14);text-decoration:underline}.expandcollapse-link a:hover{color:#b61828}.expandcollapse-link a.disabled,.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 #imageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}::ng-deep #imageModal.show .modal-header{justify-content:right;border:none}::ng-deep #imageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}::ng-deep #imageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .flashing-expand{cursor:pointer}::ng-deep .flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .flashing-expand img{max-height:55px;max-width:60px;background:#fff}::ng-deep .flashing-expand.flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}::ng-deep .product-img{border:1px solid #E0E0E0;width:65px;height:70px;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 .backtocart-mobile{margin-bottom:90px}:host ::ng-deep .backtocart-mobile a{font-family:Arial Bold,sans-serif}}@media screen and (max-width: 767px){.modal-dialog .modal-body{padding:1.7rem}.placeorder-btn{padding-left:.75rem;padding-right:.75rem}}\n"] }]
127
+ args: [{ selector: 'app-order-review', 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 <cx-page-slot class=\"text-left pageParaText col-sm-9 pl-0\" position=\"OptionalContentCheckout\"></cx-page-slot>\r\n <!-- <div *ngIf=\"orderReviewParagraph\" class=\"text-left pageParaText mb-5 col-sm-9 pl-0\" [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 col-md-3 col-lg-2 p-md-0 mt-4\">\r\n <span class=\"total-item\"> {{cartDetails?.length}} {{cartDetails?.length == 1 ? 'Item': 'Items'}} in Order</span>\r\n </div>\r\n <div class=\"col col-md-5 col-lg-6 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 col-md-4 col-lg-4 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\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"row footerMobileView d-flex align-items-center\">\r\n <div class=\"col-md-5 col-12\" *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 </div>\r\n <div class=\"col-md-7 col-12 d-flex align-items-center\" [ngClass]=\"isMobile ? 'justify-content-between' : 'justify-content-end'\">\r\n <div class=\"review-total-value m-0 mr-3\" [ngClass]=\"!isMobile ? 'text-right' : 'text-left'\">\r\n <span class=\"mb-0 review-total-text\" [ngClass]=\"isMobile ? 'my-1':' d-inline-block mr-1'\">Total</span>\r\n <h4 [ngClass]=\"isMobile ? 'mb-0':'mb-0 d-inline-block'\">{{totalPrice}}</h4>\r\n <span class=\"d-block\"> excl GST and freight</span>\r\n </div>\r\n <a title=\"Place Order\" class=\"placeorder-btn btn primary-button text-uppercase\" (click)=\"orderPlace()\"> Place Order</a>\r\n </div>\r\n <div class=\" col-sm-12 alert alert-danger alert-danger-custom justify-content-start mt-3\" role=\"alert\" *ngIf=\"errorInd$ | async\">\r\n <img class=\"mr-3\" src=\"../../../../assets/images/erroricon.svg\" alt=\"alert\"> {{errorMessage}}\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 backtocart-mobile\">\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 <cx-page-slot class=\"modal-body\" position=\"OrderErrorSlot\"></cx-page-slot>\r\n <!-- <div class=\"modal-body\" [innerHTML]=\"orderErrorParagraph\">\r\n </div> -->\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@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;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;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:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}@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:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-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!important;background:#1d1d1b!important;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:0rem}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 .SiteLinks .preferenceLink cx-generic-link cx-media img 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}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;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.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}.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}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}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 .miniCartStyle cx-paragraph{display:block!important}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;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;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:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}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}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@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%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}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}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::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:10rem}: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 .colors-paragraph{display:flex;align-items:center}:host ::ng-deep .revieworder-container .colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}.revieworder-footer-container{background:#fff;padding:10px;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 .review-total-value h4{font-family:Arial Regular,sans-serif;font-size:var(--fontsize24);line-height:24px}.revieworder-footer-container .review-total-value span{font-family:Arial Regular,sans-serif;font-size:var(--fontsize14);color:#6f6f6f}.revieworder-footer-container .review-total-value .review-total-text{font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;vertical-align:text-bottom;color:#1d1d1b}.expandcollapse-link a{font-size:var(--fontsize14);text-decoration:underline}.expandcollapse-link a:hover{color:#b61828}.expandcollapse-link a.disabled,.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 #imageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}::ng-deep #imageModal.show .modal-header{justify-content:right;border:none}::ng-deep #imageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}::ng-deep #imageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .flashing-expand{cursor:pointer}::ng-deep .flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .flashing-expand img{max-height:55px;max-width:60px;background:#fff}::ng-deep .flashing-expand.flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}::ng-deep .product-img{border:1px solid #E0E0E0;width:65px;height:70px;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 .backtocart-mobile{margin-bottom:90px}:host ::ng-deep .backtocart-mobile a{font-family:Arial Bold,sans-serif}}@media screen and (max-width: 767px){.modal-dialog .modal-body{padding:1.7rem}.placeorder-btn{padding-left:.75rem;padding-right:.75rem}.expandcollapse-link{display:flex!important;justify-content:space-around!important;align-items:center!important}.review-edit-icon{display:inline-block!important;padding-left:1rem}}\n"] }]
128
128
  }], ctorParameters: () => [{ type: i1.CmsService }, { type: i2.CartService }, { type: i3.Router }, { type: i4.OrderReviewService }], propDecorators: { errorModalBtn: [{
129
129
  type: ViewChild,
130
130
  args: ['errorModalBtn']