ca-components 2.0.95 → 2.0.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10269,7 +10269,7 @@ class CaUserFilterComponent {
|
|
|
10269
10269
|
this.destroy$.complete();
|
|
10270
10270
|
}
|
|
10271
10271
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaUserFilterComponent, deps: [{ token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10272
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaUserFilterComponent, isStandalone: true, selector: "app-ca-user-filter", inputs: { type: "type", isFilterActive: "isFilterActive", filterTitle: "filterTitle", hasLeftSideIcon: "hasLeftSideIcon", toDoSubType: "toDoSubType", userGroup: "userGroup", isSearchExpanded: "isSearchExpanded" }, ngImport: i0, template: "@if (type === 'userFilter' || type === 'moduleFilter') {\n <div class=\"border-filter\"></div>\n @if (type === 'userFilter') {\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"userSearch\"\n ></app-ca-input>\n </div>\n }\n\n <div\n class=\"filter-user-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (group of userGroup; let indx = $index; track indx) {\n @let someSelected = (group | groupSelectionState)?.someSelected;\n <div\n class=\"user-items-holder d-flex align-items-center\"\n (click)=\"onGroupSwitchState(group)\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n someSelected ? 'Clear selected' : 'Clear group'\n \"\n tooltipBackground=\"#CCCCCC\"\n tooltipColor=\"#2F2F2F\"\n position=\"bottom\"\n customClass=\"mt-1\"\n >\n <input\n class=\"table-checkbox\"\n type=\"checkbox\"\n id=\"checkbox{{ indx }}\"\n [checked]=\"\n (group | groupSelectionState).allSelected\n \"\n [indeterminate]=\"someSelected\"\n (click)=\"onCheckboxSelect($event, group)\"\n />\n <label\n class=\"table-checkbox-label br-2\"\n for=\"checkbox{{ indx }}\"\n ></label>\n </span>\n <div\n class=\"hide-user-group\"\n [ngClass]=\"{\n svg_rotate: !group.isOpen,\n rotate_back: group.isOpen,\n }\"\n >\n <svg-icon\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n >\n {{ group.label.toUpperCase() }}\n </div>\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n >\n {{ group.items | filterSelectedItems }}\n </div>\n </div>\n <div\n class=\"user-group-holder\"\n [class.user-group-reduced-holder]=\"type === 'userFilter'\"\n [@closeForm]=\"group.isOpen\"\n >\n @let filteredItems = group?.items ?? [] | selectedUser;\n @for (item of filteredItems; let indx2 = $index; track indx2) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n\n @if (someSelected) {\n <div class=\"border-filter border-thrird-margin\"></div>\n }\n\n @for (\n item of group.items | selectedUser: true;\n let indx2 = $index;\n track indx2\n ) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n\n @if (userGroup?.length !== selectedUserGroup?.length) {\n <div class=\"border-filter\"></div>\n }\n}\n\n<ng-template #userTemplate let-item=\"item\" let-indx=\"indx\" let-indx2=\"indx2\">\n <div\n class=\"d-flex\"\n [ngClass]=\"\n item.isSelected\n ? 'selected-user-holder justify-content-start align-items-start flex-column'\n : 'user-frame-holder align-items-center'\n \"\n >\n @if (!item.hidden) {\n <div\n (click)=\"handleSelectedUsers(item, indx, indx2)\"\n class=\"user-main-holder user-frame-holder d-flex align-items-center justify-content-center\"\n [class.user_svg_icon_holder]=\"type !== 'userFilter'\"\n >\n @if (type === 'userFilter') {\n <div class=\"user-profile-img d-flex align-items-center\">\n @if (item.avatar) {\n <div\n class=\"user_avatar\"\n style.background-image=\"url('{{\n item.avatar\n }}')\"\n ></div>\n } @else {\n <app-ca-profile-image\n [indx]=\"indx2\"\n [textShortName]=\"getInitials(item.name)\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n }\n </div>\n } @else {\n <div class=\"type-icon d-flex align-items-center\">\n <svg-icon src=\"{{ item.icon }}\"></svg-icon>\n </div>\n }\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"\n item.isSelected ? 'selected-user-frame' : 'user-frame'\n \"\n [class.user-frame-no-icon]=\"type !== 'userFilter'\"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n @if (item?.count) {\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center justify-content-center\"\n [class.activeCount]=\"item.isSelected\"\n >\n {{ item.count }}\n </span>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"\n noCountTemplate;\n context: { item: item }\n \"\n ></ng-container>\n }\n @if (item.isSelected) {\n <div\n (click)=\"removeFromSelectedUser(item, indx, indx2)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"'x' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n<!-- if no count found -->\n<ng-template #noCountTemplate let-item=\"item\">\n @if (item.count) {\n <div class=\"counter-holder activeCounter\">0</div>\n } @else {\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"'confirm' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.type-icon svg{width:18px;height:18px}.type-icon svg path{fill:#919191!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.border-thrird-margin{margin:6px 0}.checkbox-holder{padding-top:2px}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#fff}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.user-title-text.counter-padd-title{padding-left:4px;padding-right:6px}.filter-user-holder{position:relative;width:100%;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-user-holder .user-group-holder{width:100%;max-height:200px;overflow-y:auto}.filter-user-holder .user-group-reduced-holder{max-height:112px}.filter-user-holder .user-items-holder{position:relative;width:100%;padding-left:8px;cursor:pointer}.filter-user-holder .hide-user-group{position:absolute;right:6px;top:0;height:13px;width:13px}.filter-user-holder .hide-user-group svg-icon{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg path{fill:#b7b7b7}.filter-user-holder .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.filter-user-holder .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.filter-user-holder .user-frame-no-icon{padding-left:6px!important}.filter-user-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-user-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-user-holder .user-filter-box{min-width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-user-holder .user-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-user-holder .user-frame-holder .user_svg_icon_holder{padding-left:6px}.filter-user-holder .user-frame-holder .user-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.filter-user-holder .user-frame-holder .user-main-holder.state-main-holder{height:26px}.filter-user-holder .user-frame-holder .user-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#fff;line-height:18px;margin-bottom:2px}.filter-user-holder .user-frame-holder .user-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .user-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px}.filter-user-holder .user-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.filter-user-holder .user-frame-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-user-holder .user-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-user-holder .user-frame-no-icon{padding-left:6px!important}.selected-user-holder .user_svg_icon_holder{padding-left:6px}.selected-user-holder .user-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-user-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-user-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-user-holder .user-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-user-holder .user-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;visibility:visible}.selected-user-holder .user-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.selected-user-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.selected-user-holder .user-main-holder:hover .count-holder{visibility:hidden}.selected-user-holder .user-main-holder:hover .user-profile-img svg-icon svg path{fill:#dadada}.selected-user-holder .user-main-holder:hover .selected-icon{visibility:hidden}.selected-user-holder .user-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder .user-main-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.selected-user-holder .user-main-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-user-holder .user-main-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
10272
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaUserFilterComponent, isStandalone: true, selector: "app-ca-user-filter", inputs: { type: "type", isFilterActive: "isFilterActive", filterTitle: "filterTitle", hasLeftSideIcon: "hasLeftSideIcon", toDoSubType: "toDoSubType", userGroup: "userGroup", isSearchExpanded: "isSearchExpanded" }, ngImport: i0, template: "@if (type === 'userFilter' || type === 'moduleFilter') {\n <div class=\"border-filter\"></div>\n @if (type === 'userFilter') {\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"userSearch\"\n ></app-ca-input>\n </div>\n }\n\n <div\n class=\"filter-user-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (group of userGroup; let indx = $index; track indx) {\n @let someSelected = (group | groupSelectionState)?.someSelected;\n <div\n class=\"user-items-holder d-flex align-items-center\"\n (click)=\"onGroupSwitchState(group)\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n someSelected ? 'Clear selected' : 'Clear group'\n \"\n tooltipBackground=\"#CCCCCC\"\n tooltipColor=\"#2F2F2F\"\n position=\"bottom\"\n customClass=\"m-t-4\"\n >\n <input\n class=\"table-checkbox\"\n type=\"checkbox\"\n id=\"checkbox{{ indx }}\"\n [checked]=\"\n (group | groupSelectionState).allSelected\n \"\n [indeterminate]=\"someSelected\"\n (click)=\"onCheckboxSelect($event, group)\"\n />\n <label\n class=\"table-checkbox-label br-2\"\n for=\"checkbox{{ indx }}\"\n ></label>\n </span>\n <div\n class=\"hide-user-group\"\n [ngClass]=\"{\n svg_rotate: !group.isOpen,\n rotate_back: group.isOpen,\n }\"\n >\n <svg-icon\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n >\n {{ group.label.toUpperCase() }}\n </div>\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n >\n {{ group.items | filterSelectedItems }}\n </div>\n </div>\n <div\n class=\"user-group-holder\"\n [class.user-group-reduced-holder]=\"type === 'userFilter'\"\n [@closeForm]=\"group.isOpen\"\n >\n @let filteredItems = group?.items ?? [] | selectedUser;\n @for (item of filteredItems; let indx2 = $index; track indx2) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n\n @if (someSelected) {\n <div class=\"border-filter border-thrird-margin\"></div>\n }\n\n @for (\n item of group.items | selectedUser: true;\n let indx2 = $index;\n track indx2\n ) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n\n @if (userGroup?.length !== selectedUserGroup?.length) {\n <div class=\"border-filter\"></div>\n }\n}\n\n<ng-template #userTemplate let-item=\"item\" let-indx=\"indx\" let-indx2=\"indx2\">\n <div\n class=\"d-flex\"\n [ngClass]=\"\n item.isSelected\n ? 'selected-user-holder justify-content-start align-items-start flex-column'\n : 'user-frame-holder align-items-center'\n \"\n >\n @if (!item.hidden) {\n <div\n (click)=\"handleSelectedUsers(item, indx, indx2)\"\n class=\"user-main-holder user-frame-holder d-flex align-items-center justify-content-center\"\n [class.user_svg_icon_holder]=\"type !== 'userFilter'\"\n >\n @if (type === 'userFilter') {\n <div class=\"user-profile-img d-flex align-items-center\">\n @if (item.avatar) {\n <div\n class=\"user_avatar\"\n style.background-image=\"url('{{\n item.avatar\n }}')\"\n ></div>\n } @else {\n <app-ca-profile-image\n [indx]=\"indx2\"\n [textShortName]=\"getInitials(item.name)\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n }\n </div>\n } @else {\n <div class=\"type-icon d-flex align-items-center\">\n <svg-icon src=\"{{ item.icon }}\"></svg-icon>\n </div>\n }\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"\n item.isSelected ? 'selected-user-frame' : 'user-frame'\n \"\n [class.user-frame-no-icon]=\"type !== 'userFilter'\"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n @if (item?.count) {\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center justify-content-center\"\n [class.activeCount]=\"item.isSelected\"\n >\n {{ item.count }}\n </span>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"\n noCountTemplate;\n context: { item: item }\n \"\n ></ng-container>\n }\n @if (item.isSelected) {\n <div\n (click)=\"removeFromSelectedUser(item, indx, indx2)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"'x' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n<!-- if no count found -->\n<ng-template #noCountTemplate let-item=\"item\">\n @if (item.count) {\n <div class=\"counter-holder activeCounter\">0</div>\n } @else {\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"'confirm' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.type-icon svg{width:18px;height:18px}.type-icon svg path{fill:#919191!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.border-thrird-margin{margin:6px 0}.checkbox-holder{padding-top:2px}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#fff}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.user-title-text.counter-padd-title{padding-left:4px;padding-right:6px}.filter-user-holder{position:relative;width:100%;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-user-holder .user-group-holder{width:100%;max-height:200px;overflow-y:auto}.filter-user-holder .user-group-reduced-holder{max-height:112px}.filter-user-holder .user-items-holder{position:relative;width:100%;padding-left:8px;cursor:pointer}.filter-user-holder .hide-user-group{position:absolute;right:6px;top:0;height:13px;width:13px}.filter-user-holder .hide-user-group svg-icon{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg path{fill:#b7b7b7}.filter-user-holder .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.filter-user-holder .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.filter-user-holder .user-frame-no-icon{padding-left:6px!important}.filter-user-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-user-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-user-holder .user-filter-box{min-width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-user-holder .user-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-user-holder .user-frame-holder .user_svg_icon_holder{padding-left:6px}.filter-user-holder .user-frame-holder .user-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.filter-user-holder .user-frame-holder .user-main-holder.state-main-holder{height:26px}.filter-user-holder .user-frame-holder .user-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#fff;line-height:18px;margin-bottom:2px}.filter-user-holder .user-frame-holder .user-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .user-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px}.filter-user-holder .user-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.filter-user-holder .user-frame-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-user-holder .user-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-user-holder .user-frame-no-icon{padding-left:6px!important}.selected-user-holder .user_svg_icon_holder{padding-left:6px}.selected-user-holder .user-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-user-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-user-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-user-holder .user-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-user-holder .user-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;visibility:visible}.selected-user-holder .user-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.selected-user-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.selected-user-holder .user-main-holder:hover .count-holder{visibility:hidden}.selected-user-holder .user-main-holder:hover .user-profile-img svg-icon svg path{fill:#dadada}.selected-user-holder .user-main-holder:hover .selected-icon{visibility:hidden}.selected-user-holder .user-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder .user-main-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.selected-user-holder .user-main-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-user-holder .user-main-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
10273
10273
|
// modules
|
|
10274
10274
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
10275
10275
|
// components
|
|
@@ -10303,7 +10303,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
10303
10303
|
inOutAnimation('inOutAnimation'),
|
|
10304
10304
|
showAnimation('showAnimation'),
|
|
10305
10305
|
closeForm('closeForm'),
|
|
10306
|
-
], template: "@if (type === 'userFilter' || type === 'moduleFilter') {\n <div class=\"border-filter\"></div>\n @if (type === 'userFilter') {\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"userSearch\"\n ></app-ca-input>\n </div>\n }\n\n <div\n class=\"filter-user-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (group of userGroup; let indx = $index; track indx) {\n @let someSelected = (group | groupSelectionState)?.someSelected;\n <div\n class=\"user-items-holder d-flex align-items-center\"\n (click)=\"onGroupSwitchState(group)\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n someSelected ? 'Clear selected' : 'Clear group'\n \"\n tooltipBackground=\"#CCCCCC\"\n tooltipColor=\"#2F2F2F\"\n position=\"bottom\"\n customClass=\"mt-1\"\n >\n <input\n class=\"table-checkbox\"\n type=\"checkbox\"\n id=\"checkbox{{ indx }}\"\n [checked]=\"\n (group | groupSelectionState).allSelected\n \"\n [indeterminate]=\"someSelected\"\n (click)=\"onCheckboxSelect($event, group)\"\n />\n <label\n class=\"table-checkbox-label br-2\"\n for=\"checkbox{{ indx }}\"\n ></label>\n </span>\n <div\n class=\"hide-user-group\"\n [ngClass]=\"{\n svg_rotate: !group.isOpen,\n rotate_back: group.isOpen,\n }\"\n >\n <svg-icon\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n >\n {{ group.label.toUpperCase() }}\n </div>\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n >\n {{ group.items | filterSelectedItems }}\n </div>\n </div>\n <div\n class=\"user-group-holder\"\n [class.user-group-reduced-holder]=\"type === 'userFilter'\"\n [@closeForm]=\"group.isOpen\"\n >\n @let filteredItems = group?.items ?? [] | selectedUser;\n @for (item of filteredItems; let indx2 = $index; track indx2) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n\n @if (someSelected) {\n <div class=\"border-filter border-thrird-margin\"></div>\n }\n\n @for (\n item of group.items | selectedUser: true;\n let indx2 = $index;\n track indx2\n ) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n\n @if (userGroup?.length !== selectedUserGroup?.length) {\n <div class=\"border-filter\"></div>\n }\n}\n\n<ng-template #userTemplate let-item=\"item\" let-indx=\"indx\" let-indx2=\"indx2\">\n <div\n class=\"d-flex\"\n [ngClass]=\"\n item.isSelected\n ? 'selected-user-holder justify-content-start align-items-start flex-column'\n : 'user-frame-holder align-items-center'\n \"\n >\n @if (!item.hidden) {\n <div\n (click)=\"handleSelectedUsers(item, indx, indx2)\"\n class=\"user-main-holder user-frame-holder d-flex align-items-center justify-content-center\"\n [class.user_svg_icon_holder]=\"type !== 'userFilter'\"\n >\n @if (type === 'userFilter') {\n <div class=\"user-profile-img d-flex align-items-center\">\n @if (item.avatar) {\n <div\n class=\"user_avatar\"\n style.background-image=\"url('{{\n item.avatar\n }}')\"\n ></div>\n } @else {\n <app-ca-profile-image\n [indx]=\"indx2\"\n [textShortName]=\"getInitials(item.name)\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n }\n </div>\n } @else {\n <div class=\"type-icon d-flex align-items-center\">\n <svg-icon src=\"{{ item.icon }}\"></svg-icon>\n </div>\n }\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"\n item.isSelected ? 'selected-user-frame' : 'user-frame'\n \"\n [class.user-frame-no-icon]=\"type !== 'userFilter'\"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n @if (item?.count) {\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center justify-content-center\"\n [class.activeCount]=\"item.isSelected\"\n >\n {{ item.count }}\n </span>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"\n noCountTemplate;\n context: { item: item }\n \"\n ></ng-container>\n }\n @if (item.isSelected) {\n <div\n (click)=\"removeFromSelectedUser(item, indx, indx2)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"'x' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n<!-- if no count found -->\n<ng-template #noCountTemplate let-item=\"item\">\n @if (item.count) {\n <div class=\"counter-holder activeCounter\">0</div>\n } @else {\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"'confirm' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.type-icon svg{width:18px;height:18px}.type-icon svg path{fill:#919191!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.border-thrird-margin{margin:6px 0}.checkbox-holder{padding-top:2px}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#fff}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.user-title-text.counter-padd-title{padding-left:4px;padding-right:6px}.filter-user-holder{position:relative;width:100%;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-user-holder .user-group-holder{width:100%;max-height:200px;overflow-y:auto}.filter-user-holder .user-group-reduced-holder{max-height:112px}.filter-user-holder .user-items-holder{position:relative;width:100%;padding-left:8px;cursor:pointer}.filter-user-holder .hide-user-group{position:absolute;right:6px;top:0;height:13px;width:13px}.filter-user-holder .hide-user-group svg-icon{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg path{fill:#b7b7b7}.filter-user-holder .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.filter-user-holder .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.filter-user-holder .user-frame-no-icon{padding-left:6px!important}.filter-user-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-user-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-user-holder .user-filter-box{min-width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-user-holder .user-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-user-holder .user-frame-holder .user_svg_icon_holder{padding-left:6px}.filter-user-holder .user-frame-holder .user-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.filter-user-holder .user-frame-holder .user-main-holder.state-main-holder{height:26px}.filter-user-holder .user-frame-holder .user-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#fff;line-height:18px;margin-bottom:2px}.filter-user-holder .user-frame-holder .user-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .user-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px}.filter-user-holder .user-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.filter-user-holder .user-frame-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-user-holder .user-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-user-holder .user-frame-no-icon{padding-left:6px!important}.selected-user-holder .user_svg_icon_holder{padding-left:6px}.selected-user-holder .user-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-user-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-user-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-user-holder .user-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-user-holder .user-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;visibility:visible}.selected-user-holder .user-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.selected-user-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.selected-user-holder .user-main-holder:hover .count-holder{visibility:hidden}.selected-user-holder .user-main-holder:hover .user-profile-img svg-icon svg path{fill:#dadada}.selected-user-holder .user-main-holder:hover .selected-icon{visibility:hidden}.selected-user-holder .user-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder .user-main-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.selected-user-holder .user-main-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-user-holder .user-main-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"] }]
|
|
10306
|
+
], template: "@if (type === 'userFilter' || type === 'moduleFilter') {\n <div class=\"border-filter\"></div>\n @if (type === 'userFilter') {\n <div\n class=\"search-input-header\"\n [class.activeSearch]=\"isSearchExpanded\"\n [class.inactiveSearch]=\"!isSearchExpanded\"\n [formGroup]=\"searchForm\"\n >\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"userSearch\"\n ></app-ca-input>\n </div>\n }\n\n <div\n class=\"filter-user-holder d-flex justify-content-start align-items-start flex-column\"\n >\n @for (group of userGroup; let indx = $index; track indx) {\n @let someSelected = (group | groupSelectionState)?.someSelected;\n <div\n class=\"user-items-holder d-flex align-items-center\"\n (click)=\"onGroupSwitchState(group)\"\n >\n <div class=\"checkbox-holder d-flex align-items-center\">\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n [mainCaTooltip]=\"\n someSelected ? 'Clear selected' : 'Clear group'\n \"\n tooltipBackground=\"#CCCCCC\"\n tooltipColor=\"#2F2F2F\"\n position=\"bottom\"\n customClass=\"m-t-4\"\n >\n <input\n class=\"table-checkbox\"\n type=\"checkbox\"\n id=\"checkbox{{ indx }}\"\n [checked]=\"\n (group | groupSelectionState).allSelected\n \"\n [indeterminate]=\"someSelected\"\n (click)=\"onCheckboxSelect($event, group)\"\n />\n <label\n class=\"table-checkbox-label br-2\"\n for=\"checkbox{{ indx }}\"\n ></label>\n </span>\n <div\n class=\"hide-user-group\"\n [ngClass]=\"{\n svg_rotate: !group.isOpen,\n rotate_back: group.isOpen,\n }\"\n >\n <svg-icon\n [src]=\"'arrow_filter' | caSvg: 'common'\"\n ></svg-icon>\n </div>\n </div>\n <div\n class=\"user-title-text counter-padd-title d-flex align-items-center ca-font-bold\"\n >\n {{ group.label.toUpperCase() }}\n </div>\n <div\n class=\"user-filter-box d-flex flex-column justify-content-center align-items-center ca-font-bold ms-1\"\n >\n {{ group.items | filterSelectedItems }}\n </div>\n </div>\n <div\n class=\"user-group-holder\"\n [class.user-group-reduced-holder]=\"type === 'userFilter'\"\n [@closeForm]=\"group.isOpen\"\n >\n @let filteredItems = group?.items ?? [] | selectedUser;\n @for (item of filteredItems; let indx2 = $index; track indx2) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n\n @if (someSelected) {\n <div class=\"border-filter border-thrird-margin\"></div>\n }\n\n @for (\n item of group.items | selectedUser: true;\n let indx2 = $index;\n track indx2\n ) {\n <div [@inOutAnimation]=\"'in'\">\n <ng-container\n *ngTemplateOutlet=\"\n userTemplate;\n context: {\n item: item,\n indx: indx,\n indx2: indx2,\n }\n \"\n ></ng-container>\n </div>\n }\n </div>\n }\n </div>\n\n @if (userGroup?.length !== selectedUserGroup?.length) {\n <div class=\"border-filter\"></div>\n }\n}\n\n<ng-template #userTemplate let-item=\"item\" let-indx=\"indx\" let-indx2=\"indx2\">\n <div\n class=\"d-flex\"\n [ngClass]=\"\n item.isSelected\n ? 'selected-user-holder justify-content-start align-items-start flex-column'\n : 'user-frame-holder align-items-center'\n \"\n >\n @if (!item.hidden) {\n <div\n (click)=\"handleSelectedUsers(item, indx, indx2)\"\n class=\"user-main-holder user-frame-holder d-flex align-items-center justify-content-center\"\n [class.user_svg_icon_holder]=\"type !== 'userFilter'\"\n >\n @if (type === 'userFilter') {\n <div class=\"user-profile-img d-flex align-items-center\">\n @if (item.avatar) {\n <div\n class=\"user_avatar\"\n style.background-image=\"url('{{\n item.avatar\n }}')\"\n ></div>\n } @else {\n <app-ca-profile-image\n [indx]=\"indx2\"\n [textShortName]=\"getInitials(item.name)\"\n [size]=\"'small'\"\n >\n </app-ca-profile-image>\n }\n </div>\n } @else {\n <div class=\"type-icon d-flex align-items-center\">\n <svg-icon src=\"{{ item.icon }}\"></svg-icon>\n </div>\n }\n\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"\n item.isSelected ? 'selected-user-frame' : 'user-frame'\n \"\n [class.user-frame-no-icon]=\"type !== 'userFilter'\"\n >\n <div class=\"selected-name-text d-flex align-items-center\">\n <span> {{ item.name }} </span>\n </div>\n @if (item?.count) {\n <span\n class=\"count-holder d-inline-flex justify-content-center align-items-center justify-content-center\"\n [class.activeCount]=\"item.isSelected\"\n >\n {{ item.count }}\n </span>\n } @else {\n <ng-container\n *ngTemplateOutlet=\"\n noCountTemplate;\n context: { item: item }\n \"\n ></ng-container>\n }\n @if (item.isSelected) {\n <div\n (click)=\"removeFromSelectedUser(item, indx, indx2)\"\n class=\"icon-delete d-flex justify-content-center align-items-center\"\n [class.counterMargin]=\"item.count\"\n >\n <div class=\"icon-delete-hold\"></div>\n <svg-icon [src]=\"'x' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n </div>\n</ng-template>\n<!-- if no count found -->\n<ng-template #noCountTemplate let-item=\"item\">\n @if (item.count) {\n <div class=\"counter-holder activeCounter\">0</div>\n } @else {\n <div\n class=\"selected-icon d-flex justify-content-center align-items-center\"\n >\n <svg-icon [src]=\"'confirm' | caSvg: 'common'\"></svg-icon>\n </div>\n }\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.border-filter{width:100%;height:1px;border-radius:1px;margin:4px 0;background-color:#424242}.type-icon svg{width:18px;height:18px}.type-icon svg path{fill:#919191!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{border:4px solid #dadada!important;border-radius:1px}::-webkit-scrollbar-track{width:4px;background-color:#dadada33}.border-thrird-margin{margin:6px 0}.checkbox-holder{padding-top:2px}.search-input-header{width:100%!important;background:#424242!important;color:#aaa!important;margin:4px 0;border-radius:2px;transition:transform .3s}.search-input-header .input-form-holder .input-custom-group .input-control{height:22px!important;background-color:#424242!important;color:#fff}.search-input-header .input-form-holder .input-custom-group .input-control.has-placeholderIcon{padding-left:29px}.search-input-header .input-form-holder .input-custom-group .input-icon svg-icon svg{width:14px;height:14px}.search-input-header .input-form-holder .input-custom-group .input-icon:after{left:18px}.search-input-header .input-form-holder .input-custom-group .input-label{top:2px!important}.search-input-header .input-form-holder .input-custom-group .input-label.input-placeholderIcon-on{left:29px}.search-input-header .input-form-holder .input-custom-group .input-clear{top:10px!important}.user-title-text{line-height:14px;font-size:11px;color:#fff;padding:0 4px;box-sizing:border-box}.user-title-text.sort-text{border-radius:1px;transition:background .2s ease-in-out}.user-title-text.sort-text .sort-arrow{transform:rotate(0);transition:transform .2s}.user-title-text.sort-text .sort-arrow.rotate{transform:rotate(180deg)}.user-title-text.sort-text:hover{cursor:pointer;background:#1d1d1d}.user-title-text.counter-padd-title{padding-left:4px;padding-right:6px}.filter-user-holder{position:relative;width:100%;background-color:#2f2f2f;padding:0;box-sizing:border-box;overflow-y:auto;-webkit-user-select:none;user-select:none;transition:transform .2s linear}.filter-user-holder .user-group-holder{width:100%;max-height:200px;overflow-y:auto}.filter-user-holder .user-group-reduced-holder{max-height:112px}.filter-user-holder .user-items-holder{position:relative;width:100%;padding-left:8px;cursor:pointer}.filter-user-holder .hide-user-group{position:absolute;right:6px;top:0;height:13px;width:13px}.filter-user-holder .hide-user-group svg-icon{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg{height:8px;width:13px}.filter-user-holder .hide-user-group svg-icon svg path{fill:#b7b7b7}.filter-user-holder .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.filter-user-holder .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.filter-user-holder .user-frame-no-icon{padding-left:6px!important}.filter-user-holder .search-container{width:100%;margin-bottom:10px;background:#424242}.filter-user-holder .search-container input{width:100%;background:#424242;color:#aaa}.filter-user-holder .user-filter-box{min-width:18px;height:18px;padding:4px;border-radius:60px;background-color:#424242;font-size:11px;color:#fff;line-height:14px}.filter-user-holder .user-frame-holder{position:relative;width:100%;opacity:1;transition:transform .2s linear}.filter-user-holder .user-frame-holder .user_svg_icon_holder{padding-left:6px}.filter-user-holder .user-frame-holder .user-main-holder{width:100%;padding-right:4px;transition:transform .2s linear;border-radius:2px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.filter-user-holder .user-frame-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.filter-user-holder .user-frame-holder .user-main-holder.state-main-holder{height:26px}.filter-user-holder .user-frame-holder .user-frame{position:relative;width:100%;min-height:26px;border-radius:2px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:400;color:#fff;line-height:18px;margin-bottom:2px}.filter-user-holder .user-frame-holder .user-frame::-moz-selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .user-frame::selection{background:#6c6c6c20;color:#6c6c6c}.filter-user-holder .user-frame-holder .count-holder{position:absolute;right:0;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px}.filter-user-holder .user-frame-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.filter-user-holder .user-frame-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.filter-user-holder .user-frame-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}.filter-user-holder .user-frame-holder.hidenItem{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder{width:100%;box-sizing:border-box;transition:height .2s linear}.selected-user-holder .user-frame-no-icon{padding-left:6px!important}.selected-user-holder .user_svg_icon_holder{padding-left:6px}.selected-user-holder .user-main-holder{position:relative;width:100%;height:28px;transition:height .2s linear;cursor:pointer;border-radius:2px}.selected-user-holder .user-main-holder .selected-user-frame{position:relative;width:100%;height:26px;padding-right:4px;padding-left:30px;box-sizing:border-box;font-size:14px;font-weight:700;color:#fff;line-height:26px;margin-bottom:2px;-webkit-user-select:none;user-select:none}.selected-user-holder .user-main-holder .selected-user-frame:hover .icon-delete{visibility:visible;opacity:1}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon{width:18px;height:18px;top:4px;right:4px}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg{width:12.74px!important;height:9.85px!important}.selected-user-holder .user-main-holder .selected-user-frame .selected-icon svg-icon svg path{fill:#6f9ee0!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete{width:21px;height:23px;visibility:hidden;opacity:0;top:2.5px;right:4px;border-radius:1px;transition:transform .2s ease-in-out}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg{visibility:visible;width:10.63px!important;height:10.63px!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame .icon-delete:hover svg-icon svg path{fill:#e57373!important}.selected-user-holder .user-main-holder .selected-user-frame::-moz-selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-user-frame::selection{background:#536bc220;color:#536bc2}.selected-user-holder .user-main-holder .selected-name-text{width:100%!important;line-height:26px}.selected-user-holder .user-main-holder .selected-name-text span{width:99%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-user-holder .user-main-holder .count-holder{position:absolute;right:5px;padding:0 6px;height:18px;min-width:18px;min-height:18px;font-weight:600;font-size:11px;line-height:14px;color:#ffffffb2;background-color:#424242;border-radius:9px;visibility:visible}.selected-user-holder .user-main-holder .count-holder.activeCount{background-color:#3b73ed;color:#fff}.selected-user-holder .user-main-holder:hover{cursor:pointer;background-color:#424242}.selected-user-holder .user-main-holder:hover .count-holder{visibility:hidden}.selected-user-holder .user-main-holder:hover .user-profile-img svg-icon svg path{fill:#dadada}.selected-user-holder .user-main-holder:hover .selected-icon{visibility:hidden}.selected-user-holder .user-main-holder.removeClass{scale:.7;height:0px;background-color:#424242;opacity:0;pointer-events:none}.selected-user-holder .user-main-holder .user-profile-img{position:absolute;left:6px;top:0;height:26px;width:18px}.selected-user-holder .user-main-holder .user-profile-img .user_avatar{width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100%}.selected-user-holder .user-main-holder .user-profile-img .user_avatar.driver_avatar{height:18px;width:15px;border-radius:2px}\n"] }]
|
|
10307
10307
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }], propDecorators: { type: [{
|
|
10308
10308
|
type: Input
|
|
10309
10309
|
}], isFilterActive: [{
|
|
@@ -10709,7 +10709,7 @@ class CaCollapsibleFilterComponent {
|
|
|
10709
10709
|
this.isExpanded = !this.isExpanded;
|
|
10710
10710
|
}
|
|
10711
10711
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaCollapsibleFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10712
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaCollapsibleFilterComponent, isStandalone: true, selector: "app-ca-collapsible-filter", inputs: { isExpanded: "isExpanded", filterArray: "filterArray", type: "type" }, outputs: { onTagEmit: "onTagEmit" }, ngImport: i0, template: "<div class=\"collapsible-filter\">\n <div\n class=\"cf-filter-header d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"cf-filter-content\"\n [class.open]=\"isExpanded\"\n [class.closed]=\"!isExpanded\"\n >\n <div class=\"cf-filter-tags d-flex flex-wrap\">\n @for (item of filterArray; let indx = $index; track indx) {\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n position=\"bottom\"\n customClass=\"mt-1\"\n [mainCaTooltip]=\"item.isSelected ? 'Remove' : 'Select'\"\n >\n <div\n class=\"cf-filter-tag ca-font-bold\"\n [class.selected]=\"item.isSelected\"\n (click)=\"\n item.isSelected\n ? removeFromSelectedUser(item, $event)\n : addToSelectedUser(item, $event)\n \"\n >\n <div class=\"cf-tag-text\">{{ item.name }}</div>\n </div>\n </span>\n }\n </div>\n </div>\n <span class=\"cf-filter-toggle\" (click)=\"toggleExpand()\">\n {{ isExpanded ? '\u25B2' : '\u25BC' }}\n </span>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.collapsible-filter{overflow:hidden}.cf-filter-header{background-color:#2f2f2f;color:#dadada}.cf-filter-toggle{cursor:pointer;font-size:14px}.cf-filter-content{width:0;height:25px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.cf-filter-content.open{width:fit-content}.cf-filter-content.closed{width:0}.cf-filter-tags{gap:4px;background-color:#2f2f2f}.cf-filter-tag{padding:4px;border-radius:50px;background-color:#91919133;cursor:pointer;font-size:11px;transition:background-color .3s ease,color .3s ease}.cf-filter-tag .cf-tag-text{margin:0 4px}.cf-filter-tag:hover{background-color:#eee;color:#424242}.cf-filter-tag.selected{background-color:#3b73ed;color:#fff}.cf-filter-tag.selected:hover{background-color:#e9effd;color:#0b49d1}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
10712
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaCollapsibleFilterComponent, isStandalone: true, selector: "app-ca-collapsible-filter", inputs: { isExpanded: "isExpanded", filterArray: "filterArray", type: "type" }, outputs: { onTagEmit: "onTagEmit" }, ngImport: i0, template: "<div class=\"collapsible-filter\">\n <div\n class=\"cf-filter-header d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"cf-filter-content\"\n [class.open]=\"isExpanded\"\n [class.closed]=\"!isExpanded\"\n >\n <div class=\"cf-filter-tags d-flex flex-wrap\">\n @for (item of filterArray; let indx = $index; track indx) {\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n position=\"bottom\"\n customClass=\"m-t-4\"\n [mainCaTooltip]=\"item.isSelected ? 'Remove' : 'Select'\"\n >\n <div\n class=\"cf-filter-tag ca-font-bold\"\n [class.selected]=\"item.isSelected\"\n (click)=\"\n item.isSelected\n ? removeFromSelectedUser(item, $event)\n : addToSelectedUser(item, $event)\n \"\n >\n <div class=\"cf-tag-text\">{{ item.name }}</div>\n </div>\n </span>\n }\n </div>\n </div>\n <span class=\"cf-filter-toggle\" (click)=\"toggleExpand()\">\n {{ isExpanded ? '\u25B2' : '\u25BC' }}\n </span>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.collapsible-filter{overflow:hidden}.cf-filter-header{background-color:#2f2f2f;color:#dadada}.cf-filter-toggle{cursor:pointer;font-size:14px}.cf-filter-content{width:0;height:25px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.cf-filter-content.open{width:fit-content}.cf-filter-content.closed{width:0}.cf-filter-tags{gap:4px;background-color:#2f2f2f}.cf-filter-tag{padding:4px;border-radius:50px;background-color:#91919133;cursor:pointer;font-size:11px;transition:background-color .3s ease,color .3s ease}.cf-filter-tag .cf-tag-text{margin:0 4px}.cf-filter-tag:hover{background-color:#eee;color:#424242}.cf-filter-tag.selected{background-color:#3b73ed;color:#fff}.cf-filter-tag.selected:hover{background-color:#e9effd;color:#0b49d1}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
10713
10713
|
// modules
|
|
10714
10714
|
CommonModule }, { kind: "ngmodule", type: NgbTooltipModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
10715
10715
|
// components
|
|
@@ -10723,7 +10723,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
10723
10723
|
NgbTooltipModule,
|
|
10724
10724
|
// components
|
|
10725
10725
|
CaAppTooltipV2Component,
|
|
10726
|
-
], template: "<div class=\"collapsible-filter\">\n <div\n class=\"cf-filter-header d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"cf-filter-content\"\n [class.open]=\"isExpanded\"\n [class.closed]=\"!isExpanded\"\n >\n <div class=\"cf-filter-tags d-flex flex-wrap\">\n @for (item of filterArray; let indx = $index; track indx) {\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n position=\"bottom\"\n customClass=\"mt-1\"\n [mainCaTooltip]=\"item.isSelected ? 'Remove' : 'Select'\"\n >\n <div\n class=\"cf-filter-tag ca-font-bold\"\n [class.selected]=\"item.isSelected\"\n (click)=\"\n item.isSelected\n ? removeFromSelectedUser(item, $event)\n : addToSelectedUser(item, $event)\n \"\n >\n <div class=\"cf-tag-text\">{{ item.name }}</div>\n </div>\n </span>\n }\n </div>\n </div>\n <span class=\"cf-filter-toggle\" (click)=\"toggleExpand()\">\n {{ isExpanded ? '\u25B2' : '\u25BC' }}\n </span>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.collapsible-filter{overflow:hidden}.cf-filter-header{background-color:#2f2f2f;color:#dadada}.cf-filter-toggle{cursor:pointer;font-size:14px}.cf-filter-content{width:0;height:25px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.cf-filter-content.open{width:fit-content}.cf-filter-content.closed{width:0}.cf-filter-tags{gap:4px;background-color:#2f2f2f}.cf-filter-tag{padding:4px;border-radius:50px;background-color:#91919133;cursor:pointer;font-size:11px;transition:background-color .3s ease,color .3s ease}.cf-filter-tag .cf-tag-text{margin:0 4px}.cf-filter-tag:hover{background-color:#eee;color:#424242}.cf-filter-tag.selected{background-color:#3b73ed;color:#fff}.cf-filter-tag.selected:hover{background-color:#e9effd;color:#0b49d1}\n"] }]
|
|
10726
|
+
], template: "<div class=\"collapsible-filter\">\n <div\n class=\"cf-filter-header d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"cf-filter-content\"\n [class.open]=\"isExpanded\"\n [class.closed]=\"!isExpanded\"\n >\n <div class=\"cf-filter-tags d-flex flex-wrap\">\n @for (item of filterArray; let indx = $index; track indx) {\n <span\n class=\"checkbox-tooltip\"\n type=\"button\"\n ngbTooltip\n tooltipBackground=\"#424242\"\n tooltipColor=\"#FFFFFF\"\n position=\"bottom\"\n customClass=\"m-t-4\"\n [mainCaTooltip]=\"item.isSelected ? 'Remove' : 'Select'\"\n >\n <div\n class=\"cf-filter-tag ca-font-bold\"\n [class.selected]=\"item.isSelected\"\n (click)=\"\n item.isSelected\n ? removeFromSelectedUser(item, $event)\n : addToSelectedUser(item, $event)\n \"\n >\n <div class=\"cf-tag-text\">{{ item.name }}</div>\n </div>\n </span>\n }\n </div>\n </div>\n <span class=\"cf-filter-toggle\" (click)=\"toggleExpand()\">\n {{ isExpanded ? '\u25B2' : '\u25BC' }}\n </span>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.collapsible-filter{overflow:hidden}.cf-filter-header{background-color:#2f2f2f;color:#dadada}.cf-filter-toggle{cursor:pointer;font-size:14px}.cf-filter-content{width:0;height:25px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.cf-filter-content.open{width:fit-content}.cf-filter-content.closed{width:0}.cf-filter-tags{gap:4px;background-color:#2f2f2f}.cf-filter-tag{padding:4px;border-radius:50px;background-color:#91919133;cursor:pointer;font-size:11px;transition:background-color .3s ease,color .3s ease}.cf-filter-tag .cf-tag-text{margin:0 4px}.cf-filter-tag:hover{background-color:#eee;color:#424242}.cf-filter-tag.selected{background-color:#3b73ed;color:#fff}.cf-filter-tag.selected:hover{background-color:#e9effd;color:#0b49d1}\n"] }]
|
|
10727
10727
|
}], propDecorators: { isExpanded: [{
|
|
10728
10728
|
type: Input
|
|
10729
10729
|
}], filterArray: [{
|
|
@@ -19167,7 +19167,7 @@ class CaPayrollListSummaryOverviewComponent {
|
|
|
19167
19167
|
});
|
|
19168
19168
|
}
|
|
19169
19169
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPayrollListSummaryOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19170
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n\n <div class=\"d-flex header-content ca-font-extra-bold align-items-end\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11 font-weight-600\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-14\">\n <span>{{ type }}</span>\n </div>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .font-weight-600{font-weight:600}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19170
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n\n <div class=\"d-flex header-content ca-font-extra-bold align-items-end\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11 font-weight-600\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-14\">\n <span>{{ type }}</span>\n </div>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .font-weight-600{font-weight:600}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19171
19171
|
//Modules
|
|
19172
19172
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }], animations: [accordionAnimation('showHideCardBody')], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19173
19173
|
}
|
|
@@ -19177,7 +19177,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
19177
19177
|
//Modules
|
|
19178
19178
|
CommonModule,
|
|
19179
19179
|
AngularSvgIconModule,
|
|
19180
|
-
], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n\n <div class=\"d-flex header-content ca-font-extra-bold align-items-end\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11 font-weight-600\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-14\">\n <span>{{ type }}</span>\n </div>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .font-weight-600{font-weight:600}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
|
|
19180
|
+
], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n\n <div class=\"d-flex header-content ca-font-extra-bold align-items-end\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11 font-weight-600\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-14\">\n <span>{{ type }}</span>\n </div>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .font-weight-600{font-weight:600}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
|
|
19181
19181
|
}], ctorParameters: () => [], propDecorators: { leftTemplate: [{
|
|
19182
19182
|
type: Input
|
|
19183
19183
|
}], showLeftTemplate: [{
|
|
@@ -19659,7 +19659,7 @@ class CaDropdownMenuComponent {
|
|
|
19659
19659
|
});
|
|
19660
19660
|
}
|
|
19661
19661
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaDropdownMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19662
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaDropdownMenuComponent, isStandalone: true, selector: "ca-dropdown-menu", inputs: { type: "type", options: "options", placement: "placement", popoverClass: "popoverClass", isDarkBackground: "isDarkBackground", isLeftSideIconPosition: "isLeftSideIconPosition", isColumnsDropdown: "isColumnsDropdown" }, outputs: { dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "<div\n class=\"d-flex align-items-center dropdown-menu-container\"\n [ngClass]=\"type | dropdownMenuPlacementClass\"\n>\n <!-- Icon -->\n\n @let dropdownMenuPopoverClass = `dropdown-menu-popover ${popoverClass}`;\n\n <div\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"placement\"\n [popoverClass]=\"dropdownMenuPopoverClass\"\n [container]=\"'body'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n (hidden)=\"handleDropdownClose()\"\n >\n @let tooltipText =\n type === eDropdownMenu.HAMBURGER_MENU_TYPE\n ? isDropdownMenuActive\n ? eDropdownMenu.CLOSE_MENU\n : eDropdownMenu.OPEN_MENU\n : eDropdownMenu.MORE;\n <div\n class=\"d-flex align-items-center justify-content-center p-4 dropdown-icon-container\"\n [ngClass]=\"{\n active: dropdownPopover.isOpen(),\n 'dark-background': isDarkBackground,\n }\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipBackground]=\"isDropdownMenuActive ? '#CCCCCC' : '#424242'\"\n [tooltipColor]=\"isDropdownMenuActive ? '#2F2F2F' : '#FFFFFF'\"\n [tooltipMarginTop]=\"'4px'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"icon svg-size-18 d-flex align-items-center\"\n [src]=\"\n type === eDropdownMenu.DOTS_MENU_TYPE\n ? dropdownMenuSvgRoutes.dotsDropdownIcon\n : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n \"\n ></svg-icon>\n </div>\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div class=\"d-flex flex-column dropdown-container\">\n @for (\n option of options;\n let optionIndex = $index,\n last = $last;\n track optionIndex\n ) {\n @if (option) {\n <div\n class=\"d-flex flex-column dropdown-item\"\n [ngClass]=\"{\n 'has-border': option?.hasBorder && !last,\n disabled: option?.isDisabled,\n 'icon-left': isLeftSideIconPosition,\n 'checkbox-disabled': option?.isCheckBoxDisabled,\n 'sticky-item':\n option?.isColumnDropdown && optionIndex === 0,\n }\"\n >\n <div\n class=\"d-flex flex-column mb-1\"\n [ngClass]=\"{\n 'inner-dropdown-item':\n !!option?.innerDropdownContent,\n active:\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n >\n @let dropdownItemOptionClass =\n isLeftSideIconPosition\n ? 'gap-6'\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown &&\n option.isColumnDropdown &&\n optionIndex === 0\n ? 'justify-content-between'\n : 'justify-content-between gap-6 p-4';\n <div\n class=\"d-flex align-items-center w-100 dropdown-item-option\"\n [ngClass]=\"dropdownItemOptionClass\"\n (click)=\"\n handleDropdownOptionClick(\n option,\n optionIndex\n )\n \"\n (mouseenter)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n true\n )\n \"\n (mouseleave)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n false\n )\n \"\n >\n @if (\n option.isColumnDropdown && optionIndex > 0\n ) {\n @let dropdownCheckboxCustomClass =\n 'dropdown-column w-100 h-26 p-l-4' +\n (option?.innerDropdownContent\n ? ' p-r-4'\n : '');\n\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"option.title\"\n [name]=\"option.type ?? option.title\"\n [itemIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"option?.isChecked\"\n [isGroupPartialyChecked]=\"\n option | groupItemCheckedState\n \"\n [customClass]=\"\n dropdownCheckboxCustomClass\n \"\n [disabled]=\"option?.isCheckBoxDisabled\"\n [isLabelDisabled]=\"false\"\n [isDarkBackgroundCheckbox]=\"true\"\n (columnCheckAction)=\"\n handleCheckboxActionEmit($event)\n \"\n ></app-ca-checkbox>\n\n @if (option?.innerDropdownContent) {\n <svg-icon\n [src]=\"\n dropdownMenuSvgRoutes.showMoreIcon\n \"\n class=\"w-12 h-12 svg-size-12 d-flex dropdown-item-option-icon regular m-r-6\"\n ></svg-icon>\n }\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white d-flex\"\n [ngClass]=\"{\n 'ca-font-bold':\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n [ngClass]=\"option?.titleOptionalClass\"\n >\n @if (\n isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ) {\n <svg-icon\n class=\"w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center svg-fill-muted m-r-6\"\n [src]=\"\n dropdownMenuSvgRoutes.backToMenuIcon\n \"\n ></svg-icon>\n }\n @let dropdownItemOptionTitle =\n option.isColumnDropdown &&\n optionIndex === 0 &&\n isResetTableHovered\n ? eDropdownMenu.RESET_TABLE_TITLE\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ? eDropdownMenu.BACK_TO_MENU\n : option?.title;\n {{ dropdownItemOptionTitle }}\n </p>\n }\n\n @if (option?.svgUrl) {\n @let isFirstColumnDropdown =\n option.isColumnDropdown &&\n optionIndex === 0;\n <svg-icon\n class=\"dropdown-item-option-icon w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center\"\n [ngClass]=\"option?.svgClass\"\n [src]=\"option?.svgUrl || ''\"\n (mouseenter)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (mouseleave)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (click)=\"\n isFirstColumnDropdown &&\n handleResetTableClick($event)\n \"\n ></svg-icon>\n }\n </div>\n\n <!-- Inner Dropdown -->\n\n @if (!!option?.innerDropdownContent) {\n <div\n class=\"d-flex flex-column inner-dropdown-list\"\n >\n @for (\n innerDropdownOption of option?.innerDropdownContent;\n let innerDropdownOptionIndex = $index;\n track innerDropdownOptionIndex\n ) {\n <div\n class=\"d-flex align-items-center justify-content-between gap-20 w-100 dropdown-item-option\"\n (click)=\"\n handleDropdownOptionClick(\n innerDropdownOption,\n innerDropdownOptionIndex,\n optionIndex\n )\n \"\n >\n @if (option?.isColumnDropdown) {\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"\n innerDropdownOption.title\n \"\n [name]=\"\n innerDropdownOption.type ??\n innerDropdownOption.title\n \"\n [itemIndex]=\"\n innerDropdownOptionIndex\n \"\n [groupIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"\n innerDropdownOption?.isChecked\n \"\n [disabled]=\"\n innerDropdownOption?.isCheckBoxDisabled\n \"\n [isLabelDisabled]=\"false\"\n [customClass]=\"\n 'dropdown-column w-100 h-26 p-x-4'\n \"\n [isDarkBackgroundCheckbox]=\"\n true\n \"\n (columnCheckAction)=\"\n handleCheckboxActionEmit(\n $event\n )\n \"\n ></app-ca-checkbox>\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white\"\n >\n {{\n innerDropdownOption.title\n }}\n </p>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.dots-menu .dropdown-icon-container.active .icon,.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.menu-translate-unset .dropdown-container{transform:unset}.dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-icon-container:hover{background:#91919133}.dropdown-icon-container:hover .icon svg path,.dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-icon-container.active{background:#424242}.dropdown-icon-container.active .icon svg path,.dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background .icon svg path,.dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-icon-container.dark-background.active .icon svg path,.dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-icon-container .icon{position:relative;transition:transform .2s ease-in}.dropdown-icon-container .icon svg path,.dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-container{min-width:178px;max-width:220px;padding:4px;border-radius:3px;background:#2f2f2f;max-height:456px;overflow-y:auto}.dropdown-container::-webkit-scrollbar{width:4px}.dropdown-container::-webkit-scrollbar-track{background-color:#424242;border-radius:0 3px 3px 0}.dropdown-container::-webkit-scrollbar-thumb{background:#424242;border-left:2px solid #919191;background-clip:padding-box;border-radius:1px 3px 3px 1px}.dropdown-container:has(.sticky-item){padding:0 4px 4px}.dropdown-container:has(.sticky-item)::-webkit-scrollbar-track{margin-top:34px}.dropdown-container .dropdown-item{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.dropdown-container .dropdown-item.sticky-item{position:sticky;top:0;z-index:10;background:#2f2f2f;padding-top:4px}.dropdown-container .dropdown-item.has-border{padding-bottom:3px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-container .dropdown-item.checkbox-disabled{cursor:auto}.dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-container .dropdown-item-option:has(app-ca-checkbox){padding:0!important}.dropdown-container .dropdown-item-option:has(app-ca-checkbox) .dropdown-item-option-icon{margin-right:6px!important}.dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-container .dropdown-item-option-icon svg{width:18px;height:18px}.dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-container .dropdown-item-option-icon.regular svg path{fill:#fff3}.dropdown-container .dropdown-item-option-icon.delete svg path{fill-opacity:1;fill:#e66767}.dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19662
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaDropdownMenuComponent, isStandalone: true, selector: "ca-dropdown-menu", inputs: { type: "type", options: "options", placement: "placement", popoverClass: "popoverClass", isDarkBackground: "isDarkBackground", isLeftSideIconPosition: "isLeftSideIconPosition", isColumnsDropdown: "isColumnsDropdown" }, outputs: { dropdownOptionEmitter: "dropdownOptionEmitter" }, ngImport: i0, template: "<div\n class=\"d-flex align-items-center dropdown-menu-container\"\n [ngClass]=\"type | dropdownMenuPlacementClass\"\n>\n <!-- Icon -->\n\n @let dropdownMenuPopoverClass = `dropdown-menu-popover ${popoverClass}`;\n\n <div\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"placement\"\n [popoverClass]=\"dropdownMenuPopoverClass\"\n [container]=\"'body'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n (hidden)=\"handleDropdownClose()\"\n >\n @let tooltipText =\n type === eDropdownMenu.HAMBURGER_MENU_TYPE\n ? isDropdownMenuActive\n ? eDropdownMenu.CLOSE_MENU\n : eDropdownMenu.OPEN_MENU\n : eDropdownMenu.MORE;\n <div\n class=\"d-flex align-items-center justify-content-center p-4 dropdown-icon-container\"\n [ngClass]=\"{\n active: dropdownPopover.isOpen(),\n 'dark-background': isDarkBackground,\n }\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipBackground]=\"isDropdownMenuActive ? '#CCCCCC' : '#424242'\"\n [tooltipColor]=\"isDropdownMenuActive ? '#2F2F2F' : '#FFFFFF'\"\n [tooltipMarginTop]=\"'4px'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"icon svg-size-18 d-flex align-items-center\"\n [src]=\"\n type === eDropdownMenu.DOTS_MENU_TYPE\n ? dropdownMenuSvgRoutes.dotsDropdownIcon\n : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n \"\n ></svg-icon>\n </div>\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div\n class=\"d-flex flex-column dropdown-container\"\n [ngClass]=\"{ 'columns-dropdown': isColumnsDropdown }\"\n >\n @for (\n option of options;\n let optionIndex = $index,\n last = $last;\n track optionIndex\n ) {\n @if (option) {\n <div\n class=\"d-flex flex-column dropdown-item\"\n [ngClass]=\"{\n 'has-border': option?.hasBorder && !last,\n disabled: option?.isDisabled,\n 'icon-left': isLeftSideIconPosition,\n 'checkbox-disabled': option?.isCheckBoxDisabled,\n 'sticky-item':\n option?.isColumnDropdown && optionIndex === 0,\n }\"\n >\n <div\n class=\"d-flex flex-column\"\n [ngClass]=\"{\n 'm-b-4': !last,\n 'inner-dropdown-item':\n !!option?.innerDropdownContent,\n active:\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n >\n @let dropdownItemOptionClass =\n isLeftSideIconPosition\n ? 'gap-6'\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown &&\n option.isColumnDropdown &&\n optionIndex === 0\n ? 'justify-content-between'\n : 'justify-content-between gap-6 p-4';\n <div\n class=\"d-flex align-items-center w-100 dropdown-item-option\"\n [ngClass]=\"dropdownItemOptionClass\"\n (click)=\"\n handleDropdownOptionClick(\n option,\n optionIndex\n )\n \"\n (mouseenter)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n true\n )\n \"\n (mouseleave)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n false\n )\n \"\n >\n @if (\n option.isColumnDropdown && optionIndex > 0\n ) {\n @let dropdownCheckboxCustomClass =\n 'dropdown-column w-100 h-26 p-l-4' +\n (option?.innerDropdownContent\n ? ' p-r-4'\n : '');\n\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"option.title\"\n [name]=\"option.type ?? option.title\"\n [itemIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"option?.isChecked\"\n [isGroupPartialyChecked]=\"\n option | groupItemCheckedState\n \"\n [customClass]=\"\n dropdownCheckboxCustomClass\n \"\n [disabled]=\"option?.isCheckBoxDisabled\"\n [isLabelDisabled]=\"false\"\n [isDarkBackgroundCheckbox]=\"true\"\n (columnCheckAction)=\"\n handleCheckboxActionEmit($event)\n \"\n ></app-ca-checkbox>\n\n @if (option?.innerDropdownContent) {\n <svg-icon\n [src]=\"\n dropdownMenuSvgRoutes.showMoreIcon\n \"\n class=\"w-12 h-12 svg-size-12 d-flex dropdown-item-option-icon regular m-r-6\"\n ></svg-icon>\n }\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white d-flex\"\n [ngClass]=\"{\n 'ca-font-bold':\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n [ngClass]=\"option?.titleOptionalClass\"\n >\n @if (\n isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ) {\n <svg-icon\n class=\"w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center svg-fill-muted m-r-6\"\n [src]=\"\n dropdownMenuSvgRoutes.backToMenuIcon\n \"\n ></svg-icon>\n }\n @let dropdownItemOptionTitle =\n option.isColumnDropdown &&\n optionIndex === 0 &&\n isResetTableHovered\n ? eDropdownMenu.RESET_TABLE_TITLE\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ? eDropdownMenu.BACK_TO_MENU\n : option?.title;\n {{ dropdownItemOptionTitle }}\n </p>\n }\n\n @if (option?.svgUrl) {\n @let isFirstColumnDropdown =\n option.isColumnDropdown &&\n optionIndex === 0;\n <svg-icon\n class=\"dropdown-item-option-icon w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center\"\n [ngClass]=\"option?.svgClass\"\n [src]=\"option?.svgUrl || ''\"\n (mouseenter)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (mouseleave)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (click)=\"\n isFirstColumnDropdown &&\n handleResetTableClick($event)\n \"\n ></svg-icon>\n }\n </div>\n\n <!-- Inner Dropdown -->\n\n @if (!!option?.innerDropdownContent) {\n <div\n class=\"d-flex flex-column inner-dropdown-list\"\n >\n @for (\n innerDropdownOption of option?.innerDropdownContent;\n let innerDropdownOptionIndex = $index;\n track innerDropdownOptionIndex\n ) {\n <div\n class=\"d-flex align-items-center justify-content-between gap-20 w-100 dropdown-item-option\"\n (click)=\"\n handleDropdownOptionClick(\n innerDropdownOption,\n innerDropdownOptionIndex,\n optionIndex\n )\n \"\n >\n @if (option?.isColumnDropdown) {\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"\n innerDropdownOption.title\n \"\n [name]=\"\n innerDropdownOption.type ??\n innerDropdownOption.title\n \"\n [itemIndex]=\"\n innerDropdownOptionIndex\n \"\n [groupIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"\n innerDropdownOption?.isChecked\n \"\n [disabled]=\"\n innerDropdownOption?.isCheckBoxDisabled\n \"\n [isLabelDisabled]=\"false\"\n [customClass]=\"\n 'dropdown-column w-100 h-26 p-x-4'\n \"\n [isDarkBackgroundCheckbox]=\"\n true\n \"\n (columnCheckAction)=\"\n handleCheckboxActionEmit(\n $event\n )\n \"\n ></app-ca-checkbox>\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white\"\n >\n {{\n innerDropdownOption.title\n }}\n </p>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.dots-menu .dropdown-icon-container.active .icon,.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.menu-translate-unset .dropdown-container{transform:unset}.dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-icon-container:hover{background:#91919133}.dropdown-icon-container:hover .icon svg path,.dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-icon-container.active{background:#424242}.dropdown-icon-container.active .icon svg path,.dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background .icon svg path,.dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-icon-container.dark-background.active .icon svg path,.dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-icon-container .icon{position:relative;transition:transform .2s ease-in}.dropdown-icon-container .icon svg path,.dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-container{min-width:147px;max-width:220px;padding:4px;border-radius:3px;background:#2f2f2f;max-height:456px;overflow-y:auto}.dropdown-container.columns-dropdown{min-width:172px}.dropdown-container::-webkit-scrollbar{width:4px}.dropdown-container::-webkit-scrollbar-track{background-color:#424242;border-radius:0 3px 3px 0}.dropdown-container::-webkit-scrollbar-thumb{background:#424242;border-left:2px solid #919191;background-clip:padding-box;border-radius:1px 3px 3px 1px}.dropdown-container:has(.sticky-item){padding:0 4px 4px}.dropdown-container:has(.sticky-item)::-webkit-scrollbar-track{margin-top:34px}.dropdown-container .dropdown-item{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.dropdown-container .dropdown-item.sticky-item{position:sticky;top:0;z-index:10;background:#2f2f2f;padding-top:4px}.dropdown-container .dropdown-item.has-border{border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-container .dropdown-item.checkbox-disabled{cursor:auto}.dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1}.dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-container .dropdown-item-option:has(app-ca-checkbox){padding:0!important}.dropdown-container .dropdown-item-option:has(app-ca-checkbox) .dropdown-item-option-icon{margin-right:6px!important}.dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-container .dropdown-item-option-icon svg{width:18px;height:18px}.dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-container .dropdown-item-option-icon.delete svg path{fill-opacity:1;fill:#e66767}.dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19663
19663
|
// modules
|
|
19664
19664
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
19665
19665
|
// components
|
|
@@ -19680,7 +19680,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
19680
19680
|
// pipes
|
|
19681
19681
|
DropdownMenuPlacementClassPipe,
|
|
19682
19682
|
GroupItemCheckedStatePipe,
|
|
19683
|
-
], template: "<div\n class=\"d-flex align-items-center dropdown-menu-container\"\n [ngClass]=\"type | dropdownMenuPlacementClass\"\n>\n <!-- Icon -->\n\n @let dropdownMenuPopoverClass = `dropdown-menu-popover ${popoverClass}`;\n\n <div\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"placement\"\n [popoverClass]=\"dropdownMenuPopoverClass\"\n [container]=\"'body'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n (hidden)=\"handleDropdownClose()\"\n >\n @let tooltipText =\n type === eDropdownMenu.HAMBURGER_MENU_TYPE\n ? isDropdownMenuActive\n ? eDropdownMenu.CLOSE_MENU\n : eDropdownMenu.OPEN_MENU\n : eDropdownMenu.MORE;\n <div\n class=\"d-flex align-items-center justify-content-center p-4 dropdown-icon-container\"\n [ngClass]=\"{\n active: dropdownPopover.isOpen(),\n 'dark-background': isDarkBackground,\n }\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipBackground]=\"isDropdownMenuActive ? '#CCCCCC' : '#424242'\"\n [tooltipColor]=\"isDropdownMenuActive ? '#2F2F2F' : '#FFFFFF'\"\n [tooltipMarginTop]=\"'4px'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"icon svg-size-18 d-flex align-items-center\"\n [src]=\"\n type === eDropdownMenu.DOTS_MENU_TYPE\n ? dropdownMenuSvgRoutes.dotsDropdownIcon\n : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n \"\n ></svg-icon>\n </div>\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div class=\"d-flex flex-column dropdown-container\">\n @for (\n option of options;\n let optionIndex = $index,\n last = $last;\n track optionIndex\n ) {\n @if (option) {\n <div\n class=\"d-flex flex-column dropdown-item\"\n [ngClass]=\"{\n 'has-border': option?.hasBorder && !last,\n disabled: option?.isDisabled,\n 'icon-left': isLeftSideIconPosition,\n 'checkbox-disabled': option?.isCheckBoxDisabled,\n 'sticky-item':\n option?.isColumnDropdown && optionIndex === 0,\n }\"\n >\n <div\n class=\"d-flex flex-column mb-1\"\n [ngClass]=\"{\n 'inner-dropdown-item':\n !!option?.innerDropdownContent,\n active:\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n >\n @let dropdownItemOptionClass =\n isLeftSideIconPosition\n ? 'gap-6'\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown &&\n option.isColumnDropdown &&\n optionIndex === 0\n ? 'justify-content-between'\n : 'justify-content-between gap-6 p-4';\n <div\n class=\"d-flex align-items-center w-100 dropdown-item-option\"\n [ngClass]=\"dropdownItemOptionClass\"\n (click)=\"\n handleDropdownOptionClick(\n option,\n optionIndex\n )\n \"\n (mouseenter)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n true\n )\n \"\n (mouseleave)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n false\n )\n \"\n >\n @if (\n option.isColumnDropdown && optionIndex > 0\n ) {\n @let dropdownCheckboxCustomClass =\n 'dropdown-column w-100 h-26 p-l-4' +\n (option?.innerDropdownContent\n ? ' p-r-4'\n : '');\n\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"option.title\"\n [name]=\"option.type ?? option.title\"\n [itemIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"option?.isChecked\"\n [isGroupPartialyChecked]=\"\n option | groupItemCheckedState\n \"\n [customClass]=\"\n dropdownCheckboxCustomClass\n \"\n [disabled]=\"option?.isCheckBoxDisabled\"\n [isLabelDisabled]=\"false\"\n [isDarkBackgroundCheckbox]=\"true\"\n (columnCheckAction)=\"\n handleCheckboxActionEmit($event)\n \"\n ></app-ca-checkbox>\n\n @if (option?.innerDropdownContent) {\n <svg-icon\n [src]=\"\n dropdownMenuSvgRoutes.showMoreIcon\n \"\n class=\"w-12 h-12 svg-size-12 d-flex dropdown-item-option-icon regular m-r-6\"\n ></svg-icon>\n }\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white d-flex\"\n [ngClass]=\"{\n 'ca-font-bold':\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n [ngClass]=\"option?.titleOptionalClass\"\n >\n @if (\n isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ) {\n <svg-icon\n class=\"w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center svg-fill-muted m-r-6\"\n [src]=\"\n dropdownMenuSvgRoutes.backToMenuIcon\n \"\n ></svg-icon>\n }\n @let dropdownItemOptionTitle =\n option.isColumnDropdown &&\n optionIndex === 0 &&\n isResetTableHovered\n ? eDropdownMenu.RESET_TABLE_TITLE\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ? eDropdownMenu.BACK_TO_MENU\n : option?.title;\n {{ dropdownItemOptionTitle }}\n </p>\n }\n\n @if (option?.svgUrl) {\n @let isFirstColumnDropdown =\n option.isColumnDropdown &&\n optionIndex === 0;\n <svg-icon\n class=\"dropdown-item-option-icon w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center\"\n [ngClass]=\"option?.svgClass\"\n [src]=\"option?.svgUrl || ''\"\n (mouseenter)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (mouseleave)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (click)=\"\n isFirstColumnDropdown &&\n handleResetTableClick($event)\n \"\n ></svg-icon>\n }\n </div>\n\n <!-- Inner Dropdown -->\n\n @if (!!option?.innerDropdownContent) {\n <div\n class=\"d-flex flex-column inner-dropdown-list\"\n >\n @for (\n innerDropdownOption of option?.innerDropdownContent;\n let innerDropdownOptionIndex = $index;\n track innerDropdownOptionIndex\n ) {\n <div\n class=\"d-flex align-items-center justify-content-between gap-20 w-100 dropdown-item-option\"\n (click)=\"\n handleDropdownOptionClick(\n innerDropdownOption,\n innerDropdownOptionIndex,\n optionIndex\n )\n \"\n >\n @if (option?.isColumnDropdown) {\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"\n innerDropdownOption.title\n \"\n [name]=\"\n innerDropdownOption.type ??\n innerDropdownOption.title\n \"\n [itemIndex]=\"\n innerDropdownOptionIndex\n \"\n [groupIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"\n innerDropdownOption?.isChecked\n \"\n [disabled]=\"\n innerDropdownOption?.isCheckBoxDisabled\n \"\n [isLabelDisabled]=\"false\"\n [customClass]=\"\n 'dropdown-column w-100 h-26 p-x-4'\n \"\n [isDarkBackgroundCheckbox]=\"\n true\n \"\n (columnCheckAction)=\"\n handleCheckboxActionEmit(\n $event\n )\n \"\n ></app-ca-checkbox>\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white\"\n >\n {{\n innerDropdownOption.title\n }}\n </p>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.dots-menu .dropdown-icon-container.active .icon,.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.menu-translate-unset .dropdown-container{transform:unset}.dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-icon-container:hover{background:#91919133}.dropdown-icon-container:hover .icon svg path,.dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-icon-container.active{background:#424242}.dropdown-icon-container.active .icon svg path,.dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background .icon svg path,.dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-icon-container.dark-background.active .icon svg path,.dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-icon-container .icon{position:relative;transition:transform .2s ease-in}.dropdown-icon-container .icon svg path,.dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-container{min-width:178px;max-width:220px;padding:4px;border-radius:3px;background:#2f2f2f;max-height:456px;overflow-y:auto}.dropdown-container::-webkit-scrollbar{width:4px}.dropdown-container::-webkit-scrollbar-track{background-color:#424242;border-radius:0 3px 3px 0}.dropdown-container::-webkit-scrollbar-thumb{background:#424242;border-left:2px solid #919191;background-clip:padding-box;border-radius:1px 3px 3px 1px}.dropdown-container:has(.sticky-item){padding:0 4px 4px}.dropdown-container:has(.sticky-item)::-webkit-scrollbar-track{margin-top:34px}.dropdown-container .dropdown-item{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.dropdown-container .dropdown-item.sticky-item{position:sticky;top:0;z-index:10;background:#2f2f2f;padding-top:4px}.dropdown-container .dropdown-item.has-border{padding-bottom:3px;border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-container .dropdown-item.checkbox-disabled{cursor:auto}.dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1;margin:0 6px 0 0}.dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-container .dropdown-item-option:has(app-ca-checkbox){padding:0!important}.dropdown-container .dropdown-item-option:has(app-ca-checkbox) .dropdown-item-option-icon{margin-right:6px!important}.dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-container .dropdown-item-option-icon svg{width:18px;height:18px}.dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-container .dropdown-item-option-icon.regular svg path{fill:#fff3}.dropdown-container .dropdown-item-option-icon.delete svg path{fill-opacity:1;fill:#e66767}.dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"] }]
|
|
19683
|
+
], template: "<div\n class=\"d-flex align-items-center dropdown-menu-container\"\n [ngClass]=\"type | dropdownMenuPlacementClass\"\n>\n <!-- Icon -->\n\n @let dropdownMenuPopoverClass = `dropdown-menu-popover ${popoverClass}`;\n\n <div\n #dropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"dropdownOptions\"\n [autoClose]=\"'outside'\"\n [placement]=\"placement\"\n [popoverClass]=\"dropdownMenuPopoverClass\"\n [container]=\"'body'\"\n (click)=\"handleDropdownOpenCloseClick(dropdownPopover)\"\n (hidden)=\"handleDropdownClose()\"\n >\n @let tooltipText =\n type === eDropdownMenu.HAMBURGER_MENU_TYPE\n ? isDropdownMenuActive\n ? eDropdownMenu.CLOSE_MENU\n : eDropdownMenu.OPEN_MENU\n : eDropdownMenu.MORE;\n <div\n class=\"d-flex align-items-center justify-content-center p-4 dropdown-icon-container\"\n [ngClass]=\"{\n active: dropdownPopover.isOpen(),\n 'dark-background': isDarkBackground,\n }\"\n ngbTooltip\n [mainCaTooltip]=\"tooltipText\"\n [tooltipBackground]=\"isDropdownMenuActive ? '#CCCCCC' : '#424242'\"\n [tooltipColor]=\"isDropdownMenuActive ? '#2F2F2F' : '#FFFFFF'\"\n [tooltipMarginTop]=\"'4px'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"icon svg-size-18 d-flex align-items-center\"\n [src]=\"\n type === eDropdownMenu.DOTS_MENU_TYPE\n ? dropdownMenuSvgRoutes.dotsDropdownIcon\n : dropdownMenuSvgRoutes.hamburgerDropdownIcon\n \"\n ></svg-icon>\n </div>\n </div>\n\n <!-- Dropdown -->\n\n <ng-template #dropdownOptions>\n <div\n class=\"d-flex flex-column dropdown-container\"\n [ngClass]=\"{ 'columns-dropdown': isColumnsDropdown }\"\n >\n @for (\n option of options;\n let optionIndex = $index,\n last = $last;\n track optionIndex\n ) {\n @if (option) {\n <div\n class=\"d-flex flex-column dropdown-item\"\n [ngClass]=\"{\n 'has-border': option?.hasBorder && !last,\n disabled: option?.isDisabled,\n 'icon-left': isLeftSideIconPosition,\n 'checkbox-disabled': option?.isCheckBoxDisabled,\n 'sticky-item':\n option?.isColumnDropdown && optionIndex === 0,\n }\"\n >\n <div\n class=\"d-flex flex-column\"\n [ngClass]=\"{\n 'm-b-4': !last,\n 'inner-dropdown-item':\n !!option?.innerDropdownContent,\n active:\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n >\n @let dropdownItemOptionClass =\n isLeftSideIconPosition\n ? 'gap-6'\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown &&\n option.isColumnDropdown &&\n optionIndex === 0\n ? 'justify-content-between'\n : 'justify-content-between gap-6 p-4';\n <div\n class=\"d-flex align-items-center w-100 dropdown-item-option\"\n [ngClass]=\"dropdownItemOptionClass\"\n (click)=\"\n handleDropdownOptionClick(\n option,\n optionIndex\n )\n \"\n (mouseenter)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n true\n )\n \"\n (mouseleave)=\"\n option.isColumnDropdown &&\n optionIndex === 0 &&\n handleBackToMainDropdownListItemHover(\n false\n )\n \"\n >\n @if (\n option.isColumnDropdown && optionIndex > 0\n ) {\n @let dropdownCheckboxCustomClass =\n 'dropdown-column w-100 h-26 p-l-4' +\n (option?.innerDropdownContent\n ? ' p-r-4'\n : '');\n\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"option.title\"\n [name]=\"option.type ?? option.title\"\n [itemIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"option?.isChecked\"\n [isGroupPartialyChecked]=\"\n option | groupItemCheckedState\n \"\n [customClass]=\"\n dropdownCheckboxCustomClass\n \"\n [disabled]=\"option?.isCheckBoxDisabled\"\n [isLabelDisabled]=\"false\"\n [isDarkBackgroundCheckbox]=\"true\"\n (columnCheckAction)=\"\n handleCheckboxActionEmit($event)\n \"\n ></app-ca-checkbox>\n\n @if (option?.innerDropdownContent) {\n <svg-icon\n [src]=\"\n dropdownMenuSvgRoutes.showMoreIcon\n \"\n class=\"w-12 h-12 svg-size-12 d-flex dropdown-item-option-icon regular m-r-6\"\n ></svg-icon>\n }\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white d-flex\"\n [ngClass]=\"{\n 'ca-font-bold':\n optionIndex ===\n activeInnerDropdownOptionIndex,\n }\"\n [ngClass]=\"option?.titleOptionalClass\"\n >\n @if (\n isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ) {\n <svg-icon\n class=\"w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center svg-fill-muted m-r-6\"\n [src]=\"\n dropdownMenuSvgRoutes.backToMenuIcon\n \"\n ></svg-icon>\n }\n @let dropdownItemOptionTitle =\n option.isColumnDropdown &&\n optionIndex === 0 &&\n isResetTableHovered\n ? eDropdownMenu.RESET_TABLE_TITLE\n : isBackToMainDropdownItemHovered &&\n !isColumnsDropdown\n ? eDropdownMenu.BACK_TO_MENU\n : option?.title;\n {{ dropdownItemOptionTitle }}\n </p>\n }\n\n @if (option?.svgUrl) {\n @let isFirstColumnDropdown =\n option.isColumnDropdown &&\n optionIndex === 0;\n <svg-icon\n class=\"dropdown-item-option-icon w-18 h-18 svg-size-18 d-flex align-items-center justify-content-center\"\n [ngClass]=\"option?.svgClass\"\n [src]=\"option?.svgUrl || ''\"\n (mouseenter)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (mouseleave)=\"\n isFirstColumnDropdown &&\n onResetTableHover()\n \"\n (click)=\"\n isFirstColumnDropdown &&\n handleResetTableClick($event)\n \"\n ></svg-icon>\n }\n </div>\n\n <!-- Inner Dropdown -->\n\n @if (!!option?.innerDropdownContent) {\n <div\n class=\"d-flex flex-column inner-dropdown-list\"\n >\n @for (\n innerDropdownOption of option?.innerDropdownContent;\n let innerDropdownOptionIndex = $index;\n track innerDropdownOptionIndex\n ) {\n <div\n class=\"d-flex align-items-center justify-content-between gap-20 w-100 dropdown-item-option\"\n (click)=\"\n handleDropdownOptionClick(\n innerDropdownOption,\n innerDropdownOptionIndex,\n optionIndex\n )\n \"\n >\n @if (option?.isColumnDropdown) {\n <app-ca-checkbox\n class=\"flex-1\"\n [label]=\"\n innerDropdownOption.title\n \"\n [name]=\"\n innerDropdownOption.type ??\n innerDropdownOption.title\n \"\n [itemIndex]=\"\n innerDropdownOptionIndex\n \"\n [groupIndex]=\"optionIndex\"\n [isRegularCheckbox]=\"false\"\n [isChecked]=\"\n innerDropdownOption?.isChecked\n \"\n [disabled]=\"\n innerDropdownOption?.isCheckBoxDisabled\n \"\n [isLabelDisabled]=\"false\"\n [customClass]=\"\n 'dropdown-column w-100 h-26 p-x-4'\n \"\n [isDarkBackgroundCheckbox]=\"\n true\n \"\n (columnCheckAction)=\"\n handleCheckboxActionEmit(\n $event\n )\n \"\n ></app-ca-checkbox>\n } @else {\n <p\n class=\"m-0 text-size-14 text-color-white\"\n >\n {{\n innerDropdownOption.title\n }}\n </p>\n }\n </div>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.dots-menu .dropdown-icon-container.active .icon,.menu-translate-unset .dropdown-icon-container.active .icon{transform:rotate(90deg)}.menu-translate-unset .dropdown-icon-container.active{padding-left:unset}.menu-translate-unset .dropdown-container{transform:unset}.dropdown-icon-container{width:26px;height:26px;border-radius:2px;transition:background .2s ease-in,padding .2s ease-in;cursor:pointer}.dropdown-icon-container:hover{background:#91919133}.dropdown-icon-container:hover .icon svg path,.dropdown-icon-container:hover .icon svg circle{fill:#424242}.dropdown-icon-container.active{background:#424242}.dropdown-icon-container.active .icon svg path,.dropdown-icon-container.active .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background .icon svg path,.dropdown-icon-container.dark-background .icon svg circle{fill:#919191}.dropdown-icon-container.dark-background:hover{background:#91919166}.dropdown-icon-container.dark-background:hover .icon svg path,.dropdown-icon-container.dark-background:hover .icon svg circle{fill:#dadada}.dropdown-icon-container.dark-background.active{background:#dadada}.dropdown-icon-container.dark-background.active .icon svg path,.dropdown-icon-container.dark-background.active .icon svg circle{fill:#424242}.dropdown-icon-container .icon{position:relative;transition:transform .2s ease-in}.dropdown-icon-container .icon svg path,.dropdown-icon-container .icon svg circle{transition:fill .2s ease-in;fill:#919191}.dropdown-container{min-width:147px;max-width:220px;padding:4px;border-radius:3px;background:#2f2f2f;max-height:456px;overflow-y:auto}.dropdown-container.columns-dropdown{min-width:172px}.dropdown-container::-webkit-scrollbar{width:4px}.dropdown-container::-webkit-scrollbar-track{background-color:#424242;border-radius:0 3px 3px 0}.dropdown-container::-webkit-scrollbar-thumb{background:#424242;border-left:2px solid #919191;background-clip:padding-box;border-radius:1px 3px 3px 1px}.dropdown-container:has(.sticky-item){padding:0 4px 4px}.dropdown-container:has(.sticky-item)::-webkit-scrollbar-track{margin-top:34px}.dropdown-container .dropdown-item{cursor:pointer;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.dropdown-container .dropdown-item.sticky-item{position:sticky;top:0;z-index:10;background:#2f2f2f;padding-top:4px}.dropdown-container .dropdown-item.has-border{border-bottom:1px solid #424242;margin-bottom:4px}.dropdown-container .dropdown-item.disabled .dropdown-item-option{pointer-events:none!important;cursor:auto!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option p{color:#919191!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon svg path{fill:#91919166!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.delete svg path{fill:#df3c3c66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.activate svg path{fill:#3b73ed66!important}.dropdown-container .dropdown-item.disabled .dropdown-item-option .dropdown-item-option-icon.open-business svg path{fill:#259f9466!important}.dropdown-container .dropdown-item.checkbox-disabled{cursor:auto}.dropdown-container .dropdown-item.icon-left .dropdown-item-option .dropdown-item-option-icon{order:1}.dropdown-container .dropdown-item.icon-left .dropdown-item-option p{order:2;margin-right:0}.dropdown-container .dropdown-item-option{padding:4px;border-radius:2px;transition:background .2s ease-in}.dropdown-container .dropdown-item-option:has(app-ca-checkbox){padding:0!important}.dropdown-container .dropdown-item-option:has(app-ca-checkbox) .dropdown-item-option-icon{margin-right:6px!important}.dropdown-container .dropdown-item-option:hover{background:#424242}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.regular svg path{fill:#ccc}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.delete svg path{fill:#ed9292}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.activate svg path{fill:#92b1f5}.dropdown-container .dropdown-item-option:hover .dropdown-item-option-icon.open-business svg path{fill:#86c9c3}.dropdown-container .dropdown-item-option-icon svg{width:18px;height:18px}.dropdown-container .dropdown-item-option-icon svg path{transition:fill .2s ease-in}.dropdown-container .dropdown-item-option-icon.regular svg path{fill:#919191}.dropdown-container .dropdown-item-option-icon.delete svg path{fill-opacity:1;fill:#e66767}.dropdown-container .dropdown-item-option-icon.activate svg path{fill:#6692f1}.dropdown-container .dropdown-item-option-icon.open-business svg path{fill:#56b4ac}.dropdown-container .dropdown-item .inner-dropdown-item.active{background:#424242;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item.active .dropdown-item-option-icon{transform:rotate(180deg)}.dropdown-container .dropdown-item .inner-dropdown-item.active .inner-dropdown-list{max-height:fit-content!important;padding:4px!important}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon{margin-right:2px;transition:transform .3s}.dropdown-container .dropdown-item .inner-dropdown-item .dropdown-item-option-icon svg{width:16px!important;height:16px!important}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list{max-height:0;overflow:hidden;transition:max-height .2s,padding .2s}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option{margin-bottom:4px;border-radius:2px}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:hover{background:#91919166}.dropdown-container .dropdown-item .inner-dropdown-item .inner-dropdown-list .dropdown-item-option:last-of-type{margin-bottom:0}\n"] }]
|
|
19684
19684
|
}], ctorParameters: () => [], propDecorators: { type: [{
|
|
19685
19685
|
type: Input
|
|
19686
19686
|
}], options: [{
|
|
@@ -21752,8 +21752,8 @@ class LoadStatusStringClassPipe {
|
|
|
21752
21752
|
transform(value, index, displayString, isDetailsLayout, isDispatchHistoryModalLayout, isDarkColor) {
|
|
21753
21753
|
return {
|
|
21754
21754
|
'd-flex justify-content-center align-items-center load-status-badge': value.length === 1,
|
|
21755
|
-
'
|
|
21756
|
-
'
|
|
21755
|
+
'm-r-4': value.length === 1 && index === 0,
|
|
21756
|
+
'm-l-4': value.length === 1 && index === displayString.length - 1,
|
|
21757
21757
|
'details-layout': isDetailsLayout,
|
|
21758
21758
|
'dispatch-history-modal-layout': isDispatchHistoryModalLayout,
|
|
21759
21759
|
'd-repair': displayString.length > 1 && displayString[0] === 'D' && !isDarkColor,
|
|
@@ -27650,7 +27650,7 @@ class CaActivityLogListComponent {
|
|
|
27650
27650
|
this.destroy$.complete();
|
|
27651
27651
|
}
|
|
27652
27652
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaActivityLogListComponent, deps: [{ token: i1$2.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27653
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaActivityLogListComponent, isStandalone: true, selector: "app-ca-activity-log-list", inputs: { activityLogList: "activityLogList", selectedTab: "selectedTab" }, outputs: { searchText: "searchText", resetFilters: "resetFilters" }, ngImport: i0, template: "@if (_activityLogList) {\n <div class=\"activity-log-container\">\n <div class=\"title-type-container d-flex justify-content-between\">\n <p class=\"title-type ca-font-extra-bold d-flex align-items-center\">\n {{ _selectedTab | tabTitleTransform }}\n </p>\n @if (showSearch) {\n <p\n class=\"activity-log-results ca-font-bold d-flex align-items-center\"\n >\n {{ _activityLogList.length }} Results\n </p>\n } @else {\n <div class=\"activity-log-search-btn\">\n <svg-icon\n class=\"svg-size-28\"\n [src]=\"searchButtonSvg\"\n (click)=\"openSearchInput()\"\n ></svg-icon>\n </div>\n }\n </div>\n @if (showSearch) {\n <div class=\"search-container\" [formGroup]=\"searchForm\">\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"activityLogSearchConfig\"\n ></app-ca-input>\n </div>\n }\n <div class=\"activity-log-list-container\">\n @if (_activityLogList.length) {\n <div class=\"activity-log-list\">\n @for (\n activityLogItem of _activityLogList;\n let indx = $index;\n track activityLogItem.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n activityLogItemTemplate;\n context: {\n activityLogItem,\n }\n \"\n ></ng-container>\n }\n </div>\n } @else {\n <div class=\"no-data-container-box d-flex flex-column\">\n <div class=\"subtle-illustration-container\"></div>\n <div\n class=\"no-data-container d-flex flex-column justify-content-center align-items-center\"\n >\n <h1 class=\"no-data-title ca-font-extra-bold\">\n No results\n </h1>\n <p class=\"no-data-text ca-font-medium\">\n No entries match your criteria.<br />\n Please revise your filters and search again.\n </p>\n <div\n class=\"no-data-button button-secondary\"\n (click)=\"resetFiltersClick()\"\n >\n <p\n class=\"button-text ca-font-bold d-flex align-items-center justify-content-center\"\n >\n Reset Filters\n </p>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <ng-template #activityLogItemTemplate let-activityLogItem=\"activityLogItem\">\n <div class=\"activity-log-item-container\">\n @if (activityLogItem.isFirstInDay) {\n <p class=\"title-text ca-font-medium\">\n <span>{{\n activityLogItem\n | activityLogDateTransform\n | date: 'dd/MM/yyyy'\n }}</span>\n </p>\n } @else {\n @if (activityLogItem.id !== hoveredItemId) {\n <div class=\"horizontal-line\"></div>\n }\n }\n\n <div\n class=\"activity-log-item\"\n [ngClass]=\"{\n 'mt-2': activityLogItem.isFirstInDay,\n 'activity-hovered':\n activityLogItem.id === hoveredItemId &&\n !activityLogItem.isFirstInDay,\n 'activity-focused': activityLogItem.id === focusedItemId,\n }\"\n (mouseover)=\"hoverItem(activityLogItem)\"\n (mouseleave)=\"leaveItem()\"\n (click)=\"activityLogItemFocus(activityLogItem.id)\"\n >\n <div\n class=\"activity-log-item-header d-flex justify-content-center align-items-center\"\n >\n <div\n class=\"action-log-title d-flex align-items-center\"\n [class]=\"\n 'action-log-title-' +\n activityLogItem.actionLog.name.toLowerCase()\n \"\n [ngClass]=\"{\n 'action-log-title-hovered':\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId,\n }\"\n >\n <svg-icon\n [src]=\"\n activityLogItem.entityTypeActivity.name.toLowerCase()\n | caSvg: 'common'\n \"\n class=\"type-icon d-flex align-items-center svg-size-18\"\n ></svg-icon>\n <p class=\"title-type-icon-text ca-font-bold\">\n {{\n activityLogItem.actionLog.name\n | actionLogNameTransform\n | uppercase\n }}\n </p>\n </div>\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <div>\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'hh:mm a'\n }}\n </p>\n </div>\n }\n\n <div class=\"activity-log-date-container d-flex\">\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <p class=\"hovered-user-name ca-font-bold\">\n {{ hoveredUserName }}\n </p>\n } @else {\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'HH:mm a'\n }}\n </p>\n }\n\n @if (_selectedTab === RightSidePanelCurrentTab.ALL) {\n <div class=\"d-flex align-items-center\">\n @if (activityLogItem.companyUser.avatarFile) {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [avatarImg]=\"\n activityLogItem.companyUser\n .avatarFile.url\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n } @else {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [textShortName]=\"\n activityLogItem.companyUser.fullName\n | companyUserNameTransform\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n }\n </div>\n }\n </div>\n </div>\n @if (activityLogItem.id === focusedItemId) {\n <div class=\"activity-log-item-title-container-focused\">\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n } @else {\n <div\n class=\"activity-log-item-title-container d-flex align-items-center\"\n >\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <div class=\"vertical-line\"></div>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n }\n </div>\n </div>\n </ng-template>\n}\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.activity-log-container{background-color:#fff;width:350px;border-radius:3px;padding:5px 6px 12px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px)}.activity-log-container::-webkit-scrollbar{display:none}.activity-log-container .title-type-container{padding:4px 4px 4px 6px}.activity-log-container .title-type-container .title-type{color:#424242;font-size:16px}.activity-log-container .title-type-container .title-type-icon-container{padding:4px;border-radius:2px}.activity-log-container .title-type-container .title-type-icon-container .title-type-icon-text{font-size:14px;text-align:center;color:#6c6c6c;padding-left:4px;padding-right:4px}.activity-log-container .title-type-container .activity-log-search-btn svg path{fill:#919191}.activity-log-container .title-type-container .activity-log-search-btn:hover{background-color:#eee;border-radius:2px;cursor:pointer}.activity-log-container .title-type-container .activity-log-search-btn:hover svg path{fill:#424242}.activity-log-container .title-type-container .activity-log-results{font-size:14px;line-height:18px;color:#3b73ed}.activity-log-container .search-container{padding:6px 0 8px}.activity-log-container .activity-log-list-container .activity-log-list{margin-top:5px}.activity-log-item-container .title-text{width:100%;text-align:center;border-bottom:1px solid #dadada;line-height:.1em;margin:10px 0 20px}.activity-log-item-container .title-text span{background:#fff;padding:0 6px;color:#424242;font-size:14px}.activity-log-item-container .activity-log-item{padding:4px}.activity-log-item-container .activity-log-item:hover{background-color:#f7f7f7;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item.activity-hovered{padding-top:5px}.activity-log-item-container .activity-log-item.activity-focused{background-color:#eee;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item .activity-log-item-header{padding:2px 4px 2px 2px;position:relative;height:25px;margin-bottom:6px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title{padding:2px;border-radius:2px;position:absolute;left:0}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title .title-type-icon-text{font-size:14px;padding:0 4px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added{background-color:#e9effd}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .type-icon svg path{fill:#6692f1!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .title-type-icon-text{color:#3b73ed}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered{background-color:#6692f1}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected{background-color:#eee}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .type-icon svg path{fill:#919191!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .title-type-icon-text{color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered{background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected{background-color:#e7f4f3}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .type-icon svg path{fill:#259f94!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .title-type-icon-text{color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered{background-color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted{background-color:#fbe9e9}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .type-icon svg path{fill:#df3c3c!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .title-type-icon-text{color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered{background-color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date{color:#919191;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container{gap:4px;position:absolute;right:0}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container .hovered-user-name{font-size:11px;line-height:14px;color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-title-container{padding:0 2px;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-title{color:#424242;font-size:14px;padding-right:4px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .vertical-line{width:1px;height:11px;background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-subtitle{color:#919191;font-size:14px;padding-left:4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused{padding:0 2px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-title{color:#424242;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-subtitle{color:#919191;font-size:14px}.activity-log-item-container .horizontal-line{width:99%;height:1px;background-color:#ebebeb}.no-data-container-box .subtle-illustration-container{height:180px;background:linear-gradient(180deg,#eee,#eee0)}.no-data-container-box .no-data-container{height:180px;gap:12px}.no-data-container-box .no-data-container .no-data-title{font-size:26px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-text{font-size:11px;text-align:center;line-height:14px;color:#919191}.no-data-container-box .no-data-container .no-data-question{font-size:11px;line-height:14px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-button{height:32px;width:150px;border-radius:2px;padding:6px;cursor:pointer}.no-data-container-box .no-data-container .no-data-button.button-primary{background-color:#3b73ed}.no-data-container-box .no-data-container .no-data-button.button-secondary{background-color:#6c6c6c}.no-data-container-box .no-data-container .no-data-button .button-text{font-size:14px;line-height:20px;text-align:center;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type:
|
|
27653
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaActivityLogListComponent, isStandalone: true, selector: "app-ca-activity-log-list", inputs: { activityLogList: "activityLogList", selectedTab: "selectedTab" }, outputs: { searchText: "searchText", resetFilters: "resetFilters" }, ngImport: i0, template: "@if (_activityLogList) {\n <div class=\"activity-log-container\">\n <div class=\"title-type-container d-flex justify-content-between\">\n <p class=\"title-type ca-font-extra-bold d-flex align-items-center\">\n {{ _selectedTab | tabTitleTransform }}\n </p>\n @if (showSearch) {\n <p\n class=\"activity-log-results ca-font-bold d-flex align-items-center\"\n >\n {{ _activityLogList.length }} Results\n </p>\n } @else {\n <div class=\"activity-log-search-btn\">\n <svg-icon\n class=\"svg-size-28\"\n [src]=\"searchButtonSvg\"\n (click)=\"openSearchInput()\"\n ></svg-icon>\n </div>\n }\n </div>\n @if (showSearch) {\n <div class=\"search-container\" [formGroup]=\"searchForm\">\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"activityLogSearchConfig\"\n ></app-ca-input>\n </div>\n }\n <div class=\"activity-log-list-container\">\n @if (_activityLogList.length) {\n <div class=\"activity-log-list\">\n @for (\n activityLogItem of _activityLogList;\n let indx = $index;\n track activityLogItem.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n activityLogItemTemplate;\n context: {\n activityLogItem,\n }\n \"\n ></ng-container>\n }\n </div>\n } @else {\n <div class=\"no-data-container-box d-flex flex-column\">\n <div class=\"subtle-illustration-container\"></div>\n <div\n class=\"no-data-container d-flex flex-column justify-content-center align-items-center\"\n >\n <h1 class=\"no-data-title ca-font-extra-bold\">\n No results\n </h1>\n <p class=\"no-data-text ca-font-medium\">\n No entries match your criteria.<br />\n Please revise your filters and search again.\n </p>\n <div\n class=\"no-data-button button-secondary\"\n (click)=\"resetFiltersClick()\"\n >\n <p\n class=\"button-text ca-font-bold d-flex align-items-center justify-content-center\"\n >\n Reset Filters\n </p>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <ng-template #activityLogItemTemplate let-activityLogItem=\"activityLogItem\">\n <div class=\"activity-log-item-container\">\n @if (activityLogItem.isFirstInDay) {\n <p class=\"title-text ca-font-medium\">\n <span>{{\n activityLogItem\n | activityLogDateTransform\n | date: 'dd/MM/yyyy'\n }}</span>\n </p>\n } @else {\n @if (activityLogItem.id !== hoveredItemId) {\n <div class=\"horizontal-line\"></div>\n }\n }\n\n <div\n class=\"activity-log-item\"\n [ngClass]=\"{\n 'm-t-8': activityLogItem.isFirstInDay,\n 'activity-hovered':\n activityLogItem.id === hoveredItemId &&\n !activityLogItem.isFirstInDay,\n 'activity-focused': activityLogItem.id === focusedItemId,\n }\"\n (mouseover)=\"hoverItem(activityLogItem)\"\n (mouseleave)=\"leaveItem()\"\n (click)=\"activityLogItemFocus(activityLogItem.id)\"\n >\n <div\n class=\"activity-log-item-header d-flex justify-content-center align-items-center\"\n >\n <div\n class=\"action-log-title d-flex align-items-center\"\n [class]=\"\n 'action-log-title-' +\n activityLogItem.actionLog.name.toLowerCase()\n \"\n [ngClass]=\"{\n 'action-log-title-hovered':\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId,\n }\"\n >\n <svg-icon\n [src]=\"\n activityLogItem.entityTypeActivity.name.toLowerCase()\n | caSvg: 'common'\n \"\n class=\"type-icon d-flex align-items-center svg-size-18\"\n ></svg-icon>\n <p class=\"title-type-icon-text ca-font-bold\">\n {{\n activityLogItem.actionLog.name\n | actionLogNameTransform\n | uppercase\n }}\n </p>\n </div>\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <div>\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'hh:mm a'\n }}\n </p>\n </div>\n }\n\n <div class=\"activity-log-date-container d-flex\">\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <p class=\"hovered-user-name ca-font-bold\">\n {{ hoveredUserName }}\n </p>\n } @else {\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'HH:mm a'\n }}\n </p>\n }\n\n @if (_selectedTab === RightSidePanelCurrentTab.ALL) {\n <div class=\"d-flex align-items-center\">\n @if (activityLogItem.companyUser.avatarFile) {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [avatarImg]=\"\n activityLogItem.companyUser\n .avatarFile.url\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n } @else {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [textShortName]=\"\n activityLogItem.companyUser.fullName\n | companyUserNameTransform\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n }\n </div>\n }\n </div>\n </div>\n @if (activityLogItem.id === focusedItemId) {\n <div class=\"activity-log-item-title-container-focused\">\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n } @else {\n <div\n class=\"activity-log-item-title-container d-flex align-items-center\"\n >\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <div class=\"vertical-line\"></div>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n }\n </div>\n </div>\n </ng-template>\n}\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.activity-log-container{background-color:#fff;width:350px;border-radius:3px;padding:5px 6px 12px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px)}.activity-log-container::-webkit-scrollbar{display:none}.activity-log-container .title-type-container{padding:4px 4px 4px 6px}.activity-log-container .title-type-container .title-type{color:#424242;font-size:16px}.activity-log-container .title-type-container .title-type-icon-container{padding:4px;border-radius:2px}.activity-log-container .title-type-container .title-type-icon-container .title-type-icon-text{font-size:14px;text-align:center;color:#6c6c6c;padding-left:4px;padding-right:4px}.activity-log-container .title-type-container .activity-log-search-btn svg path{fill:#919191}.activity-log-container .title-type-container .activity-log-search-btn:hover{background-color:#eee;border-radius:2px;cursor:pointer}.activity-log-container .title-type-container .activity-log-search-btn:hover svg path{fill:#424242}.activity-log-container .title-type-container .activity-log-results{font-size:14px;line-height:18px;color:#3b73ed}.activity-log-container .search-container{padding:6px 0 8px}.activity-log-container .activity-log-list-container .activity-log-list{margin-top:5px}.activity-log-item-container .title-text{width:100%;text-align:center;border-bottom:1px solid #dadada;line-height:.1em;margin:10px 0 20px}.activity-log-item-container .title-text span{background:#fff;padding:0 6px;color:#424242;font-size:14px}.activity-log-item-container .activity-log-item{padding:4px}.activity-log-item-container .activity-log-item:hover{background-color:#f7f7f7;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item.activity-hovered{padding-top:5px}.activity-log-item-container .activity-log-item.activity-focused{background-color:#eee;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item .activity-log-item-header{padding:2px 4px 2px 2px;position:relative;height:25px;margin-bottom:6px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title{padding:2px;border-radius:2px;position:absolute;left:0}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title .title-type-icon-text{font-size:14px;padding:0 4px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added{background-color:#e9effd}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .type-icon svg path{fill:#6692f1!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .title-type-icon-text{color:#3b73ed}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered{background-color:#6692f1}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected{background-color:#eee}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .type-icon svg path{fill:#919191!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .title-type-icon-text{color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered{background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected{background-color:#e7f4f3}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .type-icon svg path{fill:#259f94!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .title-type-icon-text{color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered{background-color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted{background-color:#fbe9e9}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .type-icon svg path{fill:#df3c3c!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .title-type-icon-text{color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered{background-color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date{color:#919191;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container{gap:4px;position:absolute;right:0}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container .hovered-user-name{font-size:11px;line-height:14px;color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-title-container{padding:0 2px;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-title{color:#424242;font-size:14px;padding-right:4px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .vertical-line{width:1px;height:11px;background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-subtitle{color:#919191;font-size:14px;padding-left:4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused{padding:0 2px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-title{color:#424242;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-subtitle{color:#919191;font-size:14px}.activity-log-item-container .horizontal-line{width:99%;height:1px;background-color:#ebebeb}.no-data-container-box .subtle-illustration-container{height:180px;background:linear-gradient(180deg,#eee,#eee0)}.no-data-container-box .no-data-container{height:180px;gap:12px}.no-data-container-box .no-data-container .no-data-title{font-size:26px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-text{font-size:11px;text-align:center;line-height:14px;color:#919191}.no-data-container-box .no-data-container .no-data-question{font-size:11px;line-height:14px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-button{height:32px;width:150px;border-radius:2px;padding:6px;cursor:pointer}.no-data-container-box .no-data-container .no-data-button.button-primary{background-color:#3b73ed}.no-data-container-box .no-data-container .no-data-button.button-secondary{background-color:#6c6c6c}.no-data-container-box .no-data-container .no-data-button .button-text{font-size:14px;line-height:20px;text-align:center;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: HttpClientModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type:
|
|
27654
27654
|
// components
|
|
27655
27655
|
CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect", "isCursorPointer"] }, { kind: "component", type: CaInputComponent, selector: "app-ca-input", inputs: ["inputConfig", "dateTimePopover", "incorrectValue", "selectedDropdownLabelColor", "template"], outputs: ["handleToggleDropdownOptions", "incorrectEvent", "blurInput", "focusInput", "change", "commandEvent", "clear", "showHideDropdown", "dropDownKeyNavigation"] }, { kind: "pipe", type:
|
|
27656
27656
|
// pipes
|
|
@@ -27672,7 +27672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
27672
27672
|
CaSvgPipe,
|
|
27673
27673
|
TabTitleTransformPipe,
|
|
27674
27674
|
CompanyUserNameTransformPipe,
|
|
27675
|
-
], template: "@if (_activityLogList) {\n <div class=\"activity-log-container\">\n <div class=\"title-type-container d-flex justify-content-between\">\n <p class=\"title-type ca-font-extra-bold d-flex align-items-center\">\n {{ _selectedTab | tabTitleTransform }}\n </p>\n @if (showSearch) {\n <p\n class=\"activity-log-results ca-font-bold d-flex align-items-center\"\n >\n {{ _activityLogList.length }} Results\n </p>\n } @else {\n <div class=\"activity-log-search-btn\">\n <svg-icon\n class=\"svg-size-28\"\n [src]=\"searchButtonSvg\"\n (click)=\"openSearchInput()\"\n ></svg-icon>\n </div>\n }\n </div>\n @if (showSearch) {\n <div class=\"search-container\" [formGroup]=\"searchForm\">\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"activityLogSearchConfig\"\n ></app-ca-input>\n </div>\n }\n <div class=\"activity-log-list-container\">\n @if (_activityLogList.length) {\n <div class=\"activity-log-list\">\n @for (\n activityLogItem of _activityLogList;\n let indx = $index;\n track activityLogItem.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n activityLogItemTemplate;\n context: {\n activityLogItem,\n }\n \"\n ></ng-container>\n }\n </div>\n } @else {\n <div class=\"no-data-container-box d-flex flex-column\">\n <div class=\"subtle-illustration-container\"></div>\n <div\n class=\"no-data-container d-flex flex-column justify-content-center align-items-center\"\n >\n <h1 class=\"no-data-title ca-font-extra-bold\">\n No results\n </h1>\n <p class=\"no-data-text ca-font-medium\">\n No entries match your criteria.<br />\n Please revise your filters and search again.\n </p>\n <div\n class=\"no-data-button button-secondary\"\n (click)=\"resetFiltersClick()\"\n >\n <p\n class=\"button-text ca-font-bold d-flex align-items-center justify-content-center\"\n >\n Reset Filters\n </p>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <ng-template #activityLogItemTemplate let-activityLogItem=\"activityLogItem\">\n <div class=\"activity-log-item-container\">\n @if (activityLogItem.isFirstInDay) {\n <p class=\"title-text ca-font-medium\">\n <span>{{\n activityLogItem\n | activityLogDateTransform\n | date: 'dd/MM/yyyy'\n }}</span>\n </p>\n } @else {\n @if (activityLogItem.id !== hoveredItemId) {\n <div class=\"horizontal-line\"></div>\n }\n }\n\n <div\n class=\"activity-log-item\"\n [ngClass]=\"{\n 'mt-2': activityLogItem.isFirstInDay,\n 'activity-hovered':\n activityLogItem.id === hoveredItemId &&\n !activityLogItem.isFirstInDay,\n 'activity-focused': activityLogItem.id === focusedItemId,\n }\"\n (mouseover)=\"hoverItem(activityLogItem)\"\n (mouseleave)=\"leaveItem()\"\n (click)=\"activityLogItemFocus(activityLogItem.id)\"\n >\n <div\n class=\"activity-log-item-header d-flex justify-content-center align-items-center\"\n >\n <div\n class=\"action-log-title d-flex align-items-center\"\n [class]=\"\n 'action-log-title-' +\n activityLogItem.actionLog.name.toLowerCase()\n \"\n [ngClass]=\"{\n 'action-log-title-hovered':\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId,\n }\"\n >\n <svg-icon\n [src]=\"\n activityLogItem.entityTypeActivity.name.toLowerCase()\n | caSvg: 'common'\n \"\n class=\"type-icon d-flex align-items-center svg-size-18\"\n ></svg-icon>\n <p class=\"title-type-icon-text ca-font-bold\">\n {{\n activityLogItem.actionLog.name\n | actionLogNameTransform\n | uppercase\n }}\n </p>\n </div>\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <div>\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'hh:mm a'\n }}\n </p>\n </div>\n }\n\n <div class=\"activity-log-date-container d-flex\">\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <p class=\"hovered-user-name ca-font-bold\">\n {{ hoveredUserName }}\n </p>\n } @else {\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'HH:mm a'\n }}\n </p>\n }\n\n @if (_selectedTab === RightSidePanelCurrentTab.ALL) {\n <div class=\"d-flex align-items-center\">\n @if (activityLogItem.companyUser.avatarFile) {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [avatarImg]=\"\n activityLogItem.companyUser\n .avatarFile.url\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n } @else {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [textShortName]=\"\n activityLogItem.companyUser.fullName\n | companyUserNameTransform\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n }\n </div>\n }\n </div>\n </div>\n @if (activityLogItem.id === focusedItemId) {\n <div class=\"activity-log-item-title-container-focused\">\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n } @else {\n <div\n class=\"activity-log-item-title-container d-flex align-items-center\"\n >\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <div class=\"vertical-line\"></div>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n }\n </div>\n </div>\n </ng-template>\n}\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.activity-log-container{background-color:#fff;width:350px;border-radius:3px;padding:5px 6px 12px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px)}.activity-log-container::-webkit-scrollbar{display:none}.activity-log-container .title-type-container{padding:4px 4px 4px 6px}.activity-log-container .title-type-container .title-type{color:#424242;font-size:16px}.activity-log-container .title-type-container .title-type-icon-container{padding:4px;border-radius:2px}.activity-log-container .title-type-container .title-type-icon-container .title-type-icon-text{font-size:14px;text-align:center;color:#6c6c6c;padding-left:4px;padding-right:4px}.activity-log-container .title-type-container .activity-log-search-btn svg path{fill:#919191}.activity-log-container .title-type-container .activity-log-search-btn:hover{background-color:#eee;border-radius:2px;cursor:pointer}.activity-log-container .title-type-container .activity-log-search-btn:hover svg path{fill:#424242}.activity-log-container .title-type-container .activity-log-results{font-size:14px;line-height:18px;color:#3b73ed}.activity-log-container .search-container{padding:6px 0 8px}.activity-log-container .activity-log-list-container .activity-log-list{margin-top:5px}.activity-log-item-container .title-text{width:100%;text-align:center;border-bottom:1px solid #dadada;line-height:.1em;margin:10px 0 20px}.activity-log-item-container .title-text span{background:#fff;padding:0 6px;color:#424242;font-size:14px}.activity-log-item-container .activity-log-item{padding:4px}.activity-log-item-container .activity-log-item:hover{background-color:#f7f7f7;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item.activity-hovered{padding-top:5px}.activity-log-item-container .activity-log-item.activity-focused{background-color:#eee;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item .activity-log-item-header{padding:2px 4px 2px 2px;position:relative;height:25px;margin-bottom:6px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title{padding:2px;border-radius:2px;position:absolute;left:0}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title .title-type-icon-text{font-size:14px;padding:0 4px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added{background-color:#e9effd}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .type-icon svg path{fill:#6692f1!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .title-type-icon-text{color:#3b73ed}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered{background-color:#6692f1}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected{background-color:#eee}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .type-icon svg path{fill:#919191!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .title-type-icon-text{color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered{background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected{background-color:#e7f4f3}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .type-icon svg path{fill:#259f94!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .title-type-icon-text{color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered{background-color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted{background-color:#fbe9e9}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .type-icon svg path{fill:#df3c3c!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .title-type-icon-text{color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered{background-color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date{color:#919191;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container{gap:4px;position:absolute;right:0}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container .hovered-user-name{font-size:11px;line-height:14px;color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-title-container{padding:0 2px;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-title{color:#424242;font-size:14px;padding-right:4px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .vertical-line{width:1px;height:11px;background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-subtitle{color:#919191;font-size:14px;padding-left:4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused{padding:0 2px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-title{color:#424242;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-subtitle{color:#919191;font-size:14px}.activity-log-item-container .horizontal-line{width:99%;height:1px;background-color:#ebebeb}.no-data-container-box .subtle-illustration-container{height:180px;background:linear-gradient(180deg,#eee,#eee0)}.no-data-container-box .no-data-container{height:180px;gap:12px}.no-data-container-box .no-data-container .no-data-title{font-size:26px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-text{font-size:11px;text-align:center;line-height:14px;color:#919191}.no-data-container-box .no-data-container .no-data-question{font-size:11px;line-height:14px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-button{height:32px;width:150px;border-radius:2px;padding:6px;cursor:pointer}.no-data-container-box .no-data-container .no-data-button.button-primary{background-color:#3b73ed}.no-data-container-box .no-data-container .no-data-button.button-secondary{background-color:#6c6c6c}.no-data-container-box .no-data-container .no-data-button .button-text{font-size:14px;line-height:20px;text-align:center;color:#fff}\n"] }]
|
|
27675
|
+
], template: "@if (_activityLogList) {\n <div class=\"activity-log-container\">\n <div class=\"title-type-container d-flex justify-content-between\">\n <p class=\"title-type ca-font-extra-bold d-flex align-items-center\">\n {{ _selectedTab | tabTitleTransform }}\n </p>\n @if (showSearch) {\n <p\n class=\"activity-log-results ca-font-bold d-flex align-items-center\"\n >\n {{ _activityLogList.length }} Results\n </p>\n } @else {\n <div class=\"activity-log-search-btn\">\n <svg-icon\n class=\"svg-size-28\"\n [src]=\"searchButtonSvg\"\n (click)=\"openSearchInput()\"\n ></svg-icon>\n </div>\n }\n </div>\n @if (showSearch) {\n <div class=\"search-container\" [formGroup]=\"searchForm\">\n <app-ca-input\n class=\"input-form-holder\"\n formControlName=\"search\"\n [inputConfig]=\"activityLogSearchConfig\"\n ></app-ca-input>\n </div>\n }\n <div class=\"activity-log-list-container\">\n @if (_activityLogList.length) {\n <div class=\"activity-log-list\">\n @for (\n activityLogItem of _activityLogList;\n let indx = $index;\n track activityLogItem.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n activityLogItemTemplate;\n context: {\n activityLogItem,\n }\n \"\n ></ng-container>\n }\n </div>\n } @else {\n <div class=\"no-data-container-box d-flex flex-column\">\n <div class=\"subtle-illustration-container\"></div>\n <div\n class=\"no-data-container d-flex flex-column justify-content-center align-items-center\"\n >\n <h1 class=\"no-data-title ca-font-extra-bold\">\n No results\n </h1>\n <p class=\"no-data-text ca-font-medium\">\n No entries match your criteria.<br />\n Please revise your filters and search again.\n </p>\n <div\n class=\"no-data-button button-secondary\"\n (click)=\"resetFiltersClick()\"\n >\n <p\n class=\"button-text ca-font-bold d-flex align-items-center justify-content-center\"\n >\n Reset Filters\n </p>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <ng-template #activityLogItemTemplate let-activityLogItem=\"activityLogItem\">\n <div class=\"activity-log-item-container\">\n @if (activityLogItem.isFirstInDay) {\n <p class=\"title-text ca-font-medium\">\n <span>{{\n activityLogItem\n | activityLogDateTransform\n | date: 'dd/MM/yyyy'\n }}</span>\n </p>\n } @else {\n @if (activityLogItem.id !== hoveredItemId) {\n <div class=\"horizontal-line\"></div>\n }\n }\n\n <div\n class=\"activity-log-item\"\n [ngClass]=\"{\n 'm-t-8': activityLogItem.isFirstInDay,\n 'activity-hovered':\n activityLogItem.id === hoveredItemId &&\n !activityLogItem.isFirstInDay,\n 'activity-focused': activityLogItem.id === focusedItemId,\n }\"\n (mouseover)=\"hoverItem(activityLogItem)\"\n (mouseleave)=\"leaveItem()\"\n (click)=\"activityLogItemFocus(activityLogItem.id)\"\n >\n <div\n class=\"activity-log-item-header d-flex justify-content-center align-items-center\"\n >\n <div\n class=\"action-log-title d-flex align-items-center\"\n [class]=\"\n 'action-log-title-' +\n activityLogItem.actionLog.name.toLowerCase()\n \"\n [ngClass]=\"{\n 'action-log-title-hovered':\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId,\n }\"\n >\n <svg-icon\n [src]=\"\n activityLogItem.entityTypeActivity.name.toLowerCase()\n | caSvg: 'common'\n \"\n class=\"type-icon d-flex align-items-center svg-size-18\"\n ></svg-icon>\n <p class=\"title-type-icon-text ca-font-bold\">\n {{\n activityLogItem.actionLog.name\n | actionLogNameTransform\n | uppercase\n }}\n </p>\n </div>\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <div>\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'hh:mm a'\n }}\n </p>\n </div>\n }\n\n <div class=\"activity-log-date-container d-flex\">\n @if (\n activityLogItem.id === hoveredItemId ||\n activityLogItem.id === focusedItemId\n ) {\n <p class=\"hovered-user-name ca-font-bold\">\n {{ hoveredUserName }}\n </p>\n } @else {\n <p\n class=\"activity-log-date ca-font-medium d-flex align-items-center\"\n >\n {{\n activityLogItem\n | activityLogDateTransform\n | date: 'HH:mm a'\n }}\n </p>\n }\n\n @if (_selectedTab === RightSidePanelCurrentTab.ALL) {\n <div class=\"d-flex align-items-center\">\n @if (activityLogItem.companyUser.avatarFile) {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [avatarImg]=\"\n activityLogItem.companyUser\n .avatarFile.url\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n } @else {\n <app-ca-profile-image\n [indx]=\"activityLogItem.companyUser.id\"\n [textShortName]=\"\n activityLogItem.companyUser.fullName\n | companyUserNameTransform\n \"\n [size]=\"14\"\n >\n </app-ca-profile-image>\n }\n </div>\n }\n </div>\n </div>\n @if (activityLogItem.id === focusedItemId) {\n <div class=\"activity-log-item-title-container-focused\">\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n } @else {\n <div\n class=\"activity-log-item-title-container d-flex align-items-center\"\n >\n <p class=\"activity-log-item-title ca-font-semi-bold\">\n {{ activityLogItem.description.Title }}\n </p>\n <div class=\"vertical-line\"></div>\n <p class=\"activity-log-item-subtitle\">\n {{ activityLogItem.description.SubTitle }}\n </p>\n </div>\n }\n </div>\n </div>\n </ng-template>\n}\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.activity-log-container{background-color:#fff;width:350px;border-radius:3px;padding:5px 6px 12px;box-shadow:0 0 6px #0000004d;overflow-y:auto;height:calc(100vh - 100px)}.activity-log-container::-webkit-scrollbar{display:none}.activity-log-container .title-type-container{padding:4px 4px 4px 6px}.activity-log-container .title-type-container .title-type{color:#424242;font-size:16px}.activity-log-container .title-type-container .title-type-icon-container{padding:4px;border-radius:2px}.activity-log-container .title-type-container .title-type-icon-container .title-type-icon-text{font-size:14px;text-align:center;color:#6c6c6c;padding-left:4px;padding-right:4px}.activity-log-container .title-type-container .activity-log-search-btn svg path{fill:#919191}.activity-log-container .title-type-container .activity-log-search-btn:hover{background-color:#eee;border-radius:2px;cursor:pointer}.activity-log-container .title-type-container .activity-log-search-btn:hover svg path{fill:#424242}.activity-log-container .title-type-container .activity-log-results{font-size:14px;line-height:18px;color:#3b73ed}.activity-log-container .search-container{padding:6px 0 8px}.activity-log-container .activity-log-list-container .activity-log-list{margin-top:5px}.activity-log-item-container .title-text{width:100%;text-align:center;border-bottom:1px solid #dadada;line-height:.1em;margin:10px 0 20px}.activity-log-item-container .title-text span{background:#fff;padding:0 6px;color:#424242;font-size:14px}.activity-log-item-container .activity-log-item{padding:4px}.activity-log-item-container .activity-log-item:hover{background-color:#f7f7f7;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item.activity-hovered{padding-top:5px}.activity-log-item-container .activity-log-item.activity-focused{background-color:#eee;cursor:pointer;border-radius:2px}.activity-log-item-container .activity-log-item .activity-log-item-header{padding:2px 4px 2px 2px;position:relative;height:25px;margin-bottom:6px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title{padding:2px;border-radius:2px;position:absolute;left:0}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title .title-type-icon-text{font-size:14px;padding:0 4px}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added{background-color:#e9effd}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .type-icon svg path{fill:#6692f1!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added .title-type-icon-text{color:#3b73ed}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered{background-color:#6692f1}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-created.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-requested.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-added.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected{background-color:#eee}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .type-icon svg path{fill:#919191!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected .title-type-icon-text{color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered{background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-edited.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deactivated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-updated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-moved.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-marked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unmarked.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-reviewed.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-archived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-unarchived.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-disconected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected{background-color:#e7f4f3}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .type-icon svg path{fill:#259f94!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected .title-type-icon-text{color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered{background-color:#259f94}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .type-icon svg path,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-activated.action-log-title-hovered .title-type-icon-text,.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-connected.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted{background-color:#fbe9e9}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .type-icon svg path{fill:#df3c3c!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted .title-type-icon-text{color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered{background-color:#df3c3c}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .type-icon svg path{fill:#ffffffb2!important}.activity-log-item-container .activity-log-item .activity-log-item-header .action-log-title-deleted.action-log-title-hovered .title-type-icon-text{color:#fff}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date{color:#919191;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container{gap:4px;position:absolute;right:0}.activity-log-item-container .activity-log-item .activity-log-item-header .activity-log-date-container .hovered-user-name{font-size:11px;line-height:14px;color:#424242}.activity-log-item-container .activity-log-item .activity-log-item-title-container{padding:0 2px;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-title{color:#424242;font-size:14px;padding-right:4px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container .vertical-line{width:1px;height:11px;background-color:#919191}.activity-log-item-container .activity-log-item .activity-log-item-title-container .activity-log-item-subtitle{color:#919191;font-size:14px;padding-left:4px;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused{padding:0 2px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-title{color:#424242;font-size:14px}.activity-log-item-container .activity-log-item .activity-log-item-title-container-focused .activity-log-item-subtitle{color:#919191;font-size:14px}.activity-log-item-container .horizontal-line{width:99%;height:1px;background-color:#ebebeb}.no-data-container-box .subtle-illustration-container{height:180px;background:linear-gradient(180deg,#eee,#eee0)}.no-data-container-box .no-data-container{height:180px;gap:12px}.no-data-container-box .no-data-container .no-data-title{font-size:26px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-text{font-size:11px;text-align:center;line-height:14px;color:#919191}.no-data-container-box .no-data-container .no-data-question{font-size:11px;line-height:14px;text-align:center;color:#919191}.no-data-container-box .no-data-container .no-data-button{height:32px;width:150px;border-radius:2px;padding:6px;cursor:pointer}.no-data-container-box .no-data-container .no-data-button.button-primary{background-color:#3b73ed}.no-data-container-box .no-data-container .no-data-button.button-secondary{background-color:#6c6c6c}.no-data-container-box .no-data-container .no-data-button .button-text{font-size:14px;line-height:20px;text-align:center;color:#fff}\n"] }]
|
|
27676
27676
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { activityLogList: [{
|
|
27677
27677
|
type: Input
|
|
27678
27678
|
}], selectedTab: [{
|
|
@@ -30104,7 +30104,7 @@ class CaFilterStateDropdownComponent extends NewFilterBaseComponent {
|
|
|
30104
30104
|
});
|
|
30105
30105
|
}
|
|
30106
30106
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFilterStateDropdownComponent, deps: [{ token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30107
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterStateDropdownComponent, isStandalone: true, selector: "app-ca-filter-state-dropdown", inputs: { states: "states", isDisabled: "isDisabled" }, usesInheritance: true, ngImport: i0, template: "<app-ca-filter-dropdown\n [type]=\"eFilterDropdownEnum.STATE\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n>\n <ng-template #bodyTemplate>\n @let searchString = searchForm.get('search')?.value;\n\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"stateSearchForm\"\n ></app-ca-input>\n </div>\n\n <div class=\"filter-dropdown-list p-x-4\">\n @for (country of states; track $index) {\n @if (country.selectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n }\n }\n\n @for (country of states; track $index) {\n @if (country.unselectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n }\n }\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-country=\"country\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items.length) {\n <div class=\"d-flex flex-column gap-xs mb-1 m-t-4\">\n @for (item of items; track $index) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n }\"\n (click)=\"clickFn(item, country)\"\n >\n <div class=\"d-flex align-items-center w-100 m-r-4\">\n <div\n class=\"m-r-4 br-1 ca-font-extra-bold text-shortName text-center\"\n [ngClass]=\"\n isSelectedList\n ? 'background-blue-13 text-color-blue-16'\n : 'background-black text-color-white-4'\n \"\n >\n {{ item.stateShortName }}\n </div>\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.text-shortName{font-size:11px;height:18px;line-height:18px;width:28px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CaFilterDropdownComponent, selector: "app-ca-filter-dropdown", inputs: ["activeCount", "type", "config", "bodyTemplate", "isFormChanged", "appliedFiltersCount", "customTitle", "customCancelButton", "isDisabled", "svgCustomSizeClass"], outputs: ["setFilter", "handleFiltersClear", "resetFilterState", "sorting"] }, { kind: "component", type: CaInputComponent, selector: "app-ca-input", inputs: ["inputConfig", "dateTimePopover", "incorrectValue", "selectedDropdownLabelColor", "template"], outputs: ["handleToggleDropdownOptions", "incorrectEvent", "blurInput", "focusInput", "change", "commandEvent", "clear", "showHideDropdown", "dropDownKeyNavigation"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: FilterSearchPipe, name: "filterSearch" }] }); }
|
|
30107
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterStateDropdownComponent, isStandalone: true, selector: "app-ca-filter-state-dropdown", inputs: { states: "states", isDisabled: "isDisabled" }, usesInheritance: true, ngImport: i0, template: "<app-ca-filter-dropdown\n [type]=\"eFilterDropdownEnum.STATE\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n>\n <ng-template #bodyTemplate>\n @let searchString = searchForm.get('search')?.value;\n\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"stateSearchForm\"\n ></app-ca-input>\n </div>\n\n <div class=\"filter-dropdown-list p-x-4\">\n @for (country of states; track $index) {\n @if (country.selectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n }\n }\n\n @for (country of states; track $index) {\n @if (country.unselectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n }\n }\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-country=\"country\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items.length) {\n <div class=\"d-flex flex-column gap-xs m-b-4 m-t-4\">\n @for (item of items; track $index) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n }\"\n (click)=\"clickFn(item, country)\"\n >\n <div class=\"d-flex align-items-center w-100 m-r-4\">\n <div\n class=\"m-r-4 br-1 ca-font-extra-bold text-shortName text-center\"\n [ngClass]=\"\n isSelectedList\n ? 'background-blue-13 text-color-blue-16'\n : 'background-black text-color-white-4'\n \"\n >\n {{ item.stateShortName }}\n </div>\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.text-shortName{font-size:11px;height:18px;line-height:18px;width:28px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CaFilterDropdownComponent, selector: "app-ca-filter-dropdown", inputs: ["activeCount", "type", "config", "bodyTemplate", "isFormChanged", "appliedFiltersCount", "customTitle", "customCancelButton", "isDisabled", "svgCustomSizeClass"], outputs: ["setFilter", "handleFiltersClear", "resetFilterState", "sorting"] }, { kind: "component", type: CaInputComponent, selector: "app-ca-input", inputs: ["inputConfig", "dateTimePopover", "incorrectValue", "selectedDropdownLabelColor", "template"], outputs: ["handleToggleDropdownOptions", "incorrectEvent", "blurInput", "focusInput", "change", "commandEvent", "clear", "showHideDropdown", "dropDownKeyNavigation"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: FilterSearchPipe, name: "filterSearch" }] }); }
|
|
30108
30108
|
}
|
|
30109
30109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFilterStateDropdownComponent, decorators: [{
|
|
30110
30110
|
type: Component,
|
|
@@ -30115,7 +30115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
30115
30115
|
CaInputComponent,
|
|
30116
30116
|
SvgIconComponent,
|
|
30117
30117
|
FilterSearchPipe,
|
|
30118
|
-
], template: "<app-ca-filter-dropdown\n [type]=\"eFilterDropdownEnum.STATE\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n>\n <ng-template #bodyTemplate>\n @let searchString = searchForm.get('search')?.value;\n\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"stateSearchForm\"\n ></app-ca-input>\n </div>\n\n <div class=\"filter-dropdown-list p-x-4\">\n @for (country of states; track $index) {\n @if (country.selectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n }\n }\n\n @for (country of states; track $index) {\n @if (country.unselectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n }\n }\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-country=\"country\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items.length) {\n <div class=\"d-flex flex-column gap-xs mb-1 m-t-4\">\n @for (item of items; track $index) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n }\"\n (click)=\"clickFn(item, country)\"\n >\n <div class=\"d-flex align-items-center w-100 m-r-4\">\n <div\n class=\"m-r-4 br-1 ca-font-extra-bold text-shortName text-center\"\n [ngClass]=\"\n isSelectedList\n ? 'background-blue-13 text-color-blue-16'\n : 'background-black text-color-white-4'\n \"\n >\n {{ item.stateShortName }}\n </div>\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.text-shortName{font-size:11px;height:18px;line-height:18px;width:28px}\n"] }]
|
|
30118
|
+
], template: "<app-ca-filter-dropdown\n [type]=\"eFilterDropdownEnum.STATE\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n>\n <ng-template #bodyTemplate>\n @let searchString = searchForm.get('search')?.value;\n\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"stateSearchForm\"\n ></app-ca-input>\n </div>\n\n <div class=\"filter-dropdown-list p-x-4\">\n @for (country of states; track $index) {\n @if (country.selectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n }\n }\n\n @for (country of states; track $index) {\n @if (country.unselectedList.length) {\n <p\n class=\"text-color-white text-size-11 ca-font-bold m-t-6\"\n >\n {{ country.country }}\n </p>\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n country.unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n country: country.country,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n }\n }\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-country=\"country\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items.length) {\n <div class=\"d-flex flex-column gap-xs m-b-4 m-t-4\">\n @for (item of items; track $index) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n }\"\n (click)=\"clickFn(item, country)\"\n >\n <div class=\"d-flex align-items-center w-100 m-r-4\">\n <div\n class=\"m-r-4 br-1 ca-font-extra-bold text-shortName text-center\"\n [ngClass]=\"\n isSelectedList\n ? 'background-blue-13 text-color-blue-16'\n : 'background-black text-color-white-4'\n \"\n >\n {{ item.stateShortName }}\n </div>\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.text-shortName{font-size:11px;height:18px;line-height:18px;width:28px}\n"] }]
|
|
30119
30119
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }], propDecorators: { states: [{
|
|
30120
30120
|
type: Input
|
|
30121
30121
|
}], isDisabled: [{
|
|
@@ -30467,7 +30467,7 @@ class CaFilterListDropdownComponent extends NewFilterBaseComponent {
|
|
|
30467
30467
|
this.searchForm.reset();
|
|
30468
30468
|
}
|
|
30469
30469
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFilterListDropdownComponent, deps: [{ token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30470
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterListDropdownComponent, isStandalone: true, selector: "app-ca-filter-list-dropdown", inputs: { type: "type", list: "list", isDisabled: "isDisabled", svgCustomSizeClass: "svgCustomSizeClass" }, usesInheritance: true, ngImport: i0, template: "<app-ca-filter-dropdown\n [type]=\"type\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [activeCount]=\"activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n [svgCustomSizeClass]=\"svgCustomSizeClass\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n (resetFilterState)=\"onResetFilterState()\"\n>\n @let isTruck = type === 'TruckType';\n @let isTrailer = type === 'TrailerType';\n @let isPm = type === 'Pm';\n @let isService = type === 'Service';\n @let isLoadType = type === 'LoadType';\n\n @let isTruckOrTrailer = isTruck || isTrailer;\n @let hasLeftIcon = isPm || isService || isLoadType;\n @let hasColorIcon = isLoadType;\n\n <ng-template #bodyTemplate>\n @if (\n initialListSize > scrollLimitSize &&\n config &&\n config.isSearchActive &&\n config.formFieldConfig\n ) {\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"config.formFieldConfig\"\n ></app-ca-input>\n </div>\n }\n <div\n class=\"filter-dropdown-list\"\n [class.ca-scroll-bar]=\"initialListSize > scrollLimitSize\"\n >\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n @let searchString = searchForm.get('search')?.value;\n\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items?.length) {\n <div class=\"d-flex flex-column gap-xs mb-1 m-t-4\">\n @for (item of items; let indx = $index; track indx) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n 'svg-hover-grey-4 svg-fill-muted':\n hasLeftIcon && !hasColorIcon && !isSelectedList,\n 'svg-hover-blue-19 svg-fill-blue-8':\n hasLeftIcon && !hasColorIcon && isSelectedList,\n }\"\n (click)=\"clickFn(item)\"\n >\n <div\n class=\"d-flex align-items-center w-100 m-r-4\"\n [class.justify-content-between]=\"isTruckOrTrailer\"\n >\n @switch (type) {\n @case ('Dispatcher') {\n <app-ca-profile-image\n [indx]=\"$index\"\n [textShortName]=\"item.initials\"\n [avatarImg]=\"item.avatar?.url\"\n [size]=\"'small'\"\n class=\"m-r-4\"\n ></app-ca-profile-image>\n }\n @case ('Status') {\n <div\n [ngStyle]=\"\n loadStatusEnum[item.id!]\n | dropdownLoadStatusColor: true\n \"\n class=\"filter-dropdown-list-item-status-circle br-circle m-r-4\"\n ></div>\n }\n\n @case (eFilterDropdownEnum.LABEL) {\n <div\n class=\"label-icon d-flex align-items-center\"\n [ngStyle]=\"{\n '--svg-fill-color': item.code,\n }\"\n >\n <svg-icon\n [src]=\"config.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n </div>\n }\n @default {\n @if (hasLeftIcon) {\n <svg-icon\n [src]=\"item.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n }\n }\n }\n\n @if (type === eFilterDropdownEnum.STATUS) {\n <app-ca-load-status\n [status]=\"{\n name: item?.name,\n id: item?.id,\n }\"\n [isNoStyle]=\"true\"\n [fontSize]=\"14\"\n [isDark]=\"true\"\n [isFilter]=\"true\"\n [isSelectedItem]=\"isSelectedList\"\n >\n </app-ca-load-status>\n } @else {\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n }\n\n @if (isTruckOrTrailer) {\n @if (item?.icon) {\n <div\n class=\"filter-dropdown-list-item-icons\"\n [ngStyle]=\"{\n '--svg-fill-color':\n truckOrTrailerIconPipe.transform(\n item.name\n ),\n }\"\n >\n <svg-icon [src]=\"item.icon\"></svg-icon>\n </div>\n }\n }\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.label-icon svg path{fill:var(--svg-fill-color, #3b73ed)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CaInputComponent, selector: "app-ca-input", inputs: ["inputConfig", "dateTimePopover", "incorrectValue", "selectedDropdownLabelColor", "template"], outputs: ["handleToggleDropdownOptions", "incorrectEvent", "blurInput", "focusInput", "change", "commandEvent", "clear", "showHideDropdown", "dropDownKeyNavigation"] }, { kind: "component", type: CaFilterDropdownComponent, selector: "app-ca-filter-dropdown", inputs: ["activeCount", "type", "config", "bodyTemplate", "isFormChanged", "appliedFiltersCount", "customTitle", "customCancelButton", "isDisabled", "svgCustomSizeClass"], outputs: ["setFilter", "handleFiltersClear", "resetFilterState", "sorting"] }, { kind: "component", type: CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect", "isCursorPointer"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: DropdownLoadStatusColorPipe, name: "dropdownLoadStatusColor" }, { kind: "pipe", type: FilterSearchPipe, name: "filterSearch" }, { kind: "component", type: CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "isRowHover", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor", "isStatusCard", "isTableBigStatus", "isDisabledClick", "isSelectedItem", "isFilter", "isDispatchStatus", "dispatchTime", "isDispatchShowTimeAlways"] }] }); }
|
|
30470
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFilterListDropdownComponent, isStandalone: true, selector: "app-ca-filter-list-dropdown", inputs: { type: "type", list: "list", isDisabled: "isDisabled", svgCustomSizeClass: "svgCustomSizeClass" }, usesInheritance: true, ngImport: i0, template: "<app-ca-filter-dropdown\n [type]=\"type\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [activeCount]=\"activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n [svgCustomSizeClass]=\"svgCustomSizeClass\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n (resetFilterState)=\"onResetFilterState()\"\n>\n @let isTruck = type === 'TruckType';\n @let isTrailer = type === 'TrailerType';\n @let isPm = type === 'Pm';\n @let isService = type === 'Service';\n @let isLoadType = type === 'LoadType';\n\n @let isTruckOrTrailer = isTruck || isTrailer;\n @let hasLeftIcon = isPm || isService || isLoadType;\n @let hasColorIcon = isLoadType;\n\n <ng-template #bodyTemplate>\n @if (\n initialListSize > scrollLimitSize &&\n config &&\n config.isSearchActive &&\n config.formFieldConfig\n ) {\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"config.formFieldConfig\"\n ></app-ca-input>\n </div>\n }\n <div\n class=\"filter-dropdown-list\"\n [class.ca-scroll-bar]=\"initialListSize > scrollLimitSize\"\n >\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n @let searchString = searchForm.get('search')?.value;\n\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items?.length) {\n <div class=\"d-flex flex-column gap-xs m-b-4 m-t-4\">\n @for (item of items; let indx = $index; track indx) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n 'svg-hover-grey-4 svg-fill-muted':\n hasLeftIcon && !hasColorIcon && !isSelectedList,\n 'svg-hover-blue-19 svg-fill-blue-8':\n hasLeftIcon && !hasColorIcon && isSelectedList,\n }\"\n (click)=\"clickFn(item)\"\n >\n <div\n class=\"d-flex align-items-center w-100 m-r-4\"\n [class.justify-content-between]=\"isTruckOrTrailer\"\n >\n @switch (type) {\n @case ('Dispatcher') {\n <app-ca-profile-image\n [indx]=\"$index\"\n [textShortName]=\"item.initials\"\n [avatarImg]=\"item.avatar?.url\"\n [size]=\"'small'\"\n class=\"m-r-4\"\n ></app-ca-profile-image>\n }\n @case ('Status') {\n <div\n [ngStyle]=\"\n loadStatusEnum[item.id!]\n | dropdownLoadStatusColor: true\n \"\n class=\"filter-dropdown-list-item-status-circle br-circle m-r-4\"\n ></div>\n }\n\n @case (eFilterDropdownEnum.LABEL) {\n <div\n class=\"label-icon d-flex align-items-center\"\n [ngStyle]=\"{\n '--svg-fill-color': item.code,\n }\"\n >\n <svg-icon\n [src]=\"config.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n </div>\n }\n @default {\n @if (hasLeftIcon) {\n <svg-icon\n [src]=\"item.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n }\n }\n }\n\n @if (type === eFilterDropdownEnum.STATUS) {\n <app-ca-load-status\n [status]=\"{\n name: item?.name,\n id: item?.id,\n }\"\n [isNoStyle]=\"true\"\n [fontSize]=\"14\"\n [isDark]=\"true\"\n [isFilter]=\"true\"\n [isSelectedItem]=\"isSelectedList\"\n >\n </app-ca-load-status>\n } @else {\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n }\n\n @if (isTruckOrTrailer) {\n @if (item?.icon) {\n <div\n class=\"filter-dropdown-list-item-icons\"\n [ngStyle]=\"{\n '--svg-fill-color':\n truckOrTrailerIconPipe.transform(\n item.name\n ),\n }\"\n >\n <svg-icon [src]=\"item.icon\"></svg-icon>\n </div>\n }\n }\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.label-icon svg path{fill:var(--svg-fill-color, #3b73ed)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CaInputComponent, selector: "app-ca-input", inputs: ["inputConfig", "dateTimePopover", "incorrectValue", "selectedDropdownLabelColor", "template"], outputs: ["handleToggleDropdownOptions", "incorrectEvent", "blurInput", "focusInput", "change", "commandEvent", "clear", "showHideDropdown", "dropDownKeyNavigation"] }, { kind: "component", type: CaFilterDropdownComponent, selector: "app-ca-filter-dropdown", inputs: ["activeCount", "type", "config", "bodyTemplate", "isFormChanged", "appliedFiltersCount", "customTitle", "customCancelButton", "isDisabled", "svgCustomSizeClass"], outputs: ["setFilter", "handleFiltersClear", "resetFilterState", "sorting"] }, { kind: "component", type: CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect", "isCursorPointer"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: DropdownLoadStatusColorPipe, name: "dropdownLoadStatusColor" }, { kind: "pipe", type: FilterSearchPipe, name: "filterSearch" }, { kind: "component", type: CaLoadStatusComponent, selector: "app-ca-load-status", inputs: ["status", "isRowHover", "time", "isNoStyle", "fontSize", "width", "height", "isTitleCardDropdown", "isDark", "isMarked", "isDropdownStatusChange", "isDefaultHoverFocus", "isNoStatesColor", "isStatusCard", "isTableBigStatus", "isDisabledClick", "isSelectedItem", "isFilter", "isDispatchStatus", "dispatchTime", "isDispatchShowTimeAlways"] }] }); }
|
|
30471
30471
|
}
|
|
30472
30472
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFilterListDropdownComponent, decorators: [{
|
|
30473
30473
|
type: Component,
|
|
@@ -30483,7 +30483,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
30483
30483
|
FilterTrailerColorPipe,
|
|
30484
30484
|
FilterSearchPipe,
|
|
30485
30485
|
CaLoadStatusComponent
|
|
30486
|
-
], template: "<app-ca-filter-dropdown\n [type]=\"type\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [activeCount]=\"activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n [svgCustomSizeClass]=\"svgCustomSizeClass\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n (resetFilterState)=\"onResetFilterState()\"\n>\n @let isTruck = type === 'TruckType';\n @let isTrailer = type === 'TrailerType';\n @let isPm = type === 'Pm';\n @let isService = type === 'Service';\n @let isLoadType = type === 'LoadType';\n\n @let isTruckOrTrailer = isTruck || isTrailer;\n @let hasLeftIcon = isPm || isService || isLoadType;\n @let hasColorIcon = isLoadType;\n\n <ng-template #bodyTemplate>\n @if (\n initialListSize > scrollLimitSize &&\n config &&\n config.isSearchActive &&\n config.formFieldConfig\n ) {\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"config.formFieldConfig\"\n ></app-ca-input>\n </div>\n }\n <div\n class=\"filter-dropdown-list\"\n [class.ca-scroll-bar]=\"initialListSize > scrollLimitSize\"\n >\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n @let searchString = searchForm.get('search')?.value;\n\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items?.length) {\n <div class=\"d-flex flex-column gap-xs mb-1 m-t-4\">\n @for (item of items; let indx = $index; track indx) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n 'svg-hover-grey-4 svg-fill-muted':\n hasLeftIcon && !hasColorIcon && !isSelectedList,\n 'svg-hover-blue-19 svg-fill-blue-8':\n hasLeftIcon && !hasColorIcon && isSelectedList,\n }\"\n (click)=\"clickFn(item)\"\n >\n <div\n class=\"d-flex align-items-center w-100 m-r-4\"\n [class.justify-content-between]=\"isTruckOrTrailer\"\n >\n @switch (type) {\n @case ('Dispatcher') {\n <app-ca-profile-image\n [indx]=\"$index\"\n [textShortName]=\"item.initials\"\n [avatarImg]=\"item.avatar?.url\"\n [size]=\"'small'\"\n class=\"m-r-4\"\n ></app-ca-profile-image>\n }\n @case ('Status') {\n <div\n [ngStyle]=\"\n loadStatusEnum[item.id!]\n | dropdownLoadStatusColor: true\n \"\n class=\"filter-dropdown-list-item-status-circle br-circle m-r-4\"\n ></div>\n }\n\n @case (eFilterDropdownEnum.LABEL) {\n <div\n class=\"label-icon d-flex align-items-center\"\n [ngStyle]=\"{\n '--svg-fill-color': item.code,\n }\"\n >\n <svg-icon\n [src]=\"config.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n </div>\n }\n @default {\n @if (hasLeftIcon) {\n <svg-icon\n [src]=\"item.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n }\n }\n }\n\n @if (type === eFilterDropdownEnum.STATUS) {\n <app-ca-load-status\n [status]=\"{\n name: item?.name,\n id: item?.id,\n }\"\n [isNoStyle]=\"true\"\n [fontSize]=\"14\"\n [isDark]=\"true\"\n [isFilter]=\"true\"\n [isSelectedItem]=\"isSelectedList\"\n >\n </app-ca-load-status>\n } @else {\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n }\n\n @if (isTruckOrTrailer) {\n @if (item?.icon) {\n <div\n class=\"filter-dropdown-list-item-icons\"\n [ngStyle]=\"{\n '--svg-fill-color':\n truckOrTrailerIconPipe.transform(\n item.name\n ),\n }\"\n >\n <svg-icon [src]=\"item.icon\"></svg-icon>\n </div>\n }\n }\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.label-icon svg path{fill:var(--svg-fill-color, #3b73ed)}\n"] }]
|
|
30486
|
+
], template: "<app-ca-filter-dropdown\n [type]=\"type\"\n [config]=\"config\"\n [bodyTemplate]=\"bodyTemplate\"\n [isFormChanged]=\"!!activeCount\"\n [activeCount]=\"activeCount\"\n [appliedFiltersCount]=\"selectedCount\"\n [isDisabled]=\"isDisabled\"\n (handleFiltersClear)=\"clearValues(true)\"\n [svgCustomSizeClass]=\"svgCustomSizeClass\"\n (setFilter)=\"passFilterValue()\"\n (sorting)=\"sortValues($event)\"\n (resetFilterState)=\"onResetFilterState()\"\n>\n @let isTruck = type === 'TruckType';\n @let isTrailer = type === 'TrailerType';\n @let isPm = type === 'Pm';\n @let isService = type === 'Service';\n @let isLoadType = type === 'LoadType';\n\n @let isTruckOrTrailer = isTruck || isTrailer;\n @let hasLeftIcon = isPm || isService || isLoadType;\n @let hasColorIcon = isLoadType;\n\n <ng-template #bodyTemplate>\n @if (\n initialListSize > scrollLimitSize &&\n config &&\n config.isSearchActive &&\n config.formFieldConfig\n ) {\n <div [formGroup]=\"searchForm\">\n <app-ca-input\n formControlName=\"search\"\n [inputConfig]=\"config.formFieldConfig\"\n ></app-ca-input>\n </div>\n }\n <div\n class=\"filter-dropdown-list\"\n [class.ca-scroll-bar]=\"initialListSize > scrollLimitSize\"\n >\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n @let searchString = searchForm.get('search')?.value;\n\n <!-- Selected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n selectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: unSelectItem,\n selectedList: true,\n }\n \"\n ></ng-container>\n\n <!-- Unselected List -->\n <ng-container\n *ngTemplateOutlet=\"\n listTemplate;\n context: {\n items:\n unselectedList\n | filterSearch\n : searchString\n : 'name'\n : sortKey\n : directionMultiplier,\n clickFn: selectItem,\n selectedList: false,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n\n <ng-template\n #listTemplate\n let-items=\"items\"\n let-clickFn=\"clickFn\"\n let-isSelectedList=\"selectedList\"\n >\n @if (items?.length) {\n <div class=\"d-flex flex-column gap-xs m-b-4 m-t-4\">\n @for (item of items; let indx = $index; track indx) {\n <div\n class=\"filter-dropdown-list-item p-4 br-2 d-flex justify-content-between align-items-center c-pointer\"\n [ngClass]=\"{\n 'filter-dropdown-list-item-hover': isSelectedList,\n 'svg-hover-grey-4 svg-fill-muted':\n hasLeftIcon && !hasColorIcon && !isSelectedList,\n 'svg-hover-blue-19 svg-fill-blue-8':\n hasLeftIcon && !hasColorIcon && isSelectedList,\n }\"\n (click)=\"clickFn(item)\"\n >\n <div\n class=\"d-flex align-items-center w-100 m-r-4\"\n [class.justify-content-between]=\"isTruckOrTrailer\"\n >\n @switch (type) {\n @case ('Dispatcher') {\n <app-ca-profile-image\n [indx]=\"$index\"\n [textShortName]=\"item.initials\"\n [avatarImg]=\"item.avatar?.url\"\n [size]=\"'small'\"\n class=\"m-r-4\"\n ></app-ca-profile-image>\n }\n @case ('Status') {\n <div\n [ngStyle]=\"\n loadStatusEnum[item.id!]\n | dropdownLoadStatusColor: true\n \"\n class=\"filter-dropdown-list-item-status-circle br-circle m-r-4\"\n ></div>\n }\n\n @case (eFilterDropdownEnum.LABEL) {\n <div\n class=\"label-icon d-flex align-items-center\"\n [ngStyle]=\"{\n '--svg-fill-color': item.code,\n }\"\n >\n <svg-icon\n [src]=\"config.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n </div>\n }\n @default {\n @if (hasLeftIcon) {\n <svg-icon\n [src]=\"item.icon\"\n class=\"m-r-4 svg-size-18\"\n ></svg-icon>\n }\n }\n }\n\n @if (type === eFilterDropdownEnum.STATUS) {\n <app-ca-load-status\n [status]=\"{\n name: item?.name,\n id: item?.id,\n }\"\n [isNoStyle]=\"true\"\n [fontSize]=\"14\"\n [isDark]=\"true\"\n [isFilter]=\"true\"\n [isSelectedItem]=\"isSelectedList\"\n >\n </app-ca-load-status>\n } @else {\n <div\n class=\"text-color-white text-size-14\"\n [class.ca-font-extra-bold]=\"isSelectedList\"\n >\n {{ item.name }}\n </div>\n }\n\n @if (isTruckOrTrailer) {\n @if (item?.icon) {\n <div\n class=\"filter-dropdown-list-item-icons\"\n [ngStyle]=\"{\n '--svg-fill-color':\n truckOrTrailerIconPipe.transform(\n item.name\n ),\n }\"\n >\n <svg-icon [src]=\"item.icon\"></svg-icon>\n </div>\n }\n }\n </div>\n <ng-container\n *ngTemplateOutlet=\"\n itemTemplate;\n context: {\n count: item.count,\n isSelected: isSelectedList,\n }\n \"\n ></ng-container>\n\n @if (isSelectedList) {\n <svg-icon\n [src]=\"caFiltersSvgRoutes.removeSelectedValue\"\n class=\"svg-size-10 svg-fill-red-10 filter-dropdown-list-item-remove justify-content-center filter-dropdown-list-badge\"\n ></svg-icon>\n }\n </div>\n }\n </div>\n <ng-container *ngTemplateOutlet=\"divider\"></ng-container>\n }\n </ng-template>\n\n <!-- Divider Template -->\n <ng-template #divider>\n <div class=\"background-black br-2 h-1\"></div>\n </ng-template>\n\n <ng-template #itemTemplate let-count=\"count\" let-isSelected=\"isSelected\">\n <!-- Count can be undefined for example on assign dispatch load list, or it can be 0 as well for some dispatchers -->\n @if (count !== undefined) {\n <div\n class=\"br-10 filter-dropdown-list-item-count text-size-11 ca-font-semi-bold p-y-2 p-x-5 d-flex align-items-center justify-content-center filter-dropdown-list-badge\"\n [ngClass]=\"\n isSelected\n ? 'background-blue-14 text-color-white'\n : 'background-black text-color-white-4'\n \"\n >\n {{ count }}\n </div>\n }\n </ng-template>\n</app-ca-filter-dropdown>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.label-icon svg path{fill:var(--svg-fill-color, #3b73ed)}\n"] }]
|
|
30487
30487
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }], propDecorators: { type: [{
|
|
30488
30488
|
type: Input
|
|
30489
30489
|
}], list: [{
|
|
@@ -31618,7 +31618,7 @@ class CaCustomCardComponent {
|
|
|
31618
31618
|
this.hasArrow = true;
|
|
31619
31619
|
this.hasPlusIcon = false;
|
|
31620
31620
|
this.isPlusIconDisabled = false;
|
|
31621
|
-
this.plusIconTooltip = eGeneralActions.
|
|
31621
|
+
this.plusIconTooltip = eGeneralActions.ADD_NEW;
|
|
31622
31622
|
this.counter = -1;
|
|
31623
31623
|
this.hasDivider = true;
|
|
31624
31624
|
this.hasBodyData = true;
|
|
@@ -31699,7 +31699,7 @@ class CaCustomCardComponent {
|
|
|
31699
31699
|
}
|
|
31700
31700
|
}
|
|
31701
31701
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaCustomCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
31702
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaCustomCardComponent, isStandalone: true, selector: "app-ca-custom-card", inputs: { headerLeftSideTemplate: "headerLeftSideTemplate", headerRightSideTemplate: "headerRightSideTemplate", headerLeftSideContext: "headerLeftSideContext", headerRightSideClass: "headerRightSideClass", cardHeight: "cardHeight", isAnimationsDisabled: "isAnimationsDisabled", cardName: "cardName", cardSubText: "cardSubText", hasArrow: "hasArrow", hasPlusIcon: "hasPlusIcon", isPlusIconDisabled: "isPlusIconDisabled", plusIconTooltip: "plusIconTooltip", isHeaderSvgEnabled: "isHeaderSvgEnabled", counter: "counter", hasDivider: "hasDivider", hasBodyData: "hasBodyData", hasScrollBody: "hasScrollBody", isStayOpen: "isStayOpen", isDisabledCard: "isDisabledCard", isHeaderHidden: "isHeaderHidden", isTwoRowTitle: "isTwoRowTitle", isAlwaysOpen: "isAlwaysOpen", isShowArrowOnHover: "isShowArrowOnHover", animationMarginParams: "animationMarginParams", isCardOpen: "isCardOpen", customClass: "customClass", customNameClass: "customNameClass", customDividerClass: "customDividerClass" }, outputs: { onActionEvent: "onActionEvent", onOpenCard: "onOpenCard" }, ngImport: i0, template: "<div\n class=\"ca-custom-card\"\n (mouseenter)=\"isCardHover = true\"\n (mouseleave)=\"isCardHover = false\"\n>\n @if (hasDivider) {\n <div class=\"divider {{ customDividerClass }}\"></div>\n }\n\n @if (!isHeaderHidden) {\n <div\n class=\"ca-card-header d-flex justify-content-between\"\n [ngClass]=\"\n isTwoRowTitle ? 'align-items-start' : 'h-26 align-items-center'\n \"\n [class.no-data]=\"!hasBodyData\"\n [class.disabled]=\"isDisabledCard\"\n [class.always-open]=\"isAlwaysOpen\"\n [class.active]=\"_isCardOpen\"\n (mouseenter)=\"isHeaderHover = true\"\n (mouseleave)=\"isHeaderHover = false\"\n (click)=\"isCardOpenEvent($event)\"\n >\n <!-- Left side of header -->\n\n <div class=\"header-content d-flex align-items-center p-y-4\">\n <!-- Name -->\n\n <span\n class=\"header-text ca-font-extra-bold text-size-14 {{\n customNameClass\n }}\"\n [ngClass]=\"\n _isCardOpen ? 'text-color-black' : 'text-color-bw6-2'\n \"\n >\n {{ cardName }}\n </span>\n\n <!-- Counter -->\n\n @if (counter >= 0) {\n <div\n class=\"d-flex align-items-center justify-content-center p-x-5 p-y-4 m-l-4 h-18 min-w-18 br-60\"\n [ngClass]=\"\n _isCardOpen\n ? 'background-gray-2'\n : 'background-muted'\n \"\n >\n <span\n class=\"text-color-white ca-font-bold text-size-11\"\n >{{ counter }}</span\n >\n </div>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n headerLeftSideTemplate;\n context: headerLeftSideContext\n \"\n ></ng-container>\n\n <!-- Sub Text -->\n\n @if (cardSubText) {\n <span\n class=\"text-size-11 line-height-15 text-color-muted ca-font-medium m-l-4 m-t-2\"\n >\n {{ cardSubText }}\n </span>\n }\n </div>\n\n <!-- Right Side of header -->\n <div\n class=\"header-actions d-flex align-items-center {{\n headerRightSideClass\n }}\"\n >\n @if (\n !isShowArrowOnHover ||\n (isShowArrowOnHover && !isHeaderHover)\n ) {\n <ng-container\n *ngTemplateOutlet=\"headerRightSideTemplate\"\n ></ng-container>\n }\n\n <!-- Arrow -->\n @if (\n (hasArrow &&\n hasBodyData &&\n !isAlwaysOpen &&\n (!hasPlusIcon || (hasPlusIcon && !_isCardOpen))) ||\n (isShowArrowOnHover && isHeaderHover)\n ) {\n <svg-icon\n class=\"header-arrow\"\n [class.header-arrow-hide]=\"!isCardHover && _isCardOpen\"\n [ngClass]=\"{ rotate: _isCardOpen }\"\n [src]=\"sharedSvgRoutes.ARROW_DOWN\"\n ></svg-icon>\n }\n\n <!-- Plus -->\n @if (\n (hasArrow && hasPlusIcon && _isCardOpen) ||\n (!hasArrow && hasPlusIcon)\n ) {\n <div\n class=\"d-flex align-items-center justify-content-center br-2 p-x-4 p-y-4 w-26 h-26 c-pointer\"\n [ngClass]=\"\n isPlusIconDisabled\n ? 'svg-fill-light-grey-6 cursor-default'\n : 'svg-fill-blue-8 svg-hover-blue-9 background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"plusIconTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [disableTooltip]=\"isPlusIconDisabled\"\n (click)=\"onPlusIconClick($event)\"\n >\n <svg-icon\n class=\"svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.PLUS_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n\n <!-- Body -->\n\n <div\n class=\"ca-card-body\"\n [ngClass]=\"{\n scroll: hasScrollBody,\n }\"\n >\n <div\n [ngClass]=\"noActive\"\n [ngStyle]=\"animationMarginParams\"\n [class.openedCardClass]=\"_isCardOpen\"\n [@showHideCardBody]=\"{\n value: _isCardOpen,\n params: animationMarginParams,\n }\"\n class=\"content-holder {{ customClass }}\"\n >\n @if (isCardOpenAnimated) {\n <ng-content></ng-content>\n }\n </div>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}@keyframes selectFix{0%{-webkit-user-select:none;user-select:none}to{-webkit-user-select:auto!important;user-select:auto!important}}.ca-custom-card{transition:background .1s ease-in-out}.ca-custom-card .ca-card-header{margin:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:616px}.ca-custom-card .ca-card-header .header-content .header-text{transition:color .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow{width:18px;height:18px;line-height:18px;opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow-hide{opacity:0;visibility:hidden}.ca-custom-card .ca-card-header .header-actions .header-arrow svg{transform:rotate(0);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow svg path{fill:#919191;transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow.rotate svg{transform:rotate(180deg);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover{transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover .header-text{color:#424242!important}.ca-custom-card .ca-card-header:hover .header-arrow svg path{transition:all .3s ease-in-out;fill:#424242}.ca-custom-card .ca-card-header.no-data{cursor:auto!important}.ca-custom-card .ca-card-header.no-data:hover .header-arrow svg path{fill:#aaa}.ca-custom-card .ca-card-header.disabled{cursor:default}.ca-custom-card .ca-card-header.disabled .header-text{color:#aaa!important}.ca-custom-card .ca-card-header.always-open{cursor:default}.ca-custom-card .ca-card-header.always-open .header-text{color:#424242!important}.ca-custom-card .ca-card-body{max-height:auto;position:relative}.ca-custom-card .ca-card-body .content-holder{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .15s ease-in-out;will-change:height,opacity}.ca-custom-card .ca-card-body .content-holder.inactive{opacity:0;overflow:hidden}.ca-custom-card .ca-card-body .content-holder.active{opacity:1;overflow:visible;height:100%}.ca-custom-card .ca-card-body .content-holder.openedCardClass{animation:selectFix 1.5s ease}.ca-custom-card .ca-card-body.scroll{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar{width:6px}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-thumb{background-color:#dadada;border-radius:3px;border:1px solid #f7f7f7}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-track{background:#f7f7f7;border-radius:3px}.cursor-default{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
31702
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaCustomCardComponent, isStandalone: true, selector: "app-ca-custom-card", inputs: { headerLeftSideTemplate: "headerLeftSideTemplate", headerRightSideTemplate: "headerRightSideTemplate", headerLeftSideContext: "headerLeftSideContext", headerRightSideClass: "headerRightSideClass", cardHeight: "cardHeight", isAnimationsDisabled: "isAnimationsDisabled", cardName: "cardName", cardSubText: "cardSubText", hasArrow: "hasArrow", hasPlusIcon: "hasPlusIcon", isPlusIconDisabled: "isPlusIconDisabled", plusIconTooltip: "plusIconTooltip", isHeaderSvgEnabled: "isHeaderSvgEnabled", counter: "counter", hasDivider: "hasDivider", hasBodyData: "hasBodyData", hasScrollBody: "hasScrollBody", isStayOpen: "isStayOpen", isDisabledCard: "isDisabledCard", isHeaderHidden: "isHeaderHidden", isTwoRowTitle: "isTwoRowTitle", isAlwaysOpen: "isAlwaysOpen", isShowArrowOnHover: "isShowArrowOnHover", animationMarginParams: "animationMarginParams", isCardOpen: "isCardOpen", customClass: "customClass", customNameClass: "customNameClass", customDividerClass: "customDividerClass" }, outputs: { onActionEvent: "onActionEvent", onOpenCard: "onOpenCard" }, ngImport: i0, template: "<div\n class=\"ca-custom-card\"\n (mouseenter)=\"isCardHover = true\"\n (mouseleave)=\"isCardHover = false\"\n>\n @if (hasDivider) {\n <div class=\"divider {{ customDividerClass }}\"></div>\n }\n\n @if (!isHeaderHidden) {\n <div\n class=\"ca-card-header d-flex justify-content-between\"\n [ngClass]=\"\n isTwoRowTitle ? 'align-items-start' : 'h-26 align-items-center'\n \"\n [class.no-data]=\"!hasBodyData\"\n [class.disabled]=\"isDisabledCard\"\n [class.always-open]=\"isAlwaysOpen\"\n [class.active]=\"_isCardOpen\"\n (mouseenter)=\"isHeaderHover = true\"\n (mouseleave)=\"isHeaderHover = false\"\n (click)=\"isCardOpenEvent($event)\"\n >\n <!-- Left side of header -->\n\n <div class=\"header-content d-flex align-items-center p-y-4\">\n <!-- Name -->\n\n <span\n class=\"header-text ca-font-extra-bold text-size-14 {{\n customNameClass\n }}\"\n [ngClass]=\"\n _isCardOpen ? 'text-color-black' : 'text-color-bw6-2'\n \"\n >\n {{ cardName }}\n </span>\n\n <!-- Counter -->\n\n @if (counter >= 0) {\n <div\n class=\"header-counter d-flex align-items-center justify-content-center p-x-5 p-y-4 m-l-4 h-18 min-w-18 br-60\"\n [ngClass]=\"\n _isCardOpen\n ? 'background-gray-2'\n : 'background-muted'\n \"\n >\n <span\n class=\"text-color-white ca-font-bold text-size-11\"\n >{{ counter }}</span\n >\n </div>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n headerLeftSideTemplate;\n context: headerLeftSideContext\n \"\n ></ng-container>\n\n <!-- Sub Text -->\n\n @if (cardSubText) {\n <span\n class=\"text-size-11 line-height-15 text-color-muted ca-font-medium m-l-4 m-t-2\"\n >\n {{ cardSubText }}\n </span>\n }\n </div>\n\n <!-- Right Side of header -->\n <div\n class=\"header-actions d-flex align-items-center {{\n headerRightSideClass\n }}\"\n >\n @if (\n !isShowArrowOnHover ||\n (isShowArrowOnHover && !isHeaderHover)\n ) {\n <ng-container\n *ngTemplateOutlet=\"headerRightSideTemplate\"\n ></ng-container>\n }\n\n <!-- Arrow -->\n @if (\n (hasArrow &&\n hasBodyData &&\n !isAlwaysOpen &&\n (!hasPlusIcon || (hasPlusIcon && !_isCardOpen))) ||\n (isShowArrowOnHover && isHeaderHover)\n ) {\n <svg-icon\n class=\"header-arrow d-flex align-items-center\"\n [class.header-arrow-hide]=\"!isCardHover && _isCardOpen\"\n [ngClass]=\"{ rotate: _isCardOpen }\"\n [src]=\"sharedSvgRoutes.ARROW_DOWN\"\n ></svg-icon>\n }\n\n <!-- Plus -->\n @if (\n (hasArrow && hasPlusIcon && _isCardOpen) ||\n (!hasArrow && hasPlusIcon)\n ) {\n <div\n class=\"d-flex align-items-center justify-content-center br-2 p-x-4 p-y-4 w-26 h-26\"\n [ngClass]=\"\n isPlusIconDisabled\n ? 'svg-fill-light-grey-6 cursor-default'\n : 'svg-fill-blue-8 svg-hover-blue-15 background-hover-blue-16 c-pointer'\n \"\n ngbTooltip\n [mainCaTooltip]=\"plusIconTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [disableTooltip]=\"isPlusIconDisabled\"\n (click)=\"onPlusIconClick($event)\"\n >\n <svg-icon\n class=\"svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.PLUS_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n\n <!-- Body -->\n\n <div\n class=\"ca-card-body\"\n [ngClass]=\"{\n scroll: hasScrollBody,\n }\"\n >\n <div\n [ngClass]=\"noActive\"\n [ngStyle]=\"animationMarginParams\"\n [class.openedCardClass]=\"_isCardOpen\"\n [@showHideCardBody]=\"{\n value: _isCardOpen,\n params: animationMarginParams,\n }\"\n class=\"content-holder {{ customClass }}\"\n >\n @if (isCardOpenAnimated) {\n <ng-content></ng-content>\n }\n </div>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}@keyframes selectFix{0%{-webkit-user-select:none;user-select:none}to{-webkit-user-select:auto!important;user-select:auto!important}}.ca-custom-card{transition:background .1s ease-in-out}.ca-custom-card .ca-card-header{margin:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:616px}.ca-custom-card .ca-card-header .header-content .header-text{transition:color .3s ease-in-out}.ca-custom-card .ca-card-header .header-content .header-counter{transition:background-color .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow{width:18px;height:18px;line-height:18px;opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow-hide{opacity:0;visibility:hidden}.ca-custom-card .ca-card-header .header-actions .header-arrow svg{transform:rotate(0);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow svg path{fill:#919191;transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow.rotate svg{transform:rotate(180deg);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover{transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover .header-text{color:#424242!important}.ca-custom-card .ca-card-header:hover .header-arrow svg path{transition:all .3s ease-in-out;fill:#424242}.ca-custom-card .ca-card-header:hover .header-counter{background-color:#6c6c6c!important}.ca-custom-card .ca-card-header.no-data{cursor:auto!important}.ca-custom-card .ca-card-header.no-data:hover .header-arrow svg path{fill:#aaa}.ca-custom-card .ca-card-header.disabled{cursor:default}.ca-custom-card .ca-card-header.disabled .header-text{color:#aaa!important}.ca-custom-card .ca-card-header.disabled .header-counter{display:none!important}.ca-custom-card .ca-card-header.disabled .header-arrow{display:none}.ca-custom-card .ca-card-header.always-open{cursor:default}.ca-custom-card .ca-card-header.always-open .header-text{color:#424242!important}.ca-custom-card .ca-card-body{max-height:auto;position:relative}.ca-custom-card .ca-card-body .content-holder{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .15s ease-in-out;will-change:height,opacity}.ca-custom-card .ca-card-body .content-holder.inactive{opacity:0;overflow:hidden}.ca-custom-card .ca-card-body .content-holder.active{opacity:1;overflow:visible;height:100%}.ca-custom-card .ca-card-body .content-holder.openedCardClass{animation:selectFix 1.5s ease}.ca-custom-card .ca-card-body.scroll{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar{width:6px}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-thumb{background-color:#dadada;border-radius:3px;border:1px solid #f7f7f7}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-track{background:#f7f7f7;border-radius:3px}.cursor-default{cursor:default}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
31703
31703
|
// modules
|
|
31704
31704
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
31705
31705
|
// components
|
|
@@ -31714,7 +31714,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
31714
31714
|
NgbModule,
|
|
31715
31715
|
// components
|
|
31716
31716
|
CaAppTooltipV2Component,
|
|
31717
|
-
], template: "<div\n class=\"ca-custom-card\"\n (mouseenter)=\"isCardHover = true\"\n (mouseleave)=\"isCardHover = false\"\n>\n @if (hasDivider) {\n <div class=\"divider {{ customDividerClass }}\"></div>\n }\n\n @if (!isHeaderHidden) {\n <div\n class=\"ca-card-header d-flex justify-content-between\"\n [ngClass]=\"\n isTwoRowTitle ? 'align-items-start' : 'h-26 align-items-center'\n \"\n [class.no-data]=\"!hasBodyData\"\n [class.disabled]=\"isDisabledCard\"\n [class.always-open]=\"isAlwaysOpen\"\n [class.active]=\"_isCardOpen\"\n (mouseenter)=\"isHeaderHover = true\"\n (mouseleave)=\"isHeaderHover = false\"\n (click)=\"isCardOpenEvent($event)\"\n >\n <!-- Left side of header -->\n\n <div class=\"header-content d-flex align-items-center p-y-4\">\n <!-- Name -->\n\n <span\n class=\"header-text ca-font-extra-bold text-size-14 {{\n customNameClass\n }}\"\n [ngClass]=\"\n _isCardOpen ? 'text-color-black' : 'text-color-bw6-2'\n \"\n >\n {{ cardName }}\n </span>\n\n <!-- Counter -->\n\n @if (counter >= 0) {\n <div\n class=\"d-flex align-items-center justify-content-center p-x-5 p-y-4 m-l-4 h-18 min-w-18 br-60\"\n [ngClass]=\"\n _isCardOpen\n ? 'background-gray-2'\n : 'background-muted'\n \"\n >\n <span\n class=\"text-color-white ca-font-bold text-size-11\"\n >{{ counter }}</span\n >\n </div>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n headerLeftSideTemplate;\n context: headerLeftSideContext\n \"\n ></ng-container>\n\n <!-- Sub Text -->\n\n @if (cardSubText) {\n <span\n class=\"text-size-11 line-height-15 text-color-muted ca-font-medium m-l-4 m-t-2\"\n >\n {{ cardSubText }}\n </span>\n }\n </div>\n\n <!-- Right Side of header -->\n <div\n class=\"header-actions d-flex align-items-center {{\n headerRightSideClass\n }}\"\n >\n @if (\n !isShowArrowOnHover ||\n (isShowArrowOnHover && !isHeaderHover)\n ) {\n <ng-container\n *ngTemplateOutlet=\"headerRightSideTemplate\"\n ></ng-container>\n }\n\n <!-- Arrow -->\n @if (\n (hasArrow &&\n hasBodyData &&\n !isAlwaysOpen &&\n (!hasPlusIcon || (hasPlusIcon && !_isCardOpen))) ||\n (isShowArrowOnHover && isHeaderHover)\n ) {\n <svg-icon\n class=\"header-arrow\"\n [class.header-arrow-hide]=\"!isCardHover && _isCardOpen\"\n [ngClass]=\"{ rotate: _isCardOpen }\"\n [src]=\"sharedSvgRoutes.ARROW_DOWN\"\n ></svg-icon>\n }\n\n <!-- Plus -->\n @if (\n (hasArrow && hasPlusIcon && _isCardOpen) ||\n (!hasArrow && hasPlusIcon)\n ) {\n <div\n class=\"d-flex align-items-center justify-content-center br-2 p-x-4 p-y-4 w-26 h-26 c-pointer\"\n [ngClass]=\"\n isPlusIconDisabled\n ? 'svg-fill-light-grey-6 cursor-default'\n : 'svg-fill-blue-8 svg-hover-blue-9 background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"plusIconTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [disableTooltip]=\"isPlusIconDisabled\"\n (click)=\"onPlusIconClick($event)\"\n >\n <svg-icon\n class=\"svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.PLUS_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n\n <!-- Body -->\n\n <div\n class=\"ca-card-body\"\n [ngClass]=\"{\n scroll: hasScrollBody,\n }\"\n >\n <div\n [ngClass]=\"noActive\"\n [ngStyle]=\"animationMarginParams\"\n [class.openedCardClass]=\"_isCardOpen\"\n [@showHideCardBody]=\"{\n value: _isCardOpen,\n params: animationMarginParams,\n }\"\n class=\"content-holder {{ customClass }}\"\n >\n @if (isCardOpenAnimated) {\n <ng-content></ng-content>\n }\n </div>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}@keyframes selectFix{0%{-webkit-user-select:none;user-select:none}to{-webkit-user-select:auto!important;user-select:auto!important}}.ca-custom-card{transition:background .1s ease-in-out}.ca-custom-card .ca-card-header{margin:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:616px}.ca-custom-card .ca-card-header .header-content .header-text{transition:color .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow{width:18px;height:18px;line-height:18px;opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow-hide{opacity:0;visibility:hidden}.ca-custom-card .ca-card-header .header-actions .header-arrow svg{transform:rotate(0);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow svg path{fill:#919191;transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow.rotate svg{transform:rotate(180deg);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover{transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover .header-text{color:#424242!important}.ca-custom-card .ca-card-header:hover .header-arrow svg path{transition:all .3s ease-in-out;fill:#424242}.ca-custom-card .ca-card-header.no-data{cursor:auto!important}.ca-custom-card .ca-card-header.no-data:hover .header-arrow svg path{fill:#aaa}.ca-custom-card .ca-card-header.disabled{cursor:default}.ca-custom-card .ca-card-header.disabled .header-text{color:#aaa!important}.ca-custom-card .ca-card-header.always-open{cursor:default}.ca-custom-card .ca-card-header.always-open .header-text{color:#424242!important}.ca-custom-card .ca-card-body{max-height:auto;position:relative}.ca-custom-card .ca-card-body .content-holder{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .15s ease-in-out;will-change:height,opacity}.ca-custom-card .ca-card-body .content-holder.inactive{opacity:0;overflow:hidden}.ca-custom-card .ca-card-body .content-holder.active{opacity:1;overflow:visible;height:100%}.ca-custom-card .ca-card-body .content-holder.openedCardClass{animation:selectFix 1.5s ease}.ca-custom-card .ca-card-body.scroll{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar{width:6px}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-thumb{background-color:#dadada;border-radius:3px;border:1px solid #f7f7f7}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-track{background:#f7f7f7;border-radius:3px}.cursor-default{cursor:default}\n"] }]
|
|
31717
|
+
], template: "<div\n class=\"ca-custom-card\"\n (mouseenter)=\"isCardHover = true\"\n (mouseleave)=\"isCardHover = false\"\n>\n @if (hasDivider) {\n <div class=\"divider {{ customDividerClass }}\"></div>\n }\n\n @if (!isHeaderHidden) {\n <div\n class=\"ca-card-header d-flex justify-content-between\"\n [ngClass]=\"\n isTwoRowTitle ? 'align-items-start' : 'h-26 align-items-center'\n \"\n [class.no-data]=\"!hasBodyData\"\n [class.disabled]=\"isDisabledCard\"\n [class.always-open]=\"isAlwaysOpen\"\n [class.active]=\"_isCardOpen\"\n (mouseenter)=\"isHeaderHover = true\"\n (mouseleave)=\"isHeaderHover = false\"\n (click)=\"isCardOpenEvent($event)\"\n >\n <!-- Left side of header -->\n\n <div class=\"header-content d-flex align-items-center p-y-4\">\n <!-- Name -->\n\n <span\n class=\"header-text ca-font-extra-bold text-size-14 {{\n customNameClass\n }}\"\n [ngClass]=\"\n _isCardOpen ? 'text-color-black' : 'text-color-bw6-2'\n \"\n >\n {{ cardName }}\n </span>\n\n <!-- Counter -->\n\n @if (counter >= 0) {\n <div\n class=\"header-counter d-flex align-items-center justify-content-center p-x-5 p-y-4 m-l-4 h-18 min-w-18 br-60\"\n [ngClass]=\"\n _isCardOpen\n ? 'background-gray-2'\n : 'background-muted'\n \"\n >\n <span\n class=\"text-color-white ca-font-bold text-size-11\"\n >{{ counter }}</span\n >\n </div>\n }\n\n <ng-container\n *ngTemplateOutlet=\"\n headerLeftSideTemplate;\n context: headerLeftSideContext\n \"\n ></ng-container>\n\n <!-- Sub Text -->\n\n @if (cardSubText) {\n <span\n class=\"text-size-11 line-height-15 text-color-muted ca-font-medium m-l-4 m-t-2\"\n >\n {{ cardSubText }}\n </span>\n }\n </div>\n\n <!-- Right Side of header -->\n <div\n class=\"header-actions d-flex align-items-center {{\n headerRightSideClass\n }}\"\n >\n @if (\n !isShowArrowOnHover ||\n (isShowArrowOnHover && !isHeaderHover)\n ) {\n <ng-container\n *ngTemplateOutlet=\"headerRightSideTemplate\"\n ></ng-container>\n }\n\n <!-- Arrow -->\n @if (\n (hasArrow &&\n hasBodyData &&\n !isAlwaysOpen &&\n (!hasPlusIcon || (hasPlusIcon && !_isCardOpen))) ||\n (isShowArrowOnHover && isHeaderHover)\n ) {\n <svg-icon\n class=\"header-arrow d-flex align-items-center\"\n [class.header-arrow-hide]=\"!isCardHover && _isCardOpen\"\n [ngClass]=\"{ rotate: _isCardOpen }\"\n [src]=\"sharedSvgRoutes.ARROW_DOWN\"\n ></svg-icon>\n }\n\n <!-- Plus -->\n @if (\n (hasArrow && hasPlusIcon && _isCardOpen) ||\n (!hasArrow && hasPlusIcon)\n ) {\n <div\n class=\"d-flex align-items-center justify-content-center br-2 p-x-4 p-y-4 w-26 h-26\"\n [ngClass]=\"\n isPlusIconDisabled\n ? 'svg-fill-light-grey-6 cursor-default'\n : 'svg-fill-blue-8 svg-hover-blue-15 background-hover-blue-16 c-pointer'\n \"\n ngbTooltip\n [mainCaTooltip]=\"plusIconTooltip\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n [disableTooltip]=\"isPlusIconDisabled\"\n (click)=\"onPlusIconClick($event)\"\n >\n <svg-icon\n class=\"svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.PLUS_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n </div>\n }\n\n <!-- Body -->\n\n <div\n class=\"ca-card-body\"\n [ngClass]=\"{\n scroll: hasScrollBody,\n }\"\n >\n <div\n [ngClass]=\"noActive\"\n [ngStyle]=\"animationMarginParams\"\n [class.openedCardClass]=\"_isCardOpen\"\n [@showHideCardBody]=\"{\n value: _isCardOpen,\n params: animationMarginParams,\n }\"\n class=\"content-holder {{ customClass }}\"\n >\n @if (isCardOpenAnimated) {\n <ng-content></ng-content>\n }\n </div>\n </div>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}@keyframes selectFix{0%{-webkit-user-select:none;user-select:none}to{-webkit-user-select:auto!important;user-select:auto!important}}.ca-custom-card{transition:background .1s ease-in-out}.ca-custom-card .ca-card-header{margin:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:616px}.ca-custom-card .ca-card-header .header-content .header-text{transition:color .3s ease-in-out}.ca-custom-card .ca-card-header .header-content .header-counter{transition:background-color .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow{width:18px;height:18px;line-height:18px;opacity:1;visibility:visible;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow-hide{opacity:0;visibility:hidden}.ca-custom-card .ca-card-header .header-actions .header-arrow svg{transform:rotate(0);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow svg path{fill:#919191;transition:all .3s ease-in-out}.ca-custom-card .ca-card-header .header-actions .header-arrow.rotate svg{transform:rotate(180deg);transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover{transition:all .3s ease-in-out}.ca-custom-card .ca-card-header:hover .header-text{color:#424242!important}.ca-custom-card .ca-card-header:hover .header-arrow svg path{transition:all .3s ease-in-out;fill:#424242}.ca-custom-card .ca-card-header:hover .header-counter{background-color:#6c6c6c!important}.ca-custom-card .ca-card-header.no-data{cursor:auto!important}.ca-custom-card .ca-card-header.no-data:hover .header-arrow svg path{fill:#aaa}.ca-custom-card .ca-card-header.disabled{cursor:default}.ca-custom-card .ca-card-header.disabled .header-text{color:#aaa!important}.ca-custom-card .ca-card-header.disabled .header-counter{display:none!important}.ca-custom-card .ca-card-header.disabled .header-arrow{display:none}.ca-custom-card .ca-card-header.always-open{cursor:default}.ca-custom-card .ca-card-header.always-open .header-text{color:#424242!important}.ca-custom-card .ca-card-body{max-height:auto;position:relative}.ca-custom-card .ca-card-body .content-holder{height:0;opacity:0;overflow:hidden;transition:height .3s ease-in-out,opacity .15s ease-in-out;will-change:height,opacity}.ca-custom-card .ca-card-body .content-holder.inactive{opacity:0;overflow:hidden}.ca-custom-card .ca-card-body .content-holder.active{opacity:1;overflow:visible;height:100%}.ca-custom-card .ca-card-body .content-holder.openedCardClass{animation:selectFix 1.5s ease}.ca-custom-card .ca-card-body.scroll{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar{width:6px}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-thumb{background-color:#dadada;border-radius:3px;border:1px solid #f7f7f7}.ca-custom-card .ca-card-body.scroll::-webkit-scrollbar-track{background:#f7f7f7;border-radius:3px}.cursor-default{cursor:default}\n"] }]
|
|
31718
31718
|
}], ctorParameters: () => [], propDecorators: { headerLeftSideTemplate: [{
|
|
31719
31719
|
type: Input
|
|
31720
31720
|
}], headerRightSideTemplate: [{
|
|
@@ -34113,7 +34113,7 @@ class CaModalItemsComponent {
|
|
|
34113
34113
|
}
|
|
34114
34114
|
onItemsRowReorder() { }
|
|
34115
34115
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaModalItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
34116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n@let hasDivider = !hasNoCardVariation && !_itemsConfig.isDividerHidden;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n@let isAlwaysOpen = _itemsConfig.isAlwaysOpen || false;\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"hasDivider\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [isAlwaysOpen]=\"isAlwaysOpen\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark divider--small'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center m-b-4 m-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ca-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'm-r-2' : 'm-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 m-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white background-hover-bw2':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between m-t-4 p-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img\n class=\"prevent-text-selection\"\n [src]=\"noDataImgRoute\"\n [ngStyle]=\"noDataImgDimensions\"\n />\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaModalItemsComponent, isStandalone: true, selector: "app-ca-modal-items", inputs: { itemsConfig: "itemsConfig", itemsRowTemplate: "itemsRowTemplate", stickyItemsRowTemplate: "stickyItemsRowTemplate", itemsFormArray: "itemsFormArray", itemsTotalValue: "itemsTotalValue", parentFormArrayIndex: "parentFormArrayIndex" }, outputs: { onItemsAction: "onItemsAction" }, ngImport: i0, template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n@let hasDivider = !hasNoCardVariation && !_itemsConfig.isDividerHidden;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n@let isAlwaysOpen = _itemsConfig.isAlwaysOpen || false;\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"hasDivider\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [isAlwaysOpen]=\"isAlwaysOpen\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark divider--small'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content p-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center m-b-4 m-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ca-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'm-r-2' : 'm-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 m-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white background-hover-bw2':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between m-t-4 p-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img\n class=\"prevent-text-selection\"\n [src]=\"noDataImgRoute\"\n [ngStyle]=\"noDataImgDimensions\"\n />\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.SlicePipe, name: "slice" }, { kind: "component", type:
|
|
34117
34117
|
// components
|
|
34118
34118
|
CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "cardSubText", "hasArrow", "hasPlusIcon", "isPlusIconDisabled", "plusIconTooltip", "isHeaderSvgEnabled", "counter", "hasDivider", "hasBodyData", "hasScrollBody", "isStayOpen", "isDisabledCard", "isHeaderHidden", "isTwoRowTitle", "isAlwaysOpen", "isShowArrowOnHover", "animationMarginParams", "isCardOpen", "customClass", "customNameClass", "customDividerClass"], outputs: ["onActionEvent", "onOpenCard"] }, { kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type:
|
|
34119
34119
|
// pipes
|
|
@@ -34132,7 +34132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
34132
34132
|
ModalItemsHeaderClassPipe,
|
|
34133
34133
|
// directives
|
|
34134
34134
|
ScrollShadowBorderDirective,
|
|
34135
|
-
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n@let hasDivider = !hasNoCardVariation && !_itemsConfig.isDividerHidden;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n@let isAlwaysOpen = _itemsConfig.isAlwaysOpen || false;\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"hasDivider\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [isAlwaysOpen]=\"isAlwaysOpen\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark divider--small'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content padding-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center m-b-4 m-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ca-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'm-r-2' : 'm-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 m-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white background-hover-bw2':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between m-t-4 p-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img\n class=\"prevent-text-selection\"\n [src]=\"noDataImgRoute\"\n [ngStyle]=\"noDataImgDimensions\"\n />\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"] }]
|
|
34135
|
+
], template: "@let isItemsFormArrayInvalid = itemsFormArray.invalid;\n\n@let itemsLength = itemsFormArray.length;\n\n@let hasNoDataImage = _itemsConfig.noDataImage && !itemsLength;\n@let hasNoCardVariation = _itemsConfig.hasNoCardVariation;\n@let hasPlusIcon = !hasNoCardVariation && !_itemsConfig.isDisabled;\n@let hasDivider = !hasNoCardVariation && !_itemsConfig.isDividerHidden;\n\n@let isCardOpen = hasNoDataImage || !!itemsLength;\n@let isDisabledCard = hasNoCardVariation || (!hasNoDataImage && !itemsLength);\n@let isAlwaysOpen = _itemsConfig.isAlwaysOpen || false;\n\n@let cardName = _itemsConfig.cardName || eStringPlaceholder.EMPTY;\n@let cardSubText = _itemsConfig.cardSubText || null;\n@let counter = hasNoCardVariation ? -1 : itemsLength;\n\n<app-ca-custom-card\n [cardName]=\"cardName\"\n [cardSubText]=\"cardSubText\"\n [counter]=\"counter\"\n [hasArrow]=\"false\"\n [hasPlusIcon]=\"hasPlusIcon\"\n [hasDivider]=\"hasDivider\"\n [isCardOpen]=\"isCardOpen\"\n [isPlusIconDisabled]=\"isItemsFormArrayInvalid\"\n [isDisabledCard]=\"isDisabledCard\"\n [isAlwaysOpen]=\"isAlwaysOpen\"\n [plusIconTooltip]=\"eGeneralActions.ADD_NEW\"\n [isHeaderHidden]=\"hasNoCardVariation\"\n [customDividerClass]=\"'divider--dark divider--small'\"\n [animationMarginParams]=\"{\n marginTop: '0px',\n marginBottom: '8px',\n }\"\n (onActionEvent)=\"onItemsRowAdd()\"\n>\n <div class=\"d-flex flex-column modal-items-container\">\n <!-- No Data -->\n\n @if (hasNoDataImage) {\n <!-- No Data Img -->\n\n <ng-container *ngTemplateOutlet=\"noDataImg\"></ng-container>\n } @else {\n <!-- Data -->\n\n @let gridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.gridTemplateColumnValues,\n };\n\n <!-- Header and List -->\n\n <ng-container\n *ngTemplateOutlet=\"\n mainContent;\n context: {\n gridTemplateColumns,\n }\n \"\n ></ng-container>\n\n <!-- Total Cost -->\n\n <ng-container\n *ngTemplateOutlet=\"modalItemsTotalCost\"\n ></ng-container>\n }\n </div>\n</app-ca-custom-card>\n\n<!-- Templates -->\n\n<!-- Main Content Template -->\n\n<ng-template #mainContent let-gridTemplateColumns=\"gridTemplateColumns\">\n @if (itemsLength) {\n @if (_itemsConfig.stickyGridTemplateColumnValues) {\n <!-- Sticky Layout -->\n\n <div\n class=\"d-flex align-items-center position-relative\"\n scrollShadowBorder\n >\n @let stickyGridTemplateColumns =\n {\n 'grid-template-columns':\n _itemsConfig.stickyGridTemplateColumnValues,\n };\n\n <!-- Sticky Section -->\n\n <div class=\"d-flex flex-column w-fit-content p-b-10\">\n <!-- Sticky Section Header -->\n\n @let stickySectionHeaderContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n headerItems:\n _itemsConfig.headerItems | slice: 0 : 2,\n requiredIndex:\n _itemsConfig.stickyHeaderItemsRequiredIndex,\n isStickySection: true,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: stickySectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Sticky Section List -->\n\n @let stickySectionListContext =\n {\n gridTemplateColumns: stickyGridTemplateColumns,\n templateRef: stickyItemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: stickySectionListContext\n \"\n ></ng-container>\n </div>\n\n <!-- Scrollable Section -->\n\n <div\n class=\"d-flex flex-column overflow-x-auto position-relative modal-items-scrollable-columns\"\n >\n <!-- Scrollable Section Header -->\n\n @let scrollableSectionHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems | slice: 2,\n requiredIndex:\n _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex:\n _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex:\n _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n isStickySection: false,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: scrollableSectionHeaderContext\n \"\n ></ng-container>\n\n <!-- Scrollable Section List -->\n\n @let scrollableSectionListContext =\n {\n gridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: scrollableSectionListContext\n \"\n ></ng-container>\n </div>\n </div>\n } @else {\n <!-- Standard Layout -->\n\n <!-- Standard Layout Header -->\n\n @let standardLayoutHeaderContext =\n {\n gridTemplateColumns,\n headerItems: _itemsConfig.headerItems,\n requiredIndex: _itemsConfig.headerItemsRequiredIndex,\n alignRightIndex: _itemsConfig.headerItemsAlignRightIndex,\n alignLeftIndex: _itemsConfig.headerItemsAlignLeftIndex,\n justifyCenterIndex:\n _itemsConfig.headerItemsJustifyCenterIndex,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n headerSection;\n context: standardLayoutHeaderContext\n \"\n ></ng-container>\n\n @let adjustedGridTemplateColumns =\n _itemsConfig.singleListItemGridTemplateColumnValues\n ? {\n 'grid-template-columns':\n _itemsConfig.singleListItemGridTemplateColumnValues,\n }\n : gridTemplateColumns;\n\n <!-- Standard Layout List -->\n\n @let standardLayoutListContext =\n {\n gridTemplateColumns: adjustedGridTemplateColumns,\n templateRef: itemsRowTemplate,\n };\n\n <ng-container\n *ngTemplateOutlet=\"\n listSection;\n context: standardLayoutListContext\n \"\n ></ng-container>\n }\n }\n</ng-template>\n\n<!-- Header Section -->\n\n<ng-template\n #headerSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-headerItems=\"headerItems\"\n let-requiredIndex=\"requiredIndex\"\n let-alignRightIndex=\"alignRightIndex\"\n let-alignLeftIndex=\"alignLeftIndex\"\n let-justifyCenterIndex=\"justifyCenterIndex\"\n let-isStickySection=\"isStickySection\"\n>\n <div\n class=\"d-grid align-items-center m-b-4 m-t-8\"\n [ngStyle]=\"gridTemplateColumns\"\n >\n @for (\n headerItem of headerItems;\n let headerItemFirst = $first;\n let headerItemLast = $last;\n let headerIndex = $index;\n track headerItem\n ) {\n @let isRequiredItem = requiredIndex?.includes(headerIndex);\n\n @let isAlignRightItem = alignRightIndex?.includes(headerIndex);\n @let isAlignLeftItem = alignLeftIndex?.includes(headerIndex);\n @let isJustifyCenterItem =\n justifyCenterIndex?.includes(headerIndex);\n\n @let headerItemClass =\n {\n headerItemFirst,\n headerItemLast,\n isJustifyCenterItem,\n isAlignLeftItem,\n isStickySection,\n } | modalItemsHeaderClass;\n\n <div class=\"d-flex align-items-center\" [ngClass]=\"headerItemClass\">\n <p\n class=\"ca-font-bold text-size-11 text-color-muted\"\n [ngClass]=\"{ 'order-2': isAlignRightItem }\"\n >\n @if (headerItem) {\n {{ headerItem }}\n } @else {\n @let hasSingleItemsRow = itemsLength <= 1;\n\n @if (hasSingleItemsRow) {\n #\n } @else {\n <div\n class=\"c-pointer\"\n (click)=\"onItemsRowReorder()\"\n >\n <svg-icon\n class=\"svg-size-12 svg-fill-muted\"\n [src]=\"sharedSvgRoutes.SORT_ARROWS_ICON\"\n ></svg-icon>\n </div>\n }\n }\n </p>\n\n @if (isRequiredItem) {\n <span\n class=\"ca-font-semi-bold text-size-11 text-color-red-11\"\n [class]=\"isAlignRightItem ? 'm-r-2' : 'm-l-2'\"\n >\n *\n </span>\n }\n </div>\n }\n </div>\n</ng-template>\n\n<!-- List Section -->\n\n<ng-template\n #listSection\n let-gridTemplateColumns=\"gridTemplateColumns\"\n let-templateRef=\"templateRef\"\n>\n <div class=\"d-flex flex-column\">\n @for (\n group of itemsFormArray.controls;\n track group;\n let index = $index\n ) {\n <div\n class=\"br-2 h-26 m-b-4\"\n [ngClass]=\"{\n 'background-hover-light-grey-5': _itemsConfig.isDisabled,\n }\"\n >\n @let groupClass =\n {\n 'background-white background-hover-bw2':\n group.valid && !_itemsConfig.isDisabled,\n 'background-bw2': !group.valid,\n 'pe-none user-select-none': _itemsConfig.isDisabled,\n };\n\n <div\n class=\"d-grid align-items-center br-2\"\n [ngClass]=\"groupClass\"\n [ngStyle]=\"gridTemplateColumns\"\n (mouseenter)=\"onItemsRowHover(index)\"\n (mouseleave)=\"onItemsRowHover(-1)\"\n >\n <ng-container\n *ngTemplateOutlet=\"\n templateRef;\n context: {\n $implicit: group,\n index,\n hoverIndex,\n parentFormArrayIndex,\n }\n \"\n ></ng-container>\n </div>\n </div>\n }\n </div>\n</ng-template>\n\n<!-- Total Cost Template -->\n\n<ng-template #modalItemsTotalCost>\n @if (itemsTotalValue) {\n <div\n class=\"d-flex align-items-center justify-content-between m-t-4 p-x-6\"\n >\n <p class=\"text-size-14 text-color-muted ca-font-semi-bold\">\n Total Cost\n </p>\n\n <p class=\"text-size-14 text-color-black ca-font-bold\">\n {{ itemsTotalValue }}\n </p>\n </div>\n }\n</ng-template>\n\n<!-- No Data Template -->\n\n<ng-template #noDataImg>\n @let noDataImgRoute =\n sharedSvgRoutes.COMMON_FOLDER_ROUTE + _itemsConfig.noDataImage;\n\n @let noDataImgDimensions =\n {\n width: _itemsConfig.noDataImageDimensions?.width,\n height: _itemsConfig.noDataImageDimensions?.height,\n };\n\n <img\n class=\"prevent-text-selection\"\n [src]=\"noDataImgRoute\"\n [ngStyle]=\"noDataImgDimensions\"\n />\n</ng-template>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.modal-items-scrollable-columns{margin-bottom:4px!important}.modal-items-scrollable-columns::-webkit-scrollbar{height:6px!important;background:#f7f7f7!important;border-radius:1px!important}.modal-items-scrollable-columns::-webkit-scrollbar-thumb{background-color:#ccc!important;border-radius:2px!important;height:4px!important;border:1px solid #f7f7f7!important}.modal-items-scrollable-columns::-webkit-scrollbar-button{display:none!important}.modal-items-scrollable-columns .d-grid{min-width:max-content!important}.d-flex.align-items-center.position-relative.show-right-shadow:after{content:\"\";position:absolute;top:4px;right:0;width:8px;height:calc(100% - 16px);background:linear-gradient(270deg,#dadada,#dadada00);z-index:2;pointer-events:none}\n"] }]
|
|
34136
34136
|
}], ctorParameters: () => [], propDecorators: { itemsConfig: [{
|
|
34137
34137
|
type: Input
|
|
34138
34138
|
}], itemsRowTemplate: [{
|
|
@@ -38589,7 +38589,7 @@ class CaFactoringDropdownComponent {
|
|
|
38589
38589
|
: this.onFactoringExport.emit(factoringExportItem);
|
|
38590
38590
|
}
|
|
38591
38591
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaFactoringDropdownComponent, deps: [{ token: i1$2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38592
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFactoringDropdownComponent, isStandalone: true, selector: "app-ca-factoring-dropdown", inputs: { itemsCount: "itemsCount", isExportFinished: "isExportFinished" }, outputs: { onFactoringExport: "onFactoringExport", onFactoringUploadToRts: "onFactoringUploadToRts" }, ngImport: i0, template: "<div class=\"w-26 h-26\">\n <div\n #factoringDropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"factoringDropdown\"\n [autoClose]=\"'outside'\"\n [placement]=\"ePosition.BOTTOM_END\"\n [popoverClass]=\"'factoring-dropdown-popover'\"\n [container]=\"'body'\"\n (click)=\"\n onFactoringDropdownOpenCloseClick(factoringDropdownPopover, $event)\n \"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-2 w-26 h-26 c-pointer\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'background-blue-15'\n : 'background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"\n 'Create factoring schedule and Export batch documents (' +\n itemsCount +\n ')'\n \"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"factoring-icon d-flex align-items-center justify-content-center\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'svg-fill-white-4'\n : 'svg-fill-blue-9'\n \"\n [src]=\"sharedSvgRoutes.DOCUMENT_ICON\"\n ></svg-icon>\n </div>\n </div>\n\n <ng-template #factoringDropdown>\n @let isFormValid = factoringDropdownForm.valid;\n @let pdfFormat =\n factoringDropdownForm.get(eFactoringFormControl.PDF_FORMAT)?.value;\n @let organizePdf =\n factoringDropdownForm.get(eFactoringFormControl.ORGANIZE_PDF)\n ?.value;\n <div\n class=\"factoring-dropdown-container d-flex flex-column w-180 p-4 br-3 background-black-2\"\n [formGroup]=\"factoringDropdownForm\"\n >\n <div\n class=\"factoring-dropdown-title-container d-flex align-items-center justify-content-between\"\n >\n <div\n class=\"factoring-dropdown-title d-flex align-items-center p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-14 ca-font-extra-bold text-color-white\"\n >\n Export Batch\n </p>\n <div\n class=\"text-size-11 ca-font-bold min-w-16 p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ itemsCount }}\n </div>\n </div>\n <div\n class=\"factoring-dropdown-title-icon-container w-26 h-26 d-flex align-items-center justify-content-center c-pointer background-hover-dark-3 br-2\"\n ngbTooltip\n [mainCaTooltip]=\"eSharedString.CLOSE\"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n (click)=\"onCLoseDropdown()\"\n >\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.CLOSE_ICON_NORMAL\"\n ></svg-icon>\n </div>\n </div>\n\n <div class=\"w-100 h-1 background-black m-y-4\"></div>\n <div\n class=\"factoring-dropdown-search-container p-x-2 p-t-18 padding-b-14\"\n >\n <cai-input\n [id]=\"'test'\"\n [config]=\"scheduleNoInputConfig\"\n [formControlName]=\"eFactoringFormControl.SCHEDULE_NO\"\n ></cai-input>\n </div>\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n TABLE COLUMN\n </p>\n <div\n class=\"text-size-11 ca-font-semi-bold p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ checkedCount$ | async }} of 8\n </div>\n </div>\n\n @for (\n item of checkBoxItems;\n let itemIndex = $index;\n track itemIndex\n ) {\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer h-26 d-flex align-items-center\"\n (click)=\"onCheckboxRowClick(item.name)\"\n >\n <app-ca-checkbox\n [formControlName]=\"item.name\"\n [label]=\"item.label\"\n [name]=\"item.name\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [disabled]=\"item.isChecked\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n }\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n PDF FORMAT\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.SINGLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.SINGLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.SINGLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Single (All Loads)</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.MULTIPLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.MULTIPLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.MULTIPLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Multiple (Per Load)</span\n >\n </label>\n </div>\n\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n ORGANIZE PDF\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_LOAD,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.ORGANIZE_PDF\"\n [value]=\"eFactoringPdfOrganize.BY_LOAD\"\n (click)=\"$event.stopPropagation()\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n organizePdf === eFactoringPdfOrganize.BY_LOAD\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >By Load</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n !isByTagDisabled &&\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_TAG,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n @if (isByTagDisabled) {\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-14 d-flex align-items-center justify-content-center m-r-6 svg-fill-grey-2\"\n [src]=\"checkboxSvgRputes.disabledIcon\"\n ></svg-icon>\n } @else {\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"\n eFactoringFormControl.ORGANIZE_PDF\n \"\n [value]=\"eFactoringPdfOrganize.BY_TAG\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"{\n 'text-color-bw6-2': isByTagDisabled,\n 'text-color-white': !isByTagDisabled,\n\n 'ca-font-bold':\n organizePdf === eFactoringPdfOrganize.BY_TAG &&\n !isByTagDisabled,\n 'ca-font-regular':\n organizePdf !== eFactoringPdfOrganize.BY_TAG ||\n isByTagDisabled,\n }\"\n >By Tag</span\n >\n </label>\n </div>\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer\"\n (click)=\"\n onCheckboxRowClick(eFactoringFormControl.INCLUDE_UNTAGGED)\n \"\n >\n <app-ca-checkbox\n #checkboxCmp\n [formControlName]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [label]=\"'Include Untagged'\"\n [name]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n <div class=\"w-100 h-1 background-black m-t-6 m-b-4\"></div>\n\n @if (!isExportClicked) {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportClick($event)\"\n >\n <span>EXPORT</span>\n </button>\n } @else {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportBatch(true, $event)\"\n >\n @if (isInProgressUpload) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>UPLOAD TO RTS</span>\n }\n </button>\n\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2 mt-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressExport &&\n !isInProgressUpload\n ? 'background-dark-2 text-color-blue-19'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressExport || isInProgressUpload\n \"\n (click)=\"onExportBatch(false, $event)\"\n >\n @if (isInProgressExport) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>EXPORT TO PC</span>\n }\n </button>\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.factoring-radio{appearance:none;-webkit-appearance:none;outline:none;position:relative;transition:background .15s ease,border .15s ease}.factoring-radio:after{content:\"\";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff;display:none}.factoring-radio:checked{background:#6692f1}.factoring-radio:checked:after{display:block}.factoring-export-btn{outline:none;border:none}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
38592
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaFactoringDropdownComponent, isStandalone: true, selector: "app-ca-factoring-dropdown", inputs: { itemsCount: "itemsCount", isExportFinished: "isExportFinished" }, outputs: { onFactoringExport: "onFactoringExport", onFactoringUploadToRts: "onFactoringUploadToRts" }, ngImport: i0, template: "<div class=\"w-26 h-26\">\n <div\n #factoringDropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"factoringDropdown\"\n [autoClose]=\"'outside'\"\n [placement]=\"ePosition.BOTTOM_END\"\n [popoverClass]=\"'factoring-dropdown-popover'\"\n [container]=\"'body'\"\n (click)=\"\n onFactoringDropdownOpenCloseClick(factoringDropdownPopover, $event)\n \"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-2 w-26 h-26 c-pointer\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'background-blue-15'\n : 'background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"\n 'Create factoring schedule and Export batch documents (' +\n itemsCount +\n ')'\n \"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"factoring-icon d-flex align-items-center justify-content-center\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'svg-fill-white-4'\n : 'svg-fill-blue-9'\n \"\n [src]=\"sharedSvgRoutes.DOCUMENT_ICON\"\n ></svg-icon>\n </div>\n </div>\n\n <ng-template #factoringDropdown>\n @let isFormValid = factoringDropdownForm.valid;\n @let pdfFormat =\n factoringDropdownForm.get(eFactoringFormControl.PDF_FORMAT)?.value;\n @let organizePdf =\n factoringDropdownForm.get(eFactoringFormControl.ORGANIZE_PDF)\n ?.value;\n <div\n class=\"factoring-dropdown-container d-flex flex-column w-180 p-4 br-3 background-black-2\"\n [formGroup]=\"factoringDropdownForm\"\n >\n <div\n class=\"factoring-dropdown-title-container d-flex align-items-center justify-content-between\"\n >\n <div\n class=\"factoring-dropdown-title d-flex align-items-center p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-14 ca-font-extra-bold text-color-white\"\n >\n Export Batch\n </p>\n <div\n class=\"text-size-11 ca-font-bold min-w-16 p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ itemsCount }}\n </div>\n </div>\n <div\n class=\"factoring-dropdown-title-icon-container w-26 h-26 d-flex align-items-center justify-content-center c-pointer background-hover-dark-3 br-2\"\n ngbTooltip\n [mainCaTooltip]=\"eSharedString.CLOSE\"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n (click)=\"onCLoseDropdown()\"\n >\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.CLOSE_ICON_NORMAL\"\n ></svg-icon>\n </div>\n </div>\n\n <div class=\"w-100 h-1 background-black m-y-4\"></div>\n <div\n class=\"factoring-dropdown-search-container p-x-2 p-t-18 p-14\"\n >\n <cai-input\n [id]=\"'test'\"\n [config]=\"scheduleNoInputConfig\"\n [formControlName]=\"eFactoringFormControl.SCHEDULE_NO\"\n ></cai-input>\n </div>\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n TABLE COLUMN\n </p>\n <div\n class=\"text-size-11 ca-font-semi-bold p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ checkedCount$ | async }} of 8\n </div>\n </div>\n\n @for (\n item of checkBoxItems;\n let itemIndex = $index;\n track itemIndex\n ) {\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer h-26 d-flex align-items-center\"\n (click)=\"onCheckboxRowClick(item.name)\"\n >\n <app-ca-checkbox\n [formControlName]=\"item.name\"\n [label]=\"item.label\"\n [name]=\"item.name\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [disabled]=\"item.isChecked\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n }\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n PDF FORMAT\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.SINGLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.SINGLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.SINGLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Single (All Loads)</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.MULTIPLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.MULTIPLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.MULTIPLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Multiple (Per Load)</span\n >\n </label>\n </div>\n\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n ORGANIZE PDF\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_LOAD,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.ORGANIZE_PDF\"\n [value]=\"eFactoringPdfOrganize.BY_LOAD\"\n (click)=\"$event.stopPropagation()\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n organizePdf === eFactoringPdfOrganize.BY_LOAD\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >By Load</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n !isByTagDisabled &&\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_TAG,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n @if (isByTagDisabled) {\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-14 d-flex align-items-center justify-content-center m-r-6 svg-fill-grey-2\"\n [src]=\"checkboxSvgRputes.disabledIcon\"\n ></svg-icon>\n } @else {\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"\n eFactoringFormControl.ORGANIZE_PDF\n \"\n [value]=\"eFactoringPdfOrganize.BY_TAG\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"{\n 'text-color-bw6-2': isByTagDisabled,\n 'text-color-white': !isByTagDisabled,\n\n 'ca-font-bold':\n organizePdf === eFactoringPdfOrganize.BY_TAG &&\n !isByTagDisabled,\n 'ca-font-regular':\n organizePdf !== eFactoringPdfOrganize.BY_TAG ||\n isByTagDisabled,\n }\"\n >By Tag</span\n >\n </label>\n </div>\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer\"\n (click)=\"\n onCheckboxRowClick(eFactoringFormControl.INCLUDE_UNTAGGED)\n \"\n >\n <app-ca-checkbox\n #checkboxCmp\n [formControlName]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [label]=\"'Include Untagged'\"\n [name]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n <div class=\"w-100 h-1 background-black m-t-6 m-b-4\"></div>\n\n @if (!isExportClicked) {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportClick($event)\"\n >\n <span>EXPORT</span>\n </button>\n } @else {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportBatch(true, $event)\"\n >\n @if (isInProgressUpload) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>UPLOAD TO RTS</span>\n }\n </button>\n\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2 m-t-8\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressExport &&\n !isInProgressUpload\n ? 'background-dark-2 text-color-blue-19'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressExport || isInProgressUpload\n \"\n (click)=\"onExportBatch(false, $event)\"\n >\n @if (isInProgressExport) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>EXPORT TO PC</span>\n }\n </button>\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.factoring-radio{appearance:none;-webkit-appearance:none;outline:none;position:relative;transition:background .15s ease,border .15s ease}.factoring-radio:after{content:\"\";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff;display:none}.factoring-radio:checked{background:#6692f1}.factoring-radio:checked:after{display:block}.factoring-export-btn{outline:none;border:none}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
38593
38593
|
// modules
|
|
38594
38594
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbPopover, selector: "[ngbPopover]", inputs: ["animation", "autoClose", "ngbPopover", "popoverTitle", "placement", "popperOptions", "triggers", "positionTarget", "container", "disablePopover", "popoverClass", "popoverContext", "openDelay", "closeDelay"], outputs: ["shown", "hidden"], exportAs: ["ngbPopover"] }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type:
|
|
38595
38595
|
// components
|
|
@@ -38608,7 +38608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
38608
38608
|
CaCheckboxComponent,
|
|
38609
38609
|
CaSpinnerComponent,
|
|
38610
38610
|
InputComponent,
|
|
38611
|
-
], template: "<div class=\"w-26 h-26\">\n <div\n #factoringDropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"factoringDropdown\"\n [autoClose]=\"'outside'\"\n [placement]=\"ePosition.BOTTOM_END\"\n [popoverClass]=\"'factoring-dropdown-popover'\"\n [container]=\"'body'\"\n (click)=\"\n onFactoringDropdownOpenCloseClick(factoringDropdownPopover, $event)\n \"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-2 w-26 h-26 c-pointer\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'background-blue-15'\n : 'background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"\n 'Create factoring schedule and Export batch documents (' +\n itemsCount +\n ')'\n \"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"factoring-icon d-flex align-items-center justify-content-center\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'svg-fill-white-4'\n : 'svg-fill-blue-9'\n \"\n [src]=\"sharedSvgRoutes.DOCUMENT_ICON\"\n ></svg-icon>\n </div>\n </div>\n\n <ng-template #factoringDropdown>\n @let isFormValid = factoringDropdownForm.valid;\n @let pdfFormat =\n factoringDropdownForm.get(eFactoringFormControl.PDF_FORMAT)?.value;\n @let organizePdf =\n factoringDropdownForm.get(eFactoringFormControl.ORGANIZE_PDF)\n ?.value;\n <div\n class=\"factoring-dropdown-container d-flex flex-column w-180 p-4 br-3 background-black-2\"\n [formGroup]=\"factoringDropdownForm\"\n >\n <div\n class=\"factoring-dropdown-title-container d-flex align-items-center justify-content-between\"\n >\n <div\n class=\"factoring-dropdown-title d-flex align-items-center p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-14 ca-font-extra-bold text-color-white\"\n >\n Export Batch\n </p>\n <div\n class=\"text-size-11 ca-font-bold min-w-16 p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ itemsCount }}\n </div>\n </div>\n <div\n class=\"factoring-dropdown-title-icon-container w-26 h-26 d-flex align-items-center justify-content-center c-pointer background-hover-dark-3 br-2\"\n ngbTooltip\n [mainCaTooltip]=\"eSharedString.CLOSE\"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n (click)=\"onCLoseDropdown()\"\n >\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.CLOSE_ICON_NORMAL\"\n ></svg-icon>\n </div>\n </div>\n\n <div class=\"w-100 h-1 background-black m-y-4\"></div>\n <div\n class=\"factoring-dropdown-search-container p-x-2 p-t-18 padding-b-14\"\n >\n <cai-input\n [id]=\"'test'\"\n [config]=\"scheduleNoInputConfig\"\n [formControlName]=\"eFactoringFormControl.SCHEDULE_NO\"\n ></cai-input>\n </div>\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n TABLE COLUMN\n </p>\n <div\n class=\"text-size-11 ca-font-semi-bold p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ checkedCount$ | async }} of 8\n </div>\n </div>\n\n @for (\n item of checkBoxItems;\n let itemIndex = $index;\n track itemIndex\n ) {\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer h-26 d-flex align-items-center\"\n (click)=\"onCheckboxRowClick(item.name)\"\n >\n <app-ca-checkbox\n [formControlName]=\"item.name\"\n [label]=\"item.label\"\n [name]=\"item.name\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [disabled]=\"item.isChecked\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n }\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n PDF FORMAT\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.SINGLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.SINGLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.SINGLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Single (All Loads)</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.MULTIPLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.MULTIPLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.MULTIPLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Multiple (Per Load)</span\n >\n </label>\n </div>\n\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n ORGANIZE PDF\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_LOAD,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.ORGANIZE_PDF\"\n [value]=\"eFactoringPdfOrganize.BY_LOAD\"\n (click)=\"$event.stopPropagation()\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n organizePdf === eFactoringPdfOrganize.BY_LOAD\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >By Load</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n !isByTagDisabled &&\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_TAG,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n @if (isByTagDisabled) {\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-14 d-flex align-items-center justify-content-center m-r-6 svg-fill-grey-2\"\n [src]=\"checkboxSvgRputes.disabledIcon\"\n ></svg-icon>\n } @else {\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"\n eFactoringFormControl.ORGANIZE_PDF\n \"\n [value]=\"eFactoringPdfOrganize.BY_TAG\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"{\n 'text-color-bw6-2': isByTagDisabled,\n 'text-color-white': !isByTagDisabled,\n\n 'ca-font-bold':\n organizePdf === eFactoringPdfOrganize.BY_TAG &&\n !isByTagDisabled,\n 'ca-font-regular':\n organizePdf !== eFactoringPdfOrganize.BY_TAG ||\n isByTagDisabled,\n }\"\n >By Tag</span\n >\n </label>\n </div>\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer\"\n (click)=\"\n onCheckboxRowClick(eFactoringFormControl.INCLUDE_UNTAGGED)\n \"\n >\n <app-ca-checkbox\n #checkboxCmp\n [formControlName]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [label]=\"'Include Untagged'\"\n [name]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n <div class=\"w-100 h-1 background-black m-t-6 m-b-4\"></div>\n\n @if (!isExportClicked) {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportClick($event)\"\n >\n <span>EXPORT</span>\n </button>\n } @else {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportBatch(true, $event)\"\n >\n @if (isInProgressUpload) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>UPLOAD TO RTS</span>\n }\n </button>\n\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2 mt-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressExport &&\n !isInProgressUpload\n ? 'background-dark-2 text-color-blue-19'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressExport || isInProgressUpload\n \"\n (click)=\"onExportBatch(false, $event)\"\n >\n @if (isInProgressExport) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>EXPORT TO PC</span>\n }\n </button>\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.factoring-radio{appearance:none;-webkit-appearance:none;outline:none;position:relative;transition:background .15s ease,border .15s ease}.factoring-radio:after{content:\"\";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff;display:none}.factoring-radio:checked{background:#6692f1}.factoring-radio:checked:after{display:block}.factoring-export-btn{outline:none;border:none}\n"] }]
|
|
38611
|
+
], template: "<div class=\"w-26 h-26\">\n <div\n #factoringDropdownPopover=\"ngbPopover\"\n triggers=\"'manual'\"\n [ngbPopover]=\"factoringDropdown\"\n [autoClose]=\"'outside'\"\n [placement]=\"ePosition.BOTTOM_END\"\n [popoverClass]=\"'factoring-dropdown-popover'\"\n [container]=\"'body'\"\n (click)=\"\n onFactoringDropdownOpenCloseClick(factoringDropdownPopover, $event)\n \"\n >\n <div\n class=\"d-flex align-items-center justify-content-center br-2 w-26 h-26 c-pointer\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'background-blue-15'\n : 'background-hover-blue-16'\n \"\n ngbTooltip\n [mainCaTooltip]=\"\n 'Create factoring schedule and Export batch documents (' +\n itemsCount +\n ')'\n \"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n >\n <svg-icon\n class=\"factoring-icon d-flex align-items-center justify-content-center\"\n [ngClass]=\"\n factoringDropdownPopover.isOpen()\n ? 'svg-fill-white-4'\n : 'svg-fill-blue-9'\n \"\n [src]=\"sharedSvgRoutes.DOCUMENT_ICON\"\n ></svg-icon>\n </div>\n </div>\n\n <ng-template #factoringDropdown>\n @let isFormValid = factoringDropdownForm.valid;\n @let pdfFormat =\n factoringDropdownForm.get(eFactoringFormControl.PDF_FORMAT)?.value;\n @let organizePdf =\n factoringDropdownForm.get(eFactoringFormControl.ORGANIZE_PDF)\n ?.value;\n <div\n class=\"factoring-dropdown-container d-flex flex-column w-180 p-4 br-3 background-black-2\"\n [formGroup]=\"factoringDropdownForm\"\n >\n <div\n class=\"factoring-dropdown-title-container d-flex align-items-center justify-content-between\"\n >\n <div\n class=\"factoring-dropdown-title d-flex align-items-center p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-14 ca-font-extra-bold text-color-white\"\n >\n Export Batch\n </p>\n <div\n class=\"text-size-11 ca-font-bold min-w-16 p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ itemsCount }}\n </div>\n </div>\n <div\n class=\"factoring-dropdown-title-icon-container w-26 h-26 d-flex align-items-center justify-content-center c-pointer background-hover-dark-3 br-2\"\n ngbTooltip\n [mainCaTooltip]=\"eSharedString.CLOSE\"\n [tooltipBackground]=\"'#424242'\"\n [position]=\"'bottom'\"\n (click)=\"onCLoseDropdown()\"\n >\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-18 d-flex align-items-center justify-content-center\"\n [src]=\"sharedSvgRoutes.CLOSE_ICON_NORMAL\"\n ></svg-icon>\n </div>\n </div>\n\n <div class=\"w-100 h-1 background-black m-y-4\"></div>\n <div\n class=\"factoring-dropdown-search-container p-x-2 p-t-18 p-14\"\n >\n <cai-input\n [id]=\"'test'\"\n [config]=\"scheduleNoInputConfig\"\n [formControlName]=\"eFactoringFormControl.SCHEDULE_NO\"\n ></cai-input>\n </div>\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n TABLE COLUMN\n </p>\n <div\n class=\"text-size-11 ca-font-semi-bold p-x-4 p-y-1 br-60 fleet-filter-dropdown-list-badge text-center background-black text-color-white\"\n >\n {{ checkedCount$ | async }} of 8\n </div>\n </div>\n\n @for (\n item of checkBoxItems;\n let itemIndex = $index;\n track itemIndex\n ) {\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer h-26 d-flex align-items-center\"\n (click)=\"onCheckboxRowClick(item.name)\"\n >\n <app-ca-checkbox\n [formControlName]=\"item.name\"\n [label]=\"item.label\"\n [name]=\"item.name\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [disabled]=\"item.isChecked\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n }\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n PDF FORMAT\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.SINGLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.SINGLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.SINGLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Single (All Loads)</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n onRadioPdfFormatClick(eFactoringPdfFormat.MULTIPLE, $event)\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.PDF_FORMAT\"\n [value]=\"eFactoringPdfFormat.MULTIPLE\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n pdfFormat === eFactoringPdfFormat.MULTIPLE\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >Multiple (Per Load)</span\n >\n </label>\n </div>\n\n <div class=\"w-100 h-1 background-black m-t-4\"></div>\n <div\n class=\"factoring-dropdown-table-columns-container d-flex align-items-center p-t-6 p-b-2 p-l-6\"\n >\n <p\n class=\"factoring-dropdown-title-text m-r-4 text-size-11 ca-font-bold text-color-white\"\n >\n ORGANIZE PDF\n </p>\n </div>\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center m-y-4\"\n (click)=\"\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_LOAD,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"eFactoringFormControl.ORGANIZE_PDF\"\n [value]=\"eFactoringPdfOrganize.BY_LOAD\"\n (click)=\"$event.stopPropagation()\"\n />\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"\n organizePdf === eFactoringPdfOrganize.BY_LOAD\n ? 'ca-font-bold'\n : 'ca-font-regular'\n \"\n >By Load</span\n >\n </label>\n </div>\n\n <div\n class=\"p-l-6 p-y-4 background-hover-black c-pointer d-flex align-items-center\"\n (click)=\"\n !isByTagDisabled &&\n onRadioOrganizePdfClick(\n eFactoringPdfOrganize.BY_TAG,\n $event\n )\n \"\n >\n <label class=\"radio-row d-flex align-items-center c-pointer\">\n @if (isByTagDisabled) {\n <svg-icon\n class=\"factoring-dropdown-title-icon svg-size-14 d-flex align-items-center justify-content-center m-r-6 svg-fill-grey-2\"\n [src]=\"checkboxSvgRputes.disabledIcon\"\n ></svg-icon>\n } @else {\n <input\n type=\"radio\"\n class=\"factoring-radio m-r-6 c-pointer h-14 w-14 br-circle background-bw5\"\n [formControlName]=\"\n eFactoringFormControl.ORGANIZE_PDF\n \"\n [value]=\"eFactoringPdfOrganize.BY_TAG\"\n (click)=\"$event.stopPropagation()\"\n />\n }\n\n <span\n class=\"text-size-14 text-color-white\"\n [ngClass]=\"{\n 'text-color-bw6-2': isByTagDisabled,\n 'text-color-white': !isByTagDisabled,\n\n 'ca-font-bold':\n organizePdf === eFactoringPdfOrganize.BY_TAG &&\n !isByTagDisabled,\n 'ca-font-regular':\n organizePdf !== eFactoringPdfOrganize.BY_TAG ||\n isByTagDisabled,\n }\"\n >By Tag</span\n >\n </label>\n </div>\n <div\n class=\"factoring-dropdown-checkbox-item p-y-4 p-l-6 p-r-4 m-t-4 br-2 background-hover-black c-pointer\"\n (click)=\"\n onCheckboxRowClick(eFactoringFormControl.INCLUDE_UNTAGGED)\n \"\n >\n <app-ca-checkbox\n #checkboxCmp\n [formControlName]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [label]=\"'Include Untagged'\"\n [name]=\"eFactoringFormControl.INCLUDE_UNTAGGED\"\n [isRegularCheckbox]=\"true\"\n [customClass]=\"'dropdown-column'\"\n [isLabelDisabled]=\"true\"\n [isDarkBackgroundCheckbox]=\"true\"\n ></app-ca-checkbox>\n </div>\n <div class=\"w-100 h-1 background-black m-t-6 m-b-4\"></div>\n\n @if (!isExportClicked) {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportClick($event)\"\n >\n <span>EXPORT</span>\n </button>\n } @else {\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressUpload &&\n !isInProgressExport\n ? 'background-blue-13 text-color-white'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressUpload || isInProgressExport\n \"\n (click)=\"onExportBatch(true, $event)\"\n >\n @if (isInProgressUpload) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>UPLOAD TO RTS</span>\n }\n </button>\n\n <button\n class=\"factoring-export-btn d-flex align-items-center justify-content-center ca-font-bold br-1 text-size-11 p-2 m-t-8\"\n [ngClass]=\"\n isFormValid &&\n !isInProgressExport &&\n !isInProgressUpload\n ? 'background-dark-2 text-color-blue-19'\n : 'background-dark-2 text-color-grey'\n \"\n [disabled]=\"\n !isFormValid || isInProgressExport || isInProgressUpload\n \"\n (click)=\"onExportBatch(false, $event)\"\n >\n @if (isInProgressExport) {\n Preparing...\n <app-ca-spinner\n [size]=\"'extra-small'\"\n [color]=\"'gray'\"\n ></app-ca-spinner>\n } @else {\n <span>EXPORT TO PC</span>\n }\n </button>\n }\n </div>\n </ng-template>\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#0b49d1;transition:all .3s ease-in-out}.factoring-radio{appearance:none;-webkit-appearance:none;outline:none;position:relative;transition:background .15s ease,border .15s ease}.factoring-radio:after{content:\"\";position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#fff;display:none}.factoring-radio:checked{background:#6692f1}.factoring-radio:checked:after{display:block}.factoring-export-btn{outline:none;border:none}\n"] }]
|
|
38612
38612
|
}], ctorParameters: () => [{ type: i1$2.UntypedFormBuilder }], propDecorators: { itemsCount: [{
|
|
38613
38613
|
type: Input
|
|
38614
38614
|
}], isExportFinished: [{
|
|
@@ -38655,7 +38655,7 @@ class CaContactsCardComponent {
|
|
|
38655
38655
|
this.onDeleteClick.emit(contactId);
|
|
38656
38656
|
}
|
|
38657
38657
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaContactsCardComponent, deps: [{ token: i1$4.Clipboard }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38658
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaContactsCardComponent, isStandalone: true, selector: "app-ca-contacts-card", inputs: { departmentContacts: "departmentContacts", searchText: "searchText" }, outputs: { onEditClick: "onEditClick", onDeleteClick: "onDeleteClick" }, ngImport: i0, template: "
|
|
38658
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaContactsCardComponent, isStandalone: true, selector: "app-ca-contacts-card", inputs: { departmentContacts: "departmentContacts", searchText: "searchText" }, outputs: { onEditClick: "onEditClick", onDeleteClick: "onDeleteClick" }, ngImport: i0, template: "@for (department of departmentContacts; let index = $index; track department) {\n <div [ngStyle]=\"{ 'max-width': '312px' }\">\n @if (index > 0) {\n <div class=\"h-1 background-bw-9 br-1 m-x-2\"></div>\n }\n\n <app-ca-custom-card\n customDividerClass=\"divider--dark divider--small\"\n customNameClass=\"p-l-6\"\n headerRightSideClass=\"p-r-6\"\n [cardName]=\"department.name\"\n [hasDivider]=\"false\"\n [counter]=\"department.contacts.length\"\n [isCardOpen]=\"!index\"\n [animationMarginParams]=\"{\n marginTop: '0',\n marginBottom: '0',\n }\"\n >\n <div origin>\n @for (\n contact of department.contacts;\n let i = $index;\n let last = $last;\n track contact.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n contactItemTemplate;\n context: {\n contact,\n index: i,\n isLast: last,\n }\n \"\n ></ng-container>\n }\n </div>\n </app-ca-custom-card>\n </div>\n}\n\n<ng-template\n #contactItemTemplate\n let-contact=\"contact\"\n let-index=\"index\"\n let-isLast=\"isLast\"\n>\n <div\n class=\"p-x-6 p-y-4 background-hover-bw2 br-2\"\n [ngClass]=\"{\n 'm-b-8': isLast,\n 'm-b-4': !isLast,\n }\"\n (mouseenter)=\"onHoverContact(contact.id)\"\n (mouseleave)=\"onHoverContact()\"\n >\n <div class=\"d-flex align-items-center justify-content-between m-b-4\">\n <div class=\"d-flex align-items-center text-truncate\">\n <div\n class=\"text-size-14 text-color-black-2 ca-font-medium text-truncate\"\n [innerHTML]=\"\n contact.fullName\n | caHighlight: [{ index: 45632, text: searchText }]\n \"\n ></div>\n </div>\n\n @if (hoveredContactId === contact.id) {\n <div class=\"d-flex align-items-center\">\n <div\n class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-dark-2 svg-hover-black br-1 c-pointer m-r-4\"\n ngbTooltip\n [mainCaTooltip]=\"eGeneralActions.EDIT\"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.TOP\"\n (click)=\"onEditEvent(contact.id)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14 svg-fill-muted\"\n [src]=\"svgRoutes.EDIT_ICON\"\n ></svg-icon>\n </div>\n\n <div\n class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-red-15 svg-hover-red-14 br-1 c-pointer\"\n ngbTooltip\n [mainCaTooltip]=\"eGeneralActions.DELETE\"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"eColor.RED\"\n [position]=\"ePosition.TOP\"\n (click)=\"onDeleteEvent(contact.id)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14 svg-fill-muted\"\n [src]=\"svgRoutes.DELETE_ICON\"\n ></svg-icon>\n </div>\n </div>\n }\n </div>\n\n <ng-container\n *ngTemplateOutlet=\"\n contactSvgTextTemplate;\n context: {\n svg: svgRoutes.PHONE_ICON,\n text: contact.phone,\n additionalText: contact.phoneExt,\n contactId: contact.id,\n index: 0,\n }\n \"\n ></ng-container>\n\n @if (contact.email) {\n <ng-container\n *ngTemplateOutlet=\"\n contactSvgTextTemplate;\n context: {\n svg: svgRoutes.EMAIL_ICON,\n text: contact.email,\n contactId: contact.id,\n index: 1,\n }\n \"\n ></ng-container>\n }\n </div>\n</ng-template>\n\n<ng-template\n #contactSvgTextTemplate\n let-svg=\"svg\"\n let-text=\"text\"\n let-additionalText=\"additionalText\"\n let-contactId=\"contactId\"\n let-index=\"index\"\n>\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{ 'm-b-4': index !== 1 }\"\n (mouseenter)=\"onHoverText(index)\"\n (mouseleave)=\"onHoverText()\"\n >\n <div class=\"m-r-4\">\n <svg-icon\n class=\"d-flex svg-size-18 svg-fill-muted\"\n [src]=\"svg\"\n ></svg-icon>\n </div>\n\n <div class=\"d-flex align-items-center overflow-hidden\">\n <div\n class=\"text-size-14 text-color-black-2 text-truncate\"\n [innerHTML]=\"\n text | caHighlight: [{ index: 45632, text: searchText }]\n \"\n ></div>\n\n @if (additionalText) {\n <div class=\"text-size-14 text-color-muted text-nowrap m-l-4\">\n {{ additionalText }}\n </div>\n }\n </div>\n\n @if (hoveredContactId === contactId && hoveredTextIndex === index) {\n @let isCopied = copiedIndex === index;\n @let copyText =\n text +\n (additionalText\n ? eStringPlaceholder.WHITESPACE + additionalText\n : eStringPlaceholder.EMPTY);\n\n <div\n class=\"m-l-4\"\n ngbTooltip\n [mainCaTooltip]=\"\n isCopied ? eGeneralActions.COPIED : eGeneralActions.COPY\n \"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"isCopied ? eColor.BLUE : eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (click)=\"copyToClipboard(copyText, index)\"\n >\n <svg-icon\n class=\"d-flex svg-size-12 c-pointer\"\n [ngClass]=\"\n isCopied\n ? 'svg-fill-blue-9'\n : 'svg-fill-muted svg-hover-black'\n \"\n [src]=\"svgRoutes.COPY_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type:
|
|
38659
38659
|
// Components
|
|
38660
38660
|
CaCustomCardComponent, selector: "app-ca-custom-card", inputs: ["headerLeftSideTemplate", "headerRightSideTemplate", "headerLeftSideContext", "headerRightSideClass", "cardHeight", "isAnimationsDisabled", "cardName", "cardSubText", "hasArrow", "hasPlusIcon", "isPlusIconDisabled", "plusIconTooltip", "isHeaderSvgEnabled", "counter", "hasDivider", "hasBodyData", "hasScrollBody", "isStayOpen", "isDisabledCard", "isHeaderHidden", "isTwoRowTitle", "isAlwaysOpen", "isShowArrowOnHover", "animationMarginParams", "isCardOpen", "customClass", "customNameClass", "customDividerClass"], outputs: ["onActionEvent", "onOpenCard"] }, { kind: "component", type: CaAppTooltipV2Component, selector: "mainCaTooltip, [mainCaTooltip]", inputs: ["mainCaTooltip", "position", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop", "tooltipMarginRight", "disableTooltip", "openTooltipDelay"] }, { kind: "pipe", type:
|
|
38661
38661
|
//Pipes
|
|
@@ -38672,7 +38672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
38672
38672
|
CaAppTooltipV2Component,
|
|
38673
38673
|
//Pipes
|
|
38674
38674
|
HighlightSearchPipe,
|
|
38675
|
-
], template: "
|
|
38675
|
+
], template: "@for (department of departmentContacts; let index = $index; track department) {\n <div [ngStyle]=\"{ 'max-width': '312px' }\">\n @if (index > 0) {\n <div class=\"h-1 background-bw-9 br-1 m-x-2\"></div>\n }\n\n <app-ca-custom-card\n customDividerClass=\"divider--dark divider--small\"\n customNameClass=\"p-l-6\"\n headerRightSideClass=\"p-r-6\"\n [cardName]=\"department.name\"\n [hasDivider]=\"false\"\n [counter]=\"department.contacts.length\"\n [isCardOpen]=\"!index\"\n [animationMarginParams]=\"{\n marginTop: '0',\n marginBottom: '0',\n }\"\n >\n <div origin>\n @for (\n contact of department.contacts;\n let i = $index;\n let last = $last;\n track contact.id\n ) {\n <ng-container\n *ngTemplateOutlet=\"\n contactItemTemplate;\n context: {\n contact,\n index: i,\n isLast: last,\n }\n \"\n ></ng-container>\n }\n </div>\n </app-ca-custom-card>\n </div>\n}\n\n<ng-template\n #contactItemTemplate\n let-contact=\"contact\"\n let-index=\"index\"\n let-isLast=\"isLast\"\n>\n <div\n class=\"p-x-6 p-y-4 background-hover-bw2 br-2\"\n [ngClass]=\"{\n 'm-b-8': isLast,\n 'm-b-4': !isLast,\n }\"\n (mouseenter)=\"onHoverContact(contact.id)\"\n (mouseleave)=\"onHoverContact()\"\n >\n <div class=\"d-flex align-items-center justify-content-between m-b-4\">\n <div class=\"d-flex align-items-center text-truncate\">\n <div\n class=\"text-size-14 text-color-black-2 ca-font-medium text-truncate\"\n [innerHTML]=\"\n contact.fullName\n | caHighlight: [{ index: 45632, text: searchText }]\n \"\n ></div>\n </div>\n\n @if (hoveredContactId === contact.id) {\n <div class=\"d-flex align-items-center\">\n <div\n class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-dark-2 svg-hover-black br-1 c-pointer m-r-4\"\n ngbTooltip\n [mainCaTooltip]=\"eGeneralActions.EDIT\"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"eColor.BLACK\"\n [position]=\"ePosition.TOP\"\n (click)=\"onEditEvent(contact.id)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14 svg-fill-muted\"\n [src]=\"svgRoutes.EDIT_ICON\"\n ></svg-icon>\n </div>\n\n <div\n class=\"w-18 h-18 d-flex align-items-center justify-content-center background-hover-red-15 svg-hover-red-14 br-1 c-pointer\"\n ngbTooltip\n [mainCaTooltip]=\"eGeneralActions.DELETE\"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"eColor.RED\"\n [position]=\"ePosition.TOP\"\n (click)=\"onDeleteEvent(contact.id)\"\n >\n <svg-icon\n class=\"d-flex svg-size-14 svg-fill-muted\"\n [src]=\"svgRoutes.DELETE_ICON\"\n ></svg-icon>\n </div>\n </div>\n }\n </div>\n\n <ng-container\n *ngTemplateOutlet=\"\n contactSvgTextTemplate;\n context: {\n svg: svgRoutes.PHONE_ICON,\n text: contact.phone,\n additionalText: contact.phoneExt,\n contactId: contact.id,\n index: 0,\n }\n \"\n ></ng-container>\n\n @if (contact.email) {\n <ng-container\n *ngTemplateOutlet=\"\n contactSvgTextTemplate;\n context: {\n svg: svgRoutes.EMAIL_ICON,\n text: contact.email,\n contactId: contact.id,\n index: 1,\n }\n \"\n ></ng-container>\n }\n </div>\n</ng-template>\n\n<ng-template\n #contactSvgTextTemplate\n let-svg=\"svg\"\n let-text=\"text\"\n let-additionalText=\"additionalText\"\n let-contactId=\"contactId\"\n let-index=\"index\"\n>\n <div\n class=\"d-flex align-items-center\"\n [ngClass]=\"{ 'm-b-4': index !== 1 }\"\n (mouseenter)=\"onHoverText(index)\"\n (mouseleave)=\"onHoverText()\"\n >\n <div class=\"m-r-4\">\n <svg-icon\n class=\"d-flex svg-size-18 svg-fill-muted\"\n [src]=\"svg\"\n ></svg-icon>\n </div>\n\n <div class=\"d-flex align-items-center overflow-hidden\">\n <div\n class=\"text-size-14 text-color-black-2 text-truncate\"\n [innerHTML]=\"\n text | caHighlight: [{ index: 45632, text: searchText }]\n \"\n ></div>\n\n @if (additionalText) {\n <div class=\"text-size-14 text-color-muted text-nowrap m-l-4\">\n {{ additionalText }}\n </div>\n }\n </div>\n\n @if (hoveredContactId === contactId && hoveredTextIndex === index) {\n @let isCopied = copiedIndex === index;\n @let copyText =\n text +\n (additionalText\n ? eStringPlaceholder.WHITESPACE + additionalText\n : eStringPlaceholder.EMPTY);\n\n <div\n class=\"m-l-4\"\n ngbTooltip\n [mainCaTooltip]=\"\n isCopied ? eGeneralActions.COPIED : eGeneralActions.COPY\n \"\n [tooltipMarginTop]=\"'0px'\"\n [tooltipBackground]=\"isCopied ? eColor.BLUE : eColor.BLACK\"\n [position]=\"ePosition.BOTTOM\"\n (click)=\"copyToClipboard(copyText, index)\"\n >\n <svg-icon\n class=\"d-flex svg-size-12 c-pointer\"\n [ngClass]=\"\n isCopied\n ? 'svg-fill-blue-9'\n : 'svg-fill-muted svg-hover-black'\n \"\n [src]=\"svgRoutes.COPY_ICON\"\n ></svg-icon>\n </div>\n }\n </div>\n</ng-template>\n" }]
|
|
38676
38676
|
}], ctorParameters: () => [{ type: i1$4.Clipboard }], propDecorators: { departmentContacts: [{
|
|
38677
38677
|
type: Input
|
|
38678
38678
|
}], searchText: [{
|