ca-components 1.3.994 → 1.3.996
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.
- package/esm2022/lib/components/ca-input-dropdown-test/ca-input-dropdown-test.component.mjs +36 -8
- package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-load-dispatcher/ca-input-dropdown-load-dispatcher.component.mjs +3 -3
- package/esm2022/lib/components/ca-input-dropdown-test/validators/dropdown-empty-value.validator.mjs +9 -0
- package/esm2022/lib/components/ca-input-test/pipes/input-error.pipe.mjs +4 -1
- package/esm2022/lib/components/ca-period-content/components/ca-period-content-payment/ca-period-content-payment.component.mjs +3 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/ca-components.mjs +52 -12
- package/fesm2022/ca-components.mjs.map +1 -1
- package/lib/components/ca-input-dropdown-test/ca-input-dropdown-test.component.d.ts +9 -1
- package/lib/components/ca-input-dropdown-test/validators/dropdown-empty-value.validator.d.ts +2 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -19634,7 +19634,7 @@ class CaPeriodContentPaymentComponent {
|
|
|
19634
19634
|
this.openEditEntryItem.emit(event);
|
|
19635
19635
|
}
|
|
19636
19636
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaPeriodContentPaymentComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19637
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentPaymentComponent, isStandalone: true, selector: "app-ca-period-content-payment", inputs: { disableReorder: "disableReorder", included: "included", excluded: "excluded", isOpen: "isOpen", title: "title", hideTotal: "hideTotal" }, outputs: { openAddNewModalEmiter: "openAddNewModalEmiter", openEditEntryItem: "openEditEntryItem", reorderedDataEmiter: "reorderedDataEmiter" }, providers: [FormatCurrencyPipe], viewQueries: [{ propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n <ng-container>\n <div\n class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n >\n <div\n class=\"title-container container d-flex flex-column justify-content-center\"\n >\n <div\n class=\"text-value d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n >{{ title }}</span\n >\n @if (_included?.length) {\n <span\n class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n >\n {{ _included.length }}\n </span>\n }\n </div>\n <span\n class=\"value d-flex align-items-center add_new_item\"\n (click)=\"openAddNewModal()\"\n [class.value-hover]=\"isOpen\"\n >\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n }\n </span>\n </div>\n </div>\n <div class=\"included_excluded_holder\">\n <div\n cdkDropList\n #includedList=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[excludedList]\"\n [cdkDropListData]=\"_included\"\n class=\"component-data-container d-flex justify-content-center flex-column\"\n [class.empty_list_ex_in]=\"!_included.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _included; let i = $index; track i) {\n <ng-container>\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n }\n \"\n ></ng-container>\n </div>\n </ng-container>\n }\n </div>\n @if (!hideTotal) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n }\n <div\n cdkDropList\n [cdkDropListConnectedTo]=\"[includedList]\"\n [cdkDropListData]=\"_excluded\"\n #excludedList=\"cdkDropList\"\n class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n [class.empty_list_ex_in]=\"!_excluded.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _excluded; let i = $index; track i) {\n @if (data.reorderItem) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n } @else {\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index:\n i +\n _included.length +\n 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + _included.length + 1,\n isExcluded: true,\n }\n \"\n ></ng-container>\n </div>\n }\n }\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-template #emptyComponentData>\n <div class=\"title-container container-empty d-flex flex-column\">\n <div class=\"text-value d-flex justify-content-between\">\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n >{{ title }}</span\n >\n </div>\n <span class=\"value d-flex align-items-center\">\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n (click)=\"openAddNewModal()\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n } @else {\n <span class=\"total-money-closed ca-font-semi-bold\"\n >$0.00</span\n >\n }\n </span>\n </div>\n </div>\n </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n @let includedCount = _included | includedCount: isOpen;\n @if (includedCount) {\n <div\n class=\"total-money-title d-flex justify-content-between align-items-center\"\n >\n <div class=\"icon-total d-flex align-items-center\">\n <span\n class=\"dolar-icon d-flex align-items-center\"\n [ngClass]=\"periodColorClass\"\n >\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('dolarSign')\"\n ></svg-icon>\n </span>\n <span class=\"total-title ca-font-bold text-color-black\"\n >Total</span\n >\n </div>\n <span\n class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n [ngClass]=\"periodColorClass\"\n >{{ includedCount }}</span\n >\n </div>\n }\n</ng-template>\n\n<ng-template\n #paymentListItem\n let-data\n let-i=\"index\"\n let-isDragPreview=\"isDragPreview\"\n let-isExcluded=\"isExcluded\"\n>\n <div\n class=\"d-flex justify-content-between align-items-center information\"\n [class.excluded]=\"isExcluded\"\n >\n <div\n class=\"number-date-location-holder d-flex justify-content-between\"\n (mouseenter)=\"handleDropdownMenuHover(i)\"\n (mouseleave)=\"handleDropdownMenuHover()\"\n >\n @if (isDragPreview) {\n <div class=\"drag-preview-icon\">\n <svg-icon\n class=\"svg-size-14\"\n [svgStyle]=\"{\n color: '#DADADA',\n }\"\n [src]=\"getSvgPath('previewArrows')\"\n ></svg-icon>\n </div>\n } @else {\n <span\n class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n >\n @if (i === dropdownHoverIndex) {\n <ca-dropdown-menu\n #dropdownMenu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'bottom-right'\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n handleMenuOpen({ $event, data, title })\n \"\n >\n </ca-dropdown-menu>\n } @else {\n {{ i }}\n }\n </span>\n }\n\n <div\n class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n >\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.description }}</span\n >\n\n <span\n class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n >{{ formatDate(data.date) }}</span\n >\n </div>\n </div>\n <div\n [ngClass]=\"{\n 'justify-content-between':\n title === 'Deduction' || title === 'Fuel',\n 'justify-content-end':\n title !== 'Deduction' && title !== 'Fuel',\n }\"\n class=\"icon-money-holder d-flex\"\n >\n @if (title === 'Deduction') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center\"\n >\n @if (data.recurring && !data.allRecurrance) {\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('infinityIcon')\"\n ></svg-icon>\n }\n @if (data.recurring && data.allRecurrance) {\n <div class=\"recurring-count d-flex align-items-center\">\n {{ data.currentRecurrance }}/{{\n data.allRecurrance\n }}\n </div>\n }\n </span>\n }\n\n @if (title === 'Fuel') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n >\n {{ data.galons }}\n </span>\n }\n\n <span\n class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n >\n {{ (data.subtotal | currency: 'USD') ?? '$0.00' }}\n </span>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}}.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}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.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}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19637
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaPeriodContentPaymentComponent, isStandalone: true, selector: "app-ca-period-content-payment", inputs: { disableReorder: "disableReorder", included: "included", excluded: "excluded", isOpen: "isOpen", title: "title", hideTotal: "hideTotal" }, outputs: { openAddNewModalEmiter: "openAddNewModalEmiter", openEditEntryItem: "openEditEntryItem", reorderedDataEmiter: "reorderedDataEmiter" }, providers: [FormatCurrencyPipe], viewQueries: [{ propertyName: "dropdownMenu", first: true, predicate: ["dropdownMenu"], descendants: true }], ngImport: i0, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n <ng-container>\n <div\n class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n >\n <div\n class=\"title-container container d-flex flex-column justify-content-center\"\n >\n <div\n class=\"text-value d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n >{{ title }}</span\n >\n @if (_included?.length) {\n <span\n class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n >\n {{ _included.length }}\n </span>\n }\n </div>\n <span\n class=\"value d-flex align-items-center add_new_item\"\n (click)=\"openAddNewModal()\"\n [class.value-hover]=\"isOpen\"\n >\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n }\n </span>\n </div>\n </div>\n <div class=\"included_excluded_holder\">\n <div\n cdkDropList\n #includedList=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[excludedList]\"\n [cdkDropListData]=\"_included\"\n class=\"component-data-container d-flex justify-content-center flex-column\"\n [class.empty_list_ex_in]=\"!_included.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _included; let i = $index; track i) {\n <ng-container>\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n }\n \"\n ></ng-container>\n </div>\n </ng-container>\n }\n </div>\n @if (!hideTotal) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n }\n <div\n cdkDropList\n [cdkDropListConnectedTo]=\"[includedList]\"\n [cdkDropListData]=\"_excluded\"\n #excludedList=\"cdkDropList\"\n class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n [class.empty_list_ex_in]=\"!_excluded.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _excluded; let i = $index; track i) {\n @if (data.reorderItem) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n } @else {\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index:\n i +\n _included.length +\n 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + _included.length + 1,\n isExcluded: true,\n }\n \"\n ></ng-container>\n </div>\n }\n }\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-template #emptyComponentData>\n <div class=\"title-container container-empty d-flex flex-column\">\n <div class=\"text-value d-flex justify-content-between\">\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n >{{ title }}</span\n >\n </div>\n <span class=\"value d-flex align-items-center\">\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n (click)=\"openAddNewModal()\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n } @else {\n <span class=\"total-money-closed ca-font-semi-bold\"\n >$0.00</span\n >\n }\n </span>\n </div>\n </div>\n </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n @let includedCount = _included | includedCount: isOpen;\n @if (includedCount) {\n <div\n class=\"total-money-title d-flex justify-content-between align-items-center\"\n >\n <div class=\"icon-total d-flex align-items-center\">\n <span\n class=\"dolar-icon d-flex align-items-center\"\n [ngClass]=\"periodColorClass\"\n >\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('dolarSign')\"\n ></svg-icon>\n </span>\n <span class=\"total-title ca-font-bold text-color-black\"\n >Total</span\n >\n </div>\n <span\n class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n [ngClass]=\"periodColorClass\"\n >{{ includedCount }}</span\n >\n </div>\n }\n</ng-template>\n\n<ng-template\n #paymentListItem\n let-data\n let-i=\"index\"\n let-isDragPreview=\"isDragPreview\"\n let-isExcluded=\"isExcluded\"\n>\n <div\n class=\"d-flex justify-content-between align-items-center information\"\n [class.excluded]=\"isExcluded\"\n >\n <div\n class=\"number-date-location-holder d-flex justify-content-between\"\n (mouseenter)=\"handleDropdownMenuHover(i)\"\n (mouseleave)=\"handleDropdownMenuHover()\"\n >\n @if (isDragPreview) {\n <div class=\"drag-preview-icon\">\n <svg-icon\n class=\"svg-size-14\"\n [svgStyle]=\"{\n color: '#DADADA',\n }\"\n [src]=\"getSvgPath('previewArrows')\"\n ></svg-icon>\n </div>\n } @else {\n <span\n class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n >\n @if (i === dropdownHoverIndex) {\n <ca-dropdown-menu\n #dropdownMenu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'bottom-right'\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n handleMenuOpen({ $event, data, title })\n \"\n >\n </ca-dropdown-menu>\n } @else {\n {{ i }}\n }\n </span>\n }\n\n <div\n class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n >\n @if (title === 'Fuel') {\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.fuelStop.businessName }}\n {{\n data.fuelStop.store\n ? '- ' + data.fuelStop.store\n : ''\n }}</span\n >\n } @else {\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.description }}</span\n >\n }\n\n <span\n class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n >{{ formatDate(data.date) }}</span\n >\n </div>\n </div>\n <div\n [ngClass]=\"{\n 'justify-content-between':\n title === 'Deduction' || title === 'Fuel',\n 'justify-content-end':\n title !== 'Deduction' && title !== 'Fuel',\n }\"\n class=\"icon-money-holder d-flex\"\n >\n @if (title === 'Deduction') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center\"\n >\n @if (data.recurring && !data.allRecurrance) {\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('infinityIcon')\"\n ></svg-icon>\n }\n @if (data.recurring && data.allRecurrance) {\n <div class=\"recurring-count d-flex align-items-center\">\n {{ data.currentRecurrance }}/{{\n data.allRecurrance\n }}\n </div>\n }\n </span>\n }\n\n @if (title === 'Fuel') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n >\n {{ data.galons }}\n </span>\n }\n\n <span\n class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n >\n {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n </span>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}}.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}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.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}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19638
19638
|
//Modules
|
|
19639
19639
|
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.CurrencyPipe, name: "currency" }, { 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: DragDropModule }, { kind: "directive", type: i3$2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i3$2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i3$2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i3$2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }, { kind: "component", type:
|
|
19640
19640
|
//Components
|
|
@@ -19653,7 +19653,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
19653
19653
|
CaDropdownMenuComponent,
|
|
19654
19654
|
//Pipes
|
|
19655
19655
|
IncludedCountPipe,
|
|
19656
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n <ng-container>\n <div\n class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n >\n <div\n class=\"title-container container d-flex flex-column justify-content-center\"\n >\n <div\n class=\"text-value d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n >{{ title }}</span\n >\n @if (_included?.length) {\n <span\n class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n >\n {{ _included.length }}\n </span>\n }\n </div>\n <span\n class=\"value d-flex align-items-center add_new_item\"\n (click)=\"openAddNewModal()\"\n [class.value-hover]=\"isOpen\"\n >\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n }\n </span>\n </div>\n </div>\n <div class=\"included_excluded_holder\">\n <div\n cdkDropList\n #includedList=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[excludedList]\"\n [cdkDropListData]=\"_included\"\n class=\"component-data-container d-flex justify-content-center flex-column\"\n [class.empty_list_ex_in]=\"!_included.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _included; let i = $index; track i) {\n <ng-container>\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n }\n \"\n ></ng-container>\n </div>\n </ng-container>\n }\n </div>\n @if (!hideTotal) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n }\n <div\n cdkDropList\n [cdkDropListConnectedTo]=\"[includedList]\"\n [cdkDropListData]=\"_excluded\"\n #excludedList=\"cdkDropList\"\n class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n [class.empty_list_ex_in]=\"!_excluded.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _excluded; let i = $index; track i) {\n @if (data.reorderItem) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n } @else {\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index:\n i +\n _included.length +\n 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + _included.length + 1,\n isExcluded: true,\n }\n \"\n ></ng-container>\n </div>\n }\n }\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-template #emptyComponentData>\n <div class=\"title-container container-empty d-flex flex-column\">\n <div class=\"text-value d-flex justify-content-between\">\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n >{{ title }}</span\n >\n </div>\n <span class=\"value d-flex align-items-center\">\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n (click)=\"openAddNewModal()\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n } @else {\n <span class=\"total-money-closed ca-font-semi-bold\"\n >$0.00</span\n >\n }\n </span>\n </div>\n </div>\n </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n @let includedCount = _included | includedCount: isOpen;\n @if (includedCount) {\n <div\n class=\"total-money-title d-flex justify-content-between align-items-center\"\n >\n <div class=\"icon-total d-flex align-items-center\">\n <span\n class=\"dolar-icon d-flex align-items-center\"\n [ngClass]=\"periodColorClass\"\n >\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('dolarSign')\"\n ></svg-icon>\n </span>\n <span class=\"total-title ca-font-bold text-color-black\"\n >Total</span\n >\n </div>\n <span\n class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n [ngClass]=\"periodColorClass\"\n >{{ includedCount }}</span\n >\n </div>\n }\n</ng-template>\n\n<ng-template\n #paymentListItem\n let-data\n let-i=\"index\"\n let-isDragPreview=\"isDragPreview\"\n let-isExcluded=\"isExcluded\"\n>\n <div\n class=\"d-flex justify-content-between align-items-center information\"\n [class.excluded]=\"isExcluded\"\n >\n <div\n class=\"number-date-location-holder d-flex justify-content-between\"\n (mouseenter)=\"handleDropdownMenuHover(i)\"\n (mouseleave)=\"handleDropdownMenuHover()\"\n >\n @if (isDragPreview) {\n <div class=\"drag-preview-icon\">\n <svg-icon\n class=\"svg-size-14\"\n [svgStyle]=\"{\n color: '#DADADA',\n }\"\n [src]=\"getSvgPath('previewArrows')\"\n ></svg-icon>\n </div>\n } @else {\n <span\n class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n >\n @if (i === dropdownHoverIndex) {\n <ca-dropdown-menu\n #dropdownMenu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'bottom-right'\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n handleMenuOpen({ $event, data, title })\n \"\n >\n </ca-dropdown-menu>\n } @else {\n {{ i }}\n }\n </span>\n }\n\n <div\n class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n >\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.description }}</span\n >\n\n <span\n class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n >{{ formatDate(data.date) }}</span\n >\n </div>\n </div>\n <div\n [ngClass]=\"{\n 'justify-content-between':\n title === 'Deduction' || title === 'Fuel',\n 'justify-content-end':\n title !== 'Deduction' && title !== 'Fuel',\n }\"\n class=\"icon-money-holder d-flex\"\n >\n @if (title === 'Deduction') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center\"\n >\n @if (data.recurring && !data.allRecurrance) {\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('infinityIcon')\"\n ></svg-icon>\n }\n @if (data.recurring && data.allRecurrance) {\n <div class=\"recurring-count d-flex align-items-center\">\n {{ data.currentRecurrance }}/{{\n data.allRecurrance\n }}\n </div>\n }\n </span>\n }\n\n @if (title === 'Fuel') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n >\n {{ data.galons }}\n </span>\n }\n\n <span\n class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n >\n {{ (data.subtotal | currency: 'USD') ?? '$0.00' }}\n </span>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}}.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}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.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}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"] }]
|
|
19656
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let periodColorClass = titleColorClassMap.get(title) || 'text-color-black';\n\n<div class=\"main-container\">\n <ng-container>\n <div\n class=\"wrapper d-flex flex-column align-items-center justify-content-start\"\n >\n <div\n class=\"title-container container d-flex flex-column justify-content-center\"\n >\n <div\n class=\"text-value d-flex justify-content-between align-items-center\"\n >\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n >{{ title }}</span\n >\n @if (_included?.length) {\n <span\n class=\"round ca-font-bold d-flex align-items-center justify-content-center\"\n >\n {{ _included.length }}\n </span>\n }\n </div>\n <span\n class=\"value d-flex align-items-center add_new_item\"\n (click)=\"openAddNewModal()\"\n [class.value-hover]=\"isOpen\"\n >\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n }\n </span>\n </div>\n </div>\n <div class=\"included_excluded_holder\">\n <div\n cdkDropList\n #includedList=\"cdkDropList\"\n [cdkDropListConnectedTo]=\"[excludedList]\"\n [cdkDropListData]=\"_included\"\n class=\"component-data-container d-flex justify-content-center flex-column\"\n [class.empty_list_ex_in]=\"!_included.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _included; let i = $index; track i) {\n <ng-container>\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + 1,\n }\n \"\n ></ng-container>\n </div>\n </ng-container>\n }\n </div>\n @if (!hideTotal) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n }\n <div\n cdkDropList\n [cdkDropListConnectedTo]=\"[includedList]\"\n [cdkDropListData]=\"_excluded\"\n #excludedList=\"cdkDropList\"\n class=\"component-data-container d-flex justify-content-center flex-column exclude_list\"\n [class.empty_list_ex_in]=\"!_excluded.length\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n @for (data of _excluded; let i = $index; track i) {\n @if (data.reorderItem) {\n <ng-container\n *ngTemplateOutlet=\"paymentListTotal\"\n ></ng-container>\n } @else {\n <div\n cdkDrag\n cdkDragLockAxis=\"y\"\n cdkDragPreviewContainer=\"parent\"\n [cdkDragDisabled]=\"!isOpen || disableReorder\"\n >\n <ng-container *cdkDragPlaceholder>\n <div class=\"drag-placeholder\"></div>\n </ng-container>\n <ng-template cdkDragPreview matchSize>\n <div class=\"custom-drag-preview\">\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index:\n i +\n _included.length +\n 1,\n isDragPreview: true,\n }\n \"\n ></ng-container>\n </div>\n </ng-template>\n <ng-container\n *ngTemplateOutlet=\"\n paymentListItem;\n context: {\n $implicit: data,\n index: i + _included.length + 1,\n isExcluded: true,\n }\n \"\n ></ng-container>\n </div>\n }\n }\n </div>\n </div>\n </div>\n </ng-container>\n\n <ng-template #emptyComponentData>\n <div class=\"title-container container-empty d-flex flex-column\">\n <div class=\"text-value d-flex justify-content-between\">\n <div\n class=\"payment-count d-flex align-items-center justify-content-start\"\n >\n <span\n class=\"text ca-font-extra-bold text-color-black\"\n [ngStyle]=\"{ color: isOpen ? '#424242' : '#aaaaaa' }\"\n >{{ title }}</span\n >\n </div>\n <span class=\"value d-flex align-items-center\">\n @if (isOpen) {\n <svg-icon\n class=\"d-flex icon svg-size-18\"\n (click)=\"openAddNewModal()\"\n [src]=\"getSvgPath('plus')\"\n ></svg-icon>\n } @else {\n <span class=\"total-money-closed ca-font-semi-bold\"\n >$0.00</span\n >\n }\n </span>\n </div>\n </div>\n </ng-template>\n</div>\n\n<!-- CA PERIOD TEMPLATES -->\n\n<ng-template #paymentListTotal>\n @let includedCount = _included | includedCount: isOpen;\n @if (includedCount) {\n <div\n class=\"total-money-title d-flex justify-content-between align-items-center\"\n >\n <div class=\"icon-total d-flex align-items-center\">\n <span\n class=\"dolar-icon d-flex align-items-center\"\n [ngClass]=\"periodColorClass\"\n >\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('dolarSign')\"\n ></svg-icon>\n </span>\n <span class=\"total-title ca-font-bold text-color-black\"\n >Total</span\n >\n </div>\n <span\n class=\"total-money d-flex justify-content-end align-items-center ca-font-semi-bold\"\n [ngClass]=\"periodColorClass\"\n >{{ includedCount }}</span\n >\n </div>\n }\n</ng-template>\n\n<ng-template\n #paymentListItem\n let-data\n let-i=\"index\"\n let-isDragPreview=\"isDragPreview\"\n let-isExcluded=\"isExcluded\"\n>\n <div\n class=\"d-flex justify-content-between align-items-center information\"\n [class.excluded]=\"isExcluded\"\n >\n <div\n class=\"number-date-location-holder d-flex justify-content-between\"\n (mouseenter)=\"handleDropdownMenuHover(i)\"\n (mouseleave)=\"handleDropdownMenuHover()\"\n >\n @if (isDragPreview) {\n <div class=\"drag-preview-icon\">\n <svg-icon\n class=\"svg-size-14\"\n [svgStyle]=\"{\n color: '#DADADA',\n }\"\n [src]=\"getSvgPath('previewArrows')\"\n ></svg-icon>\n </div>\n } @else {\n <span\n class=\"number d-flex justify-content-center align-items-center ca-font-medium text-color-muted\"\n >\n @if (i === dropdownHoverIndex) {\n <ca-dropdown-menu\n #dropdownMenu\n [type]=\"'dots-menu-type'\"\n [placement]=\"'bottom-right'\"\n [options]=\"dropdownOptions\"\n (dropdownOptionEmitter)=\"\n handleMenuOpen({ $event, data, title })\n \"\n >\n </ca-dropdown-menu>\n } @else {\n {{ i }}\n }\n </span>\n }\n\n <div\n class=\"date-location d-flex flex-column justify-content-start align-items-start\"\n >\n @if (title === 'Fuel') {\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.fuelStop.businessName }}\n {{\n data.fuelStop.store\n ? '- ' + data.fuelStop.store\n : ''\n }}</span\n >\n } @else {\n <span\n class=\"ca-font-semi-bold location d-flex align-items-center text-color-black\"\n >{{ data.description }}</span\n >\n }\n\n <span\n class=\"date ca-font-medium d-flex align-items-center text-color-muted\"\n >{{ formatDate(data.date) }}</span\n >\n </div>\n </div>\n <div\n [ngClass]=\"{\n 'justify-content-between':\n title === 'Deduction' || title === 'Fuel',\n 'justify-content-end':\n title !== 'Deduction' && title !== 'Fuel',\n }\"\n class=\"icon-money-holder d-flex\"\n >\n @if (title === 'Deduction') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center\"\n >\n @if (data.recurring && !data.allRecurrance) {\n <svg-icon\n class=\"d-flex align-items-center svg-size-18\"\n [src]=\"getSvgPath('infinityIcon')\"\n ></svg-icon>\n }\n @if (data.recurring && data.allRecurrance) {\n <div class=\"recurring-count d-flex align-items-center\">\n {{ data.currentRecurrance }}/{{\n data.allRecurrance\n }}\n </div>\n }\n </span>\n }\n\n @if (title === 'Fuel') {\n <span\n class=\"recurring d-flex align-items-center justify-content-center text-color-black-2\"\n >\n {{ data.galons }}\n </span>\n }\n\n <span\n class=\"money d-flex justify-content-end align-items-center ca-font-regular text-color-black-2\"\n >\n {{ (data.subtotal || data.total | currency: 'USD') ?? '$0.00' }}\n </span>\n </div>\n </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}.pickup-delivery-popover{top:-38px!important;max-width:340px!important}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.gps_dropdown_popover{top:-38px;max-width:494px}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#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}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:.83}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{padding:4px 10px;white-space:nowrap;max-width:none;border-radius:3px}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;font-weight:700;border-radius:2px;padding:2px 8px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.text-color-black{color:#424242!important}.text-color-black::-moz-selection{background-color:#42424233!important;color:#424242!important}.text-color-black::selection{background-color:#42424233!important;color:#424242!important}.text-color-black-2{color:#2f2f2f!important}.text-color-black-2::-moz-selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-black-2::selection{background-color:#2f2f2f33!important;color:#2f2f2f!important}.text-color-muted{color:#919191!important}.text-color-muted::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-muted::selection{background-color:#91919133!important;color:#919191!important}.text-color-green{color:#56b4ac!important}.text-color-green::-moz-selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green::selection{background-color:#56b4ac33!important;color:#56b4ac!important}.text-color-green-2{color:#259f94!important}.text-color-green-2::-moz-selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-2::selection{background-color:#259f9433!important;color:#259f94!important}.text-color-green-4{color:#86c9c3!important}.text-color-green-4::-moz-selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-green-4::selection{background-color:#86c9c333!important;color:#86c9c3!important}.text-color-blue-13{color:#6692f1!important}.text-color-blue-13::-moz-selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-13::selection{background-color:#6692f133!important;color:#6692f1!important}.text-color-blue-16{color:#e9effd!important}.text-color-blue-16::-moz-selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-16::selection{background-color:#e9effd33!important;color:#e9effd!important}.text-color-blue-18{color:#3b73ed!important}.text-color-blue-18::-moz-selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-18::selection{background-color:#3b73ed33!important;color:#3b73ed!important}.text-color-blue-19{color:#92b1f5!important}.text-color-blue-19::-moz-selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-blue-19::selection{background-color:#92b1f533!important;color:#92b1f5!important}.text-color-red-10{color:#e66767!important}.text-color-red-10::-moz-selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-10::selection{background-color:#e6676733!important;color:#e66767!important}.text-color-red-11{color:#df3c3c!important}.text-color-red-11::-moz-selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-11::selection{background-color:#df3c3c33!important;color:#df3c3c!important}.text-color-red-13{color:#ed9292!important}.text-color-red-13::-moz-selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-red-13::selection{background-color:#ed929233!important;color:#ed9292!important}.text-color-yellow{color:#fab15c!important}.text-color-yellow::-moz-selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-yellow::selection{background-color:#fab15c33!important;color:#fab15c!important}.text-color-purple{color:#b370f0!important}.text-color-purple::-moz-selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-purple::selection{background-color:#b370f033!important;color:#b370f0!important}.text-color-special-filter-purple{color:#9e47ec!important}.text-color-special-filter-purple::-moz-selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-special-filter-purple::selection{background-color:#9e47ec33!important;color:#9e47ec!important}.text-color-light-grey{color:#e5e5e5!important}.text-color-light-grey::-moz-selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey::selection{background-color:#e5e5e533!important;color:#e5e5e5!important}.text-color-light-grey-2{color:#aaa!important}.text-color-light-grey-2::-moz-selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-2::selection{background-color:#aaa3!important;color:#aaa!important}.text-color-light-grey-6{color:#ccc!important}.text-color-light-grey-6::-moz-selection{background-color:#ccc3!important;color:#ccc!important}.text-color-light-grey-6::selection{background-color:#ccc3!important;color:#ccc!important}.text-color-white{color:#fff!important}.text-color-white::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2{color:#fff!important}.text-color-white-2::-moz-selection{background-color:#fff3!important;color:#fff!important}.text-color-white-2::selection{background-color:#fff3!important;color:#fff!important}.text-color-white-4{color:#ffffffb2!important}.text-color-white-4::-moz-selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-white-4::selection{background-color:#fff3!important;color:#ffffffb2!important}.text-color-bw6-2{color:#6c6c6c!important}.text-color-bw6-2::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw6-2::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.text-color-bw-9{color:#dadada!important}.text-color-bw-9::-moz-selection{background-color:#dadada33!important;color:#dadada!important}.text-color-bw-9::selection{background-color:#dadada33!important;color:#dadada!important}.text-color-grey{color:#919191!important}.text-color-grey::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey::selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::-moz-selection,.text-color-grey .marker-bold-text::-moz-selection{background-color:#91919133!important;color:#919191!important}.text-color-grey .address-text::selection,.text-color-grey .marker-bold-text::selection{background-color:#91919133!important;color:#919191!important}.text-size-11{font-size:11px!important;line-height:14px!important}.text-size-14{font-size:14px!important;line-height:18px!important}.text-size-16{font-size:16px!important;line-height:19px!important}.text-size-18{font-size:18px!important;line-height:22px!important}.text-size-26{font-size:26px!important;line-height:32px!important}.text-size-28{font-size:28px!important;line-height:34px!important}.svg-fill-black svg path,.svg-fill-black svg circle{fill:#424242!important}.svg-fill-white svg path,.svg-fill-white svg circle{fill:#fff!important}.svg-fill-white-2 svg path,.svg-fill-white-2 svg circle{fill:#fff!important}.svg-fill-muted svg path,.svg-fill-muted svg circle{fill:#919191!important}.svg-fill-bw-9 svg path,.svg-fill-bw-9 svg circle{fill:#dadada!important}.svg-fill-light-grey-2 svg path,.svg-fill-light-grey-2 svg circle{fill:#aaa!important}.svg-fill-light-grey-6 svg path,.svg-fill-light-grey-6 svg circle{fill:#ccc!important}.svg-fill-blue-8 svg path,.svg-fill-blue-8 svg circle{fill:#6692f1!important}.svg-fill-blue-13 svg path,.svg-fill-blue-13 svg circle{fill:#6692f1!important}.svg-fill-blue-14 svg path,.svg-fill-blue-14 svg circle{fill:#3b73ed!important}.svg-fill-blue-17 svg path,.svg-fill-blue-17 svg circle{fill:#bed0f9!important}.svg-fill-blue-19 svg path,.svg-fill-blue-19 svg circle{fill:#92b1f5!important}.svg-fill-blue-26 svg path,.svg-fill-blue-26 svg circle{fill:#4dc5eb!important}.svg-fill-green svg path,.svg-fill-green svg circle{fill:#56b4ac!important}.svg-fill-green-2 svg path,.svg-fill-green-2 svg circle{fill:#259f94!important}.svg-fill-green-4 svg path,.svg-fill-green-4 svg circle{fill:#86c9c3!important}.svg-fill-yellow-1 svg path,.svg-fill-yellow-1 svg circle{fill:#fab15c!important}.svg-fill-yellow-4 svg path,.svg-fill-yellow-4 svg circle{fill:#fbc88b!important}.svg-fill-yellow-5 svg path,.svg-fill-yellow-5 svg circle{fill:#f89b2e!important}.svg-fill-white-4 svg path,.svg-fill-white-4 svg circle{fill:#ffffffb2!important}.svg-fill-grey svg path,.svg-fill-grey svg circle{fill:#919191!important}.svg-fill-red-10 svg path,.svg-fill-red-10 svg circle{fill:#e66767!important}.svg-fill-red-11 svg path,.svg-fill-red-11 svg circle{fill:#df3c3c!important}.svg-fill-red-14 svg path,.svg-fill-red-14 svg circle{fill:#c20c0c!important}.svg-hover-white svg path{transition:fill .3s ease-in-out}.svg-hover-white:hover svg path{fill:#fff!important}.svg-hover-white-2 svg path{transition:fill .3s ease-in-out}.svg-hover-white-2:hover svg path{fill:#fff!important}.svg-hover-muted svg path{transition:fill .3s ease-in-out}.svg-hover-muted:hover svg path{fill:#919191!important}.svg-hover-grey-4 svg path{transition:fill .3s ease-in-out}.svg-hover-grey-4:hover svg path{fill:#ccc!important}.svg-hover-black svg path{transition:fill .3s ease-in-out}.svg-hover-black:hover svg path{fill:#424242!important}.svg-hover-blue-10 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-10:hover svg path{fill:#bed0f9!important}.svg-hover-blue-15 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-15:hover svg path{fill:#0b49d1!important}.svg-hover-blue-19 svg path{transition:fill .3s ease-in-out}.svg-hover-blue-19:hover svg path{fill:#92b1f5!important}.svg-hover-bw6-2 svg path{transition:fill .3s ease-in-out}.svg-hover-bw6-2:hover svg path{fill:#6c6c6c!important}.svg-hover-trash-red svg path{transition:fill .3s ease-in-out}.svg-hover-trash-red:hover svg path{fill:#ff5050!important}.svg-hover-red-14 svg path{transition:fill .3s ease-in-out}.svg-hover-red-14:hover svg path{fill:#c20c0c!important}.svg-size-6 svg{width:6px;height:6px}.svg-size-10 svg{width:10px;height:10px}.svg-size-12 svg{width:12px;height:12px}.svg-size-14 svg{width:14px;height:14px}.svg-size-16 svg{width:16px;height:16px}.svg-size-17 svg{width:17px;height:17px}.svg-size-18 svg{width:18px;height:18px}.svg-size-22 svg{width:22px;height:22px}.svg-size-23 svg{width:23px;height:23px}.svg-size-26 svg{width:26px;height:26px}.svg-size-44-16 svg{width:44px;height:16px}.background-black{background-color:#424242}.background-black-2{background-color:#2f2f2f}.background-blue-13{background-color:#6692f1}.background-blue-14{background-color:#3b73ed}.background-dark-2{background-color:#91919133}.background-hover-bw2{transition:background-color .3s ease-in-out}.background-hover-bw2:hover{background-color:#eee!important}.background-hover-blue-15{transition:background-color .3s ease-in-out}.background-hover-blue-15:hover{background-color:#0b49d1!important}.br-1{border-radius:1px}.br-2{border-radius:2px}.br-3{border-radius:3px}.br-10{border-radius:10px}.br-circle{border-radius:50%}.padding-2{padding:2px}.padding-4{padding:4px}.padding-y-2{padding-top:2px;padding-bottom:2px}.padding-y-4{padding-top:4px;padding-bottom:4px}.padding-x-4{padding-left:4px;padding-right:4px}.padding-x-5{padding-left:5px;padding-right:5px}.margin-t-4{margin-top:4px}.margin-r-4{margin-right:4px}.margin-b-4{margin-bottom:4px}.margin-t-6{margin-top:6px}.margin-r-6{margin-right:6px}.margin-b-6{margin-bottom:6px}.margin-t-24{margin-top:24px}.margin-r-24{margin-right:24px}.margin-b-24{margin-bottom:24px}.gap-xs{gap:2px}.height-1{height:1px}@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}}.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}*{margin:0;font-family:Montserrat,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.c-pointer{cursor:pointer}.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}.main-container{max-width:320px;width:100%}.main-container .wrapper{max-width:308px;width:100%;font-family:Montserrat,sans-serif;padding-bottom:2px}.main-container .wrapper .included_excluded_holder{width:100%}.main-container .wrapper .included_excluded_holder .cdk-drop-list-receiving,.main-container .wrapper .included_excluded_holder .cdk-drop-list-dragging{position:relative;min-height:32px}.main-container .wrapper .container{gap:4px}.main-container .wrapper .container.title-container{height:36px;padding-left:6px;padding-right:10px}.main-container .wrapper .container .text-value{width:auto;height:26px}.main-container .wrapper .container .text-value .payment-count{gap:4px;color:#424242}.main-container .wrapper .container .text-value .payment-count .text{height:26px;width:auto}.main-container .wrapper .container .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .wrapper .container .text-value .value{height:26px;width:26px;justify-content:center}.main-container .wrapper .container .text-value .value-hover:hover{background-color:#e9effd;cursor:pointer}.main-container .wrapper .container .text-value .value-hover:hover svg{border-radius:2px}.main-container .wrapper .container .text-value .value-hover:hover svg path{fill:#0b49d1}.main-container .wrapper .container .text-value .value .total-money-closed{height:26px;width:26px}.main-container .wrapper .total-money-title{width:100%;padding-left:4px;padding-right:6px;height:26px;width:auto;margin:4px 0}.main-container .wrapper .total-money-title .total-money{width:auto}.main-container .wrapper .total-money-title .icon-total{gap:10px}.main-container .wrapper .total-money-title .icon-total .dolar-icon{height:18px;width:18px}.main-container .wrapper .total-money-title .icon-total .dolar-icon svg path{fill:currentColor}.main-container .wrapper .component-data-container{width:100%;gap:4px}.main-container .wrapper .component-data-container.empty_list_ex_in{position:absolute;width:300px}.main-container .container-empty{gap:4px;padding-left:6px;padding-right:18px;color:#aaa;width:100%}.main-container .container-empty.title-container{height:36px;border-top:1px solid #dadada;padding-left:6px;padding-right:10px;justify-content:center}.main-container .container-empty .text-value{width:auto;height:26px;gap:4px}.main-container .container-empty .text-value .payment-count{gap:4px}.main-container .container-empty .text-value .payment-count .text{height:26px;width:auto}.main-container .container-empty .text-value .payment-count .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px;-ms-user-select:none;-webkit-user-select:none;user-select:none;-moz-user-select:none}.main-container .container-empty .text-value .value{height:26px;width:26px;justify-content:center}.main-container .container-empty .text-value .value .icon:hover svg{background-color:#e9effd}.main-container .container-empty .text-value .value .icon:hover svg path{fill:#0b49d1}.main-container .container-empty .text-value .value .total-money-closed{height:26px;width:100%}.main-container .cdk-drag:not(.cdk-drag-disabled){transition:transform .25s cubic-bezier(.25,.1,.25,1);cursor:grab}.main-container .cdk-drag-preview{background-color:#424242!important;color:#fff;font-size:12px;box-shadow:0 2px 10px #0003;font-family:Montserrat,sans-serif;border-radius:3px}.main-container .cdk-drag-preview .location{color:#fff}.main-container .cdk-drag-preview .date{color:#919191}.main-container .cdk-drag-preview .money{color:#fff}.main-container .cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing}.main-container .disabled-drag{pointer-events:none}.main-container .drag-disabled{cursor:not-allowed}.main-container .information{padding-right:6px}.main-container .information .number-date-location-holder{gap:4px}.main-container .information .icon-money-holder{max-width:130px;width:100%}.main-container .information:hover{background-color:#eee;border-radius:2px;transition:.3s}.main-container .information.clicked{background-color:#eee}.main-container .information.clicked:hover{background-color:#eee;opacity:1}.main-container .information .number{border-radius:2px;width:26px;height:26px;gap:2px;color:#919191}.main-container .information .date-location{max-width:200px}.main-container .information .date-location .location,.main-container .information .date-location .date{font-size:11px;line-height:13px}.main-container .information .date-location .date{color:#919191}.main-container .information .date-location .location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block!important}.main-container .information .recurring{height:26px}.main-container .information .recurring-count{padding:2px 5px;background-color:#6c6c6c;border-radius:50px;color:#fff;font-size:11px;line-height:14px;font-weight:600}.main-container .information .money{height:26px;max-width:60px;width:100%;width:auto}.main-container .information .drag-preview-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center}.main-container .information .drag-preview-icon svg path{fill:#dadada}.main-container .information.excluded .date-location .location{color:#919191}.main-container .information.excluded .date-location .date,.main-container .information.excluded .number{color:#ccc}.main-container .information.excluded .money{color:#919191}.drag-placeholder{height:32px;width:100%;box-shadow:0 0 4px #0000004d inset;border-radius:3px}\n"] }]
|
|
19657
19657
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disableReorder: [{
|
|
19658
19658
|
type: Input
|
|
19659
19659
|
}], included: [{
|
|
@@ -27522,6 +27522,9 @@ class InputErrorPipe {
|
|
|
27522
27522
|
else if (value['incorrectVinNumber']) {
|
|
27523
27523
|
errorMessageValue = '13 or 17 characters';
|
|
27524
27524
|
}
|
|
27525
|
+
else if (value['customError']) {
|
|
27526
|
+
errorMessageValue = value['customError'];
|
|
27527
|
+
}
|
|
27525
27528
|
else {
|
|
27526
27529
|
errorMessageValue = `Invalid`;
|
|
27527
27530
|
}
|
|
@@ -29893,7 +29896,7 @@ class CaInputDropdownLoadDispatcherComponent {
|
|
|
29893
29896
|
this.onActiveItem.emit(option);
|
|
29894
29897
|
}
|
|
29895
29898
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29896
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { inputConfig: "inputConfig", options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1
|
|
29899
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { inputConfig: "inputConfig", options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 &&\n options[0]?.[label] === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <app-ca-input-dropdown-load-dispatcher-item\n [option]=\"option\"\n [searchText]=\"searchText\"\n [dropdownWithImage]=\"inputConfig.dropdownImageInput\"\n [activeItem]=\"activeItem\"\n [hasNoResult]=\"\n options.length === 1 && options[0]?.[label] === 'No Results'\n \"\n [label]=\"label\"\n >\n </app-ca-input-dropdown-load-dispatcher-item>\n </div>\n }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type:
|
|
29897
29900
|
// Component
|
|
29898
29901
|
CaInputDropdownLoadDispatcherItemComponent, selector: "app-ca-input-dropdown-load-dispatcher-item", inputs: ["option", "hasNoResult", "activeItem", "searchText", "label", "dropdownWithImage", "isInOption"] }] }); }
|
|
29899
29902
|
}
|
|
@@ -29904,7 +29907,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
29904
29907
|
AngularSvgIconModule,
|
|
29905
29908
|
// Component
|
|
29906
29909
|
CaInputDropdownLoadDispatcherItemComponent,
|
|
29907
|
-
], template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1
|
|
29910
|
+
], template: "<div class=\"scrollable-element pb-0\">\n @for (option of options; track option.id; let i = $index) {\n <div\n #dropdownOption\n (click)=\"onActiveItemEmit(option)\"\n [ngClass]=\"{\n disabled: option?.disabled,\n 'no-result':\n options.length === 1 &&\n options[0]?.[label] === 'No Results',\n active: option.id === activeItem?.id,\n }\"\n class=\"dropdown-option\"\n [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n >\n <app-ca-input-dropdown-load-dispatcher-item\n [option]=\"option\"\n [searchText]=\"searchText\"\n [dropdownWithImage]=\"inputConfig.dropdownImageInput\"\n [activeItem]=\"activeItem\"\n [hasNoResult]=\"\n options.length === 1 && options[0]?.[label] === 'No Results'\n \"\n [label]=\"label\"\n >\n </app-ca-input-dropdown-load-dispatcher-item>\n </div>\n }\n</div>\n" }]
|
|
29908
29911
|
}], ctorParameters: () => [], propDecorators: { inputConfig: [{
|
|
29909
29912
|
type: Input
|
|
29910
29913
|
}], options: [{
|
|
@@ -31018,10 +31021,21 @@ class CaInputDropdownTestComponent {
|
|
|
31018
31021
|
const findInOptions = this.inputConfig.searchinGroupIndex
|
|
31019
31022
|
? this.getMainGroup()
|
|
31020
31023
|
: this._options;
|
|
31021
|
-
|
|
31024
|
+
let findOption = findInOptions.find((option) => option[this.optionValue] ==
|
|
31022
31025
|
this.firstWriteValue);
|
|
31026
|
+
let optionNotFound = false;
|
|
31027
|
+
if (!findOption) {
|
|
31028
|
+
findOption = {
|
|
31029
|
+
[this.optionValue]: this.firstWriteValue,
|
|
31030
|
+
[this.label]: this.firstWriteValue,
|
|
31031
|
+
};
|
|
31032
|
+
optionNotFound = true;
|
|
31033
|
+
}
|
|
31023
31034
|
if (findOption) {
|
|
31024
|
-
this.setDropdownValue(
|
|
31035
|
+
this.setDropdownValue({
|
|
31036
|
+
option: findOption,
|
|
31037
|
+
setNotFoundError: optionNotFound,
|
|
31038
|
+
});
|
|
31025
31039
|
}
|
|
31026
31040
|
}
|
|
31027
31041
|
}
|
|
@@ -31091,11 +31105,27 @@ class CaInputDropdownTestComponent {
|
|
|
31091
31105
|
? this.getMainGroup()
|
|
31092
31106
|
: this._options;
|
|
31093
31107
|
this.firstWriteValue = value;
|
|
31094
|
-
|
|
31108
|
+
let findOption = findInOptions.find((option) => option[this.optionValue] == value);
|
|
31109
|
+
let optionNotFound = false;
|
|
31110
|
+
if (!findOption && value) {
|
|
31111
|
+
findOption = {
|
|
31112
|
+
[this.optionValue]: this.firstWriteValue,
|
|
31113
|
+
[this.label]: this.firstWriteValue,
|
|
31114
|
+
};
|
|
31115
|
+
optionNotFound = true;
|
|
31116
|
+
}
|
|
31095
31117
|
if (findOption) {
|
|
31096
|
-
this.setDropdownValue(
|
|
31118
|
+
this.setDropdownValue({
|
|
31119
|
+
option: findOption,
|
|
31120
|
+
setNotFoundError: optionNotFound,
|
|
31121
|
+
});
|
|
31097
31122
|
}
|
|
31098
31123
|
}
|
|
31124
|
+
setNotFoundInvalidFlag(value) {
|
|
31125
|
+
if (this.getSuperControl)
|
|
31126
|
+
this.getSuperControl.notFoundInvalid = value; // Attach dynamic values
|
|
31127
|
+
this.inputFormControl.notFoundInvalid = value; // Attach dynamic values
|
|
31128
|
+
}
|
|
31099
31129
|
onChange(_) { }
|
|
31100
31130
|
registerOnChange(fn) {
|
|
31101
31131
|
this.onChange = fn;
|
|
@@ -31145,7 +31175,7 @@ class CaInputDropdownTestComponent {
|
|
|
31145
31175
|
});
|
|
31146
31176
|
}
|
|
31147
31177
|
else {
|
|
31148
|
-
this.setDropdownValue(option);
|
|
31178
|
+
this.setDropdownValue({ option });
|
|
31149
31179
|
}
|
|
31150
31180
|
}
|
|
31151
31181
|
onActiveItemGroup(event) {
|
|
@@ -31359,7 +31389,7 @@ class CaInputDropdownTestComponent {
|
|
|
31359
31389
|
});
|
|
31360
31390
|
}
|
|
31361
31391
|
else {
|
|
31362
|
-
this.setDropdownValue(selectedItem);
|
|
31392
|
+
this.setDropdownValue({ option: selectedItem });
|
|
31363
31393
|
}
|
|
31364
31394
|
}
|
|
31365
31395
|
if (keyCode === 9) {
|
|
@@ -31367,7 +31397,8 @@ class CaInputDropdownTestComponent {
|
|
|
31367
31397
|
this.popoverRef?.open();
|
|
31368
31398
|
}
|
|
31369
31399
|
}
|
|
31370
|
-
setDropdownValue(option, optionValue, label) {
|
|
31400
|
+
setDropdownValue({ option, optionValue, label, setNotFoundError, }) {
|
|
31401
|
+
this.setNotFoundInvalidFlag(setNotFoundError || false);
|
|
31371
31402
|
this.lastValidOption = option;
|
|
31372
31403
|
this.selectedItem.emit(option);
|
|
31373
31404
|
const optValue = optionValue ? optionValue : this.optionValue;
|
|
@@ -32084,6 +32115,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
32084
32115
|
type: Input
|
|
32085
32116
|
}] } });
|
|
32086
32117
|
|
|
32118
|
+
function emptyValueValidator(errorMessage) {
|
|
32119
|
+
return (control) => {
|
|
32120
|
+
if (control.notFoundInvalid) {
|
|
32121
|
+
return { customError: errorMessage };
|
|
32122
|
+
}
|
|
32123
|
+
return null;
|
|
32124
|
+
};
|
|
32125
|
+
}
|
|
32126
|
+
|
|
32087
32127
|
/*
|
|
32088
32128
|
* Public API Surface of ca-components
|
|
32089
32129
|
*/
|
|
@@ -32092,5 +32132,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
32092
32132
|
* Generated bundle index. Do not edit.
|
|
32093
32133
|
*/
|
|
32094
32134
|
|
|
32095
|
-
export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaComponentsLibModule, CaCustomScrollbarComponent, CaDetailsDropdownComponent, CaDropdownMenuComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaLastFuelPriceProgressComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSortDropdownComponent, CaSpinnerComponent, CaSvgPipe, CaTodoComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FormatCityStatePipe, FormatCurrencyPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusColorPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SortDropdownEnum, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eStringPlaceholder, eStyleProperty, eTemplateType, eTrailerName, eTruckNameString, eUnit, eVehicleList, userInfoEnum };
|
|
32135
|
+
export { CaActivityLogListComponent, CaAppTooltipV2Component, CaChartComponent, CaChartManagerComponent, CaCheckboxComponent, CaComponentsLibModule, CaCustomScrollbarComponent, CaDetailsDropdownComponent, CaDropdownMenuComponent, CaFilterComponent, CaFilterDropdownComponent, CaFilterListDropdownComponent, CaFilterStateDropdownComponent, CaFilterTimeDropdownComponent, CaIconDropdownComponent, CaInputAddressDropdownComponent, CaInputComponent, CaInputDatetimePickerComponent, CaInputDropdownComponent, CaInputDropdownTestComponent, CaInputNoteComponent, CaInputRadiobuttonsComponent, CaLastFuelPriceProgressComponent, CaMainTableComponent, CaMapComponent, CaMapDropdownComponent, CaModalButtonComponent, CaModalComponent, CaNoteComponent, CaNoteContainerComponent, CaPayrollListSummaryOverviewComponent, CaPayrollListSummaryOverviewTableComponent, CaPeriodContentComponent, CaProfileImageComponent, CaProgressExpirationComponent, CaProgressRangeComponent, CaRatingReviewComponent, CaRightSidePanelCompanyComponent, CaRightSidePanelComponent, CaRightSidePanelMenuComponent, CaRightSidePanelTopBarComponent, CaSearchMultipleStatesComponent, CaSearchMultipleStatesService, CaSortDropdownComponent, CaSpinnerComponent, CaSvgPipe, CaTodoComponent, CaTooltipListComponent, CaTruckTrailerProgresBarComponent, CaUploadFilesComponent, CaVehicleListComponent, ChartEventTypesStringEnum, ChartFontPropertiesStringEnum, ChartPluginIdsStringEnum, CubicInterpolationStringEnum, DateFormatPipe, DateFromStringPipe, DispatchStatusColorPipe, DropdownLoadStatusColorPipe, EChartAnnotation, EChartAnnotationType, EChartEventProperties, FormatCityStatePipe, FormatCurrencyPipe, HighlightSearchPipe, InputTestComponent, LastFuelPriceProgressHelper, LoadStatusColorPipe, MapConstants, MapHelper, MapInfoWindowOptionsConstants, MapMarkerIconHelper, MapMarkerIconService, MapMarkerIconsConstants, MapOptionsConstants, NFormatterPipe, NameInitialsPipe, PayrollTypeEnum, PickupDeliveryBlockComponent, ProgressBarComponent, SafeHtmlPipe, SortDropdownEnum, ThousandSeparatorPipe, ThousandToShortFormatPipe, ToLowerCasePipe, TruckTrailerColorFinderPipe, TruncatePipe, UnitPositionPipe, UserNameInitialsPipe, eDropZoneFileType, eDropdownMenu$1 as eDropdownMenu, eFileAction, eFileDropZoneAction, eFileSize, eFileType, eFileUploadPage, eFilterColor, eFilterDropdownEnum, eFilterSortingKey, eFilterTime, eGeneralActions, eLoadFilter, eLoadStatus, eModalButtonClassType, eModalButtonSize, ePeriodTitleType, ePlacement, ePosition, eProgressRangePrice, eProgressRangeTooltipPosition, eProgressRangeUnit, eReviewState, eStringPlaceholder, eStyleProperty, eTemplateType, eTrailerName, eTruckNameString, eUnit, eVehicleList, emptyValueValidator, userInfoEnum };
|
|
32096
32136
|
//# sourceMappingURL=ca-components.mjs.map
|