@aggdirect/coolmap 2.9.5 → 2.9.6

package/esm2022/lib/component/route-jobcode-list/view-route-list-card/view-route-list-card.component.mjs

@@ -21,11 +21,11 @@ export class ViewRouteListCardComponent {
         this.utils.routeDetailsUtility.next({ event, route });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ViewRouteListCardComponent, deps: [{ token: i1.UtilsService }, { token: 'memberData' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ViewRouteListCardComponent, selector: "app-view-route-list-card", inputs: { route: "route", emitrouteevent: "emitrouteevent" }, ngImport: i0, template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ViewRouteListCardComponent, selector: "app-view-route-list-card", inputs: { route: "route", emitrouteevent: "emitrouteevent" }, ngImport: i0, template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']?.split('|')[1] ? route['pickup_location'].split('|')[1] : route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']?.split('|')[1] ? route['delivery_location'].split('|')[1] : route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ViewRouteListCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-view-route-list-card', template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"] }]
+            args: [{ selector: 'app-view-route-list-card', template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']?.split('|')[1] ? route['pickup_location'].split('|')[1] : route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']?.split('|')[1] ? route['delivery_location'].split('|')[1] : route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"] }]
         }], ctorParameters: () => [{ type: i1.UtilsService }, { type: i1.CoolmapConfigModel, decorators: [{
                     type: Inject,
                     args: ['memberData']
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImpor
             }], emitrouteevent: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvdmlldy1yb3V0ZS1saXN0LWNhcmQvdmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvdmlldy1yb3V0ZS1saXN0LWNhcmQvdmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF6RCxNQUFNLE9BQU8sMEJBQTBCO0lBR2xCO0lBQ1k7SUFIZixLQUFLLENBQVM7SUFDZCxjQUFjLENBQU07SUFDcEMsWUFBbUIsS0FBbUIsRUFDUCxNQUEwQjtRQUR0QyxVQUFLLEdBQUwsS0FBSyxDQUFjO1FBQ1AsV0FBTSxHQUFOLE1BQU0sQ0FBb0I7SUFBSSxDQUFDO0lBRTlELFdBQVcsQ0FBQyxLQUF1QixFQUFFLEtBQVk7UUFDL0MsSUFBRyxLQUFLLEtBQUssT0FBTztZQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN4RixLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsV0FBVyxDQUFDO1FBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RGLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQzt1R0FWVSwwQkFBMEIsOENBSTNCLFlBQVk7MkZBSlgsMEJBQTBCLDhIQ1J2Qyw4M0JBNEJBOzsyRkRwQmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDBCQUEwQjs7MEJBUWpDLE1BQU07MkJBQUMsWUFBWTt5Q0FITixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvb2xtYXBDb25maWdNb2RlbCwgUm91dGUsIFV0aWxzU2VydmljZSB9IGZyb20gJ0BhZ2dkaXJlY3QvY29vbG1hcC1zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC12aWV3LXJvdXRlLWxpc3QtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi92aWV3LXJvdXRlLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZpZXctcm91dGUtbGlzdC1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmlld1JvdXRlTGlzdENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgcm91dGUhOiBSb3V0ZTtcbiAgQElucHV0KCkgcHVibGljIGVtaXRyb3V0ZWV2ZW50OiBhbnk7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB1dGlsczogVXRpbHNTZXJ2aWNlLFxuICAgIEBJbmplY3QoJ21lbWJlckRhdGEnKSBwdWJsaWMgY29uZmlnOiBDb29sbWFwQ29uZmlnTW9kZWwpIHsgfVxuXG4gIGRldGFpbHNEaWN0KGV2ZW50OiBib29sZWFuIHwgc3RyaW5nLCByb3V0ZTogUm91dGUpIHtcbiAgICBpZihldmVudCA9PT0gJ2NsaWNrJykgdGhpcy51dGlscy5zZXRkaWN0VmFsdWUoJ3JvdXRlLWRldGFpbHN2MicsIEpTT04uc3RyaW5naWZ5KHJvdXRlKSk7XG4gICAgcm91dGVbJ3R5cGUnXSA9ICdlZGl0cm91dGUnOyByb3V0ZVsncHJldmVudCddID0gdHJ1ZTsgdGhpcy5lbWl0cm91dGVldmVudC5lbWl0KHJvdXRlKTtcbiAgICB0aGlzLnV0aWxzLnJvdXRlRGV0YWlsc1V0aWxpdHkubmV4dCh7IGV2ZW50LCByb3V0ZSB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJvdXRlYm94XCI+XG4gIDxzcGFuPlxuICAgIDxtYXQtaWNvbj5kaXJlY3Rpb25zPC9tYXQtaWNvbj5cbiAgICA8aDIgW25nQ2xhc3NdPVwieydyb3V0ZWhlYWRpbmcnOiByb3V0ZVsncm91dGVfbmFtZSddfVwiPlxuICAgICAge3tyb3V0ZVsncm91dGVfbmFtZSddfX1cbiAgICA8L2gyPlxuICA8L3NwYW4+XG4gIDxoMz48bmctY29udGFpbmVyICpuZ0lmPVwiY29uZmlnPy5yZXBvc2l0b3J5ID09PSAnY29vbG1hcCdcIj57e3JvdXRlWydjdXN0b21lcl9uYW1lJ119fTwvbmctY29udGFpbmVyPjwvaDM+XG5cbiAgPGRpdiBjbGFzcz1cInBpY2tkcm9wcHJ0XCI+XG4gICAgPGRpdiBjbGFzcz1cInBpY2twcnRcIj5cbiAgICAgIDxiPlxuICAgICAgICA8aDQ+e3tyb3V0ZVsncGlja3VwX2xvY2F0aW9uJ119fTwvaDQ+XG4gICAgICA8L2I+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRyb3BwcnRcIj5cbiAgICAgIDxiPlxuICAgICAgICA8aDQ+e3tyb3V0ZVsnZGVsaXZlcnlfbG9jYXRpb24nXX19PC9oND5cbiAgICAgIDwvYj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJpbmZvaWNvblwiIChjbGljayk9XCJkZXRhaWxzRGljdCgnY2xpY2snLCByb3V0ZSlcIiAobW91c2VvdmVyKT1cImRldGFpbHNEaWN0KHRydWUsIHJvdXRlKVwiXG4gICAgKG1vdXNlbGVhdmUpPVwiZGV0YWlsc0RpY3QoZmFsc2UsIHJvdXRlKVwiPlxuICAgIDxpbWcgc3JjPVwiYXNzZXRzL2ltYWdlcy9pbmZvX2ljb24ucG5nXCIgW2FsdF09XCJcIiAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0YXR1cyByb3V0ZXN0YXR1c1wiIFtuZ0NsYXNzXT1cInJvdXRlWyd1bml0J11cIj57e3JvdXRlWyd1bml0J119fTwvZGl2PlxuPC9kaXY+XG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvdmlldy1yb3V0ZS1saXN0LWNhcmQvdmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9yb3V0ZS1qb2Jjb2RlLWxpc3Qvdmlldy1yb3V0ZS1saXN0LWNhcmQvdmlldy1yb3V0ZS1saXN0LWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVF6RCxNQUFNLE9BQU8sMEJBQTBCO0lBR2xCO0lBQ1k7SUFIZixLQUFLLENBQVM7SUFDZCxjQUFjLENBQU07SUFDcEMsWUFBbUIsS0FBbUIsRUFDUCxNQUEwQjtRQUR0QyxVQUFLLEdBQUwsS0FBSyxDQUFjO1FBQ1AsV0FBTSxHQUFOLE1BQU0sQ0FBb0I7SUFBSSxDQUFDO0lBRTlELFdBQVcsQ0FBQyxLQUF1QixFQUFFLEtBQVk7UUFDL0MsSUFBRyxLQUFLLEtBQUssT0FBTztZQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsWUFBWSxDQUFDLGlCQUFpQixFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztRQUN4RixLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsV0FBVyxDQUFDO1FBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RGLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDeEQsQ0FBQzt1R0FWVSwwQkFBMEIsOENBSTNCLFlBQVk7MkZBSlgsMEJBQTBCLDhIQ1J2Qyx3aUNBNEJBOzsyRkRwQmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDBCQUEwQjs7MEJBUWpDLE1BQU07MkJBQUMsWUFBWTt5Q0FITixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGNBQWM7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvb2xtYXBDb25maWdNb2RlbCwgUm91dGUsIFV0aWxzU2VydmljZSB9IGZyb20gJ0BhZ2dkaXJlY3QvY29vbG1hcC1zZXJ2aWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC12aWV3LXJvdXRlLWxpc3QtY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi92aWV3LXJvdXRlLWxpc3QtY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZpZXctcm91dGUtbGlzdC1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVmlld1JvdXRlTGlzdENhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgcm91dGUhOiBSb3V0ZTtcbiAgQElucHV0KCkgcHVibGljIGVtaXRyb3V0ZWV2ZW50OiBhbnk7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB1dGlsczogVXRpbHNTZXJ2aWNlLFxuICAgIEBJbmplY3QoJ21lbWJlckRhdGEnKSBwdWJsaWMgY29uZmlnOiBDb29sbWFwQ29uZmlnTW9kZWwpIHsgfVxuXG4gIGRldGFpbHNEaWN0KGV2ZW50OiBib29sZWFuIHwgc3RyaW5nLCByb3V0ZTogUm91dGUpIHtcbiAgICBpZihldmVudCA9PT0gJ2NsaWNrJykgdGhpcy51dGlscy5zZXRkaWN0VmFsdWUoJ3JvdXRlLWRldGFpbHN2MicsIEpTT04uc3RyaW5naWZ5KHJvdXRlKSk7XG4gICAgcm91dGVbJ3R5cGUnXSA9ICdlZGl0cm91dGUnOyByb3V0ZVsncHJldmVudCddID0gdHJ1ZTsgdGhpcy5lbWl0cm91dGVldmVudC5lbWl0KHJvdXRlKTtcbiAgICB0aGlzLnV0aWxzLnJvdXRlRGV0YWlsc1V0aWxpdHkubmV4dCh7IGV2ZW50LCByb3V0ZSB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInJvdXRlYm94XCI+XG4gIDxzcGFuPlxuICAgIDxtYXQtaWNvbj5kaXJlY3Rpb25zPC9tYXQtaWNvbj5cbiAgICA8aDIgW25nQ2xhc3NdPVwieydyb3V0ZWhlYWRpbmcnOiByb3V0ZVsncm91dGVfbmFtZSddfVwiPlxuICAgICAge3tyb3V0ZVsncm91dGVfbmFtZSddfX1cbiAgICA8L2gyPlxuICA8L3NwYW4+XG4gIDxoMz48bmctY29udGFpbmVyICpuZ0lmPVwiY29uZmlnPy5yZXBvc2l0b3J5ID09PSAnY29vbG1hcCdcIj57e3JvdXRlWydjdXN0b21lcl9uYW1lJ119fTwvbmctY29udGFpbmVyPjwvaDM+XG5cbiAgPGRpdiBjbGFzcz1cInBpY2tkcm9wcHJ0XCI+XG4gICAgPGRpdiBjbGFzcz1cInBpY2twcnRcIj5cbiAgICAgIDxiPlxuICAgICAgICA8aDQ+e3tyb3V0ZVsncGlja3VwX2xvY2F0aW9uJ10/LnNwbGl0KCd8JylbMV0gPyByb3V0ZVsncGlja3VwX2xvY2F0aW9uJ10uc3BsaXQoJ3wnKVsxXSA6IHJvdXRlWydwaWNrdXBfbG9jYXRpb24nXX19PC9oND5cbiAgICAgIDwvYj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZHJvcHBydFwiPlxuICAgICAgPGI+XG4gICAgICAgIDxoND57e3JvdXRlWydkZWxpdmVyeV9sb2NhdGlvbiddPy5zcGxpdCgnfCcpWzFdID8gcm91dGVbJ2RlbGl2ZXJ5X2xvY2F0aW9uJ10uc3BsaXQoJ3wnKVsxXSA6IHJvdXRlWydkZWxpdmVyeV9sb2NhdGlvbiddfX08L2g0PlxuICAgICAgPC9iPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImluZm9pY29uXCIgKGNsaWNrKT1cImRldGFpbHNEaWN0KCdjbGljaycsIHJvdXRlKVwiIChtb3VzZW92ZXIpPVwiZGV0YWlsc0RpY3QodHJ1ZSwgcm91dGUpXCJcbiAgICAobW91c2VsZWF2ZSk9XCJkZXRhaWxzRGljdChmYWxzZSwgcm91dGUpXCI+XG4gICAgPGltZyBzcmM9XCJhc3NldHMvaW1hZ2VzL2luZm9faWNvbi5wbmdcIiBbYWx0XT1cIlwiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RhdHVzIHJvdXRlc3RhdHVzXCIgW25nQ2xhc3NdPVwicm91dGVbJ3VuaXQnXVwiPnt7cm91dGVbJ3VuaXQnXX19PC9kaXY+XG48L2Rpdj5cblxuIl19

package/esm2022/lib/component/shared/route-info-card/route-info-card.component.mjs

@@ -49,14 +49,14 @@ export class RouteInfoCardComponent {
         return obj;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RouteInfoCardComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: { popupData: "popupData", propData: "propData" }, ngImport: i0, template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{createLabel('pickup_location')['value']}}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{createLabel('delivery_location')['value']}}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: { popupData: "popupData", propData: "propData" }, ngImport: i0, template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{\n          createLabel('pickup_location')['value']?.split('|')[1] ?\n          createLabel('pickup_location')['value']?.split('|')[1] :\n          createLabel('pickup_location')['value']\n        }}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{\n          createLabel('delivery_location')['value']?.split('|')[1] ? \n          createLabel('delivery_location')['value']?.split('|')[1] :\n          createLabel('delivery_location')['value']\n        }}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RouteInfoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-route-info-card', template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{createLabel('pickup_location')['value']}}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{createLabel('delivery_location')['value']}}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"] }]
