ca-components 0.0.3 → 0.0.4

package/fesm2022/ca-components.mjs

@@ -6,73 +6,73 @@ import * as i1$1 from '@ng-bootstrap/ng-bootstrap';
 import { NgbModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 import * as i2 from 'angular-svg-icon';
 import { AngularSvgIconModule, SvgIconRegistryService } from 'angular-svg-icon';
-import { showAnimation, borderShowAnimation, pickupAnimation, noteLongAnimation } from '@shared/animations/animation';
-import { DetailDropdownSvgRoutes } from '@shared/components/ca-details-dropdown/utils/svg-routes/detail-dropdown-svg-routes';
+import { showAnimation, borderShowAnimation, pickupAnimation, noteLongAnimation } from '@ca-shared/animations/animation';
+import { DetailDropdownSvgRoutes } from '@ca-shared/components/ca-details-dropdown/utils/svg-routes/detail-dropdown-svg-routes';
 import { Subject, combineLatest, takeUntil } from 'rxjs';
 import { HttpClientModule } from '@angular/common/http';
-import { showAnimation as showAnimation$1 } from '@shared/animations/show.animation';
-import { closeForm } from '@shared/animations/close-form.animation';
-import { CaFiltersSvgRoutes } from '@shared/components/ca-filters/utils/svg-routes/ca-filters-svg-routes';
-import { ToolbarFilterStringEnum } from '@shared/components/ca-map/enums/toolbar-filter-string.enum';
-import { CaMoneyFilterComponent } from '@shared/components/ca-filters/components/ca-money-filter/ca-money-filter.component';
-import { CaStatusFilterComponent } from '@shared/components/ca-filters/components/ca-status-filter/ca-status-filter.component';
-import { CaTimeFilterComponent } from '@shared/components/ca-filters/components/ca-time-filter/ca-time-filter.component';
+import { showAnimation as showAnimation$1 } from '@ca-shared/animations/show.animation';
+import { closeForm } from '@ca-shared/animations/close-form.animation';
+import { CaFiltersSvgRoutes } from '@ca-shared/components/ca-filters/utils/svg-routes/ca-filters-svg-routes';
+import { ToolbarFilterStringEnum } from '@ca-shared/components/ca-map/enums/toolbar-filter-string.enum';
+import { CaMoneyFilterComponent } from '@ca-shared/components/ca-filters/components/ca-money-filter/ca-money-filter.component';
+import { CaStatusFilterComponent } from '@ca-shared/components/ca-filters/components/ca-status-filter/ca-status-filter.component';
+import { CaTimeFilterComponent } from '@ca-shared/components/ca-filters/components/ca-time-filter/ca-time-filter.component';
 import * as i1$2 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { InputErrorPipe } from '@shared/components/ca-input/pipes/input-error.pipe';
-import { InputContainerClassPipe } from '@shared/components/ca-input/pipes/input-container-class.pipe';
-import { InputClassPipe } from '@shared/components/ca-input/pipes/input-class.pipe';
-import { LabelClassPipe } from '@shared/components/ca-input/pipes/label-class.pipe';
-import { ShowClearPipe } from '@shared/components/ca-input/pipes/show-clear.pipe';
-import { ShowInvalidDangerMarkPipe } from '@shared/components/ca-input/pipes/show-invalid-danger-mark.pipe';
-import { ShowValidCheckPipe } from '@shared/components/ca-input/pipes/show-valid-check.pipe';
-import { TaSvgPipe } from '@shared/pipes/ta-svg.pipe';
-import { InputTypePipe } from '@shared/components/ca-input/pipes/input-type.pipe';
-import { CaInputClearComponent } from '@shared/components/ca-input/components/ca-input-clear/ca-input-clear.component';
-import { CaAppTooltipV2Component as CaAppTooltipV2Component$1 } from '@shared/components/ca-app-tooltip-v2/ca-app-tooltip-v2.component';
-import { CaInputPasswordComponent } from '@shared/components/ca-input/components/ca-input-password/ca-input-password.component';
-import { CaInputPlaceholderIconComponent } from '@shared/components/ca-input/components/ca-input-placeholder-icon/ca-input-placeholder-icon.component';
-import * as i2$1 from '@shared/components/ca-input/services/ca-input-state.service';
-import { InputStateService } from '@shared/components/ca-input/services/ca-input-state.service';
-import { InputSvgRoutes } from '@shared/components/ca-input/utils/input-svg-routes';
+import { InputErrorPipe } from '@ca-shared/components/ca-input/pipes/input-error.pipe';
+import { InputContainerClassPipe } from '@ca-shared/components/ca-input/pipes/input-container-class.pipe';
+import { InputClassPipe } from '@ca-shared/components/ca-input/pipes/input-class.pipe';
+import { LabelClassPipe } from '@ca-shared/components/ca-input/pipes/label-class.pipe';
+import { ShowClearPipe } from '@ca-shared/components/ca-input/pipes/show-clear.pipe';
+import { ShowInvalidDangerMarkPipe } from '@ca-shared/components/ca-input/pipes/show-invalid-danger-mark.pipe';
+import { ShowValidCheckPipe } from '@ca-shared/components/ca-input/pipes/show-valid-check.pipe';
+import { TaSvgPipe } from '@ca-shared/pipes/ta-svg.pipe';
+import { InputTypePipe } from '@ca-shared/components/ca-input/pipes/input-type.pipe';
+import { CaInputClearComponent } from '@ca-shared/components/ca-input/components/ca-input-clear/ca-input-clear.component';
+import { CaAppTooltipV2Component as CaAppTooltipV2Component$1 } from '@ca-shared/components/ca-app-tooltip-v2/ca-app-tooltip-v2.component';
+import { CaInputPasswordComponent } from '@ca-shared/components/ca-input/components/ca-input-password/ca-input-password.component';
+import { CaInputPlaceholderIconComponent } from '@ca-shared/components/ca-input/components/ca-input-placeholder-icon/ca-input-placeholder-icon.component';
+import * as i2$1 from '@ca-shared/components/ca-input/services/ca-input-state.service';
+import { InputStateService } from '@ca-shared/components/ca-input/services/ca-input-state.service';
+import { InputSvgRoutes } from '@ca-shared/components/ca-input/utils/input-svg-routes';
 import * as i1$3 from '@angular/google-maps';
 import { GoogleMap, MapInfoWindow, GoogleMapsModule } from '@angular/google-maps';
-import { CaMapDropdownComponent as CaMapDropdownComponent$1 } from '@shared/components/ca-map-dropdown/ca-map-dropdown.component';
-import { GoogleMapEnum } from '@shared/components/ca-map/enums/google-map.enum';
-import { MapHelper } from '@shared/components/ca-map/utils/helpers/map.helper';
-import { MapSvgRoutes } from '@shared/components/ca-map/utils/map-svg-routes/map-svg-routes';
-import { CaDetailsDropdownComponent as CaDetailsDropdownComponent$1 } from '@shared/components/ca-details-dropdown/ca-details-dropdown.component';
-import taDetailDropdownJson from '@assets/json/ta-detail-dropdown.json';
-import { MapDropdownSvgRoutes } from '@shared/components/ca-map-dropdown/utils/svg-routes/map-dropdown-svg-routes';
+import { CaMapDropdownComponent as CaMapDropdownComponent$1 } from '@ca-shared/components/ca-map-dropdown/ca-map-dropdown.component';
+import { GoogleMapEnum } from '@ca-shared/components/ca-map/enums/google-map.enum';
+import { MapHelper } from '@ca-shared/components/ca-map/utils/helpers/map.helper';
+import { MapSvgRoutes } from '@ca-shared/components/ca-map/utils/map-svg-routes/map-svg-routes';
+import { CaDetailsDropdownComponent as CaDetailsDropdownComponent$1 } from '@ca-shared/components/ca-details-dropdown/ca-details-dropdown.component';
+import taDetailDropdownJson from '@ca-assets/json/ta-detail-dropdown.json';
+import { MapDropdownSvgRoutes } from '@ca-shared/components/ca-map-dropdown/utils/svg-routes/map-dropdown-svg-routes';
 import moment from 'moment';
-import { SafeHtmlPipe } from '@shared/pipes/safe-html.pipe';
-import { PlaceholderDirective } from '@shared/directives/placeholder-directive';
-import { CopyPasteHelper } from '@shared/components/ca-note/utils/helper/copy-paste.helper';
-import { CaNoteContainerComponent as CaNoteContainerComponent$1 } from '@shared/components/ca-note-container/ca-note-container.component';
-import { CaSpinnerComponent as CaSpinnerComponent$1 } from '@shared/components/ca-spinner/ca-spinner.component';
-import { NoteSvgRoutes } from '@shared/components/ca-note/utils/svg-routes/note-svg-routes';
-import { NoteConfigConstants } from '@shared/components/ca-note-container/utils/constants/note-config.constant';
-import { NoteSelectedColorStringEnum } from '@shared/components/ca-note-container/enums/note-selected-color.enum';
-import { NoteDefaultStringEnum } from '@shared/components/ca-note-container/enums/note-default-string.enum';
-import { NoteContainerSvgRoutes } from '@shared/components/ca-note-container/utils/svg-routes/note-container-svg-routes';
-import { accordionAnimation } from '@shared/animations/accordion-animation';
-import { PayrollListSummaryOverviewSvgRoutes } from '@shared/components/ca-payroll-list-summary-overview/utils/svg-routes/payroll-list-summary-svg-routes';
-import { CaPayrollListSummaryOverviewComponent as CaPayrollListSummaryOverviewComponent$1 } from '@shared/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component';
-import CaTable from '@assets/json/ca-table.json';
-import { LoadComponent } from '@shared/components/ca-pickup-delivery-block/components/ca-load/ca-load.component';
-import { PickupDeliveryHelper } from '@shared/components/ca-pickup-delivery-block/utils/helpers/pickup-delivery.helper';
-import { CaMapComponent as CaMapComponent$1 } from '@shared/components/ca-map/ca-map.component';
-import { MapConstants } from '@shared/constants/map.constant';
-import { ProgressBarConstants } from '@shared/components/ca-progress-bar/utils/constants/progress-bar.constants';
-import { ProgressBarSvgRoutes } from '@shared/components/ca-progress-bar/utils/svg-routes/progress-bar-svg-routes';
-import { SearchMultipleStatesRoutes } from '@shared/components/ca-search-multiple-states/utils/svg-routes/search-multiple-states.routes';
-import { CaInputComponent as CaInputComponent$1 } from '@shared/components/ca-input/ca-input.component';
-import { toggleAnimation } from '@shared/animations/expand-search-button.animation';
-import { inputConfig } from '@shared/components/ca-search-multiple-states/utils/config/input-config';
+import { SafeHtmlPipe } from '@ca-shared/pipes/safe-html.pipe';
+import { PlaceholderDirective } from '@ca-shared/directives/placeholder-directive';
+import { CopyPasteHelper } from '@ca-shared/components/ca-note/utils/helper/copy-paste.helper';
+import { CaNoteContainerComponent as CaNoteContainerComponent$1 } from '@ca-shared/components/ca-note-container/ca-note-container.component';
+import { CaSpinnerComponent as CaSpinnerComponent$1 } from '@ca-shared/components/ca-spinner/ca-spinner.component';
+import { NoteSvgRoutes } from '@ca-shared/components/ca-note/utils/svg-routes/note-svg-routes';
+import { NoteConfigConstants } from '@ca-shared/components/ca-note-container/utils/constants/note-config.constant';
+import { NoteSelectedColorStringEnum } from '@ca-shared/components/ca-note-container/enums/note-selected-color.enum';
+import { NoteDefaultStringEnum } from '@ca-shared/components/ca-note-container/enums/note-default-string.enum';
+import { NoteContainerSvgRoutes } from '@ca-shared/components/ca-note-container/utils/svg-routes/note-container-svg-routes';
+import { accordionAnimation } from '@ca-shared/animations/accordion-animation';
+import { PayrollListSummaryOverviewSvgRoutes } from '@ca-shared/components/ca-payroll-list-summary-overview/utils/svg-routes/payroll-list-summary-svg-routes';
+import { CaPayrollListSummaryOverviewComponent as CaPayrollListSummaryOverviewComponent$1 } from '@ca-shared/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component';
+import CaTable from '@ca-assets/json/ca-table.json';
+import { LoadComponent } from '@ca-shared/components/ca-pickup-delivery-block/components/ca-load/ca-load.component';
+import { PickupDeliveryHelper } from '@ca-shared/components/ca-pickup-delivery-block/utils/helpers/pickup-delivery.helper';
+import { CaMapComponent as CaMapComponent$1 } from '@ca-shared/components/ca-map/ca-map.component';
+import { MapConstants } from '@ca-shared/constants/map.constant';
+import { ProgressBarConstants } from '@ca-shared/components/ca-progress-bar/utils/constants/progress-bar.constants';
+import { ProgressBarSvgRoutes } from '@ca-shared/components/ca-progress-bar/utils/svg-routes/progress-bar-svg-routes';
+import { SearchMultipleStatesRoutes } from '@ca-shared/components/ca-search-multiple-states/utils/svg-routes/search-multiple-states.routes';
+import { CaInputComponent as CaInputComponent$1 } from '@ca-shared/components/ca-input/ca-input.component';
+import { toggleAnimation } from '@ca-shared/animations/expand-search-button.animation';
+import { inputConfig } from '@ca-shared/components/ca-search-multiple-states/utils/config/input-config';
 import * as i2$2 from 'ngx-lottie';
 import { LottieModule } from 'ngx-lottie';
-import { ThousandToShortFormatPipe } from '@shared/pipes/thousand-to-short-format-pipe';
-import { FormatCurrencyPipe } from '@shared/pipes/format-currency.pipe';
+import { ThousandToShortFormatPipe } from '@ca-shared/pipes/thousand-to-short-format-pipe';
+import { FormatCurrencyPipe } from '@ca-shared/pipes/format-currency.pipe';
 
 class CaProfileImageComponent {
     constructor() {
@@ -952,11 +952,9 @@ class CaMapDropdownComponent {
         return MapDropdownSvgRoutes[propertyName];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMapDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { isAccidentMap: "isAccidentMap" }, outputs: { bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"!isAccidentMap\">\n  <div class=\"marker-container\" >\n     <div class=\"heading-container\">\n        <div class=\"heading d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\">DOGMA BREWERY LOGISTICS</span>\n           <app-ca-details-dropdown\n               #detailsDropdown\n               [options]=\"data\"\n               [placement]=\"'right-top'\"\n               [id]=\"item.id!\"\n               [data]=\"item\"\n               [customClassDropDown]=\"\n                   'map-list-card-dropdown marker-dropdown-popover'\n               \"\n               (dropDownActions)=\"callBodyAction($event)\"\n           ></app-ca-details-dropdown>\n        </div>\n        <div class=\"action d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('likeRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('dislikeRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('reviewRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n        </div>\n      </div>\n\n      <div class=\"personal-info d-flex flex-column align-content-center\"> \n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('phoneRoute')\"></svg-icon><span class=\"info ca-font-regular\">(123) 456-7890</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('emailRoute')\"></svg-icon><span class=\"info ca-font-regular\">repairs-office@ivs-trucking.com</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n\n     <div class=\"working-info\">\n        <div class=\"working-heading ca-font-extra-bold\">Available Hours</div>\n        <div class=\"working-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Shipping</div>\n              <div class=\"working-time ca-font-regular\">10:00 AM - 02:00 PM</div>\n           </div>\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Receiving </div>\n              <div class=\"working-time ca-font-regular\">08:00 AM - 07:00 PM\n              </div>\n           </div>\n           <div class=\"dropdown-arrow align-self-end\">\n            <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n         </div>\n        </div>\n     </div>\n\n     <ng-container *ngIf=\"isHidden\">\n     <div class=\"load-info\">\n        <div class=\"load-heading ca-font-semi-bold d-flex align-content-center\"><span>Load</span><span class=\"load-head-count\">12</span></div>\n        <div class=\"load-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Pickup <span class=\"item-count ca-font-semi-bold\">7</span></div>\n              <div class=\"loading-hours\">Avg. Loading <span class=\"load-time ca-font-medium\">32m 45s</span></div>\n           </div>\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Delivery <span class=\"item-count ca-font-semi-bold\">5</span></div>\n              <div class=\"loading-hours\">Avg. Offloading <span class=\"load-time ca-font-medium\">43m 23s</span>\n              </div>\n           </div>\n           <div>\n           </div>\n        </div>\n     </div>\n     \n     <div class=\"avg-info\">\n        <div class=\"avg-info-detail  d-flex justify-content-between\">\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderTwoRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\"></svg-icon>\n           </div>\n        </div>\n     </div>\n     </ng-container>\n\n  </div>\n</ng-container>\n<ng-container  *ngIf=\"isAccidentMap\">\n  <div class=\"infowindow-container\">\n\n    <div class=\"heading-container\">\n        <div class=\"heading  d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\" >MS1017010339</span>\n           <app-ca-details-dropdown\n           #detailsDropdown\n           [options]=\"data\"\n           [placement]=\"'right-top'\"\n           [id]=\"item.id!\"\n           [data]=\"item\"\n           [customClassDropDown]=\"\n               'map-list-card-dropdown marker-dropdown-popover'\n           \"\n           (dropDownActions)=\"callBodyAction($event)\"\n       ></app-ca-details-dropdown>\n        </div>\n        <div class=\"action  d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('vechileRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2 Vehicle</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('injuryRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\"> 4 Injury</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('hazmatRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Hazmat</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('towingRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Towing</span></div>\n        </div>\n     </div>\n\n     <div class=\"personal-info d-flex flex-column align-content-center\">\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('accidentCalenderRoute')\"></svg-icon><span class=\"info ca-font-regular\">04/04/24 08:47 AM</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n     <div class=\"weight-info\" >\n        <div class=\"weight-heading ca-font-semi-bold d-flex align-content-center\"><span>Total Weight</span><span class=\"weight-head-count\">21</span></div>\n        <div class=\"weight-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Severity Weight</span><span class=\"weight-time ca-font-extra-bold\">7</span> </div>\n           </div>\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Time Weight</span> <span class=\"weight-time ca-font-extra-bold\">3</span></div>\n           </div>\n            <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n            </div>\n        </div>\n     </div>\n     <ng-container *ngIf=\"isHidden\">\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"driver-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Driver </div>\n                 <div class=\"detail ca-font-regular\">A. Djordjevic <svg-icon [src]=\"getSvgPath('ossRoute')\"></svg-icon></div>\n              </div>\n              <div  class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Co-Driver </div>\n                 <div class=\"detail ca-font-regular\">Angelo Trotter</div>\n              </div>\n              <div>\n              </div>\n           </div>\n        </div>\n     </div>\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"truck-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Truck </div>\n                 <div class=\"detail ca-font-regular\">26985A</div>\n              </div>\n              <div class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Trailer </div>\n                 <div class=\"detail ca-font-regular\">W156100</div>\n              </div>\n              <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\" ></svg-icon>\n              </div>\n           </div>\n        </div>\n     </div>\n   </ng-container>\n\n  </div>\n</ng-container>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}:host{display:block;height:100%;width:100%}.marker-container{width:320px;padding:2px 9px 9px 0}.marker-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .heading-container .heading{margin-top:2px}.marker-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.marker-container .heading-container .action .side-space{padding-right:4px}.marker-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .heading-container .action .side-space .grey-color{color:#919191}.marker-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:0;margin-bottom:5px}.marker-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.marker-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.marker-container .working-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .working-info .working-heading{line-height:18px;font-family:Montserrat,sans-serif;color:#424242;padding-bottom:5px}.marker-container .working-info .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info .working-info-detail .working-info-item{font-size:11px;line-height:18px;color:#424242}.marker-container .working-info .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .heading-container .action .side-space{padding-right:4px}.infowindow-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 4px;position:relative;left:-1px}.infowindow-container .heading-container .action .side-space .grey-color{color:#919191}.infowindow-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:10px;margin-top:10px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { isAccidentMap: "isAccidentMap" }, outputs: { bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"!isAccidentMap\">\n  <div class=\"marker-container\" >\n     <div class=\"heading-container\">\n        <div class=\"heading d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\">DOGMA BREWERY LOGISTICS</span>\n           <!-- <app-ca-details-dropdown\n               #detailsDropdown\n               [options]=\"data\"\n               [placement]=\"'right-top'\"\n               [id]=\"item?.id\"\n               [data]=\"item\"\n               [customClassDropDown]=\"\n                   'map-list-card-dropdown marker-dropdown-popover'\n               \"\n               (dropDownActions)=\"callBodyAction($event)\"\n           ></app-ca-details-dropdown> -->\n        </div>\n        <div class=\"action d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('likeRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('dislikeRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('reviewRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n        </div>\n      </div>\n\n      <div class=\"personal-info d-flex flex-column align-content-center\"> \n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('phoneRoute')\"></svg-icon><span class=\"info ca-font-regular\">(123) 456-7890</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('emailRoute')\"></svg-icon><span class=\"info ca-font-regular\">repairs-office@ivs-trucking.com</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n\n     <div class=\"working-info\">\n        <div class=\"working-heading ca-font-extra-bold\">Available Hours</div>\n        <div class=\"working-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Shipping</div>\n              <div class=\"working-time ca-font-regular\">10:00 AM - 02:00 PM</div>\n           </div>\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Receiving </div>\n              <div class=\"working-time ca-font-regular\">08:00 AM - 07:00 PM\n              </div>\n           </div>\n           <div class=\"dropdown-arrow align-self-end\">\n            <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n         </div>\n        </div>\n     </div>\n\n     <ng-container *ngIf=\"isHidden\">\n     <div class=\"load-info\">\n        <div class=\"load-heading ca-font-semi-bold d-flex align-content-center\"><span>Load</span><span class=\"load-head-count\">12</span></div>\n        <div class=\"load-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Pickup <span class=\"item-count ca-font-semi-bold\">7</span></div>\n              <div class=\"loading-hours\">Avg. Loading <span class=\"load-time ca-font-medium\">32m 45s</span></div>\n           </div>\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Delivery <span class=\"item-count ca-font-semi-bold\">5</span></div>\n              <div class=\"loading-hours\">Avg. Offloading <span class=\"load-time ca-font-medium\">43m 23s</span>\n              </div>\n           </div>\n           <div>\n           </div>\n        </div>\n     </div>\n     \n     <div class=\"avg-info\">\n        <div class=\"avg-info-detail  d-flex justify-content-between\">\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderTwoRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\"></svg-icon>\n           </div>\n        </div>\n     </div>\n     </ng-container>\n\n  </div>\n</ng-container>\n<ng-container  *ngIf=\"isAccidentMap\">\n  <div class=\"infowindow-container\">\n\n    <div class=\"heading-container\">\n        <div class=\"heading  d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\" >MS1017010339</span>\n           <!-- <app-ca-details-dropdown\n           #detailsDropdown\n           [options]=\"data\"\n           [placement]=\"'right-top'\"\n           [id]=\"item.id!\"\n           [data]=\"item\"\n           [customClassDropDown]=\"\n               'map-list-card-dropdown marker-dropdown-popover'\n           \"\n           (dropDownActions)=\"callBodyAction($event)\"\n       ></app-ca-details-dropdown> -->\n        </div>\n        <div class=\"action  d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('vechileRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2 Vehicle</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('injuryRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\"> 4 Injury</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('hazmatRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Hazmat</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('towingRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Towing</span></div>\n        </div>\n     </div>\n\n     <div class=\"personal-info d-flex flex-column align-content-center\">\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('accidentCalenderRoute')\"></svg-icon><span class=\"info ca-font-regular\">04/04/24 08:47 AM</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n     <div class=\"weight-info\" >\n        <div class=\"weight-heading ca-font-semi-bold d-flex align-content-center\"><span>Total Weight</span><span class=\"weight-head-count\">21</span></div>\n        <div class=\"weight-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Severity Weight</span><span class=\"weight-time ca-font-extra-bold\">7</span> </div>\n           </div>\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Time Weight</span> <span class=\"weight-time ca-font-extra-bold\">3</span></div>\n           </div>\n            <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n            </div>\n        </div>\n     </div>\n     <ng-container *ngIf=\"isHidden\">\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"driver-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Driver </div>\n                 <div class=\"detail ca-font-regular\">A. Djordjevic <svg-icon [src]=\"getSvgPath('ossRoute')\"></svg-icon></div>\n              </div>\n              <div  class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Co-Driver </div>\n                 <div class=\"detail ca-font-regular\">Angelo Trotter</div>\n              </div>\n              <div>\n              </div>\n           </div>\n        </div>\n     </div>\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"truck-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Truck </div>\n                 <div class=\"detail ca-font-regular\">26985A</div>\n              </div>\n              <div class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Trailer </div>\n                 <div class=\"detail ca-font-regular\">W156100</div>\n              </div>\n              <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\" ></svg-icon>\n              </div>\n           </div>\n        </div>\n     </div>\n   </ng-container>\n\n  </div>\n</ng-container>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}:host{display:block;height:100%;width:100%}.marker-container{width:320px;padding:2px 9px 9px 0}.marker-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .heading-container .heading{margin-top:2px}.marker-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.marker-container .heading-container .action .side-space{padding-right:4px}.marker-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .heading-container .action .side-space .grey-color{color:#919191}.marker-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:0;margin-bottom:5px}.marker-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.marker-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.marker-container .working-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .working-info .working-heading{line-height:18px;font-family:Montserrat,sans-serif;color:#424242;padding-bottom:5px}.marker-container .working-info .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info .working-info-detail .working-info-item{font-size:11px;line-height:18px;color:#424242}.marker-container .working-info .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .heading-container .action .side-space{padding-right:4px}.infowindow-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 4px;position:relative;left:-1px}.infowindow-container .heading-container .action .side-space .grey-color{color:#919191}.infowindow-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:10px;margin-top:10px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}\n"], dependencies: [{ kind: "ngmodule", type: 
                 //modules
-                CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
-                //components
-                CaDetailsDropdownComponent$1, selector: "app-ca-details-dropdown", inputs: ["options", "id", "customClassDropDown", "hasVericalDots", "data", "leftIcon", "placement"], outputs: ["dropDownActions", "openModalAction"] }] }); }
+                CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaMapDropdownComponent, decorators: [{
             type: Component,
@@ -966,7 +964,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         AngularSvgIconModule,
                         //components
                         CaDetailsDropdownComponent$1,
-                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"!isAccidentMap\">\n  <div class=\"marker-container\" >\n     <div class=\"heading-container\">\n        <div class=\"heading d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\">DOGMA BREWERY LOGISTICS</span>\n           <app-ca-details-dropdown\n               #detailsDropdown\n               [options]=\"data\"\n               [placement]=\"'right-top'\"\n               [id]=\"item.id!\"\n               [data]=\"item\"\n               [customClassDropDown]=\"\n                   'map-list-card-dropdown marker-dropdown-popover'\n               \"\n               (dropDownActions)=\"callBodyAction($event)\"\n           ></app-ca-details-dropdown>\n        </div>\n        <div class=\"action d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('likeRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('dislikeRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('reviewRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n        </div>\n      </div>\n\n      <div class=\"personal-info d-flex flex-column align-content-center\"> \n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('phoneRoute')\"></svg-icon><span class=\"info ca-font-regular\">(123) 456-7890</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('emailRoute')\"></svg-icon><span class=\"info ca-font-regular\">repairs-office@ivs-trucking.com</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n\n     <div class=\"working-info\">\n        <div class=\"working-heading ca-font-extra-bold\">Available Hours</div>\n        <div class=\"working-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Shipping</div>\n              <div class=\"working-time ca-font-regular\">10:00 AM - 02:00 PM</div>\n           </div>\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Receiving </div>\n              <div class=\"working-time ca-font-regular\">08:00 AM - 07:00 PM\n              </div>\n           </div>\n           <div class=\"dropdown-arrow align-self-end\">\n            <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n         </div>\n        </div>\n     </div>\n\n     <ng-container *ngIf=\"isHidden\">\n     <div class=\"load-info\">\n        <div class=\"load-heading ca-font-semi-bold d-flex align-content-center\"><span>Load</span><span class=\"load-head-count\">12</span></div>\n        <div class=\"load-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Pickup <span class=\"item-count ca-font-semi-bold\">7</span></div>\n              <div class=\"loading-hours\">Avg. Loading <span class=\"load-time ca-font-medium\">32m 45s</span></div>\n           </div>\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Delivery <span class=\"item-count ca-font-semi-bold\">5</span></div>\n              <div class=\"loading-hours\">Avg. Offloading <span class=\"load-time ca-font-medium\">43m 23s</span>\n              </div>\n           </div>\n           <div>\n           </div>\n        </div>\n     </div>\n     \n     <div class=\"avg-info\">\n        <div class=\"avg-info-detail  d-flex justify-content-between\">\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderTwoRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\"></svg-icon>\n           </div>\n        </div>\n     </div>\n     </ng-container>\n\n  </div>\n</ng-container>\n<ng-container  *ngIf=\"isAccidentMap\">\n  <div class=\"infowindow-container\">\n\n    <div class=\"heading-container\">\n        <div class=\"heading  d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\" >MS1017010339</span>\n           <app-ca-details-dropdown\n           #detailsDropdown\n           [options]=\"data\"\n           [placement]=\"'right-top'\"\n           [id]=\"item.id!\"\n           [data]=\"item\"\n           [customClassDropDown]=\"\n               'map-list-card-dropdown marker-dropdown-popover'\n           \"\n           (dropDownActions)=\"callBodyAction($event)\"\n       ></app-ca-details-dropdown>\n        </div>\n        <div class=\"action  d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('vechileRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2 Vehicle</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('injuryRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\"> 4 Injury</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('hazmatRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Hazmat</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('towingRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Towing</span></div>\n        </div>\n     </div>\n\n     <div class=\"personal-info d-flex flex-column align-content-center\">\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('accidentCalenderRoute')\"></svg-icon><span class=\"info ca-font-regular\">04/04/24 08:47 AM</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n     <div class=\"weight-info\" >\n        <div class=\"weight-heading ca-font-semi-bold d-flex align-content-center\"><span>Total Weight</span><span class=\"weight-head-count\">21</span></div>\n        <div class=\"weight-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Severity Weight</span><span class=\"weight-time ca-font-extra-bold\">7</span> </div>\n           </div>\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Time Weight</span> <span class=\"weight-time ca-font-extra-bold\">3</span></div>\n           </div>\n            <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n            </div>\n        </div>\n     </div>\n     <ng-container *ngIf=\"isHidden\">\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"driver-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Driver </div>\n                 <div class=\"detail ca-font-regular\">A. Djordjevic <svg-icon [src]=\"getSvgPath('ossRoute')\"></svg-icon></div>\n              </div>\n              <div  class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Co-Driver </div>\n                 <div class=\"detail ca-font-regular\">Angelo Trotter</div>\n              </div>\n              <div>\n              </div>\n           </div>\n        </div>\n     </div>\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"truck-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Truck </div>\n                 <div class=\"detail ca-font-regular\">26985A</div>\n              </div>\n              <div class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Trailer </div>\n                 <div class=\"detail ca-font-regular\">W156100</div>\n              </div>\n              <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\" ></svg-icon>\n              </div>\n           </div>\n        </div>\n     </div>\n   </ng-container>\n\n  </div>\n</ng-container>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}:host{display:block;height:100%;width:100%}.marker-container{width:320px;padding:2px 9px 9px 0}.marker-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .heading-container .heading{margin-top:2px}.marker-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.marker-container .heading-container .action .side-space{padding-right:4px}.marker-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .heading-container .action .side-space .grey-color{color:#919191}.marker-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:0;margin-bottom:5px}.marker-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.marker-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.marker-container .working-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .working-info .working-heading{line-height:18px;font-family:Montserrat,sans-serif;color:#424242;padding-bottom:5px}.marker-container .working-info .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info .working-info-detail .working-info-item{font-size:11px;line-height:18px;color:#424242}.marker-container .working-info .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .heading-container .action .side-space{padding-right:4px}.infowindow-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 4px;position:relative;left:-1px}.infowindow-container .heading-container .action .side-space .grey-color{color:#919191}.infowindow-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:10px;margin-top:10px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}\n"] }]
+                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"!isAccidentMap\">\n  <div class=\"marker-container\" >\n     <div class=\"heading-container\">\n        <div class=\"heading d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\">DOGMA BREWERY LOGISTICS</span>\n           <!-- <app-ca-details-dropdown\n               #detailsDropdown\n               [options]=\"data\"\n               [placement]=\"'right-top'\"\n               [id]=\"item?.id\"\n               [data]=\"item\"\n               [customClassDropDown]=\"\n                   'map-list-card-dropdown marker-dropdown-popover'\n               \"\n               (dropDownActions)=\"callBodyAction($event)\"\n           ></app-ca-details-dropdown> -->\n        </div>\n        <div class=\"action d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('likeRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('dislikeRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n           <div class=\"side-space  d-flex justify-content-start align-items-center\"><svg-icon [src]=\"getSvgPath('reviewRoute')\"></svg-icon><span  class=\"count grey-color ca-font-semi-bold\">0</span></div>\n        </div>\n      </div>\n\n      <div class=\"personal-info d-flex flex-column align-content-center\"> \n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('phoneRoute')\"></svg-icon><span class=\"info ca-font-regular\">(123) 456-7890</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('emailRoute')\"></svg-icon><span class=\"info ca-font-regular\">repairs-office@ivs-trucking.com</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n\n     <div class=\"working-info\">\n        <div class=\"working-heading ca-font-extra-bold\">Available Hours</div>\n        <div class=\"working-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Shipping</div>\n              <div class=\"working-time ca-font-regular\">10:00 AM - 02:00 PM</div>\n           </div>\n           <div>\n              <div class=\"working-info-item ca-font-bold\">Receiving </div>\n              <div class=\"working-time ca-font-regular\">08:00 AM - 07:00 PM\n              </div>\n           </div>\n           <div class=\"dropdown-arrow align-self-end\">\n            <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n         </div>\n        </div>\n     </div>\n\n     <ng-container *ngIf=\"isHidden\">\n     <div class=\"load-info\">\n        <div class=\"load-heading ca-font-semi-bold d-flex align-content-center\"><span>Load</span><span class=\"load-head-count\">12</span></div>\n        <div class=\"load-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Pickup <span class=\"item-count ca-font-semi-bold\">7</span></div>\n              <div class=\"loading-hours\">Avg. Loading <span class=\"load-time ca-font-medium\">32m 45s</span></div>\n           </div>\n           <div>\n              <div class=\"load-info-item ca-font-regular\">Delivery <span class=\"item-count ca-font-semi-bold\">5</span></div>\n              <div class=\"loading-hours\">Avg. Offloading <span class=\"load-time ca-font-medium\">43m 23s</span>\n              </div>\n           </div>\n           <div>\n           </div>\n        </div>\n     </div>\n     \n     <div class=\"avg-info\">\n        <div class=\"avg-info-detail  d-flex justify-content-between\">\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('calenderTwoRoute')\"></svg-icon><span class=\"item-date\">04/04/24</span>\n           </div>\n           <div class=\"avg-item d-flex align-items-center\">\n              <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\"></svg-icon>\n           </div>\n        </div>\n     </div>\n     </ng-container>\n\n  </div>\n</ng-container>\n<ng-container  *ngIf=\"isAccidentMap\">\n  <div class=\"infowindow-container\">\n\n    <div class=\"heading-container\">\n        <div class=\"heading  d-flex justify-content-between align-items-center\">\n           <span class=\"header ca-font-extra-bold\" >MS1017010339</span>\n           <!-- <app-ca-details-dropdown\n           #detailsDropdown\n           [options]=\"data\"\n           [placement]=\"'right-top'\"\n           [id]=\"item.id!\"\n           [data]=\"item\"\n           [customClassDropDown]=\"\n               'map-list-card-dropdown marker-dropdown-popover'\n           \"\n           (dropDownActions)=\"callBodyAction($event)\"\n       ></app-ca-details-dropdown> -->\n        </div>\n        <div class=\"action  d-flex justify-content-start align-items-center align-content-center\">\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('vechileRoute')\"></svg-icon><span class=\"count ca-font-semi-bold\">2 Vehicle</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('injuryRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\"> 4 Injury</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('hazmatRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Hazmat</span></div>\n           <div class=\"side-space d-flex justify-content-center align-items-center\"><svg-icon [src]=\"getSvgPath('towingRoute')\"></svg-icon><span  class=\"count ca-font-semi-bold\">Towing</span></div>\n        </div>\n     </div>\n\n     <div class=\"personal-info d-flex flex-column align-content-center\">\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('accidentCalenderRoute')\"></svg-icon><span class=\"info ca-font-regular\">04/04/24 08:47 AM</span></div>\n        <div class=\"personal-info-items d-flex align-items-start\"><svg-icon [src]=\"getSvgPath('addressRoute')\"></svg-icon><span class=\"info ca-font-regular\">3181 Donald Hollowell Pkwy NW Atlanta, GA 30318, USA</span></div>\n     </div>\n     <div class=\"weight-info\" >\n        <div class=\"weight-heading ca-font-semi-bold d-flex align-content-center\"><span>Total Weight</span><span class=\"weight-head-count\">21</span></div>\n        <div class=\"weight-info-detail d-flex justify-content-between\">\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Severity Weight</span><span class=\"weight-time ca-font-extra-bold\">7</span> </div>\n           </div>\n           <div>\n              <div class=\"weight-info-item\"><span class=\"item-count ca-font-regular\">Time Weight</span> <span class=\"weight-time ca-font-extra-bold\">3</span></div>\n           </div>\n            <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerDownArrowRoute')\" (click)=\"showHiddenData()\" *ngIf=\"isDropdownActive\"></svg-icon>\n            </div>\n        </div>\n     </div>\n     <ng-container *ngIf=\"isHidden\">\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"driver-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Driver </div>\n                 <div class=\"detail ca-font-regular\">A. Djordjevic <svg-icon [src]=\"getSvgPath('ossRoute')\"></svg-icon></div>\n              </div>\n              <div  class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Co-Driver </div>\n                 <div class=\"detail ca-font-regular\">Angelo Trotter</div>\n              </div>\n              <div>\n              </div>\n           </div>\n        </div>\n     </div>\n\n     <div class=\"transport-info\">\n        <div class=\"transport-container\">\n           <div class=\"truck-info d-flex justify-content-between\">\n              <div>\n                 <div class=\"title ca-font-bold\">Truck </div>\n                 <div class=\"detail ca-font-regular\">26985A</div>\n              </div>\n              <div class=\"side-space\">\n                 <div class=\"title ca-font-bold\">Trailer </div>\n                 <div class=\"detail ca-font-regular\">W156100</div>\n              </div>\n              <div class=\"dropdown-arrow align-self-end\">\n               <svg-icon [src]=\"getSvgPath('cornerTopArrowRoute')\" (click)=\"showHiddenData()\" ></svg-icon>\n              </div>\n           </div>\n        </div>\n     </div>\n   </ng-container>\n\n  </div>\n</ng-container>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}:host{display:block;height:100%;width:100%}.marker-container{width:320px;padding:2px 9px 9px 0}.marker-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .heading-container .heading{margin-top:2px}.marker-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.marker-container .heading-container .action .side-space{padding-right:4px}.marker-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .heading-container .action .side-space .grey-color{color:#919191}.marker-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:0;margin-bottom:5px}.marker-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.marker-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.marker-container .working-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .working-info .working-heading{line-height:18px;font-family:Montserrat,sans-serif;color:#424242;padding-bottom:5px}.marker-container .working-info .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info .working-info-detail .working-info-item{font-size:11px;line-height:18px;color:#424242}.marker-container .working-info .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.marker-container .load-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.marker-container .load-info .load-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.marker-container .load-info .load-heading .load-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail{font-family:Montserrat,sans-serif}.marker-container .load-info .load-info-detail .load-info-item{font-size:12px;line-height:18px;color:#2f2f2f}.marker-container .load-info .load-info-detail .loading-hours{font-size:10px;color:#919191}.marker-container .load-info .load-info-detail .loading-hours .load-time{color:#919191}.marker-container .avg-info .avg-info-detail{font-family:Montserrat,sans-serif}.marker-container .avg-info .avg-info-detail .avg-item .item-date{padding:0 7px;color:#2f2f2f}.infowindow-container{width:300px;padding:2px 9px 9px 0}.infowindow-container .heading-container{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:0}.infowindow-container .heading-container .heading{margin-top:15px;margin-bottom:3px}.infowindow-container .heading-container .heading .header{font-family:Montserrat,sans-serif;font-size:15px;line-height:19.5px}.infowindow-container .heading-container .action .side-space{padding-right:4px}.infowindow-container .heading-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 4px;position:relative;left:-1px}.infowindow-container .heading-container .action .side-space .grey-color{color:#919191}.infowindow-container .personal-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:10px;margin-top:10px}.infowindow-container .personal-info .personal-info-items{padding:1px 0;margin-bottom:3px;font-family:Montserrat,sans-serif}.infowindow-container .personal-info .personal-info-items .info{font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif}.infowindow-container .weight-info{border-bottom:1px solid #dadada;padding-bottom:5px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading{font-family:Montserrat,sans-serif;font-size:13px;margin-bottom:5px}.infowindow-container .weight-info .weight-heading .weight-head-count{background-color:#6c6c6c;border-radius:50%;padding:3px 4px;color:#fff;font-size:7px;margin:1px 4px 0;font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail{font-family:Montserrat,sans-serif}.infowindow-container .weight-info .weight-info-detail .weight-info-item{font-size:12px;line-height:18px;color:#424242}.infowindow-container .weight-info .weight-info-detail .weight-info-item .weight-time{color:#424242;padding:0 5px}.infowindow-container .transport-info .transport-container{margin-top:15px;font-family:Montserrat,sans-serif;margin-bottom:10px}.infowindow-container .transport-info .transport-container .driver-info .side-space{margin-left:20px}.infowindow-container .transport-info .transport-container .driver-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .driver-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}.infowindow-container .transport-info .transport-container .truck-info .side-space{margin-left:50px}.infowindow-container .transport-info .transport-container .truck-info .title{font-size:11px;line-height:14px}.infowindow-container .transport-info .transport-container .truck-info .detail{font-size:13px;line-height:18px;color:#2f2f2f}\n"] }]
         }], propDecorators: { isAccidentMap: [{
                 type: Input
             }], bodyActions: [{