buildingproduct-library 0.3.2 → 0.3.3
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.3.2.tgz → buildingproduct-library-0.3.3.tgz} +0 -0
- package/bundles/buildingproduct-library.umd.js +120 -92
- package/bundles/buildingproduct-library.umd.js.map +1 -1
- package/esm2015/lib/account-dropdown/account-dropdown.component.js +1 -1
- package/esm2015/lib/checkout/add-new-address/add-new-address.component.js +1 -1
- package/esm2015/lib/checkout/checkout.module.js +5 -2
- package/esm2015/lib/checkout/custom-checkout/custom-checkout.component.js +9 -8
- package/esm2015/lib/checkout/order-confirmation/order-confirmation.component.js +5 -4
- package/esm2015/lib/checkout/order-review/delivery-information/delivery-information.component.js +1 -1
- package/esm2015/lib/checkout/order-review/order-review-grid/order-review-grid.component.js +1 -1
- package/esm2015/lib/checkout/order-review/order-review-list/order-review-list.component.js +1 -1
- package/esm2015/lib/checkout/order-review/order-review.component.js +7 -6
- package/esm2015/lib/contact-us/contact-us.component.js +1 -1
- package/esm2015/lib/custom-cart/addto-saved-carts/addto-saved-carts.component.js +5 -4
- package/esm2015/lib/custom-cart/custom-cart.component.js +1 -1
- package/esm2015/lib/custom-cart/custom-cart.module.js +6 -2
- package/esm2015/lib/custom-mini-cart/custom-mini-cart.component.js +2 -2
- package/esm2015/lib/custom-mini-cart/custom-mini-cart.module.js +5 -2
- package/esm2015/lib/custom-navigation/custom-navigation.component.js +1 -1
- package/esm2015/lib/custom-order-details/custom-order-details.component.js +1 -1
- package/esm2015/lib/custom-order-details/download-popup/download-popup.component.js +1 -1
- package/esm2015/lib/custom-order-details/order-detail-grid/order-detail-grid.component.js +1 -1
- package/esm2015/lib/custom-order-details/order-detail-list/order-detail-list.component.js +1 -1
- package/esm2015/lib/custom-order-history/custom-order-history.component.js +12 -11
- package/esm2015/lib/custom-order-history/custom-order-history.module.js +6 -2
- package/esm2015/lib/custom-order-history/slider-progress/slider-progress.component.js +1 -1
- package/esm2015/lib/custom-saved-cart/custom-saved-cart-details/custom-save-cart-dtl/custom-save-cart-dtl.component.js +1 -1
- package/esm2015/lib/custom-saved-cart/custom-saved-cart-details/saved-cart-details-action/saved-cart-details-action.component.js +1 -1
- package/esm2015/lib/custom-saved-cart/custom-saved-cart-details/saved-cart-details-overview/saved-cart-details-overview.component.js +1 -1
- package/esm2015/lib/custom-saved-cart/custom-saved-cart.component.js +6 -5
- package/esm2015/lib/custom-saved-cart/custom-saved-cart.module.js +5 -1
- package/esm2015/lib/custom-search/custom-search.component.js +1 -1
- package/esm2015/lib/custom-user-account/custom-user-account.component.js +1 -1
- package/esm2015/lib/delivery-details/delivery-details-grid/delivery-details-grid.component.js +1 -1
- package/esm2015/lib/delivery-details/delivery-details-list/delivery-details-list.component.js +1 -1
- package/esm2015/lib/delivery-details/delivery-details.component.js +8 -8
- package/esm2015/lib/delivery-details/delivery-details.module.js +6 -3
- package/esm2015/lib/find-store/find-store.component.js +1 -1
- package/esm2015/lib/help-support/help-support.component.js +1 -1
- package/esm2015/lib/my-account/account-dashboard/account-dashboard.component.js +4 -3
- package/esm2015/lib/my-account/account-statements/account-statements.component.js +4 -3
- package/esm2015/lib/my-account/invoice-credit/invoice-credit.component.js +7 -6
- package/esm2015/lib/my-account/my-account.component.js +7 -6
- package/esm2015/lib/my-account/my-account.module.js +5 -1
- package/esm2015/lib/my-deliveries/delivery-grid/delivery-grid.component.js +1 -1
- package/esm2015/lib/my-deliveries/delivery-list/delivery-list.component.js +1 -1
- package/esm2015/lib/my-deliveries/my-deliveries.component.js +7 -6
- package/esm2015/lib/my-deliveries/my-deliveries.module.js +6 -2
- package/esm2015/lib/my-reports/my-reports.component.js +1 -1
- package/esm2015/lib/my-team/my-team.component.js +8 -7
- package/esm2015/lib/my-team/my-team.module.js +5 -1
- package/esm2015/lib/shared/active-saved-cart/active-saved-cart.component.js +1 -1
- package/esm2015/lib/shared/custom-breadcrum/custom-breadcrum.component.js +1 -1
- package/esm2015/lib/shared/custom-cart-detail/bundlepopup/bundlepopup.component.js +1 -1
- package/esm2015/lib/shared/custom-cart-detail/custom-cart-detail.component.js +1 -1
- package/esm2015/lib/shared/custom-cart-detail/custom-cart-grid/custom-cart-grid.component.js +2 -2
- package/esm2015/lib/shared/custom-cart-detail/custom-cart-list/custom-cart-list.component.js +2 -2
- package/esm2015/lib/shared/custom-cart-detail/custom-product-quantity-form/custom-product-quantity-form.component.js +1 -1
- package/esm2015/lib/shared/custom-flashing-image-details/custom-flashing-image-details.component.js +1 -1
- package/esm2015/lib/shared/date-range-picker/date-range-picker.component.js +1 -1
- package/esm2015/lib/shared/pod-download-popup/pod-download-popup.component.js +1 -1
- package/esm2015/lib/shared/saved-cart-popup/saved-cart-popup.component.js +1 -1
- package/esm2015/lib/shared/shared-components.module.js +5 -2
- package/esm2015/lib/shared/shared-download-order/shared-download-order.component.js +1 -1
- package/fesm2015/buildingproduct-library.js +91 -63
- package/fesm2015/buildingproduct-library.js.map +1 -1
- package/lib/checkout/checkout.module.d.ts +5 -5
- package/lib/custom-cart/custom-cart.module.d.ts +5 -4
- package/lib/custom-mini-cart/custom-mini-cart.module.d.ts +1 -1
- package/lib/custom-order-history/custom-order-history.module.d.ts +8 -7
- package/lib/custom-saved-cart/custom-saved-cart.module.d.ts +6 -5
- package/lib/delivery-details/delivery-details.module.d.ts +1 -1
- package/lib/my-account/my-account.module.d.ts +7 -6
- package/lib/my-deliveries/my-deliveries.module.d.ts +5 -4
- package/lib/my-team/my-team.module.d.ts +8 -7
- package/lib/shared/shared-components.module.d.ts +1 -1
- package/package.json +1 -1
|
@@ -110,7 +110,7 @@ export class CustomNavigationComponent extends CategoryNavigationComponent {
|
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
CustomNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomNavigationComponent, deps: [{ token: i1.CmsService }, { token: i2.NgbModal }, { token: i3.CmsComponentData }, { token: i0.ChangeDetectorRef }, { token: i4.AccountDropdownStateService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
113
|
-
CustomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomNavigationComponent, selector: "app-custom-navigation", usesInheritance: true, ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div (window:resize)=\"onResize($event)\">\r\n <nav class=\"navbar navbar-expand-lg navbar-light position-relative\">\r\n <div class=\"navbar-collapse\" id=\"headerNavbar\">\r\n <div class=\"container\" [ngClass]=\"{'navigationBox': !isDesktop}\" id=\"parentNav\">\r\n <ul class=\"customHeaderNav navbar-nav main-nav d-flex d-lg-inline-flex\">\r\n <ng-container *ngIf=\"homeIconData?.media\">\r\n <li [ngClass]=\"homeIconData.styleClasses\" class=\"main-nav-level-1\">\r\n <a href=\"{{homeIconData?.urlLink}}\" class=\"nav-link\">\r\n <ng-container *ngIf=\"isDesktop && homeIconData?.media; else noHomeimage\">\r\n <cx-media [container]=\"homeIconData?.media\"></cx-media>\r\n </ng-container>\r\n <ng-template #noHomeimage>\r\n <span class=\"dashoardLink\">HOME</span>\r\n </ng-template>\r\n </a>\r\n </li>\r\n </ng-container>\r\n <li *ngIf=\"isDesktop\" class=\"rightBdr main-nav-level-1\"> </li>\r\n <li class=\"nav-item main-nav-level-1\" [ngClass]=\"{'megamenu': menuItem.text=='Products', 'myAccount': menuItem.text=='My Account' }\" *ngFor=\"let menuItem of customMenuItems; let i=index\">\r\n <div class=\"navTagParent\">\r\n <a *ngIf=\"menuItem.url\" [href]=\"menuItem?.url\" data-toggle=\"megamneu-1\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"nav-link text-uppercase position-relative\">\r\n {{menuItem.text}}</a>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#parentNavLabel' + i\" aria-expanded=\"false\" [attr.aria-controls]=\"'parentNavLabel' + i\" *ngIf=\"menuItem.text=='Products' && AllProducts?.length || menuItem.text=='My Account' && MyAccount?.length\">\r\n <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n </span>\r\n </ng-container>\r\n </div>\r\n <div class=\"border-0 p-0 m-0 mainnav-link-level-2\" [attr.id]=\"'parentNavLabel' + i\" aria-labelledby=\"\" data-parent=\"#parentNav\" [ngClass]=\"isDesktop && menuItem.text=='Products' ? 'categoryMenu' : 'collapse' \" *ngIf=\"menuItem.text=='Products'\">\r\n <ul class=\"nav-link-box justify-content-md-around\" id=\"childNav\">\r\n <li class=\"nav-item dropdown w-100 megamenuSubChild\" *ngFor=\"let catagory of AllProducts; let c=index\">\r\n <div class=\"navTagChild\">\r\n <a [href]=\"catagory?.url\" class=\"nav-link text-uppercase\">\r\n <span class=\"category-icon\" [ngClass]=\"catagory.styleClasses\"></span>\r\n <span>{{catagory?.title}}</span>\r\n </a>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#childNavLabel' + c\" aria-expanded=\"false\" [attr.aria-controls]=\"'childNavLabel' + c\" *ngIf=\"menuItem.text=='Products' && AllProducts?.length || menuItem.text=='My Account' && MyAccount?.length\">\r\n <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n </span>\r\n </ng-container>\r\n </div>\r\n <div aria-labelledby=\"megamneu-2\" class=\"border-0 p-0 m-0\" [ngClass]=\"isDesktop? 'dropdown-menu mainnav-link-level-3' : 'collapse navLabelThree' \" [attr.id]=\"'childNavLabel' + c\" aria-labelledby=\"\" data-parent=\"#childNav\">\r\n <div class=\"\">\r\n <ul class=\"col-sm-12 d-md-flex flex-md-wrap\">\r\n <li class=\"col-lg-3\" *ngFor=\"let subcatagory of catagory.children;\">\r\n <a [href]=\"subcatagory?.url\" class=\"nav-link text-uppercase\">{{subcatagory?.title}}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </li>\r\n\r\n </ul>\r\n </div>\r\n <div aria-labelledby=\"myAccount\" class=\"border-0 p-0 m-0 collapse\" [ngClass]=\"isDesktop && menuItem.text=='My Account' ? 'categoryMenu dropdown-menu mainnav-link-level-2' : ''\" *ngIf=\"menuItem.text=='My Account' && MyAccount?.length\" [attr.id]=\"'parentNavLabel' + i\"\r\n aria-labelledby=\"headingOne\" data-parent=\"#parentNav\">\r\n <ul class=\"myAccountMenu d-flex flex-column\">\r\n <li class=\"d-flex\" *ngFor=\"let account of MyAccount; let c=index\">\r\n <a [routerLink]=\"account?.url\" class=\"text-uppercase p-3 w-100\">\r\n <span>{{account?.title}}</span>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </li>\r\n <li class=\" d-flex align-self-stretch\" *ngIf=\"isDesktop\">\r\n <div class=\"d-flex\">\r\n <div class=\"quickOrder-Nav d-flex align-items-center\" *ngIf=\"quickOrder\">\r\n <a [routerLink]=\"quickOrder.url\" class=\"quickOrder-btn text-center\">\r\n {{quickOrder.linkName}}\r\n </a>\r\n </div>\r\n <ng-container *ngIf=\"searchIconData\">\r\n <app-custom-search class=\"d-flex\"></app-custom-search>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n </div>\r\n </nav>\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)}[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 .NavigationBar .mainHeaderDeskLogo{position:absolute;left:1rem}::ng-deep .NavigationBar .logoHeader{width:100%;max-width:300px;display:flex}::ng-deep .NavigationBar .home-logo{display:inline-block}::ng-deep .NavigationBar .home-logo .home-icon{width:28px;height:28px;cursor:pointer;position:relative}::ng-deep .NavigationBar .rightBdr{border-right:1px solid #ffffff;height:28px}::ng-deep .NavigationBar .navbar-collapse{align-items:normal}::ng-deep .NavigationBar .flex-md-wrap .nav-link.text-uppercase{padding-top:21px;padding-bottom:21px}::ng-deep .NavigationBar .categoryMenu{position:absolute;top:calc(100% - 1px);left:0;z-index:990;display:none;float:left;min-width:10rem;padding:.5rem 0;text-align:left;list-style:none;background-clip:padding-box;width:100%;border-radius:0}::ng-deep .NavigationBar .transparency{display:none;position:absolute;width:100%;height:100vh;background-color:#16161680;z-index:-1}::ng-deep .NavigationBar .transparency:hover{display:none}::ng-deep .NavigationBar .dashoardLink{color:#fff;font-family:\"Arial Bold\",sans-serif}::ng-deep .NavigationBar .main-nav{width:100%;display:flex!important;justify-content:flex-start;align-items:center}::ng-deep .NavigationBar .main-nav>li{margin:0 2%}::ng-deep .NavigationBar .main-nav>li:first-child{margin-left:0}::ng-deep .NavigationBar .main-nav>li:last-child{margin-left:auto;margin-right:0}::ng-deep .NavigationBar .nav-item.main-nav-level-1{margin:0 2%}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .nav-link:hover{color:#fff;text-decoration:underline}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .navTagParent>a.nav-link{font-size:var(--fontsize14);font-weight:normal;line-height:var(--fontsize36);font-family:\"Arial Bold\",sans-serif;color:#fff;padding:1.7rem .938rem}::ng-deep .NavigationBar .navbar{position:relative;padding:0}::ng-deep .NavigationBar .megamenu:hover .categoryMenu,::ng-deep .NavigationBar .myAccount:hover .categoryMenu{display:block}::ng-deep .NavigationBar .megamenu:hover .transparency,::ng-deep .NavigationBar .megamenuSubChild:hover .transparency{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3 .transparency{display:block}::ng-deep .NavigationBar .mainnav-link-level-3 .flex-md-wrap{padding:3.75rem 1.25rem}::ng-deep .NavigationBar .mainnav-link-level-2{background-color:#1d1d1b}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box{display:flex;flex-direction:row}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box>.nav-item.dropdown{position:unset}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link{padding:1.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link .category-icon{font-size:var(--fontsize32)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link:hover{text-decoration:none}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover{background-color:#fff}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover .nav-link{color:#1d1d1b!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3{display:none;background-color:#fff!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3 ul>li a{border-bottom:1px solid #DCDCDC;color:#1d1d1b;font-size:var(--fontsize14);line-height:var(--fontsize17);margin-bottom:-1px;font-family:\"Arial Black\",sans-serif}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3 ul>li:nth-child(-n+4) a{border-top:1px solid #DCDCDC}::ng-deep .NavigationBar .megamenu{position:static}::ng-deep .NavigationBar .megamenu .dropdown-menu{background:none;border:none;width:100%}::ng-deep .NavigationBar .myAccount{position:relative}::ng-deep .NavigationBar .myAccount .dropdown-menu{min-width:15rem}::ng-deep .NavigationBar .myAccount .myAccountMenu{display:flex;background-color:#1d1d1b;border:1px solid #1D1D1B}::ng-deep .NavigationBar .myAccount .myAccountMenu li{border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .myAccount .myAccountMenu li a{color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover{background-color:#fff}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover a{color:#1d1d1b}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:1rem;margin-right:4.875rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{background-color:#1d1d1b;color:#fff;font-size:var(--fontsize14);line-height:var(--fontsize16);padding:.75rem 1rem;width:135px;text-transform:uppercase}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn:hover{text-decoration:none}::ng-deep .NavigationBar .navbar-light .navbar-toggler-icon{background-image:url(../../../../assets/images/Hamburger_icon_white.png)}::ng-deep .NavigationBar #parentNav{max-width:1320px}@media screen and (max-width: 1760px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .logoHeader{max-width:100%}::ng-deep .NavigationBar .mainHeaderDeskLogo{position:relative;left:0}::ng-deep .NavigationBar .mainHeaderDeskLogo .topHeaderLogo{padding:0}::ng-deep .NavigationBar .customHeaderNav{width:calc(100% - 250px);margin-left:auto}}@media screen and (max-width: 1600px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-right:1rem}::ng-deep .NavigationBar .home-logo{padding-right:1rem;padding-left:1rem}}@media screen and (max-width: 1366px){::ng-deep .NavigationBar .mainnav-link-level-3 .flex-md-wrap{padding:1.75rem 1.25rem}::ng-deep .NavigationBar .flex-md-wrap .nav-link.text-uppercase{padding-top:16px;padding-bottom:16px}}@media screen and (max-width: 1365px){::ng-deep .NavigationBar .home-logo{padding-right:.75rem;padding-left:.25rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:0}}@media screen and (max-device-width: 1024px){::ng-deep .NavigationBar .logoHeader{max-width:185px}::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .238rem;font-size:.75rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{padding:.75rem .5rem;width:90px}}@media screen and (max-device-width: 991px){::ng-deep .NavigationBar .main-nav>li:first-child{margin-right:0}::ng-deep .NavigationBar .tabnavHeader .navbar-toggler :after{content:\"\";position:absolute;right:-15px;width:1px;height:32px;border-right:1px solid #EC5E60}::ng-deep .NavigationBar .navigationBox{width:100%;max-width:100%;background-color:#b61828;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;flex-wrap:nowrap}::ng-deep .NavigationBar .navigationBox .mainHeaderTabLogo{padding:18px 24px}::ng-deep .NavigationBar .navigationBox .nav-item.main-nav-level-1{margin:0}::ng-deep .NavigationBar .navigationBox .customHeaderNav{width:100%;align-items:flex-start;overflow-y:auto;justify-content:normal}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li{border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:flex;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li .navTagParent{width:100%;display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li a{padding:25px!important;flex:1 1;font-size:var(--fontsize14)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx{width:93px;border-left:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx .icon-right{font-size:var(--fontsize14);transform:rotate(0);padding:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx[aria-expanded=true] .icon-right{transform:rotate(90deg)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box{display:flex;background-color:#1d1d1b;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box:first-child{border-top:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item{padding:0;border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link{flex-direction:row!important;color:#1d1d1b}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link img{padding-right:15px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .category-icon{display:inline-block;margin-right:25px;width:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .icon-right{transform:rotate(0);transition:all .2s}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree{background-color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul{padding:0!important;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul li{padding:0!important;border-bottom:1px solid #E0E0E0;font-family:\"Arial Bold\",sans-serif}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{background-color:#1d1d1b;color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild a,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :focus,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :active{color:#fff!important}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .arrowdownBx[aria-expanded=true] .icon-right{color:#fff;transition:all .2s;transform:rotate(90deg)!important}::ng-deep .NavigationBar .navigationBox .siteLinksSec{background-color:#1d1d1b;padding:18px 24px}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:right;padding-right:100px}}@media screen and (max-width: 767px){::ng-deep .NavigationBar .navigationBox{max-width:100%}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:left;padding-right:0;padding-top:15px;line-height:1.5rem}::ng-deep .NavigationBar .navbar-collapse{padding-left:0}::ng-deep .NavigationBar .navbar-nav{align-items:initial}::ng-deep .NavigationBar .NavigationBar .nav-item.main-nav-level-1{margin:0}}\n"], components: [{ type: i3.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }, { type: i5.CustomSearchComponent, selector: "app-custom-search" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgbNavbar, selector: ".navbar" }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "async": i6.AsyncPipe } });
|
|
113
|
+
CustomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomNavigationComponent, selector: "app-custom-navigation", usesInheritance: true, ngImport: i0, template: "<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div (window:resize)=\"onResize($event)\">\r\n <nav class=\"navbar navbar-expand-lg navbar-light position-relative\">\r\n <div class=\"navbar-collapse\" id=\"headerNavbar\">\r\n <div class=\"container\" [ngClass]=\"{'navigationBox': !isDesktop}\" id=\"parentNav\">\r\n <ul class=\"customHeaderNav navbar-nav main-nav d-flex d-lg-inline-flex\">\r\n <ng-container *ngIf=\"homeIconData?.media\">\r\n <li [ngClass]=\"homeIconData.styleClasses\" class=\"main-nav-level-1\">\r\n <a href=\"{{homeIconData?.urlLink}}\" class=\"nav-link\">\r\n <ng-container *ngIf=\"isDesktop && homeIconData?.media; else noHomeimage\">\r\n <cx-media [container]=\"homeIconData?.media\"></cx-media>\r\n </ng-container>\r\n <ng-template #noHomeimage>\r\n <span class=\"dashoardLink\">HOME</span>\r\n </ng-template>\r\n </a>\r\n </li>\r\n </ng-container>\r\n <li *ngIf=\"isDesktop\" class=\"rightBdr main-nav-level-1\"> </li>\r\n <li class=\"nav-item main-nav-level-1\" [ngClass]=\"{'megamenu': menuItem.text=='Products', 'myAccount': menuItem.text=='My Account' }\" *ngFor=\"let menuItem of customMenuItems; let i=index\">\r\n <div class=\"navTagParent\">\r\n <a *ngIf=\"menuItem.url\" [href]=\"menuItem?.url\" data-toggle=\"megamneu-1\" aria-haspopup=\"true\" aria-expanded=\"false\" class=\"nav-link text-uppercase position-relative\">\r\n {{menuItem.text}}</a>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#parentNavLabel' + i\" aria-expanded=\"false\" [attr.aria-controls]=\"'parentNavLabel' + i\" *ngIf=\"menuItem.text=='Products' && AllProducts?.length || menuItem.text=='My Account' && MyAccount?.length\">\r\n <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n </span>\r\n </ng-container>\r\n </div>\r\n <div class=\"border-0 p-0 m-0 mainnav-link-level-2\" [attr.id]=\"'parentNavLabel' + i\" aria-labelledby=\"\" data-parent=\"#parentNav\" [ngClass]=\"isDesktop && menuItem.text=='Products' ? 'categoryMenu' : 'collapse' \" *ngIf=\"menuItem.text=='Products'\">\r\n <ul class=\"nav-link-box justify-content-md-around\" id=\"childNav\">\r\n <li class=\"nav-item dropdown w-100 megamenuSubChild\" *ngFor=\"let catagory of AllProducts; let c=index\">\r\n <div class=\"navTagChild\">\r\n <a [href]=\"catagory?.url\" class=\"nav-link text-uppercase\">\r\n <span class=\"category-icon\" [ngClass]=\"catagory.styleClasses\"></span>\r\n <span>{{catagory?.title}}</span>\r\n </a>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <span class=\"arrowdownBx d-flex align-items-center justify-content-center\" data-toggle=\"collapse\" [attr.data-target]=\"'#childNavLabel' + c\" aria-expanded=\"false\" [attr.aria-controls]=\"'childNavLabel' + c\" *ngIf=\"menuItem.text=='Products' && AllProducts?.length || menuItem.text=='My Account' && MyAccount?.length\">\r\n <i class=\"icon-right\" aria-label=\"catagory Menu\" title=\"catagory Menu\"></i>\r\n </span>\r\n </ng-container>\r\n </div>\r\n <div aria-labelledby=\"megamneu-2\" class=\"border-0 p-0 m-0\" [ngClass]=\"isDesktop? 'dropdown-menu mainnav-link-level-3' : 'collapse navLabelThree' \" [attr.id]=\"'childNavLabel' + c\" aria-labelledby=\"\" data-parent=\"#childNav\">\r\n <div class=\"\">\r\n <ul class=\"col-sm-12 d-md-flex flex-md-wrap\">\r\n <li class=\"col-lg-3\" *ngFor=\"let subcatagory of catagory.children;\">\r\n <a [href]=\"subcatagory?.url\" class=\"nav-link text-uppercase\">{{subcatagory?.title}}</a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </li>\r\n\r\n </ul>\r\n </div>\r\n <div aria-labelledby=\"myAccount\" class=\"border-0 p-0 m-0 collapse\" [ngClass]=\"isDesktop && menuItem.text=='My Account' ? 'categoryMenu dropdown-menu mainnav-link-level-2' : ''\" *ngIf=\"menuItem.text=='My Account' && MyAccount?.length\" [attr.id]=\"'parentNavLabel' + i\"\r\n aria-labelledby=\"headingOne\" data-parent=\"#parentNav\">\r\n <ul class=\"myAccountMenu d-flex flex-column\">\r\n <li class=\"d-flex\" *ngFor=\"let account of MyAccount; let c=index\">\r\n <a [routerLink]=\"account?.url\" class=\"text-uppercase p-3 w-100\">\r\n <span>{{account?.title}}</span>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n </li>\r\n <li class=\" d-flex align-self-stretch\" *ngIf=\"isDesktop\">\r\n <div class=\"d-flex\">\r\n <div class=\"quickOrder-Nav d-flex align-items-center\" *ngIf=\"quickOrder\">\r\n <a [routerLink]=\"quickOrder.url\" class=\"quickOrder-btn text-center\">\r\n {{quickOrder.linkName}}\r\n </a>\r\n </div>\r\n <ng-container *ngIf=\"searchIconData\">\r\n <app-custom-search class=\"d-flex\"></app-custom-search>\r\n </ng-container>\r\n </div>\r\n </li>\r\n </ul>\r\n </div>\r\n\r\n </div>\r\n </nav>\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 .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 .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}.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}@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 .NavigationBar .mainHeaderDeskLogo{position:absolute;left:1rem}::ng-deep .NavigationBar .logoHeader{width:100%;max-width:300px;display:flex}::ng-deep .NavigationBar .home-logo{display:inline-block}::ng-deep .NavigationBar .home-logo .home-icon{width:28px;height:28px;cursor:pointer;position:relative}::ng-deep .NavigationBar .rightBdr{border-right:1px solid #ffffff;height:28px}::ng-deep .NavigationBar .navbar-collapse{align-items:normal}::ng-deep .NavigationBar .flex-md-wrap .nav-link.text-uppercase{padding-top:21px;padding-bottom:21px}::ng-deep .NavigationBar .categoryMenu{position:absolute;top:calc(100% - 1px);left:0;z-index:990;display:none;float:left;min-width:10rem;padding:.5rem 0;text-align:left;list-style:none;background-clip:padding-box;width:100%;border-radius:0}::ng-deep .NavigationBar .transparency{display:none;position:absolute;width:100%;height:100vh;background-color:#16161680;z-index:-1}::ng-deep .NavigationBar .transparency:hover{display:none}::ng-deep .NavigationBar .dashoardLink{color:#fff;font-family:\"Arial Bold\",sans-serif}::ng-deep .NavigationBar .main-nav{width:100%;display:flex!important;justify-content:flex-start;align-items:center}::ng-deep .NavigationBar .main-nav>li{margin:0 2%}::ng-deep .NavigationBar .main-nav>li:first-child{margin-left:0}::ng-deep .NavigationBar .main-nav>li:last-child{margin-left:auto;margin-right:0}::ng-deep .NavigationBar .nav-item.main-nav-level-1{margin:0 2%}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .nav-link:hover{color:#fff;text-decoration:underline}::ng-deep .NavigationBar .nav-item.main-nav-level-1 .navTagParent>a.nav-link{font-size:var(--fontsize14);font-weight:normal;line-height:var(--fontsize36);font-family:\"Arial Bold\",sans-serif;color:#fff;padding:1.7rem .938rem}::ng-deep .NavigationBar .navbar{position:relative;padding:0}::ng-deep .NavigationBar .megamenu:hover .categoryMenu,::ng-deep .NavigationBar .myAccount:hover .categoryMenu{display:block}::ng-deep .NavigationBar .megamenu:hover .transparency,::ng-deep .NavigationBar .megamenuSubChild:hover .transparency{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3{display:block}::ng-deep .NavigationBar .megamenuSubChild:hover .mainnav-link-level-3 .transparency{display:block}::ng-deep .NavigationBar .mainnav-link-level-3 .flex-md-wrap{padding:3.75rem 1.25rem}::ng-deep .NavigationBar .mainnav-link-level-2{background-color:#1d1d1b}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box{display:flex;flex-direction:row}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-link-box>.nav-item.dropdown{position:unset}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link{padding:1.75rem 1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link .category-icon{font-size:var(--fontsize32)}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item .navTagChild>a.nav-link:hover{text-decoration:none}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover{background-color:#fff}::ng-deep .NavigationBar .mainnav-link-level-2 .nav-item:hover .nav-link{color:#1d1d1b!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3{display:none;background-color:#fff!important}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3 ul>li a{border-bottom:1px solid #DCDCDC;color:#1d1d1b;font-size:var(--fontsize14);line-height:var(--fontsize17);margin-bottom:-1px;font-family:\"Arial Black\",sans-serif}::ng-deep .NavigationBar .dropdown-menu.mainnav-link-level-3 ul>li:nth-child(-n+4) a{border-top:1px solid #DCDCDC}::ng-deep .NavigationBar .megamenu{position:static}::ng-deep .NavigationBar .megamenu .dropdown-menu{background:none;border:none;width:100%}::ng-deep .NavigationBar .myAccount{position:relative}::ng-deep .NavigationBar .myAccount .dropdown-menu{min-width:15rem}::ng-deep .NavigationBar .myAccount .myAccountMenu{display:flex;background-color:#1d1d1b;border:1px solid #1D1D1B}::ng-deep .NavigationBar .myAccount .myAccountMenu li{border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .myAccount .myAccountMenu li a{color:#fff;font-family:\"Arial Black\",sans-serif;font-size:var(--fontsize14);line-height:var(--fontsize36)}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover{background-color:#fff}::ng-deep .NavigationBar .myAccount .myAccountMenu li:hover a{color:#1d1d1b}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:1rem;margin-right:4.875rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{background-color:#1d1d1b;color:#fff;font-size:var(--fontsize14);line-height:var(--fontsize16);padding:.75rem 1rem;width:135px;text-transform:uppercase}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn:hover{text-decoration:none}::ng-deep .NavigationBar .navbar-light .navbar-toggler-icon{background-image:url(../../../../assets/images/Hamburger_icon_white.png)}::ng-deep .NavigationBar #parentNav{max-width:1320px}@media screen and (max-width: 1760px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .logoHeader{max-width:100%}::ng-deep .NavigationBar .mainHeaderDeskLogo{position:relative;left:0}::ng-deep .NavigationBar .mainHeaderDeskLogo .topHeaderLogo{padding:0}::ng-deep .NavigationBar .customHeaderNav{width:calc(100% - 250px);margin-left:auto}}@media screen and (max-width: 1600px){::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .538rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-right:1rem}::ng-deep .NavigationBar .home-logo{padding-right:1rem;padding-left:1rem}}@media screen and (max-width: 1366px){::ng-deep .NavigationBar .mainnav-link-level-3 .flex-md-wrap{padding:1.75rem 1.25rem}::ng-deep .NavigationBar .flex-md-wrap .nav-link.text-uppercase{padding-top:16px;padding-bottom:16px}}@media screen and (max-width: 1365px){::ng-deep .NavigationBar .home-logo{padding-right:.75rem;padding-left:.25rem}::ng-deep .NavigationBar .quickOrder-Nav{margin-left:0}}@media screen and (max-device-width: 1024px){::ng-deep .NavigationBar .logoHeader{max-width:185px}::ng-deep .NavigationBar .nav-item.main-nav-level-1>a{padding:1.875rem .238rem;font-size:.75rem}::ng-deep .NavigationBar .quickOrder-Nav .quickOrder-btn{padding:.75rem .5rem;width:90px}}@media screen and (max-device-width: 991px){::ng-deep .NavigationBar .main-nav>li:first-child{margin-right:0}::ng-deep .NavigationBar .tabnavHeader .navbar-toggler :after{content:\"\";position:absolute;right:-15px;width:1px;height:32px;border-right:1px solid #EC5E60}::ng-deep .NavigationBar .navigationBox{width:100%;max-width:100%;background-color:#b61828;margin:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;flex-wrap:nowrap}::ng-deep .NavigationBar .navigationBox .mainHeaderTabLogo{padding:18px 24px}::ng-deep .NavigationBar .navigationBox .nav-item.main-nav-level-1{margin:0}::ng-deep .NavigationBar .navigationBox .customHeaderNav{width:100%;align-items:flex-start;overflow-y:auto;justify-content:normal}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li{border-bottom:1px solid rgba(255,255,255,.2);width:100%;display:flex;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li .navTagParent{width:100%;display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav>li a{padding:25px!important;flex:1 1;font-size:var(--fontsize14)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx{width:93px;border-left:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx .icon-right{font-size:var(--fontsize14);transform:rotate(0);padding:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .arrowdownBx[aria-expanded=true] .icon-right{transform:rotate(90deg)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box{display:flex;background-color:#1d1d1b;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box:first-child{border-top:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item{padding:0;border-bottom:1px solid rgba(255,255,255,.2)}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link{flex-direction:row!important;color:#1d1d1b}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .nav-link-box .nav-item .nav-link img{padding-right:15px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{display:flex}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .category-icon{display:inline-block;margin-right:25px;width:30px}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild .icon-right{transform:rotate(0);transition:all .2s}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree{background-color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul{padding:0!important;flex-direction:column}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navLabelThree ul li{padding:0!important;border-bottom:1px solid #E0E0E0;font-family:\"Arial Bold\",sans-serif}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild{background-color:#1d1d1b;color:#fff}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild a,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :focus,::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .navTagChild :active{color:#fff!important}::ng-deep .NavigationBar .navigationBox .customHeaderNav .mainnav-link-level-2 .arrowdownBx[aria-expanded=true] .icon-right{color:#fff;transition:all .2s;transform:rotate(90deg)!important}::ng-deep .NavigationBar .navigationBox .siteLinksSec{background-color:#1d1d1b;padding:18px 24px}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:right;padding-right:100px}}@media screen and (max-width: 767px){::ng-deep .NavigationBar .navigationBox{max-width:100%}::ng-deep .NavigationBar .navigationBox .siteLinksSec .contactNumber{text-align:left;padding-right:0;padding-top:15px;line-height:1.5rem}::ng-deep .NavigationBar .navbar-collapse{padding-left:0}::ng-deep .NavigationBar .navbar-nav{align-items:initial}::ng-deep .NavigationBar .NavigationBar .nav-item.main-nav-level-1{margin:0}}\n"], components: [{ type: i3.MediaComponent, selector: "cx-media", inputs: ["container", "format", "alt", "role", "loading"], outputs: ["loaded"] }, { type: i5.CustomSearchComponent, selector: "app-custom-search" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgbNavbar, selector: ".navbar" }, { type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "async": i6.AsyncPipe } });
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomNavigationComponent, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
116
|
args: [{
|
|
@@ -196,7 +196,7 @@ export class CustomOrderDetailsComponent {
|
|
|
196
196
|
}
|
|
197
197
|
}
|
|
198
198
|
CustomOrderDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomOrderDetailsComponent, deps: [{ token: i1.CmsService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.OrderHistoryService }, { token: i4.UserAccountDetailServiceService }, { token: i5.CartService }, { token: i0.ChangeDetectorRef }, { token: i6.MyAccountService }], target: i0.ɵɵFactoryTarget.Component });
|
|
199
|
-
CustomOrderDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomOrderDetailsComponent, selector: "app-custom-order-details", usesOnChanges: true, ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"></app-custom-breadcrum>\r\n<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n <div class=\"row\">\r\n <div class=\"col-sm-12\" [ngClass]=\"showOrder ? 'mb-3' : ''\">\r\n <h1 class=\"pageTitle\">My Order: {{orderDetails?.code}}</h1>\r\n <p class=\"pageTltsubHd mt-4\" *ngIf=\"!isMobile\" [ngClass]=\"showOrder ? '' : 'mb-0'\">Order Details</p>\r\n </div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showOrder\">\r\n <div class=\"row m-0 bg-white\">\r\n <div class=\"col-lg-3 col-sm-6 text-center deliveryInfoBx d-flex flex-column justify-content-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderDetails?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderDetails?.deliveryMode?.name}}</p>\r\n <p class=\"mb-0\">{{orderDetails?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Order Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <ng-container *ngIf=\"orderDetails?.code; else ourReference\">\r\n <label>Order #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.code}}</span>\r\n </ng-container>\r\n <ng-template #ourReference>\r\n <label>Online Order #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.ourReference}}</span>\r\n </ng-template>\r\n </li>\r\n <li>\r\n <label>PO #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.purchaseOrderNumber}}</span>\r\n </li>\r\n <li>\r\n <label>Order Date:</label>\r\n <span class=\"infoValue\">{{orderDetails?.created | date:'dd/MM/yyyy'}}</span>\r\n </li>\r\n <!-- future requirement-->\r\n <!-- <ng-container *ngIf=\"orderDetails?.deliveryMode?.code=='standard_delivery'\">\r\n <li>\r\n <label>Delivery Date:</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[0] }} - {{orderDetails?.expectedToDate?.split(' ')[0] }}</span>\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"orderDetails?.deliveryMode?.code!='standard_delivery'\">\r\n <li>\r\n <label>Pickup Date</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[0] }}</span>\r\n </li>\r\n <li>\r\n <label>Pickup Time</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[1] }} {{orderDetails?.expectedToDate?.split(' ')[2] }}</span>\r\n </li>\r\n </ng-container> -->\r\n\r\n <li>\r\n <label>Address:</label>\r\n <span class=\"infoValue\">{{orderDetails?.deliveryAddress?.formattedAddress}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Related Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <label>Order PDFs:</label>\r\n <span class=\"infoValue\"> 1 <small *ngIf=\"isOrderPermissions\" data-toggle=\"modal\" data-target=\"#downLoadPopup\" (click)=\"orderPdf()\">List</small> </span>\r\n </li>\r\n <ng-container *ngIf=\"orderDetails?.invoiceCount\">\r\n <li>\r\n <label>Invoices:</label>\r\n <span class=\"infoValue\"> {{orderDetails?.invoiceCount}} <small (click)=\"invoicePdf()\">View</small></span>\r\n </li>\r\n </ng-container>\r\n <li>\r\n <label>Status:</label>\r\n <span class=\"infoValue text-capitalize\">{{orderDetails?.statusDisplay}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Account Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <label>Account NO.:</label>\r\n <span class=\"infoValue\">{{orderDetails?.orgCustomer?.orgUnit?.displayUid}}</span>\r\n </li>\r\n <li>\r\n <label>Account Name:</label>\r\n <span class=\"infoValue\">{{orderDetails?.orgCustomer?.orgUnit?.name}}</span>\r\n </li>\r\n <li>\r\n <label>Address:</label>\r\n <span class=\"infoValue\">{{orderDetails?.deliveryAddress?.formattedAddress}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <div class=\"row m-0\">\r\n <div class=\"col-12 my-4 text-center position-relative\">\r\n <span (click)=\"showOrder=!showOrder\" class=\"showHide\">{{showOrder==true ? 'Hide Order Details' : 'Show Order Details'}}</span>\r\n </div>\r\n </div>\r\n <div class=\"row pb-4\">\r\n <div class=\"col-sm-6 col-md-4 col-lg-2\">\r\n <span class=\"total-item\"> {{orderDetails?.entries?.length}} {{orderDetails?.entries?.length == 1 ? 'Item': 'Items'}} in this order</span>\r\n </div>\r\n <div class=\"col-sm-6 col-md-8 col-lg-10 text-left\">\r\n <div class=\"expandcollapse-link text-left\">\r\n <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"expandAll()\" [ngClass]=\"{disabled : isExpandAll == true}\"> Expand all</a> |\r\n <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"contractAll()\" [ngClass]=\"{disabled : isExpandAll == false}\"> Contract all</a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-sm-12 col-lg-8 d-sm-flex\">\r\n <div class=\"btn-group mb-2 status-btn\">\r\n <div class=\"btn-group\">\r\n <select name=\"\" id=\"\" class=\"mr-3 sortBy\" (change)=\"sortBy($event)\">\r\n <option value=\"{{item}}\" *ngFor=\"let item of sortby\">{{item}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n <div class=\"btn-group mb-2\">\r\n <button class=\"btn history-table-dropdown position-relative\" type=\"button\" id=\"status\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n Status\r\n <i class=\"fas fa-chevron-down custom-arrow-down\"></i>\r\n </button>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"status\">\r\n <label class=\"dropdownItem\" *ngFor=\"let data of orderStatuses\">\r\n <input type=\"checkbox\" \r\n name=\"dropdown-group\" class=\"rounded-0\" id=\"orderStatusLabel\"\r\n [value]=\"data.value\" (change)=\"checkOrderStatus($event)\" />\r\n {{data.value}}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-sm-12 col-lg-4 float-right\" *ngIf=\"isDesktop\">\r\n <div class=\"d-flex justify-content-end\">\r\n <div class=\"main-view\">\r\n <button [ngClass]=\"{'active': listview === false}\" class=\"btn btn-sm\" (click)=\"gridView()\">\r\n <img *ngIf=\"listview === false\" src=\"../../../assets/images/Grid-light.svg\" alt=\"gridviewlight\">\r\n <img *ngIf=\"listview === true\" src=\"../../../assets/images/Grid-dark.svg\" alt=\"gridviewdark\">\r\n Grid</button>\r\n <button [ngClass]=\"{'active': listview === true}\" class=\"btn btn-sm active\" (click)=\"listView()\">\r\n <img *ngIf=\"listview === true\" class=\"list-img\" src=\"../../../assets/images/List-light.svg\"\r\n alt=\"listview\">\r\n <img *ngIf=\"listview === false\" class=\"list-img\" src=\"../../../assets/images/List-dark.svg\"\r\n alt=\"listview\">\r\n List</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isDesktop\">\r\n <app-order-detail-list [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" [sortByVal]=\"sortData\" *ngIf=\"listview && orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-list>\r\n <app-order-detail-grid [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" [sortByVal]=\"sortData\" *ngIf=\"!listview && orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-grid>\r\n </ng-container>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <app-order-detail-grid [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" *ngIf=\"orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-grid>\r\n </ng-container>\r\n</div>\r\n<div class=\"container order-footer-container\">\r\n <div class=\"row\" [ngClass]=\"isMobile ? 'd-flex flex-column-reverse': ''\">\r\n <div class=\"col-md-6 col-12\" [ngClass]=\"isMobile ? 'text-right mt-4' : 'd-flex align-items-center'\">\r\n <a href=\"javascript:void(0)\" (click)=\"onBackbuttonClick()\" class=\"font-weight-bold\" title=\"BACK TO MY ORDERS\">\r\n <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"BACK TO MY ORDERS\" /> BACK TO MY ORDERS</a>\r\n </div>\r\n <div class=\"col-md-6 col-12 text-right\" *ngIf=\"isOrderPermissions\">\r\n <p class=\"mb-0 total-text\">Total</p>\r\n <p class=\"total-value mb-0\">{{orderDetails?.subTotal?.formattedValue}}</p>\r\n <span class=\"d-block exclGst\"> excl GST and freight</span>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"showPopUp\">\r\n <div class=\"modal fade\" id=\"downLoadPopup\" role=\"dialog\" aria-labelledby=\"downLoadPopup\" aria-hidden=\"true\">\r\n <div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n <app-download-popup [orderDetails]=\"orderDetails\"></app-download-popup>\r\n </div>\r\n</ng-container>", 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)}[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 cx-page-layout.AccountPageTemplate cx-page-slot{max-width:100%!important;padding:0}::ng-deep cx-page-layout.AccountPageTemplate .pageTltsubHd{font-size:var(--fontsize28)}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx{padding:1.5rem;border:1px solid #E0E0E0;box-sizing:border-box}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(2),::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(3){border-left:0}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo{word-wrap:break-word}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li{display:flex;line-height:24px}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li label{width:50%;font-family:\"Arial Bold\",sans-serif;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li .infoValue{width:50%;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li .infoValue small{cursor:pointer;text-decoration:underline;color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .status-btn{width:240px}::ng-deep cx-page-layout.AccountPageTemplate .status-btn .btn-group{width:100%}::ng-deep cx-page-layout.AccountPageTemplate .sortBy{width:100%;height:40px;border:1px solid #E0E0E0;padding:0 10px;cursor:pointer;font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif;-webkit-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+cDDwooHJydnC8AAAC/SURBVCjPvZAxCsJAEEXfJlgEwUljI7iKlRZqIAdwb5CreMS9wRpsPIGNRbTe4FgYRCGW+qeY4f8Pf2bgHyirUnp5KSswm53xelB3vH3KazHeFOrMqiEHDupOb5alGE8BXJN2H4nEIvrFK2gh0cciEmn3wLyyjVWrNkwFYCo2WLVqm3kFBmCyVU8OXO8Okm427lx3Bhhv7x0Nz564S/2xdT4bhZF2FfJZz91DyUKmmWZh2PsXYCBpSMPgm/wrPABhpkGw9gNbqwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wMy0xNVQxMDo0MDoyOCswMDowMDdRgKAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDMtMTVUMTA6NDA6MjgrMDA6MDBGDDgcAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTAzLTE1VDEwOjQwOjI4KzAwOjAwERkZwwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right .8em top 50%;background-size:.75em auto}::ng-deep cx-page-layout.AccountPageTemplate .sortBy option{font-family:\"Arial Regular\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .showHide{text-decoration:underline;cursor:pointer}::ng-deep cx-page-layout.AccountPageTemplate .showHide:hover{color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .showHide:before,::ng-deep cx-page-layout.AccountPageTemplate .showHide:after{content:\"\";position:absolute;border-top:1px solid #E0E0E0;width:calc(50% - 80px);top:12px}::ng-deep cx-page-layout.AccountPageTemplate .showHide:before{left:0}::ng-deep cx-page-layout.AccountPageTemplate .showHide:after{right:0}::ng-deep cx-page-layout.AccountPageTemplate .total-item{font-family:\"Arial Bold\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown{font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif;text-align:left;background-color:#fff;border:1px solid #E0E0E0;border-radius:0;margin-right:30px;width:240px;height:40px}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown :last-child{margin-right:0}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown .custom-arrow-down{float:right}::ng-deep cx-page-layout.AccountPageTemplate .dropdownItem{padding:10px 0 10px 50px;margin-bottom:0;cursor:pointer}::ng-deep cx-page-layout.AccountPageTemplate .dropdownItem input[type=checkbox]{margin-top:.1rem}::ng-deep cx-page-layout.AccountPageTemplate .sortByDropDown li{cursor:pointer;padding:5px 10px}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link{font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a{text-decoration:underline}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a:hover{color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a.disabled{pointer-events:none;color:#a6a6a5}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container{background:#ffffff;padding:2rem;border-top:1px solid #E8E8E8;width:100%}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container p{font-family:\"Arial Bold\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container p span{font-family:\"Arial Regular\",sans-serif;font-size:var(--fontsize14);color:#6f6f6f}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .total-text{font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .total-value{font-size:var(--fontsize28)}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .exclGst{color:#6f6f6f;font-size:var(--fontsize14)}@media screen and (max-width: 991px){::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(2),::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(3){border-left:1px solid #E0E0E0}}@media screen and (max-width: 576px){::ng-deep cx-page-layout.AccountPageTemplate .boxMargin{margin:0}::ng-deep cx-page-layout.AccountPageTemplate .btn-group{width:100%}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown{width:100%;margin-right:0}::ng-deep cx-page-layout.AccountPageTemplate .sortBy{width:100%;margin-right:0!important;background-size:.85em auto}}\n"], components: [{ type: i7.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i8.OrderDetailListComponent, selector: "app-order-detail-list", inputs: ["cartDetails", "sortByVal", "orderDate", "isCardData"] }, { type: i9.OrderDetailGridComponent, selector: "app-order-detail-grid", inputs: ["sortByVal", "cartDetails", "orderDate", "isCardData"] }, { type: i10.DownloadPopupComponent, selector: "app-download-popup", inputs: ["orderDetails"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i11.AsyncPipe, "date": i11.DatePipe } });
|
|
199
|
+
CustomOrderDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CustomOrderDetailsComponent, selector: "app-custom-order-details", usesOnChanges: true, ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"></app-custom-breadcrum>\r\n<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n <div class=\"row\">\r\n <div class=\"col-sm-12\" [ngClass]=\"showOrder ? 'mb-3' : ''\">\r\n <h1 class=\"pageTitle\">My Order: {{orderDetails?.code}}</h1>\r\n <p class=\"pageTltsubHd mt-4\" *ngIf=\"!isMobile\" [ngClass]=\"showOrder ? '' : 'mb-0'\">Order Details</p>\r\n </div>\r\n </div>\r\n\r\n <ng-container *ngIf=\"showOrder\">\r\n <div class=\"row m-0 bg-white\">\r\n <div class=\"col-lg-3 col-sm-6 text-center deliveryInfoBx d-flex flex-column justify-content-center\">\r\n <p class=\"font-weight-bold\">Delivery Method</p>\r\n <ng-container *ngIf=\"orderDetails?.deliveryMode?.code=='standard_delivery'; else pickupdelivery\">\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../../assets/images/delivery.svg\" alt=\"Delivery\" title=\"Delivery\">\r\n </p>\r\n </ng-container>\r\n <ng-template #pickupdelivery>\r\n <p class=\"pickupdelivery\">\r\n <img class=\"pickupdelivery-image\" src=\"../../../../assets/images/pickup.svg\" alt=\"Click & Collect\" title=\"Click & Collect\">\r\n </p>\r\n </ng-template>\r\n <p class=\"font-weight-bold mb-0\">{{orderDetails?.deliveryMode?.name}}</p>\r\n <p class=\"mb-0\">{{orderDetails?.deliveryMode?.description}}</p>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Order Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <ng-container *ngIf=\"orderDetails?.code; else ourReference\">\r\n <label>Order #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.code}}</span>\r\n </ng-container>\r\n <ng-template #ourReference>\r\n <label>Online Order #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.ourReference}}</span>\r\n </ng-template>\r\n </li>\r\n <li>\r\n <label>PO #:</label>\r\n <span class=\"infoValue\">{{orderDetails?.purchaseOrderNumber}}</span>\r\n </li>\r\n <li>\r\n <label>Order Date:</label>\r\n <span class=\"infoValue\">{{orderDetails?.created | date:'dd/MM/yyyy'}}</span>\r\n </li>\r\n <!-- future requirement-->\r\n <!-- <ng-container *ngIf=\"orderDetails?.deliveryMode?.code=='standard_delivery'\">\r\n <li>\r\n <label>Delivery Date:</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[0] }} - {{orderDetails?.expectedToDate?.split(' ')[0] }}</span>\r\n </li>\r\n </ng-container>\r\n <ng-container *ngIf=\"orderDetails?.deliveryMode?.code!='standard_delivery'\">\r\n <li>\r\n <label>Pickup Date</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[0] }}</span>\r\n </li>\r\n <li>\r\n <label>Pickup Time</label>\r\n <span class=\"infoValue\">{{orderDetails?.expectedFromDate?.split(' ')[1] }} {{orderDetails?.expectedToDate?.split(' ')[2] }}</span>\r\n </li>\r\n </ng-container> -->\r\n\r\n <li>\r\n <label>Address:</label>\r\n <span class=\"infoValue\">{{orderDetails?.deliveryAddress?.formattedAddress}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Related Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <label>Order PDFs:</label>\r\n <span class=\"infoValue\"> 1 <small *ngIf=\"isOrderPermissions\" data-toggle=\"modal\" data-target=\"#downLoadPopup\" (click)=\"orderPdf()\">List</small> </span>\r\n </li>\r\n <ng-container *ngIf=\"orderDetails?.invoiceCount\">\r\n <li>\r\n <label>Invoices:</label>\r\n <span class=\"infoValue\"> {{orderDetails?.invoiceCount}} <small (click)=\"invoicePdf()\">View</small></span>\r\n </li>\r\n </ng-container>\r\n <li>\r\n <label>Status:</label>\r\n <span class=\"infoValue text-capitalize\">{{orderDetails?.statusDisplay}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-3 col-sm-6 deliveryInfoBx\">\r\n <p class=\"font-weight-bold mb-3\">Account Information</p>\r\n <div class=\"row\">\r\n <ul class=\"col-12 deliveryInfo\">\r\n <li>\r\n <label>Account NO.:</label>\r\n <span class=\"infoValue\">{{orderDetails?.orgCustomer?.orgUnit?.displayUid}}</span>\r\n </li>\r\n <li>\r\n <label>Account Name:</label>\r\n <span class=\"infoValue\">{{orderDetails?.orgCustomer?.orgUnit?.name}}</span>\r\n </li>\r\n <li>\r\n <label>Address:</label>\r\n <span class=\"infoValue\">{{orderDetails?.deliveryAddress?.formattedAddress}}</span>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <div class=\"row m-0\">\r\n <div class=\"col-12 my-4 text-center position-relative\">\r\n <span (click)=\"showOrder=!showOrder\" class=\"showHide\">{{showOrder==true ? 'Hide Order Details' : 'Show Order Details'}}</span>\r\n </div>\r\n </div>\r\n <div class=\"row pb-4\">\r\n <div class=\"col-sm-6 col-md-4 col-lg-2\">\r\n <span class=\"total-item\"> {{orderDetails?.entries?.length}} {{orderDetails?.entries?.length == 1 ? 'Item': 'Items'}} in this order</span>\r\n </div>\r\n <div class=\"col-sm-6 col-md-8 col-lg-10 text-left\">\r\n <div class=\"expandcollapse-link text-left\">\r\n <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"expandAll()\" [ngClass]=\"{disabled : isExpandAll == true}\"> Expand all</a> |\r\n <a title=\"Expand all\" href=\"javascript:void(0)\" (click)=\"contractAll()\" [ngClass]=\"{disabled : isExpandAll == false}\"> Contract all</a>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"row\">\r\n <div class=\"col-sm-12 col-lg-8 d-sm-flex\">\r\n <div class=\"btn-group mb-2 status-btn\">\r\n <div class=\"btn-group\">\r\n <select name=\"\" id=\"\" class=\"mr-3 sortBy\" (change)=\"sortBy($event)\">\r\n <option value=\"{{item}}\" *ngFor=\"let item of sortby\">{{item}}</option>\r\n </select>\r\n </div>\r\n </div>\r\n <div class=\"btn-group mb-2\">\r\n <button class=\"btn history-table-dropdown position-relative\" type=\"button\" id=\"status\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n Status\r\n <i class=\"fas fa-chevron-down custom-arrow-down\"></i>\r\n </button>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"status\">\r\n <label class=\"dropdownItem\" *ngFor=\"let data of orderStatuses\">\r\n <input type=\"checkbox\" \r\n name=\"dropdown-group\" class=\"rounded-0\" id=\"orderStatusLabel\"\r\n [value]=\"data.value\" (change)=\"checkOrderStatus($event)\" />\r\n {{data.value}}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-sm-12 col-lg-4 float-right\" *ngIf=\"isDesktop\">\r\n <div class=\"d-flex justify-content-end\">\r\n <div class=\"main-view\">\r\n <button [ngClass]=\"{'active': listview === false}\" class=\"btn btn-sm\" (click)=\"gridView()\">\r\n <img *ngIf=\"listview === false\" src=\"../../../assets/images/Grid-light.svg\" alt=\"gridviewlight\">\r\n <img *ngIf=\"listview === true\" src=\"../../../assets/images/Grid-dark.svg\" alt=\"gridviewdark\">\r\n Grid</button>\r\n <button [ngClass]=\"{'active': listview === true}\" class=\"btn btn-sm active\" (click)=\"listView()\">\r\n <img *ngIf=\"listview === true\" class=\"list-img\" src=\"../../../assets/images/List-light.svg\"\r\n alt=\"listview\">\r\n <img *ngIf=\"listview === false\" class=\"list-img\" src=\"../../../assets/images/List-dark.svg\"\r\n alt=\"listview\">\r\n List</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isDesktop\">\r\n <app-order-detail-list [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" [sortByVal]=\"sortData\" *ngIf=\"listview && orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-list>\r\n <app-order-detail-grid [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" [sortByVal]=\"sortData\" *ngIf=\"!listview && orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-grid>\r\n </ng-container>\r\n <ng-container *ngIf=\"!isDesktop\">\r\n <app-order-detail-grid [cartDetails]=\"orderDetails?.entries\" [orderDate]=\"orderDetails?.created\" *ngIf=\"orderDetails\" [isCardData]=\"orderDetailsPage\"></app-order-detail-grid>\r\n </ng-container>\r\n</div>\r\n<div class=\"container order-footer-container\">\r\n <div class=\"row\" [ngClass]=\"isMobile ? 'd-flex flex-column-reverse': ''\">\r\n <div class=\"col-md-6 col-12\" [ngClass]=\"isMobile ? 'text-right mt-4' : 'd-flex align-items-center'\">\r\n <a href=\"javascript:void(0)\" (click)=\"onBackbuttonClick()\" class=\"font-weight-bold\" title=\"BACK TO MY ORDERS\">\r\n <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"BACK TO MY ORDERS\" /> BACK TO MY ORDERS</a>\r\n </div>\r\n <div class=\"col-md-6 col-12 text-right\" *ngIf=\"isOrderPermissions\">\r\n <p class=\"mb-0 total-text\">Total</p>\r\n <p class=\"total-value mb-0\">{{orderDetails?.subTotal?.formattedValue}}</p>\r\n <span class=\"d-block exclGst\"> excl GST and freight</span>\r\n </div>\r\n </div>\r\n</div>\r\n<ng-container *ngIf=\"showPopUp\">\r\n <div class=\"modal fade\" id=\"downLoadPopup\" role=\"dialog\" aria-labelledby=\"downLoadPopup\" aria-hidden=\"true\">\r\n <div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading…</div>\r\n <app-download-popup [orderDetails]=\"orderDetails\"></app-download-popup>\r\n </div>\r\n</ng-container>", 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 .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 .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}.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}@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 cx-page-layout.AccountPageTemplate cx-page-slot{max-width:100%!important;padding:0}::ng-deep cx-page-layout.AccountPageTemplate .pageTltsubHd{font-size:var(--fontsize28)}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx{padding:1.5rem;border:1px solid #E0E0E0;box-sizing:border-box}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(2),::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(3){border-left:0}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo{word-wrap:break-word}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li{display:flex;line-height:24px}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li label{width:50%;font-family:\"Arial Bold\",sans-serif;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li .infoValue{width:50%;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfo li .infoValue small{cursor:pointer;text-decoration:underline;color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .status-btn{width:240px}::ng-deep cx-page-layout.AccountPageTemplate .status-btn .btn-group{width:100%}::ng-deep cx-page-layout.AccountPageTemplate .sortBy{width:100%;height:40px;border:1px solid #E0E0E0;padding:0 10px;cursor:pointer;font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif;-webkit-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAd0SU1FB+cDDwooHJydnC8AAAC/SURBVCjPvZAxCsJAEEXfJlgEwUljI7iKlRZqIAdwb5CreMS9wRpsPIGNRbTe4FgYRCGW+qeY4f8Pf2bgHyirUnp5KSswm53xelB3vH3KazHeFOrMqiEHDupOb5alGE8BXJN2H4nEIvrFK2gh0cciEmn3wLyyjVWrNkwFYCo2WLVqm3kFBmCyVU8OXO8Okm427lx3Bhhv7x0Nz564S/2xdT4bhZF2FfJZz91DyUKmmWZh2PsXYCBpSMPgm/wrPABhpkGw9gNbqwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMy0wMy0xNVQxMDo0MDoyOCswMDowMDdRgKAAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjMtMDMtMTVUMTA6NDA6MjgrMDA6MDBGDDgcAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIzLTAzLTE1VDEwOjQwOjI4KzAwOjAwERkZwwAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right .8em top 50%;background-size:.75em auto}::ng-deep cx-page-layout.AccountPageTemplate .sortBy option{font-family:\"Arial Regular\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .showHide{text-decoration:underline;cursor:pointer}::ng-deep cx-page-layout.AccountPageTemplate .showHide:hover{color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .showHide:before,::ng-deep cx-page-layout.AccountPageTemplate .showHide:after{content:\"\";position:absolute;border-top:1px solid #E0E0E0;width:calc(50% - 80px);top:12px}::ng-deep cx-page-layout.AccountPageTemplate .showHide:before{left:0}::ng-deep cx-page-layout.AccountPageTemplate .showHide:after{right:0}::ng-deep cx-page-layout.AccountPageTemplate .total-item{font-family:\"Arial Bold\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown{font-size:var(--fontsize14);font-family:\"Arial Bold\",sans-serif;text-align:left;background-color:#fff;border:1px solid #E0E0E0;border-radius:0;margin-right:30px;width:240px;height:40px}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown :last-child{margin-right:0}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown .custom-arrow-down{float:right}::ng-deep cx-page-layout.AccountPageTemplate .dropdownItem{padding:10px 0 10px 50px;margin-bottom:0;cursor:pointer}::ng-deep cx-page-layout.AccountPageTemplate .dropdownItem input[type=checkbox]{margin-top:.1rem}::ng-deep cx-page-layout.AccountPageTemplate .sortByDropDown li{cursor:pointer;padding:5px 10px}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link{font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a{text-decoration:underline}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a:hover{color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .expandcollapse-link a.disabled{pointer-events:none;color:#a6a6a5}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container{background:#ffffff;padding:2rem;border-top:1px solid #E8E8E8;width:100%}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container p{font-family:\"Arial Bold\",sans-serif}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container p span{font-family:\"Arial Regular\",sans-serif;font-size:var(--fontsize14);color:#6f6f6f}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .total-text{font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .total-value{font-size:var(--fontsize28)}::ng-deep cx-page-layout.AccountPageTemplate .order-footer-container .exclGst{color:#6f6f6f;font-size:var(--fontsize14)}@media screen and (max-width: 991px){::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(2),::ng-deep cx-page-layout.AccountPageTemplate .deliveryInfoBx:nth-child(3){border-left:1px solid #E0E0E0}}@media screen and (max-width: 576px){::ng-deep cx-page-layout.AccountPageTemplate .boxMargin{margin:0}::ng-deep cx-page-layout.AccountPageTemplate .btn-group{width:100%}::ng-deep cx-page-layout.AccountPageTemplate .history-table-dropdown{width:100%;margin-right:0}::ng-deep cx-page-layout.AccountPageTemplate .sortBy{width:100%;margin-right:0!important;background-size:.85em auto}}\n"], components: [{ type: i7.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i8.OrderDetailListComponent, selector: "app-order-detail-list", inputs: ["cartDetails", "sortByVal", "orderDate", "isCardData"] }, { type: i9.OrderDetailGridComponent, selector: "app-order-detail-grid", inputs: ["sortByVal", "cartDetails", "orderDate", "isCardData"] }, { type: i10.DownloadPopupComponent, selector: "app-download-popup", inputs: ["orderDetails"] }], directives: [{ type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i11.AsyncPipe, "date": i11.DatePipe } });
|
|
200
200
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: CustomOrderDetailsComponent, decorators: [{
|
|
201
201
|
type: Component,
|
|
202
202
|
args: [{
|
|
@@ -17,7 +17,7 @@ export class DownloadPopupComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
DownloadPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DownloadPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
DownloadPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DownloadPopupComponent, selector: "app-download-popup", inputs: { orderDetails: "orderDetails" }, viewQueries: [{ propertyName: "shareDownload", first: true, predicate: SharedDownloadOrderComponent, descendants: true }], ngImport: i0, template: "<!-- <div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div> -->\r\n<div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header p-0 pb-3 mb-2\">\r\n <h4 class=\"modal-title\"> Order PDFs</h4>\r\n <i class=\"icon-close closePopup\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body p-0\">\r\n <table class=\"table border-0\">\r\n <tr>\r\n <td class=\"colOne\">\r\n <p class=\"m-0 pb-0\">Order Confirmation</p><span class=\"orderDate\">{{orderDetails?.created | date:'dd/MM/yyyy'}}</span>\r\n </td>\r\n <td class=\"text-right\"> <span class=\"downloadPDF\"> \r\n <span target=\"_blank\" (click)=\"pdfDownload()\" ><img src=\"../../../../assets/images/download-icon.svg\"> PDF</span>\r\n </span>\r\n </td>\r\n </tr>\r\n <div #divRef class=\"row\">\r\n <div class=\"col-sm-12 pl-0\">\r\n <app-shared-download-order [isOrder]=\"isOrderDownload\"></app-shared-download-order> \r\n </div> \r\n </div>\r\n </table>\r\n </div>\r\n </div>\r\n</div>", 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)}[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 .modal-dialog{max-width:740px}::ng-deep .modal-dialog .modal-content{padding-bottom:60px!important}::ng-deep .modal-dialog .modal-content{padding:30px 40px}::ng-deep .modal-dialog h4{font-size:var(--fontsize28);line-height:2.25rem}::ng-deep .modal-dialog .closePopup{cursor:pointer}::ng-deep .modal-dialog td{color:#161616;padding:10px 0;border:none}::ng-deep .modal-dialog .colOne{width:80%}::ng-deep .modal-dialog .downloadPDF{cursor:pointer;display:inline-block;color:#b61828;text-decoration:underline}::ng-deep .modal-dialog .downloadPDF a{color:#b61828}::ng-deep .modal-dialog .downloadPDF img{margin-right:10px}::ng-deep .modal-dialog .orderDate{font-size:14px;color:#707070}@media screen and (max-width: 767px){::ng-deep .modal-dialog .modal-content{height:100vh}}\n"], components: [{ type: i1.SharedDownloadOrderComponent, selector: "app-shared-download-order", inputs: ["isOrder"] }], pipes: { "date": i2.DatePipe } });
|
|
20
|
+
DownloadPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DownloadPopupComponent, selector: "app-download-popup", inputs: { orderDetails: "orderDetails" }, viewQueries: [{ propertyName: "shareDownload", first: true, predicate: SharedDownloadOrderComponent, descendants: true }], ngImport: i0, template: "<!-- <div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading…</div> -->\r\n<div class=\"modal-dialog\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"modal-header p-0 pb-3 mb-2\">\r\n <h4 class=\"modal-title\"> Order PDFs</h4>\r\n <i class=\"icon-close closePopup\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n </div>\r\n <div class=\"modal-body p-0\">\r\n <table class=\"table border-0\">\r\n <tr>\r\n <td class=\"colOne\">\r\n <p class=\"m-0 pb-0\">Order Confirmation</p><span class=\"orderDate\">{{orderDetails?.created | date:'dd/MM/yyyy'}}</span>\r\n </td>\r\n <td class=\"text-right\"> <span class=\"downloadPDF\"> \r\n <span target=\"_blank\" (click)=\"pdfDownload()\" ><img src=\"../../../../assets/images/download-icon.svg\"> PDF</span>\r\n </span>\r\n </td>\r\n </tr>\r\n <div #divRef class=\"row\">\r\n <div class=\"col-sm-12 pl-0\">\r\n <app-shared-download-order [isOrder]=\"isOrderDownload\"></app-shared-download-order> \r\n </div> \r\n </div>\r\n </table>\r\n </div>\r\n </div>\r\n</div>", 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 .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 .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}.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}@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 .modal-dialog{max-width:740px}::ng-deep .modal-dialog .modal-content{padding-bottom:60px!important}::ng-deep .modal-dialog .modal-content{padding:30px 40px}::ng-deep .modal-dialog h4{font-size:var(--fontsize28);line-height:2.25rem}::ng-deep .modal-dialog .closePopup{cursor:pointer}::ng-deep .modal-dialog td{color:#161616;padding:10px 0;border:none}::ng-deep .modal-dialog .colOne{width:80%}::ng-deep .modal-dialog .downloadPDF{cursor:pointer;display:inline-block;color:#b61828;text-decoration:underline}::ng-deep .modal-dialog .downloadPDF a{color:#b61828}::ng-deep .modal-dialog .downloadPDF img{margin-right:10px}::ng-deep .modal-dialog .orderDate{font-size:14px;color:#707070}@media screen and (max-width: 767px){::ng-deep .modal-dialog .modal-content{height:100vh}}\n"], components: [{ type: i1.SharedDownloadOrderComponent, selector: "app-shared-download-order", inputs: ["isOrder"] }], pipes: { "date": i2.DatePipe } });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DownloadPopupComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{
|