buildingproduct-library 6.0.5 → 6.0.7

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 (4) hide show
  1. package/{buildingproduct-library-6.0.5.tgz → buildingproduct-library-6.0.7.tgz} +0 -0
  2. package/fesm2022/buildingproduct-library.mjs +10 -10
  3. package/fesm2022/buildingproduct-library.mjs.map +1 -1
  4. package/package.json +1 -1
package/fesm2022/buildingproduct-library.mjs CHANGED
@@ -6767,11 +6767,11 @@ class CustomSavedCartComponent {
6767
6767
  window.location.href = '/cart';
6768
6768
  }
6769
6769
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CustomSavedCartComponent, deps: [{ token: i1.RoutingService }, { token: i2$3.SavedCartFacade }, { token: i1.CmsService }, { token: SaveCartService }, { token: i0.ChangeDetectorRef }, { token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
6770
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CustomSavedCartComponent, isStandalone: false, selector: "app-custom-saved-cart", ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"\r\n[ngStyle]=\"{top: breadcrumbTop}\"></app-custom-breadcrum>\r\n@if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n<div (window:resize)=\"onResize($event)\" class=\"container saved-cart-conatiner\">\r\n @if (savedCarts) {\r\n @if (savedCarts.length && dataAvailale == 'hasData' && isLoaded) {\r\n <h1 class=\"pageTitle my-2 py-2\">{{pageTitle}} <p class=\"float-right\"><a class=\"savedcart-link\" title=\"Cart\" href=\"/cart\">Cart</a></p></h1>\r\n @if (savedCartHeading) {\r\n <div class=\"text-left pageParaText col-sm-9 pl-0\" [innerHTML]=\"savedCartHeading\"></div>\r\n }\r\n <div class=\"saved-cart-header mb-4\">\r\n <h3>{{savedCarts.length}} Saved {{savedCarts.length == 1 ? 'Cart': 'Carts'}}</h3>\r\n </div>\r\n <ng-container>\r\n <table class=\"table saveCartdataTable\">\r\n <thead class=\"saved-cart-list-thead-mobile\">\r\n <th scope=\"col\" class=\"\">{{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </th>\r\n <th scope=\"col\">{{savedCartList.dateSaved }}</th>\r\n <th scope=\"col\">{{savedCartList.quantity }}</th>\r\n <th scope=\"col\">{{savedCartList.total }}</th>\r\n <th scope=\"col\">{{savedCartList.actions }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Action Information\" placement=\"bottom\"></span>\r\n </th>\r\n </thead>\r\n <tbody>\r\n @for (savedCart of savedCarts; track savedCart) {\r\n <tr class=\"cartItems\">\r\n <td class=\"text-left\">\r\n <div class=\"saved-cart-list-label\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\">\r\n {{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </div>\r\n <a class=\"cx-saved-cart-list-value\" (click)=\"goToSavedCartDetails(savedCart)\">{{ savedCart?.name }}</a>\r\n </td>\r\n <td class=\"cx-saved-cart-list-date-saved text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.dateSaved }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.saveTime | date:'d MMM Y' }}</span>\r\n </td>\r\n <td class=\"cx-saved-cart-list-quantity text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.quantity }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalItems }}</span>\r\n </td>\r\n <td class=\"text-left width50\">\r\n <div class=\"saved-cart-list-label\">\r\n {{savedCartList.total }}\r\n </div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalPrice?.formattedValue }}</span>\r\n </td>\r\n <td class=\"actionBtn width50\">\r\n <button #element class=\"btn makeActionBtn text-uppercase rounded-0\" data-toggle=\"modal\" data-target=\"#editCardModal\" (click)=\"makeActiveCart($event, savedCart?.code)\">\r\n {{savedCartList.makeCartActive }}\r\n </button>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n }\r\n <!-- NO SAVED CART CONTAINER -->\r\n @if (dataAvailale == 'noData' && isLoaded) {\r\n <div class=\"cx-saved-cart-list-no-saved-carts row\">\r\n <div class=\"col-sm-12 col-md-10 col-lg-10 m-auto\">\r\n <!-- <div class=\"text-center\" [innerHTML]=\"noSavedCartData\"></div> -->\r\n <cx-page-slot class=\"text-center\" position=\"EmptySavedCartSlot\"></cx-page-slot>\r\n <p class=\"text-center\"><a class=\"savedcarts saved-cart-clr\" (click)=\"navigateToCart($event)\" title=\"Cart\"> Cart</a></p>\r\n </div>\r\n </div>\r\n }\r\n }\r\n</div>\r\n@if (showPopUp) {\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate app-custom-breadcrum{position:fixed;width:100%}::ng-deep .AccountPageTemplate .saved-cart-conatiner{margin-top:60px}::ng-deep .AccountPageTemplate .BottomHeaderSlot{display:none}::ng-deep .AccountPageTemplate .BodyContent{max-width:100%;padding:0}::ng-deep .AccountPageTemplate label{cursor:initial}::ng-deep .AccountPageTemplate .pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize40)}::ng-deep .AccountPageTemplate .pageParaText{font-size:var(--fontsize16);margin-bottom:55px}::ng-deep .AccountPageTemplate .saved-cart-header h3{font-family:Arial Bold,sans-serif;font-size:var(--fontsize20)}::ng-deep .AccountPageTemplate .info-icon{position:relative;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">%0D%0A <path id=\"Icon_metro-info\" data-name=\"Icon metro-info\" d=\"M9.571,6.678a.752.752,0,0,1,.75-.75h.5a.752.752,0,0,1,.75.75v.5a.752.752,0,0,1-.75.75h-.5a.752.752,0,0,1-.75-.75Zm3,7.25h-4v-1h1v-3h-1v-1h3v4h1Zm-2-12a8,8,0,1,0,8,8,8,8,0,0,0-8-8Zm0,14.5a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,10.571,16.428Z\" transform=\"translate(-2.571 -1.928)\" fill=\"%23c6c6c6\"/>%0D%0A</svg>%0D%0A') no-repeat center;width:16px;height:16px;display:inline-block;top:3px}::ng-deep .AccountPageTemplate .saveCartdataTable thead{background-color:#646363}::ng-deep .AccountPageTemplate .saveCartdataTable thead th{padding:1rem .75rem;color:#fff;text-align:left}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable td{padding:1rem .75rem;border-top:0;border-bottom:1px solid #E0E0E0}::ng-deep .AccountPageTemplate .saveCartdataTable td:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable td:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable tr:hover{background-color:#e8e8e8}::ng-deep .AccountPageTemplate .saveCartdataTable tr a:hover{cursor:pointer}::ng-deep .AccountPageTemplate .saved-cart-list-cart-name{text-align:left;padding-left:3rem!important}::ng-deep .AccountPageTemplate .saveCartdataTable .saved-cart-list-label{display:none!important}::ng-deep .AccountPageTemplate a.cx-saved-cart-list-value{color:#b61828;text-decoration:underline}::ng-deep .AccountPageTemplate .cx-saved-cart-list-no-saved-carts{margin:10rem 0}::ng-deep .AccountPageTemplate .noSavedCartHd{font-size:var(--fontsize28)}::ng-deep .AccountPageTemplate .noSavedCartTxt{color:#161616;font-size:var(--fontsize16)}::ng-deep .AccountPageTemplate .makeActionBtn{font-size:.75rem;color:#fff;background-color:#1d1d1b;padding:1rem}::ng-deep .AccountPageTemplate .actionBtn{text-align:left}.saveCardLabel{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.savedcart-link{text-decoration:underline;font-size:var(--fontsize16)}.savedcart-link:hover{color:#d51317}@media screen and (max-width:991px){.cartItems{border:1px solid #E0E0E0;margin-bottom:1.25rem;display:block;padding:1.05rem 1.25rem}.saveCartdataTable td{width:100%;display:flex;border-width:0;padding:.2rem 0;max-width:100%}.saveCartdataTable .saved-cart-list-thead-mobile{display:none!important}.saveCartdataTable .saved-cart-list-label{display:block!important;min-width:140px;font-family:Arial Bold,sans-serif}.saveCartdataTable .saved-cart-list-cart-name{padding-left:0!important}.saveCartdataTable .width50{vertical-align:top;width:50%;display:inline-block}.saveCartdataTable .width50 .saved-cart-list-label{display:inline-block!important}.saveCartdataTable .actionBtn{text-align:right}}@media screen and (max-width:767px){.width50{width:100%!important;display:block!important}.actionBtn{padding-top:1rem!important;text-align:left!important}.makeActionBtn{width:100%}.savecardDataBox{padding:15px;border:1px solid #E0E0E0;flex-wrap:wrap}.savecardDataBox li:first-child,.savecardDataBox li:nth-child(2){width:100%}.modal-content{padding:15px!important}.copySaveData{margin-bottom:180px}.popupFooter{border-top:1px solid #E0E0E0;width:100%;position:fixed;bottom:0;z-index:20;left:0;background:#fff;display:flex;align-items:center;flex-direction:column;padding:15px}.popupFooter .btn{max-width:100%;display:block;width:100%}.popupFooter .cancledPopop{margin-right:0}}@media screen and (max-width:576px){.cartItems{padding:1.05rem 1.25rem!important}.makeActionBtn{font-weight:400}}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { kind: "component", type: ActiveSavedCartComponent, selector: "app-active-saved-cart", inputs: ["makeActiveData", "selectedCartId", "isDeletePopup"], outputs: ["closedPopup"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["tooltipTitle", "placement"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6770
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CustomSavedCartComponent, isStandalone: false, selector: "app-custom-saved-cart", ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"\r\n[ngStyle]=\"{top: breadcrumbTop}\"></app-custom-breadcrum>\r\n@if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n<div (window:resize)=\"onResize($event)\" class=\"container saved-cart-conatiner\">\r\n @if (savedCarts) {\r\n @if (savedCarts.length && dataAvailale == 'hasData' && isLoaded) {\r\n <h1 class=\"pageTitle my-2 py-2\">{{pageTitle}} <p class=\"float-right\"><a class=\"savedcart-link\" title=\"Cart\" href=\"/cart\">Cart</a></p></h1>\r\n @if (savedCartHeading) {\r\n <div class=\"text-left pageParaText col-sm-9 pl-0\" [innerHTML]=\"savedCartHeading\"></div>\r\n }\r\n <div class=\"saved-cart-header mb-4\">\r\n <h3>{{savedCarts.length}} Saved {{savedCarts.length == 1 ? 'Cart': 'Carts'}}</h3>\r\n </div>\r\n <ng-container>\r\n <table class=\"table saveCartdataTable\">\r\n <thead class=\"saved-cart-list-thead-mobile\">\r\n <th scope=\"col\" class=\"\">{{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </th>\r\n <th scope=\"col\">{{savedCartList.dateSaved }}</th>\r\n <th scope=\"col\">{{savedCartList.quantity }}</th>\r\n <th scope=\"col\">{{savedCartList.total }}</th>\r\n <th scope=\"col\">{{savedCartList.actions }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Action Information\" placement=\"bottom\"></span>\r\n </th>\r\n </thead>\r\n <tbody>\r\n @for (savedCart of savedCarts; track savedCart) {\r\n <tr class=\"cartItems\">\r\n <td class=\"text-left\">\r\n <div class=\"saved-cart-list-label\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\">\r\n {{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </div>\r\n <a class=\"cx-saved-cart-list-value\" (click)=\"goToSavedCartDetails(savedCart)\">{{ savedCart?.name }}</a>\r\n </td>\r\n <td class=\"cx-saved-cart-list-date-saved text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.dateSaved }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.saveTime | date:'d MMM Y' }}</span>\r\n </td>\r\n <td class=\"cx-saved-cart-list-quantity text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.quantity }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalItems }}</span>\r\n </td>\r\n <td class=\"text-left width50\">\r\n <div class=\"saved-cart-list-label\">\r\n {{savedCartList.total }}\r\n </div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalPrice?.formattedValue }}</span>\r\n </td>\r\n <td class=\"actionBtn width50\">\r\n <button type=\"button\" #element class=\"btn makeActionBtn text-uppercase rounded-0\" data-toggle=\"modal\" data-target=\"#editCardModal\" (click)=\"makeActiveCart($event, savedCart?.code)\">\r\n {{savedCartList.makeCartActive }}\r\n </button>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n }\r\n <!-- NO SAVED CART CONTAINER -->\r\n @if (dataAvailale == 'noData' && isLoaded) {\r\n <div class=\"cx-saved-cart-list-no-saved-carts row\">\r\n <div class=\"col-sm-12 col-md-10 col-lg-10 m-auto\">\r\n <!-- <div class=\"text-center\" [innerHTML]=\"noSavedCartData\"></div> -->\r\n <cx-page-slot class=\"text-center\" position=\"EmptySavedCartSlot\"></cx-page-slot>\r\n <p class=\"text-center\"><a class=\"savedcarts saved-cart-clr\" (click)=\"navigateToCart($event)\" title=\"Cart\"> Cart</a></p>\r\n </div>\r\n </div>\r\n }\r\n }\r\n</div>\r\n<div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate app-custom-breadcrum{position:fixed;width:100%}::ng-deep .AccountPageTemplate .saved-cart-conatiner{margin-top:60px}::ng-deep .AccountPageTemplate .BottomHeaderSlot{display:none}::ng-deep .AccountPageTemplate .BodyContent{max-width:100%;padding:0}::ng-deep .AccountPageTemplate label{cursor:initial}::ng-deep .AccountPageTemplate .pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize40)}::ng-deep .AccountPageTemplate .pageParaText{font-size:var(--fontsize16);margin-bottom:55px}::ng-deep .AccountPageTemplate .saved-cart-header h3{font-family:Arial Bold,sans-serif;font-size:var(--fontsize20)}::ng-deep .AccountPageTemplate .info-icon{position:relative;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">%0D%0A <path id=\"Icon_metro-info\" data-name=\"Icon metro-info\" d=\"M9.571,6.678a.752.752,0,0,1,.75-.75h.5a.752.752,0,0,1,.75.75v.5a.752.752,0,0,1-.75.75h-.5a.752.752,0,0,1-.75-.75Zm3,7.25h-4v-1h1v-3h-1v-1h3v4h1Zm-2-12a8,8,0,1,0,8,8,8,8,0,0,0-8-8Zm0,14.5a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,10.571,16.428Z\" transform=\"translate(-2.571 -1.928)\" fill=\"%23c6c6c6\"/>%0D%0A</svg>%0D%0A') no-repeat center;width:16px;height:16px;display:inline-block;top:3px}::ng-deep .AccountPageTemplate .saveCartdataTable thead{background-color:#646363}::ng-deep .AccountPageTemplate .saveCartdataTable thead th{padding:1rem .75rem;color:#fff;text-align:left}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable td{padding:1rem .75rem;border-top:0;border-bottom:1px solid #E0E0E0}::ng-deep .AccountPageTemplate .saveCartdataTable td:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable td:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable tr:hover{background-color:#e8e8e8}::ng-deep .AccountPageTemplate .saveCartdataTable tr a:hover{cursor:pointer}::ng-deep .AccountPageTemplate .saved-cart-list-cart-name{text-align:left;padding-left:3rem!important}::ng-deep .AccountPageTemplate .saveCartdataTable .saved-cart-list-label{display:none!important}::ng-deep .AccountPageTemplate a.cx-saved-cart-list-value{color:#b61828;text-decoration:underline}::ng-deep .AccountPageTemplate .cx-saved-cart-list-no-saved-carts{margin:10rem 0}::ng-deep .AccountPageTemplate .noSavedCartHd{font-size:var(--fontsize28)}::ng-deep .AccountPageTemplate .noSavedCartTxt{color:#161616;font-size:var(--fontsize16)}::ng-deep .AccountPageTemplate .makeActionBtn{font-size:.75rem;color:#fff;background-color:#1d1d1b;padding:1rem}::ng-deep .AccountPageTemplate .actionBtn{text-align:left}.saveCardLabel{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.savedcart-link{text-decoration:underline;font-size:var(--fontsize16)}.savedcart-link:hover{color:#d51317}@media screen and (max-width:991px){.cartItems{border:1px solid #E0E0E0;margin-bottom:1.25rem;display:block;padding:1.05rem 1.25rem}.saveCartdataTable td{width:100%;display:flex;border-width:0;padding:.2rem 0;max-width:100%}.saveCartdataTable .saved-cart-list-thead-mobile{display:none!important}.saveCartdataTable .saved-cart-list-label{display:block!important;min-width:140px;font-family:Arial Bold,sans-serif}.saveCartdataTable .saved-cart-list-cart-name{padding-left:0!important}.saveCartdataTable .width50{vertical-align:top;width:50%;display:inline-block}.saveCartdataTable .width50 .saved-cart-list-label{display:inline-block!important}.saveCartdataTable .actionBtn{text-align:right}}@media screen and (max-width:767px){.width50{width:100%!important;display:block!important}.actionBtn{padding-top:1rem!important;text-align:left!important}.makeActionBtn{width:100%}.savecardDataBox{padding:15px;border:1px solid #E0E0E0;flex-wrap:wrap}.savecardDataBox li:first-child,.savecardDataBox li:nth-child(2){width:100%}.modal-content{padding:15px!important}.copySaveData{margin-bottom:180px}.popupFooter{border-top:1px solid #E0E0E0;width:100%;position:fixed;bottom:0;z-index:20;left:0;background:#fff;display:flex;align-items:center;flex-direction:column;padding:15px}.popupFooter .btn{max-width:100%;display:block;width:100%}.popupFooter .cancledPopop{margin-right:0}}@media screen and (max-width:576px){.cartItems{padding:1.05rem 1.25rem!important}.makeActionBtn{font-weight:400}}\n"], dependencies: [{ kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i5.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { kind: "component", type: ActiveSavedCartComponent, selector: "app-active-saved-cart", inputs: ["makeActiveData", "selectedCartId", "isDeletePopup"], outputs: ["closedPopup"] }, { kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["tooltipTitle", "placement"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
6771
6771
  }
6772
6772
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CustomSavedCartComponent, decorators: [{
6773
6773
  type: Component,
6774
- args: [{ selector: 'app-custom-saved-cart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"\r\n[ngStyle]=\"{top: breadcrumbTop}\"></app-custom-breadcrum>\r\n@if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n<div (window:resize)=\"onResize($event)\" class=\"container saved-cart-conatiner\">\r\n @if (savedCarts) {\r\n @if (savedCarts.length && dataAvailale == 'hasData' && isLoaded) {\r\n <h1 class=\"pageTitle my-2 py-2\">{{pageTitle}} <p class=\"float-right\"><a class=\"savedcart-link\" title=\"Cart\" href=\"/cart\">Cart</a></p></h1>\r\n @if (savedCartHeading) {\r\n <div class=\"text-left pageParaText col-sm-9 pl-0\" [innerHTML]=\"savedCartHeading\"></div>\r\n }\r\n <div class=\"saved-cart-header mb-4\">\r\n <h3>{{savedCarts.length}} Saved {{savedCarts.length == 1 ? 'Cart': 'Carts'}}</h3>\r\n </div>\r\n <ng-container>\r\n <table class=\"table saveCartdataTable\">\r\n <thead class=\"saved-cart-list-thead-mobile\">\r\n <th scope=\"col\" class=\"\">{{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </th>\r\n <th scope=\"col\">{{savedCartList.dateSaved }}</th>\r\n <th scope=\"col\">{{savedCartList.quantity }}</th>\r\n <th scope=\"col\">{{savedCartList.total }}</th>\r\n <th scope=\"col\">{{savedCartList.actions }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Action Information\" placement=\"bottom\"></span>\r\n </th>\r\n </thead>\r\n <tbody>\r\n @for (savedCart of savedCarts; track savedCart) {\r\n <tr class=\"cartItems\">\r\n <td class=\"text-left\">\r\n <div class=\"saved-cart-list-label\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\">\r\n {{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </div>\r\n <a class=\"cx-saved-cart-list-value\" (click)=\"goToSavedCartDetails(savedCart)\">{{ savedCart?.name }}</a>\r\n </td>\r\n <td class=\"cx-saved-cart-list-date-saved text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.dateSaved }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.saveTime | date:'d MMM Y' }}</span>\r\n </td>\r\n <td class=\"cx-saved-cart-list-quantity text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.quantity }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalItems }}</span>\r\n </td>\r\n <td class=\"text-left width50\">\r\n <div class=\"saved-cart-list-label\">\r\n {{savedCartList.total }}\r\n </div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalPrice?.formattedValue }}</span>\r\n </td>\r\n <td class=\"actionBtn width50\">\r\n <button #element class=\"btn makeActionBtn text-uppercase rounded-0\" data-toggle=\"modal\" data-target=\"#editCardModal\" (click)=\"makeActiveCart($event, savedCart?.code)\">\r\n {{savedCartList.makeCartActive }}\r\n </button>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n }\r\n <!-- NO SAVED CART CONTAINER -->\r\n @if (dataAvailale == 'noData' && isLoaded) {\r\n <div class=\"cx-saved-cart-list-no-saved-carts row\">\r\n <div class=\"col-sm-12 col-md-10 col-lg-10 m-auto\">\r\n <!-- <div class=\"text-center\" [innerHTML]=\"noSavedCartData\"></div> -->\r\n <cx-page-slot class=\"text-center\" position=\"EmptySavedCartSlot\"></cx-page-slot>\r\n <p class=\"text-center\"><a class=\"savedcarts saved-cart-clr\" (click)=\"navigateToCart($event)\" title=\"Cart\"> Cart</a></p>\r\n </div>\r\n </div>\r\n }\r\n }\r\n</div>\r\n@if (showPopUp) {\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate app-custom-breadcrum{position:fixed;width:100%}::ng-deep .AccountPageTemplate .saved-cart-conatiner{margin-top:60px}::ng-deep .AccountPageTemplate .BottomHeaderSlot{display:none}::ng-deep .AccountPageTemplate .BodyContent{max-width:100%;padding:0}::ng-deep .AccountPageTemplate label{cursor:initial}::ng-deep .AccountPageTemplate .pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize40)}::ng-deep .AccountPageTemplate .pageParaText{font-size:var(--fontsize16);margin-bottom:55px}::ng-deep .AccountPageTemplate .saved-cart-header h3{font-family:Arial Bold,sans-serif;font-size:var(--fontsize20)}::ng-deep .AccountPageTemplate .info-icon{position:relative;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">%0D%0A <path id=\"Icon_metro-info\" data-name=\"Icon metro-info\" d=\"M9.571,6.678a.752.752,0,0,1,.75-.75h.5a.752.752,0,0,1,.75.75v.5a.752.752,0,0,1-.75.75h-.5a.752.752,0,0,1-.75-.75Zm3,7.25h-4v-1h1v-3h-1v-1h3v4h1Zm-2-12a8,8,0,1,0,8,8,8,8,0,0,0-8-8Zm0,14.5a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,10.571,16.428Z\" transform=\"translate(-2.571 -1.928)\" fill=\"%23c6c6c6\"/>%0D%0A</svg>%0D%0A') no-repeat center;width:16px;height:16px;display:inline-block;top:3px}::ng-deep .AccountPageTemplate .saveCartdataTable thead{background-color:#646363}::ng-deep .AccountPageTemplate .saveCartdataTable thead th{padding:1rem .75rem;color:#fff;text-align:left}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable td{padding:1rem .75rem;border-top:0;border-bottom:1px solid #E0E0E0}::ng-deep .AccountPageTemplate .saveCartdataTable td:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable td:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable tr:hover{background-color:#e8e8e8}::ng-deep .AccountPageTemplate .saveCartdataTable tr a:hover{cursor:pointer}::ng-deep .AccountPageTemplate .saved-cart-list-cart-name{text-align:left;padding-left:3rem!important}::ng-deep .AccountPageTemplate .saveCartdataTable .saved-cart-list-label{display:none!important}::ng-deep .AccountPageTemplate a.cx-saved-cart-list-value{color:#b61828;text-decoration:underline}::ng-deep .AccountPageTemplate .cx-saved-cart-list-no-saved-carts{margin:10rem 0}::ng-deep .AccountPageTemplate .noSavedCartHd{font-size:var(--fontsize28)}::ng-deep .AccountPageTemplate .noSavedCartTxt{color:#161616;font-size:var(--fontsize16)}::ng-deep .AccountPageTemplate .makeActionBtn{font-size:.75rem;color:#fff;background-color:#1d1d1b;padding:1rem}::ng-deep .AccountPageTemplate .actionBtn{text-align:left}.saveCardLabel{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.savedcart-link{text-decoration:underline;font-size:var(--fontsize16)}.savedcart-link:hover{color:#d51317}@media screen and (max-width:991px){.cartItems{border:1px solid #E0E0E0;margin-bottom:1.25rem;display:block;padding:1.05rem 1.25rem}.saveCartdataTable td{width:100%;display:flex;border-width:0;padding:.2rem 0;max-width:100%}.saveCartdataTable .saved-cart-list-thead-mobile{display:none!important}.saveCartdataTable .saved-cart-list-label{display:block!important;min-width:140px;font-family:Arial Bold,sans-serif}.saveCartdataTable .saved-cart-list-cart-name{padding-left:0!important}.saveCartdataTable .width50{vertical-align:top;width:50%;display:inline-block}.saveCartdataTable .width50 .saved-cart-list-label{display:inline-block!important}.saveCartdataTable .actionBtn{text-align:right}}@media screen and (max-width:767px){.width50{width:100%!important;display:block!important}.actionBtn{padding-top:1rem!important;text-align:left!important}.makeActionBtn{width:100%}.savecardDataBox{padding:15px;border:1px solid #E0E0E0;flex-wrap:wrap}.savecardDataBox li:first-child,.savecardDataBox li:nth-child(2){width:100%}.modal-content{padding:15px!important}.copySaveData{margin-bottom:180px}.popupFooter{border-top:1px solid #E0E0E0;width:100%;position:fixed;bottom:0;z-index:20;left:0;background:#fff;display:flex;align-items:center;flex-direction:column;padding:15px}.popupFooter .btn{max-width:100%;display:block;width:100%}.popupFooter .cancledPopop{margin-right:0}}@media screen and (max-width:576px){.cartItems{padding:1.05rem 1.25rem!important}.makeActionBtn{font-weight:400}}\n"] }]
6774
+ args: [{ selector: 'app-custom-saved-cart', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"\r\n[ngStyle]=\"{top: breadcrumbTop}\"></app-custom-breadcrum>\r\n@if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n<div (window:resize)=\"onResize($event)\" class=\"container saved-cart-conatiner\">\r\n @if (savedCarts) {\r\n @if (savedCarts.length && dataAvailale == 'hasData' && isLoaded) {\r\n <h1 class=\"pageTitle my-2 py-2\">{{pageTitle}} <p class=\"float-right\"><a class=\"savedcart-link\" title=\"Cart\" href=\"/cart\">Cart</a></p></h1>\r\n @if (savedCartHeading) {\r\n <div class=\"text-left pageParaText col-sm-9 pl-0\" [innerHTML]=\"savedCartHeading\"></div>\r\n }\r\n <div class=\"saved-cart-header mb-4\">\r\n <h3>{{savedCarts.length}} Saved {{savedCarts.length == 1 ? 'Cart': 'Carts'}}</h3>\r\n </div>\r\n <ng-container>\r\n <table class=\"table saveCartdataTable\">\r\n <thead class=\"saved-cart-list-thead-mobile\">\r\n <th scope=\"col\" class=\"\">{{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </th>\r\n <th scope=\"col\">{{savedCartList.dateSaved }}</th>\r\n <th scope=\"col\">{{savedCartList.quantity }}</th>\r\n <th scope=\"col\">{{savedCartList.total }}</th>\r\n <th scope=\"col\">{{savedCartList.actions }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Action Information\" placement=\"bottom\"></span>\r\n </th>\r\n </thead>\r\n <tbody>\r\n @for (savedCart of savedCarts; track savedCart) {\r\n <tr class=\"cartItems\">\r\n <td class=\"text-left\">\r\n <div class=\"saved-cart-list-label\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\">\r\n {{savedCartList.cartName }}\r\n <span class=\"info-icon d-inline-block ml-3\" appTooltip tooltipTitle=\"Name Information\" placement=\"bottom\"></span>\r\n </div>\r\n <a class=\"cx-saved-cart-list-value\" (click)=\"goToSavedCartDetails(savedCart)\">{{ savedCart?.name }}</a>\r\n </td>\r\n <td class=\"cx-saved-cart-list-date-saved text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.dateSaved }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.saveTime | date:'d MMM Y' }}</span>\r\n </td>\r\n <td class=\"cx-saved-cart-list-quantity text-left\">\r\n <div class=\"saved-cart-list-label\">{{savedCartList.quantity }}</div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalItems }}</span>\r\n </td>\r\n <td class=\"text-left width50\">\r\n <div class=\"saved-cart-list-label\">\r\n {{savedCartList.total }}\r\n </div>\r\n <span class=\"cx-saved-cart-list-value\">{{ savedCart?.totalPrice?.formattedValue }}</span>\r\n </td>\r\n <td class=\"actionBtn width50\">\r\n <button type=\"button\" #element class=\"btn makeActionBtn text-uppercase rounded-0\" data-toggle=\"modal\" data-target=\"#editCardModal\" (click)=\"makeActiveCart($event, savedCart?.code)\">\r\n {{savedCartList.makeCartActive }}\r\n </button>\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </ng-container>\r\n }\r\n <!-- NO SAVED CART CONTAINER -->\r\n @if (dataAvailale == 'noData' && isLoaded) {\r\n <div class=\"cx-saved-cart-list-no-saved-carts row\">\r\n <div class=\"col-sm-12 col-md-10 col-lg-10 m-auto\">\r\n <!-- <div class=\"text-center\" [innerHTML]=\"noSavedCartData\"></div> -->\r\n <cx-page-slot class=\"text-center\" position=\"EmptySavedCartSlot\"></cx-page-slot>\r\n <p class=\"text-center\"><a class=\"savedcarts saved-cart-clr\" (click)=\"navigateToCart($event)\" title=\"Cart\"> Cart</a></p>\r\n </div>\r\n </div>\r\n }\r\n }\r\n</div>\r\n<div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate app-custom-breadcrum{position:fixed;width:100%}::ng-deep .AccountPageTemplate .saved-cart-conatiner{margin-top:60px}::ng-deep .AccountPageTemplate .BottomHeaderSlot{display:none}::ng-deep .AccountPageTemplate .BodyContent{max-width:100%;padding:0}::ng-deep .AccountPageTemplate label{cursor:initial}::ng-deep .AccountPageTemplate .pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize40)}::ng-deep .AccountPageTemplate .pageParaText{font-size:var(--fontsize16);margin-bottom:55px}::ng-deep .AccountPageTemplate .saved-cart-header h3{font-family:Arial Bold,sans-serif;font-size:var(--fontsize20)}::ng-deep .AccountPageTemplate .info-icon{position:relative;background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">%0D%0A <path id=\"Icon_metro-info\" data-name=\"Icon metro-info\" d=\"M9.571,6.678a.752.752,0,0,1,.75-.75h.5a.752.752,0,0,1,.75.75v.5a.752.752,0,0,1-.75.75h-.5a.752.752,0,0,1-.75-.75Zm3,7.25h-4v-1h1v-3h-1v-1h3v4h1Zm-2-12a8,8,0,1,0,8,8,8,8,0,0,0-8-8Zm0,14.5a6.5,6.5,0,1,1,6.5-6.5A6.5,6.5,0,0,1,10.571,16.428Z\" transform=\"translate(-2.571 -1.928)\" fill=\"%23c6c6c6\"/>%0D%0A</svg>%0D%0A') no-repeat center;width:16px;height:16px;display:inline-block;top:3px}::ng-deep .AccountPageTemplate .saveCartdataTable thead{background-color:#646363}::ng-deep .AccountPageTemplate .saveCartdataTable thead th{padding:1rem .75rem;color:#fff;text-align:left}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable thead th:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable td{padding:1rem .75rem;border-top:0;border-bottom:1px solid #E0E0E0}::ng-deep .AccountPageTemplate .saveCartdataTable td:first-child{max-width:150px}::ng-deep .AccountPageTemplate .saveCartdataTable td:last-child{width:200px}::ng-deep .AccountPageTemplate .saveCartdataTable tr:hover{background-color:#e8e8e8}::ng-deep .AccountPageTemplate .saveCartdataTable tr a:hover{cursor:pointer}::ng-deep .AccountPageTemplate .saved-cart-list-cart-name{text-align:left;padding-left:3rem!important}::ng-deep .AccountPageTemplate .saveCartdataTable .saved-cart-list-label{display:none!important}::ng-deep .AccountPageTemplate a.cx-saved-cart-list-value{color:#b61828;text-decoration:underline}::ng-deep .AccountPageTemplate .cx-saved-cart-list-no-saved-carts{margin:10rem 0}::ng-deep .AccountPageTemplate .noSavedCartHd{font-size:var(--fontsize28)}::ng-deep .AccountPageTemplate .noSavedCartTxt{color:#161616;font-size:var(--fontsize16)}::ng-deep .AccountPageTemplate .makeActionBtn{font-size:.75rem;color:#fff;background-color:#1d1d1b;padding:1rem}::ng-deep .AccountPageTemplate .actionBtn{text-align:left}.saveCardLabel{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.savedcart-link{text-decoration:underline;font-size:var(--fontsize16)}.savedcart-link:hover{color:#d51317}@media screen and (max-width:991px){.cartItems{border:1px solid #E0E0E0;margin-bottom:1.25rem;display:block;padding:1.05rem 1.25rem}.saveCartdataTable td{width:100%;display:flex;border-width:0;padding:.2rem 0;max-width:100%}.saveCartdataTable .saved-cart-list-thead-mobile{display:none!important}.saveCartdataTable .saved-cart-list-label{display:block!important;min-width:140px;font-family:Arial Bold,sans-serif}.saveCartdataTable .saved-cart-list-cart-name{padding-left:0!important}.saveCartdataTable .width50{vertical-align:top;width:50%;display:inline-block}.saveCartdataTable .width50 .saved-cart-list-label{display:inline-block!important}.saveCartdataTable .actionBtn{text-align:right}}@media screen and (max-width:767px){.width50{width:100%!important;display:block!important}.actionBtn{padding-top:1rem!important;text-align:left!important}.makeActionBtn{width:100%}.savecardDataBox{padding:15px;border:1px solid #E0E0E0;flex-wrap:wrap}.savecardDataBox li:first-child,.savecardDataBox li:nth-child(2){width:100%}.modal-content{padding:15px!important}.copySaveData{margin-bottom:180px}.popupFooter{border-top:1px solid #E0E0E0;width:100%;position:fixed;bottom:0;z-index:20;left:0;background:#fff;display:flex;align-items:center;flex-direction:column;padding:15px}.popupFooter .btn{max-width:100%;display:block;width:100%}.popupFooter .cancledPopop{margin-right:0}}@media screen and (max-width:576px){.cartItems{padding:1.05rem 1.25rem!important}.makeActionBtn{font-weight:400}}\n"] }]
6775
6775
  }], ctorParameters: () => [{ type: i1.RoutingService }, { type: i2$3.SavedCartFacade }, { type: i1.CmsService }, { type: SaveCartService }, { type: i0.ChangeDetectorRef }, { type: i1$2.UntypedFormBuilder }] });
6776
6776
 
6777
6777
  let sharedData$9 = {};
@@ -9473,10 +9473,10 @@ class CustomCheckoutComponent {
9473
9473
  const todayDay = this.weekDayOpeningList[date.getDay() - 1];
9474
9474
  this.minTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.openingTime?.hour || 9, todayDay?.openingTime?.minute || 0, 0);
9475
9475
  this.minToTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.openingTime?.hour || 11, todayDay?.openingTime?.minute || 0, 0);
9476
- this.fromMaxTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.closingTime.formattedHour.split(' ')[1] == 'pm'
9476
+ this.fromMaxTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.closingTime?.formattedHour?.split(/\s+/)[1]?.toLowerCase() == 'pm'
9477
9477
  ? todayDay?.closingTime?.hour + 10
9478
9478
  : todayDay?.closingTime?.hour || 15, todayDay?.closingTime?.minute || 0, 0);
