buildingproduct-library 6.0.4 → 6.0.5

package/fesm2022/buildingproduct-library.mjs

@@ -2440,7 +2440,8 @@ class CustomBreadcrumComponent extends PageTitleComponent {
         this.crumbs$ = combineLatest([
             this.cms.getCurrentPage(),
             this.pageMetaService.getMeta(),
-            this.translation.translate('common.home'),
+            //this.translation.translate('common.home'),
+            of('Home')
         ]).pipe(map(([pageData, meta, textHome]) => {
             if (this.alreadyCalled == false) {
                 this.alreadyCalled = true;
@@ -2473,7 +2474,15 @@ class CustomBreadcrumComponent extends PageTitleComponent {
                     window.location.href = '/';
                 });
             }
-            return meta?.breadcrumbs ? meta.breadcrumbs : [{ label: textHome, link: '/' }];
+            if (!meta?.breadcrumbs || meta.breadcrumbs.length === 0) {
+                return [{ label: textHome, link: '/' }];
+            }
+            // Spartacus emits ' ' as a placeholder before translations load — replace with textHome
+            const firstCrumb = meta.breadcrumbs[0];
+            if (firstCrumb.link === '/' && (!firstCrumb.label || firstCrumb.label === ' ' || firstCrumb.label.trim() === '')) {
+                firstCrumb.label = textHome;
+            }
+            return meta.breadcrumbs;
         }));
     }
     goToHome(url) {
@@ -10605,6 +10614,7 @@ class CustomSaveCartDtlComponent {
         this.cartDetails = [];
         this.isLoad = false;
         this.savedCartId = "";
+        this.errorMessage = null;
         this.route.paramMap.subscribe((params) => {
             this.savedCartId = params.get("savedCartId");
         });
@@ -10645,33 +10655,49 @@ class CustomSaveCartDtlComponent {
     }
     updateCart() {
         this.showWaitCursor.next(true);
+        this.errorMessage = null;
         this.savedCart$ = this.savedCartService
             .getSavedCartDetails(this.savedCartId)
-            .subscribe((data) => {
-            if (data) {
-                data = data?.savedCartData || data;
-                if (data?.entries == 0) {
+            .subscribe({
+            next: (data) => {
+                if (data) {
+                    data = data?.savedCartData || data;
+                    if (data?.entries == 0) {
+                        window.location.href = "my-account/saved-carts";
+                        return;
+                    }
+                    this.cartDetails = [];
+                    for (const entry of data?.entries) {
+                        let obj = {
+                            isExpand: false,
+                        };
+                        obj = { ...entry };
+                        this.cartDetails.push(obj);
+                    }
+                    this.cdr.markForCheck();
+                    this.cdr.detectChanges();
+                    this.showWaitCursor.next(false);
+                }
+                else {
                     window.location.href = "my-account/saved-carts";
                     return;
                 }
-                this.cartDetails = [];
-                for (const entry of data?.entries) {
-                    let obj = {
-                        isExpand: false,
-                    };
-                    obj = { ...entry };
-                    this.cartDetails.push(obj);
-                }
+            },
+            error: (error) => {
+                this.errorMessage = this.getErrorMessage(error);
                 this.cdr.markForCheck();
                 this.cdr.detectChanges();
                 this.showWaitCursor.next(false);
-            }
-            else {
-                window.location.href = "my-account/saved-carts";
-                return;
-            }
+            },
         });
     }
+    getErrorMessage(error, fallback = 'An unexpected error occurred.') {
+        return (error?.error?.errors[0]?.message ||
+            error?.errors?.errors[0]?.message ||
+            error?.errors[0]?.message ||
+            error?.error?.message || error?.error ||
+            fallback);
+    }
     onResize(event) {
         event?.target?.innerWidth;
         if (event?.target?.innerWidth < 992) {
@@ -10688,11 +10714,11 @@ class CustomSaveCartDtlComponent {
         this.isDesktop = CommonUtils.isDesktop();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CustomSaveCartDtlComponent, deps: [{ token: CartService }, { token: SaveCartService }, { token: i0.ChangeDetectorRef }, { token: i1.CmsService }, { token: SavedCartDetailsService }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CustomSaveCartDtlComponent, isStandalone: false, selector: "app-custom-save-cart-dtl", usesOnChanges: true, ngImport: i0, template: "@if (showWaitCursor | async) {\r\n  <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n  <div class=\"d-flex justify-content-between align-items-end py-2\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"total-item\">\r\n        {{ cartDetails?.length }}\r\n        {{ cartDetails?.length == 1 ? \"Item\" : \"Items\" }} in Cart</span\r\n        >\r\n        <ul class=\"d-flex expand-collapse\">\r\n          <li (click)=\"expandAll()\" [ngClass]=\"{ disabled: isExpandAll == true }\">\r\n            Expand all\r\n          </li>\r\n          <li\r\n            (click)=\"contractAll()\"\r\n            [ngClass]=\"{ disabled: isExpandAll == false }\"\r\n            >\r\n            Contract all\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"text-right\">\r\n        @if (isDesktop) {\r\n          <div class=\"main-view\">\r\n            <button\r\n              [ngClass]=\"{ active: listview === true }\"\r\n              class=\"btn btn-sm active\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-light.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-dark.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              List\r\n            </button>\r\n            <button\r\n              [ngClass]=\"{ active: listview === false }\"\r\n              class=\"btn btn-sm\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-light.svg\"\r\n                  alt=\"gridviewlight\"\r\n                  />\r\n              }\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-dark.svg\"\r\n                  alt=\"gridviewdark\"\r\n                  />\r\n              }\r\n              Grid\r\n            </button>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (cartDetails?.length > 0) {\r\n      @if (isDesktop && listview && cartDetails) {\r\n        <app-custom-cart-list\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n          [isCardData]=\"true\"\r\n          >\r\n        </app-custom-cart-list>\r\n      }\r\n      @if ((!listview || !isDesktop) && cartDetails) {\r\n        <app-custom-cart-grid\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n        ></app-custom-cart-grid>\r\n      }\r\n    }\r\n    <!-- <ng-container *ngIf=\"!isDesktop && cartDetails?.length > 0\">\r\n    <app-custom-cart-grid [cartDetails]=\"cartDetails\" [additionalPara]=\"additionalPara\" (updateCartEntry)=\"updateCart()\" *ngIf=\"cartDetails\"></app-custom-cart-grid>\r\n  </ng-container> -->\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}.container{margin-bottom:115px}.total-item{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.expand-collapse li{padding:0 6px;text-decoration:underline;cursor:pointer;font-size:var(--fontsize14);font-family:Arial Regular,sans-serif}.expand-collapse li:before{content:\"|\";margin-right:10px}.expand-collapse li:first-child:before{content:\"\"}.disabled{pointer-events:none;color:#a6a6a5}@media screen and (max-width:767px){.container{margin-bottom:0}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CustomCartGridComponent, selector: "app-custom-cart-grid", inputs: ["additionalPara", "cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "component", type: CustomCartListComponent, selector: "app-custom-cart-list", inputs: ["cartDetails", "isCardData", "additionalPara"], outputs: ["updateCartEntry"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: CustomSaveCartDtlComponent, isStandalone: false, selector: "app-custom-save-cart-dtl", usesOnChanges: true, ngImport: i0, template: "@if (showWaitCursor | async) {\r\n  <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n  @if (cartDetails?.length > 0) {\r\n  <div class=\"d-flex justify-content-between align-items-end py-2\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"total-item\">\r\n        {{ cartDetails?.length }}\r\n        {{ cartDetails?.length == 1 ? \"Item\" : \"Items\" }} in Cart</span\r\n        >\r\n        <ul class=\"d-flex expand-collapse\">\r\n          <li (click)=\"expandAll()\" [ngClass]=\"{ disabled: isExpandAll == true }\">\r\n            Expand all\r\n          </li>\r\n          <li\r\n            (click)=\"contractAll()\"\r\n            [ngClass]=\"{ disabled: isExpandAll == false }\"\r\n            >\r\n            Contract all\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"text-right\">\r\n        @if (isDesktop) {\r\n          <div class=\"main-view\">\r\n            <button\r\n              [ngClass]=\"{ active: listview === true }\"\r\n              class=\"btn btn-sm active\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-light.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-dark.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              List\r\n            </button>\r\n            <button\r\n              [ngClass]=\"{ active: listview === false }\"\r\n              class=\"btn btn-sm\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-light.svg\"\r\n                  alt=\"gridviewlight\"\r\n                  />\r\n              }\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-dark.svg\"\r\n                  alt=\"gridviewdark\"\r\n                  />\r\n              }\r\n              Grid\r\n            </button>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (cartDetails?.length > 0) {\r\n      @if (isDesktop && listview && cartDetails) {\r\n        <app-custom-cart-list\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n          [isCardData]=\"true\"\r\n          >\r\n        </app-custom-cart-list>\r\n      }\r\n      @if ((!listview || !isDesktop) && cartDetails) {\r\n        <app-custom-cart-grid\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n        ></app-custom-cart-grid>\r\n      }\r\n    }\r\n    <!-- <ng-container *ngIf=\"!isDesktop && cartDetails?.length > 0\">\r\n    <app-custom-cart-grid [cartDetails]=\"cartDetails\" [additionalPara]=\"additionalPara\" (updateCartEntry)=\"updateCart()\" *ngIf=\"cartDetails\"></app-custom-cart-grid>\r\n  </ng-container> -->\r\n  }\r\n  @if (errorMessage) {\r\n    <div class=\"alert alert-danger alert-danger-custom col-12 my-3\" role=\"alert\">\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\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}.container{margin-bottom:115px}.total-item{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.expand-collapse li{padding:0 6px;text-decoration:underline;cursor:pointer;font-size:var(--fontsize14);font-family:Arial Regular,sans-serif}.expand-collapse li:before{content:\"|\";margin-right:10px}.expand-collapse li:first-child:before{content:\"\"}.disabled{pointer-events:none;color:#a6a6a5}@media screen and (max-width:767px){.container{margin-bottom:0}}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CustomCartGridComponent, selector: "app-custom-cart-grid", inputs: ["additionalPara", "cartDetails", "isCardData"], outputs: ["updateCartEntry"] }, { kind: "component", type: CustomCartListComponent, selector: "app-custom-cart-list", inputs: ["cartDetails", "isCardData", "additionalPara"], outputs: ["updateCartEntry"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: CustomSaveCartDtlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-custom-save-cart-dtl', standalone: false, template: "@if (showWaitCursor | async) {\r\n  <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n  <div class=\"d-flex justify-content-between align-items-end py-2\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"total-item\">\r\n        {{ cartDetails?.length }}\r\n        {{ cartDetails?.length == 1 ? \"Item\" : \"Items\" }} in Cart</span\r\n        >\r\n        <ul class=\"d-flex expand-collapse\">\r\n          <li (click)=\"expandAll()\" [ngClass]=\"{ disabled: isExpandAll == true }\">\r\n            Expand all\r\n          </li>\r\n          <li\r\n            (click)=\"contractAll()\"\r\n            [ngClass]=\"{ disabled: isExpandAll == false }\"\r\n            >\r\n            Contract all\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"text-right\">\r\n        @if (isDesktop) {\r\n          <div class=\"main-view\">\r\n            <button\r\n              [ngClass]=\"{ active: listview === true }\"\r\n              class=\"btn btn-sm active\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-light.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-dark.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              List\r\n            </button>\r\n            <button\r\n              [ngClass]=\"{ active: listview === false }\"\r\n              class=\"btn btn-sm\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-light.svg\"\r\n                  alt=\"gridviewlight\"\r\n                  />\r\n              }\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-dark.svg\"\r\n                  alt=\"gridviewdark\"\r\n                  />\r\n              }\r\n              Grid\r\n            </button>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (cartDetails?.length > 0) {\r\n      @if (isDesktop && listview && cartDetails) {\r\n        <app-custom-cart-list\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n          [isCardData]=\"true\"\r\n          >\r\n        </app-custom-cart-list>\r\n      }\r\n      @if ((!listview || !isDesktop) && cartDetails) {\r\n        <app-custom-cart-grid\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n        ></app-custom-cart-grid>\r\n      }\r\n    }\r\n    <!-- <ng-container *ngIf=\"!isDesktop && cartDetails?.length > 0\">\r\n    <app-custom-cart-grid [cartDetails]=\"cartDetails\" [additionalPara]=\"additionalPara\" (updateCartEntry)=\"updateCart()\" *ngIf=\"cartDetails\"></app-custom-cart-grid>\r\n  </ng-container> -->\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}.container{margin-bottom:115px}.total-item{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.expand-collapse li{padding:0 6px;text-decoration:underline;cursor:pointer;font-size:var(--fontsize14);font-family:Arial Regular,sans-serif}.expand-collapse li:before{content:\"|\";margin-right:10px}.expand-collapse li:first-child:before{content:\"\"}.disabled{pointer-events:none;color:#a6a6a5}@media screen and (max-width:767px){.container{margin-bottom:0}}\n"] }]
+            args: [{ selector: 'app-custom-save-cart-dtl', standalone: false, template: "@if (showWaitCursor | async) {\r\n  <div class=\"loading\">Loading&#8230;</div>\r\n}\r\n\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n  @if (cartDetails?.length > 0) {\r\n  <div class=\"d-flex justify-content-between align-items-end py-2\">\r\n    <div class=\"d-flex\">\r\n      <span class=\"total-item\">\r\n        {{ cartDetails?.length }}\r\n        {{ cartDetails?.length == 1 ? \"Item\" : \"Items\" }} in Cart</span\r\n        >\r\n        <ul class=\"d-flex expand-collapse\">\r\n          <li (click)=\"expandAll()\" [ngClass]=\"{ disabled: isExpandAll == true }\">\r\n            Expand all\r\n          </li>\r\n          <li\r\n            (click)=\"contractAll()\"\r\n            [ngClass]=\"{ disabled: isExpandAll == false }\"\r\n            >\r\n            Contract all\r\n          </li>\r\n        </ul>\r\n      </div>\r\n\r\n      <div class=\"text-right\">\r\n        @if (isDesktop) {\r\n          <div class=\"main-view\">\r\n            <button\r\n              [ngClass]=\"{ active: listview === true }\"\r\n              class=\"btn btn-sm active\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-light.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"list-img mr-2\"\r\n                  src=\"../../../../../assets/images/List-dark.svg\"\r\n                  alt=\"listview\"\r\n                  />\r\n              }\r\n              List\r\n            </button>\r\n            <button\r\n              [ngClass]=\"{ active: listview === false }\"\r\n              class=\"btn btn-sm\"\r\n              (click)=\"toggleGridOrListView($event)\"\r\n              >\r\n              @if (listview === false) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-light.svg\"\r\n                  alt=\"gridviewlight\"\r\n                  />\r\n              }\r\n              @if (listview === true) {\r\n                <img\r\n                  class=\"mr-2\"\r\n                  src=\"../../../../../assets/images/Grid-dark.svg\"\r\n                  alt=\"gridviewdark\"\r\n                  />\r\n              }\r\n              Grid\r\n            </button>\r\n          </div>\r\n        }\r\n      </div>\r\n    </div>\r\n\r\n    @if (cartDetails?.length > 0) {\r\n      @if (isDesktop && listview && cartDetails) {\r\n        <app-custom-cart-list\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n          [isCardData]=\"true\"\r\n          >\r\n        </app-custom-cart-list>\r\n      }\r\n      @if ((!listview || !isDesktop) && cartDetails) {\r\n        <app-custom-cart-grid\r\n          [cartDetails]=\"cartDetails\"\r\n          [additionalPara]=\"additionalPara\"\r\n          (updateCartEntry)=\"updateCart()\"\r\n        ></app-custom-cart-grid>\r\n      }\r\n    }\r\n    <!-- <ng-container *ngIf=\"!isDesktop && cartDetails?.length > 0\">\r\n    <app-custom-cart-grid [cartDetails]=\"cartDetails\" [additionalPara]=\"additionalPara\" (updateCartEntry)=\"updateCart()\" *ngIf=\"cartDetails\"></app-custom-cart-grid>\r\n  </ng-container> -->\r\n  }\r\n  @if (errorMessage) {\r\n    <div class=\"alert alert-danger alert-danger-custom col-12 my-3\" role=\"alert\">\r\n      {{ errorMessage }}\r\n    </div>\r\n  }\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}.container{margin-bottom:115px}.total-item{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.expand-collapse li{padding:0 6px;text-decoration:underline;cursor:pointer;font-size:var(--fontsize14);font-family:Arial Regular,sans-serif}.expand-collapse li:before{content:\"|\";margin-right:10px}.expand-collapse li:first-child:before{content:\"\"}.disabled{pointer-events:none;color:#a6a6a5}@media screen and (max-width:767px){.container{margin-bottom:0}}\n"] }]
         }], ctorParameters: () => [{ type: CartService }, { type: SaveCartService }, { type: i0.ChangeDetectorRef }, { type: i1.CmsService }, { type: SavedCartDetailsService }, { type: i3.ActivatedRoute }] });
 
 let sharedData$5 = {};