ca-components 2.0.922 → 2.0.923
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.
|
@@ -19165,7 +19165,7 @@ class CaPayrollListSummaryOverviewComponent {
|
|
|
19165
19165
|
});
|
|
19166
19166
|
}
|
|
19167
19167
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPayrollListSummaryOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19168
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ type }}</span>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white-2': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white-2': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19168
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { leftTemplate: "leftTemplate", showLeftTemplate: "showLeftTemplate", item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n <div class=\"d-flex flex-column\">\n <div class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ type }}</span>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white-2': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white-2': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type:
|
|
19169
19169
|
//Modules
|
|
19170
19170
|
CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }], animations: [accordionAnimation('showHideCardBody')], encapsulation: i0.ViewEncapsulation.None }); }
|
|
19171
19171
|
}
|
|
@@ -19175,7 +19175,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
19175
19175
|
//Modules
|
|
19176
19176
|
CommonModule,
|
|
19177
19177
|
AngularSvgIconModule,
|
|
19178
|
-
], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n <div class=\"d-flex flex-column\">\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ type }}</span>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white-2': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white-2': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
|
|
19178
|
+
], animations: [accordionAnimation('showHideCardBody')], encapsulation: ViewEncapsulation.None, template: "@let type = item.type;\n@let moneyCounter = item.moneyCounter;\n@let payrollSummaryItemClass = {\n'text-color-red-11': item.status === 'danger',\n'text-color-blue-13': item.status === 'positive',\n'text-color-white-2': isExpanded,\n};\n\n<div class=\"accordion\" id=\"accordionExample\">\n <div class=\"accordion-item\">\n <div>\n <div class=\"d-flex justify-content-between align-items-center accordion-header user-select-none\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\" (click)=\"toggleAccordion()\">\n <div class=\"d-flex flex-column\">\n <div class=\"d-flex header-content ca-font-extra-bold align-items-center\"\n [ngClass]=\"{ 'is-expanded': isExpanded }\">\n @if (!showLeftTemplate) {\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ item.text }}</span>\n </div>\n <div class=\"me-1 item-text text-size-11\">\n <span>{{ type }}</span>\n </div>\n <div class=\"text-size-11 ca-font-bold heading-count d-flex align-items-center justify-content-center\"\n [ngClass]=\"{\n 'is-expanded text-color-black': isExpanded,\n 'text-color-white': !isExpanded,\n }\">\n {{ item.itemCount }}\n </div>\n } @else {\n <ng-container *ngTemplateOutlet=\"leftTemplate\"></ng-container>\n }\n </div>\n </div>\n\n <div class=\"d-flex align-items-center header-content-right ca-font-bold\">\n @if (item.date) {\n <div class=\"me-2 date\" [class]=\"{ \n 'is-expanded': isExpanded,\n 'text-color-white-2': isExpanded,\n 'text-color-black': !isExpanded,\n }\">\n {{ item.date | date: 'dd/MM/yyyy' }}\n </div>\n }\n @if (item.status !== 'success') {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n danger: item.status === 'danger',\n positive: item.status === 'positive',\n }\" [class.is-danger-expanded]=\"\n item.status === 'danger' && isExpanded\n \" [class.is-positive-expanded]=\"\n item.status === 'positive' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"payrollSummaryItemClass\">\n {{ item.money | currency }}\n </div>\n @if (moneyCounter) {\n <div [class]=\"payrollSummaryItemClass\">\n ({{ moneyCounter }})\n </div>\n }\n </div>\n } @else {\n <div class=\"d-flex amount me-1\" [ngClass]=\"{\n success: item.status === 'success',\n }\" [class.is-success-expanded]=\"\n item.status === 'success' && isExpanded\n \">\n <div class=\"me-1\" [class]=\"{\n 'text-color-green-2': item.status === 'success',\n 'text-color-white-2': isExpanded\n }\">\n ALL PAID\n </div>\n </div>\n }\n <div class=\"accordion-toggle-icon d-flex\" [ngClass]=\"{\n svg_rotate: isExpanded,\n rotate_back: !isExpanded,\n }\">\n <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n </div>\n </div>\n </div>\n </div>\n <div [id]=\"'collapseOne' + index\" class=\"accordion-collapse\" [class.show]=\"isExpanded\"\n data-bs-parent=\"#accordionExample\" [@showHideCardBody]=\"{\n value: isExpanded.toString(),\n params: animationMarginParams,\n }\">\n <ng-container>\n <div class=\"accordion-body\">\n <!-- Add the expanded content here -->\n <!-- {{ item.description }} -->\n @if (isExpanded) {\n <ng-content></ng-content>\n }\n </div>\n </ng-container>\n </div>\n </div>\n</div>", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.accordion-collapse{margin-top:0!important}.accordion-item{border:unset!important;margin-bottom:3px!important;background-color:transparent!important}.accordion-item .accordion-header{cursor:pointer;padding:4px 4px 4px 8px;background-color:#fff;border-radius:4px!important}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text{color:#6c6c6c}.accordion-item .accordion-header .header-content .item-text span::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-text span::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::-moz-selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content .item-type::selection{background-color:#6c6c6c33!important;color:#6c6c6c!important}.accordion-item .accordion-header .header-content.is-expanded,.accordion-item .accordion-header .header-content.is-expanded .item-text span{color:#fff}.accordion-item .accordion-header .header-content.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:10px;height:18px;padding:2px 5px;min-width:18px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header.is-expanded{background-color:#424242;border-radius:4px;color:#fff}.accordion-item .accordion-header.is-expanded .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header.is-expanded .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .me-1{padding-left:8px}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#f1f1f1;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-text span::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::-moz-selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .item-type::selection{background-color:#42424233!important;color:#424242!important}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .item-text span::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-text span::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::-moz-selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .item-type::selection{background-color:#fff3!important;color:#fff!important}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#fff}.accordion-item .accordion-header:hover svg path{fill:#fff}.accordion-item .accordion-body{padding:0}.accordion-item .accordion-toggle-icon{width:26px;height:26px;align-items:center;justify-content:center}\n"] }]
|
|
19179
19179
|
}], ctorParameters: () => [], propDecorators: { leftTemplate: [{
|
|
19180
19180
|
type: Input
|
|
19181
19181
|
}], showLeftTemplate: [{
|
|
@@ -20988,11 +20988,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
20988
20988
|
|
|
20989
20989
|
class CaPeriodContentExtraInfoComponent {
|
|
20990
20990
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPeriodContentExtraInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20991
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPeriodContentExtraInfoComponent, isStandalone: true, selector: "app-ca-period-content-extra-info", inputs: { title: "title", amount: "amount", stopsCount: "stopsCount" }, ngImport: i0, template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n <div\n class=\"stop-container d-flex align-items-center justify-content-between\"\n >\n <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n title\n }}</span>\n @if (stopsCount) {\n <span\n class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n >{{ stopsCount }}</span\n >\n }\n </div>\n <span\n class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n >${{ amount }}</span\n >\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#92b1f5;transition:all .3s ease-in-out}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
20991
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: CaPeriodContentExtraInfoComponent, isStandalone: true, selector: "app-ca-period-content-extra-info", inputs: { title: "title", amount: "amount", stopsCount: "stopsCount" }, ngImport: i0, template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n <div\n class=\"stop-container d-flex align-items-center justify-content-between\"\n >\n <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n title\n }}</span>\n @if (stopsCount) {\n <span\n class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white\"\n >{{ stopsCount }}</span\n >\n }\n </div>\n <span\n class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n >${{ amount }}</span\n >\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#92b1f5;transition:all .3s ease-in-out}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
20992
20992
|
}
|
|
20993
20993
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: CaPeriodContentExtraInfoComponent, decorators: [{
|
|
20994
20994
|
type: Component,
|
|
20995
|
-
args: [{ selector: 'app-ca-period-content-extra-info', imports: [CommonModule], template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n <div\n class=\"stop-container d-flex align-items-center justify-content-between\"\n >\n <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n title\n }}</span>\n @if (stopsCount) {\n <span\n class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white-2\"\n >{{ stopsCount }}</span\n >\n }\n </div>\n <span\n class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n >${{ amount }}</span\n >\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#92b1f5;transition:all .3s ease-in-out}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"] }]
|
|
20995
|
+
args: [{ selector: 'app-ca-period-content-extra-info', imports: [CommonModule], template: "<div class=\"mileage-pay d-flex justify-content-between align-items-center\">\n <div\n class=\"stop-container d-flex align-items-center justify-content-between\"\n >\n <span class=\"payment-title ca-font-extra-bold text-color-black user-select-none\">{{\n title\n }}</span>\n @if (stopsCount) {\n <span\n class=\"round d-flex justify-content-center align-items-center ca-font-bold text-color-white\"\n >{{ stopsCount }}</span\n >\n }\n </div>\n <span\n class=\"total-money-closed ca-font-semi-bold d-flex justify-content-center align-items-center text-color-black\"\n >${{ amount }}</span\n >\n</div>\n", styles: [".pickup-delivery-popover{top:-38px!important;max-width:420px!important}.pickup-delivery-popover .popover-body{transform:none;margin-left:-4px;margin-top:-1px}.pickup-delivery-popover.bs-popover-top{top:auto!important;bottom:-38px!important}.pickup-delivery-popover.bs-popover-top .load-component .assigned-load-holder{order:3;margin-top:4px;margin-bottom:0!important}.pickup-delivery-popover.bs-popover-top .load-component .statusBar{order:2;margin-top:4px}.pickup-delivery-popover.bs-popover-top .load-component .animation-three-tabs{order:1}.load-pickup-delivery-popover{top:-34px!important;max-width:400px!important}.gps_dropdown_popover{top:-38px;max-width:748px!important}.gps_dropdown_popover .popover-body{padding:0}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;-webkit-animation:progressAnimation .25s ease-in-out;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#fff}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#fff}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#fff}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@-webkit-keyframes progressAnimation{0%{height:0px}to{height:220px}}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}.dispatch-note .popover-body{position:relative;top:-4px;left:-4px}.dropdown-menu-popover .popover-body{transform:none}.dropdown-menu-popover.bs-popover-end-top{margin-left:-4px!important;margin-top:-4px!important}.dropdown-menu-popover.bs-popover-bottom-end{margin-right:-4px!important;margin-top:-3px!important}.dropdown-menu-popover.bs-popover-end-bottom{margin-left:-3px!important;margin-bottom:-4px!important}.dropdown-menu-popover.bs-popover-top-end{margin-right:-4px!important;margin-bottom:-3px!important}.dropdown-menu-popover.ca-pickup-delivery-dropdown-popover.bs-popover-end-top{margin-left:0!important;margin-top:-6px!important}.dropdown-menu-popover.ca-pickup-delivery-list-dropdown-popover.bs-popover-end-top{margin-left:4px!important;margin-top:-6px!important}.dropdown-details-title-card-popover .dropdown-container{transform:translateY(-4px)}.fleet-filter-popover.bs-popover-bottom-start .fleet-filter-dropdown-container{transform:translate(-4px,-4px)!important}.fleet-filter-popover.bs-popover-top-start .fleet-filter-dropdown-container{transform:translate(-4px,4px)!important}.fleet-filter-sort-popover.bs-popover-end-top{transform:translate(158px,-3px)!important}.factoring-dropdown-popover.bs-popover-bottom-end .factoring-dropdown-container{transform:translate(4px,-4px)!important}.tooltip{font-size:12px;position:relative}.tooltip.show{opacity:1}.tooltip.fade:after,.tooltip.fade:before{transform:translateY(-10px);transition:all .15s ease-in-out}.tooltip.fade:hover:after,.tooltip.fade:hover:before{opacity:1;transform:translate(0)}.tooltip-inner{white-space:nowrap;max-width:none;border-radius:3px;font-size:11px;font-weight:600}.tooltip-inner:empty{padding:0}.placeholder-delete .tooltip-inner{background-color:#f66}.placeholder-delete .arrow:before{border-top-color:#f66}.custom-popup-owners-for-flag .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(126%) translate(-50%)!important;width:130px;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-for-flag .arrow{bottom:-18%;transform:rotate(180deg);left:calc(50% + 2.7rem)}.custom-popup-owners-for-flag .tooltip{opacity:.93!important;width:0}.custom-popup-owners{z-index:999}.custom-popup-owners .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners .tooltip{transform:translateY(-61px)!important}.custom-popup-owners-year{z-index:999}.custom-popup-owners-year .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(132%);z-index:999;box-shadow:0 0 3px #0003}.custom-popup-owners-year .arrow{bottom:-20%;transform:rotate(180deg)}.custom-popup-owners-year .tooltip{transform:translate(70px,-61px)!important}.custom-popup-owners-info .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-100%) translate(-10%);width:200px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;margin-top:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info .tooltip{opacity:.93;width:0}.custom-popup-owners-info .arrow{display:none}.custom-popup-owners-info #phone-inside{position:relative;right:26px;bottom:0}.custom-popup-owners-info-at .tooltip-inner{color:#3b3b3b;background-color:#fff;transform:translateY(-108%) translate(-7%);width:270px;height:36px;display:flex;justify-content:center;align-items:center;border-radius:3px;box-shadow:0 0 3px #0003}.custom-popup-owners-info-at .tooltip{opacity:1;width:0}.custom-popup-owners-info-at .arrow{display:none}.custom-popup-owners-for-tag .tooltip-inner{color:#3b3b3b;background-color:#fff;width:100px;border-radius:3px;box-shadow:0 0 3px #0003!important}.custom-popup-owners-for-tag .tooltip{top:5px!important}.custom-popup-owners-for-tag .arrow{bottom:-24%}.align-items-flex-start{justify-content:center;align-items:center}.align-items-flex-end{display:flex;justify-content:center;flex-direction:column;align-self:flex-end;align-items:flex-start}.label-add{align-self:flex-start}.fadeInLoad{animation:fadeInLoad .25s}@keyframes fadeInLoad{0%{opacity:0}to{opacity:1}}.fadeIn{opacity:1;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s}.thisText:hover .fadeIn{opacity:0}.fadeInLoad{animation-name:example;animation-duration:.25s}@keyframes example{0%{transform:scale(.5)}to{transform:scale(1)}}.tooltip.tooltip-table-icons{left:12px!important;opacity:1}.tooltip.tooltip-table-icons .arrow{display:none!important}.tooltip.tooltip-table-icons .tooltip-inner{border-radius:0 50px 50px;background:#28529f}.tooltip.show{opacity:1;animation:fadeIn ease .5s!important;-webkit-animation:fadeIn ease .5s!important;-moz-animation:fadeIn ease .5s!important;-o-animation:fadeIn ease .5s!important;-ms-animation:fadeIn ease .5s!important}.ta-tooltip{position:absolute;font-size:12px;text-align:center;color:#fff;line-height:22px;z-index:999999!important;opacity:0;white-space:nowrap;transform:scale(.7)}.ta-tooltip.ta-tooltip-show{opacity:.85;transform:scale(1);padding:0 12px}.ta-tooltip.ta-tooltip-bottom-right,.ta-tooltip.ta-tooltip-bottom-right-corner{transform-origin:top left;border-radius:0 15px 15px}.ta-tooltip.ta-tooltip-bottom-left{transform-origin:top right;border-radius:15px 0 15px 15px}@keyframes scaleItem{0%{transform:scale(.4)}to{transform:scale(1)}}.app-ca-main-tooltip{pointer-events:none}.app-ca-main-tooltip .tooltip-inner{padding:0;background-color:transparent;pointer-events:none}.app-ca-main-tooltip .tooltip-inner .tooltip-holder{display:flex;font-size:11px;line-height:14px;font-weight:600;border-radius:3px;padding:2px 6px;animation:scaleItem .3s;white-space:normal}.app-ca-main-tooltip .tooltip-inner .tooltip-holder:empty{padding:0}.tooltip-arrow{display:none!important}.trucks.semitruck svg path,.trucks.semisleeper svg path,.trucks.flatbed svg path,.trucks.stepdeck svg path,.trucks.lowboyrgn svg path,.trucks.chassis svg path,.trucks.conestoga svg path,.trucks.sidekit svg path,.trucks.container svg path,.trailers.semitruck svg path,.trailers.semisleeper svg path,.trailers.flatbed svg path,.trailers.stepdeck svg path,.trailers.lowboyrgn svg path,.trailers.chassis svg path,.trailers.conestoga svg path,.trailers.sidekit svg path,.trailers.container svg path{fill:#92b1f5}.trucks.boxtruck svg path,.trucks.reefertruck svg path,.trucks.cargovan svg path,.trucks.dryvan svg path,.trucks.reefer svg path,.trailers.boxtruck svg path,.trailers.reefertruck svg path,.trailers.cargovan svg path,.trailers.dryvan svg path,.trailers.reefer svg path{fill:#fbc88b}.trucks.dumptruck svg path,.trucks.cementtruck svg path,.trucks.garbagetruck svg path,.trucks.enddump svg path,.trucks.bottomdump svg path,.trucks.hopper svg path,.trucks.tanker svg path,.trucks.pneumatictanker svg path,.trailers.dumptruck svg path,.trailers.cementtruck svg path,.trailers.garbagetruck svg path,.trailers.enddump svg path,.trailers.bottomdump svg path,.trailers.hopper svg path,.trailers.tanker svg path,.trailers.pneumatictanker svg path{fill:#ed9292}.trucks.towtruck svg path,.trucks.carhauler svg path,.trucks.spotter svg path,.trucks.carhaulerstigner svg path,.trailers.towtruck svg path,.trailers.carhauler svg path,.trailers.spotter svg path,.trailers.carhaulerstigner svg path{fill:#86c9c3}.trucks .svgtext-template-text,.trailers .svgtext-template-text{color:#fff;transition:color .3s ease-in-out}.colors .black svg #droplet{fill:#6c6c6c}.colors .brown svg #droplet{fill:#a1887f}.colors .darkgreen svg #droplet{fill:#4db6a2}.colors .lightgreen svg #droplet{fill:#81c784}.colors .darkblue svg #droplet{fill:#546fd2}.colors .lightblue svg #droplet{fill:#64b5f6}.colors .gray svg #droplet{fill:#aaa}.colors .purple svg #droplet{fill:#ba68c8}.colors .gold svg #droplet{fill:#bcad79}.colors .silver svg #droplet{fill:#dadada}.colors .red svg #droplet{fill:#f96b69}.colors .pink svg #droplet{fill:#f26ec2}.colors .white svg #droplet{fill:#f1f1f1}.colors .orange svg #droplet{fill:#ff8a65}.colors .yellow svg #droplet{fill:#ffd54f}.colors:hover{transition:all .3s ease-in-out}.colors:hover .black svg #droplet{fill:#3c3c3c}.colors:hover .brown svg #droplet{fill:#8d6e63}.colors:hover .darkgreen svg #droplet{fill:#26a690}.colors:hover .lightgreen svg #droplet{fill:#66bb6a}.colors:hover .darkblue svg #droplet{fill:#304fc1}.colors:hover .lightblue svg #droplet{fill:#42a5f5}.colors:hover .gray svg #droplet{fill:#919191}.colors:hover .purple svg #droplet{fill:#ab47bc}.colors:hover .gold svg #droplet{fill:#aa9c6e}.colors:hover .silver svg #droplet{fill:#b7b7b7}.colors:hover .red svg #droplet{fill:#ef5350}.colors:hover .pink svg #droplet{fill:#fa4daa}.colors:hover .white svg #droplet{fill:#fff}.colors:hover .orange svg #droplet{fill:#ff7043}.colors:hover .yellow svg #droplet{fill:#ffca28}.filter-dropdown-popover{width:260px;position:relative;top:-4px;left:-4px}.filter-dropdown-popover-max-height{max-height:360px}.filter-dropdown-list{max-height:260px;overflow-y:auto}.filter-dropdown-list-icon{height:26px;transition:background-color .3s ease-in-out}.filter-dropdown-list-icon-value{height:14px;width:14px}.filter-dropdown-list-icon-remove{display:none}.filter-dropdown-list-icon:hover{background-color:#424242}.filter-dropdown-list-icon:hover .filter-dropdown-icon-count{display:none}.filter-dropdown-list-icon-selected:hover{background-color:#0b49d1}.filter-dropdown-list-item-icons{transition:opacity .3s ease-in-out;opacity:0}.filter-dropdown-list-item-status-circle{height:10px;width:10px}.filter-dropdown-list-item-remove{display:none}.filter-dropdown-list-item:hover{background-color:#424242}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons{opacity:1}.filter-dropdown-list-item:hover .filter-dropdown-list-item-icons svg path{fill:var(--svg-fill-color, #e66767)}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove{display:flex}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-remove svg path{fill:#e66767!important}.filter-dropdown-list-item-hover:hover .filter-dropdown-list-item-count{display:none!important}.filter-dropdown-icon{height:26px;width:26px}.filter-dropdown-count{height:14px;width:14px}.filter-dropdown-count-remove,.filter-dropdown-count-hover:hover .filter-dropdown-count-value{display:none}.filter-dropdown-count-hover:hover .filter-dropdown-count-remove{display:flex}.filter-dropdown-button{height:26px}.filter-dropdown-footer-button{color:#dadada;transition:color .3s ease-in-out,background-color .3s ease-in-out;height:18px;width:50%}.filter-dropdown-footer-button-set{color:#fff;background-color:#3b73ed}.filter-dropdown-footer-button-set:hover{background-color:#e9effd;color:#0b49d1}.filter-dropdown-footer-button-clear{color:#dadada}.filter-dropdown-footer-button-clear:hover{background-color:#eee;color:#424242}.filter-dropdown-list-badge{min-width:18px}.shadow-100{box-shadow:0 0 4px #0003}.shadow-300{box-shadow:0 0 6px #0003}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-90{opacity:.9}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.transition-width{transition:width .25s cubic-bezier(.46,.03,.51,.95);overflow-x:hidden}.transition-transform{transition:transform .25s cubic-bezier(.46,.03,.51,.95)}.transition-transform-100{transition:transform .1s cubic-bezier(.46,.03,.51,.95)}.transition-transform-400{transition:transform .4s cubic-bezier(.46,.03,.51,.95)}.transition-width-transform{transition-duration:.25s;transition-timing-function:cubic-bezier(.46,.03,.51,.95);transition-property:transform,width}.transition-background{transition:background .2s cubic-bezier(.46,.03,.51,.95)}.transition-background-100{transition:background .1s cubic-bezier(.46,.03,.51,.95)}.transition-background-color-300{transition:background,color .3s cubic-bezier(.46,.03,.51,.95)}.transition-fill-100 svg path{transition:fill .1s cubic-bezier(.46,.03,.51,.95)}.transition-duration-250{transition-duration:.25s}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}::ng-deep .popover{--bs-popover-border-width: 0;--bs-popover-body-padding-y: 0;--bs-popover-body-padding-x: 0}::ng-deep .popover .popover-arrow{display:none}.pointer-events-none{pointer-events:none}.ca-scroll-bar{overflow-y:scroll}.ca-scroll-bar::-webkit-scrollbar{width:2px}.ca-scroll-bar::-webkit-scrollbar-thumb{background:#ccc;border-radius:1px}.ca-scroll-bar::-webkit-scrollbar-track{background:#2f2f2f}.highlight-text-45632{background-color:#3b73ed33;color:#92b1f5;transition:all .3s ease-in-out}.mileage-pay{height:36px;border-top:1px solid #DADADA;gap:4px}.mileage-pay .stop-container{gap:4px}.mileage-pay .stop-container .payment-title{color:#424242;font-size:16px;padding-left:6px}.mileage-pay .stop-container .round{width:18px;height:18px;border-radius:20px;background-color:#6c6c6c;color:#fff;font-size:11px}.mileage-pay .total-money-closed{padding-right:6px}\n"] }]
|
|
20996
20996
|
}], propDecorators: { title: [{
|
|
20997
20997
|
type: Input
|
|
20998
20998
|
}], amount: [{
|