ca-components 0.0.38 → 0.0.40

package/lib/components/ca-filters/ca-filter.component.d.ts

@@ -7,7 +7,7 @@ import { filterOutputWithParams } from '../../models/filter-output-params.model'
 import { CaMoneyFilterComponent } from './components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from './components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from './components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from './components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from './components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from './components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from './components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from './components/ca-trailer-type-filter/ca-trailer-type-filter.component';
@@ -21,7 +21,7 @@ export declare class CaFilterComponent implements OnDestroy {
     caStatusFilter: CaStatusFilterComponent;
     caMoneyFilter: CaMoneyFilterComponent;
     caTimeFilter: CaTimeFilterComponent;
-    caUserFilter: CaUserFilterComponent;
+    caDispatcherFilter: CaDispatcherFilterComponent;
     caStateFilter: CaStateFilterComponent;
     caTruckTypeFilter: CaTruckTypeFilterComponent;
     caTrailerTypeFilter: CaTrailerTypeFilterComponent;

package/lib/components/ca-filters/components/{ca-user-filter/ca-user-filter.component.d.ts → ca-dispatcher-filter/ca-dispatcher-filter.component.d.ts}

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, Renderer2 } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { LoadStatusEnum } from '../../../../enums/load-status.enum';
 import { ArrayStatus } from '../../../../models/array-status.model';
@@ -8,9 +8,8 @@ import { CaFiltersSvgRoutes } from '../../utils/svg-routes/ca-filters-svg-routes
 import { ICaInput } from '../../../ca-input/config/ca-input.config';
 import { userSelected } from '../../../../models/user-selected.model';
 import * as i0 from "@angular/core";
