buildingproduct-library 0.5.7 → 0.5.8

package/bundles/buildingproduct-library.umd.js

@@ -11264,7 +11264,7 @@
         return CustomCartComponent;
     }());
     CustomCartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomCartComponent, deps: [{ token: CartService }, { token: i1__namespace.ActiveCartService }, { token: i1__namespace.MultiCartService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CustomCartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomCartComponent, selector: "app-custom-cart", inputs: { totalPriceFormat: "totalPriceFormat" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<!-- Footer -->\r\n<div class=\"fixed-footer\" >\r\n\t<div class=\"cart-page-footer\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<div class=\"sticky-footer\">\r\n\t\t\t\t<div class=\"text-right\">\r\n\t\t\t\t\t<span class=\"total-text\">Total</span>\r\n\t\t\t\t\t<h4 class=\"total-price-text\">\r\n\t\t\t\t\t\t{{ totalPriceFormat ? totalPriceFormat : \"$ 0.00\" }}\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t<span class=\"gst-text\">excl GST and freight</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"d-flex justify-content-between mt-2\">\r\n\t\t\t\t\t<div class=\"clear-cart\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dimond-secondary-btn\" data-toggle=\"modal\" data-target=\"#clearCartModal\">\r\n\t\t\t\t\t\t\tCLEAR CART\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"checkout\">\r\n\t\t\t\t\t\t<a class=\"mr-3 continue-btn\" href=\"/c/1\">\r\n\t\t\t\t\t\t\t<img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"back-arrow\" class=\"mr-2\" />CONTINUE\r\n\t\t\t\t\t\t\tSHOPPING</a>\r\n\t\t\t\t\t\t<button type=\"button\" [routerLink]=\"['/checkout']\" class=\"dimond-primary-btn\">\r\n\t\t\t\t\t\t\tCHECKOUT\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t\r\n\t<div class=\"mobile-sticky-footer\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col\">\r\n\t\t\t\t<span class=\"total-text\">Total</span>\r\n\t\t\t\t<h4 class=\"total-price-text\">\r\n\t\t\t\t\t{{ totalPriceFormat ? totalPriceFormat : \"$ 0.00\" }}\r\n\t\t\t\t</h4>\r\n\t\t\t\t<span class=\"gst-text\">excl GST and freight</span>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col d-flex align-items-end justify-content-end\">\r\n\t\t\t\t<div class=\"checkout\">\r\n\t\t\t\t\t<button type=\"button\" [routerLink]=\"['/checkout']\" class=\"dimond-primary-btn\">\r\n\t\t\t\t\t\tCHECKOUT\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div class=\"cart-page-footer-mobile\">\r\n\t<div class=\"clear-cart\">\r\n\t\t<button type=\"button\" class=\"dimond-secondary-btn clear-btn border-0\" data-toggle=\"modal\" data-target=\"#clearCartModal\">\r\n\t\t\tCLEAR CART\r\n\t\t</button>\r\n\t</div>\r\n\t<a class=\"continue-btn\" href=\"/c/1\">\r\n\t\t<img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"back-arrow\" class=\"mr-2\" />CONTINUE SHOPPING</a>\r\n</div>\r\n \r\n  <div class=\"modal fade clearcart-modal\" id=\"clearCartModal\" role=\"dialog\" aria-labelledby=\"clearCartModal\" aria-hidden=\"true\">\r\n\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n\t  <div class=\"modal-content\">\r\n\t\t<div class=\"modal-header\">\r\n\t\t  <h5 class=\"modal-title\">Clear Cart</h5>\r\n\t\t  <i class=\"icon-close popup-close\" data-dismiss=\"modal\" aria-label=\"Close\" title=\"Close\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"modal-body\"> \r\n\t\t\t<p class=\"mb-0\">Are you sure you want to clear all items in the cart?</p>\r\n\t\t</div>\r\n\t\t<div class=\"modal-footer\">\r\n\t\t  <button type=\"button\" class=\"btn dimond-secondary-btn\" data-dismiss=\"modal\">No</button>\r\n\t\t  <button type=\"button\" class=\"btn dimond-primary-btn\" (click)=\"clearCart()\">Yes</button>\r\n\t\t</div>\r\n\t  </div>\r\n\t</div>\r\n  </div>\r\n", styles: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .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}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}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%}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}cx-add-to-saved-cart{display:none}::ng-deep .CartPageTemplate{width:100%;max-width:100%!important}::ng-deep .CartPageTemplate .TopContent{width:100%;flex-basis:100%}.cart-page-footer{background-color:#fff;border:1px solid #E0E0E0;padding:24px 0;position:fixed;bottom:0;left:0;right:0}.cart-page-footer .total-text{font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif}.cart-page-footer .total-price-text{font-size:var(--fontsize28);font-family:\"Arial Regular\",sans-serif}.cart-page-footer .gst-text{color:#6f6f6f;font-size:var(--fontsize14);font-family:\"Arial Regular\",sans-serif}.cart-page-footer .continue-btn{text-transform:uppercase;font-family:\"Arial Bold\",sans-serif}.cart-page-footer-mobile{display:none}.mobile-sticky-footer{display:none}.fixed-footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.clearcart-modal .modal-header{padding:1rem 0}.clearcart-modal .modal-header .modal-title{font-size:var(--fontsize28)}.clearcart-modal .modal-header .popup-close{font-weight:bold;color:#1d1d1b}.clearcart-modal .modal-body{padding:2rem 0}.clearcart-modal .modal-footer{border:none}@media screen and (max-width: 767px){.cart-page-footer{display:none}.cart-page-footer-mobile{padding:15px;display:block;margin-bottom:110px}.cart-page-footer-mobile .clear-btn{font-size:1rem;width:100%;max-width:100%;background-color:transparent}.cart-page-footer-mobile .continue-btn{display:block;text-align:center;margin-top:30px;margin-bottom:20px;font-family:\"Arial Bold\",sans-serif}.mobile-sticky-footer{display:block;background:#ffffff;border:1px solid #E0E0E0;padding:15px;z-index:9}.mobile-sticky-footer .total-text{font-family:\"Arial Bold\",sans-serif}.mobile-sticky-footer .total-price-text{font-family:\"Arial Regular\",sans-serif}.mobile-sticky-footer .gst-text{font-size:var(--fontsize14);color:#6f6f6f}.clearcart-modal .modal-footer .btn{width:100%;max-width:100%}}\n"], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "async": i5__namespace.AsyncPipe } });
+    CustomCartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomCartComponent, selector: "app-custom-cart", inputs: { totalPriceFormat: "totalPriceFormat" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<!-- Footer -->\r\n<div class=\"fixed-footer\" >\r\n\t<div class=\"cart-page-footer\">\r\n\t\t<div class=\"container\">\r\n\t\t\t<div class=\"sticky-footer\">\r\n\t\t\t\t<div class=\"text-right\">\r\n\t\t\t\t\t<span class=\"total-text\">Total</span>\r\n\t\t\t\t\t<h4 class=\"total-price-text\">\r\n\t\t\t\t\t\t{{ totalPriceFormat ? totalPriceFormat : \"$ 0.00\" }}\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t\t<span class=\"gst-text\">excl GST and freight</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"d-flex justify-content-between mt-2\">\r\n\t\t\t\t\t<div class=\"clear-cart\">\r\n\t\t\t\t\t\t<button type=\"button\" class=\"dimond-secondary-btn\" data-toggle=\"modal\" data-target=\"#clearCartModal\">\r\n\t\t\t\t\t\t\tCLEAR CART\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"checkout\">\r\n\t\t\t\t\t\t<a class=\"mr-3 continue-btn\" href=\"/c/1\">\r\n\t\t\t\t\t\t\t<img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"back-arrow\" class=\"mr-2\" />CONTINUE\r\n\t\t\t\t\t\t\tSHOPPING\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t<a title=\"Checkout\" href=\"/checkout\" class=\"dimond-primary-btn btn text-white\">\r\n\t\t\t\t\t\t\tCHECKOUT\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t\r\n\t<div class=\"mobile-sticky-footer\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col\">\r\n\t\t\t\t<span class=\"total-text\">Total</span>\r\n\t\t\t\t<h4 class=\"total-price-text\">\r\n\t\t\t\t\t{{ totalPriceFormat ? totalPriceFormat : \"$ 0.00\" }}\r\n\t\t\t\t</h4>\r\n\t\t\t\t<span class=\"gst-text\">excl GST and freight</span>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"col d-flex align-items-end justify-content-end\">\r\n\t\t\t\t<div class=\"checkout\">\r\n\t\t\t\t\t<a title=\"Checkout\" href=\"/checkout\" class=\"dimond-primary-btn btn text-white\">\r\n\t\t\t\t\t\tCHECKOUT\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n<div class=\"cart-page-footer-mobile\">\r\n\t<div class=\"clear-cart\">\r\n\t\t<button type=\"button\" class=\"dimond-secondary-btn clear-btn border-0\" data-toggle=\"modal\" data-target=\"#clearCartModal\">\r\n\t\t\tCLEAR CART\r\n\t\t</button>\r\n\t</div>\r\n\t<a class=\"continue-btn\" href=\"/c/1\">\r\n\t\t<img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"back-arrow\" class=\"mr-2\" />CONTINUE SHOPPING</a>\r\n</div>\r\n \r\n  <div class=\"modal fade clearcart-modal\" id=\"clearCartModal\" role=\"dialog\" aria-labelledby=\"clearCartModal\" aria-hidden=\"true\">\r\n\t<div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n\t  <div class=\"modal-content\">\r\n\t\t<div class=\"modal-header\">\r\n\t\t  <h5 class=\"modal-title\">Clear Cart</h5>\r\n\t\t  <i class=\"icon-close popup-close\" data-dismiss=\"modal\" aria-label=\"Close\" title=\"Close\"></i>\r\n\t\t</div>\r\n\t\t<div class=\"modal-body\"> \r\n\t\t\t<p class=\"mb-0\">Are you sure you want to clear all items in the cart?</p>\r\n\t\t</div>\r\n\t\t<div class=\"modal-footer\">\r\n\t\t  <button type=\"button\" class=\"btn dimond-secondary-btn\" data-dismiss=\"modal\">No</button>\r\n\t\t  <button type=\"button\" class=\"btn dimond-primary-btn\" (click)=\"clearCart()\">Yes</button>\r\n\t\t</div>\r\n\t  </div>\r\n\t</div>\r\n  </div>\r\n", styles: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .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}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}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%}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}cx-add-to-saved-cart{display:none}::ng-deep .CartPageTemplate{width:100%;max-width:100%!important}::ng-deep .CartPageTemplate .TopContent{width:100%;flex-basis:100%}.cart-page-footer{background-color:#fff;border:1px solid #E0E0E0;padding:24px 0;position:fixed;bottom:0;left:0;right:0}.cart-page-footer .total-text{font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif}.cart-page-footer .total-price-text{font-size:var(--fontsize28);font-family:\"Arial Regular\",sans-serif}.cart-page-footer .gst-text{color:#6f6f6f;font-size:var(--fontsize14);font-family:\"Arial Regular\",sans-serif}.cart-page-footer .continue-btn{text-transform:uppercase;font-family:\"Arial Bold\",sans-serif}.cart-page-footer-mobile{display:none}.mobile-sticky-footer{display:none}.fixed-footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.clearcart-modal .modal-header{padding:1rem 0}.clearcart-modal .modal-header .modal-title{font-size:var(--fontsize28)}.clearcart-modal .modal-header .popup-close{font-weight:bold;color:#1d1d1b}.clearcart-modal .modal-body{padding:2rem 0}.clearcart-modal .modal-footer{border:none}@media screen and (max-width: 767px){.cart-page-footer{display:none}.cart-page-footer-mobile{padding:15px;display:block;margin-bottom:110px}.cart-page-footer-mobile .clear-btn{font-size:1rem;width:100%;max-width:100%;background-color:transparent}.cart-page-footer-mobile .continue-btn{display:block;text-align:center;margin-top:30px;margin-bottom:20px;font-family:\"Arial Bold\",sans-serif}.mobile-sticky-footer{display:block;background:#ffffff;border:1px solid #E0E0E0;padding:15px;z-index:9}.mobile-sticky-footer .total-text{font-family:\"Arial Bold\",sans-serif}.mobile-sticky-footer .total-price-text{font-family:\"Arial Regular\",sans-serif}.mobile-sticky-footer .gst-text{font-size:var(--fontsize14);color:#6f6f6f}.clearcart-modal .modal-footer .btn{width:100%;max-width:100%}}\n"], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomCartComponent, decorators: [{
                 type: i0.Component,
                 args: [{