buildingproduct-library 5.3.9 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
Binary file
|
|
@@ -4833,9 +4833,10 @@ class DateRangePickerComponent {
|
|
|
4833
4833
|
// Function to call when the input is touched.
|
|
4834
4834
|
this.onTouched = () => {
|
|
4835
4835
|
};
|
|
4836
|
-
this.onTypeChange = (
|
|
4836
|
+
this.onTypeChange = (value) => {
|
|
4837
4837
|
this.openDatepicker();
|
|
4838
|
-
this.selectedDateKey =
|
|
4838
|
+
this.selectedDateKey = value;
|
|
4839
|
+
this.cd.markForCheck();
|
|
4839
4840
|
};
|
|
4840
4841
|
}
|
|
4841
4842
|
ngOnInit() {
|
|
@@ -4930,7 +4931,7 @@ class DateRangePickerComponent {
|
|
|
4930
4931
|
useExisting: forwardRef(() => DateRangePickerComponent),
|
|
4931
4932
|
multi: true
|
|
4932
4933
|
}
|
|
4933
|
-
], viewQueries: [{ propertyName: "pickerDirective", first: true, predicate: DaterangepickerDirective, descendants: true }], ngImport: i0, template: "<div class=\"popup\" (window:resize)=\"onResize($event)\">\r\n <mat-radio-group *ngIf=\"showControls\" aria-label=\"Select an option\">\r\n <mat-radio-button [checked]=\"selectedDateKey == 'orderDate'\" (change)=\"onTypeChange('orderDate')\" [value]=\"'orderDate'\" class=\"pl-0\">Order</mat-radio-button>\r\n <mat-radio-button [checked]=\"selectedDateKey == 'deliveryDate'\" (change)=\"onTypeChange('deliveryDate')\" [value]=\"'deliveryDate'\" class=\"px-4\">Delivery</mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"fx-date-range-container\">\r\n <input [closeOnAutoApply]=\"false\" #DaterangepickerDirective class=\"fx-date-range\" type=\"text\" matInput\r\n ngxDaterangepickerMd [locale]=\"{applyLabel: 'apply', format: 'MM/DD/YY'}\" [drops]=\"'down'\" [opens]=\"'right'\"\r\n [ranges]=\"ranges\" [showCustomRangeLabel]=\"false\" [alwaysShowCalendars]=\"true\" [keepCalendarOpeningWithRange]=\"true\"\r\n [showCancel]=\"true\" autocomplete=\"off\" (datesUpdated)=\"datesUpdated($event)\" [(ngModel)]=\"selectedDateRange\"\r\n name=\"daterange\" [minDate]=\"minDate\"/>\r\n </div>\r\n \r\n <input class=\"ngx-daterangepicker-action input-calendar-picker\" (click)=\"openDatepicker()\" [placeholder]=\"calendarPlaceholder\">\r\n <!-- <img src=\"../../../../assets/images/icon_calender.svg\" alt=\"calender\" class=\"date-icon ngx-daterangepicker-action\" (click)=\"openDatepicker()\"> -->\r\n </div>\r\n ", styles: ["@media screen and (min-width: 1366px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize54: 2.25rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0;font-weight:400}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width: 420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SiteLogo .storeLogo a{min-height:auto;width:auto}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}.calender-class{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container input{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button.active{background-color:transparent;color:#000;font-family:Arial Bold,sans-serif;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker td.active,::ng-deep .fx-date-range-container .md-drppicker td.active:hover{background-color:#b61828;border-radius:0}::ng-deep .fx-date-range-container .md-drppicker .btn{background-color:#000;color:#fff;font-size:var(--fontsize14);padding-left:1rem;padding-right:1rem}::ng-deep .fx-date-range-container .md-drppicker .btn:hover{background-color:#b61828}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default{background:none;box-shadow:none;margin-right:30px;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default:hover{background-color:transparent}@media screen and (max-width: 767px){::ng-deep .fx-date-range-container .md-drppicker{z-index:9}::ng-deep .fx-date-range-container .md-drppicker .ranges ul{margin-bottom:15px}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li{display:inline-block}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{margin:0;padding:5px 12px}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i5$2.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] }); }
|
|
4934
|
+
], viewQueries: [{ propertyName: "pickerDirective", first: true, predicate: DaterangepickerDirective, descendants: true }], ngImport: i0, template: "<div class=\"popup\" (window:resize)=\"onResize($event)\">\r\n <mat-radio-group *ngIf=\"showControls\" aria-label=\"Select an option\" [(ngModel)]=\"selectedDateKey\" (change)=\"onTypeChange($event.value)\">\r\n <mat-radio-button [value]=\"'orderDate'\" class=\"pl-0\">Order</mat-radio-button>\r\n <mat-radio-button [value]=\"'deliveryDate'\" class=\"px-4\">Delivery</mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"fx-date-range-container\">\r\n <input [closeOnAutoApply]=\"false\" #DaterangepickerDirective class=\"fx-date-range\" type=\"text\" matInput\r\n ngxDaterangepickerMd [locale]=\"{applyLabel: 'apply', format: 'MM/DD/YY'}\" [drops]=\"'down'\" [opens]=\"'right'\"\r\n [ranges]=\"ranges\" [showCustomRangeLabel]=\"false\" [alwaysShowCalendars]=\"true\" [keepCalendarOpeningWithRange]=\"true\"\r\n [showCancel]=\"true\" autocomplete=\"off\" (datesUpdated)=\"datesUpdated($event)\" [(ngModel)]=\"selectedDateRange\"\r\n name=\"daterange\" [minDate]=\"minDate\"/>\r\n </div>\r\n \r\n <input class=\"ngx-daterangepicker-action input-calendar-picker\" (click)=\"openDatepicker()\" [placeholder]=\"calendarPlaceholder\">\r\n <!-- <img src=\"../../../../assets/images/icon_calender.svg\" alt=\"calender\" class=\"date-icon ngx-daterangepicker-action\" (click)=\"openDatepicker()\"> -->\r\n </div>\r\n ", styles: ["@media screen and (min-width: 1366px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize54: 2.25rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0;font-weight:400}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width: 420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SiteLogo .storeLogo a{min-height:auto;width:auto}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}.calender-class{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container input{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button.active{background-color:transparent;color:#000;font-family:Arial Bold,sans-serif;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker td.active,::ng-deep .fx-date-range-container .md-drppicker td.active:hover{background-color:#b61828;border-radius:0}::ng-deep .fx-date-range-container .md-drppicker .btn{background-color:#000;color:#fff;font-size:var(--fontsize14);padding-left:1rem;padding-right:1rem}::ng-deep .fx-date-range-container .md-drppicker .btn:hover{background-color:#b61828}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default{background:none;box-shadow:none;margin-right:30px;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default:hover{background-color:transparent}@media screen and (max-width: 767px){::ng-deep .fx-date-range-container .md-drppicker{z-index:9}::ng-deep .fx-date-range-container .md-drppicker .ranges ul{margin-bottom:15px}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li{display:inline-block}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{margin:0;padding:5px 12px}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4$1.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$1.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "directive", type: i5$2.DaterangepickerDirective, selector: "input[ngxDaterangepickerMd]", inputs: ["minDate", "maxDate", "autoApply", "alwaysShowCalendars", "showCustomRangeLabel", "linkedCalendars", "dateLimit", "singleDatePicker", "showWeekNumbers", "showISOWeekNumbers", "showDropdowns", "isInvalidDate", "isCustomDate", "isTooltipDate", "showClearButton", "customRangeDirection", "ranges", "opens", "drops", "firstMonthDayClass", "lastMonthDayClass", "emptyWeekRowClass", "emptyWeekColumnClass", "firstDayOfNextMonthClass", "lastDayOfPreviousMonthClass", "keepCalendarOpeningWithRange", "showRangeLabelOnInput", "showCancel", "lockStartDate", "timePicker", "timePicker24Hour", "timePickerIncrement", "timePickerSeconds", "closeOnAutoApply", "endKeyHolder", "startKey", "locale", "endKey"], outputs: ["change", "rangeClicked", "datesUpdated", "startDateChanged", "endDateChanged", "clearClicked"] }] }); }
|
|
4934
4935
|
}
|
|
4935
4936
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DateRangePickerComponent, decorators: [{
|
|
4936
4937
|
type: Component,
|
|
@@ -4940,7 +4941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
4940
4941
|
useExisting: forwardRef(() => DateRangePickerComponent),
|
|
4941
4942
|
multi: true
|
|
4942
4943
|
}
|
|
4943
|
-
], standalone: false, template: "<div class=\"popup\" (window:resize)=\"onResize($event)\">\r\n <mat-radio-group *ngIf=\"showControls\" aria-label=\"Select an option\">\r\n <mat-radio-button [checked]=\"selectedDateKey == 'orderDate'\" (change)=\"onTypeChange('orderDate')\" [value]=\"'orderDate'\" class=\"pl-0\">Order</mat-radio-button>\r\n <mat-radio-button [checked]=\"selectedDateKey == 'deliveryDate'\" (change)=\"onTypeChange('deliveryDate')\" [value]=\"'deliveryDate'\" class=\"px-4\">Delivery</mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"fx-date-range-container\">\r\n <input [closeOnAutoApply]=\"false\" #DaterangepickerDirective class=\"fx-date-range\" type=\"text\" matInput\r\n ngxDaterangepickerMd [locale]=\"{applyLabel: 'apply', format: 'MM/DD/YY'}\" [drops]=\"'down'\" [opens]=\"'right'\"\r\n [ranges]=\"ranges\" [showCustomRangeLabel]=\"false\" [alwaysShowCalendars]=\"true\" [keepCalendarOpeningWithRange]=\"true\"\r\n [showCancel]=\"true\" autocomplete=\"off\" (datesUpdated)=\"datesUpdated($event)\" [(ngModel)]=\"selectedDateRange\"\r\n name=\"daterange\" [minDate]=\"minDate\"/>\r\n </div>\r\n \r\n <input class=\"ngx-daterangepicker-action input-calendar-picker\" (click)=\"openDatepicker()\" [placeholder]=\"calendarPlaceholder\">\r\n <!-- <img src=\"../../../../assets/images/icon_calender.svg\" alt=\"calender\" class=\"date-icon ngx-daterangepicker-action\" (click)=\"openDatepicker()\"> -->\r\n </div>\r\n ", styles: ["@media screen and (min-width: 1366px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize54: 2.25rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0;font-weight:400}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width: 420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SiteLogo .storeLogo a{min-height:auto;width:auto}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}.calender-class{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container input{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button.active{background-color:transparent;color:#000;font-family:Arial Bold,sans-serif;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker td.active,::ng-deep .fx-date-range-container .md-drppicker td.active:hover{background-color:#b61828;border-radius:0}::ng-deep .fx-date-range-container .md-drppicker .btn{background-color:#000;color:#fff;font-size:var(--fontsize14);padding-left:1rem;padding-right:1rem}::ng-deep .fx-date-range-container .md-drppicker .btn:hover{background-color:#b61828}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default{background:none;box-shadow:none;margin-right:30px;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default:hover{background-color:transparent}@media screen and (max-width: 767px){::ng-deep .fx-date-range-container .md-drppicker{z-index:9}::ng-deep .fx-date-range-container .md-drppicker .ranges ul{margin-bottom:15px}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li{display:inline-block}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{margin:0;padding:5px 12px}}\n"] }]
|
|
4944
|
+
], standalone: false, template: "<div class=\"popup\" (window:resize)=\"onResize($event)\">\r\n <mat-radio-group *ngIf=\"showControls\" aria-label=\"Select an option\" [(ngModel)]=\"selectedDateKey\" (change)=\"onTypeChange($event.value)\">\r\n <mat-radio-button [value]=\"'orderDate'\" class=\"pl-0\">Order</mat-radio-button>\r\n <mat-radio-button [value]=\"'deliveryDate'\" class=\"px-4\">Delivery</mat-radio-button>\r\n </mat-radio-group>\r\n <div class=\"fx-date-range-container\">\r\n <input [closeOnAutoApply]=\"false\" #DaterangepickerDirective class=\"fx-date-range\" type=\"text\" matInput\r\n ngxDaterangepickerMd [locale]=\"{applyLabel: 'apply', format: 'MM/DD/YY'}\" [drops]=\"'down'\" [opens]=\"'right'\"\r\n [ranges]=\"ranges\" [showCustomRangeLabel]=\"false\" [alwaysShowCalendars]=\"true\" [keepCalendarOpeningWithRange]=\"true\"\r\n [showCancel]=\"true\" autocomplete=\"off\" (datesUpdated)=\"datesUpdated($event)\" [(ngModel)]=\"selectedDateRange\"\r\n name=\"daterange\" [minDate]=\"minDate\"/>\r\n </div>\r\n \r\n <input class=\"ngx-daterangepicker-action input-calendar-picker\" (click)=\"openDatepicker()\" [placeholder]=\"calendarPlaceholder\">\r\n <!-- <img src=\"../../../../assets/images/icon_calender.svg\" alt=\"calender\" class=\"date-icon ngx-daterangepicker-action\" (click)=\"openDatepicker()\"> -->\r\n </div>\r\n ", styles: ["@media screen and (min-width: 1366px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: 1.063rem;--fontsize17-5: 1.1rem;--fontsize18: 1.125rem;--fontsize18-4: 1.5rem;--fontsize20: 1.25rem;--fontsize21: 1.313rem;--fontsize22: 1.375rem;--fontsize23: 1.438rem;--fontsize24: 1.5rem;--fontsize26: 1.625rem;--fontsize28: 1.75rem;--fontsize30: 1.625rem;--fontsize32: 2rem;--fontsize34: 2.125rem;--fontsize36: 2rem;--fontsize40: 2.25rem;--fontsize46: 2.875rem;--fontsize54: 3.375rem;--fontsize80: 5rem}}@media screen and (max-width: 1365px) and (min-width: 768px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2.875rem;--fontsize54: 3rem;--fontsize80: 3.5rem}}@media screen and (max-width: 767px){:root{--fontsize11: .7rem;--fontsize12: .75rem;--fontsize14: .875rem;--fontsize16: 1rem;--fontsize16-5: .77rem;--fontsize17: .9rem;--fontsize17-5: 1rem;--fontsize18: .875rem;--fontsize19: .938rem;--fontsize20: 1rem;--fontsize21: 1.063rem;--fontsize22: 1.125rem;--fontsize23: 1.188rem;--fontsize24: 1rem;--fontsize26: 1.25rem;--fontsize28: 1.5rem;--fontsize30: 1.25rem;--fontsize32: 1.75rem;--fontsize34: 1.875rem;--fontsize36: 1.625rem;--fontsize40: 2.5rem;--fontsize46: 2rem;--fontsize54: 2.25rem;--fontsize80: 2.5rem}}@font-face{font-family:icomoon;src:url(/assets/fonts/icomoon.ttf) format(\"ttf\"),url(/assets/fonts/icomoon.woff) format(\"woff\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Regular;src:url(/assets/fonts/arial-webfont.woff) format(\"woff\"),url(/assets/fonts/arial-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arial Bold;src:url(/assets/fonts/Arial-BoldMT.eot);src:url(/assets/fonts/Arial-BoldMT.eot?#iefix) format(\"embedded-opentype\"),url(/assets/fonts/Arial-BoldMT.woff2) format(\"woff2\"),url(/assets/fonts/Arial-BoldMT.woff) format(\"woff\"),url(/assets/fonts/Arial-BoldMT.ttf) format(\"truetype\"),url(/assets/fonts/Arial-BoldMT.svg#Arial-BoldMT) format(\"svg\");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Arial Black;src:url(/assets/fonts/arialblack-webfont.woff) format(\"woff\"),url(/assets/fonts/arialblack-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Reqular;src:url(/assets/fonts/helveticaneue.woff) format(\"woff\"),url(/assets/fonts/helveticaneue.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Thin;src:url(/assets/fonts/helveticaneuethin-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuethin-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Helvetica Neue Medium;src:url(/assets/fonts/helveticaneuemedium-webfont.woff) format(\"woff\"),url(/assets/fonts/helveticaneuemedium-webfont.woff2) format(\"woff2\");font-weight:400;font-style:normal;font-display:swap}[class*=\" icon-\"],[class^=icon-]{font-family:icomoon!important;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;text-transform:none;font-display:swap}.icon-right:before{content:\"\\e902\"}.icon-materials:before{content:\"\\e900\"}.icon-natural-lighting:before{content:\"\\e90a\"}.icon-rainwater:before{content:\"\\e901\"}.icon-roofing:before{content:\"\\e90b\"}.icon-flashing{position:relative;display:inline-block;height:32px;text-align:center;width:32px}.icon-flashing:before,.mainnav-link-level-2.show .navTagChild .icon-flashing:before{content:url(/assets/images/icon-flashing-white.svg);height:20px;width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-flashing:before{content:url(/assets/images/icon-flashing-black.svg)}.icon-ridge{position:relative;display:inline-block;height:32px;text-align:center;width:65px}.icon-ridge:before,.mainnav-link-level-2.show .navTagChild .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-white.svg);height:24px;width:65px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);line-height:15px}li.megamenuSubChild:hover .icon-ridge:before{content:url(/projects/buildingproduct_library/assets/images/icon-ridge-black.svg)}.icon-structural:before{content:\"\\e90c\"}.icon-accessories-old .path1:before{content:\"\\e903\"}.icon-accessories-old .path2:before{margin-left:-1em;content:\"\\e904\"}.icon-accessories-old .path3:before{margin-left:-1em;content:\"\\e905\"}.icon-cladding-old .path1:before{content:\"\\e90d\"}.icon-cladding-old .path2:before{margin-left:-1em;content:\"\\e90e\"}.icon-close:before{content:\"\\e90f\"}.icon-message:before{content:\"\\e910\"}.icon-search .path1:before{content:\"\\e906\"}.icon-search .path2:before{content:\"\\e907\"}.icon-search .path3:before{margin-left:-1.0156em;content:\"\\e908\"}.icon-summary:before{content:\"\\e911\"}.icon-branch:before{content:\"\\e912\"}.icon-delivery:before{content:\"\\e913\"}.icon-downloads:before{content:\"\\e909\"}.icon-drawings:before{content:\"\\e914\"}.icon-full:before{content:\"\\e915\"}.icon-manual:before{content:\"\\e916\"}.icon-payment:before{content:\"\\e917\"}.icon-empty .path1:before{content:\"\\e918\"}.icon-empty .path2:before{margin-left:-1em;content:\"\\e919\"}.icon-empty .path3:before{margin-left:-1em;content:\"\\e91a\"}.icon-product-overview:before{content:\"\\e91b\"}.icon-arrows:before{content:\"\\e91c\"}.icon-selected:before{content:\"\\e91d\"}.icon-accessories:before{content:\"\\e91b\"}.icon-cladding:before{content:\"\\e91e\"}.icon-Triangle:before{content:\"\\e91f\"}.icon-home:before{content:\"\\e920\"}.icon-faq:before{content:\"\\e921\"}.icon-temperature:before{content:\"\\e922\"}body header{font-family:Arial Regular,sans-serif}header{background-color:#1d1d1b!important;background:#1d1d1b!important;position:sticky;top:0;background-size:100% 25%!important;background-repeat:no-repeat;z-index:10}header .header{max-width:100%;padding:0}header cx-banner cx-media img{margin-top:.7rem;margin-bottom:0rem}header label{display:inline-flex}header .SiteLinks{height:52px;display:flex;align-items:baseline;justify-content:space-between;padding-top:2px;padding-bottom:8px}header .SiteLinks cx-paragraph p{color:#fff;font-size:var(--fontsize16);line-height:var(--fontsize16);margin-bottom:0}header .SiteLinks cx-paragraph{font-size:var(--fontsize16)}header .SiteLinks app-account-dropdown,header .SiteLinks app-find-store{width:calc(25% - 25px);max-width:328px;margin-right:25px}header .SiteLinks app-contact-us{width:calc(20% - 25px);max-width:100px;margin-left:auto}header .SiteLinks app-custom-mini-cart{width:10%}header .SiteLinks .preferenceLink{margin-left:auto}header .SiteLinks .preferenceLink cx-generic-link{margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img{height:22px;margin:0}header .SiteLinks .preferenceLink cx-generic-link cx-media img cx-media img{height:22px;margin:0}header .SiteLogo .storeLogo{position:absolute;z-index:99;left:40px;bottom:10px}header .SiteLogo .homeLogo{max-width:28px;height:28px;position:absolute;z-index:99;bottom:47px}header .NavigationBar{flex:70%;background-color:#b61828;min-height:40px;display:flex;align-items:center;position:relative}header .NavigationBar #childNavLabel1 ul li:first-child a{color:#b61828!important}header .logoutMenu{margin-top:0!important}header .logoutMenu li{cursor:pointer;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover{text-decoration:underline;background-color:#4c4c4c;color:#fff}header .logoutMenu li:hover:hover{text-decoration:underline;background-color:#4c4c4c}header .MarketingContext{width:100%;margin:auto}.customer-service-icon{cursor:pointer}.helpSupport{width:20rem;border:0;margin-top:.5rem!important;transform:translate(-42%,36px)!important;padding:1rem 1rem 0;background-color:#393939;color:#fff;top:0;font-weight:400}.helpSupport .arrow-up{position:absolute;top:-8px;right:44%;width:0;height:0;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);border-bottom:15px solid #393939}.helpSupport .contact-us-info .heading{font-family:Arial Bold,sans-serif}.helpSupport .contact-us-info .detail{font-size:var(--fontsize14);line-height:2rem}.helpSupport .contact-us-info .detail .service-icon{height:20px;width:20px;margin-right:10px}.helpSupport .contact-us-info .contactLink a{font-size:var(--fontsize14);text-decoration:underline;text-transform:uppercase}.helpSupport .contact-us-info a{color:#fff;text-decoration:none}.helpSupport .contact-us-info a:hover{text-decoration:underline}.pageTitle{font-family:Helvetica Neue Regular,sans-serif;font-size:var(--fontsize54);color:#1d1d1b;padding-top:2rem}[aria-label=Close]{cursor:pointer}cx-global-message{position:fixed;top:9rem;width:100%;z-index:13}.edit-clone-container .edit-clone-button{line-height:1.5rem;min-height:auto}.edit-clone-container .edit-clone-button.grid-clone-btn{padding:.5rem;font-size:var(--fontsize11)}@media screen and (max-width: 420px){.edit-clone-container .edit-clone-button.mini-cart-btn{padding:.5rem;line-height:normal}}@media screen and (max-width: 992px){.edit-clone-container .edit-clone-button{font-size:var(--fontsize11)}}app-custom-breadcrum{position:sticky;z-index:3}@media screen and (max-width: 991px){cx-global-message{top:3.75rem}cx-storefront header{background-color:#b61828!important}cx-storefront header cx-banner cx-media img{margin:auto}cx-storefront header .SiteLogo{width:100%;max-width:211px;margin:auto;padding-left:30px;box-sizing:border-box}cx-storefront header .SiteLogo .storeLogo{position:unset}cx-storefront header .SiteLogo .storeLogo a{min-height:auto;width:auto}cx-storefront header .SearchBox{margin:14px 0 10px;width:30px}cx-storefront header .miniCartStyle cx-paragraph{display:block!important}cx-storefront header .SiteLinks{background-color:transparent;width:110px;margin:auto 25px auto 0}cx-storefront header .SiteLinks app-account-dropdown,cx-storefront header .SiteLinks app-find-store,cx-storefront header .SiteLinks app-contact-us,cx-storefront header .SiteLinks cx-paragraph,cx-storefront header .SiteLinks .preferenceLink{display:none}cx-storefront header .SiteLinks app-custom-mini-cart,cx-storefront header .SiteLinks app-custom-user-account{width:35px}cx-storefront header.is-expanded{overflow-y:auto;position:fixed;bottom:0;top:0;width:calc(100% - 99px)}cx-storefront header.is-expanded .header{background-color:#b61828;margin-left:0;position:relative}cx-storefront header.is-expanded .PreHeader{position:absolute;right:0;top:5px}cx-storefront header.is-expanded .SearchBox{display:none}cx-storefront header.is-expanded .SiteLogo{position:absolute;bottom:110px;z-index:9}cx-storefront header.is-expanded .SiteLinks{background-color:#1d1d1b;width:100%;margin:15px auto 15px 0;height:unset;padding:15px;max-width:100%;position:relative;z-index:9;top:60px}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-account-dropdown{width:100%;max-width:100%}cx-storefront header.is-expanded .SiteLinks app-find-store{width:50%;max-width:328px;min-width:324px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-right:40px;margin-left:auto;width:115px;max-width:unset}cx-storefront header.is-expanded .navigation{position:relative;top:45px;z-index:7}cx-storefront header.is-expanded:before{background-color:#0000004d;right:0;content:\"\";position:fixed;z-index:2;top:0;bottom:0;height:100vh;width:99px}cx-storefront header.is-expanded:after{background-color:transparent}cx-storefront header.is-expanded .SiteLogo{bottom:160px;max-width:211px!important}cx-storefront header.is-expanded .SiteLogo .storeLogo{display:block}}@media screen and (max-width: 576px){cx-storefront header .SiteLogo{max-width:80px}cx-storefront header .SiteLogo .storeLogo{display:none}cx-storefront header .searchBox{height:45px}cx-storefront header.is-expanded{width:100%}cx-storefront header.is-expanded .header,cx-storefront header.is-expanded .navigation{width:100%;height:auto}cx-storefront header.is-expanded .SiteLinks{max-width:100%;width:100%;align-items:flex-start}cx-storefront header.is-expanded .SiteLinks app-account-dropdown,cx-storefront header.is-expanded .SiteLinks app-find-store,cx-storefront header.is-expanded .SiteLinks app-contact-us,cx-storefront header.is-expanded .SiteLinks cx-paragraph,cx-storefront header.is-expanded .SiteLinks .preferenceLink{display:block}cx-storefront header.is-expanded .SiteLinks app-custom-mini-cart,cx-storefront header.is-expanded .SiteLinks app-custom-user-account{display:none}cx-storefront header.is-expanded .SiteLinks app-find-store{width:100%;max-width:100%;margin-bottom:10px}cx-storefront header.is-expanded .SiteLinks app-contact-us{margin-left:0}cx-storefront header.is-expanded .SiteLinks cx-paragraph{margin-left:auto}cx-storefront header.is-expanded:before{display:none}.pageTitle{font-size:28px}.detail{font-weight:400;display:flex!important;align-items:center}.detail a{min-height:0px}.hamburger-inner{background-color:#fff!important}.hamburger-inner:before,.hamburger-inner:after{background-color:#fff!important}#navbarDropdownMenuLink{padding:.3rem 0rem}a{min-height:auto!important;min-width:auto}}.form-control{border:1px solid #ced4da}cx-media.is-missing{background:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"424.5\" height=\"274\" viewBox=\"0 0 424.5 274\">%0D%0A <g id=\"Group_13352\" data-name=\"Group 13352\" transform=\"translate(-3951 -553)\">%0D%0A <g id=\"Group_13349\" data-name=\"Group 13349\">%0D%0A <rect id=\"Image_31\" data-name=\"Image 31\" width=\"424\" height=\"274\" transform=\"translate(3951 553)\" fill=\"%23e8e8e8\" opacity=\"0.996\"/>%0D%0A <g id=\"Group_14003\" data-name=\"Group 14003\" transform=\"translate(6518 5091)\">%0D%0A <g id=\"Group_14001\" data-name=\"Group 14001\" transform=\"translate(-2476 -4469)\">%0D%0A <rect id=\"Rectangle_1465\" data-name=\"Rectangle 1465\" width=\"175\" height=\"141\" transform=\"translate(34 -2)\" fill=\"%23e8e8e8\"/>%0D%0A <g id=\"Group_14004\" data-name=\"Group 14004\" transform=\"translate(12)\">%0D%0A <path id=\"noun-camera-4325388\" d=\"M183.018,60.7H143.759a13.147,13.147,0,0,0-13.148,13.147v39.259a13.147,13.147,0,0,0,13.148,13.147h39.259a13.147,13.147,0,0,0,13.148-13.147V73.846A13.147,13.147,0,0,0,183.018,60.7Zm7.889,52.407a7.889,7.889,0,0,1-7.889,7.889H143.759a7.889,7.889,0,0,1-7.889-7.889V73.847a7.889,7.889,0,0,1,7.889-7.889h39.259a7.889,7.889,0,0,1,7.889,7.889ZM163.4,80.053A13.437,13.437,0,1,0,172.885,84a13.44,13.44,0,0,0-9.484-3.945Zm0,21.588h0a3.372,3.372,0,1,0,0-.052Zm22.536-28.662h0a2.63,2.63,0,0,1-2.63,2.63h-2.63a2.63,2.63,0,1,1,0-5.259h2.63a2.63,2.63,0,0,1,2.63,2.63Z\" transform=\"translate(-53.611 -39.607)\" fill=\"%238d8d8d\"/>%0D%0A <g id=\"Navlink_Inverse\" data-name=\"Navlink Inverse\" transform=\"translate(61 101)\">%0D%0A <rect id=\"Rectangle_807\" data-name=\"Rectangle 807\" width=\"97\" height=\"6\" transform=\"translate(0 15)\" fill=\"%238d8d8d\" opacity=\"0\"/>%0D%0A <text id=\"NO_IMAGE\" data-name=\"NO IMAGE\" transform=\"translate(0 17)\" fill=\"%238d8d8d\" font-size=\"19\" font-family=\"Arial-BoldMT, Arial\" font-weight=\"700\"><tspan x=\"0\" y=\"0\">NO IMAGE</tspan></text>%0D%0A </g>%0D%0A <circle id=\"Ellipse_360\" data-name=\"Ellipse 360\" cx=\"13.5\" cy=\"13.5\" r=\"13.5\" transform=\"translate(96 40)\" fill=\"%23e8e8e8\"/>%0D%0A <path id=\"Ellipse_360_-_Outline\" data-name=\"Ellipse 360 - Outline\" d=\"M13.5,4A9.5,9.5,0,1,0,23,13.5,9.511,9.511,0,0,0,13.5,4m0-4A13.5,13.5,0,1,1,0,13.5,13.5,13.5,0,0,1,13.5,0Z\" transform=\"translate(96 40)\" fill=\"%238d8d8d\"/>%0D%0A </g>%0D%0A </g>%0D%0A </g>%0D%0A <path id=\"Line_457\" data-name=\"Line 457\" d=\"M424,.5H0v-1H424Z\" transform=\"translate(3951.5 826.5)\" fill=\"%23e8e8e8\"/>%0D%0A </g>%0D%0A </g>%0D%0A</svg>%0D%0A');background-size:cover;background-position:center;background-repeat:no-repeat}.calender-class{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container input{height:1px;width:1px;border:transparent}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button.active{background-color:transparent;color:#000;font-family:Arial Bold,sans-serif;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker td.active,::ng-deep .fx-date-range-container .md-drppicker td.active:hover{background-color:#b61828;border-radius:0}::ng-deep .fx-date-range-container .md-drppicker .btn{background-color:#000;color:#fff;font-size:var(--fontsize14);padding-left:1rem;padding-right:1rem}::ng-deep .fx-date-range-container .md-drppicker .btn:hover{background-color:#b61828}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default{background:none;box-shadow:none;margin-right:30px;font-size:var(--fontsize14)}::ng-deep .fx-date-range-container .md-drppicker .btn.btn-default:hover{background-color:transparent}@media screen and (max-width: 767px){::ng-deep .fx-date-range-container .md-drppicker{z-index:9}::ng-deep .fx-date-range-container .md-drppicker .ranges ul{margin-bottom:15px}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li{display:inline-block}::ng-deep .fx-date-range-container .md-drppicker .ranges ul li button{margin:0;padding:5px 12px}}\n"] }]
|
|
4944
4945
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: BaseSiteUidService }, { type: i0.Renderer2 }], propDecorators: { selectedDateRange: [{
|
|
4945
4946
|
type: Input
|
|
4946
4947
|
}], selectedDate: [{
|