9479
- this.maxTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.closingTime.formattedHour.split(' ')[1] == 'pm'
9479
+ this.maxTime = new Date(date.getFullYear(), date.getMonth(), date.getDate(), todayDay?.closingTime?.formattedHour?.split(/\s+/)[1]?.toLowerCase() == 'pm'
9480
9480
  ? todayDay?.closingTime?.hour + 12
9481
9481
  : todayDay?.closingTime?.hour || 17, todayDay?.closingTime?.minute || 0, 0);
9482
9482
  }
@@ -9486,7 +9486,7 @@ class CustomCheckoutComponent {
9486
9486
  this.minTime = this.getRoundMinTime(this.minTime);
9487
9487
  //if clicking on radio button for delivery, should pick 6 am, if time does not go fine then revert it
9488
9488
  if (this.hasTimeSpecificRequest) {
9489
- const formattedMinTime = this.minTime.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true });
9489
+ const formattedMinTime = this.minTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: true });
9490
9490
  this.checkoutFormData.deliveryPickUpFromTime = formattedMinTime;
9491
9491
  // if(!this.hasTimeSpecificRequest){
9492
9492
  // const formattedMinTime = this.minTime.toLocaleTimeString('en-US', {hour: '2-digit',minute: '2-digit',hour12: true });