-export declare class CaUserFilterComponent implements OnInit, OnDestroy {
+export declare class CaDispatcherFilterComponent implements OnInit, OnDestroy {
     private formBuilder;
-    private renderer;
     type: string;
     isFilterActive: boolean;
     filterTitle: string;
@@ -29,7 +28,7 @@ export declare class CaUserFilterComponent implements OnInit, OnDestroy {
     isAscendingSortOrder: boolean;
     isButtonAvailable: boolean;
     totalFiltersNum: number;
-    constructor(formBuilder: UntypedFormBuilder, renderer: Renderer2);
+    constructor(formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
     get dispatcherSearch(): ICaInput;
     onFilterClose(): void;
@@ -44,6 +43,6 @@ export declare class CaUserFilterComponent implements OnInit, OnDestroy {
     sortItems(): void;
     getSvgPath(propertyName: keyof typeof CaFiltersSvgRoutes): string;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CaUserFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaUserFilterComponent, "app-ca-user-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "toDoSubType": { "alias": "toDoSubType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaDispatcherFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaDispatcherFilterComponent, "app-ca-dispatcher-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "toDoSubType": { "alias": "toDoSubType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-filters/components/{ca-user-filter/config/ca-user-filter.config.d.ts → ca-dispatcher-filter/config/ca-dispatcher-filter.config.d.ts}

@@ -1,4 +1,4 @@
 import { ICaInput } from '../../../../ca-input/config/ca-input.config';
-export declare class CaUserFilterConfig {
+export declare class CaDispatcherFilterConfig {
     static getDispatcherSearch(): ICaInput;
 }

package/lib/components/ca-filters/components/ca-dispatcher-filter/config/ca-driver-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaDriverFilterConfig {
+    static getDriverSearch(): ICaInput;
+}

package/lib/components/ca-filters/components/ca-dispatcher-filter/config/ca-fuel-stop-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaFuelStopFilterConfig {
+    static getFuelStopSearch(): ICaInput;
+}

package/lib/components/ca-filters/components/ca-pm-filter/ca-pm-filter.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, Renderer2 } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { userSelected } from '../../../../models/user-selected.model';
 import { ArrayStatus } from '../../../../models/array-status.model';
 import { filterOutput } from '../../../../models/filter-output.model';
@@ -8,7 +8,6 @@ import { TruckassistTableService } from '../../../../services/truckassist-table.
 import * as i0 from "@angular/core";
 export declare class CaPmFilterComponent implements OnInit, OnDestroy {
     private tableService;
-    private renderer;
     type: string;
     isFilterActive: boolean;
     hasLeftSideIcon: boolean;
@@ -20,7 +19,7 @@ export declare class CaPmFilterComponent implements OnInit, OnDestroy {
     isAscendingSortOrder: boolean;
     filterActiveArray: ArrayStatus[];
     unselectedVisibleCount: number;
-    constructor(tableService: TruckassistTableService, renderer: Renderer2);
+    constructor(tableService: TruckassistTableService);
     ngOnInit(): void;
     trackByIdentity(index: number): number;
     sortItems(): void;

package/lib/components/ca-filters/components/ca-state-filter/ca-state-filter.component.d.ts

@@ -1,15 +1,16 @@
-import { OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
 import { CaFiltersSvgRoutes } from '../../utils/svg-routes/ca-filters-svg-routes';
 import { ArrayStatus } from '../../../../models/array-status.model';
 import { filterOutput } from '../../../../models/filter-output.model';
 import { filterOutputWithParams } from '../../../../models/filter-output-params.model';
+import { ICaInput } from '../../../../components/ca-input/config/ca-input.config';
 import * as i0 from "@angular/core";
 export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     private formBuilder;
-    private renderer;
     type: string;
     isFilterActive: boolean;
+    isSearchExpanded: boolean;
     private destroy$;
     searchForm: UntypedFormGroup;
     usaStates: ArrayStatus[];
@@ -23,9 +24,10 @@ export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     totalFiltersNum: number;
     unselectedVisibleCount: number;
     caFiltersSvgRoutes: CaFiltersSvgRoutes;
-    constructor(formBuilder: UntypedFormBuilder, renderer: Renderer2);
+    constructor(formBuilder: UntypedFormBuilder);
     ngOnInit(): void;
     trackByIndex(index: number): number;
+    get stateSearch(): ICaInput;
     private createForm;
     trackByIdentity(index: number): number;
     private watchSearchFormValueChanges;
@@ -50,5 +52,5 @@ export declare class CaStateFilterComponent implements OnInit, OnDestroy {
     getSvgPath(propertyName: keyof typeof CaFiltersSvgRoutes): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaStateFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaStateFilterComponent, "app-ca-state-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaStateFilterComponent, "app-ca-state-filter", never, { "type": { "alias": "type"; "required": false; }; "isFilterActive": { "alias": "isFilterActive"; "required": false; }; "isSearchExpanded": { "alias": "isSearchExpanded"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-filters/components/ca-state-filter/config/ca-state-filter.config.d.ts

@@ -0,0 +1,4 @@
+import { ICaInput } from '../../../../ca-input/config/ca-input.config';
+export declare class CaStateFilterConfig {
+    static getStateSearch(): ICaInput;
+}

package/lib/components/ca-filters/pipes/filter-conditions-clear.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from '../components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterConditionsClearPipe implements PipeTransform {
-    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
+    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterConditionsClearPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterConditionsClearPipe, "filterConditionsClear", true>;
 }

package/lib/components/ca-filters/pipes/filter-conditions-set.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
 import { CaTimeFilterComponent } from '../components/ca-time-filter/ca-time-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterConditionsSetPipe implements PipeTransform {
-    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
+    transform(type: string, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caTimeFilter: CaTimeFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterConditionsSetPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterConditionsSetPipe, "filterConditionsSet", true>;
 }

package/lib/components/ca-filters/pipes/filter-popover-conditions.pipe.d.ts

@@ -2,14 +2,14 @@ import { PipeTransform } from '@angular/core';
 import { CaFilterComponent } from '../ca-filter.component';
 import { CaMoneyFilterComponent } from '../components/ca-money-filter/ca-money-filter.component';
 import { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
-import { CaUserFilterComponent } from '../components/ca-user-filter/ca-user-filter.component';
+import { CaDispatcherFilterComponent } from '../components/ca-dispatcher-filter/ca-dispatcher-filter.component';
 import { CaStateFilterComponent } from '../components/ca-state-filter/ca-state-filter.component';
 import { CaTruckTypeFilterComponent } from '../components/ca-truck-type-filter/ca-truck-type-filter.component';
 import { CaTrailerTypeFilterComponent } from '../components/ca-trailer-type-filter/ca-trailer-type-filter.component';
 import { CaPmFilterComponent } from '../components/ca-pm-filter/ca-pm-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterPopoverConditionsPipe implements PipeTransform {
-    transform(type: string, caFilterComponent: CaFilterComponent, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caUserFilter: CaUserFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number | string;
+    transform(type: string, caFilterComponent: CaFilterComponent, caMoneyFilter: CaMoneyFilterComponent, caStatusFilter: CaStatusFilterComponent, caDispatcherFilter: CaDispatcherFilterComponent, caStateFilter: CaStateFilterComponent, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number | string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterPopoverConditionsPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterPopoverConditionsPipe, "filterPopoverConditionsPipe", true>;
 }

package/lib/components/ca-filters/utils/constants/directive.constants.d.ts

@@ -1,10 +1,17 @@
 import { ArrayStatus } from '../../../../models/array-status.model';
 export declare class DirectiveConstants {
     static UNSELECTED_USER: ArrayStatus[];
+    static DRIVER_ARRAY: ArrayStatus[];
+    static FUEL_STOP_ARRAY: ArrayStatus[];
     static USA_STATES: ArrayStatus[];
     static CANADA_STATES: ArrayStatus[];
     static TRUCK_TYPE_ARRAY: ArrayStatus[];
     static TRAILER_TYPE_ARRAY: ArrayStatus[];
     static PM_FILTER_ARRAY: ArrayStatus[];
     static CATEGORY_REPAIR_ARRAY: ArrayStatus[];
+    static FUEL_ITEM_FILTER_ARRAY: ArrayStatus[];
+    static DEPARTMANT_ARRAY: ArrayStatus[];
+    static PARKING_ARRAY: ArrayStatus[];
+    static TAG_ARRAY: ArrayStatus[];
+    static ACTION_ARRAY: ArrayStatus[];
 }

package/lib/components/ca-map/enums/toolbar-filter-string.enum.d.ts

@@ -23,15 +23,28 @@ export declare enum ToolbarFilterStringEnum {
     MONEY_FILTER = "moneyFilter",
     MILES_FILTER = "milesFilter",
     PAY_FILTER = "payFilter",
+    DISPATCHER_FILTER = "dispatcherFilter",
+    FUEL_ITEM_FILTER = "fuelItemFilter",
+    PARKING_FILTER = "parkingFilter",
+    TAG_FILTER = "tagFilter",
+    ACTION_FILTER = "actionFilter",
     MONEY_FILTER_2 = "Money Filter",
     STATUS_FILTER_2 = "Status Filter",
     TIME_FILTER_2 = "Time Filter",
+    DISPATCHER_FILTER_2 = "Dispatcher Filter",
+    DRIVER_FILTER_2 = "Driver Filter",
+    FUEL_STOP_FILTER_2 = "Fuel Stop Filter",
     USER_FILTER_2 = "Dispatcher Filter",
     STATE_FILTER_2 = "State / Province Filter",
     TRUCK_TYPE_FILTER_2 = "Truck Type Filter",
     TRAILER_TYPE_FILTER_2 = "Trailer Type Filter",
     PM_FILTER_2 = "PM Filter",
     SERVICE_FILTER_2 = "Service Filter",
+    FUEL_ITEM_FILTER_2 = "Fuel Item Filter",
+    DEPARTMENT_FILTER_2 = "Department Filter",
+    PARKING_FILTER_2 = "Parking Filter",
+    TAG_FILTER_2 = "Tag Filter",
+    ACTION_FILTER_2 = "Action Filter",
     DOLLAR = "dollar",
     BROKER_HALF_CIRCLE = "broker-half-circle",
     TIME = "ic_time",
@@ -41,10 +54,13 @@ export declare enum ToolbarFilterStringEnum {
     TRAILER = "trailer",
     DEFAULT_PM = "default_pm",
     IC_KEY_REPAIR = "ic_key-repair",
+    FUEL = "fuel",
     MAIN_TOOLTIP = "mainTooltip",
     CLOSE_FILTER = "Close Filter",
     REMOVE_FILTER = "Remove Filter",
     FILTER_TEXT = "filterText",
+    USER_BOX = "userBox",
+    SORT_ITEMS = "sortItems",
     CANADA = "canada",
     CANADA_2 = "Canada",
     EMPTY_STRING_PLACEHOLDER = "",

package/lib/components/ca-period-content/components/ca-period-content-user-info/ca-period-content-user-info.component.d.ts

@@ -14,6 +14,7 @@ export declare class CaPeriodContentUserInfoComponent {
     currentIcon: string;
     setCurrentIconAndClass(): string;
     getSvgPath(propertyName: keyof typeof PeriodContentSvgRoutes): string;
+    getUserInitials(userName: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaPeriodContentUserInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CaPeriodContentUserInfoComponent, "app-ca-period-content-user-info", never, { "componentData": { "alias": "componentData"; "required": false; }; "type": { "alias": "type"; "required": false; }; "paymentStatus": { "alias": "paymentStatus"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "userInfo": { "alias": "userInfo"; "required": false; }; "status": { "alias": "status"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-period-content/utils/svg-routes/period-content.routes.d.ts

@@ -10,4 +10,5 @@ export declare class PeriodContentSvgRoutes {
     static userAvatar: string;
     static userAvatarMissing: string;
     static dragging: string;
+    static infinityIcon: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ca-components",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "peerDependencies": {
     "@angular/common": "^16.2.0",
     "@angular/core": "^16.2.0",

package/src/assets/ca-components/svg/common/actions/action_add.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.97729 5.52278C10.054 5.60066 10.0972 5.70621 10.0975 5.81635V7.91089H12.1854C12.2955 7.91117 12.401 7.95438 12.4789 8.03107C12.5568 8.10776 12.6007 8.2117 12.601 8.32015V9.68796C12.6007 9.79642 12.5568 9.90035 12.4789 9.97704C12.401 10.0537 12.2955 10.0969 12.1854 10.0972H10.0975V12.1851C10.0972 12.2953 10.054 12.4008 9.97729 12.4787C9.9006 12.5566 9.79667 12.6004 9.68821 12.6007H8.3204C8.21194 12.6004 8.10801 12.5566 8.03132 12.4787C7.95463 12.4008 7.91142 12.2953 7.91113 12.1851V10.0972H5.81659C5.70645 10.0969 5.60091 10.0537 5.52303 9.97704C5.44515 9.90035 5.40126 9.79642 5.40098 9.68796V8.32015C5.40126 8.2117 5.44515 8.10776 5.52303 8.03107C5.60091 7.95438 5.70645 7.91117 5.81659 7.91089H7.91113V5.81635C7.91142 5.70621 7.95463 5.60066 8.03132 5.52278C8.10801 5.4449 8.21194 5.40102 8.3204 5.40073H9.68821C9.79666 5.40102 9.9006 5.4449 9.97729 5.52278Z" fill="#919191"/>
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_check.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M13.055 7.15733L12.1275 6.23481C12.0533 6.16189 11.9528 6.12093 11.848 6.12093C11.7432 6.12093 11.6427 6.16189 11.5685 6.23481L8.0762 9.64506L6.56165 8.14237C6.48749 8.06945 6.38697 8.0285 6.28216 8.0285C6.17736 8.0285 6.07684 8.06945 6.00268 8.14237L5.06584 9.05567C4.99179 9.1287 4.95019 9.22769 4.95019 9.33089C4.95019 9.43409 4.99179 9.53308 5.06584 9.60611L7.78683 12.307C7.86099 12.38 7.96151 12.4209 8.06631 12.4209C8.17112 12.4209 8.27164 12.38 8.3458 12.307L13.0539 7.70777C13.128 7.63473 13.1696 7.53575 13.1696 7.43255C13.1696 7.32934 13.128 7.23036 13.0539 7.15733H13.055Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_play.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8585 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M7.65098 11.7268V6.27462C7.65092 6.19079 7.67592 6.10884 7.72281 6.03913C7.76969 5.96941 7.83636 5.91508 7.91438 5.88299C7.99239 5.85091 8.07824 5.84252 8.16106 5.85889C8.24388 5.87526 8.31994 5.91564 8.37962 5.97494L11.126 8.70106C11.206 8.78056 11.251 8.88835 11.251 9.00073C11.251 9.11312 11.206 9.22091 11.126 9.3004L8.37962 12.0265C8.31994 12.0858 8.24388 12.1262 8.16106 12.1426C8.07824 12.1589 7.99239 12.1506 7.91438 12.1185C7.83636 12.0864 7.76969 12.032 7.72281 11.9623C7.67592 11.8926 7.65092 11.8107 7.65098 11.7268Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_recheck.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.00019 0.450928C4.27519 0.450928 0.450195 4.27593 0.450195 9.00093C0.450195 13.7259 4.27519 17.5509 9.00019 17.5509C13.7252 17.5509 17.5502 13.7259 17.5502 9.00093C17.5502 4.27593 13.7252 0.450928 9.00019 0.450928ZM9.00019 15.9039C5.1842 15.9039 2.0972 12.8169 2.0972 9.00093C2.0972 5.18493 5.1842 2.09793 9.00019 2.09793C12.8162 2.09793 15.9032 5.18493 15.9032 9.00093C15.9032 12.8169 12.8162 15.9039 9.00019 15.9039Z" fill="#919191"/>
+<path d="M12.9858 5.66553C12.9476 5.61198 12.894 5.56608 12.8405 5.54313C12.7793 5.52018 12.7104 5.51253 12.6492 5.52018C12.588 5.52783 12.5268 5.56608 12.4809 5.61198L11.6624 6.43053C10.9892 5.73438 10.0482 5.29833 9.00785 5.29833C7.8068 5.29833 6.7358 5.87208 6.05494 6.76713C5.97845 6.86658 6.05495 7.01193 6.185 7.01193H9.00785C9.5816 7.01193 10.0941 7.25673 10.4537 7.64688L9.49745 8.60313C9.45154 8.64903 9.42095 8.71023 9.40565 8.77143C9.39034 8.83263 9.40565 8.90148 9.4286 8.96268C9.45154 9.02388 9.49745 9.07743 9.55099 9.10803C9.60454 9.14628 9.66575 9.16158 9.7346 9.16158H12.741C12.8252 9.16923 12.9093 9.13863 12.9705 9.07743C13.0317 9.01623 13.07 8.93208 13.07 8.84793V5.84148C13.0623 5.77263 13.0394 5.71143 13.0011 5.65788L12.9858 5.66553Z" fill="#919191"/>
+<path d="M11.8307 10.9899H9.00785C8.41115 10.9899 7.87565 10.7145 7.50845 10.2938L8.42644 9.37578C8.47234 9.32988 8.50294 9.26868 8.51824 9.20748C8.53354 9.14628 8.51825 9.07743 8.4953 9.01623C8.47235 8.95503 8.42645 8.90148 8.37289 8.87088C8.31934 8.83263 8.25814 8.81733 8.18929 8.81733H5.18285C5.0987 8.80968 5.01455 8.84028 4.95335 8.90148C4.89215 8.96268 4.8539 9.04683 4.8539 9.13098V12.1374C4.86155 12.2063 4.88449 12.2675 4.92274 12.321C4.96099 12.3746 5.01455 12.4205 5.0681 12.4434C5.1293 12.4664 5.19814 12.474 5.25935 12.4664C5.32055 12.4511 5.38175 12.4205 5.42765 12.3746L6.29209 11.5101C6.96529 12.2445 7.9292 12.7112 9.0002 12.7112C10.2012 12.7112 11.2722 12.1374 11.9531 11.2424C12.0296 11.1429 11.9531 10.9976 11.823 10.9976L11.8307 10.9899Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_stop.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M12.1854 7.91089C12.2955 7.91117 12.401 7.95438 12.4789 8.03107C12.5568 8.10776 12.6007 8.2117 12.601 8.32015V9.68797C12.6007 9.79642 12.5568 9.90035 12.4789 9.97705C12.401 10.0537 12.2955 10.0969 12.1854 10.0972C9.03204 10.0972 9.55978 10.0972 5.81659 10.0972C5.70645 10.0969 5.60091 10.0537 5.52303 9.97705C5.44515 9.90035 5.40126 9.79642 5.40098 9.68797V8.32015C5.40126 8.2117 5.44515 8.10776 5.52303 8.03107C5.60091 7.95438 5.70645 7.91117 5.81659 7.91089C8.97951 7.91089 8.43758 7.91089 12.1854 7.91089Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_write.svg

@@ -0,0 +1,5 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.3402 5.58993C11.2142 5.47293 11.0522 5.40093 10.8812 5.40093C10.7102 5.40093 10.5482 5.46393 10.4222 5.58993L9.57619 6.40893C9.57619 6.40893 9.54919 6.44493 9.54019 6.46293C9.54019 6.48093 9.53119 6.50793 9.53119 6.52593C9.53119 6.54393 9.53119 6.57093 9.54019 6.58893C9.54019 6.60693 9.5582 6.62493 9.57619 6.64293L11.0792 8.12793C11.0792 8.12793 11.1152 8.15493 11.1332 8.16393C11.1512 8.17293 11.1782 8.17293 11.1962 8.17293C11.2142 8.17293 11.2412 8.17293 11.2592 8.16393C11.2772 8.16393 11.2952 8.14593 11.3132 8.12793L12.1502 7.30893C12.2672 7.19193 12.3392 7.02993 12.3392 6.85893C12.3392 6.68793 12.2672 6.52593 12.1502 6.40893L11.3402 5.60793V5.58993Z" fill="#919191"/>
+<path d="M10.3592 8.82093L8.84719 7.34493C8.84719 7.34493 8.8112 7.31793 8.79319 7.30893C8.7752 7.30893 8.74819 7.29993 8.73019 7.29993C8.71219 7.29993 8.68519 7.29993 8.66719 7.30893C8.64919 7.30893 8.63119 7.32693 8.61319 7.34493L5.56219 10.3509L5.39119 11.8719C5.39119 11.9169 5.3912 11.9709 5.40919 12.0159C5.4272 12.0609 5.45419 12.1059 5.49019 12.1329C5.52619 12.1689 5.56219 12.1959 5.61619 12.2049C5.66119 12.2229 5.71519 12.2229 5.76019 12.2229L7.30819 12.0519L10.3592 9.04593C10.3592 9.04593 10.3862 9.00993 10.3952 8.99193C10.3952 8.97393 10.4042 8.94693 10.4042 8.92893C10.4042 8.91093 10.4042 8.88393 10.3952 8.86593C10.3952 8.84793 10.3772 8.82993 10.3592 8.81193V8.82093Z" fill="#919191"/>
+<path d="M9.00019 0.450928C4.27519 0.450928 0.450195 4.27593 0.450195 9.00093C0.450195 13.7259 4.27519 17.5509 9.00019 17.5509C13.7252 17.5509 17.5502 13.7259 17.5502 9.00093C17.5502 4.27593 13.7252 0.450928 9.00019 0.450928ZM9.00019 15.9039C5.1842 15.9039 2.0972 12.8169 2.0972 9.00093C2.0972 5.18493 5.1842 2.09793 9.00019 2.09793C12.8162 2.09793 15.9032 5.18493 15.9032 9.00093C15.9032 12.8169 12.8162 15.9039 9.00019 15.9039Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/actions/action_x.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.0002 0.450928C7.30917 0.450928 5.65611 0.952377 4.25007 1.89186C2.84403 2.83135 1.74816 4.16668 1.10103 5.72898C0.4539 7.29129 0.284581 9.01041 0.614485 10.6689C0.944388 12.3275 1.7587 13.8509 2.95444 15.0467C4.15017 16.2424 5.67364 17.0567 7.33218 17.3866C8.99071 17.7165 10.7098 17.5472 12.2721 16.9001C13.8344 16.253 15.1698 15.1571 16.1093 13.7511C17.0487 12.345 17.5502 10.692 17.5502 9.00093C17.5502 6.73333 16.6494 4.5586 15.046 2.95516C13.4425 1.35173 11.2678 0.450928 9.0002 0.450928ZM9.0002 2.10593C10.3649 2.10593 11.6989 2.51061 12.8336 3.26879C13.9683 4.02697 14.8527 5.1046 15.375 6.36541C15.8972 7.62622 16.0339 9.01358 15.7676 10.352C15.5014 11.6905 14.8442 12.92 13.8792 13.885C12.9143 14.8499 11.6848 15.5071 10.3463 15.7733C9.00785 16.0396 7.62049 15.9029 6.35968 15.3807C5.09887 14.8584 4.02124 13.9741 3.26306 12.8394C2.50488 11.7047 2.1002 10.3706 2.1002 9.00593C2.09901 8.09947 2.27668 7.20169 2.62302 6.36401C2.96935 5.52633 3.47756 4.76521 4.11852 4.12425C4.75948 3.48329 5.5206 2.97508 6.35828 2.62875C7.19596 2.28241 8.09374 2.10474 9.0002 2.10593Z" fill="#919191"/>
+<path d="M6.93688 5.55871C7.04617 5.55955 7.15136 5.60363 7.22944 5.6813L9.00488 7.45674L10.7751 5.6865C10.8532 5.60882 10.9584 5.56474 11.0677 5.5639C11.177 5.56306 11.2815 5.60552 11.3584 5.68201L12.3256 6.6492C12.4021 6.72609 12.4445 6.83061 12.4437 6.93991C12.4429 7.04921 12.3988 7.1544 12.3211 7.23248L10.5509 9.00272L12.3201 10.7719C12.3977 10.85 12.4418 10.9552 12.4427 11.0645C12.4435 11.1738 12.401 11.2783 12.3246 11.3552L11.3574 12.3224C11.2805 12.3989 11.176 12.4413 11.0667 12.4405C10.9574 12.4397 10.8522 12.3956 10.7741 12.3179L9.00488 10.5487L7.23122 12.3224C7.15314 12.4 7.04795 12.4441 6.93865 12.445C6.82936 12.4458 6.72484 12.4033 6.64794 12.3268L5.68075 11.3597C5.60427 11.2828 5.5618 11.1782 5.56264 11.0689C5.56349 10.9596 5.60756 10.8545 5.68524 10.7764L7.4589 9.00272L5.68347 7.22728C5.60579 7.1492 5.56171 7.04401 5.56087 6.93471C5.56002 6.82542 5.60249 6.7209 5.67898 6.644L6.64616 5.67681C6.72306 5.60033 6.82758 5.55786 6.93688 5.55871Z" fill="#919191"/>
+</svg>

package/src/assets/ca-components/svg/common/ic_fuel.svg

@@ -0,0 +1,4 @@
+<svg id="Group_78366" data-name="Group 78366" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+  <rect id="Rectangle_63252" data-name="Rectangle 63252" width="18" height="18" fill="#aaa" opacity="0"/>
+  <path id="Path_36695" data-name="Path 36695" d="M10.631,15.075H.506A.512.512,0,0,0,0,15.581v1.013a.511.511,0,0,0,.506.506H10.631a.512.512,0,0,0,.507-.506V15.581a.512.512,0,0,0-.507-.506M15.6,4.3,13.045,1.732a.512.512,0,0,0-.715,0l-.357.357a.511.511,0,0,0,0,.716L13.166,4V5.96a1.77,1.77,0,0,0,1.519,1.746v5.087a.76.76,0,0,1-1.519,0V11.785A2.784,2.784,0,0,0,10.382,9h-.26V2.925A2.025,2.025,0,0,0,8.1.9H3.038A2.027,2.027,0,0,0,1.013,2.925V14.063h9.112V10.519h.256a1.265,1.265,0,0,1,1.265,1.265v.882a2.374,2.374,0,0,0,2.041,2.4,2.286,2.286,0,0,0,2.5-2.044c.007-.076.011-.151.011-.227V5.728A2.029,2.029,0,0,0,15.6,4.3M8.1,6.975H3.038V2.925H8.1Z" transform="translate(0 0)" fill="#aaa"/>
+</svg>

package/src/assets/ca-components/svg/period-content/infinity.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" width="23" height="18" rx="9" fill="#6C6C6C"/>
+<path d="M15.076 11.956C14.544 11.956 14.0867 11.8813 13.704 11.732C13.3213 11.5733 12.99 11.3633 12.71 11.102C12.4393 10.8313 12.1967 10.542 11.982 10.234C11.7767 9.91667 11.576 9.604 11.38 9.296C11.1933 8.97867 10.9927 8.68933 10.778 8.428C10.5633 8.15733 10.316 7.94267 10.036 7.784C9.76533 7.62533 9.434 7.546 9.042 7.546C8.734 7.546 8.454 7.616 8.202 7.756C7.95933 7.896 7.768 8.08267 7.628 8.316C7.49733 8.54 7.432 8.80133 7.432 9.1C7.432 9.38933 7.49733 9.65067 7.628 9.884C7.768 10.1173 7.95933 10.304 8.202 10.444C8.454 10.584 8.734 10.654 9.042 10.654C9.434 10.654 9.76533 10.5747 10.036 10.416C10.316 10.2573 10.5633 10.0473 10.778 9.786C10.9927 9.51533 11.1933 9.226 11.38 8.918C11.576 8.61 11.7767 8.29733 11.982 7.98C12.1967 7.66267 12.4393 7.37333 12.71 7.112C12.99 6.84133 13.3213 6.63133 13.704 6.482C14.0867 6.32333 14.544 6.244 15.076 6.244C15.6267 6.244 16.1167 6.36533 16.546 6.608C16.9753 6.85067 17.316 7.18667 17.568 7.616C17.82 8.04533 17.946 8.53533 17.946 9.086C17.946 9.63667 17.82 10.1313 17.568 10.57C17.316 10.9993 16.9753 11.34 16.546 11.592C16.1167 11.8347 15.6267 11.956 15.076 11.956ZM8.916 11.956C8.36533 11.956 7.87067 11.8347 7.432 11.592C7.00267 11.34 6.662 10.9993 6.41 10.57C6.158 10.1313 6.032 9.64133 6.032 9.1C6.032 8.54933 6.158 8.05933 6.41 7.63C6.662 7.19133 7.00267 6.85067 7.432 6.608C7.87067 6.36533 8.36533 6.244 8.916 6.244C9.45733 6.244 9.91467 6.32333 10.288 6.482C10.6707 6.63133 10.9973 6.84133 11.268 7.112C11.548 7.37333 11.7907 7.66267 11.996 7.98C12.2013 8.288 12.3973 8.60067 12.584 8.918C12.78 9.226 12.9853 9.51533 13.2 9.786C13.4147 10.0473 13.662 10.2573 13.942 10.416C14.222 10.5747 14.5533 10.654 14.936 10.654C15.244 10.654 15.5193 10.584 15.762 10.444C16.0047 10.304 16.196 10.1173 16.336 9.884C16.476 9.65067 16.546 9.38467 16.546 9.086C16.546 8.79667 16.476 8.53533 16.336 8.302C16.196 8.06867 16.0047 7.88667 15.762 7.756C15.5193 7.616 15.244 7.546 14.936 7.546C14.5533 7.546 14.222 7.62533 13.942 7.784C13.662 7.94267 13.4147 8.15733 13.2 8.428C12.9853 8.68933 12.78 8.974 12.584 9.282C12.3973 9.59 12.2013 9.90267 11.996 10.22C11.7907 10.5373 11.548 10.8313 11.268 11.102C10.9973 11.3633 10.6707 11.5733 10.288 11.732C9.91467 11.8813 9.45733 11.956 8.916 11.956Z" fill="white"/>
+</svg>