npm - buildingproduct-library - Versions diffs - 0.3.0 → 0.3.2 - Mend

buildingproduct-library 0.3.0 → 0.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (63) hide show

package/esm2015/lib/delivery-details/delivery-details.component.js CHANGED Viewed

@@ -119,7 +119,7 @@ export class DeliveryDetailsComponent {
     }
 }
 DeliveryDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DeliveryDetailsComponent, deps: [{ token: i1.CmsService }, { token: i2.CartService }, { token: i3.DeliveryService }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-DeliveryDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DeliveryDetailsComponent, selector: "app-delivery-details", ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"></app-custom-breadcrum>\r\n<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n    <div class=\"row\">\r\n        <div class=\"col-sm-12\">\r\n            <h1 class=\"pageTitle\">My Delivery: {{deliveryData?.code}}</h1>\r\n            <div class=\"text-left pageParaText mb-4 col-sm-9 pl-0\" *ngIf=\"deliveryDetailsHeaderContent\">{{deliveryDetailsHeaderContent}}</div>\r\n            <p class=\"pageTltsubHd mt-4\">Delivery Details</p>\r\n        </div>\r\n    </div>\r\n    <ng-container *ngIf=\"showOrder\">\r\n        <div class=\"row delivery-top-container m-0 bg-white\"> \r\n            <div class=\"col-md-6 col-lg-5 deliveryInfoBx\">\r\n                <p class=\"font-weight-bold mb-3\">Delivery Information</p>\r\n                <div class=\"row\">\r\n                    <ul class=\"col-12 deliveryInfo\">\r\n                        <li> \r\n                            <label>Delivery #:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.code}}</span>   \r\n                        </li>\r\n                        <li>\r\n                            <label>Carrier:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.carrier}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Delivery Date:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.statusDate | date : \"dd/MM/yyyy\"}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Delivery Name:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.shippingAddress?.fullname}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Address:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.deliveryPointOfService?.address?.formattedAddress}}</span>\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            <label>Status:</label>\r\n                            <span class=\"infoValue\" >\r\n                            <span class=\"delivery-status-btn font-weight-bold\"\r\n                            [ngStyle]=\"{'background-color': getStatusColor(deliveryData)}\"\r\n                            >{{deliveryData?.statusDisplayText}}</span></span>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div> \r\n            <div class=\"col-md-6 col-lg-4 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>State:</label>\r\n                            <span class=\"infoValue text-capitalize\"> </span>\r\n                        </li> -->\r\n                        <li>\r\n                            <label>POD:</label>\r\n                            <span  class=\"infoValue\"> \r\n                                <span title=\"download POD\" class=\"delivery-downloadpdf\"\r\n                                data-toggle=\"modal\" data-target=\"#poDocument\" (click)=\"popDocument()\">\r\n                                <img src=\"../../../assets/images/download-icon.svg\" alt=\"download POD\" class=\"mr-2\">PDF</span>\r\n                             </span>\r\n                        </li>\r\n                        <!-- <li>\r\n                            <label>Note:</label>\r\n                            <span class=\"infoValue text-capitalize\"> </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 Delivery Details' : 'Show Delivery Details'}}</span>\r\n        </div>\r\n    </div> \r\n    <div class=\"row\">\r\n        <div class=\"col-sm-3\">\r\n            <span class=\"total-item\"> {{deliveryData?.entries?.length}} {{deliveryData?.entries?.length == 1 ? 'Item': 'Items'}}</span>\r\n        </div>\r\n        <div class=\"col-sm-3 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 class=\"col-sm-6 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\r\n                    </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\" alt=\"listview\">\r\n                        <img *ngIf=\"listview === false\" class=\"list-img\" src=\"../../../assets/images/List-dark.svg\" alt=\"listview\">\r\n                    List\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-container *ngIf=\"isDesktop\">\r\n        <app-delivery-details-list [deliveryItems]=\"deliveryData?.entries\" *ngIf=\"isDesktop && listview && deliveryData\" [isCardData]=\"detailsPage\"></app-delivery-details-list>\r\n        <app-delivery-details-grid [deliveryItems]=\"deliveryData?.entries\" *ngIf=\"(!listview || !isDesktop) && deliveryData\" [isCardData]=\"detailsPage\"></app-delivery-details-grid>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isDesktop\">\r\n        <app-delivery-details-grid [deliveryItems]=\"deliveryData?.entries\" [isCardData]=\"detailsPage\"></app-delivery-details-grid>\r\n    </ng-container> \r\n</div>\r\n\r\n<div class=\"container delivery-footer-container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-lg-6 text-left\"\r\n        [ngClass]=\"!isDesktop ? 'd-flex justify-content-between mb-2': ''\">\r\n            <ng-container *ngIf=\"!isDesktop\">\r\n                <a href=\"/deliveries\"  class=\"font-weight-bold text-uppercase mr-3 d-inline-block\"\r\n                title=\"Back\">\r\n                    <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Deliveries\" />  Back</a>\r\n            </ng-container>\r\n            <!-- <a href=\"#\"  class=\"font-weight-bold text-uppercase\" title=\"Raise Issue\"\r\n            [ngClass]=\"isMobile ? 'secondary-button':''\" >RAISE ISSUE</a> -->\r\n        </div>\r\n        <div class=\"col-lg-6 text-right\">\r\n            <ng-container *ngIf=\"isDesktop\">\r\n                <a href=\"/deliveries\"  class=\"font-weight-bold text-uppercase mr-3 d-inline-block\" title=\"Back to Deliveries\">\r\n                    <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Deliveries\" /> Back to Deliveries</a>\r\n            </ng-container>\r\n            <!-- <button class=\"btn primary-button px-4 py-2\"> DOWNLOAD PDF </button> -->\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-container *ngIf=\"podPopup\">\r\n    <div class=\"modal fade\" id=\"poDocument\" role=\"dialog\" aria-labelledby=\"poDocument\" aria-hidden=\"true\">\r\n       <app-pod-download-popup [attachmentsList]=\"deliveryData\"></app-pod-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)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:-5px;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}::ng-deep 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 .delivery-top-container{border:1px solid #E0E0E0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx{padding:1.5rem;border-right:1px solid #E0E0E0;box-sizing:border-box}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx:nth-child(2){border-right:0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo{word-wrap:break-word}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li{display:flex;line-height:24px}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li label{width:40%;font-family:\"Arial Bold\",sans-serif;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue{width:60%;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue small{cursor:pointer;text-decoration:underline;color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue .delivery-downloadpdf{color:#b61828;text-decoration:underline}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo .delivery-status-btn{padding:6px 14px;color:#fff;border-radius:15px;font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .showHide{text-decoration:underline;cursor:pointer;font-size:var(--fontsize14)}::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 .delivery-footer-container{background:#ffffff;padding:2rem;border-top:1px solid #E8E8E8;width:100%}@media screen and (max-width: 768px){::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx{border-right:0;border-bottom:1px solid #E0E0E0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx:last-child{border:0}}\n"], components: [{ type: i5.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i6.DeliveryDetailsListComponent, selector: "app-delivery-details-list", inputs: ["deliveryItems", "isCardData"] }, { type: i7.DeliveryDetailsGridComponent, selector: "app-delivery-details-grid", inputs: ["deliveryItems", "isCardData"] }, { type: i8.PodDownloadPopupComponent, selector: "app-pod-download-popup", inputs: ["attachmentsList", "index"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i9.AsyncPipe, "date": i9.DatePipe } });
+DeliveryDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DeliveryDetailsComponent, selector: "app-delivery-details", ngImport: i0, template: "<app-custom-breadcrum [customCrumbData]=\"breadcrumbData\"></app-custom-breadcrum>\r\n<div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"container\" (window:resize)=\"onResize($event)\">\r\n    <div class=\"row\">\r\n        <div class=\"col-sm-12\">\r\n            <h1 class=\"pageTitle\">My Delivery: {{deliveryData?.code}}</h1>\r\n            <div class=\"text-left pageParaText mb-4 col-sm-9 pl-0\" *ngIf=\"deliveryDetailsHeaderContent\">{{deliveryDetailsHeaderContent}}</div>\r\n            <p class=\"pageTltsubHd mt-4\">Delivery Details</p>\r\n        </div>\r\n    </div>\r\n    <ng-container *ngIf=\"showOrder\">\r\n        <div class=\"row delivery-top-container m-0 bg-white\"> \r\n            <div class=\"col-md-6 col-lg-5 deliveryInfoBx\">\r\n                <p class=\"font-weight-bold mb-3\">Delivery Information</p>\r\n                <div class=\"row\">\r\n                    <ul class=\"col-12 deliveryInfo\">\r\n                        <li> \r\n                            <label>Delivery #:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.code}}</span>   \r\n                        </li>\r\n                        <li>\r\n                            <label>Carrier:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.carrier}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Delivery Date:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.statusDate | date : \"dd/MM/yyyy\"}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Delivery Name:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.shippingAddress?.fullname}}</span>\r\n                        </li>\r\n                        <li>\r\n                            <label>Address:</label>\r\n                            <span class=\"infoValue\">{{deliveryData?.deliveryPointOfService?.address?.formattedAddress}}</span>\r\n                        </li>\r\n                        <li class=\"mt-2\">\r\n                            <label>Status:</label>\r\n                            <span class=\"infoValue\" >\r\n                            <span class=\"delivery-status-btn font-weight-bold\"\r\n                            [ngStyle]=\"{'background-color': getStatusColor(deliveryData)}\"\r\n                            >{{deliveryData?.statusDisplayText}}</span></span>\r\n                        </li>\r\n                    </ul>\r\n                </div>\r\n            </div> \r\n            <div class=\"col-md-6 col-lg-4 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>State:</label>\r\n                            <span class=\"infoValue text-capitalize\"> </span>\r\n                        </li> -->\r\n                        <li>\r\n                            <label>POD:</label>\r\n                            <span  class=\"infoValue\"> \r\n                                <span title=\"download POD\" class=\"delivery-downloadpdf\"\r\n                                data-toggle=\"modal\" data-target=\"#poDocument\" (click)=\"popDocument()\">\r\n                                <img src=\"../../../assets/images/download-icon.svg\" alt=\"download POD\" class=\"mr-2\">PDF</span>\r\n                             </span>\r\n                        </li>\r\n                        <!-- <li>\r\n                            <label>Note:</label>\r\n                            <span class=\"infoValue text-capitalize\"> </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 Delivery Details' : 'Show Delivery Details'}}</span>\r\n        </div>\r\n    </div> \r\n    <div class=\"row\">\r\n        <div class=\"col-sm-3\">\r\n            <span class=\"total-item\"> {{deliveryData?.entries?.length}} {{deliveryData?.entries?.length == 1 ? 'Item': 'Items'}}</span>\r\n        </div>\r\n        <div class=\"col-sm-3 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 class=\"col-sm-6 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\r\n                    </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\" alt=\"listview\">\r\n                        <img *ngIf=\"listview === false\" class=\"list-img\" src=\"../../../assets/images/List-dark.svg\" alt=\"listview\">\r\n                    List\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <ng-container *ngIf=\"isDesktop\">\r\n        <app-delivery-details-list [deliveryItems]=\"deliveryData?.entries\" *ngIf=\"isDesktop && listview && deliveryData\" [isCardData]=\"detailsPage\"></app-delivery-details-list>\r\n        <app-delivery-details-grid [deliveryItems]=\"deliveryData?.entries\" *ngIf=\"(!listview || !isDesktop) && deliveryData\" [isCardData]=\"detailsPage\"></app-delivery-details-grid>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isDesktop\">\r\n        <app-delivery-details-grid [deliveryItems]=\"deliveryData?.entries\" [isCardData]=\"detailsPage\"></app-delivery-details-grid>\r\n    </ng-container> \r\n</div>\r\n\r\n<div class=\"container delivery-footer-container\">\r\n    <div class=\"row\">\r\n        <div class=\"col-lg-6 text-left\"\r\n        [ngClass]=\"!isDesktop ? 'd-flex justify-content-between mb-2': ''\">\r\n            <ng-container *ngIf=\"!isDesktop\">\r\n                <a href=\"/deliveries\"  class=\"font-weight-bold text-uppercase mr-3 d-inline-block\"\r\n                title=\"Back\">\r\n                    <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Deliveries\" />  Back</a>\r\n            </ng-container>\r\n            <!-- <a href=\"#\"  class=\"font-weight-bold text-uppercase\" title=\"Raise Issue\"\r\n            [ngClass]=\"isMobile ? 'secondary-button':''\" >RAISE ISSUE</a> -->\r\n        </div>\r\n        <div class=\"col-lg-6 text-right\">\r\n            <ng-container *ngIf=\"isDesktop\">\r\n                <a href=\"/deliveries\"  class=\"font-weight-bold text-uppercase mr-3 d-inline-block\" title=\"Back to Deliveries\">\r\n                    <img src=\"../../../assets/images/ionic-arrow-back.svg\" alt=\"Back to Deliveries\" /> Back to Deliveries</a>\r\n            </ng-container>\r\n            <!-- <button class=\"btn primary-button px-4 py-2\"> DOWNLOAD PDF </button> -->\r\n        </div>\r\n    </div>\r\n</div>\r\n<ng-container *ngIf=\"podPopup\">\r\n    <div class=\"modal fade\" id=\"poDocument\" role=\"dialog\" aria-labelledby=\"poDocument\" aria-hidden=\"true\">\r\n       <app-pod-download-popup [attachmentsList]=\"deliveryData\"></app-pod-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 .delivery-top-container{border:1px solid #E0E0E0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx{padding:1.5rem;border-right:1px solid #E0E0E0;box-sizing:border-box}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx:nth-child(2){border-right:0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo{word-wrap:break-word}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li{display:flex;line-height:24px}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li label{width:40%;font-family:\"Arial Bold\",sans-serif;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue{width:60%;display:inline-block}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue small{cursor:pointer;text-decoration:underline;color:#b61828}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo li .infoValue .delivery-downloadpdf{color:#b61828;text-decoration:underline;cursor:pointer}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfo .delivery-status-btn{padding:6px 14px;color:#fff;border-radius:15px;font-size:var(--fontsize14)}::ng-deep cx-page-layout.AccountPageTemplate .showHide{text-decoration:underline;cursor:pointer;font-size:var(--fontsize14)}::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 .delivery-footer-container{background:#ffffff;padding:2rem;border-top:1px solid #E8E8E8;width:100%}@media screen and (max-width: 768px){::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx{border-right:0;border-bottom:1px solid #E0E0E0}::ng-deep cx-page-layout.AccountPageTemplate .delivery-top-container .deliveryInfoBx:last-child{border:0}}\n"], components: [{ type: i5.CustomBreadcrumComponent, selector: "app-custom-breadcrum", inputs: ["customCrumbData"] }, { type: i6.DeliveryDetailsListComponent, selector: "app-delivery-details-list", inputs: ["deliveryItems", "isCardData"] }, { type: i7.DeliveryDetailsGridComponent, selector: "app-delivery-details-grid", inputs: ["deliveryItems", "isCardData"] }, { type: i8.PodDownloadPopupComponent, selector: "app-pod-download-popup", inputs: ["attachmentsList", "index"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i9.AsyncPipe, "date": i9.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DeliveryDetailsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/find-store/find-store.component.js CHANGED Viewed

@@ -88,7 +88,7 @@ export class FindStoreComponent {
     }
 }
 FindStoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FindStoreComponent, deps: [{ token: i1.FindStoreService }, { token: i2.UserAccountDetailServiceService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-FindStoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FindStoreComponent, selector: "app-find-store", ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-lg-12 col-sm-12\">\r\n        <div class=\"input-group storeFinder\">\r\n            <div class=\"input-group-prepend input-icon po\">\r\n                <img src=\"../../../assets/images/ionic-ios-location-outline.svg\" class=\"w-20\">\r\n            </div>\r\n            <button class=\"btn custom-input position-relative text-left\" type=\"button\" data-toggle=\"modal\" data-target=\"#storeFinderModal\" (click)=\"getStores()\">\r\n                {{branchName}}\t\t\t\r\n            </button>\r\n            <p id=\"demo\"></p>\r\n            <span class=\"placeholder-icon\" (click)=\"getLocation()\">\r\n                <img src=\"../../../assets/images/ionic-ios-my-location.svg\" class=\"w-20\">\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal fade modal-right\" id=\"storeFinderModal\" role=\"dialog\" aria-labelledby=\"storeFinderLabel\" aria-hidden=\"true\">\r\n    <div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\" container\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\">{{locationModalConstantsData.homeBranch}}</h5>\r\n                    <i class=\"icon-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n                </div>\r\n                <div class=\"modal-body px-2\">\r\n                    <div class=\"selected-location\">\r\n                        <address class=\"mb-0\">\r\n                            <h6>{{homeBranchAddress?.displayName}} <span>({{homeBranchAddress?.businessCategory}})</span></h6>\r\n                            <p class=\"mb-2\">\r\n                                {{homeBranchAddress?.address?.formattedAddress}}<br>\r\n                                <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{homeBranchAddress?.address?.email}}\">{{homeBranchAddress?.address?.email}}</a><br>\r\n                                <span class=\"homeTxtLabel\"> Phone : </span><a href=\"tel:{{homeBranchAddress?.address?.phone}}\">{{homeBranchAddress?.address?.phone}}</a>\r\n                            </p>\r\n                            <span class=\"homeDirection\">\r\n                                <a href=\"javascript:void(0)\" (click)=\"openMap(homeBranchAddress?.geoPoint.latitude, homeBranchAddress?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                            </span>\r\n                        </address>\r\n                    </div>\r\n                    <div class=\"nearest-branch\">\r\n                        <h5>Branches</h5>\r\n                        <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link active d-inline-block pl-1\" id=\"all-tab\" data-toggle=\"tab\" href=\"#all\" role=\"tab\" aria-controls=\"all\" aria-selected=\"true\">{{locationModalConstantsData.allTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"north-tab\" data-toggle=\"tab\" href=\"#north\" role=\"tab\" aria-controls=\"north\" aria-selected=\"false\">{{locationModalConstantsData.northIslandTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item \">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"south-tab\" data-toggle=\"tab\" href=\"#south\" role=\"tab\" aria-controls=\"south\" aria-selected=\"false\">{{locationModalConstantsData.southIslandTab}}</a>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"tab-content mt-2\" id=\"myTabContent\">\r\n                            <div class=\"tab-pane fade show active\" id=\"all\" role=\"tabpanel\" aria-labelledby=\"all-tab\">\r\n                                <ng-container *ngIf=\"stores && stores?.length; else storesAvalable\">\r\n                                    <address *ngFor=\"let store of stores\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #storesAvalable>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"north\" role=\"tabpanel\" aria-labelledby=\"north-tab\">\r\n                                <ng-container *ngIf=\"arrayNorthIsland && arrayNorthIsland?.length>0; else northIsland\">\r\n                                    <address *ngFor=\"let store of arrayNorthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #northIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"south\" role=\"tabpanel\" aria-labelledby=\"south-tab\">\r\n                                <ng-container *ngIf=\"arraySouthIsland && arraySouthIsland?.length>0; else southIsland\">\r\n                                    <address *ngFor=\"let store of arraySouthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #southIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\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)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:-5px;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}.storeFinder{max-width:328px}.input-icon{background-color:#6f6f6f;padding:8px 10px}.w-20{width:20px}.custom-input{height:40px;background-color:#393939;border:1px solid #6F6F6F;color:#fff;border-radius:0;padding:.375rem .75rem;font-size:var(--fontsize16);line-height:var(--fontsize22);width:calc(100% - 42px)}.custom-input:hover{color:#fff}.placeholder-icon{position:absolute;right:0;top:0;z-index:4;cursor:pointer;width:40px;height:40px;display:flex}.form-control[type=text]:focus{background-color:#464645}.close{color:#fff}::placeholder{color:#fff}#storeFinderModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;max-width:508px;padding-bottom:4.5rem}#storeFinderModal .modal-content{background-color:#393939;color:#fff}#storeFinderModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}#storeFinderModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}#storeFinderModal .modal-body{padding:1rem;height:calc(100vh - 88px)}#storeFinderModal .selected-location{background-color:#474747;padding:1rem}#storeFinderModal .selected-location .homeTxtLabel{width:60px;display:inline-block}#storeFinderModal .selected-location address{margin-bottom:0}#storeFinderModal .selected-location address h6{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .selected-location address h6 span{font-size:var(--fontsize14)}#storeFinderModal .selected-location address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .selected-location address a{color:#fff;text-decoration:underline}#storeFinderModal .selected-location address .homeDirection{cursor:pointer;text-decoration:underline;text-transform:uppercase;font-size:var(--fontsize14);line-height:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch{margin-top:2rem;margin-bottom:3rem}#storeFinderModal .nearest-branch .tab-content .tab-pane{padding-right:1.5rem;overflow-y:auto;height:calc(100vh - 400px)}#storeFinderModal .nearest-branch h5{font-size:var(--fontsize18);line-height:var(--fontsize23);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch h5 span{font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .nav-item{width:calc(100% / 3);text-align:left}#storeFinderModal .nearest-branch .nav-link{font-size:16px;padding-bottom:0;background:#393939;color:#fff}#storeFinderModal .nearest-branch .nav-link.active{border-bottom:4px solid #B61828}#storeFinderModal .nearest-branch address{padding:1rem 0;border-bottom:1px solid #707070}#storeFinderModal .nearest-branch address h5{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .nearest-branch address a{color:#fff;text-decoration:underline}#storeFinderModal .nearest-branch .direction{text-transform:uppercase}#storeFinderModal .nearest-branch .direction a{font-family:\"Arial Bold\",sans-serif;text-decoration:underline;font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .select-btn{font-family:\"Arial Bold\",sans-serif;height:44px;width:132px;font-size:var(--fontsize14);line-height:var(--fontsize16);background-color:#b61828;color:#fff;border:none}.noDataAvailableLabel{font-size:var(--fontsize14)}.contactNumber{min-width:10em;font-size:var(--fontsize16);padding-top:2px;line-height:var(--fontsize40)}.contactNumber .contactNum i{font-size:var(--fontsize20)}.contactNumber .contactNum a{color:#fff;text-decoration:underline}@media screen and (max-width: 767px){#storeFinderModal .modal-content .modal-header .modal-title{font-size:1.5rem}}@media screen and (max-width: 576px){.storeFinder{max-width:100%}}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
+FindStoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FindStoreComponent, selector: "app-find-store", ngImport: i0, template: "<div class=\"row\">\r\n    <div class=\"col-lg-12 col-sm-12\">\r\n        <div class=\"input-group storeFinder\">\r\n            <div class=\"input-group-prepend input-icon po\">\r\n                <img src=\"../../../assets/images/ionic-ios-location-outline.svg\" class=\"w-20\">\r\n            </div>\r\n            <button class=\"btn custom-input position-relative text-left\" type=\"button\" data-toggle=\"modal\" data-target=\"#storeFinderModal\" (click)=\"getStores()\">\r\n                {{branchName}}\t\t\t\r\n            </button>\r\n            <p id=\"demo\"></p>\r\n            <span class=\"placeholder-icon\" (click)=\"getLocation()\">\r\n                <img src=\"../../../assets/images/ionic-ios-my-location.svg\" class=\"w-20\">\r\n            </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"modal fade modal-right\" id=\"storeFinderModal\" role=\"dialog\" aria-labelledby=\"storeFinderLabel\" aria-hidden=\"true\">\r\n    <div class=\"loading \" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n    <div class=\"modal-dialog\" role=\"document\">\r\n        <div class=\"modal-content\">\r\n            <div class=\" container\">\r\n                <div class=\"modal-header\">\r\n                    <h5 class=\"modal-title\">{{locationModalConstantsData.homeBranch}}</h5>\r\n                    <i class=\"icon-close branch-pop-close\" data-dismiss=\"modal\" aria-label=\"Close\"></i>\r\n                </div>\r\n                <div class=\"modal-body px-2\">\r\n                    <div class=\"selected-location\">\r\n                        <address class=\"mb-0\">\r\n                            <h6>{{homeBranchAddress?.displayName}} <span>({{homeBranchAddress?.businessCategory}})</span></h6>\r\n                            <p class=\"mb-2\">\r\n                                {{homeBranchAddress?.address?.formattedAddress}}<br>\r\n                                <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{homeBranchAddress?.address?.email}}\">{{homeBranchAddress?.address?.email}}</a><br>\r\n                                <span class=\"homeTxtLabel\"> Phone : </span><a href=\"tel:{{homeBranchAddress?.address?.phone}}\">{{homeBranchAddress?.address?.phone}}</a>\r\n                            </p>\r\n                            <span class=\"homeDirection\">\r\n                                <a href=\"javascript:void(0)\" (click)=\"openMap(homeBranchAddress?.geoPoint.latitude, homeBranchAddress?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                            </span>\r\n                        </address>\r\n                    </div>\r\n                    <div class=\"nearest-branch\">\r\n                        <h5>Branches</h5>\r\n                        <ul class=\"nav nav-tabs\" id=\"myTab\" role=\"tablist\">\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link active d-inline-block pl-1\" id=\"all-tab\" data-toggle=\"tab\" href=\"#all\" role=\"tab\" aria-controls=\"all\" aria-selected=\"true\">{{locationModalConstantsData.allTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item\">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"north-tab\" data-toggle=\"tab\" href=\"#north\" role=\"tab\" aria-controls=\"north\" aria-selected=\"false\">{{locationModalConstantsData.northIslandTab}}</a>\r\n                            </li>\r\n                            <li class=\"nav-item \">\r\n                                <a class=\"nav-link d-inline-block pl-1\" id=\"south-tab\" data-toggle=\"tab\" href=\"#south\" role=\"tab\" aria-controls=\"south\" aria-selected=\"false\">{{locationModalConstantsData.southIslandTab}}</a>\r\n                            </li>\r\n                        </ul>\r\n                        <div class=\"tab-content mt-2\" id=\"myTabContent\">\r\n                            <div class=\"tab-pane fade show active\" id=\"all\" role=\"tabpanel\" aria-labelledby=\"all-tab\">\r\n                                <ng-container *ngIf=\"stores && stores?.length; else storesAvalable\">\r\n                                    <address *ngFor=\"let store of stores\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #storesAvalable>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"north\" role=\"tabpanel\" aria-labelledby=\"north-tab\">\r\n                                <ng-container *ngIf=\"arrayNorthIsland && arrayNorthIsland?.length>0; else northIsland\">\r\n                                    <address *ngFor=\"let store of arrayNorthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #northIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                            <div class=\"tab-pane fade\" id=\"south\" role=\"tabpanel\" aria-labelledby=\"south-tab\">\r\n                                <ng-container *ngIf=\"arraySouthIsland && arraySouthIsland?.length>0; else southIsland\">\r\n                                    <address *ngFor=\"let store of arraySouthIsland\" class=\"mb-0\">\r\n                                        <h5>{{store?.displayName}} <span>({{store?.businessCategory}})</span></h5>\r\n                                        <p class=\"mb-2\">{{store?.address?.formattedAddress}}<br>\r\n                                            <span class=\"homeTxtLabel\">Email : </span><a href=\"mailto:{{store?.address?.email}}\">{{store?.address?.email}}</a><br>\r\n                                            <span class=\"homeTxtLabel\">Phone : </span><a href=\"tel:{{store?.address?.phone}}\">{{store?.address?.phone}}</a></p>\r\n                                        <div class=\"pt-1 d-flex align-items-center justify-content-between direction\">\r\n                                            <a href=\"javascript:void(0)\" (click)=\"openMap(store?.geoPoint.latitude, store?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n                                            <button class=\"select-btn\" (click)=\"onBranchChange(store)\">{{locationModalConstantsData.selectBtn}}</button>\r\n                                        </div>\r\n                                    </address>\r\n                                </ng-container>\r\n                                <ng-template #southIsland>\r\n                                    <div class=\"noDataAvailableLabel text-center pt-4\">\r\n                                        <span class=\"noData\">No branch is available</span>\r\n                                    </div>\r\n                                </ng-template>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\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}}.storeFinder{max-width:328px}.input-icon{background-color:#6f6f6f;padding:8px 10px}.w-20{width:20px}.custom-input{height:40px;background-color:#393939;border:1px solid #6F6F6F;color:#fff;border-radius:0;padding:.375rem .75rem;font-size:var(--fontsize16);line-height:var(--fontsize22);width:calc(100% - 42px)}.custom-input:hover{color:#fff}.placeholder-icon{position:absolute;right:0;top:0;z-index:4;cursor:pointer;width:40px;height:40px;display:flex}.form-control[type=text]:focus{background-color:#464645}.close{color:#fff}::placeholder{color:#fff}#storeFinderModal .modal-dialog{position:fixed;margin:auto;width:100%;height:100vh;right:0px;max-width:508px;padding-bottom:4.5rem}#storeFinderModal .modal-content{background-color:#393939;color:#fff}#storeFinderModal .modal-content .modal-header{border-bottom:none;padding:3rem .5rem 1rem}#storeFinderModal .modal-content .modal-header .modal-title{font-size:var(--fontsize24);line-height:var(--fontsize24);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .modal-content .modal-header .branch-pop-close{position:absolute;top:20px;right:25px;font-size:1.5rem;cursor:pointer}#storeFinderModal .modal-body{padding:1rem;height:calc(100vh - 88px)}#storeFinderModal .selected-location{background-color:#474747;padding:1rem}#storeFinderModal .selected-location .homeTxtLabel{width:60px;display:inline-block}#storeFinderModal .selected-location address{margin-bottom:0}#storeFinderModal .selected-location address h6{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .selected-location address h6 span{font-size:var(--fontsize14)}#storeFinderModal .selected-location address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .selected-location address a{color:#fff;text-decoration:underline}#storeFinderModal .selected-location address .homeDirection{cursor:pointer;text-decoration:underline;text-transform:uppercase;font-size:var(--fontsize14);line-height:var(--fontsize16);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch{margin-top:2rem;margin-bottom:3rem}#storeFinderModal .nearest-branch .tab-content .tab-pane{padding-right:1.5rem;overflow-y:auto;height:calc(100vh - 400px)}#storeFinderModal .nearest-branch h5{font-size:var(--fontsize18);line-height:var(--fontsize23);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch h5 span{font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .nav-item{width:calc(100% / 3);text-align:left}#storeFinderModal .nearest-branch .nav-link{font-size:16px;padding-bottom:0;background:#393939;color:#fff}#storeFinderModal .nearest-branch .nav-link.active{border-bottom:4px solid #B61828}#storeFinderModal .nearest-branch address{padding:1rem 0;border-bottom:1px solid #707070}#storeFinderModal .nearest-branch address h5{font-size:var(--fontsize18);line-height:var(--fontsize18);font-family:\"Arial Bold\",sans-serif}#storeFinderModal .nearest-branch address p{font-size:var(--fontsize16);line-height:30px}#storeFinderModal .nearest-branch address a{color:#fff;text-decoration:underline}#storeFinderModal .nearest-branch .direction{text-transform:uppercase}#storeFinderModal .nearest-branch .direction a{font-family:\"Arial Bold\",sans-serif;text-decoration:underline;font-size:var(--fontsize14)}#storeFinderModal .nearest-branch .select-btn{font-family:\"Arial Bold\",sans-serif;height:44px;width:132px;font-size:var(--fontsize14);line-height:var(--fontsize16);background-color:#b61828;color:#fff;border:none}.noDataAvailableLabel{font-size:var(--fontsize14)}.contactNumber{min-width:10em;font-size:var(--fontsize16);padding-top:2px;line-height:var(--fontsize40)}.contactNumber .contactNum i{font-size:var(--fontsize20)}.contactNumber .contactNum a{color:#fff;text-decoration:underline}@media screen and (max-width: 767px){#storeFinderModal .modal-content .modal-header .modal-title{font-size:1.5rem}}@media screen and (max-width: 576px){.storeFinder{max-width:100%}}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FindStoreComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/help-support/help-support.component.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class HelpSupportComponent {
     }
 }
 HelpSupportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HelpSupportComponent, deps: [{ token: i1.CmsService }], target: i0.ɵɵFactoryTarget.Component });
-HelpSupportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HelpSupportComponent, selector: "app-help-support", ngImport: i0, template: "<div class=\"menuItemContainer d-flex align-items-center justify-content-center align-middle\">\r\n    <div class=\"nav-item dropdown d-flex align-items-center justify-content-center align-middle\">\r\n        <a class=\"nav-link\" href=\"javascript:void(0)\" id=\"navbarDropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n            <img class=\"customer-service-icon\" src=\"../../../assets/images/Icon-ionic-ios-help-circle.svg\" alt=\"Help Icon\">\r\n        </a>\r\n        <div class=\"dropdown-menu dropdown-menu-end helpSupport\" aria-labelledby=\"navbarDropdownMenuLink\">\r\n            <div class=\"arrow-up\"></div>\r\n            <div [innerHtml]=\"helpsSupData?.content\"></div>\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)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:-5px;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}::ng-deep .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}::ng-deep .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}::ng-deep .helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}::ng-deep .helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}::ng-deep .helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}::ng-deep .helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}::ng-deep .helpSupport .contact-us-info a{color:#fff;text-decoration:none}::ng-deep .helpSupport .contact-us-info a:hover{text-decoration:underline}\n"] });
+HelpSupportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: HelpSupportComponent, selector: "app-help-support", ngImport: i0, template: "<div class=\"menuItemContainer d-flex align-items-center justify-content-center align-middle\">\r\n    <div class=\"nav-item dropdown d-flex align-items-center justify-content-center align-middle\">\r\n        <a class=\"nav-link\" href=\"javascript:void(0)\" id=\"navbarDropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n            <img class=\"customer-service-icon\" src=\"../../../assets/images/Icon-ionic-ios-help-circle.svg\" alt=\"Help Icon\">\r\n        </a>\r\n        <div class=\"dropdown-menu dropdown-menu-end helpSupport\" aria-labelledby=\"navbarDropdownMenuLink\">\r\n            <div class=\"arrow-up\"></div>\r\n            <div [innerHtml]=\"helpsSupData?.content\"></div>\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 .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}::ng-deep .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}::ng-deep .helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}::ng-deep .helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}::ng-deep .helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}::ng-deep .helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}::ng-deep .helpSupport .contact-us-info a{color:#fff;text-decoration:none}::ng-deep .helpSupport .contact-us-info a:hover{text-decoration:underline}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: HelpSupportComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/my-account/account-dashboard/account-dashboard.component.js CHANGED Viewed