@@ -9500,8 +9500,8 @@ class CustomCheckoutComponent {
9500
9500
  // }
9501
9501
  }
9502
9502
  else {
9503
- const formattedminToTime = this.minToTime.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true });
9504
- const formattedmaxTime = this.maxTime.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true });
9503
+ const formattedminToTime = this.minToTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: true });
9504
+ const formattedmaxTime = this.maxTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: true });
9505
9505
  this.checkoutFormData.deliveryPickUpToTime = formattedmaxTime;
9506
9506
  this.checkoutFormData.deliveryPickUpFromTime = formattedminToTime;
9507
9507
  }
@@ -9587,7 +9587,7 @@ class CustomCheckoutComponent {
9587
9587
  //this.checkoutFormData.deliveryPickUpFromTime = this.collectTimeObj?.getText();
9588
9588
  //this.checkoutFormData.deliveryPickUpToTime = this.checkoutToTime?.getText();
9589
9589
  if (this.isDeliveryBox && this.hasTimeSpecificRequest) {
9590
- this.checkoutFormData.deliveryPickUpToTime = this.minToTime ? this.minToTime.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: true }) : this.initialMaxTime;
9590
+ this.checkoutFormData.deliveryPickUpToTime = this.minToTime ? this.minToTime.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit', hour12: true }) : this.initialMaxTime;
9591
9591
  }
