buildingproduct-library 0.2.97 → 0.2.98
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.
- package/{buildingproduct-library-0.2.97.tgz → buildingproduct-library-0.2.98.tgz} +0 -0
- package/bundles/buildingproduct-library.umd.js +1 -1
- package/bundles/buildingproduct-library.umd.js.map +1 -1
- package/esm2015/lib/custom-mini-cart/custom-mini-cart.component.js +2 -2
- package/fesm2015/buildingproduct-library.js +1 -1
- package/fesm2015/buildingproduct-library.js.map +1 -1
- package/package.json +1 -1
|
Binary file
|
|
@@ -2144,7 +2144,7 @@
|
|
|
2144
2144
|
return CustomMiniCartComponent;
|
|
2145
2145
|
}(i3.MiniCartComponent));
|
|
2146
2146
|
CustomMiniCartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomMiniCartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace.ActiveCartService }, { token: i2__namespace$1.Router }, { token: i3__namespace$1.NgbModal }, { token: CartService }, { token: i1__namespace.CmsService }, { token: AccountDropdownStateService }, { token: UserAccountDetailServiceService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2147
|
-
CustomMiniCartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMiniCartComponent, selector: "app-custom-mini-cart", usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a 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?.flashingProduct; else normalImage\">\r\n <!-- Uncomment if popup required for mini cart-->\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 <a class=\"minicart-flashing-expand\" *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 <p class=\"itemDetails mt-3 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\" href=\"/cart\">\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\" [innerHTML]=\"emptyCardData\"> No Items </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 [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: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .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:-5px;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:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;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{display:flex;justify-content:center;height:100vh;align-items:center;padding:25px;overflow-y:auto}::ng-deep #minicartModal .empty-data p{font-size:var(--fontsize14);color:#e0e0e0}::ng-deep #minicartModal .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .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}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18)}.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{font-size:var(--fontsize14)}.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14)}.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:#ffffff}.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:100%;max-height:80vh}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}@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-device-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-device-width: 992px){.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:#ffffff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#ffffff;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{width:100%}.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{width:100%}.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}}\n"], components: [{ type: i3__namespace.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }, { type: i3__namespace.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }, { type: CustomFlashingImageDetailsComponent, selector: "app-custom-flashing-image-details", inputs: ["cartDetails", "forPdf", "appendixNo"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i5__namespace.AsyncPipe } });
|
|
2147
|
+
CustomMiniCartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomMiniCartComponent, selector: "app-custom-mini-cart", usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"header-content\" (window:resize)=\"onResize($event)\">\r\n <div class=\"miniCartStyle d-flex align-items-center justify-content-center align-middle\">\r\n <a 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?.flashingProduct; else normalImage\">\r\n <!-- Uncomment if popup required for mini cart-->\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 <a class=\"minicart-flashing-expand\" *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 <p class=\"itemDetails mt-3 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\" routerLink=\"/cart\">\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\" [innerHTML]=\"emptyCardData\"> No Items </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 [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: ["@charset \"UTF-8\";@media screen and (min-width: 1366px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;font-weight:400;src:url(../assets/fonts/icomoon.ttf) format(\"ttf\"),url(../assets/fonts/icomoon.woff) format(\"woff\");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Regular\";src:url(../assets/fonts/arial-webfont.woff) format(\"woff\"),url(../assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Bold\";src:url(../assets/fonts/arialbold-webfont.woff) format(\"woff\"),url(../assets/fonts/arialbold-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Reqular\";src:url(../assets/fonts/helveticaneue.woff) format(\"woff\"),url(../assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Thin\";src:url(../assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}@font-face{font-family:\"Helvetica Neue Medium\";src:url(../assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(../assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:normal;font-style:normal}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-feature-settings:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(../assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(../assets/images/icon-flashing-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .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:-5px;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:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}::ng-deep #minicartModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;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{display:flex;justify-content:center;height:100vh;align-items:center;padding:25px;overflow-y:auto}::ng-deep #minicartModal .empty-data p{font-size:var(--fontsize14);color:#e0e0e0}::ng-deep #minicartModal .empty-data .emptycart-btn{background-color:#b61828;border-color:#b61828}::ng-deep #minicartModal .empty-data .emptycart-btn:hover{background-color:#fff;border-color:#fff;color:#b61828!important}::ng-deep #minicartModal .empty-data .emptycart-savedcards{color:#fff;text-decoration:underline}::ng-deep #minicartModal .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}.miniCartStyle .cart-link .totalPrice{padding-left:10px;min-width:60px;font-size:var(--fontsize18)}.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{font-size:var(--fontsize14)}.miniCartStyle .cart-list .cart-list-items .item-total-quantity{font-size:var(--fontsize14)}.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:#ffffff}.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:100%;max-height:80vh}::ng-deep .minicart-flashing-expand img{max-height:72px;max-width:72px;background-color:#fff}@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-device-width: 1024px){.miniCartStyle{padding-right:0}}@media screen and (max-device-width: 992px){.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:#ffffff;border-radius:2px;width:90%;height:35px}.searchBox-input{padding-inline-start:10px}.search{width:10%;background:#ffffff;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{width:100%}.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{width:100%}.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}}\n"], components: [{ type: i3__namespace.IconComponent, selector: "cx-icon,[cxIcon]", inputs: ["cxIcon", "type"] }, { type: i3__namespace.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }, { type: CustomFlashingImageDetailsComponent, selector: "app-custom-flashing-image-details", inputs: ["cartDetails", "forPdf", "appendixNo"] }], directives: [{ type: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "async": i5__namespace.AsyncPipe } });
|
|
2148
2148
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomMiniCartComponent, decorators: [{
|
|
2149
2149
|
type: i0.Component,
|
|
2150
2150
|
args: [{
|