+            args: [{ selector: 'lib-route-info-card', template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{\n          createLabel('pickup_location')['value']?.split('|')[1] ?\n          createLabel('pickup_location')['value']?.split('|')[1] :\n          createLabel('pickup_location')['value']\n        }}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{\n          createLabel('delivery_location')['value']?.split('|')[1] ? \n          createLabel('delivery_location')['value']?.split('|')[1] :\n          createLabel('delivery_location')['value']\n        }}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { popupData: [{
                 type: Input
             }], propData: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUtaW5mby1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nvb2xtYXAvc3JjL2xpYi9jb21wb25lbnQvc2hhcmVkL3JvdXRlLWluZm8tY2FyZC9yb3V0ZS1pbmZvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9zaGFyZWQvcm91dGUtaW5mby1jYXJkL3JvdXRlLWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXFCcEUsTUFBTSxhQUFhLEdBQUc7SUFDcEIsWUFBWTtJQUNaLGVBQWU7SUFDZixNQUFNO0lBQ04sb0JBQW9CO0lBQ3BCLGdCQUFnQjtJQUNoQixzQkFBc0I7SUFDdEIseUJBQXlCO0lBQ3pCLE1BQU07SUFDTixpQkFBaUI7SUFDakIsbUJBQW1CO0NBQ3BCLENBQUM7QUFFRixJQUFLLFlBV0o7QUFYRCxXQUFLLFlBQVk7SUFDZixtQ0FBbUIsQ0FBQTtJQUNuQiwwQ0FBMEIsQ0FBQTtJQUMxQiw2QkFBYSxDQUFBO0lBQ2IsK0NBQStCLENBQUE7SUFDL0IsOENBQThCLENBQUE7SUFDOUIsNkRBQTZDLENBQUE7SUFDN0MsbUVBQW1ELENBQUE7SUFDbkQsOEJBQWMsQ0FBQTtJQUNkLDBDQUEwQixDQUFBO0lBQzFCLDhDQUE4QixDQUFBO0FBQ2hDLENBQUMsRUFYSSxZQUFZLEtBQVosWUFBWSxRQVdoQjtBQVFELE1BQU0sT0FBTyxzQkFBc0I7SUFJZDtJQUhWLFNBQVMsQ0FBYTtJQUN0QixRQUFRLENBQWlCO0lBQ2xDLGVBQWUsR0FBRyxhQUFhLENBQUM7SUFDaEMsWUFBbUIsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBRSxDQUFDO0lBQzVDLGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDL0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxzQkFBc0IsQ0FBQyxDQUFDO1lBQzFGLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUVILENBQUM7SUFDRCxXQUFXLENBQUMsUUFBUTtRQUNsQixJQUFJLEdBQUcsQ0FBQztRQUNOLEdBQUcsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQTtRQUMxRSxJQUFJLFFBQVEsS0FBSyxzQkFBc0IsSUFBSSxRQUFRLEtBQUsseUJBQXlCLEVBQUUsQ0FBQztZQUNsRixHQUFHLENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDeEQsQ0FBQztRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQzt1R0FuQlUsc0JBQXNCOzJGQUF0QixzQkFBc0IscUhDckRuQyw2bEJBV0E7OzJGRDBDYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UscUJBQXFCO3NGQUt0QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbnRlcmZhY2UgQ2FyZEVudGl0eSB7XG4gIHBpY2t1cF9sb2NhdGlvbjogc3RyaW5nLFxuICBkZWxpdmVyeV9sb2NhdGlvbjogc3RyaW5nLFxuICByb3V0ZV9uYW1lOiBzdHJpbmcsXG4gIGN1c3RvbWVyX25hbWU6IHN0cmluZyxcbiAgbWF0ZXJpYWw6IHN0cmluZyxcbiAgbWF0ZXJpYWxOYW1lOiBzdHJpbmc7XG4gIHVuaXQ6IHN0cmluZyxcbiAgZXN0aW1hdGVkX2Rpc3RhbmNlOiBzdHJpbmcsXG4gIGVzdGltYXRlZF90aW1lOiBzdHJpbmcsXG4gIHRydWNrZXJfcGF5X2VzdGltYXRlOiBzdHJpbmcsXG4gIGN1c3RvbWVyX3ByaWNlX2VzdGltYXRlOiBzdHJpbmcsXG4gIG5vdGU6IHN0cmluZyxcbn1cblxuaW50ZXJmYWNlIENhcmRQcm9wRW50aXR5IHtcbiAgY2xhc3NOYW1lOiBzdHJpbmcsXG4gIHJlcG9zaXRvcnk6IHN0cmluZ1xufVxuY29uc3QgQ2FyZEtleXNWYWx1ZSA9IFtcbiAgJ3JvdXRlX25hbWUnLFxuICAnY3VzdG9tZXJfbmFtZScsXG4gICd1bml0JyxcbiAgJ2VzdGltYXRlZF9kaXN0YW5jZScsXG4gICdlc3RpbWF0ZWRfdGltZScsXG4gICd0cnVja2VyX3BheV9lc3RpbWF0ZScsXG4gICdjdXN0b21lcl9wcmljZV9lc3RpbWF0ZScsXG4gICdub3RlJyxcbiAgJ3BpY2t1cF9sb2NhdGlvbicsXG4gICdkZWxpdmVyeV9sb2NhdGlvbicsXG5dO1xuXG5lbnVtIENhcmRFbGVtZW50cyB7XG4gIHJvdXRlX25hbWUgPSAnTmFtZScsXG4gIGN1c3RvbWVyX25hbWUgPSAnQ3VzdG9tZXInLFxuICB1bml0ID0gJ1R5cGUnLFxuICBlc3RpbWF0ZWRfZGlzdGFuY2UgPSAnRGlzdGFuY2UnLFxuICBlc3RpbWF0ZWRfdGltZSA9ICdUcmF2ZWwgVGltZScsXG4gIHRydWNrZXJfcGF5X2VzdGltYXRlID0gJ1RydWNrZXIgUGF5IEVzdGltYXRlJyxcbiAgY3VzdG9tZXJfcHJpY2VfZXN0aW1hdGUgPSAnQ3VzdG9tZXIgUHJpY2UgRXN0aW1hdGUnLFxuICBub3RlID0gJ05vdGVzJyxcbiAgcGlja3VwX2xvY2F0aW9uID0gJ1BpY2t1cCcsXG4gIGRlbGl2ZXJ5X2xvY2F0aW9uID0gJ0RlbGl2ZXJ5J1xufVxuXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1yb3V0ZS1pbmZvLWNhcmQnLFxuICB0ZW1wbGF0ZVVybDogJy4vcm91dGUtaW5mby1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcm91dGUtaW5mby1jYXJkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUm91dGVJbmZvQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHBvcHVwRGF0YTogQ2FyZEVudGl0eTtcbiAgQElucHV0KCkgcHJvcERhdGE6IENhcmRQcm9wRW50aXR5O1xuICBjYXJkS2V5c0VsZW1lbnQgPSBDYXJkS2V5c1ZhbHVlO1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZil7fVxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucHJvcERhdGFbJ3JlcG9zaXRvcnknXSA9PT0gJ2N1c3RvbWVyJykge1xuICAgICAgdGhpcy5jYXJkS2V5c0VsZW1lbnQgPSB0aGlzLmNhcmRLZXlzRWxlbWVudC5maWx0ZXIoZWxlID0+IGVsZSAhPT0gJ3RydWNrZXJfcGF5X2VzdGltYXRlJyk7XG4gICAgICB0aGlzLmNkci5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgfVxuXG4gIH1cbiAgY3JlYXRlTGFiZWwoaXRlbU5hbWUpIHtcbiAgICBsZXQgb2JqO1xuICAgICAgb2JqID0geyBsYWJlbDogQ2FyZEVsZW1lbnRzW2l0ZW1OYW1lXSwgdmFsdWU6IHRoaXMucG9wdXBEYXRhW2l0ZW1OYW1lXSB9XG4gICAgaWYgKGl0ZW1OYW1lID09PSAndHJ1Y2tlcl9wYXlfZXN0aW1hdGUnIHx8IGl0ZW1OYW1lID09PSAnY3VzdG9tZXJfcHJpY2VfZXN0aW1hdGUnKSB7XG4gICAgICBvYmpbJ3ZhbHVlJ10gPSBvYmpbJ3ZhbHVlJ10gPyAnJCcgKyBvYmpbJ3ZhbHVlJ10gOiAnJztcbiAgICB9XG4gICAgcmV0dXJuIG9iajtcbiAgfVxufVxuIiwiPGRpdiBbY2xhc3NdPVwicHJvcERhdGFbJ2NsYXNzTmFtZSddXCI+XG4gIDxkaXYgY2xhc3M9XCJkZXN0aW5hdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cImR1cmF0aW9uXCI+XG4gICAgICAgIDxwIGNsYXNzPVwicGlja3BydFwiPjxiPlBpY2t1cDo8L2I+e3tjcmVhdGVMYWJlbCgncGlja3VwX2xvY2F0aW9uJylbJ3ZhbHVlJ119fTwvcD5cbiAgICAgICAgPHAgY2xhc3M9XCJkcm9wcHJ0XCI+PGI+RGVsaXZlcnk6PC9iPnt7Y3JlYXRlTGFiZWwoJ2RlbGl2ZXJ5X2xvY2F0aW9uJylbJ3ZhbHVlJ119fTwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjYXJkS2V5c0VsZW1lbnRcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJpdGVtICE9PSAncGlja3VwX2xvY2F0aW9uJyAmJiBpdGVtICE9PSAnZGVsaXZlcnlfbG9jYXRpb24nXCIgW2NsYXNzLm5vdGVzXT1cIml0ZW0gPT09ICdub3RlJ1wiPjxiPnt7Y3JlYXRlTGFiZWwoaXRlbSlbJ2xhYmVsJ119fTo8L2I+IHt7Y3JlYXRlTGFiZWwoaXRlbSlbJ3ZhbHVlJ119fTwvc3Bhbj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicm91dGUtaW5mby1jYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Nvb2xtYXAvc3JjL2xpYi9jb21wb25lbnQvc2hhcmVkL3JvdXRlLWluZm8tY2FyZC9yb3V0ZS1pbmZvLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29vbG1hcC9zcmMvbGliL2NvbXBvbmVudC9zaGFyZWQvcm91dGUtaW5mby1jYXJkL3JvdXRlLWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQXFCcEUsTUFBTSxhQUFhLEdBQUc7SUFDcEIsWUFBWTtJQUNaLGVBQWU7SUFDZixNQUFNO0lBQ04sb0JBQW9CO0lBQ3BCLGdCQUFnQjtJQUNoQixzQkFBc0I7SUFDdEIseUJBQXlCO0lBQ3pCLE1BQU07SUFDTixpQkFBaUI7SUFDakIsbUJBQW1CO0NBQ3BCLENBQUM7QUFFRixJQUFLLFlBV0o7QUFYRCxXQUFLLFlBQVk7SUFDZixtQ0FBbUIsQ0FBQTtJQUNuQiwwQ0FBMEIsQ0FBQTtJQUMxQiw2QkFBYSxDQUFBO0lBQ2IsK0NBQStCLENBQUE7SUFDL0IsOENBQThCLENBQUE7SUFDOUIsNkRBQTZDLENBQUE7SUFDN0MsbUVBQW1ELENBQUE7SUFDbkQsOEJBQWMsQ0FBQTtJQUNkLDBDQUEwQixDQUFBO0lBQzFCLDhDQUE4QixDQUFBO0FBQ2hDLENBQUMsRUFYSSxZQUFZLEtBQVosWUFBWSxRQVdoQjtBQVFELE1BQU0sT0FBTyxzQkFBc0I7SUFJZDtJQUhWLFNBQVMsQ0FBYTtJQUN0QixRQUFRLENBQWlCO0lBQ2xDLGVBQWUsR0FBRyxhQUFhLENBQUM7SUFDaEMsWUFBbUIsR0FBc0I7UUFBdEIsUUFBRyxHQUFILEdBQUcsQ0FBbUI7SUFBRSxDQUFDO0lBQzVDLGVBQWU7UUFDYixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssVUFBVSxFQUFFLENBQUM7WUFDL0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsS0FBSyxzQkFBc0IsQ0FBQyxDQUFDO1lBQzFGLElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDM0IsQ0FBQztJQUVILENBQUM7SUFDRCxXQUFXLENBQUMsUUFBUTtRQUNsQixJQUFJLEdBQUcsQ0FBQztRQUNOLEdBQUcsR0FBRyxFQUFFLEtBQUssRUFBRSxZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQTtRQUMxRSxJQUFJLFFBQVEsS0FBSyxzQkFBc0IsSUFBSSxRQUFRLEtBQUsseUJBQXlCLEVBQUUsQ0FBQztZQUNsRixHQUFHLENBQUMsT0FBTyxDQUFDLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDeEQsQ0FBQztRQUNELE9BQU8sR0FBRyxDQUFDO0lBQ2IsQ0FBQzt1R0FuQlUsc0JBQXNCOzJGQUF0QixzQkFBc0IscUhDckRuQyw4NUJBbUJBOzsyRkRrQ2Esc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLHFCQUFxQjtzRkFLdEIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW50ZXJmYWNlIENhcmRFbnRpdHkge1xuICBwaWNrdXBfbG9jYXRpb246IHN0cmluZyxcbiAgZGVsaXZlcnlfbG9jYXRpb246IHN0cmluZyxcbiAgcm91dGVfbmFtZTogc3RyaW5nLFxuICBjdXN0b21lcl9uYW1lOiBzdHJpbmcsXG4gIG1hdGVyaWFsOiBzdHJpbmcsXG4gIG1hdGVyaWFsTmFtZTogc3RyaW5nO1xuICB1bml0OiBzdHJpbmcsXG4gIGVzdGltYXRlZF9kaXN0YW5jZTogc3RyaW5nLFxuICBlc3RpbWF0ZWRfdGltZTogc3RyaW5nLFxuICB0cnVja2VyX3BheV9lc3RpbWF0ZTogc3RyaW5nLFxuICBjdXN0b21lcl9wcmljZV9lc3RpbWF0ZTogc3RyaW5nLFxuICBub3RlOiBzdHJpbmcsXG59XG5cbmludGVyZmFjZSBDYXJkUHJvcEVudGl0eSB7XG4gIGNsYXNzTmFtZTogc3RyaW5nLFxuICByZXBvc2l0b3J5OiBzdHJpbmdcbn1cbmNvbnN0IENhcmRLZXlzVmFsdWUgPSBbXG4gICdyb3V0ZV9uYW1lJyxcbiAgJ2N1c3RvbWVyX25hbWUnLFxuICAndW5pdCcsXG4gICdlc3RpbWF0ZWRfZGlzdGFuY2UnLFxuICAnZXN0aW1hdGVkX3RpbWUnLFxuICAndHJ1Y2tlcl9wYXlfZXN0aW1hdGUnLFxuICAnY3VzdG9tZXJfcHJpY2VfZXN0aW1hdGUnLFxuICAnbm90ZScsXG4gICdwaWNrdXBfbG9jYXRpb24nLFxuICAnZGVsaXZlcnlfbG9jYXRpb24nLFxuXTtcblxuZW51bSBDYXJkRWxlbWVudHMge1xuICByb3V0ZV9uYW1lID0gJ05hbWUnLFxuICBjdXN0b21lcl9uYW1lID0gJ0N1c3RvbWVyJyxcbiAgdW5pdCA9ICdUeXBlJyxcbiAgZXN0aW1hdGVkX2Rpc3RhbmNlID0gJ0Rpc3RhbmNlJyxcbiAgZXN0aW1hdGVkX3RpbWUgPSAnVHJhdmVsIFRpbWUnLFxuICB0cnVja2VyX3BheV9lc3RpbWF0ZSA9ICdUcnVja2VyIFBheSBFc3RpbWF0ZScsXG4gIGN1c3RvbWVyX3ByaWNlX2VzdGltYXRlID0gJ0N1c3RvbWVyIFByaWNlIEVzdGltYXRlJyxcbiAgbm90ZSA9ICdOb3RlcycsXG4gIHBpY2t1cF9sb2NhdGlvbiA9ICdQaWNrdXAnLFxuICBkZWxpdmVyeV9sb2NhdGlvbiA9ICdEZWxpdmVyeSdcbn1cblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItcm91dGUtaW5mby1jYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JvdXRlLWluZm8tY2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JvdXRlLWluZm8tY2FyZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFJvdXRlSW5mb0NhcmRDb21wb25lbnQge1xuICBASW5wdXQoKSBwb3B1cERhdGE6IENhcmRFbnRpdHk7XG4gIEBJbnB1dCgpIHByb3BEYXRhOiBDYXJkUHJvcEVudGl0eTtcbiAgY2FyZEtleXNFbGVtZW50ID0gQ2FyZEtleXNWYWx1ZTtcbiAgY29uc3RydWN0b3IocHVibGljIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpe31cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnByb3BEYXRhWydyZXBvc2l0b3J5J10gPT09ICdjdXN0b21lcicpIHtcbiAgICAgIHRoaXMuY2FyZEtleXNFbGVtZW50ID0gdGhpcy5jYXJkS2V5c0VsZW1lbnQuZmlsdGVyKGVsZSA9PiBlbGUgIT09ICd0cnVja2VyX3BheV9lc3RpbWF0ZScpO1xuICAgICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICAgIH1cblxuICB9XG4gIGNyZWF0ZUxhYmVsKGl0ZW1OYW1lKSB7XG4gICAgbGV0IG9iajtcbiAgICAgIG9iaiA9IHsgbGFiZWw6IENhcmRFbGVtZW50c1tpdGVtTmFtZV0sIHZhbHVlOiB0aGlzLnBvcHVwRGF0YVtpdGVtTmFtZV0gfVxuICAgIGlmIChpdGVtTmFtZSA9PT0gJ3RydWNrZXJfcGF5X2VzdGltYXRlJyB8fCBpdGVtTmFtZSA9PT0gJ2N1c3RvbWVyX3ByaWNlX2VzdGltYXRlJykge1xuICAgICAgb2JqWyd2YWx1ZSddID0gb2JqWyd2YWx1ZSddID8gJyQnICsgb2JqWyd2YWx1ZSddIDogJyc7XG4gICAgfVxuICAgIHJldHVybiBvYmo7XG4gIH1cbn1cbiIsIjxkaXYgW2NsYXNzXT1cInByb3BEYXRhWydjbGFzc05hbWUnXVwiPlxuICA8ZGl2IGNsYXNzPVwiZGVzdGluYXRpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkdXJhdGlvblwiPlxuICAgICAgICA8cCBjbGFzcz1cInBpY2twcnRcIj48Yj5QaWNrdXA6PC9iPnt7XG4gICAgICAgICAgY3JlYXRlTGFiZWwoJ3BpY2t1cF9sb2NhdGlvbicpWyd2YWx1ZSddPy5zcGxpdCgnfCcpWzFdID9cbiAgICAgICAgICBjcmVhdGVMYWJlbCgncGlja3VwX2xvY2F0aW9uJylbJ3ZhbHVlJ10/LnNwbGl0KCd8JylbMV0gOlxuICAgICAgICAgIGNyZWF0ZUxhYmVsKCdwaWNrdXBfbG9jYXRpb24nKVsndmFsdWUnXVxuICAgICAgICB9fTwvcD5cbiAgICAgICAgPHAgY2xhc3M9XCJkcm9wcHJ0XCI+PGI+RGVsaXZlcnk6PC9iPnt7XG4gICAgICAgICAgY3JlYXRlTGFiZWwoJ2RlbGl2ZXJ5X2xvY2F0aW9uJylbJ3ZhbHVlJ10/LnNwbGl0KCd8JylbMV0gPyBcbiAgICAgICAgICBjcmVhdGVMYWJlbCgnZGVsaXZlcnlfbG9jYXRpb24nKVsndmFsdWUnXT8uc3BsaXQoJ3wnKVsxXSA6XG4gICAgICAgICAgY3JlYXRlTGFiZWwoJ2RlbGl2ZXJ5X2xvY2F0aW9uJylbJ3ZhbHVlJ11cbiAgICAgICAgfX08L3A+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgY2FyZEtleXNFbGVtZW50XCI+XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbSAhPT0gJ3BpY2t1cF9sb2NhdGlvbicgJiYgaXRlbSAhPT0gJ2RlbGl2ZXJ5X2xvY2F0aW9uJ1wiIFtjbGFzcy5ub3Rlc109XCJpdGVtID09PSAnbm90ZSdcIj48Yj57e2NyZWF0ZUxhYmVsKGl0ZW0pWydsYWJlbCddfX06PC9iPiB7e2NyZWF0ZUxhYmVsKGl0ZW0pWyd2YWx1ZSddfX08L3NwYW4+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/fesm2022/aggdirect-coolmap.mjs

@@ -141,11 +141,11 @@ class ViewRouteListCardComponent {
         this.utils.routeDetailsUtility.next({ event, route });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ViewRouteListCardComponent, deps: [{ token: i1.UtilsService }, { token: 'memberData' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ViewRouteListCardComponent, selector: "app-view-route-list-card", inputs: { route: "route", emitrouteevent: "emitrouteevent" }, ngImport: i0, template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: ViewRouteListCardComponent, selector: "app-view-route-list-card", inputs: { route: "route", emitrouteevent: "emitrouteevent" }, ngImport: i0, template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']?.split('|')[1] ? route['pickup_location'].split('|')[1] : route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']?.split('|')[1] ? route['delivery_location'].split('|')[1] : route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: ViewRouteListCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-view-route-list-card', template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"] }]
+            args: [{ selector: 'app-view-route-list-card', template: "<div class=\"routebox\">\n  <span>\n    <mat-icon>directions</mat-icon>\n    <h2 [ngClass]=\"{'routeheading': route['route_name']}\">\n      {{route['route_name']}}\n    </h2>\n  </span>\n  <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{route['customer_name']}}</ng-container></h3>\n\n  <div class=\"pickdropprt\">\n    <div class=\"pickprt\">\n      <b>\n        <h4>{{route['pickup_location']?.split('|')[1] ? route['pickup_location'].split('|')[1] : route['pickup_location']}}</h4>\n      </b>\n    </div>\n    <div class=\"dropprt\">\n      <b>\n        <h4>{{route['delivery_location']?.split('|')[1] ? route['delivery_location'].split('|')[1] : route['delivery_location']}}</h4>\n      </b>\n    </div>\n  </div>\n  <div class=\"infoicon\" (click)=\"detailsDict('click', route)\" (mouseover)=\"detailsDict(true, route)\"\n    (mouseleave)=\"detailsDict(false, route)\">\n    <img src=\"assets/images/info_icon.png\" [alt]=\"\" />\n  </div>\n  <div class=\"status routestatus\" [ngClass]=\"route['unit']\">{{route['unit']}}</div>\n</div>\n\n", styles: [".routebox span{display:flex;align-items:center}.routebox span h2{margin-left:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;margin-bottom:5px;margin-top:5px;font-size:.95rem}.routebox h3{font-size:.85rem;color:#767676;font-weight:400;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:325px;margin-bottom:10px}.routebox .pickdropprt{font-size:.8125rem}.routebox .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:6px}.routebox .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .pickprt b{position:relative;font-weight:400}.routebox .pickdropprt .pickprt b:after{background:#000;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.routebox .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}@media (min-width: 1600px){.routebox .pickdropprt .pickprt h4{max-width:265px}}.routebox .pickdropprt .pickprt h4:before{background:green;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.routebox .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.routebox .pickdropprt .dropprt b{position:relative;font-weight:400}.routebox .pickdropprt .dropprt b:after{background:#000;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.routebox .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;font-weight:400;overflow:hidden}.routebox .pickdropprt .dropprt h4:before{background:red;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.routebox .infoicon{position:absolute;right:10px;top:11px}.routebox .infoicon img{width:20px;height:20px}.routebox .status{position:absolute;border-radius:30px;top:12px;right:40px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;padding:3px 10px}.routebox .status.routestatus{right:36px;width:20px;height:20px;text-align:center;line-height:20px;padding:0 0 0 1px}.routebox .status.routestatus:first-letter{font-size:.8rem}@media (min-width: 1600px){.routebox .status.routestatus{padding:0;line-height:22px}}.routebox .status.Ton{background:#ff7272}.routebox .status.Load{background:#a3c52e}.routebox .status.Hourly{background:#ae23d1}\n"] }]
         }], ctorParameters: () => [{ type: i1.UtilsService }, { type: i1.CoolmapConfigModel, decorators: [{
                     type: Inject,
                     args: ['memberData']
@@ -959,11 +959,11 @@ class RouteInfoCardComponent {
         return obj;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RouteInfoCardComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: { popupData: "popupData", propData: "propData" }, ngImport: i0, template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{createLabel('pickup_location')['value']}}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{createLabel('delivery_location')['value']}}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: { popupData: "popupData", propData: "propData" }, ngImport: i0, template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{\n          createLabel('pickup_location')['value']?.split('|')[1] ?\n          createLabel('pickup_location')['value']?.split('|')[1] :\n          createLabel('pickup_location')['value']\n        }}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{\n          createLabel('delivery_location')['value']?.split('|')[1] ? \n          createLabel('delivery_location')['value']?.split('|')[1] :\n          createLabel('delivery_location')['value']\n        }}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: RouteInfoCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-route-info-card', template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{createLabel('pickup_location')['value']}}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{createLabel('delivery_location')['value']}}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"] }]
+            args: [{ selector: 'lib-route-info-card', template: "<div [class]=\"propData['className']\">\n  <div class=\"destination\">\n      <div class=\"duration\">\n        <p class=\"pickprt\"><b>Pickup:</b>{{\n          createLabel('pickup_location')['value']?.split('|')[1] ?\n          createLabel('pickup_location')['value']?.split('|')[1] :\n          createLabel('pickup_location')['value']\n        }}</p>\n        <p class=\"dropprt\"><b>Delivery:</b>{{\n          createLabel('delivery_location')['value']?.split('|')[1] ? \n          createLabel('delivery_location')['value']?.split('|')[1] :\n          createLabel('delivery_location')['value']\n        }}</p>\n      </div>\n      <ng-container *ngFor=\"let item of cardKeysElement\">\n        <span *ngIf=\"item !== 'pickup_location' && item !== 'delivery_location'\" [class.notes]=\"item === 'note'\"><b>{{createLabel(item)['label']}}:</b> {{createLabel(item)['value']}}</span>\n      </ng-container>\n  </div>\n</div>\n", styles: [".routeCard span{padding:5px 0}.routeCard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}.routeCard .duration{padding:10px}.listRoutecard .duration{background:#444343;border:1px solid #918e8e;padding:10px;color:#fff}.listRoutecard .duration b{color:#fff}.listRoutecard .pickprt:before,.listRoutecard .dropprt:before{background:#fff}.listRoutecard .pickprt b:before,.listRoutecard .dropprt b:before{background:#fff}.listRoutecard span{line-height:20px;color:#fff;padding:3px 0}.listRoutecard span b{color:#fff}.listRoutecard span.notes{max-height:200px;overflow:auto;white-space:pre-wrap;word-break:break-all}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { popupData: [{
                 type: Input
             }], propData: [{
@@ -1120,11 +1120,11 @@ class JobCodeComponent {
         this.destroyer$.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: JobCodeComponent, deps: [{ token: i1.UtilsService }, { token: i1.CoolmapService }, { token: 'memberData' }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: JobCodeComponent, selector: "app-job-code", inputs: { jobdetail: "jobdetail", customerRepoDetails: "customerRepoDetails" }, outputs: { clearJobDetails: "clearJobDetails", openShareRoute: "openShareRoute" }, ngImport: i0, template: "<div class=\"jobcode_detailprt\" (click)=\"isOverlapRouteSection = false\"  *ngIf=\"jobdetail\" [ngClass]=\"{'overlap': !isOverlapRouteSection}\" cdkDrag>\n  <span class=\"close\"><mat-icon (click)=\"clearJob()\">clear</mat-icon></span>\n  <div class=\"job_details_area\">\n    <div class=\"detailnameprt\">\n      <app-jobcode-status [jobValue]=\"jobdetail\"></app-jobcode-status>\n    </div>\n    <app-jobcode-overview [jobValue]=\"jobdetail\"></app-jobcode-overview>\n  </div>\n</div>\n\n<div class=\"route_listprt\" (click)=\"isOverlapRouteSection = true\" [ngClass]=\"{ 'show': isVisible, 'overlap': isOverlapRouteSection}\">\n  <div class=\"listing_toggle\" (click)=\"toggleSidemenu()\">\n    <img src=\"assets/images/route.svg\" alt=\"\" />\n  </div>\n\n  <div class=\"listing_box\">\n    <div class=\"closebtn\" (click)=\"toggleSidemenu()\">\n      <mat-icon>clear</mat-icon>\n    </div>\n\n    <div class=\"btnprt\">\n      <h2> List of Routes </h2>\n      <button (click)=\"masterToggle()\">{{routes && routes.length > 0 && routes.length === selectedRoute.selected.length ? 'Uncheck' : 'Check'}} All</button>\n    </div>\n\n    <app-job-route-list [routes]=\"routes\" [masterRoutes]=\"masterRoutes\" [selectedRoute]=\"selectedRoute\" (changeRoutes)=\"routes = $event\" (changeSelectedRoute)=\"selectedRoute = $event\"></app-job-route-list>\n    <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"routeList-viewport\">\n      <ul *ngIf=\"routes['length'] > 0\">\n        <li *ngFor=\"let list of routes\">\n          <div class=\"iconprt\">\n            <span>\n              <input type=\"checkbox\" [checked]=\"selectedRoute.isSelected(list)\"\n                (change)=\"$event ? selectRoute(list) : null\" /><label>&nbsp;</label>\n              <div class=\"border\"></div>\n            </span>\n            <div class=\"statusunit\" [ngClass]=\"list['unit']\">{{list['unit']}}</div>\n            <div class=\"infoicon\">\n              <img (mouseenter)=\"togglerouteDetails(true, list)\" (mouseout)=\"togglerouteDetails(false, list, true)\"\n              (click)=\"togglerouteDetails('click', list)\" src=\"assets/images/info_icon.png\" [alt]=\"\" />\n            </div>\n            <div class=\"infoicon\" *ngIf=\"config.repository === 'customer'\">\n              <img src=\"assets/images/share_icon.png\" (click)=\"openShareRouteModal(list)\" [alt]=\"\" />\n            </div>\n          </div>\n          <div class=\"pickprtbox\">\n            <h2> {{list['route_name']}} </h2>\n            <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{list['customer_name']}} </ng-container></h3>\n            <div class=\"pickdropprt\">\n              <div class=\"pickprt\">\n                <b>\n                  <h4>{{list['pickup_location']}}</h4>\n                </b>\n              </div>\n              <div class=\"dropprt\">\n                <b>\n                  <h4>{{list['delivery_location']}}</h4>\n                </b>\n              </div>\n            </div>\n          </div>\n        </li>\n      </ul>\n      <p style=\"color: #fff;\" *ngIf=\"routes.length === 0\">No Route found</p>\n    </cdk-virtual-scroll-viewport>\n\n  </div>\n\n  <div class=\"route_detail\" *ngIf=\"detailsCardEnable\">\n    <div class=\"closebtnroutedetail\" (click)=\"detailsCardEnable = false; preventMouseout = false\">\n      <mat-icon>clear</mat-icon>\n    </div>\n    <lib-route-info-card [propData]=\"{className: 'listRoutecard', repository: config['repository']}\"  [popupData]=\"routeCardDetail\"></lib-route-info-card>\n    <div class=\"createTxt\">\n      <small>\n        Created by {{routeCardDetail?.created_by_name}} on {{routeCardDetail?.created_at}}\n      </small>\n    </div>\n  </div>\n</div>\n", styles: [".jobcode_detailprt{position:absolute;left:20em;bottom:10px;background:#fff;padding:15px 20px;border-radius:20px;max-width:350px;z-index:999;box-shadow:0 0 5px #0000001a}.jobcode_detailprt .close{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;position:absolute;top:-11px;left:-11px}@keyframes autoslide{to{transform:translate(calc(90vw - 100%))}0%{transform:translate(0)}}.route_listprt .listing_toggle{background:#fff;border-radius:15px;padding:5px;position:absolute;right:10px;top:20px;cursor:pointer}.route_listprt .listing_toggle img{width:28px}.route_listprt .listing_box{background:#282828;height:100vh;position:fixed;right:0;top:0;z-index:1111;box-shadow:-3px 0 5px #ffffff14;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;width:0;border-radius:40px 0 0;opacity:0}.route_listprt .listing_box .closebtn{display:none}.route_listprt .listing_box ul{padding:0 20px 0 0}.route_listprt .listing_box ul li{background:#4a4a4a;padding:10px 15px;border-radius:15px;display:flex;margin-bottom:10px;position:relative;height:inherit}@media (min-width: 1600px){.route_listprt .listing_box ul li{padding:6px 15px;margin-bottom:5px}}.route_listprt .listing_box ul li .iconprt{display:flex;flex-direction:column}.route_listprt .listing_box ul li .iconprt span{display:flex;align-items:center;margin-bottom:32px}.route_listprt .listing_box ul li .iconprt span input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.route_listprt .listing_box ul li .iconprt span label{width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.route_listprt .listing_box ul li .iconprt span .border{position:absolute;width:100%;height:100%;left:0;right:0;top:0;border-radius:15px}.route_listprt .listing_box ul li .iconprt span input:checked~.border{border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white}.route_listprt .listing_box ul li .iconprt span h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding-left:16px;font-size:.9rem;margin-bottom:0;font-weight:400;margin-top:0}.route_listprt .listing_box ul li .iconprt .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px;margin-bottom:7px}.route_listprt .listing_box ul li .iconprt .statusunit:first-letter{font-size:.8rem}.route_listprt .listing_box ul li .iconprt .statusunit.Ton{background:#ff7272}.route_listprt .listing_box ul li .iconprt .statusunit.Load{background:#a3c52e}.route_listprt .listing_box ul li .iconprt .statusunit.Hourly{background:#ae23d1}@media (min-width: 1600px){.route_listprt .listing_box ul li .iconprt .statusunit{line-height:21px}}.route_listprt .listing_box ul li .iconprt .infoicon{z-index:5;cursor:pointer}.route_listprt .listing_box ul li .iconprt .infoicon img{width:20px;height:20px}.route_listprt .listing_box ul li .pickprtbox{margin-left:10px}.route_listprt .listing_box ul li .pickprtbox h2{font-size:.9rem;margin:7px 0 5px;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden}.route_listprt .listing_box ul li h3{font-size:.8rem;color:#979797;font-weight:600;margin-top:0;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden;margin-bottom:5px}.route_listprt .listing_box ul li .pickdropprt{font-size:.75rem}.route_listprt .listing_box ul li .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .pickprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .pickprt b:after{background:#bcbcbc;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .pickprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt .listing_box ul li .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.route_listprt .listing_box ul li .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .dropprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .dropprt b:after{background:#bcbcbc;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.route_listprt .listing_box ul li .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .dropprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt.show .listing_box{width:300px;max-width:300px;-webkit-box-flex:0;flex:0 0 350px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;padding:40px 0 40px 20px;opacity:1}.route_listprt.show .listing_box h2{color:#fff;white-space:nowrap}.route_listprt.show .listing_box .closebtn{position:absolute;left:-33px;top:50px;background:#282828;color:#fff;padding:8px;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer;box-shadow:-4px 2px 5px #ffffff14;display:block}.btnprt{display:flex;justify-content:space-between;align-items:center;padding-right:20px}.btnprt h2{margin:0}.btnprt button{font-size:15px;padding:8px 20px;background-color:#326ad3;color:#fff;border:none;border-radius:10px;box-shadow:none;outline:none}.hidden{display:none}.route_detail{background:#282828;position:absolute;width:260px;top:50%;transform:translateY(-50%);right:310px;border-radius:20px;padding:10px;box-shadow:0 0 5px #ffffff36}.createTxt small{color:#fff;font-size:.7rem}.closebtnroutedetail{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f5f5f5;position:absolute;top:-7px;left:-11px}.routeList-viewport{height:944px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i8.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: JobRouteListComponent, selector: "app-job-route-list", inputs: ["routes", "selectedRoute", "masterRoutes"], outputs: ["changeNav", "changeRoutes", "changeSelectedRoute"] }, { kind: "component", type: JobcodeStatusComponent, selector: "app-jobcode-status", inputs: ["jobValue"] }, { kind: "component", type: JobcodeOverviewComponent, selector: "app-jobcode-overview", inputs: ["jobValue"] }, { kind: "component", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: ["popupData", "propData"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.1", type: JobCodeComponent, selector: "app-job-code", inputs: { jobdetail: "jobdetail", customerRepoDetails: "customerRepoDetails" }, outputs: { clearJobDetails: "clearJobDetails", openShareRoute: "openShareRoute" }, ngImport: i0, template: "<div class=\"jobcode_detailprt\" (click)=\"isOverlapRouteSection = false\"  *ngIf=\"jobdetail\" [ngClass]=\"{'overlap': !isOverlapRouteSection}\" cdkDrag>\n  <span class=\"close\"><mat-icon (click)=\"clearJob()\">clear</mat-icon></span>\n  <div class=\"job_details_area\">\n    <div class=\"detailnameprt\">\n      <app-jobcode-status [jobValue]=\"jobdetail\"></app-jobcode-status>\n    </div>\n    <app-jobcode-overview [jobValue]=\"jobdetail\"></app-jobcode-overview>\n  </div>\n</div>\n\n<div class=\"route_listprt\" (click)=\"isOverlapRouteSection = true\" [ngClass]=\"{ 'show': isVisible, 'overlap': isOverlapRouteSection}\">\n  <div class=\"listing_toggle\" (click)=\"toggleSidemenu()\">\n    <img src=\"assets/images/route.svg\" alt=\"\" />\n  </div>\n\n  <div class=\"listing_box\">\n    <div class=\"closebtn\" (click)=\"toggleSidemenu()\">\n      <mat-icon>clear</mat-icon>\n    </div>\n\n    <div class=\"btnprt\">\n      <h2> List of Routes </h2>\n      <button (click)=\"masterToggle()\">{{routes && routes.length > 0 && routes.length === selectedRoute.selected.length ? 'Uncheck' : 'Check'}} All</button>\n    </div>\n\n    <app-job-route-list [routes]=\"routes\" [masterRoutes]=\"masterRoutes\" [selectedRoute]=\"selectedRoute\" (changeRoutes)=\"routes = $event\" (changeSelectedRoute)=\"selectedRoute = $event\"></app-job-route-list>\n    <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"routeList-viewport\">\n      <ul *ngIf=\"routes['length'] > 0\">\n        <li *ngFor=\"let list of routes\">\n          <div class=\"iconprt\">\n            <span>\n              <input type=\"checkbox\" [checked]=\"selectedRoute.isSelected(list)\"\n                (change)=\"$event ? selectRoute(list) : null\" /><label>&nbsp;</label>\n              <div class=\"border\"></div>\n            </span>\n            <div class=\"statusunit\" [ngClass]=\"list['unit']\">{{list['unit']}}</div>\n            <div class=\"infoicon\">\n              <img (mouseenter)=\"togglerouteDetails(true, list)\" (mouseout)=\"togglerouteDetails(false, list, true)\"\n              (click)=\"togglerouteDetails('click', list)\" src=\"assets/images/info_icon.png\" [alt]=\"\" />\n            </div>\n            <div class=\"infoicon\" *ngIf=\"config.repository === 'customer'\">\n              <img src=\"assets/images/share_icon.png\" (click)=\"openShareRouteModal(list)\" [alt]=\"\" />\n            </div>\n          </div>\n          <div class=\"pickprtbox\">\n            <h2> {{list['route_name']}} </h2>\n            <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{list['customer_name']}} </ng-container></h3>\n            <div class=\"pickdropprt\">\n              <div class=\"pickprt\">\n                <b>\n                  <h4>{{list['pickup_location']?.split('|')[1] ? list['pickup_location'].split('|')[1] : list['pickup_location']}}</h4>\n                </b>\n              </div>\n              <div class=\"dropprt\">\n                <b>\n                  <h4>{{list['delivery_location']?.split('|')[1] ? list['delivery_location'].split('|')[1] : list['delivery_location']}}</h4>\n                </b>\n              </div>\n            </div>\n          </div>\n        </li>\n      </ul>\n      <p style=\"color: #fff;\" *ngIf=\"routes.length === 0\">No Route found</p>\n    </cdk-virtual-scroll-viewport>\n\n  </div>\n\n  <div class=\"route_detail\" *ngIf=\"detailsCardEnable\">\n    <div class=\"closebtnroutedetail\" (click)=\"detailsCardEnable = false; preventMouseout = false\">\n      <mat-icon>clear</mat-icon>\n    </div>\n    <lib-route-info-card [propData]=\"{className: 'listRoutecard', repository: config['repository']}\"  [popupData]=\"routeCardDetail\"></lib-route-info-card>\n    <div class=\"createTxt\">\n      <small>\n        Created by {{routeCardDetail?.created_by_name}} on {{routeCardDetail?.created_at}}\n      </small>\n    </div>\n  </div>\n</div>\n", styles: [".jobcode_detailprt{position:absolute;left:20em;bottom:10px;background:#fff;padding:15px 20px;border-radius:20px;max-width:350px;z-index:999;box-shadow:0 0 5px #0000001a}.jobcode_detailprt .close{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;position:absolute;top:-11px;left:-11px}@keyframes autoslide{to{transform:translate(calc(90vw - 100%))}0%{transform:translate(0)}}.route_listprt .listing_toggle{background:#fff;border-radius:15px;padding:5px;position:absolute;right:10px;top:20px;cursor:pointer}.route_listprt .listing_toggle img{width:28px}.route_listprt .listing_box{background:#282828;height:100vh;position:fixed;right:0;top:0;z-index:1111;box-shadow:-3px 0 5px #ffffff14;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;width:0;border-radius:40px 0 0;opacity:0}.route_listprt .listing_box .closebtn{display:none}.route_listprt .listing_box ul{padding:0 20px 0 0}.route_listprt .listing_box ul li{background:#4a4a4a;padding:10px 15px;border-radius:15px;display:flex;margin-bottom:10px;position:relative;height:inherit}@media (min-width: 1600px){.route_listprt .listing_box ul li{padding:6px 15px;margin-bottom:5px}}.route_listprt .listing_box ul li .iconprt{display:flex;flex-direction:column}.route_listprt .listing_box ul li .iconprt span{display:flex;align-items:center;margin-bottom:32px}.route_listprt .listing_box ul li .iconprt span input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.route_listprt .listing_box ul li .iconprt span label{width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.route_listprt .listing_box ul li .iconprt span .border{position:absolute;width:100%;height:100%;left:0;right:0;top:0;border-radius:15px}.route_listprt .listing_box ul li .iconprt span input:checked~.border{border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white}.route_listprt .listing_box ul li .iconprt span h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding-left:16px;font-size:.9rem;margin-bottom:0;font-weight:400;margin-top:0}.route_listprt .listing_box ul li .iconprt .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px;margin-bottom:7px}.route_listprt .listing_box ul li .iconprt .statusunit:first-letter{font-size:.8rem}.route_listprt .listing_box ul li .iconprt .statusunit.Ton{background:#ff7272}.route_listprt .listing_box ul li .iconprt .statusunit.Load{background:#a3c52e}.route_listprt .listing_box ul li .iconprt .statusunit.Hourly{background:#ae23d1}@media (min-width: 1600px){.route_listprt .listing_box ul li .iconprt .statusunit{line-height:21px}}.route_listprt .listing_box ul li .iconprt .infoicon{z-index:5;cursor:pointer}.route_listprt .listing_box ul li .iconprt .infoicon img{width:20px;height:20px}.route_listprt .listing_box ul li .pickprtbox{margin-left:10px}.route_listprt .listing_box ul li .pickprtbox h2{font-size:.9rem;margin:7px 0 5px;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden}.route_listprt .listing_box ul li h3{font-size:.8rem;color:#979797;font-weight:600;margin-top:0;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden;margin-bottom:5px}.route_listprt .listing_box ul li .pickdropprt{font-size:.75rem}.route_listprt .listing_box ul li .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .pickprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .pickprt b:after{background:#bcbcbc;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .pickprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt .listing_box ul li .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.route_listprt .listing_box ul li .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .dropprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .dropprt b:after{background:#bcbcbc;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.route_listprt .listing_box ul li .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .dropprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt.show .listing_box{width:300px;max-width:300px;-webkit-box-flex:0;flex:0 0 350px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;padding:40px 0 40px 20px;opacity:1}.route_listprt.show .listing_box h2{color:#fff;white-space:nowrap}.route_listprt.show .listing_box .closebtn{position:absolute;left:-33px;top:50px;background:#282828;color:#fff;padding:8px;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer;box-shadow:-4px 2px 5px #ffffff14;display:block}.btnprt{display:flex;justify-content:space-between;align-items:center;padding-right:20px}.btnprt h2{margin:0}.btnprt button{font-size:15px;padding:8px 20px;background-color:#326ad3;color:#fff;border:none;border-radius:10px;box-shadow:none;outline:none}.hidden{display:none}.route_detail{background:#282828;position:absolute;width:260px;top:50%;transform:translateY(-50%);right:310px;border-radius:20px;padding:10px;box-shadow:0 0 5px #ffffff36}.createTxt small{color:#fff;font-size:.7rem}.closebtnroutedetail{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f5f5f5;position:absolute;top:-7px;left:-11px}.routeList-viewport{height:944px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "component", type: i8.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "component", type: JobRouteListComponent, selector: "app-job-route-list", inputs: ["routes", "selectedRoute", "masterRoutes"], outputs: ["changeNav", "changeRoutes", "changeSelectedRoute"] }, { kind: "component", type: JobcodeStatusComponent, selector: "app-jobcode-status", inputs: ["jobValue"] }, { kind: "component", type: JobcodeOverviewComponent, selector: "app-jobcode-overview", inputs: ["jobValue"] }, { kind: "component", type: RouteInfoCardComponent, selector: "lib-route-info-card", inputs: ["popupData", "propData"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.1", ngImport: i0, type: JobCodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-job-code', template: "<div class=\"jobcode_detailprt\" (click)=\"isOverlapRouteSection = false\"  *ngIf=\"jobdetail\" [ngClass]=\"{'overlap': !isOverlapRouteSection}\" cdkDrag>\n  <span class=\"close\"><mat-icon (click)=\"clearJob()\">clear</mat-icon></span>\n  <div class=\"job_details_area\">\n    <div class=\"detailnameprt\">\n      <app-jobcode-status [jobValue]=\"jobdetail\"></app-jobcode-status>\n    </div>\n    <app-jobcode-overview [jobValue]=\"jobdetail\"></app-jobcode-overview>\n  </div>\n</div>\n\n<div class=\"route_listprt\" (click)=\"isOverlapRouteSection = true\" [ngClass]=\"{ 'show': isVisible, 'overlap': isOverlapRouteSection}\">\n  <div class=\"listing_toggle\" (click)=\"toggleSidemenu()\">\n    <img src=\"assets/images/route.svg\" alt=\"\" />\n  </div>\n\n  <div class=\"listing_box\">\n    <div class=\"closebtn\" (click)=\"toggleSidemenu()\">\n      <mat-icon>clear</mat-icon>\n    </div>\n\n    <div class=\"btnprt\">\n      <h2> List of Routes </h2>\n      <button (click)=\"masterToggle()\">{{routes && routes.length > 0 && routes.length === selectedRoute.selected.length ? 'Uncheck' : 'Check'}} All</button>\n    </div>\n\n    <app-job-route-list [routes]=\"routes\" [masterRoutes]=\"masterRoutes\" [selectedRoute]=\"selectedRoute\" (changeRoutes)=\"routes = $event\" (changeSelectedRoute)=\"selectedRoute = $event\"></app-job-route-list>\n    <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"routeList-viewport\">\n      <ul *ngIf=\"routes['length'] > 0\">\n        <li *ngFor=\"let list of routes\">\n          <div class=\"iconprt\">\n            <span>\n              <input type=\"checkbox\" [checked]=\"selectedRoute.isSelected(list)\"\n                (change)=\"$event ? selectRoute(list) : null\" /><label>&nbsp;</label>\n              <div class=\"border\"></div>\n            </span>\n            <div class=\"statusunit\" [ngClass]=\"list['unit']\">{{list['unit']}}</div>\n            <div class=\"infoicon\">\n              <img (mouseenter)=\"togglerouteDetails(true, list)\" (mouseout)=\"togglerouteDetails(false, list, true)\"\n              (click)=\"togglerouteDetails('click', list)\" src=\"assets/images/info_icon.png\" [alt]=\"\" />\n            </div>\n            <div class=\"infoicon\" *ngIf=\"config.repository === 'customer'\">\n              <img src=\"assets/images/share_icon.png\" (click)=\"openShareRouteModal(list)\" [alt]=\"\" />\n            </div>\n          </div>\n          <div class=\"pickprtbox\">\n            <h2> {{list['route_name']}} </h2>\n            <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{list['customer_name']}} </ng-container></h3>\n            <div class=\"pickdropprt\">\n              <div class=\"pickprt\">\n                <b>\n                  <h4>{{list['pickup_location']}}</h4>\n                </b>\n              </div>\n              <div class=\"dropprt\">\n                <b>\n                  <h4>{{list['delivery_location']}}</h4>\n                </b>\n              </div>\n            </div>\n          </div>\n        </li>\n      </ul>\n      <p style=\"color: #fff;\" *ngIf=\"routes.length === 0\">No Route found</p>\n    </cdk-virtual-scroll-viewport>\n\n  </div>\n\n  <div class=\"route_detail\" *ngIf=\"detailsCardEnable\">\n    <div class=\"closebtnroutedetail\" (click)=\"detailsCardEnable = false; preventMouseout = false\">\n      <mat-icon>clear</mat-icon>\n    </div>\n    <lib-route-info-card [propData]=\"{className: 'listRoutecard', repository: config['repository']}\"  [popupData]=\"routeCardDetail\"></lib-route-info-card>\n    <div class=\"createTxt\">\n      <small>\n        Created by {{routeCardDetail?.created_by_name}} on {{routeCardDetail?.created_at}}\n      </small>\n    </div>\n  </div>\n</div>\n", styles: [".jobcode_detailprt{position:absolute;left:20em;bottom:10px;background:#fff;padding:15px 20px;border-radius:20px;max-width:350px;z-index:999;box-shadow:0 0 5px #0000001a}.jobcode_detailprt .close{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;position:absolute;top:-11px;left:-11px}@keyframes autoslide{to{transform:translate(calc(90vw - 100%))}0%{transform:translate(0)}}.route_listprt .listing_toggle{background:#fff;border-radius:15px;padding:5px;position:absolute;right:10px;top:20px;cursor:pointer}.route_listprt .listing_toggle img{width:28px}.route_listprt .listing_box{background:#282828;height:100vh;position:fixed;right:0;top:0;z-index:1111;box-shadow:-3px 0 5px #ffffff14;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;width:0;border-radius:40px 0 0;opacity:0}.route_listprt .listing_box .closebtn{display:none}.route_listprt .listing_box ul{padding:0 20px 0 0}.route_listprt .listing_box ul li{background:#4a4a4a;padding:10px 15px;border-radius:15px;display:flex;margin-bottom:10px;position:relative;height:inherit}@media (min-width: 1600px){.route_listprt .listing_box ul li{padding:6px 15px;margin-bottom:5px}}.route_listprt .listing_box ul li .iconprt{display:flex;flex-direction:column}.route_listprt .listing_box ul li .iconprt span{display:flex;align-items:center;margin-bottom:32px}.route_listprt .listing_box ul li .iconprt span input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.route_listprt .listing_box ul li .iconprt span label{width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.route_listprt .listing_box ul li .iconprt span .border{position:absolute;width:100%;height:100%;left:0;right:0;top:0;border-radius:15px}.route_listprt .listing_box ul li .iconprt span input:checked~.border{border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white}.route_listprt .listing_box ul li .iconprt span h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding-left:16px;font-size:.9rem;margin-bottom:0;font-weight:400;margin-top:0}.route_listprt .listing_box ul li .iconprt .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px;margin-bottom:7px}.route_listprt .listing_box ul li .iconprt .statusunit:first-letter{font-size:.8rem}.route_listprt .listing_box ul li .iconprt .statusunit.Ton{background:#ff7272}.route_listprt .listing_box ul li .iconprt .statusunit.Load{background:#a3c52e}.route_listprt .listing_box ul li .iconprt .statusunit.Hourly{background:#ae23d1}@media (min-width: 1600px){.route_listprt .listing_box ul li .iconprt .statusunit{line-height:21px}}.route_listprt .listing_box ul li .iconprt .infoicon{z-index:5;cursor:pointer}.route_listprt .listing_box ul li .iconprt .infoicon img{width:20px;height:20px}.route_listprt .listing_box ul li .pickprtbox{margin-left:10px}.route_listprt .listing_box ul li .pickprtbox h2{font-size:.9rem;margin:7px 0 5px;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden}.route_listprt .listing_box ul li h3{font-size:.8rem;color:#979797;font-weight:600;margin-top:0;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden;margin-bottom:5px}.route_listprt .listing_box ul li .pickdropprt{font-size:.75rem}.route_listprt .listing_box ul li .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .pickprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .pickprt b:after{background:#bcbcbc;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .pickprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt .listing_box ul li .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.route_listprt .listing_box ul li .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .dropprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .dropprt b:after{background:#bcbcbc;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.route_listprt .listing_box ul li .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .dropprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt.show .listing_box{width:300px;max-width:300px;-webkit-box-flex:0;flex:0 0 350px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;padding:40px 0 40px 20px;opacity:1}.route_listprt.show .listing_box h2{color:#fff;white-space:nowrap}.route_listprt.show .listing_box .closebtn{position:absolute;left:-33px;top:50px;background:#282828;color:#fff;padding:8px;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer;box-shadow:-4px 2px 5px #ffffff14;display:block}.btnprt{display:flex;justify-content:space-between;align-items:center;padding-right:20px}.btnprt h2{margin:0}.btnprt button{font-size:15px;padding:8px 20px;background-color:#326ad3;color:#fff;border:none;border-radius:10px;box-shadow:none;outline:none}.hidden{display:none}.route_detail{background:#282828;position:absolute;width:260px;top:50%;transform:translateY(-50%);right:310px;border-radius:20px;padding:10px;box-shadow:0 0 5px #ffffff36}.createTxt small{color:#fff;font-size:.7rem}.closebtnroutedetail{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f5f5f5;position:absolute;top:-7px;left:-11px}.routeList-viewport{height:944px}\n"] }]
+            args: [{ selector: 'app-job-code', template: "<div class=\"jobcode_detailprt\" (click)=\"isOverlapRouteSection = false\"  *ngIf=\"jobdetail\" [ngClass]=\"{'overlap': !isOverlapRouteSection}\" cdkDrag>\n  <span class=\"close\"><mat-icon (click)=\"clearJob()\">clear</mat-icon></span>\n  <div class=\"job_details_area\">\n    <div class=\"detailnameprt\">\n      <app-jobcode-status [jobValue]=\"jobdetail\"></app-jobcode-status>\n    </div>\n    <app-jobcode-overview [jobValue]=\"jobdetail\"></app-jobcode-overview>\n  </div>\n</div>\n\n<div class=\"route_listprt\" (click)=\"isOverlapRouteSection = true\" [ngClass]=\"{ 'show': isVisible, 'overlap': isOverlapRouteSection}\">\n  <div class=\"listing_toggle\" (click)=\"toggleSidemenu()\">\n    <img src=\"assets/images/route.svg\" alt=\"\" />\n  </div>\n\n  <div class=\"listing_box\">\n    <div class=\"closebtn\" (click)=\"toggleSidemenu()\">\n      <mat-icon>clear</mat-icon>\n    </div>\n\n    <div class=\"btnprt\">\n      <h2> List of Routes </h2>\n      <button (click)=\"masterToggle()\">{{routes && routes.length > 0 && routes.length === selectedRoute.selected.length ? 'Uncheck' : 'Check'}} All</button>\n    </div>\n\n    <app-job-route-list [routes]=\"routes\" [masterRoutes]=\"masterRoutes\" [selectedRoute]=\"selectedRoute\" (changeRoutes)=\"routes = $event\" (changeSelectedRoute)=\"selectedRoute = $event\"></app-job-route-list>\n    <cdk-virtual-scroll-viewport itemSize=\"50\" class=\"routeList-viewport\">\n      <ul *ngIf=\"routes['length'] > 0\">\n        <li *ngFor=\"let list of routes\">\n          <div class=\"iconprt\">\n            <span>\n              <input type=\"checkbox\" [checked]=\"selectedRoute.isSelected(list)\"\n                (change)=\"$event ? selectRoute(list) : null\" /><label>&nbsp;</label>\n              <div class=\"border\"></div>\n            </span>\n            <div class=\"statusunit\" [ngClass]=\"list['unit']\">{{list['unit']}}</div>\n            <div class=\"infoicon\">\n              <img (mouseenter)=\"togglerouteDetails(true, list)\" (mouseout)=\"togglerouteDetails(false, list, true)\"\n              (click)=\"togglerouteDetails('click', list)\" src=\"assets/images/info_icon.png\" [alt]=\"\" />\n            </div>\n            <div class=\"infoicon\" *ngIf=\"config.repository === 'customer'\">\n              <img src=\"assets/images/share_icon.png\" (click)=\"openShareRouteModal(list)\" [alt]=\"\" />\n            </div>\n          </div>\n          <div class=\"pickprtbox\">\n            <h2> {{list['route_name']}} </h2>\n            <h3><ng-container *ngIf=\"config?.repository === 'coolmap'\">{{list['customer_name']}} </ng-container></h3>\n            <div class=\"pickdropprt\">\n              <div class=\"pickprt\">\n                <b>\n                  <h4>{{list['pickup_location']?.split('|')[1] ? list['pickup_location'].split('|')[1] : list['pickup_location']}}</h4>\n                </b>\n              </div>\n              <div class=\"dropprt\">\n                <b>\n                  <h4>{{list['delivery_location']?.split('|')[1] ? list['delivery_location'].split('|')[1] : list['delivery_location']}}</h4>\n                </b>\n              </div>\n            </div>\n          </div>\n        </li>\n      </ul>\n      <p style=\"color: #fff;\" *ngIf=\"routes.length === 0\">No Route found</p>\n    </cdk-virtual-scroll-viewport>\n\n  </div>\n\n  <div class=\"route_detail\" *ngIf=\"detailsCardEnable\">\n    <div class=\"closebtnroutedetail\" (click)=\"detailsCardEnable = false; preventMouseout = false\">\n      <mat-icon>clear</mat-icon>\n    </div>\n    <lib-route-info-card [propData]=\"{className: 'listRoutecard', repository: config['repository']}\"  [popupData]=\"routeCardDetail\"></lib-route-info-card>\n    <div class=\"createTxt\">\n      <small>\n        Created by {{routeCardDetail?.created_by_name}} on {{routeCardDetail?.created_at}}\n      </small>\n    </div>\n  </div>\n</div>\n", styles: [".jobcode_detailprt{position:absolute;left:20em;bottom:10px;background:#fff;padding:15px 20px;border-radius:20px;max-width:350px;z-index:999;box-shadow:0 0 5px #0000001a}.jobcode_detailprt .close{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#fff;position:absolute;top:-11px;left:-11px}@keyframes autoslide{to{transform:translate(calc(90vw - 100%))}0%{transform:translate(0)}}.route_listprt .listing_toggle{background:#fff;border-radius:15px;padding:5px;position:absolute;right:10px;top:20px;cursor:pointer}.route_listprt .listing_toggle img{width:28px}.route_listprt .listing_box{background:#282828;height:100vh;position:fixed;right:0;top:0;z-index:1111;box-shadow:-3px 0 5px #ffffff14;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;width:0;border-radius:40px 0 0;opacity:0}.route_listprt .listing_box .closebtn{display:none}.route_listprt .listing_box ul{padding:0 20px 0 0}.route_listprt .listing_box ul li{background:#4a4a4a;padding:10px 15px;border-radius:15px;display:flex;margin-bottom:10px;position:relative;height:inherit}@media (min-width: 1600px){.route_listprt .listing_box ul li{padding:6px 15px;margin-bottom:5px}}.route_listprt .listing_box ul li .iconprt{display:flex;flex-direction:column}.route_listprt .listing_box ul li .iconprt span{display:flex;align-items:center;margin-bottom:32px}.route_listprt .listing_box ul li .iconprt span input[type=checkbox]{width:100%;height:100%;margin-right:10px;opacity:0;position:absolute;left:0;margin-left:0;top:0;z-index:3;cursor:pointer}.route_listprt .listing_box ul li .iconprt span label{width:100%;position:relative;z-index:2;font-size:12px;color:#878787;height:100%;position:absolute;top:0;left:0}.route_listprt .listing_box ul li .iconprt span .border{position:absolute;width:100%;height:100%;left:0;right:0;top:0;border-radius:15px}.route_listprt .listing_box ul li .iconprt span input:checked~.border{border-left:1px solid white;border-right:1px solid white;border-top:1px solid white;border-bottom:1px solid white}.route_listprt .listing_box ul li .iconprt span h2{margin-left:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;padding-left:16px;font-size:.9rem;margin-bottom:0;font-weight:400;margin-top:0}.route_listprt .listing_box ul li .iconprt .statusunit{border-radius:30px;font-size:0;color:#fff;text-transform:capitalize;font-weight:500;width:20px;height:20px;text-align:center;line-height:20px;margin-bottom:7px}.route_listprt .listing_box ul li .iconprt .statusunit:first-letter{font-size:.8rem}.route_listprt .listing_box ul li .iconprt .statusunit.Ton{background:#ff7272}.route_listprt .listing_box ul li .iconprt .statusunit.Load{background:#a3c52e}.route_listprt .listing_box ul li .iconprt .statusunit.Hourly{background:#ae23d1}@media (min-width: 1600px){.route_listprt .listing_box ul li .iconprt .statusunit{line-height:21px}}.route_listprt .listing_box ul li .iconprt .infoicon{z-index:5;cursor:pointer}.route_listprt .listing_box ul li .iconprt .infoicon img{width:20px;height:20px}.route_listprt .listing_box ul li .pickprtbox{margin-left:10px}.route_listprt .listing_box ul li .pickprtbox h2{font-size:.9rem;margin:7px 0 5px;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden}.route_listprt .listing_box ul li h3{font-size:.8rem;color:#979797;font-weight:600;margin-top:0;white-space:nowrap;text-overflow:ellipsis;max-width:195px;overflow:hidden;margin-bottom:5px}.route_listprt .listing_box ul li .pickdropprt{font-size:.75rem}.route_listprt .listing_box ul li .pickdropprt .pickprt{position:relative;display:flex;align-items:center;padding-bottom:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .pickprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .pickprt b:after{background:#bcbcbc;width:1px;height:100%;left:3px;content:\"\";position:absolute;top:10px}.route_listprt .listing_box ul li .pickdropprt .pickprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .pickprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt .listing_box ul li .pickdropprt .dropprt{position:relative;padding-bottom:10px;display:flex;align-items:center}.route_listprt .listing_box ul li .pickdropprt .dropprt span{padding-left:0;padding-right:20px;display:block}.route_listprt .listing_box ul li .pickdropprt .dropprt b{position:relative}.route_listprt .listing_box ul li .pickdropprt .dropprt b:after{background:#bcbcbc;width:1px;height:12px;left:3px;content:\"\";position:absolute;top:-7px}.route_listprt .listing_box ul li .pickdropprt .dropprt h4{position:relative;padding-left:15px;margin:0;line-height:18px;color:#bcbcbc;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.route_listprt .listing_box ul li .pickdropprt .dropprt h4:before{background:#bcbcbc;top:4px;left:0;position:absolute;content:\"\";width:7px;height:7px;border-radius:100%}.route_listprt.show .listing_box{width:300px;max-width:300px;-webkit-box-flex:0;flex:0 0 350px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;padding:40px 0 40px 20px;opacity:1}.route_listprt.show .listing_box h2{color:#fff;white-space:nowrap}.route_listprt.show .listing_box .closebtn{position:absolute;left:-33px;top:50px;background:#282828;color:#fff;padding:8px;border-top-left-radius:15px;border-bottom-left-radius:15px;cursor:pointer;box-shadow:-4px 2px 5px #ffffff14;display:block}.btnprt{display:flex;justify-content:space-between;align-items:center;padding-right:20px}.btnprt h2{margin:0}.btnprt button{font-size:15px;padding:8px 20px;background-color:#326ad3;color:#fff;border:none;border-radius:10px;box-shadow:none;outline:none}.hidden{display:none}.route_detail{background:#282828;position:absolute;width:260px;top:50%;transform:translateY(-50%);right:310px;border-radius:20px;padding:10px;box-shadow:0 0 5px #ffffff36}.createTxt small{color:#fff;font-size:.7rem}.closebtnroutedetail{box-shadow:0 0 5px #0000001c;border-radius:100%;width:30px;height:30px;display:flex;justify-content:center;align-items:center;cursor:pointer;background:#f5f5f5;position:absolute;top:-7px;left:-11px}.routeList-viewport{height:944px}\n"] }]
         }], ctorParameters: () => [{ type: i1.UtilsService }, { type: i1.CoolmapService }, { type: i1.CoolmapConfigModel, decorators: [{
                     type: Inject,
                     args: ['memberData']
@@ -1327,10 +1327,6 @@ class AddRouteComponent {
             if (this.config.repository === 'coolmap') {
                 this.utils.fetchLocationlist().then((res) => {
                     this.locationList = res;
-                    if (this.popupDetails && this.routeId) {
-                        this.patchLocation(this.popupDetails, 'pickup_location');
-                        this.patchLocation(this.popupDetails, 'delivery_location');
-                    }
                     this.pickupOptions = this.createAddressFilter('pickup_location', this.locationList, 'formatted_address');
                     this.deliveryOptions = this.createAddressFilter('delivery_location', this.locationList, 'formatted_address');
                 });
@@ -1369,28 +1365,6 @@ class AddRouteComponent {
         this.formPickUpFilter();
         this.formDeliveryFilter();
     }
-    resetPickUpDeliveryField(locationType, searchType) {
-        if (this.config.repository === 'coolmap') {
-            setTimeout(() => {
-                if (locationType === 'pickup') {
-                    const inputelement = document.getElementById((searchType === 'system')
-                        ? 'pickup_system_location'
-                        : 'pickup_google_location');
-                    if (inputelement) {
-                        inputelement.value = null;
-                    }
-                }
-                else {
-                    const inputelement = document.getElementById((searchType === 'system')
-                        ? 'delivery_system_location'
-                        : 'delivery_google_location');
-                    if (inputelement) {
-                        inputelement.value = null;
-                    }
-                }
-            }, 100);
-        }
-    }
     patchAddressValue(data, type) {
         setTimeout(() => {
             this.addRouteForm.patchValue({
@@ -1454,12 +1428,7 @@ class AddRouteComponent {
     async patchFormValue(data) {
         this.addRouteForm.reset();
         const isCustomerRepo = this.config.repository === 'customer';
-        if (data) {
-            const excludedKeys = ['pickup_location', 'delivery_location'];
-            let filteredData = Object.fromEntries(Object.entries(data).filter(([key]) => !excludedKeys.includes(key)));
-            this.addRouteForm.patchValue(isCustomerRepo ? data : filteredData);
-        }
-        ;
+        this.addRouteForm.patchValue(data);
         if (isCustomerRepo) {
             this.addRouteForm.patchValue({
                 customer_id: this.customerRepoDetails.customer.id,
@@ -1467,12 +1436,6 @@ class AddRouteComponent {
             });
         }
         else {
-            setTimeout(() => {
-                if (this.locationList && this.routeId) {
-                    this.patchLocation(data, 'pickup_location');
-                    this.patchLocation(data, 'delivery_location');
-                }
-            }, 100);
             this.addRouteForm.patchValue({
                 pickUpSearchOption: (!data || data.is_system_pickup) ? 'system' : 'google',
                 deliverySearchOtption: (!data || data.is_system_delivery) ? 'system' : 'google',
@@ -1571,10 +1534,6 @@ class AddRouteComponent {
             if (this.config.repository === 'coolmap') {
                 data.is_system_delivery = data.deliverySearchOtption === 'system' ? 1 : 0;
                 data.is_system_pickup = data.pickUpSearchOption === 'system' ? 1 : 0;
-                if (data.is_system_pickup)
-                    data.pickup_location = data.pickup_location?.split('|')[1]?.trim();
-                if (data.is_system_delivery)
-                    data.delivery_location = data.delivery_location?.split('|')[1]?.trim();
             }
             delete data.pickUpSearchOption;
             delete data.deliverySearchOtption;