buildingproduct-library 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{buildingproduct-library-1.0.6.tgz → buildingproduct-library-1.0.7.tgz} +0 -0
- package/bundles/buildingproduct-library.umd.js +15 -13
- package/bundles/buildingproduct-library.umd.js.map +1 -1
- package/esm2015/lib/find-store/find-store.component.js +14 -12
- package/esm2015/lib/my-account/invoice-credit/invoice-credit.component.js +2 -2
- package/fesm2015/buildingproduct-library.js +14 -12
- package/fesm2015/buildingproduct-library.js.map +1 -1
- package/package.json +1 -1
|
Binary file
|
|
@@ -1230,15 +1230,16 @@
|
|
|
1230
1230
|
this.locationId = document.getElementById("demo");
|
|
1231
1231
|
this.locationModalConstantsData = new storeLocations();
|
|
1232
1232
|
this.showPosition = function (position) {
|
|
1233
|
+
var _a, _b;
|
|
1233
1234
|
_this.cd.markForCheck();
|
|
1234
|
-
_this.latitude = position.coords.latitude;
|
|
1235
|
-
_this.longitude = position.coords.longitude;
|
|
1235
|
+
_this.latitude = (_a = position === null || position === void 0 ? void 0 : position.coords) === null || _a === void 0 ? void 0 : _a.latitude;
|
|
1236
|
+
_this.longitude = (_b = position === null || position === void 0 ? void 0 : position.coords) === null || _b === void 0 ? void 0 : _b.longitude;
|
|
1236
1237
|
};
|
|
1237
1238
|
}
|
|
1238
1239
|
FindStoreComponent.prototype.ngOnInit = function () {
|
|
1239
1240
|
return __awaiter(this, void 0, void 0, function () {
|
|
1240
1241
|
var _this = this;
|
|
1241
|
-
return __generator(this, function (
|
|
1242
|
+
return __generator(this, function (_c) {
|
|
1242
1243
|
// const isLoaded = await this.fiUserAccountDetailsService.isEnviornmentLoaded();
|
|
1243
1244
|
this.findStoreService.homeBranch.subscribe(function (data) {
|
|
1244
1245
|
setTimeout(function () {
|
|
@@ -1267,23 +1268,24 @@
|
|
|
1267
1268
|
long: this.longitude
|
|
1268
1269
|
};
|
|
1269
1270
|
this.findStoreService.getAllStores(latAndlong).subscribe(function (data) {
|
|
1271
|
+
var _a, _b;
|
|
1270
1272
|
_this.showWaitCursor.next(false);
|
|
1271
|
-
_this.stores = data.stores;
|
|
1273
|
+
_this.stores = data === null || data === void 0 ? void 0 : data.stores;
|
|
1272
1274
|
_this.storeApiSubscried = true;
|
|
1273
|
-
_this.isDefaultPOS = data.stores.forEach(function (element) {
|
|
1274
|
-
if (element && element.isDefaultPOS == true) {
|
|
1275
|
+
_this.isDefaultPOS = data === null || data === void 0 ? void 0 : data.stores.forEach(function (element) {
|
|
1276
|
+
if (element && (element === null || element === void 0 ? void 0 : element.isDefaultPOS) == true) {
|
|
1275
1277
|
_this.homeBranchAddress = element;
|
|
1276
1278
|
}
|
|
1277
1279
|
});
|
|
1278
|
-
_this.arrayNorthIsland = _this.stores.filter(function (element) { return element.islandName == 'North Island'; });
|
|
1279
|
-
_this.arraySouthIsland = _this.stores.filter(function (element) { return element.islandName == 'South Island'; });
|
|
1280
|
+
_this.arrayNorthIsland = (_a = _this.stores) === null || _a === void 0 ? void 0 : _a.filter(function (element) { return (element === null || element === void 0 ? void 0 : element.islandName) == 'North Island'; });
|
|
1281
|
+
_this.arraySouthIsland = (_b = _this.stores) === null || _b === void 0 ? void 0 : _b.filter(function (element) { return (element === null || element === void 0 ? void 0 : element.islandName) == 'South Island'; });
|
|
1280
1282
|
});
|
|
1281
1283
|
};
|
|
1282
1284
|
FindStoreComponent.prototype.openMap = function (lat, long) {
|
|
1283
1285
|
window.open(DIRECTION_URL.url + lat + ',' + long, '_blank');
|
|
1284
1286
|
};
|
|
1285
1287
|
FindStoreComponent.prototype.onBranchChange = function (data) {
|
|
1286
|
-
this.findStoreService.changeBranch(data.name).subscribe(function (_result) {
|
|
1288
|
+
this.findStoreService.changeBranch(data === null || data === void 0 ? void 0 : data.name).subscribe(function (_result) {
|
|
1287
1289
|
localStorage.setItem('branchDetails', JSON.stringify(data));
|
|
1288
1290
|
window.location.reload();
|
|
1289
1291
|
}, function (_error) {
|
|
@@ -1291,8 +1293,8 @@
|
|
|
1291
1293
|
});
|
|
1292
1294
|
};
|
|
1293
1295
|
FindStoreComponent.prototype.getLocation = function () {
|
|
1294
|
-
if (navigator.geolocation) {
|
|
1295
|
-
var abc = navigator.geolocation.getCurrentPosition(this.showPosition);
|
|
1296
|
+
if (navigator === null || navigator === void 0 ? void 0 : navigator.geolocation) {
|
|
1297
|
+
var abc = navigator === null || navigator === void 0 ? void 0 : navigator.geolocation.getCurrentPosition(this.showPosition);
|
|
1296
1298
|
}
|
|
1297
1299
|
else {
|
|
1298
1300
|
this.locationId.innerHTML = "Geolocation is not supported by this browser.";
|
|
@@ -1301,7 +1303,7 @@
|
|
|
1301
1303
|
return FindStoreComponent;
|
|
1302
1304
|
}());
|
|
1303
1305
|
FindStoreComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FindStoreComponent, deps: [{ token: FindStoreService }, { token: UserAccountDetailServiceService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1304
|
-
FindStoreComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FindStoreComponent, selector: "app-find-store", ngImport: i0__namespace, 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…</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 <div class=\"homeDirection pt-1 d-flex align-items-center justify-content-between\">\r\n <a href=\"javascript:void(0)\" (click)=\"openMap(homeBranchAddress?.geoPoint.latitude, homeBranchAddress?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n <button class=\"select-btn\" (click)=\"onBranchChange(homeBranchAddress)\">{{locationModalConstantsData.selectBtn}}</button>\r\n </div>\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/Arial-BoldMT.eot);src:url(../assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(../assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(../assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(../assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(../assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight: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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(../assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(../assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}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 a{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)}.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: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i5__namespace.AsyncPipe } });
|
|
1306
|
+
FindStoreComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FindStoreComponent, selector: "app-find-store", ngImport: i0__namespace, 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…</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 *ngIf=\"homeBranchAddress?.businessCategory\">({{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 <div class=\"homeDirection pt-1 d-flex align-items-center justify-content-between\">\r\n <a href=\"javascript:void(0)\" (click)=\"openMap(homeBranchAddress?.geoPoint.latitude, homeBranchAddress?.geoPoint.longitude)\">{{locationModalConstantsData.getDirectionBtn}}</a>\r\n <button class=\"select-btn\" (click)=\"onBranchChange(homeBranchAddress)\">{{locationModalConstantsData.selectBtn}}</button>\r\n </div>\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 *ngIf=\"store?.businessCategory\">({{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/Arial-BoldMT.eot);src:url(../assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(../assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(../assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(../assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(../assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:\"Arial Black\";src:url(../assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(../assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight: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-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(../assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(../assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:\"Arial Regular\",sans-serif}header{background-color:#1d1d1b;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:center;justify-content:space-between;padding-top:5px;padding-bottom:5px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:\"Arial Bold\",sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:\"Helvetica Neue Regular\",sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%}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 a{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)}.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: i5__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i5__namespace.AsyncPipe } });
|
|
1305
1307
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FindStoreComponent, decorators: [{
|
|
1306
1308
|
type: i0.Component,
|
|
1307
1309
|
args: [{
|
|
@@ -12225,7 +12227,7 @@
|
|
|
12225
12227
|
});
|
|
12226
12228
|
};
|
|
12227
12229
|
InvoiceCreditComponent.prototype.onSearchChange = function (e) {
|
|
12228
|
-
if (e.target.value == ''
|
|
12230
|
+
if (e.target.value == '') {
|
|
12229
12231
|
this.isInputValue = false;
|
|
12230
12232
|
}
|
|
12231
12233
|
else {
|