buildingproduct-library 6.0.5 → 6.0.6

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.6.tgz} +0 -0
  2. package/fesm2022/buildingproduct-library.mjs +4 -4
  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 = {};
@@ -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 {