ca-components 1.0.57 → 1.0.58

package/lib/components/ca-chart/ca-chart.component.d.ts

@@ -15,6 +15,7 @@ export declare class CaChartComponent implements AfterViewInit {
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
+    private initializeAnnotationPlugin;
     updateDatasetBackgroundOnHover(dataSetLabel: string, color: string, isDatasetHovered: boolean): void;
     private createChart;
     private updateChart;

package/lib/components/ca-chart/enums/chart-colors.enum.d.ts

@@ -1,5 +1,6 @@
 export declare const enum ChartColorsStringEnum {
     WHITE = "#FFFFFF",
     HOVER_SEGMENT = "#EEEEEE",
+    X_AXIS_LABEL_COLOR = "#919191",
     TRANSPARENT = "transparent"
 }

package/lib/components/ca-chart/enums/chart-event-properties.enum.d.ts

@@ -1,3 +1,5 @@
 export declare enum ChartEventProperties {
-    X = "x"
+    X = "x",
+    Y = "y",
+    Y_AXIS_0 = "y-axis-0"
 }

package/lib/components/ca-chart/enums/chart-font-properties.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum ChartFontPropertiesStringEnum {
+    FONT_FAMILY_MONTSERRAT = "Montserrat",
+    FONT_WEIGHT_BOLDER = "bolder"
+}

package/lib/components/ca-chart/enums/index.d.ts

@@ -5,3 +5,4 @@ export * from './chart-plugin-ids.enum';
 export * from './chart-event-types.enum';
 export * from './chart-event-properties.enum';
 export * from './chart-images.enum';
+export * from './chart-font-properties.enum';

package/lib/components/ca-chart/models/chart-base-dataset.model.d.ts

@@ -1,12 +1,13 @@
 import { ChartTypeRegistry } from 'chart.js';
 export interface IBaseDataset {
     type: keyof ChartTypeRegistry;
+    order?: number;
     label: string;
     data: number[] | [number, number][];
     borderColor?: string;
     borderWidth?: number;
     backgroundColor?: string | CanvasGradient;
-    color1?: string;
+    color?: string;
     colorEdgeValue?: number;
     color2?: string;
     fill?: boolean;

package/lib/components/ca-chart/models/chart-config.model.d.ts

@@ -9,4 +9,6 @@ export interface IChartConfiguration {
     noDataImage: string;
     isMultiYAxis?: boolean;
     isStacked?: boolean;
+    showTooltipBackground?: boolean;
+    showXAxisLabels?: boolean;
 }

package/lib/components/ca-chart/utils/helpers/chart.helper.d.ts

@@ -6,11 +6,10 @@ export declare class ChartHelper {
     static rgbToRgba(rgb: string | undefined, opacity: number): string;
     static calculateMinValue(data: number[]): number;
     static calculateMaxValue(data: number[]): number;
-    static createGradient(chartContext: CanvasRenderingContext2D, chartCanvas: ElementRef, color1: string, color2: string): CanvasGradient;
-    static createCustomGradient(chartContext: CanvasRenderingContext2D, chartCanvas: ElementRef, color1: string, color2: string, color1EdgeValue?: number, color2EdgeValue?: number): CanvasGradient | undefined;
+    static createGradient(chartContext: CanvasRenderingContext2D, chartCanvas: ElementRef, color: string, color2: string): CanvasGradient;
+    static createGradientWithShiftValue(chartContext: CanvasRenderingContext2D, chartCanvas: ElementRef, color: string, color2: string, shiftValue: number, hasFade?: boolean): CanvasGradient;
     static calculateTickPositions(xScale: CategoryScale | LinearScale): number[];
     static highlightSegment(ctx: CanvasRenderingContext2D, xScale: CategoryScale | LinearScale, chartArea: ChartArea, chartHeight: number, index: number): void;
     static highlightPoint(ctx: CanvasRenderingContext2D, chart: Chart, index: number, chartData: IChartData<IBaseDataset>): void;
     private static getSegmentPosition;
-    static normalize(value: number, min: number, max: number): number | undefined;
 }

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

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { ArrayStatus } from '../../models/array-status.model';
+import { userSelected } from '../../models/user-selected.model';
+import { filterOutput } from '../../models/filter-output.model';
+import * as i0 from "@angular/core";
+export declare class CaCollapsibleFilterComponent {
+    isExpanded: boolean;
+    filterArray: ArrayStatus[];
+    type: string;
+    onTagEmit: EventEmitter<Event>;
+    selectedFilterArray: ArrayStatus[];
+    trackByIndex(index: number): number;
+    addToSelectedUser(item: userSelected, event: Event): void;
+    removeFromSelectedUser(item: userSelected, event: Event): void;
+    onTagClick(event: Event, item: ArrayStatus): void;
+    setFilterValue(): filterOutput;
+    toggleExpand(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaCollapsibleFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaCollapsibleFilterComponent, "app-ca-collapsible-filter", never, { "isExpanded": { "alias": "isExpanded"; "required": false; }; "filterArray": { "alias": "filterArray"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "onTagEmit": "onTagEmit"; }, never, never, true, never>;
+}

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

@@ -18,6 +18,7 @@ import { CaLocationFilterComponent } from './components/ca-location-filter/ca-lo
 import { CaUserFilterComponent } from './components/ca-user-filter/ca-user-filter.component';
 import { CaAutoclosePopoverComponent } from '../ca-autoclose-popover/ca-autoclose-popover.component';
 import { CaViolationFilterComponent } from './components/ca-violation-filter/ca-violation-filter.component';
+import { CaCollapsibleFilterComponent } from '../ca-collapsible-filter/ca-collapsible-filter.component';
 import * as i0 from "@angular/core";
 export declare class CaFilterComponent implements OnDestroy {
     private renderer;
@@ -31,6 +32,7 @@ export declare class CaFilterComponent implements OnDestroy {
     caTruckTypeFilter: CaTruckTypeFilterComponent;
     caTrailerTypeFilter: CaTrailerTypeFilterComponent;
     caPmFilter: CaPmFilterComponent;
+    caCollapsibleFilter: CaCollapsibleFilterComponent;
     caLocationFilter: CaLocationFilterComponent;
     caUserFilter: CaUserFilterComponent;
     caViolationFilter: CaViolationFilterComponent;
@@ -52,6 +54,7 @@ export declare class CaFilterComponent implements OnDestroy {
     isButtonFilter: boolean;
     isFuelType: boolean;
     isLoadType: boolean;
+    isCollapsibleFilter: boolean;
     filterTitle: string;
     icon: string;
     addressList: AddressList[];
@@ -84,5 +87,5 @@ export declare class CaFilterComponent implements OnDestroy {
     getSvgPath(propertyName: keyof typeof CaFiltersSvgRoutes): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaFilterComponent, "app-ca-filter", never, { "type": { "alias": "type"; "required": false; }; "timeSubType": { "alias": "timeSubType"; "required": false; }; "subType": { "alias": "subType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "userGroup": { "alias": "userGroup"; "required": false; }; "loadStatusOptionsArray": { "alias": "loadStatusOptionsArray"; "required": false; }; "truckTypeArray": { "alias": "truckTypeArray"; "required": false; }; "trailerTypeArray": { "alias": "trailerTypeArray"; "required": false; }; "pmFilterArray": { "alias": "pmFilterArray"; "required": false; }; "isRepairFilter": { "alias": "isRepairFilter"; "required": false; }; "hasNoLeftIcon": { "alias": "hasNoLeftIcon"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "hasLargeLeftIcon": { "alias": "hasLargeLeftIcon"; "required": false; }; "isMoneyFilter": { "alias": "isMoneyFilter"; "required": false; }; "isMilesFilter": { "alias": "isMilesFilter"; "required": false; }; "isButtonFilter": { "alias": "isButtonFilter"; "required": false; }; "isFuelType": { "alias": "isFuelType"; "required": false; }; "isLoadType": { "alias": "isLoadType"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "addressList": { "alias": "addressList"; "required": false; }; "usaStates": { "alias": "usaStates"; "required": false; }; "canadaStates": { "alias": "canadaStates"; "required": false; }; }, { "setFilter": "setFilter"; "clearAll": "clearAll"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaFilterComponent, "app-ca-filter", never, { "type": { "alias": "type"; "required": false; }; "timeSubType": { "alias": "timeSubType"; "required": false; }; "subType": { "alias": "subType"; "required": false; }; "unselectedUser": { "alias": "unselectedUser"; "required": false; }; "userGroup": { "alias": "userGroup"; "required": false; }; "loadStatusOptionsArray": { "alias": "loadStatusOptionsArray"; "required": false; }; "truckTypeArray": { "alias": "truckTypeArray"; "required": false; }; "trailerTypeArray": { "alias": "trailerTypeArray"; "required": false; }; "pmFilterArray": { "alias": "pmFilterArray"; "required": false; }; "isRepairFilter": { "alias": "isRepairFilter"; "required": false; }; "hasNoLeftIcon": { "alias": "hasNoLeftIcon"; "required": false; }; "hasLeftSideIcon": { "alias": "hasLeftSideIcon"; "required": false; }; "hasLargeLeftIcon": { "alias": "hasLargeLeftIcon"; "required": false; }; "isMoneyFilter": { "alias": "isMoneyFilter"; "required": false; }; "isMilesFilter": { "alias": "isMilesFilter"; "required": false; }; "isButtonFilter": { "alias": "isButtonFilter"; "required": false; }; "isFuelType": { "alias": "isFuelType"; "required": false; }; "isLoadType": { "alias": "isLoadType"; "required": false; }; "isCollapsibleFilter": { "alias": "isCollapsibleFilter"; "required": false; }; "filterTitle": { "alias": "filterTitle"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "addressList": { "alias": "addressList"; "required": false; }; "usaStates": { "alias": "usaStates"; "required": false; }; "canadaStates": { "alias": "canadaStates"; "required": false; }; }, { "setFilter": "setFilter"; "clearAll": "clearAll"; }, never, never, true, never>;
 }

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

@@ -2,9 +2,10 @@ import { PipeTransform } from '@angular/core';
 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 { CaStatusFilterComponent } from '../components/ca-status-filter/ca-status-filter.component';
 import * as i0 from "@angular/core";
 export declare class FilterConditionsUserBoxPipe implements PipeTransform {
-    transform(type: string, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
+    transform(type: string, caTruckTypeFilter: CaTruckTypeFilterComponent, caTrailerTypeFilter: CaTrailerTypeFilterComponent, caStatusFilter: CaStatusFilterComponent, caPmFilter: CaPmFilterComponent): boolean | number;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterConditionsUserBoxPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<FilterConditionsUserBoxPipe, "filterConditionsUserBox", true>;
 }

package/lib/components/ca-input/config/ca-input.config.d.ts

@@ -21,6 +21,7 @@ export interface ICaInput {
     placeholder?: string;
     placeholderIcon?: string;
     placeholderIconRightSide?: string;
+    isPlaceHolderIconRightSideDynamicColor?: boolean;
     placeholderIconFolllowTextOnRightSide?: string;
     placeholderIconColor?: string;
     placeholderText?: string;

package/lib/components/ca-progress-range/ca-progress-range.component.d.ts

@@ -1,18 +1,23 @@
-import { eProgressRangeUnit } from './enums';
+import { Renderer2 } from '@angular/core';
+import { eProgressRangeUnit, eProgressRangeTooltipPosition } from './enums';
 import { CaProgressRangeSvgRoutes } from './utils/svg-routes';
-import { IProgressRangeData, IProgressRangeLastPriceItem } from './models';
+import { IProgressRangeLastPriceItem } from './models';
 import * as i0 from "@angular/core";
 export declare class CaProgressRangeComponent {
-    set data(param: IProgressRangeData);
-    svgRoutes: typeof CaProgressRangeSvgRoutes;
-    priceRangeItem: IProgressRangeLastPriceItem;
+    private renderer;
     startRange: number;
     endRange: number;
-    value: number | null;
     unit: eProgressRangeUnit;
-    private lastUsed;
-    constructor();
+    lastUsed: string;
+    widthPx: number;
+    gapPx: number;
+    tooltipPosition: eProgressRangeTooltipPosition;
+    set value(_value: number | null | undefined);
+    svgRoutes: typeof CaProgressRangeSvgRoutes;
+    priceRangeItem: IProgressRangeLastPriceItem;
+    _value: number | null | undefined;
+    constructor(renderer: Renderer2);
     private calculatePriceRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaProgressRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaProgressRangeComponent, "app-ca-progress-range", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaProgressRangeComponent, "app-ca-progress-range", never, { "startRange": { "alias": "startRange"; "required": false; }; "endRange": { "alias": "endRange"; "required": false; }; "unit": { "alias": "unit"; "required": false; }; "lastUsed": { "alias": "lastUsed"; "required": false; }; "widthPx": { "alias": "widthPx"; "required": false; }; "gapPx": { "alias": "gapPx"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-progress-range/enums/index.d.ts

@@ -1,2 +1,3 @@
 export * from './progress-range-price.enum';
 export * from './progress-range-unit.enum';
+export * from './progress-range-tooltip-position.enum';

package/lib/components/ca-progress-range/enums/progress-range-tooltip-position.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum eProgressRangeTooltipPosition {
+    Left = 1,
+    Right = 2
+}

package/lib/components/ca-progress-range/models/index.d.ts

@@ -1,2 +1 @@
 export * from './progress-range-last-price-item.model';
-export * from './progress-range-data.model';

package/lib/components/ca-progress-range/utils/constants/ca-progress-range.constants.d.ts

@@ -12,5 +12,10 @@ export declare class CaProgressRangeConstants {
     static CLASS_CIRCLE_MOST_EXPENSIVE: string;
     static CLASS_CIRCLE_EXPIRED_NO_VALUE: string;
     static DAYS_WEEK: number;
+    static TOOLTIP_WIDTH_DEFAULT: number;
+    static STYLE_LEFT: string;
+    static STYLE_WIDTH: string;
+    static ATTRIBUTE_VIEW_BOX: string;
+    static ATTRIBUTE_X: string;
     static PROGRESS_RANGE_LAST_PRICE_ITEMS: IProgressRangeLastPriceItem[];
 }

package/lib/components/ca-progress-range/utils/directives/index.d.ts

@@ -0,0 +1,3 @@
+export * from './progress-range-tooltip.directive';
+export * from './progress-range-tooltip-arrow-position.directive';
+export * from './progress-range-svg.directive';

package/lib/components/ca-progress-range/utils/directives/progress-range-svg.directive.d.ts

@@ -0,0 +1,12 @@
+import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class ProgressRangeSvgDirective implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    widthPx: number;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    private setDisplay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressRangeSvgDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressRangeSvgDirective, "[rangeSvg]", never, { "widthPx": { "alias": "widthPx"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/ca-progress-range/utils/directives/progress-range-tooltip-arrow-position.directive.d.ts

@@ -0,0 +1,14 @@
+import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { eProgressRangePrice } from "../../enums";
+import * as i0 from "@angular/core";
+export declare class ProgressRangeTooltipArrowPositionDirective implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    containerWidthPx: number;
+    progressRangePrice: eProgressRangePrice;
+    constructor(elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    private setDisplay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressRangeTooltipArrowPositionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressRangeTooltipArrowPositionDirective, "[arrowPosition]", never, { "containerWidthPx": { "alias": "containerWidthPx"; "required": false; }; "progressRangePrice": { "alias": "progressRangePrice"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/ca-progress-range/utils/directives/progress-range-tooltip.directive.d.ts

@@ -0,0 +1,15 @@
+import { AfterViewInit, ElementRef, Renderer2 } from "@angular/core";
+import { eProgressRangeTooltipPosition } from "../../enums";
+import * as i0 from "@angular/core";
+export declare class ProgressRangeTooltipDirective implements AfterViewInit {
+    private elementRef;
+    private renderer;
+    widthPx: number;
+    gapPx: number;
+    tooltipPosition: eProgressRangeTooltipPosition;
+    constructor(elementRef: ElementRef<HTMLDivElement>, renderer: Renderer2);
+    ngAfterViewInit(): void;
+    private setDisplay;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressRangeTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ProgressRangeTooltipDirective, "[progressRangeTooltip]", never, { "widthPx": { "alias": "widthPx"; "required": false; }; "gapPx": { "alias": "gapPx"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -41,6 +41,7 @@ export * from './lib/components/ca-chart/enums';
 export * from './lib/components/ca-right-side-panel/components/ca-right-side-panel-company/ca-right-side-panel-company.component';
 export * from './lib/components/ca-map/utils/helpers';
 export * from './lib/components/ca-progress-range/ca-progress-range.component';
+export * from './lib/components/ca-progress-range/enums';
 export * from './lib/components/ca-tooltip-list/ca-tooltip-list.component';
 export * from './lib/models';
 export * from './lib/components/ca-period-content/enums';

package/src/assets/ca-components/svg/progress-range/progress-range-last-price-bar.svg

@@ -1,7 +1,14 @@
-<svg width="120" height="4" viewBox="0 0 110 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0 1C0 0.447715 0.447715 0 1 0H22V4H1C0.447716 4 0 3.55228 0 3V1Z" fill="#56B4AC"/>
-<rect x="22" width="22" height="4" fill="#77BF56"/>
-<rect x="44" width="22" height="4" fill="#FAB15C"/>
-<rect x="66" width="22" height="4" fill="#FF906D"/>
-<path d="M88 0H109C109.552 0 110 0.447715 110 1V3C110 3.55228 109.552 4 109 4H88V0Z" fill="#E66767"/>
+<svg height="4" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
+<!-- <path d="M0 1C0 0.447715 0.447715 0 1 0H22V4H1C0.447716 4 0 3.55228 0 3V1Z" fill="#56B4AC"/> -->
+<!-- <rect width="44" height="4" fill="#56B4AC"/>
+<rect x="44" width="44" height="4" fill="#77BF56"/>
+<rect x="88" width="44" height="4" fill="#FAB15C"/>
+<rect x="132" width="44" height="4" fill="#FF906D"/>
+<rect x="176" width="44" height="4" fill="#E66767"/> -->
+<rect height="4" fill="#56B4AC"/>
+<rect height="4" fill="#77BF56"/>
+<rect height="4" fill="#FAB15C"/>
+<rect height="4" fill="#FF906D"/>
+<rect height="4" fill="#E66767"/>
+<!-- <path d="M88 0H109C109.552 0 110 0.447715 110 1V3C110 3.55228 109.552 4 109 4H88V0Z" fill="#E66767"/> -->
 </svg>

package/esm2022/lib/components/ca-progress-range/models/progress-range-data.model.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtcmFuZ2UtZGF0YS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLXByb2dyZXNzLXJhbmdlL21vZGVscy9wcm9ncmVzcy1yYW5nZS1kYXRhLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBlUHJvZ3Jlc3NSYW5nZVVuaXQgfSBmcm9tIFwiLi4vZW51bXNcIjtcblxuZXhwb3J0IGludGVyZmFjZSBJUHJvZ3Jlc3NSYW5nZURhdGEge1xuICAgIHN0YXJ0UmFuZ2U6IG51bWJlcjtcbiAgICBlbmRSYW5nZTogbnVtYmVyO1xuICAgIHZhbHVlOiBudW1iZXIgfCBudWxsO1xuICAgIHVuaXQ6IGVQcm9ncmVzc1JhbmdlVW5pdDtcbiAgICBsYXN0VXNlZDogc3RyaW5nO1xufSJdfQ==

package/lib/components/ca-progress-range/models/progress-range-data.model.d.ts

@@ -1,8 +0,0 @@
-import { eProgressRangeUnit } from "../enums";
-export interface IProgressRangeData {
-    startRange: number;
-    endRange: number;
-    value: number | null;
-    unit: eProgressRangeUnit;
-    lastUsed: string;
-}