npm - ca-components - Versions diffs - 1.0.72 → 1.0.74 - Mend

ca-components 1.0.72 → 1.0.74

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

Files changed (75) hide show

package/esm2022/lib/components/ca-map-dropdown/ca-map-dropdown.component.mjs CHANGED Viewed

@@ -55,7 +55,7 @@ export class CaMapDropdownComponent {
         return index;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaMapDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { infoWindowContent: "infoWindowContent", markerData: "markerData" }, outputs: { onClusterItemClick: "onClusterItemClick", onClusterListScrollToEnd: "onClusterListScrollToEnd", onBackButtonClick: "onBackButtonClick", bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\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      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.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 .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 .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 .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}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"], dependencies: [{ kind: "ngmodule", type:
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaMapDropdownComponent, isStandalone: true, selector: "app-ca-map-dropdown", inputs: { infoWindowContent: "infoWindowContent", markerData: "markerData" }, outputs: { onClusterItemClick: "onClusterItemClick", onClusterListScrollToEnd: "onClusterListScrollToEnd", onBackButtonClick: "onBackButtonClick", bodyActions: "bodyActions" }, providers: [SvgIconRegistryService], ngImport: i0, template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\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      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.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 .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 .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 .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}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"], dependencies: [{ kind: "ngmodule", type:
                 //modules
                 CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "disableTooltip"] }, { kind: "pipe", type:
                 // pipes
@@ -76,7 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MapDropdownContentPipe,
                         MapDropdownClusterContentPipe,
                         MapDropdownValuePipe,
-                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\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      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.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 .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 .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 .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}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"] }]
+                    ], providers: [SvgIconRegistryService], template: "<ng-container *ngIf=\"infoWindowContent\">\n  <ng-container *ngIf=\"infoWindowContent?.clusterData; else markerInfoTemplate\">\n    <ng-container\n      *ngIf=\"\n        infoWindowContent?.selectedClusterItemData;\n        else clusterDataListTemplate\n      \"\n    >\n      <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent?.selectedClusterItemData.mainContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: infoWindowContent?.selectedClusterItemData.data\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n\n        <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n          <ng-container\n            *ngFor=\"\n              let item of infoWindowContent?.selectedClusterItemData\n                .expandedContent;\n              let i = index;\n              trackBy: identity\n            \"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentTemplate;\n                context: {\n                  content: item,\n                  data: infoWindowContent?.selectedClusterItemData.data\n                }\n              \"\n            ></ng-container>\n          </ng-container>\n        </div>\n\n        <div\n          class=\"dropdown-arrow align-self-end\"\n          [class.rotate-arrow]=\"!isHidden\"\n        >\n          <svg-icon\n            [src]=\"getSvgPath('cornerDownArrowRoute')\"\n            (click)=\"showHiddenData()\"\n          ></svg-icon>\n        </div></div\n    ></ng-container>\n\n    <ng-template #clusterDataListTemplate>\n      <div\n        class=\"cluster-marker-container d-flex flex-column gap-1\"\n        (scroll)=\"\n          infoWindowContent.clusterData!.length >= 25\n            ? onClusterListScroll($event)\n            : null\n        \"\n      >\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.clusterData;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              clusterContentTemplate;\n              context: {\n                content: item,\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n\n  <ng-template #markerInfoTemplate>\n    <div class=\"marker-container relative\" [class.expanded]=\"!isHidden\">\n      <ng-container\n        *ngFor=\"\n          let item of infoWindowContent.mainContent;\n          let i = index;\n          trackBy: identity\n        \"\n      >\n        <ng-container\n          *ngTemplateOutlet=\"\n            dropdownContentTemplate;\n            context: {\n              content: item,\n              data: markerData\n            }\n          \"\n        ></ng-container>\n      </ng-container>\n\n      <div class=\"expanded-info\" [class.active]=\"!isHidden\">\n        <ng-container\n          *ngFor=\"\n            let item of infoWindowContent.expandedContent;\n            let i = index;\n            trackBy: identity\n          \"\n        >\n          <ng-container\n            *ngTemplateOutlet=\"\n              dropdownContentTemplate;\n              context: {\n                content: item,\n                data: markerData\n              }\n            \"\n          ></ng-container>\n        </ng-container>\n      </div>\n\n      <div\n        class=\"dropdown-arrow align-self-end\"\n        [class.rotate-arrow]=\"!isHidden\"\n      >\n        <svg-icon\n          [src]=\"getSvgPath('cornerDownArrowRoute')\"\n          (click)=\"showHiddenData()\"\n        ></svg-icon>\n      </div>\n    </div>\n  </ng-template>\n</ng-container>\n\n<ng-template #clusterContentTemplate let-content=\"content\">\n  <ng-container *ngIf=\"content | mapDropdownClusterContentType; let item\">\n    <div\n      class=\"d-flex align-items-center justify-content-between cluster-marker-item\"\n      (click)=\"clusterItemClick(item)\"\n    >\n      <div\n        class=\"d-flex align-items-center gap-1\"\n        [ngStyle]=\"{\n          'max-width': item.favourite ? 'calc(100% - 18px)' : '100%'\n        }\"\n      >\n        <ng-container *ngIf=\"item.isClosed\">\n          <svg-icon\n            class=\"d-flex\"\n            [src]=\"getSvgPath('permanentlyClosedRoute')\"\n            [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n          ></svg-icon>\n        </ng-container>\n        <div class=\"regular-text dark-gray-text uppercase text-ellipsis\">\n          {{ item.name }}\n        </div>\n      </div>\n      <ng-container *ngIf=\"item.favourite\">\n        <svg-icon\n          class=\"d-flex\"\n          [src]=\"getSvgPath('favoriteRoute')\"\n          [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n        ></svg-icon>\n      </ng-container>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #dropdownContentTemplate let-content=\"content\" let-data=\"data\">\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container *ngIf=\"!item.sideBySideInfo; else sideBySideInfoTemplate\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          dropdownContentItemTemplates;\n          context: {\n            content: item,\n            data: data\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n\n    <ng-template #sideBySideInfoTemplate>\n      <!-- Side by Side Data -->\n      <div class=\"d-flex align-items-center\">\n        <!-- Left Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.leftSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.leftSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n\n        <!-- Right Side -->\n        <ng-container *ngIf=\"item.sideBySideInfo?.rightSide\">\n          <div class=\"flex-1\">\n            <ng-container\n              *ngTemplateOutlet=\"\n                dropdownContentItemTemplates;\n                context: {\n                  content: item.sideBySideInfo?.rightSide,\n                  data: data\n                }\n              \"\n            >\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-template>\n\n<ng-template\n  #dropdownContentItemTemplates\n  let-content=\"content\"\n  let-data=\"data\"\n>\n  <ng-container *ngIf=\"content | mapDropdownContentType; let item\">\n    <ng-container [ngSwitch]=\"item.template\">\n      <!-- Main Title -->\n      <ng-container *ngSwitchCase=\"'header-title'\">\n        <div\n          class=\"heading d-flex justify-content-between align-items-center {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"header-text-container d-flex align-items-center gap-1 w-100\"\n          >\n            <ng-container *ngIf=\"item.hasBackButton\">\n              <div\n                class=\"header-back-button d-flex align-items-center justify-content-center\"\n                (click)=\"backButtonClick()\"\n              >\n                <svg-icon\n                  class=\"d-flex\"\n                  [src]=\"getSvgPath('backButtonRoute')\"\n                  [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n                >\n                </svg-icon>\n              </div>\n            </ng-container>\n            <span\n              class=\"header ca-font-extra-bold dark-gray-text {{\n                item.customClassText\n              }}\"\n            >\n              {{ data[item.field] }}\n            </span>\n          </div>\n\n          <!-- <div class=\"dropdown-icon\"></div> -->\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      </ng-container>\n\n      <!-- Rating Review -->\n      <ng-container *ngSwitchCase=\"'rating-review'\">\n        <div\n          class=\"d-flex justify-content-start align-items-center align-content-center gap-3 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].likeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon like-icon d-flex\"\n              [class.active]=\"data[item.field].hasLiked\"\n              [src]=\"getSvgPath('likeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].likeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].dislikeCount\"\n          >\n            <svg-icon\n              class=\"rating-icon dislike-icon d-flex\"\n              [class.active]=\"data[item.field].hasDislike\"\n              [src]=\"getSvgPath('dislikeRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].dislikeCount }}\n            </span>\n          </div>\n          <div\n            class=\"d-flex justify-content-start align-items-center gap-2\"\n            [class.opacity-40]=\"!data[item.field].reviewCount\"\n          >\n            <svg-icon\n              class=\"rating-icon review-icon d-flex\"\n              [src]=\"getSvgPath('reviewRoute')\"\n              [svgStyle]=\"{ 'width.px': 14, 'height.px': 14 }\"\n            ></svg-icon>\n            <span\n              class=\"small-text dark-gray-text ca-font-semi-bold user-select-none\"\n              >{{ data[item.field].reviewCount ?? 0 }}\n            </span>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Border Divider -->\n      <ng-container *ngSwitchCase=\"'divider'\">\n        <div class=\"info-divider\"></div>\n      </ng-container>\n\n      <!-- Repair Shop Services -->\n      <ng-container *ngSwitchCase=\"'repair-shop-services'\">\n        <div\n          class=\"d-flex align-items-center justify-content-between {{\n            item.customClassContainer\n          }}\"\n        >\n          <ng-container *ngFor=\"let service of data[item.field]\">\n            <div\n              class=\"d-flex align-items-center justify-content-center\"\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"service.serviceType.name\"\n              position=\"bottom\"\n            >\n              <svg-icon\n                class=\"repair-service-icon\"\n                [class.active]=\"service.active\"\n                [src]=\"service.logoName | caSvg : 'common' : 'repair-services'\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n\n      <!-- Icon and Text -->\n      <ng-container *ngSwitchCase=\"'icon-text'\">\n        <div\n          class=\"d-flex align-items-start gap-1 {{ item.customClassContainer }}\"\n        >\n          <ng-container *ngIf=\"item.url\">\n            <div\n              ngbTooltip\n              [tooltipBackground]=\"'#424242'\"\n              [mainCaTooltip]=\"item.iconTooltipText\"\n              position=\"bottom\"\n              [disableTooltip]=\"!item.iconTooltipText\"\n            >\n              <svg-icon\n                class=\"d-flex align-items-center justify-content-center\"\n                [src]=\"item.url\"\n                [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n              ></svg-icon>\n            </div>\n          </ng-container>\n          <span class=\"regular-text dark-gray-text {{ item.customClassText }}\">\n            {{ data[item.field] }}\n          </span>\n        </div>\n      </ng-container>\n\n      <!-- Title -->\n      <ng-container *ngSwitchCase=\"'title'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ data[item.field] }}\n        </div>\n      </ng-container>\n\n      <!-- Title and Count -->\n      <ng-container *ngSwitchCase=\"'title-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text dark-gray-text ca-font-extra-bold\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"count-number white-text d-flex align-items-center justify-content-center ca-font-bold\"\n          >\n            {{ data[item.field] }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Money Text  -->\n      <ng-container *ngSwitchCase=\"'money-text'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text ca-font-bold blue-text\">\n            {{ data?.[item.field] !== '' ? data[item.field] : '$0' }}\n          </div>\n          <div class=\"regular-text light-gray-text ca-font-bold\">\n            {{ item.title }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Open Hours -->\n      <ng-container *ngSwitchCase=\"'open-hours'\">\n        <div class=\"d-flex flex-column gap-2\">\n          <div\n            class=\"regular-text dark-gray-text ca-font-extra-bold {{\n              item.customClassText\n            }}\"\n          >\n            {{ item.title }}\n          </div>\n          <div class=\"open-hours-grid\">\n            <ng-container\n              *ngIf=\"data[item.field]?.openHoursToday && !isShowAllDaysActive\"\n            >\n              <div class=\"d-flex flex-column flex-1\">\n                <div class=\"small-text dark-gray-text ca-font-bold\">\n                  {{ data[item.field].openHoursToday.status }}\n                </div>\n                <div class=\"regular-text dark-gray-text text-ellipsis\">\n                  {{ data[item.field].openHoursToday.info }}\n                </div>\n              </div>\n            </ng-container>\n            <ng-container *ngIf=\"data[item.field]?.openHours?.length\">\n              <ng-container *ngIf=\"isShowAllDaysActive\">\n                <ng-container\n                  *ngFor=\"\n                    let day of data[item.field].openHours;\n                    trackBy: identity\n                  \"\n                >\n                  <div class=\"d-flex flex-column flex-1\">\n                    <div class=\"small-text dark-gray-text ca-font-bold\">\n                      {{ day.dayOfWeek }}\n                    </div>\n                    <div class=\"regular-text dark-gray-text text-ellipsis\">\n                      {{ day.startTime + ' - ' + day.endTime }}\n                    </div>\n                  </div>\n                </ng-container>\n              </ng-container>\n              <div\n                class=\"d-flex flex-column flex-1 justify-content-end show-all-days-container\"\n              >\n                <div\n                  class=\"d-flex align-items-center gap-1\"\n                  (click)=\"showAllDaysClick()\"\n                >\n                  <svg-icon\n                    class=\"d-flex\"\n                    [src]=\"getSvgPath('accidentCalenderRoute')\"\n                    [svgStyle]=\"{ 'width.px': 18, 'height.px': 18 }\"\n                  ></svg-icon>\n                  <div class=\"regular-text gray-text cursor-pointer\">\n                    {{ isShowAllDaysActive ? 'Show today' : 'Show all days' }}\n                  </div>\n                </div>\n              </div>\n            </ng-container>\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Text and Count -->\n      <ng-container *ngSwitchCase=\"'text-count'\">\n        <div\n          class=\"d-flex align-items-center gap-1 {{\n            item.customClassContainer\n          }}\"\n        >\n          <div class=\"regular-text {{ item.customClassText }}\">\n            {{ item.title }}\n          </div>\n          <div\n            class=\"regular-text ca-font-semi-bold {{ item.customClassText }}\"\n          >\n            {{ data | mapDropdownValue : item }}\n          </div>\n        </div>\n      </ng-container>\n\n      <!-- Subtitle -->\n      <ng-container *ngSwitchCase=\"'subtitle'\">\n        <div\n          class=\"regular-text dark-gray-text ca-font-extra-bold {{\n            item.customClassText\n          }}\"\n        >\n          {{ item.title }}\n        </div>\n      </ng-container>\n\n      <!-- Regular Text -->\n      <ng-container *ngSwitchCase=\"'text'\">\n        <div class=\"regular-text black-text {{ item.customClassText }}\">\n          {{ data | mapDropdownValue : item }}\n        </div>\n      </ng-container>\n\n      <!-- Small Subtitle -->\n      <ng-container *ngSwitchCase=\"'small-subtitle'\">\n        <div class=\"small-text dark-gray-text {{ item.customClassText }}\">\n          {{ item.title }}\n        </div>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background:#42424233!important;color:#424242!important}.text-color-black::selection{background:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background:#91919133!important;color:#919191!important}.text-color-muted::selection{background:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background:#56b4ac33!important;color:#56b4ac!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-13::selection{background:#66921833!important;color:#6692f1!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background:#3b73ed33!important;color:#3b73ed!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background:#e6676733!important;color:#e66767!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{color:#ccc!important;background:#aaa3!important}.text-color-light-grey-6::selection{color:#ccc!important;background:#aaa3!important}.text-color-white{color:#dadada!important}.text-color-white::-moz-selection{color:#dadada!important;background:#fff3!important}.text-color-white::selection{color:#dadada!important;background:#fff3!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{color:#ffffffb2!important;background:#fff3!important}.text-color-white-4::selection{color:#ffffffb2!important;background:#fff3!important}.text-color-dark-grey{color:#6c6c6c!important}.text-color-dark-grey::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-dark-grey::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw6-2::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-bw-9::selection{color:#6c6c6c!important;background:#6c6c6c33!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey::selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{color:#919191!important;background:#91919133!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{color:#919191!important;background:#91919133!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}@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}}.svg-fill-black svg path{fill:#424242!important}.svg-fill-muted svg path{fill:#919191!important}.svg-fill-bw-9 svg path{fill:#dadada!important}.svg-fill-light-grey-2 svg path{fill:#aaa!important}.svg-fill-light-grey-6 svg path{fill:#ccc!important}.svg-fill-blue-13 svg path{fill:#6692f1!important}.svg-fill-blue-19 svg path{fill:#92b1f5!important}.svg-fill-blue-26 svg path{fill:#4dc5eb!important}.svg-hover-muted svg path{transition:all .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-black svg path{transition:all .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-15 svg path{transition:all .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-bw6-2 svg path{transition:all .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:all .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:all .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-18 svg{width:18px;height:18px}.svg-size-44-16 svg{width:44px;height:16px}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}:host{display:block;height:100%;width:100%}.cluster-marker-container{width:354px;max-height:244px;margin:4px 2px 4px 4px;overflow-y:scroll}.cluster-marker-container::-webkit-scrollbar{width:2px}.cluster-marker-container::-webkit-scrollbar-thumb{background-color:#ccc;border:2px solid #cccccc;border-radius:1px}.cluster-marker-container::-webkit-scrollbar-track{width:2px;background-color:#fff}.cluster-marker-container .cluster-marker-item{max-width:100%;padding:4px;cursor:pointer;border-radius:2px}.cluster-marker-container .cluster-marker-item:hover{background:#eee}.marker-container{width:360px;max-height:214px;padding:8px;transition:max-height .2s ease-in-out}.marker-container.expanded{max-height:396px}.marker-container .heading{max-width:100%;margin-bottom:3px}.marker-container .heading .header-text-container{max-width:calc(100% - 26px)}.marker-container .heading .header-text-container .header-back-button{min-width:18px;min-height:18px;background:#eee;border-radius:1px;cursor:pointer}.marker-container .heading .header-text-container .header-back-button svg-icon svg path{fill:#919191}.marker-container .heading .header-text-container .header{font-family:Montserrat,sans-serif;font-size:16px;line-height:20px;color:#424242}.marker-container .heading .dropdown-icon{min-width:26px;min-height:26px}.marker-container .action .side-space{padding-right:4px}.marker-container .action .side-space .count{font-family:Montserrat,sans-serif;font-size:11px;color:#424242;padding:0 7px;position:relative;left:-1px}.marker-container .action .side-space .grey-color{color:#919191}.marker-container .repair-service-icon svg path{fill:#ccc;fill-opacity:1}.marker-container .repair-service-icon.active svg path{fill:#919191;fill-opacity:1}.marker-container .personal-info-items{font-family:Montserrat,sans-serif}.marker-container .personal-info-items .info{max-width:100%;font-size:14px;line-height:18px;padding:0 5px;color:#2f2f2f;font-family:Montserrat,sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-container .working-info-detail{font-family:Montserrat,sans-serif}.marker-container .working-info-detail .working-info-item{font-size:11px;line-height:14px;color:#424242}.marker-container .working-info-detail .working-info-item .working-time{font-size:14px;line-height:18px}.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 .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 .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 .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}.info-divider{margin:8px 0;width:100%;height:1px;background:#dadada;border-radius:2px}.dropdown-arrow{position:absolute;right:6px;bottom:6px}.dropdown-arrow svg{transition:transform .2s ease-in-out;transform:rotate(0)}.dropdown-arrow svg path{transition:fill .2s ease-in-out;fill:#919191}.dropdown-arrow.rotate-arrow svg{transform:rotate(180deg)}.dropdown-arrow.rotate-arrow svg path{fill:#6692f1}.dropdown-arrow:hover{cursor:pointer}.dropdown-arrow:hover svg path{fill:#6692f1}.expanded-info{max-height:0px;overflow:hidden;transition:max-height .2s ease-in-out}.expanded-info.active{max-height:300px}.gap-8{gap:8px}.count-number{padding:0 5px;background:#6c6c6c;border-radius:60px;font-size:11px;line-height:14px;-webkit-user-select:none;user-select:none}.rating-icon svg path{fill:#919191;fill-opacity:1}.rating-icon.active.like-icon svg path{fill:#56b4ac}.rating-icon.active.dislike-icon svg path{fill:#e66767}.text-ellipsis{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis.two-rows-ellipsis{max-width:90%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:initial}.blue-text{color:#6692f1!important}.blue-text::-moz-selection{color:#6692f1;background:#3b73ed33}.blue-text::selection{color:#6692f1;background:#3b73ed33}.red-text{color:#df3c3c!important}.red-text::-moz-selection{color:#df3c3c;background:#df3c3c33}.red-text::selection{color:#df3c3c;background:#df3c3c33}.gray-text{color:#919191!important}.gray-text::-moz-selection{color:#919191;background:#91919133}.gray-text::selection{color:#919191;background:#91919133}.light-gray-text{color:#6c6c6c}.light-gray-text::-moz-selection{color:#6c6c6c;background:#6c6c6c33}.light-gray-text::selection{color:#6c6c6c;background:#6c6c6c33}.dark-gray-text{color:#424242}.dark-gray-text::-moz-selection{color:#424242;background:#42424233}.dark-gray-text::selection{color:#424242;background:#42424233}.black-text{color:#2f2f2f}.black-text::-moz-selection{color:#2f2f2f;background:#2f2f2f33}.black-text::selection{color:#2f2f2f;background:#2f2f2f33}.white-text{color:#dadada}.white-text::-moz-selection{color:#dadada;background:#fff3}.white-text::selection{color:#dadada;background:#fff3}.opacity-40{opacity:.4}.regular-text{font-size:14px;line-height:18px;font-family:Montserrat,sans-serif}.small-text{font-size:11px;line-height:14px;font-family:Montserrat,sans-serif}.open-hours-grid{display:grid;grid-template-columns:50% 50%;grid-row-gap:8px}.cursor-pointer{cursor:pointer}.show-all-days-container{grid-column:2/span 1}\n"] }]
         }], propDecorators: { infoWindowContent: [{
                 type: Input
             }], markerData: [{

package/esm2022/lib/components/ca-modal/ca-modal.component.mjs CHANGED Viewed

@@ -5,6 +5,8 @@ import { Component, Input } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { AngularSvgIconModule } from 'angular-svg-icon';
+// components
+import { CaCustomScrollbarComponent } from '../ca-custom-scrollbar/ca-custom-scrollbar.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "@angular/cdk/drag-drop";
@@ -15,7 +17,9 @@ export class CaModalComponent {
         this.modalTitle = '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate", additionalPartTemplate: "additionalPartTemplate" }, ngImport: i0, template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n  <div class=\"modal-original-part {{ partClass }}\">\n    <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n      <div class=\"modal-header-leftside\">\n        <!-- Header title -->\n\n         <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n        <!-- Haeder left side template -->\n\n         <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n      </div>\n      <div class=\"modal-header-rightside\">\n        <!-- Haeder right side -->\n\n        <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n      </div>\n    </div>\n\n    <div class=\"modal-body\">\n      <!-- Modal content -->\n\n      <ng-content select=\"[origin]\"></ng-content>\n    </div>\n    <!-- Footer Template Content -->\n\n    <div cdkDragHandle>\n      <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n    </div>\n    \n  </div>\n  <!-- Additional Part Content -->\n\n  <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n</div>", 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}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #dadada;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "ngmodule", type: NgbModule }], animations: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaModalComponent, isStandalone: true, selector: "app-ca-modal", inputs: { customClass: "customClass", partClass: "partClass", modalTitle: "modalTitle", leftHeaderTemplate: "leftHeaderTemplate", rightHeaderTemplate: "rightHeaderTemplate", footerTemplate: "footerTemplate", additionalPartTemplate: "additionalPartTemplate" }, ngImport: i0, template: "<app-ca-custom-scrollbar\n    [scrollBarOptions]=\"{\n        showVerticalScrollBar: true,\n        showHorizontalScrollBar: false,\n    }\"\n>\n    <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n        <div class=\"modal-original-part {{ partClass }}\">\n            <div\n                cdkDragHandle\n                class=\"modal-header d-flex justify-content-between\"\n            >\n                <div class=\"modal-header-leftside\">\n                    <!-- Header title -->\n\n                    <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n                    <!-- Haeder left side template -->\n\n                    <ng-container\n                        *ngTemplateOutlet=\"leftHeaderTemplate\"\n                    ></ng-container>\n                </div>\n                <div class=\"modal-header-rightside\">\n                    <!-- Haeder right side -->\n\n                    <ng-container\n                        *ngTemplateOutlet=\"rightHeaderTemplate\"\n                    ></ng-container>\n                </div>\n            </div>\n\n            <div class=\"modal-body\">\n                <!-- Modal content -->\n\n                <ng-content select=\"[origin]\"></ng-content>\n            </div>\n            <!-- Footer Template Content -->\n\n            <div cdkDragHandle>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        </div>\n        <!-- Additional Part Content -->\n\n        <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n    </div>\n</app-ca-custom-scrollbar>\n", 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}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #dadada;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "ngmodule", type: NgbModule }, { kind: "component", type:
+                // components
+                CaCustomScrollbarComponent, selector: "app-ca-custom-scrollbar", inputs: ["scrollBarOptions", "horizontalScrollHeight"], outputs: ["scrollEvent"] }], animations: [
             trigger('widthGrow', [
                 state('closed', style({
                     transform: 'scale(0)',
@@ -35,6 +39,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DragDropModule,
                         AngularSvgIconModule,
                         NgbModule,
+                        // components
+                        CaCustomScrollbarComponent,
                     ], animations: [
                         trigger('widthGrow', [
                             state('closed', style({
@@ -45,7 +51,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                             })),
                             transition('closed => open', animate(100)),
                         ]),
-                    ], template: "<div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n  <div class=\"modal-original-part {{ partClass }}\">\n    <div cdkDragHandle class=\"modal-header d-flex justify-content-between\">\n      <div class=\"modal-header-leftside\">\n        <!-- Header title -->\n\n         <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n        <!-- Haeder left side template -->\n\n         <ng-container *ngTemplateOutlet=\"leftHeaderTemplate\"></ng-container>\n      </div>\n      <div class=\"modal-header-rightside\">\n        <!-- Haeder right side -->\n\n        <ng-container *ngTemplateOutlet=\"rightHeaderTemplate\"></ng-container>\n      </div>\n    </div>\n\n    <div class=\"modal-body\">\n      <!-- Modal content -->\n\n      <ng-content select=\"[origin]\"></ng-content>\n    </div>\n    <!-- Footer Template Content -->\n\n    <div cdkDragHandle>\n      <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n    </div>\n    \n  </div>\n  <!-- Additional Part Content -->\n\n  <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n</div>", 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}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #dadada;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"] }]
+                    ], template: "<app-ca-custom-scrollbar\n    [scrollBarOptions]=\"{\n        showVerticalScrollBar: true,\n        showHorizontalScrollBar: false,\n    }\"\n>\n    <div cdkDrag class=\"modal-container {{ customClass }}\" ngBAutofocus>\n        <div class=\"modal-original-part {{ partClass }}\">\n            <div\n                cdkDragHandle\n                class=\"modal-header d-flex justify-content-between\"\n            >\n                <div class=\"modal-header-leftside\">\n                    <!-- Header title -->\n\n                    <h5 class=\"modal-title\">{{ modalTitle }}</h5>\n                    <!-- Haeder left side template -->\n\n                    <ng-container\n                        *ngTemplateOutlet=\"leftHeaderTemplate\"\n                    ></ng-container>\n                </div>\n                <div class=\"modal-header-rightside\">\n                    <!-- Haeder right side -->\n\n                    <ng-container\n                        *ngTemplateOutlet=\"rightHeaderTemplate\"\n                    ></ng-container>\n                </div>\n            </div>\n\n            <div class=\"modal-body\">\n                <!-- Modal content -->\n\n                <ng-content select=\"[origin]\"></ng-content>\n            </div>\n            <!-- Footer Template Content -->\n\n            <div cdkDragHandle>\n                <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n            </div>\n        </div>\n        <!-- Additional Part Content -->\n\n        <ng-container *ngTemplateOutlet=\"additionalPartTemplate\"></ng-container>\n    </div>\n</app-ca-custom-scrollbar>\n", 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}}.modal-open{overflow:hidden!important}.modal-open::-webkit-scrollbar-track{background-color:#0000004d}.modal-open::-webkit-scrollbar-thumb{background-color:#0000004d}.modal-date-logo{height:26px;width:26px;cursor:pointer!important;position:relative}.modal-date-logo svg:hover{cursor:pointer}.modal-date-logo svg:hover path{fill:#919191}.modal-date-border{height:18px;margin-right:4px;border-right:1px solid #cccccc}.modal-container{width:480px;height:auto;overflow:hidden;position:relative;transition:width .3s}.modal-container .drop-zone-active{width:100%;height:100%;position:absolute;top:0%;left:0%;z-index:99999999999}.modal-container .drop-zone-active .drop-zone-title{position:absolute;z-index:9999;top:16px;left:14px;color:#6c6c6c;font-size:18px;font-weight:800;margin:0}.modal-container .drop-zone-active .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #e5e5e5}.modal-container .drop-zone-active-hovered .ta-modal-dropzone{position:absolute;top:0;border:4px dashed #dadada;background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-label{background-color:#eee}.modal-container .drop-zone-active-hovered .ta-modal-dropzone .ta-modal-dropzone-text{color:#6c6c6c}.modal-container .drop-zone-active .ta-modal-dropzone-area{transform:scale(2)}.modal-container .drop-zone-active .ta-modal-dropzone-text{position:absolute!important;top:84%!important;text-align:center;left:50%!important;transform:translate(-50%,-50%)}.modal-container.modal-container-load{width:1280px;display:flex}.modal-container.modal-container-load .divider{width:615px}.modal-container.modal-container-load .modal-additional-part{width:640px}.modal-container.modal-container-load .modal-additional-part-load{background-color:#f7f7f7;height:650px}.modal-container.modal-container-load .modal-additional-part-load .divider{background-color:#dadada;height:1px}.modal-container.modal-container-load .modal-additional-part-load-modal{max-width:640px;width:calc(100vw - 640px)}.modal-container .load-modal-origin-part{width:640px!important}.modal-container.modal-container-XS{width:390px}.modal-container.modal-container-XS .divider{width:366px}.modal-container.modal-container-XS .confirmation-modal-body{padding:22px 6px}.modal-container.modal-container-S{width:366px}.modal-container.modal-container-S .divider{width:341px}.modal-container.modal-container-M{width:640px}.modal-container.modal-container-M .divider{height:1px;background-color:#dadada;width:616px;margin:0 auto}.modal-container.modal-container-L{width:710px}.modal-container.modal-container-L .divider{width:685px}.modal-container.modal-container-XL{width:860px}.modal-container.modal-container-XL .divider{width:836px}.modal-container.modal-container-XL-2{width:800px;overflow:visible!important}.modal-container.modal-container-XL-2 .divider{width:775px}.modal-container .divider-bottom{margin-bottom:12px!important}.modal-container .card-divider{background-color:#dadada!important;height:1px!important}.modal-container.modal-container-sph-applicant{width:940px;height:960px;overflow-y:scroll;scrollbar-width:none!important}.modal-container.modal-container-sph-applicant::-webkit-scrollbar{width:2px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-thumb{background-color:transparent;border:6px solid transparent;border-radius:1px}.modal-container.modal-container-sph-applicant::-webkit-scrollbar-track{padding:0;position:relative;right:0;top:0;background:transparent}.modal-container.modal-container-sph-applicant .divider{display:none}.modal-container .divider{width:455px;height:2px;content:\"\";border-radius:1px;background-color:#f3f3f3;margin:0 auto}.modal-container .modal-spinner{position:absolute;bottom:7px;right:8px}.modal-container .form-container .row>*:nth-child(odd){padding-left:12px;padding-right:12px}.modal-container .form-container .row>*:nth-child(2n){padding-left:0;padding-right:12px}.modal-container .not-clickable{pointer-events:none;cursor:not-allowed;background:#f7f7f7!important;color:#ccc!important}.modal-container .modal-footer>*{margin:0!important}.modal-container .modal-footer .ta-modal-footer-right-side,.modal-container .modal-footer .ta-modal-footer-left-side{gap:12px;padding-left:1px}\n"] }]
         }], propDecorators: { customClass: [{
                 type: Input
             }], partClass: [{
@@ -61,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], additionalPartTemplate: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBQ1IsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFnQ3hELE1BQU0sT0FBTyxnQkFBZ0I7SUE5QjdCO1FBK0JXLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsZUFBVSxHQUFXLEVBQUUsQ0FBQztLQU9sQzsrR0FWWSxnQkFBZ0I7bUdBQWhCLGdCQUFnQiw0VUM1QzdCLHdrQ0FpQ00sdzdJRGJGLFlBQVkscU1BQ1osV0FBVyw4QkFDWCxjQUFjLCtsQkFDZCxvQkFBb0IsOEJBQ3BCLFNBQVMsaUJBRUM7WUFDVixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNuQixLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDSixTQUFTLEVBQUUsVUFBVTtpQkFDdEIsQ0FBQyxDQUNIO2dCQUNELEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO29CQUNKLFNBQVMsRUFBRSxVQUFVO2lCQUN0QixDQUFDLENBQ0g7Z0JBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUMzQyxDQUFDO1NBQ0g7OzRGQUVVLGdCQUFnQjtrQkE5QjVCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLGNBQWMsV0FHZjt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLFNBQVM7cUJBQ1YsY0FDVzt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixLQUFLLENBQ0gsUUFBUSxFQUNSLEtBQUssQ0FBQztnQ0FDSixTQUFTLEVBQUUsVUFBVTs2QkFDdEIsQ0FBQyxDQUNIOzRCQUNELEtBQUssQ0FDSCxNQUFNLEVBQ04sS0FBSyxDQUFDO2dDQUNKLFNBQVMsRUFBRSxVQUFVOzZCQUN0QixDQUFDLENBQ0g7NEJBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzt5QkFDM0MsQ0FBQztxQkFDSDs4QkFHUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csc0JBQXNCO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgYW5pbWF0ZSxcbiAgc3RhdGUsXG4gIHN0eWxlLFxuICB0cmFuc2l0aW9uLFxuICB0cmlnZ2VyLFxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IERyYWdEcm9wTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTmdiTW9kdWxlIH0gZnJvbSAnQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXAnO1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiAnYXBwLWNhLW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBEcmFnRHJvcE1vZHVsZSxcbiAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcbiAgICBOZ2JNb2R1bGUsXG4gIF0sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCd3aWR0aEdyb3cnLCBbXG4gICAgICBzdGF0ZShcbiAgICAgICAgJ2Nsb3NlZCcsXG4gICAgICAgIHN0eWxlKHtcbiAgICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSgwKScsXG4gICAgICAgIH0pXG4gICAgICApLFxuICAgICAgc3RhdGUoXG4gICAgICAgICdvcGVuJyxcbiAgICAgICAgc3R5bGUoe1xuICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDEpJyxcbiAgICAgICAgfSlcbiAgICAgICksXG4gICAgICB0cmFuc2l0aW9uKCdjbG9zZWQgPT4gb3BlbicsIGFuaW1hdGUoMTAwKSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBjdXN0b21DbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHBhcnRDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIG1vZGFsVGl0bGU6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpIGxlZnRIZWFkZXJUZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPG51bGw+O1xuICBASW5wdXQoKSByaWdodEhlYWRlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG4gIEBJbnB1dCgpIGZvb3RlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG4gIEBJbnB1dCgpIGFkZGl0aW9uYWxQYXJ0VGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgXG59XG4iLCI8ZGl2IGNka0RyYWcgY2xhc3M9XCJtb2RhbC1jb250YWluZXIge3sgY3VzdG9tQ2xhc3MgfX1cIiBuZ0JBdXRvZm9jdXM+XG4gIDxkaXYgY2xhc3M9XCJtb2RhbC1vcmlnaW5hbC1wYXJ0IHt7IHBhcnRDbGFzcyB9fVwiPlxuICAgIDxkaXYgY2RrRHJhZ0hhbmRsZSBjbGFzcz1cIm1vZGFsLWhlYWRlciBkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW5cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1oZWFkZXItbGVmdHNpZGVcIj5cbiAgICAgICAgPCEtLSBIZWFkZXIgdGl0bGUgLS0+XG5cbiAgICAgICAgIDxoNSBjbGFzcz1cIm1vZGFsLXRpdGxlXCI+e3sgbW9kYWxUaXRsZSB9fTwvaDU+XG4gICAgICAgIDwhLS0gSGFlZGVyIGxlZnQgc2lkZSB0ZW1wbGF0ZSAtLT5cblxuICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxlZnRIZWFkZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyLXJpZ2h0c2lkZVwiPlxuICAgICAgICA8IS0tIEhhZWRlciByaWdodCBzaWRlIC0tPlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJyaWdodEhlYWRlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJtb2RhbC1ib2R5XCI+XG4gICAgICA8IS0tIE1vZGFsIGNvbnRlbnQgLS0+XG5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltvcmlnaW5dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDwhLS0gRm9vdGVyIFRlbXBsYXRlIENvbnRlbnQgLS0+XG5cbiAgICA8ZGl2IGNka0RyYWdIYW5kbGU+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgICBcbiAgPC9kaXY+XG4gIDwhLS0gQWRkaXRpb25hbCBQYXJ0IENvbnRlbnQgLS0+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFkZGl0aW9uYWxQYXJ0VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtbW9kYWwvY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILE9BQU8sRUFDUCxLQUFLLEVBQ0wsS0FBSyxFQUNMLFVBQVUsRUFDVixPQUFPLEdBQ1YsTUFBTSxxQkFBcUIsQ0FBQztBQUM3QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFlLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDOzs7O0FBbUNsRyxNQUFNLE9BQU8sZ0JBQWdCO0lBakM3QjtRQWtDYSxnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUN6QixjQUFTLEdBQVcsRUFBRSxDQUFDO1FBQ3ZCLGVBQVUsR0FBVyxFQUFFLENBQUM7S0FNcEM7K0dBVFksZ0JBQWdCO21HQUFoQixnQkFBZ0IsNFVDbEQ3QixtbURBK0NBLHc3SUR4QlEsWUFBWSxxTUFDWixXQUFXLDhCQUNYLGNBQWMsK2xCQUNkLG9CQUFvQiw4QkFDcEIsU0FBUztnQkFFVCxhQUFhO2dCQUNiLDBCQUEwQix3SUFFbEI7WUFDUixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNqQixLQUFLLENBQ0QsUUFBUSxFQUNSLEtBQUssQ0FBQztvQkFDRixTQUFTLEVBQUUsVUFBVTtpQkFDeEIsQ0FBQyxDQUNMO2dCQUNELEtBQUssQ0FDRCxNQUFNLEVBQ04sS0FBSyxDQUFDO29CQUNGLFNBQVMsRUFBRSxVQUFVO2lCQUN4QixDQUFDLENBQ0w7Z0JBQ0QsVUFBVSxDQUFDLGdCQUFnQixFQUFFLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQzthQUM3QyxDQUFDO1NBQ0w7OzRGQUVRLGdCQUFnQjtrQkFqQzVCLFNBQVM7aUNBQ00sSUFBSSxZQUNOLGNBQWMsV0FHZjt3QkFDTCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsY0FBYzt3QkFDZCxvQkFBb0I7d0JBQ3BCLFNBQVM7d0JBRVQsYUFBYTt3QkFDYiwwQkFBMEI7cUJBQzdCLGNBQ1c7d0JBQ1IsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDakIsS0FBSyxDQUNELFFBQVEsRUFDUixLQUFLLENBQUM7Z0NBQ0YsU0FBUyxFQUFFLFVBQVU7NkJBQ3hCLENBQUMsQ0FDTDs0QkFDRCxLQUFLLENBQ0QsTUFBTSxFQUNOLEtBQUssQ0FBQztnQ0FDRixTQUFTLEVBQUUsVUFBVTs2QkFDeEIsQ0FBQyxDQUNMOzRCQUNELFVBQVUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7eUJBQzdDLENBQUM7cUJBQ0w7OEJBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLHNCQUFzQjtzQkFBOUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgYW5pbWF0ZSxcbiAgICBzdGF0ZSxcbiAgICBzdHlsZSxcbiAgICB0cmFuc2l0aW9uLFxuICAgIHRyaWdnZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ2JNb2R1bGUgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBjb21wb25lbnRzXG5pbXBvcnQgeyBDYUN1c3RvbVNjcm9sbGJhckNvbXBvbmVudCB9IGZyb20gJy4uL2NhLWN1c3RvbS1zY3JvbGxiYXIvY2EtY3VzdG9tLXNjcm9sbGJhci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAnYXBwLWNhLW1vZGFsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEZvcm1zTW9kdWxlLFxuICAgICAgICBEcmFnRHJvcE1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG4gICAgICAgIE5nYk1vZHVsZSxcblxuICAgICAgICAvLyBjb21wb25lbnRzXG4gICAgICAgIENhQ3VzdG9tU2Nyb2xsYmFyQ29tcG9uZW50LFxuICAgIF0sXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKCd3aWR0aEdyb3cnLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICAnY2xvc2VkJyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDApJyxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdvcGVuJyxcbiAgICAgICAgICAgICAgICBzdHlsZSh7XG4gICAgICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlKDEpJyxcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2Nsb3NlZCA9PiBvcGVuJywgYW5pbWF0ZSgxMDApKSxcbiAgICAgICAgXSksXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FNb2RhbENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY3VzdG9tQ2xhc3M6IHN0cmluZyA9ICcnO1xuICAgIEBJbnB1dCgpIHBhcnRDbGFzczogc3RyaW5nID0gJyc7XG4gICAgQElucHV0KCkgbW9kYWxUaXRsZTogc3RyaW5nID0gJyc7XG5cbiAgICBASW5wdXQoKSBsZWZ0SGVhZGVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgICBASW5wdXQoKSByaWdodEhlYWRlclRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG4gICAgQElucHV0KCkgZm9vdGVyVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxudWxsPjtcbiAgICBASW5wdXQoKSBhZGRpdGlvbmFsUGFydFRlbXBsYXRlITogVGVtcGxhdGVSZWY8bnVsbD47XG59XG4iLCI8YXBwLWNhLWN1c3RvbS1zY3JvbGxiYXJcbiAgICBbc2Nyb2xsQmFyT3B0aW9uc109XCJ7XG4gICAgICAgIHNob3dWZXJ0aWNhbFNjcm9sbEJhcjogdHJ1ZSxcbiAgICAgICAgc2hvd0hvcml6b250YWxTY3JvbGxCYXI6IGZhbHNlLFxuICAgIH1cIlxuPlxuICAgIDxkaXYgY2RrRHJhZyBjbGFzcz1cIm1vZGFsLWNvbnRhaW5lciB7eyBjdXN0b21DbGFzcyB9fVwiIG5nQkF1dG9mb2N1cz5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLW9yaWdpbmFsLXBhcnQge3sgcGFydENsYXNzIH19XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2RrRHJhZ0hhbmRsZVxuICAgICAgICAgICAgICAgIGNsYXNzPVwibW9kYWwtaGVhZGVyIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlci1sZWZ0c2lkZVwiPlxuICAgICAgICAgICAgICAgICAgICA8IS0tIEhlYWRlciB0aXRsZSAtLT5cblxuICAgICAgICAgICAgICAgICAgICA8aDUgY2xhc3M9XCJtb2RhbC10aXRsZVwiPnt7IG1vZGFsVGl0bGUgfX08L2g1PlxuICAgICAgICAgICAgICAgICAgICA8IS0tIEhhZWRlciBsZWZ0IHNpZGUgdGVtcGxhdGUgLS0+XG5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJsZWZ0SGVhZGVyVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlci1yaWdodHNpZGVcIj5cbiAgICAgICAgICAgICAgICAgICAgPCEtLSBIYWVkZXIgcmlnaHQgc2lkZSAtLT5cblxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cInJpZ2h0SGVhZGVyVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHlcIj5cbiAgICAgICAgICAgICAgICA8IS0tIE1vZGFsIGNvbnRlbnQgLS0+XG5cbiAgICAgICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbb3JpZ2luXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPCEtLSBGb290ZXIgVGVtcGxhdGUgQ29udGVudCAtLT5cblxuICAgICAgICAgICAgPGRpdiBjZGtEcmFnSGFuZGxlPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmb290ZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8IS0tIEFkZGl0aW9uYWwgUGFydCBDb250ZW50IC0tPlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJhZGRpdGlvbmFsUGFydFRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2FwcC1jYS1jdXN0b20tc2Nyb2xsYmFyPlxuIl19