9592
9592
  let deliveryPickUpDate = this.checkoutFormData.deliveryPickUpDate;
9593
9593
  this.checkoutFormData.deliveryPickUpDate = this.checkoutFormData.deliveryPickUpDate?.day + '/' + this.checkoutFormData.deliveryPickUpDate?.month + '/' + this.checkoutFormData.deliveryPickUpDate?.year;
@@ -10590,11 +10590,11 @@ class SavedCartDetailsActionComponent {
10590
10590
  this.isDesktop = CommonUtils.isDesktop();
10591
10591
  }
10592
10592
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SavedCartDetailsActionComponent, deps: [{ token: i1$4.SavedCartDetailsService }, { token: i2$3.SavedCartFacade }, { token: i1.RoutingService }], target: i0.ɵɵFactoryTarget.Component }); }
10593
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SavedCartDetailsActionComponent, isStandalone: false, selector: "app-saved-cart-details-action", ngImport: i0, template: "@if (savedCart$ | async; as cart) {\r\n @if (isMobile) {\r\n <ng-container (window:resize)=\"onResize($event)\">\r\n <div class=\"d-flex flex-column mb-2\">\r\n <button #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n <a class=\"backto-carts p-2 text-center mb-5\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n </div>\r\n </ng-container>\r\n }\r\n <div class=\"makeFixedFooter\" [ngClass]=\"{'cart-page-footer': isDesktop}\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"sticky-footer\">\r\n <div class=\"d-flex justify-content-between customFooter\">\r\n @if (!isMobile) {\r\n <div class=\"clear-cart d-flex align-items-center\">\r\n <button #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0 p-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n </div>\r\n }\r\n <div class=\"checkout d-flex align-items-center\">\r\n @if (!isMobile) {\r\n <a class=\"mr-4 backto-carts\" [ngClass]=\"{'p-3': isMobile}\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n }\r\n <div [ngClass]=\"isMobile ? 'w-100' : ''\">\r\n <button #element (click)=\"makeActiveCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\" class=\"btn primary-button px-4 py-2 \">\r\n {{ savedCartList.makeCartActive}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n @if (showPopUp) {\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [isDeletePopup]=\"isDelete\" [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n }\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate{padding-bottom:0!important}::ng-deep .AccountPageTemplate .SideContent{padding:0}::ng-deep .makeFixedFooter{background-color:#fff;border:1px solid #E0E0E0;padding:10px 0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.default-button,.secondary-button,.primary-button{text-transform:uppercase;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;border-radius:0;padding:1rem 2rem;border:1px solid #1D1D1B}.primary-button{background-color:#1d1d1b;color:#fff}.primary-button:hover,.secondary-button{background-color:#fff;color:#1d1d1b}.secondary-button:hover{background-color:#1d1d1b;color:#fff}.backto-carts:hover{color:#b61828;text-decoration:underline}.backto-carts{text-transform:uppercase;font-family:Arial Bold,sans-serif;background-color:transparent}@media screen and (max-width:767px){.customFooter{flex-direction:column}.customFooter .clear-cart,.customFooter .checkout{text-align:center}.customFooter .clear-cart .btn,.customFooter .clear-cart .backto-carts,.customFooter .checkout .btn,.customFooter .checkout .backto-carts{display:block;width:100%}::ng-deep app-saved-cart-details-action{border:0;padding:0;position:relative;bottom:0;z-index:unset}.checkout{flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ActiveSavedCartComponent, selector: "app-active-saved-cart", inputs: ["makeActiveData", "selectedCartId", "isDeletePopup"], outputs: ["closedPopup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
10593
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: SavedCartDetailsActionComponent, isStandalone: false, selector: "app-saved-cart-details-action", ngImport: i0, template: "@if (savedCart$ | async; as cart) {\r\n @if (isMobile) {\r\n <ng-container (window:resize)=\"onResize($event)\">\r\n <div class=\"d-flex flex-column mb-2\">\r\n <button type=\"button\" #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n <a class=\"backto-carts p-2 text-center mb-5\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n </div>\r\n </ng-container>\r\n }\r\n <div class=\"makeFixedFooter\" [ngClass]=\"{'cart-page-footer': isDesktop}\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"sticky-footer\">\r\n <div class=\"d-flex justify-content-between customFooter\">\r\n @if (!isMobile) {\r\n <div class=\"clear-cart d-flex align-items-center\">\r\n <button type=\"button\" #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0 p-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n </div>\r\n }\r\n <div class=\"checkout d-flex align-items-center\">\r\n @if (!isMobile) {\r\n <a class=\"mr-4 backto-carts\" [ngClass]=\"{'p-3': isMobile}\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n }\r\n <div [ngClass]=\"isMobile ? 'w-100' : ''\">\r\n <button type=\"button\" #element (click)=\"makeActiveCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\" class=\"btn primary-button px-4 py-2 \">\r\n {{ savedCartList.makeCartActive}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [isDeletePopup]=\"isDelete\" [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate{padding-bottom:0!important}::ng-deep .AccountPageTemplate .SideContent{padding:0}::ng-deep .makeFixedFooter{background-color:#fff;border:1px solid #E0E0E0;padding:10px 0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.default-button,.secondary-button,.primary-button{text-transform:uppercase;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;border-radius:0;padding:1rem 2rem;border:1px solid #1D1D1B}.primary-button{background-color:#1d1d1b;color:#fff}.primary-button:hover,.secondary-button{background-color:#fff;color:#1d1d1b}.secondary-button:hover{background-color:#1d1d1b;color:#fff}.backto-carts:hover{color:#b61828;text-decoration:underline}.backto-carts{text-transform:uppercase;font-family:Arial Bold,sans-serif;background-color:transparent}@media screen and (max-width:767px){.customFooter{flex-direction:column}.customFooter .clear-cart,.customFooter .checkout{text-align:center}.customFooter .clear-cart .btn,.customFooter .clear-cart .backto-carts,.customFooter .checkout .btn,.customFooter .checkout .backto-carts{display:block;width:100%}::ng-deep app-saved-cart-details-action{border:0;padding:0;position:relative;bottom:0;z-index:unset}.checkout{flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ActiveSavedCartComponent, selector: "app-active-saved-cart", inputs: ["makeActiveData", "selectedCartId", "isDeletePopup"], outputs: ["closedPopup"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
10594
10594
  }
