buildingproduct-library 4.0.5 → 4.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.
|
Binary file
|
|
@@ -1702,9 +1702,10 @@ class CustomMiniCartComponent extends MiniCartComponent {
|
|
|
1702
1702
|
}
|
|
1703
1703
|
viewImage(event, cartDetails) {
|
|
1704
1704
|
event?.preventDefault();
|
|
1705
|
-
this.isFlashingModal =
|
|
1706
|
-
|
|
1707
|
-
|
|
1705
|
+
// this.isFlashingModal =
|
|
1706
|
+
// cartDetails?.product?.templateProduct &&
|
|
1707
|
+
// cartDetails?.product?.bundleEnabled;
|
|
1708
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
1708
1709
|
this.flashingImageDetails = cartDetails;
|
|
1709
1710
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
1710
1711
|
}
|
|
@@ -1799,11 +1800,11 @@ class CustomMiniCartComponent extends MiniCartComponent {
|
|
|
1799
1800
|
window.location.href = cartDetails?.baseProductUrl;
|
|
1800
1801
|
}
|
|
1801
1802
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CustomMiniCartComponent, deps: [{ token: i0.ElementRef }, { token: i3$3.ActiveCartService }, { token: i2$2.MiniCartComponentService }, { token: i3.Router }, { token: i3$2.NgbModal }, { token: CartService }, { token: i1.CmsService }, { token: AccountDropdownStateService }, { token: UserAccountDetailServiceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1802
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CustomMiniCartComponent, isStandalone: false, selector: "app-custom-mini-cart", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" *ngIf=\"isCartPermission\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a [ngStyle]=\"{ cursor : !isCartPermission ? 'default' : 'pointer' }\" class=\"d-flex align-items-center justify-content-center align-middle cart-link\" data-toggle=\"modal\" data-target=\"#minicartModal\">\r\n <!-- <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" (click)=\"openCart()\"> -->\r\n <cx-icon><img class=\"cart-icon\" src=\"../../../assets/images/Icon-material-shopping-cart.svg\" alt=\"Shopping cart\"></cx-icon>\r\n <span class=\"quantity\">{{totalCartItems}}</span>\r\n <span class=\"totalPrice\" *ngIf=\"isDesktop\">\r\n {{totalPriceFormat?totalPriceFormat: '$ 0.00'}}\r\n </span>\r\n </a>\r\n <div class=\"modal fade modal-right\" *ngIf=\"isCartPermission\" id=\"minicartModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"minicartLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"px-3\" *ngIf=\"cartDetails && cartDetails?.length > 0; else noItems\">\r\n <div class=\"cart-preview-header\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n <span class=\"cart-summary-label\"> Cart Summary</span>\r\n <span class=\"cart-summary-quantity d-block\" *ngIf=\"cartDetails\">{{ totalCartItems }}\r\n {{totalCartItems == 1 ? 'Item': 'Items'}}</span>\r\n </div>\r\n\r\n <ul class=\"cart-list\">\r\n <li class=\"cart-list-items\" *ngFor=\"let item of cartDetails\">\r\n <div class=\"items-container\">\r\n <div class=\"item d-flex\">\r\n <div class=\"image-container product-img \">\r\n <ng-container *ngIf=\" item?.product?.templateProduct; else normalImage\">\r\n <a data-toggle=\"modal\" class=\"minicart-flashing-expand\" (click)=\"viewImage($event,item)\" [attr.data-target]=\"'#miniCartImageModal'\" *ngIf=\"hasImage(item);else hasPdf\">\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </a>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\" [href]=\"getPdfLink(item)\" target=\"_blank\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"Click to open PDF\" title=\"Click to open PDF\" />\r\n </a>\r\n </ng-template>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"PDF\" title=\"PDF\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #normalImage>\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </ng-template>\r\n </div>\r\n <div class=\"d-md-flex d-block w-100 justify-content-between pl-3 pl-md-0\">\r\n <div class=\"pl-4 minicart-list-items\">\r\n <span class=\"productName\" title={{item.product.name}}>{{item.product.name}}</span>\r\n <p class=\"itemCode\">SKU : {{item.product.code}}</p>\r\n <ng-container *ngIf=\"item?.configurationInfos?.length; else accessoriesColor\">\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"!item?.product?.templateProduct; else flashingColour\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n item?.configurationInfos[0]?.configurationValue.split('|')\r\n | slice : 2\r\n }\"\r\n ></span>\r\n {{\r\n item?.configurationInfos[0]?.configurationValue.split(\"|\")\r\n | slice : 1 : 2\r\n }}\r\n </p>\r\n <ng-template #flashingColour>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"isColorAvailable(item?.configurationInfos)\" >\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n getColourDetails(item?.configurationInfos, 'background')\r\n }\"\r\n ></span>\r\n {{\r\n getColourDetails(item?.configurationInfos, 'name')\r\n }}\r\n </p>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #accessoriesColor>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"hasColour(item)\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{ background: item?.colour?.hexadecimalCode }\"\r\n ></span>\r\n {{ item?.colour?.name }}\r\n </p>\r\n </ng-template>\r\n <p class=\"edit-clone-container mt-2 mb-0\" *ngIf=\"item?.product?.templateProduct && item?.product?.bundleEnabled\">\r\n <button type=\"button\" (click)=\"navigateToPdp($event, item)\" class=\"btn primary-button text-uppercase edit-clone-button mini-cart-btn\" title=\"Edit OR Clone Flashing\">\r\n Edit OR Clone Flashing\r\n </button>\r\n </p>\r\n <p class=\"itemDetails mt-2 mb-0\">\r\n <span *ngIf=\"\r\n item?.product &&\r\n item?.product?.classifications\r\n \">\r\n {{ getClassifications(item.product?.classifications) }}\r\n </span>\r\n </p>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-content-between mt-2\">\r\n <div class=\"item-total-quantity\">\r\n <span>Total Qty: {{item?.quantityDouble}} {{item?.totalPrice?.unitType}}</span>\r\n </div>\r\n <div class=\"item-total-price\">\r\n <span>{{item?.totalPrice?.formattedValue}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"cart-preview-footer\">\r\n <div class=\"cart-preview-subTotal\">\r\n <span class=\"cart-subTotal-label\">Subtotal <span>(excl. GST)</span></span>\r\n <span class=\"cart-subTotal-price\">{{totalPriceFormat}}</span>\r\n </div>\r\n <div class=\"buttons-container d-flex justify-content-between\">\r\n <div class=\"cart-links col\">\r\n <a class=\"checkout-achor\" (click)=\"navigateToCart($event)\">\r\n <button class=\"btn checkout-btn btn-block text-uppercase\" (click)=\"toggleMenu()\" data-dismiss=\"modal\"> View Cart & Checkout </button>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #noItems>\r\n <div class=\"cart-preview-header d-flex align-items-center justify-content-between\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"empty-data-container\">\r\n <div class=\"row empty-data\">\r\n <div class=\"col-12\" > <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot>\r\n <p class=\"savedcarts mini-cart-clr\" ><a (click)=\"navigateToSavedCart($event)\" title=\"Saved Carts\"> Saved Carts</a></p>\r\n </div>\r\n <!-- <div class=\"col-12\" [innerHTML]=\"emptyCardDataButtons\"></div> -->\r\n </div>\r\n </div>\r\n <!-- <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot> -->\r\n <!-- <div class=\"empty-data\" [innerHTML]=\"emptyCardData\"> \r\n </div> -->\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" id=\"miniCartImageModal\" role=\"dialog\" aria-labelledby=\"miniCartImageModal\" aria-hidden=\"true\" #miniCartImageModal>\r\n <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <i title=\"Click to Close Popup\" class=\"icon-close cart-popup-close\" #closeInviteModal data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body\">\r\n <img class=\"img-fluid\" [src]=\"imageModalSrc\" alt=\"alert\" />\r\n <div class=\"flashing-details\">\r\n <app-custom-flashing-image-details [cartDetails]=\"flashingImageDetails\"></app-custom-flashing-image-details>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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;--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;--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;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items: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(--fontsize54);color:#1d1d1b;padding-top:2rem}[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}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0;max-width:508px;padding-bottom:4.5rem;top:0}::ng-deep #minicartModal .modal-content{background-color:#393939;color:#fff;padding:inherit;height:100vh}::ng-deep #minicartModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}::ng-deep #minicartModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:Arial Bold,sans-serif}::ng-deep #minicartModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}::ng-deep #minicartModal .modal-body{padding:1rem;height:calc(100vh - 88px)}::ng-deep #minicartModal .empty-data-container{height:100vh;padding:15px;display:flex;align-items:center;justify-content:center;overflow-y:auto}::ng-deep #minicartModal .empty-data-container .empty-data p{font-size:var(--fontsize14);color:#e0e0e0;margin-bottom:1.5rem;line-height:1.7}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards:hover{color:#b61828}.settings{padding:.5rem 1rem}.settings .settings-icon{width:22px;height:22px;cursor:pointer;font-size:var(--fontsize18)}.miniCartStyle{font-size:var(--fontsize16);padding-left:1rem}.miniCartStyle a.cart-link{position:relative}.miniCartStyle .cart-link{color:#fff;text-decoration:none;cursor:pointer;height:24px}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px;margin-bottom:0}.miniCartStyle .cart-link .quantity{position:absolute;color:#fff;bottom:18px;left:6px;padding:0 7px;font-size:var(--fontsize14);background-color:#d51317;border-radius:2px;line-height:1rem;font-weight:400}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18);font-weight:400}.miniCartStyle .cart-preview{background-color:var(--cx-color-background-focus);color:var(--cx-color-light);display:none;position:absolute;top:0;min-width:660px;box-shadow:0 4px 3px #0000004d}.miniCartStyle .cart-preview .arrow-up{position:absolute;top:-8px;right:41%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffffff}.miniCartStyle .hide-menu{display:none}.miniCartStyle .show-menu{display:block;position:fixed;z-index:999;background:#393939;color:#fff;list-style:none;border-radius:3px;top:-5px;right:0;padding-left:0;cursor:auto;height:100vh}.miniCartStyle .cart-preview-header{padding:15px 10px 25px 0;display:flex;flex-direction:column}.miniCartStyle .cart-preview-header .cart-summary-label{color:#fff;font-size:var(--fontsize24);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-header .cart-summary-quantity{color:#c6c6c6;font-size:var(--fontsize16)}.miniCartStyle .cart-preview-header .mini-cart-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}.miniCartStyle .cart-list{height:calc(100vh - 20rem);overflow-y:auto;list-style-type:none;scrollbar-width:thin}.miniCartStyle .cart-list .cart-list-items{margin-bottom:15px;padding:1rem;background:#474747;margin-right:10px}.miniCartStyle .cart-list .cart-list-items .image-container.product-img{width:72px;height:72px;position:relative}.miniCartStyle .cart-list .cart-list-items .minicart-list-items{display:grid;padding-right:20px;text-align:left}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productName,.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productManufacturer{font-family:Arial Bold,sans-serif;font-size:var(--fontsize14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemCode{font-family:Arial Bold,sans-serif;font-size:var(--fontsize12);color:#fff;margin:0}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemDetails,.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14);font-weight:400}.miniCartStyle .cart-list .cart-list-items .item-total-price{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal{display:flex;padding:20px 35px 20px 20px;border-top:1px solid #707070;border-bottom:1px solid #707070;position:relative;margin-top:1.5rem}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{width:60%;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label span{font-size:var(--fontsize16);font-family:Arial Regular,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-price{width:40%;text-align:right;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container{padding:1.5rem 1.3rem}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor{margin-bottom:15px;width:100%;background-color:#b61828;color:#fff;border-color:#b61828;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor:hover{background-color:#b61828;color:#fff;border-color:#b61828}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;color:#fff;border-color:#b61828;min-height:var(--buttonHeight44);font-size:var(--fontsize14);text-decoration:none;border-radius:0;font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor{width:100%;color:#fff;text-decoration:underline;text-transform:uppercase;position:relative;top:12px;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor:hover{text-decoration:underline}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;border-color:#b61828;color:#fff;min-height:var(--buttonHeight60);font-size:var(--fontsize24);width:100%;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .empty-cart{padding:10px;text-align:center;font-size:14px}.fa-shopping-cart{margin-right:5px;width:28px;height:22px;margin-bottom:2px}.search-button{position:absolute;right:20px;top:75px;color:#003d7a;background:#fff}.globalSarchMobile{display:none}.totalMenuContainer{width:19rem;height:100vh;background-color:#fff;position:fixed;top:0;z-index:11}.totalMenuContainer button{color:#fff;border:none;width:90%;height:2.7rem;position:absolute;bottom:7rem;left:.3rem;border-radius:4px}.header-content{display:flex;justify-content:flex-end}#miniCartImageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}#miniCartImageModal.show .modal-header{justify-content:right;border:none}#miniCartImageModal.show .modal-header .cart-popup-close{color:#000;font-size:var(--fontsize16)}#miniCartImageModal.show .modal-content{padding:0}#miniCartImageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}#miniCartImageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .minicart-flashing-expand{cursor:pointer}::ng-deep .minicart-flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}::ng-deep .minicart-flashing-expand.minicart-flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}.colors-paragraph{display:flex;align-items:center}.colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}@media screen and (max-width: 1440px){.miniCartStyle{right:0rem}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px}.miniCartStyle .cart-link .quantity{bottom:18px;left:7px;padding:0 6px;line-height:1rem}.miniCartStyle .cart-preview{min-width:500px}.miniCartStyle .cart-preview .arrow-up{right:14rem}.miniCartStyle .show-menu{right:-10.5rem;top:29px}.fa-shopping-cart{width:22px;height:18px}.header-content{right:15rem}}@media screen and (max-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-width: 991px){.cart-link .quantity{position:absolute;color:#fff;padding:0 .438rem;font-size:var(--fontsize16);background-color:#1d1d1b!important;line-height:1rem}}@media screen and (max-width: 767px){.fa-search{font-size:var(--fontsize19)}.fa-search:before{color:#464645}.globalSarchMobile{display:block}.search-button,.searchBox-input{background:#fff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#fff;display:flex;justify-content:center;align-items:center}::placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}:-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}::-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}.searchBox-input{border:0px}.header-content{position:unset}}@media screen and (max-width: 767px){.cart-link img{width:20px}.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}.savedcarts{text-align:center}.emptycart-savedcards{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }, { kind: "component", type: i2.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: i2.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading", "elementType", "sizesForImgElement"], outputs: ["loaded"] }, { kind: "component", type: CustomFlashingImageDetailsComponent, selector: "app-custom-flashing-image-details", inputs: ["cartDetails", "forPdf", "appendixNo"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SlicePipe, name: "slice" }] }); }
|
|
1803
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.9", type: CustomMiniCartComponent, isStandalone: false, selector: "app-custom-mini-cart", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" *ngIf=\"isCartPermission\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a [ngStyle]=\"{ cursor : !isCartPermission ? 'default' : 'pointer' }\" class=\"d-flex align-items-center justify-content-center align-middle cart-link\" data-toggle=\"modal\" data-target=\"#minicartModal\">\r\n <!-- <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" (click)=\"openCart()\"> -->\r\n <cx-icon><img class=\"cart-icon\" src=\"../../../assets/images/Icon-material-shopping-cart.svg\" alt=\"Shopping cart\"></cx-icon>\r\n <span class=\"quantity\">{{totalCartItems}}</span>\r\n <span class=\"totalPrice\" *ngIf=\"isDesktop\">\r\n {{totalPriceFormat?totalPriceFormat: '$ 0.00'}}\r\n </span>\r\n </a>\r\n <div class=\"modal fade modal-right\" *ngIf=\"isCartPermission\" id=\"minicartModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"minicartLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"px-3\" *ngIf=\"cartDetails && cartDetails?.length > 0; else noItems\">\r\n <div class=\"cart-preview-header\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n <span class=\"cart-summary-label\"> Cart Summary</span>\r\n <span class=\"cart-summary-quantity d-block\" *ngIf=\"cartDetails\">{{ totalCartItems }}\r\n {{totalCartItems == 1 ? 'Item': 'Items'}}</span>\r\n </div>\r\n\r\n <ul class=\"cart-list\">\r\n <li class=\"cart-list-items\" *ngFor=\"let item of cartDetails\">\r\n <div class=\"items-container\">\r\n <div class=\"item d-flex\">\r\n <div class=\"image-container product-img \">\r\n <ng-container *ngIf=\" item?.product?.templateProduct; else normalImage\">\r\n <a data-toggle=\"modal\" class=\"minicart-flashing-expand\" (click)=\"viewImage($event,item)\" [attr.data-target]=\"'#miniCartImageModal'\" *ngIf=\"hasImage(item);else hasPdf\">\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </a>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\" [href]=\"getPdfLink(item)\" target=\"_blank\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"Click to open PDF\" title=\"Click to open PDF\" />\r\n </a>\r\n </ng-template>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"PDF\" title=\"PDF\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #normalImage>\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </ng-template>\r\n </div>\r\n <div class=\"d-md-flex d-block w-100 justify-content-between pl-3 pl-md-0\">\r\n <div class=\"pl-4 minicart-list-items\">\r\n <span class=\"productName\" title={{item.product.name}}>{{item.product.name}}</span>\r\n <p class=\"itemCode\">SKU : {{item.product.code}}</p>\r\n <ng-container *ngIf=\"item?.configurationInfos?.length; else accessoriesColor\">\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"!item?.product?.templateProduct; else flashingColour\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n item?.configurationInfos[0]?.configurationValue.split('|')\r\n | slice : 2\r\n }\"\r\n ></span>\r\n {{\r\n item?.configurationInfos[0]?.configurationValue.split(\"|\")\r\n | slice : 1 : 2\r\n }}\r\n </p>\r\n <ng-template #flashingColour>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"isColorAvailable(item?.configurationInfos)\" >\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n getColourDetails(item?.configurationInfos, 'background')\r\n }\"\r\n ></span>\r\n {{\r\n getColourDetails(item?.configurationInfos, 'name')\r\n }}\r\n </p>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #accessoriesColor>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"hasColour(item)\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{ background: item?.colour?.hexadecimalCode }\"\r\n ></span>\r\n {{ item?.colour?.name }}\r\n </p>\r\n </ng-template>\r\n <p class=\"edit-clone-container mt-2 mb-0\" *ngIf=\"item?.product?.templateProduct && item?.product?.bundleEnabled\">\r\n <button type=\"button\" (click)=\"navigateToPdp($event, item)\" class=\"btn primary-button text-uppercase edit-clone-button mini-cart-btn\" title=\"Edit OR Clone Flashing\">\r\n Edit OR Clone Flashing\r\n </button>\r\n </p>\r\n <p class=\"itemDetails mt-2 mb-0\">\r\n <span *ngIf=\"\r\n item?.product &&\r\n item?.product?.classifications\r\n \">\r\n {{ getClassifications(item.product?.classifications) }}\r\n </span>\r\n </p>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-content-between mt-2\">\r\n <div class=\"item-total-quantity\">\r\n <span>Total Qty: {{item?.quantityDouble}} {{item?.totalPrice?.unitType}}</span>\r\n </div>\r\n <div class=\"item-total-price\">\r\n <span>{{item?.totalPrice?.formattedValue}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"cart-preview-footer\">\r\n <div class=\"cart-preview-subTotal\">\r\n <span class=\"cart-subTotal-label\">Subtotal <span>(excl. GST)</span></span>\r\n <span class=\"cart-subTotal-price\">{{totalPriceFormat}}</span>\r\n </div>\r\n <div class=\"buttons-container d-flex justify-content-between\">\r\n <div class=\"cart-links col\">\r\n <a class=\"checkout-achor\" (click)=\"navigateToCart($event)\">\r\n <button class=\"btn checkout-btn btn-block text-uppercase\" (click)=\"toggleMenu()\" data-dismiss=\"modal\"> View Cart & Checkout </button>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #noItems>\r\n <div class=\"cart-preview-header d-flex align-items-center justify-content-between\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"empty-data-container\">\r\n <div class=\"row empty-data\">\r\n <div class=\"col-12\" > <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot>\r\n <p class=\"savedcarts mini-cart-clr\" ><a (click)=\"navigateToSavedCart($event)\" title=\"Saved Carts\"> Saved Carts</a></p>\r\n </div>\r\n <!-- <div class=\"col-12\" [innerHTML]=\"emptyCardDataButtons\"></div> -->\r\n </div>\r\n </div>\r\n <!-- <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot> -->\r\n <!-- <div class=\"empty-data\" [innerHTML]=\"emptyCardData\"> \r\n </div> -->\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" id=\"miniCartImageModal\" role=\"dialog\" aria-labelledby=\"miniCartImageModal\" aria-hidden=\"true\" #miniCartImageModal>\r\n <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <i title=\"Click to Close Popup\" class=\"icon-close cart-popup-close\" #closeInviteModal data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body\">\r\n <img class=\"img-fluid\" [src]=\"imageModalSrc\" alt=\"alert\" />\r\n <div *ngIf=\"isFlashingModal\" class=\"flashing-details\">\r\n <app-custom-flashing-image-details [cartDetails]=\"flashingImageDetails\"></app-custom-flashing-image-details>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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;--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;--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;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items: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(--fontsize54);color:#1d1d1b;padding-top:2rem}[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}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0;max-width:508px;padding-bottom:4.5rem;top:0}::ng-deep #minicartModal .modal-content{background-color:#393939;color:#fff;padding:inherit;height:100vh}::ng-deep #minicartModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}::ng-deep #minicartModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:Arial Bold,sans-serif}::ng-deep #minicartModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}::ng-deep #minicartModal .modal-body{padding:1rem;height:calc(100vh - 88px)}::ng-deep #minicartModal .empty-data-container{height:100vh;padding:15px;display:flex;align-items:center;justify-content:center;overflow-y:auto}::ng-deep #minicartModal .empty-data-container .empty-data p{font-size:var(--fontsize14);color:#e0e0e0;margin-bottom:1.5rem;line-height:1.7}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards:hover{color:#b61828}.settings{padding:.5rem 1rem}.settings .settings-icon{width:22px;height:22px;cursor:pointer;font-size:var(--fontsize18)}.miniCartStyle{font-size:var(--fontsize16);padding-left:1rem}.miniCartStyle a.cart-link{position:relative}.miniCartStyle .cart-link{color:#fff;text-decoration:none;cursor:pointer;height:24px}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px;margin-bottom:0}.miniCartStyle .cart-link .quantity{position:absolute;color:#fff;bottom:18px;left:6px;padding:0 7px;font-size:var(--fontsize14);background-color:#d51317;border-radius:2px;line-height:1rem;font-weight:400}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18);font-weight:400}.miniCartStyle .cart-preview{background-color:var(--cx-color-background-focus);color:var(--cx-color-light);display:none;position:absolute;top:0;min-width:660px;box-shadow:0 4px 3px #0000004d}.miniCartStyle .cart-preview .arrow-up{position:absolute;top:-8px;right:41%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffffff}.miniCartStyle .hide-menu{display:none}.miniCartStyle .show-menu{display:block;position:fixed;z-index:999;background:#393939;color:#fff;list-style:none;border-radius:3px;top:-5px;right:0;padding-left:0;cursor:auto;height:100vh}.miniCartStyle .cart-preview-header{padding:15px 10px 25px 0;display:flex;flex-direction:column}.miniCartStyle .cart-preview-header .cart-summary-label{color:#fff;font-size:var(--fontsize24);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-header .cart-summary-quantity{color:#c6c6c6;font-size:var(--fontsize16)}.miniCartStyle .cart-preview-header .mini-cart-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}.miniCartStyle .cart-list{height:calc(100vh - 20rem);overflow-y:auto;list-style-type:none;scrollbar-width:thin}.miniCartStyle .cart-list .cart-list-items{margin-bottom:15px;padding:1rem;background:#474747;margin-right:10px}.miniCartStyle .cart-list .cart-list-items .image-container.product-img{width:72px;height:72px;position:relative}.miniCartStyle .cart-list .cart-list-items .minicart-list-items{display:grid;padding-right:20px;text-align:left}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productName,.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productManufacturer{font-family:Arial Bold,sans-serif;font-size:var(--fontsize14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemCode{font-family:Arial Bold,sans-serif;font-size:var(--fontsize12);color:#fff;margin:0}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemDetails,.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14);font-weight:400}.miniCartStyle .cart-list .cart-list-items .item-total-price{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal{display:flex;padding:20px 35px 20px 20px;border-top:1px solid #707070;border-bottom:1px solid #707070;position:relative;margin-top:1.5rem}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{width:60%;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label span{font-size:var(--fontsize16);font-family:Arial Regular,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-price{width:40%;text-align:right;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container{padding:1.5rem 1.3rem}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor{margin-bottom:15px;width:100%;background-color:#b61828;color:#fff;border-color:#b61828;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor:hover{background-color:#b61828;color:#fff;border-color:#b61828}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;color:#fff;border-color:#b61828;min-height:var(--buttonHeight44);font-size:var(--fontsize14);text-decoration:none;border-radius:0;font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor{width:100%;color:#fff;text-decoration:underline;text-transform:uppercase;position:relative;top:12px;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor:hover{text-decoration:underline}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;border-color:#b61828;color:#fff;min-height:var(--buttonHeight60);font-size:var(--fontsize24);width:100%;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .empty-cart{padding:10px;text-align:center;font-size:14px}.fa-shopping-cart{margin-right:5px;width:28px;height:22px;margin-bottom:2px}.search-button{position:absolute;right:20px;top:75px;color:#003d7a;background:#fff}.globalSarchMobile{display:none}.totalMenuContainer{width:19rem;height:100vh;background-color:#fff;position:fixed;top:0;z-index:11}.totalMenuContainer button{color:#fff;border:none;width:90%;height:2.7rem;position:absolute;bottom:7rem;left:.3rem;border-radius:4px}.header-content{display:flex;justify-content:flex-end}#miniCartImageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}#miniCartImageModal.show .modal-header{justify-content:right;border:none}#miniCartImageModal.show .modal-header .cart-popup-close{color:#000;font-size:var(--fontsize16)}#miniCartImageModal.show .modal-content{padding:0}#miniCartImageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}#miniCartImageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .minicart-flashing-expand{cursor:pointer}::ng-deep .minicart-flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}::ng-deep .minicart-flashing-expand.minicart-flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}.colors-paragraph{display:flex;align-items:center}.colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}@media screen and (max-width: 1440px){.miniCartStyle{right:0rem}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px}.miniCartStyle .cart-link .quantity{bottom:18px;left:7px;padding:0 6px;line-height:1rem}.miniCartStyle .cart-preview{min-width:500px}.miniCartStyle .cart-preview .arrow-up{right:14rem}.miniCartStyle .show-menu{right:-10.5rem;top:29px}.fa-shopping-cart{width:22px;height:18px}.header-content{right:15rem}}@media screen and (max-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-width: 991px){.cart-link .quantity{position:absolute;color:#fff;padding:0 .438rem;font-size:var(--fontsize16);background-color:#1d1d1b!important;line-height:1rem}}@media screen and (max-width: 767px){.fa-search{font-size:var(--fontsize19)}.fa-search:before{color:#464645}.globalSarchMobile{display:block}.search-button,.searchBox-input{background:#fff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#fff;display:flex;justify-content:center;align-items:center}::placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}:-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}::-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}.searchBox-input{border:0px}.header-content{position:unset}}@media screen and (max-width: 767px){.cart-link img{width:20px}.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}.savedcarts{text-align:center}.emptycart-savedcards{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }, { kind: "component", type: i2.PageSlotComponent, selector: "cx-page-slot,[cx-page-slot]", inputs: ["position", "class", "isPageFold", "hasComponents"] }, { kind: "component", type: i2.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading", "elementType", "sizesForImgElement"], outputs: ["loaded"] }, { kind: "component", type: CustomFlashingImageDetailsComponent, selector: "app-custom-flashing-image-details", inputs: ["cartDetails", "forPdf", "appendixNo"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.SlicePipe, name: "slice" }] }); }
|
|
1803
1804
|
}
|
|
1804
1805
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: CustomMiniCartComponent, decorators: [{
|
|
1805
1806
|
type: Component,
|
|
1806
|
-
args: [{ selector: 'app-custom-mini-cart', standalone: false, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" *ngIf=\"isCartPermission\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a [ngStyle]=\"{ cursor : !isCartPermission ? 'default' : 'pointer' }\" class=\"d-flex align-items-center justify-content-center align-middle cart-link\" data-toggle=\"modal\" data-target=\"#minicartModal\">\r\n <!-- <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" (click)=\"openCart()\"> -->\r\n <cx-icon><img class=\"cart-icon\" src=\"../../../assets/images/Icon-material-shopping-cart.svg\" alt=\"Shopping cart\"></cx-icon>\r\n <span class=\"quantity\">{{totalCartItems}}</span>\r\n <span class=\"totalPrice\" *ngIf=\"isDesktop\">\r\n {{totalPriceFormat?totalPriceFormat: '$ 0.00'}}\r\n </span>\r\n </a>\r\n <div class=\"modal fade modal-right\" *ngIf=\"isCartPermission\" id=\"minicartModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"minicartLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"px-3\" *ngIf=\"cartDetails && cartDetails?.length > 0; else noItems\">\r\n <div class=\"cart-preview-header\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n <span class=\"cart-summary-label\"> Cart Summary</span>\r\n <span class=\"cart-summary-quantity d-block\" *ngIf=\"cartDetails\">{{ totalCartItems }}\r\n {{totalCartItems == 1 ? 'Item': 'Items'}}</span>\r\n </div>\r\n\r\n <ul class=\"cart-list\">\r\n <li class=\"cart-list-items\" *ngFor=\"let item of cartDetails\">\r\n <div class=\"items-container\">\r\n <div class=\"item d-flex\">\r\n <div class=\"image-container product-img \">\r\n <ng-container *ngIf=\" item?.product?.templateProduct; else normalImage\">\r\n <a data-toggle=\"modal\" class=\"minicart-flashing-expand\" (click)=\"viewImage($event,item)\" [attr.data-target]=\"'#miniCartImageModal'\" *ngIf=\"hasImage(item);else hasPdf\">\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </a>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\" [href]=\"getPdfLink(item)\" target=\"_blank\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"Click to open PDF\" title=\"Click to open PDF\" />\r\n </a>\r\n </ng-template>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"PDF\" title=\"PDF\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #normalImage>\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </ng-template>\r\n </div>\r\n <div class=\"d-md-flex d-block w-100 justify-content-between pl-3 pl-md-0\">\r\n <div class=\"pl-4 minicart-list-items\">\r\n <span class=\"productName\" title={{item.product.name}}>{{item.product.name}}</span>\r\n <p class=\"itemCode\">SKU : {{item.product.code}}</p>\r\n <ng-container *ngIf=\"item?.configurationInfos?.length; else accessoriesColor\">\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"!item?.product?.templateProduct; else flashingColour\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n item?.configurationInfos[0]?.configurationValue.split('|')\r\n | slice : 2\r\n }\"\r\n ></span>\r\n {{\r\n item?.configurationInfos[0]?.configurationValue.split(\"|\")\r\n | slice : 1 : 2\r\n }}\r\n </p>\r\n <ng-template #flashingColour>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"isColorAvailable(item?.configurationInfos)\" >\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n getColourDetails(item?.configurationInfos, 'background')\r\n }\"\r\n ></span>\r\n {{\r\n getColourDetails(item?.configurationInfos, 'name')\r\n }}\r\n </p>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #accessoriesColor>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"hasColour(item)\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{ background: item?.colour?.hexadecimalCode }\"\r\n ></span>\r\n {{ item?.colour?.name }}\r\n </p>\r\n </ng-template>\r\n <p class=\"edit-clone-container mt-2 mb-0\" *ngIf=\"item?.product?.templateProduct && item?.product?.bundleEnabled\">\r\n <button type=\"button\" (click)=\"navigateToPdp($event, item)\" class=\"btn primary-button text-uppercase edit-clone-button mini-cart-btn\" title=\"Edit OR Clone Flashing\">\r\n Edit OR Clone Flashing\r\n </button>\r\n </p>\r\n <p class=\"itemDetails mt-2 mb-0\">\r\n <span *ngIf=\"\r\n item?.product &&\r\n item?.product?.classifications\r\n \">\r\n {{ getClassifications(item.product?.classifications) }}\r\n </span>\r\n </p>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-content-between mt-2\">\r\n <div class=\"item-total-quantity\">\r\n <span>Total Qty: {{item?.quantityDouble}} {{item?.totalPrice?.unitType}}</span>\r\n </div>\r\n <div class=\"item-total-price\">\r\n <span>{{item?.totalPrice?.formattedValue}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"cart-preview-footer\">\r\n <div class=\"cart-preview-subTotal\">\r\n <span class=\"cart-subTotal-label\">Subtotal <span>(excl. GST)</span></span>\r\n <span class=\"cart-subTotal-price\">{{totalPriceFormat}}</span>\r\n </div>\r\n <div class=\"buttons-container d-flex justify-content-between\">\r\n <div class=\"cart-links col\">\r\n <a class=\"checkout-achor\" (click)=\"navigateToCart($event)\">\r\n <button class=\"btn checkout-btn btn-block text-uppercase\" (click)=\"toggleMenu()\" data-dismiss=\"modal\"> View Cart & Checkout </button>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #noItems>\r\n <div class=\"cart-preview-header d-flex align-items-center justify-content-between\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"empty-data-container\">\r\n <div class=\"row empty-data\">\r\n <div class=\"col-12\" > <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot>\r\n <p class=\"savedcarts mini-cart-clr\" ><a (click)=\"navigateToSavedCart($event)\" title=\"Saved Carts\"> Saved Carts</a></p>\r\n </div>\r\n <!-- <div class=\"col-12\" [innerHTML]=\"emptyCardDataButtons\"></div> -->\r\n </div>\r\n </div>\r\n <!-- <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot> -->\r\n <!-- <div class=\"empty-data\" [innerHTML]=\"emptyCardData\"> \r\n </div> -->\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" id=\"miniCartImageModal\" role=\"dialog\" aria-labelledby=\"miniCartImageModal\" aria-hidden=\"true\" #miniCartImageModal>\r\n <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <i title=\"Click to Close Popup\" class=\"icon-close cart-popup-close\" #closeInviteModal data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body\">\r\n <img class=\"img-fluid\" [src]=\"imageModalSrc\" alt=\"alert\" />\r\n <div class=\"flashing-details\">\r\n <app-custom-flashing-image-details [cartDetails]=\"flashingImageDetails\"></app-custom-flashing-image-details>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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;--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;--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;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items: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(--fontsize54);color:#1d1d1b;padding-top:2rem}[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}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0;max-width:508px;padding-bottom:4.5rem;top:0}::ng-deep #minicartModal .modal-content{background-color:#393939;color:#fff;padding:inherit;height:100vh}::ng-deep #minicartModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}::ng-deep #minicartModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:Arial Bold,sans-serif}::ng-deep #minicartModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}::ng-deep #minicartModal .modal-body{padding:1rem;height:calc(100vh - 88px)}::ng-deep #minicartModal .empty-data-container{height:100vh;padding:15px;display:flex;align-items:center;justify-content:center;overflow-y:auto}::ng-deep #minicartModal .empty-data-container .empty-data p{font-size:var(--fontsize14);color:#e0e0e0;margin-bottom:1.5rem;line-height:1.7}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards:hover{color:#b61828}.settings{padding:.5rem 1rem}.settings .settings-icon{width:22px;height:22px;cursor:pointer;font-size:var(--fontsize18)}.miniCartStyle{font-size:var(--fontsize16);padding-left:1rem}.miniCartStyle a.cart-link{position:relative}.miniCartStyle .cart-link{color:#fff;text-decoration:none;cursor:pointer;height:24px}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px;margin-bottom:0}.miniCartStyle .cart-link .quantity{position:absolute;color:#fff;bottom:18px;left:6px;padding:0 7px;font-size:var(--fontsize14);background-color:#d51317;border-radius:2px;line-height:1rem;font-weight:400}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18);font-weight:400}.miniCartStyle .cart-preview{background-color:var(--cx-color-background-focus);color:var(--cx-color-light);display:none;position:absolute;top:0;min-width:660px;box-shadow:0 4px 3px #0000004d}.miniCartStyle .cart-preview .arrow-up{position:absolute;top:-8px;right:41%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffffff}.miniCartStyle .hide-menu{display:none}.miniCartStyle .show-menu{display:block;position:fixed;z-index:999;background:#393939;color:#fff;list-style:none;border-radius:3px;top:-5px;right:0;padding-left:0;cursor:auto;height:100vh}.miniCartStyle .cart-preview-header{padding:15px 10px 25px 0;display:flex;flex-direction:column}.miniCartStyle .cart-preview-header .cart-summary-label{color:#fff;font-size:var(--fontsize24);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-header .cart-summary-quantity{color:#c6c6c6;font-size:var(--fontsize16)}.miniCartStyle .cart-preview-header .mini-cart-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}.miniCartStyle .cart-list{height:calc(100vh - 20rem);overflow-y:auto;list-style-type:none;scrollbar-width:thin}.miniCartStyle .cart-list .cart-list-items{margin-bottom:15px;padding:1rem;background:#474747;margin-right:10px}.miniCartStyle .cart-list .cart-list-items .image-container.product-img{width:72px;height:72px;position:relative}.miniCartStyle .cart-list .cart-list-items .minicart-list-items{display:grid;padding-right:20px;text-align:left}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productName,.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productManufacturer{font-family:Arial Bold,sans-serif;font-size:var(--fontsize14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemCode{font-family:Arial Bold,sans-serif;font-size:var(--fontsize12);color:#fff;margin:0}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemDetails,.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14);font-weight:400}.miniCartStyle .cart-list .cart-list-items .item-total-price{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal{display:flex;padding:20px 35px 20px 20px;border-top:1px solid #707070;border-bottom:1px solid #707070;position:relative;margin-top:1.5rem}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{width:60%;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label span{font-size:var(--fontsize16);font-family:Arial Regular,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-price{width:40%;text-align:right;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container{padding:1.5rem 1.3rem}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor{margin-bottom:15px;width:100%;background-color:#b61828;color:#fff;border-color:#b61828;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor:hover{background-color:#b61828;color:#fff;border-color:#b61828}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;color:#fff;border-color:#b61828;min-height:var(--buttonHeight44);font-size:var(--fontsize14);text-decoration:none;border-radius:0;font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor{width:100%;color:#fff;text-decoration:underline;text-transform:uppercase;position:relative;top:12px;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor:hover{text-decoration:underline}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;border-color:#b61828;color:#fff;min-height:var(--buttonHeight60);font-size:var(--fontsize24);width:100%;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .empty-cart{padding:10px;text-align:center;font-size:14px}.fa-shopping-cart{margin-right:5px;width:28px;height:22px;margin-bottom:2px}.search-button{position:absolute;right:20px;top:75px;color:#003d7a;background:#fff}.globalSarchMobile{display:none}.totalMenuContainer{width:19rem;height:100vh;background-color:#fff;position:fixed;top:0;z-index:11}.totalMenuContainer button{color:#fff;border:none;width:90%;height:2.7rem;position:absolute;bottom:7rem;left:.3rem;border-radius:4px}.header-content{display:flex;justify-content:flex-end}#miniCartImageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}#miniCartImageModal.show .modal-header{justify-content:right;border:none}#miniCartImageModal.show .modal-header .cart-popup-close{color:#000;font-size:var(--fontsize16)}#miniCartImageModal.show .modal-content{padding:0}#miniCartImageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}#miniCartImageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .minicart-flashing-expand{cursor:pointer}::ng-deep .minicart-flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}::ng-deep .minicart-flashing-expand.minicart-flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}.colors-paragraph{display:flex;align-items:center}.colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}@media screen and (max-width: 1440px){.miniCartStyle{right:0rem}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px}.miniCartStyle .cart-link .quantity{bottom:18px;left:7px;padding:0 6px;line-height:1rem}.miniCartStyle .cart-preview{min-width:500px}.miniCartStyle .cart-preview .arrow-up{right:14rem}.miniCartStyle .show-menu{right:-10.5rem;top:29px}.fa-shopping-cart{width:22px;height:18px}.header-content{right:15rem}}@media screen and (max-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-width: 991px){.cart-link .quantity{position:absolute;color:#fff;padding:0 .438rem;font-size:var(--fontsize16);background-color:#1d1d1b!important;line-height:1rem}}@media screen and (max-width: 767px){.fa-search{font-size:var(--fontsize19)}.fa-search:before{color:#464645}.globalSarchMobile{display:block}.search-button,.searchBox-input{background:#fff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#fff;display:flex;justify-content:center;align-items:center}::placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}:-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}::-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}.searchBox-input{border:0px}.header-content{position:unset}}@media screen and (max-width: 767px){.cart-link img{width:20px}.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}.savedcarts{text-align:center}.emptycart-savedcards{display:none}\n"] }]
|
|
1807
|
+
args: [{ selector: 'app-custom-mini-cart', standalone: false, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" *ngIf=\"isCartPermission\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a [ngStyle]=\"{ cursor : !isCartPermission ? 'default' : 'pointer' }\" class=\"d-flex align-items-center justify-content-center align-middle cart-link\" data-toggle=\"modal\" data-target=\"#minicartModal\">\r\n <!-- <a class=\"d-flex align-items-center justify-content-center align-middle cart-link\" (click)=\"openCart()\"> -->\r\n <cx-icon><img class=\"cart-icon\" src=\"../../../assets/images/Icon-material-shopping-cart.svg\" alt=\"Shopping cart\"></cx-icon>\r\n <span class=\"quantity\">{{totalCartItems}}</span>\r\n <span class=\"totalPrice\" *ngIf=\"isDesktop\">\r\n {{totalPriceFormat?totalPriceFormat: '$ 0.00'}}\r\n </span>\r\n </a>\r\n <div class=\"modal fade modal-right\" *ngIf=\"isCartPermission\" id=\"minicartModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"minicartLabel\" aria-hidden=\"true\">\r\n <div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"px-3\" *ngIf=\"cartDetails && cartDetails?.length > 0; else noItems\">\r\n <div class=\"cart-preview-header\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n <span class=\"cart-summary-label\"> Cart Summary</span>\r\n <span class=\"cart-summary-quantity d-block\" *ngIf=\"cartDetails\">{{ totalCartItems }}\r\n {{totalCartItems == 1 ? 'Item': 'Items'}}</span>\r\n </div>\r\n\r\n <ul class=\"cart-list\">\r\n <li class=\"cart-list-items\" *ngFor=\"let item of cartDetails\">\r\n <div class=\"items-container\">\r\n <div class=\"item d-flex\">\r\n <div class=\"image-container product-img \">\r\n <ng-container *ngIf=\" item?.product?.templateProduct; else normalImage\">\r\n <a data-toggle=\"modal\" class=\"minicart-flashing-expand\" (click)=\"viewImage($event,item)\" [attr.data-target]=\"'#miniCartImageModal'\" *ngIf=\"hasImage(item);else hasPdf\">\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </a>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\" [href]=\"getPdfLink(item)\" target=\"_blank\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"Click to open PDF\" title=\"Click to open PDF\" />\r\n </a>\r\n </ng-template>\r\n <ng-template #hasPdf>\r\n <a class=\"minicart-flashing-expand minicart-flashing-open\">\r\n <img class=\"pdf-icon\" src=\"../../../assets/images/pdf-icon.svg\" alt=\"PDF\" title=\"PDF\" />\r\n </a>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #normalImage>\r\n <cx-media [container]=\"getImageDetails(item)\" format=\"cartIcon\" role=\"presentation\"></cx-media>\r\n </ng-template>\r\n </div>\r\n <div class=\"d-md-flex d-block w-100 justify-content-between pl-3 pl-md-0\">\r\n <div class=\"pl-4 minicart-list-items\">\r\n <span class=\"productName\" title={{item.product.name}}>{{item.product.name}}</span>\r\n <p class=\"itemCode\">SKU : {{item.product.code}}</p>\r\n <ng-container *ngIf=\"item?.configurationInfos?.length; else accessoriesColor\">\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"!item?.product?.templateProduct; else flashingColour\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n item?.configurationInfos[0]?.configurationValue.split('|')\r\n | slice : 2\r\n }\"\r\n ></span>\r\n {{\r\n item?.configurationInfos[0]?.configurationValue.split(\"|\")\r\n | slice : 1 : 2\r\n }}\r\n </p>\r\n <ng-template #flashingColour>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"isColorAvailable(item?.configurationInfos)\" >\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{\r\n background:\r\n getColourDetails(item?.configurationInfos, 'background')\r\n }\"\r\n ></span>\r\n {{\r\n getColourDetails(item?.configurationInfos, 'name')\r\n }}\r\n </p>\r\n </ng-template>\r\n </ng-container>\r\n <ng-template #accessoriesColor>\r\n <p class=\"colors-paragraph mb-0\" *ngIf=\"hasColour(item)\">\r\n <span\r\n class=\"revieworder-color mr-3\"\r\n [ngStyle]=\"{ background: item?.colour?.hexadecimalCode }\"\r\n ></span>\r\n {{ item?.colour?.name }}\r\n </p>\r\n </ng-template>\r\n <p class=\"edit-clone-container mt-2 mb-0\" *ngIf=\"item?.product?.templateProduct && item?.product?.bundleEnabled\">\r\n <button type=\"button\" (click)=\"navigateToPdp($event, item)\" class=\"btn primary-button text-uppercase edit-clone-button mini-cart-btn\" title=\"Edit OR Clone Flashing\">\r\n Edit OR Clone Flashing\r\n </button>\r\n </p>\r\n <p class=\"itemDetails mt-2 mb-0\">\r\n <span *ngIf=\"\r\n item?.product &&\r\n item?.product?.classifications\r\n \">\r\n {{ getClassifications(item.product?.classifications) }}\r\n </span>\r\n </p>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n <div class=\"d-flex justify-content-between mt-2\">\r\n <div class=\"item-total-quantity\">\r\n <span>Total Qty: {{item?.quantityDouble}} {{item?.totalPrice?.unitType}}</span>\r\n </div>\r\n <div class=\"item-total-price\">\r\n <span>{{item?.totalPrice?.formattedValue}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n </li>\r\n </ul>\r\n <div class=\"cart-preview-footer\">\r\n <div class=\"cart-preview-subTotal\">\r\n <span class=\"cart-subTotal-label\">Subtotal <span>(excl. GST)</span></span>\r\n <span class=\"cart-subTotal-price\">{{totalPriceFormat}}</span>\r\n </div>\r\n <div class=\"buttons-container d-flex justify-content-between\">\r\n <div class=\"cart-links col\">\r\n <a class=\"checkout-achor\" (click)=\"navigateToCart($event)\">\r\n <button class=\"btn checkout-btn btn-block text-uppercase\" (click)=\"toggleMenu()\" data-dismiss=\"modal\"> View Cart & Checkout </button>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #noItems>\r\n <div class=\"cart-preview-header d-flex align-items-center justify-content-between\">\r\n <i class=\"icon-close mini-cart-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"empty-data-container\">\r\n <div class=\"row empty-data\">\r\n <div class=\"col-12\" > <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot>\r\n <p class=\"savedcarts mini-cart-clr\" ><a (click)=\"navigateToSavedCart($event)\" title=\"Saved Carts\"> Saved Carts</a></p>\r\n </div>\r\n <!-- <div class=\"col-12\" [innerHTML]=\"emptyCardDataButtons\"></div> -->\r\n </div>\r\n </div>\r\n <!-- <cx-page-slot position=\"EmptyCartMiddleContent\"></cx-page-slot> -->\r\n <!-- <div class=\"empty-data\" [innerHTML]=\"emptyCardData\"> \r\n </div> -->\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<div class=\"modal fade\" id=\"miniCartImageModal\" role=\"dialog\" aria-labelledby=\"miniCartImageModal\" aria-hidden=\"true\" #miniCartImageModal>\r\n <div class=\"modal-dialog modal-lg\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header\">\r\n <i title=\"Click to Close Popup\" class=\"icon-close cart-popup-close\" #closeInviteModal data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body\">\r\n <img class=\"img-fluid\" [src]=\"imageModalSrc\" alt=\"alert\" />\r\n <div *ngIf=\"isFlashingModal\" class=\"flashing-details\">\r\n <app-custom-flashing-image-details [cartDetails]=\"flashingImageDetails\"></app-custom-flashing-image-details>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\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;--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;--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;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items: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(--fontsize54);color:#1d1d1b;padding-top:2rem}[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}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0;max-width:508px;padding-bottom:4.5rem;top:0}::ng-deep #minicartModal .modal-content{background-color:#393939;color:#fff;padding:inherit;height:100vh}::ng-deep #minicartModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}::ng-deep #minicartModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:Arial Bold,sans-serif}::ng-deep #minicartModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}::ng-deep #minicartModal .modal-body{padding:1rem;height:calc(100vh - 88px)}::ng-deep #minicartModal .empty-data-container{height:100vh;padding:15px;display:flex;align-items:center;justify-content:center;overflow-y:auto}::ng-deep #minicartModal .empty-data-container .empty-data p{font-size:var(--fontsize14);color:#e0e0e0;margin-bottom:1.5rem;line-height:1.7}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .empty-data-container .empty-data .emptycart-savedcards:hover{color:#b61828}.settings{padding:.5rem 1rem}.settings .settings-icon{width:22px;height:22px;cursor:pointer;font-size:var(--fontsize18)}.miniCartStyle{font-size:var(--fontsize16);padding-left:1rem}.miniCartStyle a.cart-link{position:relative}.miniCartStyle .cart-link{color:#fff;text-decoration:none;cursor:pointer;height:24px}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px;margin-bottom:0}.miniCartStyle .cart-link .quantity{position:absolute;color:#fff;bottom:18px;left:6px;padding:0 7px;font-size:var(--fontsize14);background-color:#d51317;border-radius:2px;line-height:1rem;font-weight:400}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18);font-weight:400}.miniCartStyle .cart-preview{background-color:var(--cx-color-background-focus);color:var(--cx-color-light);display:none;position:absolute;top:0;min-width:660px;box-shadow:0 4px 3px #0000004d}.miniCartStyle .cart-preview .arrow-up{position:absolute;top:-8px;right:41%;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #ffffff}.miniCartStyle .hide-menu{display:none}.miniCartStyle .show-menu{display:block;position:fixed;z-index:999;background:#393939;color:#fff;list-style:none;border-radius:3px;top:-5px;right:0;padding-left:0;cursor:auto;height:100vh}.miniCartStyle .cart-preview-header{padding:15px 10px 25px 0;display:flex;flex-direction:column}.miniCartStyle .cart-preview-header .cart-summary-label{color:#fff;font-size:var(--fontsize24);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-header .cart-summary-quantity{color:#c6c6c6;font-size:var(--fontsize16)}.miniCartStyle .cart-preview-header .mini-cart-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}.miniCartStyle .cart-list{height:calc(100vh - 20rem);overflow-y:auto;list-style-type:none;scrollbar-width:thin}.miniCartStyle .cart-list .cart-list-items{margin-bottom:15px;padding:1rem;background:#474747;margin-right:10px}.miniCartStyle .cart-list .cart-list-items .image-container.product-img{width:72px;height:72px;position:relative}.miniCartStyle .cart-list .cart-list-items .minicart-list-items{display:grid;padding-right:20px;text-align:left}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productName,.miniCartStyle .cart-list .cart-list-items .minicart-list-items .productManufacturer{font-family:Arial Bold,sans-serif;font-size:var(--fontsize14);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemCode{font-family:Arial Bold,sans-serif;font-size:var(--fontsize12);color:#fff;margin:0}.miniCartStyle .cart-list .cart-list-items .minicart-list-items .itemDetails,.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14);font-weight:400}.miniCartStyle .cart-list .cart-list-items .item-total-price{font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal{display:flex;padding:20px 35px 20px 20px;border-top:1px solid #707070;border-bottom:1px solid #707070;position:relative;margin-top:1.5rem}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{width:60%;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-label span{font-size:var(--fontsize16);font-family:Arial Regular,sans-serif}.miniCartStyle .cart-preview-footer .cart-preview-subTotal .cart-subTotal-price{width:40%;text-align:right;font-size:var(--fontsize16);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container{padding:1.5rem 1.3rem}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor{margin-bottom:15px;width:100%;background-color:#b61828;color:#fff;border-color:#b61828;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor:hover{background-color:#b61828;color:#fff;border-color:#b61828}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;color:#fff;border-color:#b61828;min-height:var(--buttonHeight44);font-size:var(--fontsize14);text-decoration:none;border-radius:0;font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .checkout-achor .checkout-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor{width:100%;color:#fff;text-decoration:underline;text-transform:uppercase;position:relative;top:12px;font-size:var(--fontsize14);font-family:Arial Bold,sans-serif}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor:hover{text-decoration:underline}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn{display:flex;justify-content:center;align-items:center;background-color:#b61828;border-color:#b61828;color:#fff;min-height:var(--buttonHeight60);font-size:var(--fontsize24);width:100%;text-decoration:none}.miniCartStyle .cart-preview-footer .buttons-container .continue-shopping-achor .continue-shopping-btn:focus{box-shadow:0 0 0 transparent}.miniCartStyle .empty-cart{padding:10px;text-align:center;font-size:14px}.fa-shopping-cart{margin-right:5px;width:28px;height:22px;margin-bottom:2px}.search-button{position:absolute;right:20px;top:75px;color:#003d7a;background:#fff}.globalSarchMobile{display:none}.totalMenuContainer{width:19rem;height:100vh;background-color:#fff;position:fixed;top:0;z-index:11}.totalMenuContainer button{color:#fff;border:none;width:90%;height:2.7rem;position:absolute;bottom:7rem;left:.3rem;border-radius:4px}.header-content{display:flex;justify-content:flex-end}#miniCartImageModal.show{display:flex!important;vertical-align:middle!important;align-items:center!important}#miniCartImageModal.show .modal-header{justify-content:right;border:none}#miniCartImageModal.show .modal-header .cart-popup-close{color:#000;font-size:var(--fontsize16)}#miniCartImageModal.show .modal-content{padding:0}#miniCartImageModal.show .modal-body{vertical-align:middle;margin:0 1rem;overflow:auto;max-height:80vh}#miniCartImageModal.show .modal-body img{max-width:600px;max-height:80vh}::ng-deep .minicart-flashing-expand{cursor:pointer}::ng-deep .minicart-flashing-expand:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_11863\" data-name=\"Group 11863\" transform=\"translate(-369 -869)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A <g id=\"Icon_ionic-ios-expand\" data-name=\"Icon ionic-ios-expand\" transform=\"translate(368.5 868.5)\">%0D%0A <path id=\"Path_921\" data-name=\"Path 921\" d=\"M6.619,5.726h3.4a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,10.02,4.5H5.108a.607.607,0,0,0-.608.608V10.02a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608v-3.4l5.126,5.091a.6.6,0,0,0,.429.175.589.589,0,0,0,.429-.179.608.608,0,0,0,0-.858Z\" transform=\"translate(0 0)\"/>%0D%0A <path id=\"Path_922\" data-name=\"Path 922\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(-6.521)\"/>%0D%0A <path id=\"Path_923\" data-name=\"Path 923\" d=\"M11.28,19.631a.6.6,0,0,0-.429.175L5.726,24.9V21.5a.607.607,0,0,0-.608-.608H5.108A.607.607,0,0,0,4.5,21.5v4.911a.607.607,0,0,0,.608.608H10.02a.607.607,0,0,0,.608-.608V26.4a.607.607,0,0,0-.608-.608h-3.4l5.091-5.126a.608.608,0,0,0-.429-1.037Z\" transform=\"translate(0 -6.52)\"/>%0D%0A <path id=\"Path_924\" data-name=\"Path 924\" d=\"M26.413,20.895H26.4a.607.607,0,0,0-.608.608v3.4L20.67,19.813a.6.6,0,0,0-.429-.175.589.589,0,0,0-.429.179.608.608,0,0,0,0,.858L24.9,25.8H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h4.911a.607.607,0,0,0,.608-.608V21.5A.607.607,0,0,0,26.413,20.895Z\" transform=\"translate(-6.521 -6.523)\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center;z-index:2;width:24px;content:\"\";height:24px;position:absolute;top:0;right:0}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}::ng-deep .minicart-flashing-expand.minicart-flashing-open:after{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">%0D%0A <g id=\"Group_14477\" data-name=\"Group 14477\" transform=\"translate(-5533.5 11452.992)\">%0D%0A <g id=\"Group_14476\" data-name=\"Group 14476\">%0D%0A <g id=\"Group_14475\" data-name=\"Group 14475\" transform=\"translate(5164.5 -12321.992)\">%0D%0A <rect id=\"Rectangle_1116\" data-name=\"Rectangle 1116\" width=\"24\" height=\"24\" transform=\"translate(369 869)\" fill=\"%23fff\"/>%0D%0A </g>%0D%0A <path id=\"Path_11366\" data-name=\"Path 11366\" d=\"M142.587,65.954v4.569a1.963,1.963,0,0,1-1.839,2.068H127.833a1.965,1.965,0,0,1-1.839-2.068V58.066A1.963,1.963,0,0,1,127.833,56h4.8a.83.83,0,1,1,0,1.659h-4.505a.516.516,0,0,0-.472.553V70.378a.521.521,0,0,0,.472.553h12.33a.516.516,0,0,0,.472-.553V65.954a.83.83,0,1,1,1.659,0Z\" transform=\"translate(5411.209 -11505.287)\" fill-rule=\"evenodd\"/>%0D%0A </g>%0D%0A <path id=\"Path_11367\" data-name=\"Path 11367\" d=\"M26.413,4.5H21.5a.607.607,0,0,0-.608.608v.009a.607.607,0,0,0,.608.608h3.4l-5.091,5.126a.608.608,0,0,0,.858.862l5.126-5.1v3.4a.607.607,0,0,0,.608.608h.009a.607.607,0,0,0,.608-.608V5.108A.607.607,0,0,0,26.413,4.5Z\" transform=\"translate(5526.775 -11453.789)\"/>%0D%0A </g>%0D%0A</svg>%0D%0A') no-repeat center}.colors-paragraph{display:flex;align-items:center}.colors-paragraph .revieworder-color{width:20px;height:20px;border:1px solid #000000;display:inline-flex}@media screen and (max-width: 1440px){.miniCartStyle{right:0rem}.miniCartStyle .cart-link .cart-icon{width:24px;height:24px}.miniCartStyle .cart-link .quantity{bottom:18px;left:7px;padding:0 6px;line-height:1rem}.miniCartStyle .cart-preview{min-width:500px}.miniCartStyle .cart-preview .arrow-up{right:14rem}.miniCartStyle .show-menu{right:-10.5rem;top:29px}.fa-shopping-cart{width:22px;height:18px}.header-content{right:15rem}}@media screen and (max-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-width: 991px){.cart-link .quantity{position:absolute;color:#fff;padding:0 .438rem;font-size:var(--fontsize16);background-color:#1d1d1b!important;line-height:1rem}}@media screen and (max-width: 767px){.fa-search{font-size:var(--fontsize19)}.fa-search:before{color:#464645}.globalSarchMobile{display:block}.search-button,.searchBox-input{background:#fff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#fff;display:flex;justify-content:center;align-items:center}::placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}:-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}::-ms-input-placeholder{color:#464645;font-size:var(--fontsize18);opacity:.5}.searchBox-input{border:0px}.header-content{position:unset}}@media screen and (max-width: 767px){.cart-link img{width:20px}.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}@media screen and (min-width: 767px) and (max-width: 1024px){.cart-preview-header,.cart-preview-footer{width:100%}.cart-preview-footer .cart-preview-subTotal{padding:20px 0!important;justify-content:space-between}.cart-preview-footer .cart-preview-subTotal .cart-subTotal-label{text-align:left}.cart-preview-footer .buttons-container{padding:1.5rem 0!important}}.savedcarts{text-align:center}.emptycart-savedcards{display:none}\n"] }]
|
|
1807
1808
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i3$3.ActiveCartService }, { type: i2$2.MiniCartComponentService }, { type: i3.Router }, { type: i3$2.NgbModal }, { type: CartService }, { type: i1.CmsService }, { type: AccountDropdownStateService }, { type: UserAccountDetailServiceService }, { type: i0.ChangeDetectorRef }] });
|
|
1808
1809
|
|
|
1809
1810
|
class LogoutService {
|
|
@@ -3827,9 +3828,10 @@ class CustomCartGridComponent {
|
|
|
3827
3828
|
}
|
|
3828
3829
|
viewImage(event, cartDetails) {
|
|
3829
3830
|
event?.preventDefault();
|
|
3830
|
-
this.isFlashingModal =
|
|
3831
|
-
|
|
3832
|
-
|
|
3831
|
+
// this.isFlashingModal =
|
|
3832
|
+
// cartDetails?.product?.templateProduct &&
|
|
3833
|
+
// cartDetails?.product?.bundleEnabled;
|
|
3834
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
3833
3835
|
this.flashingImageDetails = cartDetails;
|
|
3834
3836
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
3835
3837
|
}
|
|
@@ -4294,9 +4296,10 @@ class CustomCartListComponent {
|
|
|
4294
4296
|
}
|
|
4295
4297
|
viewImage(event, cartDetails) {
|
|
4296
4298
|
event?.preventDefault();
|
|
4297
|
-
this.isFlashingModal =
|
|
4298
|
-
|
|
4299
|
-
|
|
4299
|
+
// this.isFlashingModal =
|
|
4300
|
+
// cartDetails?.product?.templateProduct &&
|
|
4301
|
+
// cartDetails?.product?.bundleEnabled;
|
|
4302
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
4300
4303
|
this.flashingImageDetails = cartDetails;
|
|
4301
4304
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
4302
4305
|
}
|
|
@@ -8016,9 +8019,10 @@ class OrderDetailListComponent {
|
|
|
8016
8019
|
}
|
|
8017
8020
|
viewImage(event, cartDetails) {
|
|
8018
8021
|
event.preventDefault();
|
|
8019
|
-
this.isFlashingModal =
|
|
8020
|
-
|
|
8021
|
-
|
|
8022
|
+
// this.isFlashingModal =
|
|
8023
|
+
// cartDetails?.product?.templateProduct &&
|
|
8024
|
+
// cartDetails?.product?.bundleEnabled;
|
|
8025
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
8022
8026
|
this.flashingImageDetails = cartDetails;
|
|
8023
8027
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
8024
8028
|
}
|
|
@@ -8249,9 +8253,10 @@ class OrderDetailGridComponent {
|
|
|
8249
8253
|
}
|
|
8250
8254
|
viewImage(event, cartDetails) {
|
|
8251
8255
|
event.preventDefault();
|
|
8252
|
-
this.isFlashingModal =
|
|
8253
|
-
|
|
8254
|
-
|
|
8256
|
+
// this.isFlashingModal =
|
|
8257
|
+
// cartDetails?.product?.templateProduct &&
|
|
8258
|
+
// cartDetails?.product?.bundleEnabled;
|
|
8259
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
8255
8260
|
this.flashingImageDetails = cartDetails;
|
|
8256
8261
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
8257
8262
|
}
|
|
@@ -9706,9 +9711,10 @@ class OrderReviewListComponent {
|
|
|
9706
9711
|
}
|
|
9707
9712
|
viewImage(event, cartDetails) {
|
|
9708
9713
|
event.preventDefault();
|
|
9709
|
-
this.isFlashingModal =
|
|
9710
|
-
|
|
9711
|
-
|
|
9714
|
+
// this.isFlashingModal =
|
|
9715
|
+
// cartDetails?.product?.templateProduct &&
|
|
9716
|
+
// cartDetails?.product?.bundleEnabled;
|
|
9717
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
9712
9718
|
this.flashingImageDetails = cartDetails;
|
|
9713
9719
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
9714
9720
|
}
|
|
@@ -9872,9 +9878,10 @@ class OrderReviewGridComponent {
|
|
|
9872
9878
|
}
|
|
9873
9879
|
viewImage(event, cartDetails) {
|
|
9874
9880
|
event.preventDefault();
|
|
9875
|
-
this.isFlashingModal =
|
|
9876
|
-
|
|
9877
|
-
|
|
9881
|
+
// this.isFlashingModal =
|
|
9882
|
+
// cartDetails?.product?.templateProduct &&
|
|
9883
|
+
// cartDetails?.product?.bundleEnabled;
|
|
9884
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
9878
9885
|
this.flashingImageDetails = cartDetails;
|
|
9879
9886
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
9880
9887
|
}
|
|
@@ -11875,9 +11882,10 @@ class DeliveryDetailsListComponent {
|
|
|
11875
11882
|
}
|
|
11876
11883
|
viewImage(event, cartDetails) {
|
|
11877
11884
|
event.preventDefault();
|
|
11878
|
-
this.isFlashingModal =
|
|
11879
|
-
|
|
11880
|
-
|
|
11885
|
+
// this.isFlashingModal =
|
|
11886
|
+
// cartDetails?.product?.templateProduct &&
|
|
11887
|
+
// cartDetails?.product?.bundleEnabled;
|
|
11888
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
11881
11889
|
this.flashingImageDetails = cartDetails;
|
|
11882
11890
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
11883
11891
|
}
|
|
@@ -12063,9 +12071,10 @@ class DeliveryDetailsGridComponent {
|
|
|
12063
12071
|
}
|
|
12064
12072
|
viewImage(event, cartDetails) {
|
|
12065
12073
|
event.preventDefault();
|
|
12066
|
-
this.isFlashingModal =
|
|
12067
|
-
|
|
12068
|
-
|
|
12074
|
+
// this.isFlashingModal =
|
|
12075
|
+
// cartDetails?.product?.templateProduct &&
|
|
12076
|
+
// cartDetails?.product?.bundleEnabled;
|
|
12077
|
+
this.isFlashingModal = cartDetails?.product?.templateProduct;
|
|
12069
12078
|
this.flashingImageDetails = cartDetails;
|
|
12070
12079
|
this.imageModalSrc = this.getImageDetails(cartDetails, false)?.url;
|
|
12071
12080
|
}
|