@@ -119,7 +119,7 @@ export class AccountDashboardComponent {
     }
 }
 AccountDashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AccountDashboardComponent, deps: [{ token: i1.MyAccountService }, { token: i0.ChangeDetectorRef }, { token: i2.CmsService }, { token: i3.OrderHistoryService }], target: i0.ɵɵFactoryTarget.Component });
-AccountDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AccountDashboardComponent, selector: "app-account-dashboard", outputs: { navigateInvoices: "navigateInvoices" }, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row gx-5 dashboard-main-container\">\r\n    <div class=\"col dashboard-invoices mr-3\">\r\n        <h4>\r\n            Invoices & Credit Notes\r\n            <a *ngIf=\"dataAvailale == 'hasData' \" (click)=\"navigateToInvoices()\" \r\n            id=\"invoice-credit-tab\" data-toggle=\"tab\" data-target=\"#invoice-credit\" class=\"view-all-link\" title=\"View All\">View all</a>\r\n        </h4>\r\n        <ng-container *ngIf=\"dataAvailale == 'hasData' \">\r\n            <div class=\"dashboard-table-container table-responsive\">\r\n                <table class=\"table account-list-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th scope=\"col\">Date</th>\r\n                            <th scope=\"col\">Due Date</th>\r\n                            <th scope=\"col\">Invoice #</th>\r\n                            <th scope=\"col\">Status</th>\r\n                            <th scope=\"col\">Total <span class=\"gst-text\">excl GST</span></th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr *ngFor=\"let data of invoiceCreditList.slice(0,6)\">\r\n                            <td>{{data.date | date: 'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.dueDate | date: 'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.documentNumber}}</td>\r\n                            <td class=\" status-message {{data.className}}\">{{data.status}}</td>\r\n                            <td [ngClass]=\"{'negative-price':data.openAmount < 0}\">{{data.formattedAmount}}</td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"dataAvailale == 'noData'\">\r\n            <div class=\"no-data-header\"></div>\r\n            <div class=\"norecord-card\">\r\n                <div class=\"py-5 px-5 empty-accountstatements\" [innerHTML]=\"emptyDashboardInvoicesComponent\"></div>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"col dashboard-orders\">\r\n        <div class=\"loading\" *ngIf=\"showOrderCursor | async \">Loading&#8230;</div>\r\n        <h4>\r\n            My Orders\r\n            <a *ngIf=\"ordersDataAvailale == 'hasData' \" href=\"/my-account/orders\" class=\"view-all-link\" title=\"View All\">View all</a>\r\n        </h4>\r\n        <ng-container *ngIf=\"ordersDataAvailale == 'hasData' \">\r\n            <div class=\"orders-table-container dashboard-table-container table-responsive\">\r\n                <table class=\"table account-list-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th scope=\"col\">Date</th>\r\n                            <th scope=\"col\">Order #</th>\r\n                            <th scope=\"col\">PO #</th>\r\n                            <!-- Future requirement-->\r\n                            <!-- <th scope=\"col\">Delivery Dates</th> -->\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr *ngFor=\"let data of orders; let i = index\">\r\n                            <td>{{data.placed | date:'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.code}}</td>\r\n                            <td>{{data.purchaseOrderNumber}}</td>\r\n                            <!-- Future requirement-->\r\n                            <!-- <td>  \r\n                                <ng-container *ngIf=\"orders?.isSameDate; else notMatch\">\r\n                                    {{data?.minDeliveryDate | date: 'dd/MM/yyyy'}}\r\n                                </ng-container>\r\n                                <ng-template #notMatch>\r\n                                    {{data?.minDeliveryDate | date: 'dd/MM/yyyy'}} - {{data?.maxDeliveryDate | date: 'dd/MM/yyyy'}}\r\n                                </ng-template> \r\n                            </td> -->\r\n                        </tr>\r\n\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </ng-container>\r\n        <!-- Code for when there is no orders data available - need to add condition here-->\r\n        <ng-container *ngIf=\"ordersDataAvailale == 'noData'\">\r\n            <div class=\"no-data-header\"></div>\r\n            <div class=\"norecord-card\">\r\n                <div class=\"py-5 px-5 empty-accountstatements\" [innerHTML]=\"emptyDashboardOrdersComponent\"></div>\r\n            </div>\r\n        </ng-container>\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)}#visualization-container{text-align:center;margin:0 auto}#cds-viewer-container-3d{width:320px;height:200px}#cds-viewer-container-2d{width:320px;height:200px}[aria-label=Close]{cursor:pointer}cx-media.is-missing{background:url(./assets/images/search-noimage.svg);background-size:cover;background-position:center;background-repeat:no-repeat}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:-5px;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:328px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:15px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}}.dashboard-main-container .dashboard-invoices,.dashboard-main-container .dashboard-orders{margin-top:2.5rem}.dashboard-main-container .dashboard-invoices h4,.dashboard-main-container .dashboard-orders h4{margin-bottom:1rem;font-family:\"Arial Bold\",sans-serif}.dashboard-main-container .dashboard-invoices .account-list-table tbody td,.dashboard-main-container .dashboard-orders .account-list-table tbody td{position:relative}.dashboard-main-container .view-all-link{float:right;font-size:var(--fontsize16);color:#262626;text-decoration:underline;cursor:pointer;font-family:\"Arial Regular\",sans-serif}.dashboard-main-container .view-all-link:hover{color:#b61828}.dashboard-main-container .dashboard-table-container .negative-price{color:#d0021b}.dashboard-main-container .dashboard-table-container .invoice-status{text-transform:capitalize}.dashboard-main-container .dashboard-table-container table{border:1px solid #E0E0E0}.dashboard-main-container .dashboard-table-container table thead{background:#646363}.dashboard-main-container .dashboard-table-container table thead th{color:#fff;padding-top:.5rem;padding-bottom:.5rem;font-family:\"Arial Bold\",sans-serif;font-size:var(--fontsize14);text-transform:uppercase;vertical-align:middle;text-align:left}.dashboard-main-container .dashboard-table-container table thead th .gst-text{font-size:var(--fontsize12);display:block;text-transform:none;font-style:italic}.dashboard-main-container .status-message{text-transform:capitalize}.dashboard-main-container .status-default,.dashboard-main-container .status-open:before,.dashboard-main-container .status-paid:before,.dashboard-main-container .status-overdue:before{content:\"\";width:8px;height:8px;border-radius:50%;position:absolute;left:0px;top:50%;transform:translate(-50%,-50%)}.dashboard-main-container .status-overdue:before{background-color:#d0021b}.dashboard-main-container .status-paid:before{background-color:#2aa900}.dashboard-main-container .status-open:before{background-color:#ff7d00}.no-data-header{background-color:#646363;height:40px}.norecord-card{background-color:#fff;border:1px solid #E0E0E0}@media screen and (max-width: 992px){.dashboard-main-container .dashboard-invoices{margin-top:1rem}}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i4.AsyncPipe, "date": i4.DatePipe } });
+AccountDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AccountDashboardComponent, selector: "app-account-dashboard", outputs: { navigateInvoices: "navigateInvoices" }, ngImport: i0, template: "<div class=\"loading\" *ngIf=\"showWaitCursor | async \">Loading&#8230;</div>\r\n<div class=\"row gx-5 dashboard-main-container\">\r\n    <div class=\"col dashboard-invoices mr-3\">\r\n        <h4>\r\n            Invoices & Credit Notes\r\n            <a *ngIf=\"dataAvailale == 'hasData' \" (click)=\"navigateToInvoices()\" \r\n            id=\"invoice-credit-tab\" data-toggle=\"tab\" data-target=\"#invoice-credit\" class=\"view-all-link\" title=\"View All\">View all</a>\r\n        </h4>\r\n        <ng-container *ngIf=\"dataAvailale == 'hasData' \">\r\n            <div class=\"dashboard-table-container table-responsive\">\r\n                <table class=\"table account-list-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th scope=\"col\">Date</th>\r\n                            <th scope=\"col\">Due Date</th>\r\n                            <th scope=\"col\">Invoice #</th>\r\n                            <th scope=\"col\">Status</th>\r\n                            <th scope=\"col\">Total <span class=\"gst-text\">excl GST</span></th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr *ngFor=\"let data of invoiceCreditList.slice(0,6)\">\r\n                            <td>{{data.date | date: 'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.dueDate | date: 'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.documentNumber}}</td>\r\n                            <td class=\" status-message {{data.className}}\">{{data.status}}</td>\r\n                            <td [ngClass]=\"{'negative-price':data.openAmount < 0}\">{{data.formattedAmount}}</td>\r\n                        </tr>\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"dataAvailale == 'noData'\">\r\n            <div class=\"no-data-header\"></div>\r\n            <div class=\"norecord-card\">\r\n                <div class=\"py-5 px-5 empty-accountstatements\" [innerHTML]=\"emptyDashboardInvoicesComponent\"></div>\r\n            </div>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"col dashboard-orders\">\r\n        <div class=\"loading\" *ngIf=\"showOrderCursor | async \">Loading&#8230;</div>\r\n        <h4>\r\n            My Orders\r\n            <a *ngIf=\"ordersDataAvailale == 'hasData' \" href=\"/my-account/orders\" class=\"view-all-link\" title=\"View All\">View all</a>\r\n        </h4>\r\n        <ng-container *ngIf=\"ordersDataAvailale == 'hasData' \">\r\n            <div class=\"orders-table-container dashboard-table-container table-responsive\">\r\n                <table class=\"table account-list-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th scope=\"col\">Date</th>\r\n                            <th scope=\"col\">Order #</th>\r\n                            <th scope=\"col\">PO #</th>\r\n                            <!-- Future requirement-->\r\n                            <!-- <th scope=\"col\">Delivery Dates</th> -->\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        <tr *ngFor=\"let data of orders; let i = index\">\r\n                            <td>{{data.placed | date:'dd/MM/yyyy'}}</td>\r\n                            <td>{{data.code}}</td>\r\n                            <td>{{data.purchaseOrderNumber}}</td>\r\n                            <!-- Future requirement-->\r\n                            <!-- <td>  \r\n                                <ng-container *ngIf=\"orders?.isSameDate; else notMatch\">\r\n                                    {{data?.minDeliveryDate | date: 'dd/MM/yyyy'}}\r\n                                </ng-container>\r\n                                <ng-template #notMatch>\r\n                                    {{data?.minDeliveryDate | date: 'dd/MM/yyyy'}} - {{data?.maxDeliveryDate | date: 'dd/MM/yyyy'}}\r\n                                </ng-template> \r\n                            </td> -->\r\n                        </tr>\r\n\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </ng-container>\r\n        <!-- Code for when there is no orders data available - need to add condition here-->\r\n        <ng-container *ngIf=\"ordersDataAvailale == 'noData'\">\r\n            <div class=\"no-data-header\"></div>\r\n            <div class=\"norecord-card\">\r\n                <div class=\"py-5 px-5 empty-accountstatements\" [innerHTML]=\"emptyDashboardOrdersComponent\"></div>\r\n            </div>\r\n        </ng-container>\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}}.dashboard-main-container .dashboard-invoices,.dashboard-main-container .dashboard-orders{margin-top:2.5rem}.dashboard-main-container .dashboard-invoices h4,.dashboard-main-container .dashboard-orders h4{margin-bottom:1rem;font-family:\"Arial Bold\",sans-serif}.dashboard-main-container .dashboard-invoices .account-list-table tbody td,.dashboard-main-container .dashboard-orders .account-list-table tbody td{position:relative}.dashboard-main-container .view-all-link{float:right;font-size:var(--fontsize16);color:#262626;text-decoration:underline;cursor:pointer;font-family:\"Arial Regular\",sans-serif}.dashboard-main-container .view-all-link:hover{color:#b61828}.dashboard-main-container .dashboard-table-container .negative-price{color:#d0021b}.dashboard-main-container .dashboard-table-container .invoice-status{text-transform:capitalize}.dashboard-main-container .dashboard-table-container table{border:1px solid #E0E0E0}.dashboard-main-container .dashboard-table-container table thead{background:#646363}.dashboard-main-container .dashboard-table-container table thead th{color:#fff;padding-top:.5rem;padding-bottom:.5rem;font-family:\"Arial Bold\",sans-serif;font-size:var(--fontsize14);text-transform:uppercase;vertical-align:middle;text-align:left}.dashboard-main-container .dashboard-table-container table thead th .gst-text{font-size:var(--fontsize12);display:block;text-transform:none;font-style:italic}.dashboard-main-container .status-message{text-transform:capitalize}.dashboard-main-container .status-default,.dashboard-main-container .status-open:before,.dashboard-main-container .status-paid:before,.dashboard-main-container .status-overdue:before{content:\"\";width:8px;height:8px;border-radius:50%;position:absolute;left:0px;top:50%;transform:translate(-50%,-50%)}.dashboard-main-container .status-overdue:before{background-color:#d0021b}.dashboard-main-container .status-paid:before{background-color:#2aa900}.dashboard-main-container .status-open:before{background-color:#ff7d00}.no-data-header{background-color:#646363;height:40px}.norecord-card{background-color:#fff;border:1px solid #E0E0E0}@media screen and (max-width: 992px){.dashboard-main-container .dashboard-invoices{margin-top:1rem}}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i4.AsyncPipe, "date": i4.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AccountDashboardComponent, decorators: [{
             type: Component,
             args: [{