10595
10595
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: SavedCartDetailsActionComponent, decorators: [{
10596
10596
  type: Component,
10597
- args: [{ selector: 'app-saved-cart-details-action', standalone: false, template: "@if (savedCart$ | async; as cart) {\r\n @if (isMobile) {\r\n <ng-container (window:resize)=\"onResize($event)\">\r\n <div class=\"d-flex flex-column mb-2\">\r\n <button #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n <a class=\"backto-carts p-2 text-center mb-5\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n </div>\r\n </ng-container>\r\n }\r\n <div class=\"makeFixedFooter\" [ngClass]=\"{'cart-page-footer': isDesktop}\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"sticky-footer\">\r\n <div class=\"d-flex justify-content-between customFooter\">\r\n @if (!isMobile) {\r\n <div class=\"clear-cart d-flex align-items-center\">\r\n <button #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0 p-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n </div>\r\n }\r\n <div class=\"checkout d-flex align-items-center\">\r\n @if (!isMobile) {\r\n <a class=\"mr-4 backto-carts\" [ngClass]=\"{'p-3': isMobile}\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n }\r\n <div [ngClass]=\"isMobile ? 'w-100' : ''\">\r\n <button #element (click)=\"makeActiveCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\" class=\"btn primary-button px-4 py-2 \">\r\n {{ savedCartList.makeCartActive}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n @if (showPopUp) {\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [isDeletePopup]=\"isDelete\" [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n }\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate{padding-bottom:0!important}::ng-deep .AccountPageTemplate .SideContent{padding:0}::ng-deep .makeFixedFooter{background-color:#fff;border:1px solid #E0E0E0;padding:10px 0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.default-button,.secondary-button,.primary-button{text-transform:uppercase;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;border-radius:0;padding:1rem 2rem;border:1px solid #1D1D1B}.primary-button{background-color:#1d1d1b;color:#fff}.primary-button:hover,.secondary-button{background-color:#fff;color:#1d1d1b}.secondary-button:hover{background-color:#1d1d1b;color:#fff}.backto-carts:hover{color:#b61828;text-decoration:underline}.backto-carts{text-transform:uppercase;font-family:Arial Bold,sans-serif;background-color:transparent}@media screen and (max-width:767px){.customFooter{flex-direction:column}.customFooter .clear-cart,.customFooter .checkout{text-align:center}.customFooter .clear-cart .btn,.customFooter .clear-cart .backto-carts,.customFooter .checkout .btn,.customFooter .checkout .backto-carts{display:block;width:100%}::ng-deep app-saved-cart-details-action{border:0;padding:0;position:relative;bottom:0;z-index:unset}.checkout{flex-direction:column}}\n"] }]
10597
+ args: [{ selector: 'app-saved-cart-details-action', standalone: false, template: "@if (savedCart$ | async; as cart) {\r\n @if (isMobile) {\r\n <ng-container (window:resize)=\"onResize($event)\">\r\n <div class=\"d-flex flex-column mb-2\">\r\n <button type=\"button\" #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n <a class=\"backto-carts p-2 text-center mb-5\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n </div>\r\n </ng-container>\r\n }\r\n <div class=\"makeFixedFooter\" [ngClass]=\"{'cart-page-footer': isDesktop}\" (window:resize)=\"onResize($event)\">\r\n <div class=\"container\">\r\n <div class=\"sticky-footer\">\r\n <div class=\"d-flex justify-content-between customFooter\">\r\n @if (!isMobile) {\r\n <div class=\"clear-cart d-flex align-items-center\">\r\n <button type=\"button\" #element (click)=\"deleteCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\"\r\n class=\"backto-carts border-0 p-0\">\r\n {{ savedCartDetails.deleteSavedCart}}\r\n </button>\r\n </div>\r\n }\r\n <div class=\"checkout d-flex align-items-center\">\r\n @if (!isMobile) {\r\n <a class=\"mr-4 backto-carts\" [ngClass]=\"{'p-3': isMobile}\" routerLink=\"/my-account/saved-carts/\" title=\"{{savedCartList.makeCartBacktoSave}}\">\r\n <img src=\"../../../../../assets/images/ionic-arrow-back.svg\" alt=\"{{savedCartList.makeCartBacktoSave}}\" />\r\n {{savedCartList.makeCartBacktoSave}}\r\n </a>\r\n }\r\n <div [ngClass]=\"isMobile ? 'w-100' : ''\">\r\n <button type=\"button\" #element (click)=\"makeActiveCart($event)\" data-toggle=\"modal\" data-target=\"#editCardModal\" class=\"btn primary-button px-4 py-2 \">\r\n {{ savedCartList.makeCartActive}}\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"editCardModal\" role=\"dialog\" aria-labelledby=\"editCardModal\" aria-hidden=\"true\">\r\n @if (showWaitCursor | async ) {\r\n <div class=\"loading\">Loading&#8230;</div>\r\n }\r\n <app-active-saved-cart [isDeletePopup]=\"isDelete\" [selectedCartId]=\"selectedCartId\" [makeActiveData]=\"makeActiveData\"></app-active-saved-cart>\r\n </div>\r\n}\r\n", styles: ["@media screen and (min-width:1366px){:root{--fontsize11: .7rem;--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;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width:1365px)and (min-width:768px){:root{--fontsize11: .7rem;--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;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width:767px){:root{--fontsize11: .7rem;--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;--fontsize54: 2.25rem;--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 .header{max-width:100%;padding:0}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 cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}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 .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}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;font-weight:400}.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(--fontsize40);color:#1d1d1b;padding-top:1rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width:420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width:992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@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 .SiteLogo .storeLogo a{min-height:auto;width:auto}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 .PreHeader cx-hamburger-menu{z-index:11;position:relative}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;flex-direction:row}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:0;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:0}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:var(--fontsize24)}.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}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}::ng-deep .AccountPageTemplate{padding-bottom:0!important}::ng-deep .AccountPageTemplate .SideContent{padding:0}::ng-deep .makeFixedFooter{background-color:#fff;border:1px solid #E0E0E0;padding:10px 0;position:fixed;bottom:0;left:0;right:0;width:100%;z-index:9;transition:transform .3s ease-in-out}.default-button,.secondary-button,.primary-button{text-transform:uppercase;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif;border-radius:0;padding:1rem 2rem;border:1px solid #1D1D1B}.primary-button{background-color:#1d1d1b;color:#fff}.primary-button:hover,.secondary-button{background-color:#fff;color:#1d1d1b}.secondary-button:hover{background-color:#1d1d1b;color:#fff}.backto-carts:hover{color:#b61828;text-decoration:underline}.backto-carts{text-transform:uppercase;font-family:Arial Bold,sans-serif;background-color:transparent}@media screen and (max-width:767px){.customFooter{flex-direction:column}.customFooter .clear-cart,.customFooter .checkout{text-align:center}.customFooter .clear-cart .btn,.customFooter .clear-cart .backto-carts,.customFooter .checkout .btn,.customFooter .checkout .backto-carts{display:block;width:100%}::ng-deep app-saved-cart-details-action{border:0;padding:0;position:relative;bottom:0;z-index:unset}.checkout{flex-direction:column}}\n"] }]
10598
10598
  }], ctorParameters: () => [{ type: i1$4.SavedCartDetailsService }, { type: i2$3.SavedCartFacade }, { type: i1.RoutingService }] });
10599
10599
 
10600
10600
  class CustomSaveCartDtlComponent {