ca-components 0.0.31 → 0.0.32

package/lib/components/ca-search-multiple-states/ca-search-multiple-states.component.d.ts

@@ -1,24 +1,41 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { SearchMultipleStatesRoutes } from '../ca-search-multiple-states/utils/svg-routes/search-multiple-states.routes';
-import { ICaInput } from '../ca-input/config/ca-input.config';
+import { CaSearchMultipleStatesService } from './utils/services/search-multiple-states.service';
+import { ChipClassPipe } from './utils/pipes/chip-class.pipe';
+import { ChipsModel } from './models/chips.model';
+import { TabData } from './models/tab-data.model';
 import * as i0 from "@angular/core";
-export declare class CaSearchMultipleStatesComponent {
-    searchQueriesEmitter: EventEmitter<string[]>;
-    isFocused: boolean;
-    searchQueries: string[];
-    searchQuery: string;
-    searchMultipleStatesSvgRoutes: typeof SearchMultipleStatesRoutes;
-    inputConfig: ICaInput;
-    get isSearchQueryNotEmpty(): boolean;
-    emitSearchQueries(): void;
-    toggleFocus(): void;
-    addSearchQuery(): void;
-    removeSearchQuery(index: number): void;
-    clearSearchBar(): void;
-    removeSelected(index: number): void;
-    removeQuery(): void;
-    trackByQuery(index: number, query: string): string;
+export declare class CaSearchMultipleStatesComponent implements OnInit, OnDestroy {
+    private searchMultipleStatesService;
+    chipClassPipe: ChipClassPipe;
+    tableSearchInput: ElementRef;
+    toolbarSearch?: boolean;
+    selectedTabData: TabData;
+    searchType: string;
+    chips: ChipsModel[];
+    openSearch: boolean;
+    searchText: string;
+    searchIsActive: boolean;
+    chipToDelete: number;
+    private chipsForHighlightSearch;
+    private typingTimeout;
+    constructor(searchMultipleStatesService: CaSearchMultipleStatesService, chipClassPipe: ChipClassPipe);
+    ngOnInit(): void;
+    toggleSearch(): void;
+    onTyping(event: MouseEvent | KeyboardEvent): void;
+    private isKeyboardEvent;
+    onEnter(): void;
+    private sendHighlightSearchOnTyping;
+    private sendHighlightSearchOnEnter;
+    handleClearClick(): void;
+    private checkChips;
+    onDeleteChip(index: number): void;
+    deleteAllChips(): void;
+    private getChipColor;
+    private getChipQuery;
     getSvgPath(propertyName: keyof typeof SearchMultipleStatesRoutes): string;
+    trackByIdentity(index: number, chip: ChipsModel): number;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CaSearchMultipleStatesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CaSearchMultipleStatesComponent, "app-ca-search-multiple-states", never, {}, { "searchQueriesEmitter": "searchQueriesEmitter"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CaSearchMultipleStatesComponent, "app-ca-search-multiple-states", never, { "toolbarSearch": { "alias": "toolbarSearch"; "required": false; }; "selectedTabData": { "alias": "selectedTabData"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/ca-search-multiple-states/models/chips.model.d.ts

@@ -0,0 +1,6 @@
+export interface ChipsModel {
+    searchText: string;
+    color: string;
+    canDoAnimation: boolean;
+    query: string;
+}

package/lib/components/ca-search-multiple-states/models/grid-column.model.d.ts

@@ -0,0 +1,23 @@
+export interface GridColumn {
+    avatar: null | string;
+    disabled: boolean;
+    export: boolean;
+    field: string;
+    filter: string;
+    filterable: boolean;
+    hidden: boolean;
+    hoverTemplate: null | string;
+    index: number;
+    isActionColumn: boolean;
+    isNumeric: boolean;
+    isPined: boolean;
+    isSelectColumn: boolean;
+    name: string;
+    ngTemplate: string;
+    progress: null | string;
+    resizable: boolean;
+    sortable: boolean;
+    tableHeadTitle: string;
+    title: string;
+    width: number;
+}

package/lib/components/ca-search-multiple-states/models/tab-data.model.d.ts

@@ -0,0 +1,13 @@
+import { GridColumn } from './grid-column.model';
+export interface TabData {
+    extended: boolean;
+    field: string;
+    gridNameTitle: string;
+    isActive: boolean;
+    length: number;
+    stateName: string;
+    tableConfiguration: string;
+    title: string;
+    gridColumns: GridColumn;
+    data: any;
+}

package/lib/components/ca-search-multiple-states/utils/enums/chips-colors.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ChipsColorsEnum {
+    FIRST_CHIP_COLOR = "26A690",
+    SECOND_CHIP_COLOR = "AB47BC",
+    THIRD_CHIP_COLOR = "FFA726"
+}

package/lib/components/ca-search-multiple-states/utils/enums/keyboard-event-commands.enum.d.ts

@@ -0,0 +1,3 @@
+export declare enum KeyboardEventCommands {
+    ENTER = "Enter"
+}

package/lib/components/ca-search-multiple-states/utils/enums/search-count.enum.d.ts

@@ -0,0 +1,6 @@
+export declare enum SearchCountEnum {
+    SEARCH_ONE = "searchOne",
+    SEARCH_TWO = "searchTwo",
+    SEARCH_THREE = "searchThree",
+    EMPTY_PLACE_HOLDER = ""
+}

package/lib/components/ca-search-multiple-states/utils/pipes/chip-class.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ChipClassPipe implements PipeTransform {
+    transform(i: number, chips: any[], chipToDelete: number): {
+        [key: string]: boolean;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ChipClassPipe, "chipClass", true>;
+}

package/lib/components/ca-search-multiple-states/utils/services/search-multiple-states.service.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class CaSearchMultipleStatesService {
+    private searchTableData;
+    currentSearchTableData: import("rxjs").Observable<any>;
+    sendCurrentSearchTableData(search: any): void;
+    private chipsForHighlightSearchToTable;
+    currentChipsForHighlightSearchToTable: import("rxjs").Observable<string[]>;
+    sendChipsForHighlightSearchToTable(chip: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CaSearchMultipleStatesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CaSearchMultipleStatesService>;
+}

package/package.json

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

package/src/assets/ca-components/svg/search-multiple-states/clear-search.svg

@@ -1,4 +1,4 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="18" height="18" rx="1" fill="white" fill-opacity="0.7"/>
+<svg  class="d-flex" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect  width="18" height="18" rx="1" fill="white" fill-opacity="0.7"/>
 <path d="M10.8572 9.0001L13.6428 6.21429C13.807 6.05005 13.8992 5.82731 13.8992 5.59505C13.8992 5.3628 13.807 5.14005 13.6428 4.97581L13.0236 4.35657C12.8593 4.19235 12.6366 4.1001 12.4044 4.1001C12.1721 4.1001 11.9494 4.19235 11.7852 4.35657L9.0004 7.14237L6.21403 4.35657C6.04981 4.19235 5.82708 4.1001 5.59484 4.1001C5.3626 4.1001 5.13988 4.19235 4.97565 4.35657L4.35646 4.97581C4.19225 5.14005 4.10001 5.3628 4.10001 5.59505C4.10001 5.82731 4.19225 6.05005 4.35646 6.21429L7.14203 9.0001L4.35725 11.7859C4.19304 11.9501 4.1008 12.1729 4.1008 12.4051C4.1008 12.6374 4.19304 12.8601 4.35725 13.0244L4.97644 13.6436C5.14067 13.8078 5.3634 13.9001 5.59563 13.9001C5.82787 13.9001 6.0506 13.8078 6.21483 13.6436L9.0004 10.8578L11.786 13.6436C11.9502 13.8078 12.1729 13.9001 12.4052 13.9001C12.6374 13.9001 12.8601 13.8078 13.0244 13.6436L13.6436 13.0244C13.8078 12.8601 13.9 12.6374 13.9 12.4051C13.9 12.1729 13.8078 11.9501 13.6436 11.7859L10.8572 9.0001Z" fill="#1D1D1D"/>
 </svg>

package/esm2022/lib/components/ca-search-multiple-states/utils/config/input-config.mjs

@@ -1,9 +0,0 @@
-export const inputConfig = {
-    name: 'search-multiple-states',
-    label: 'Find',
-    isDisabled: false,
-    type: 'search-multiple-states',
-    blackInput: true,
-    hideClear: true,
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2Etc2VhcmNoLW11bHRpcGxlLXN0YXRlcy91dGlscy9jb25maWcvaW5wdXQtY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBYTtJQUNqQyxJQUFJLEVBQUUsd0JBQXdCO0lBQzlCLEtBQUssRUFBRSxNQUFNO0lBQ2IsVUFBVSxFQUFFLEtBQUs7SUFDakIsSUFBSSxFQUFFLHdCQUF3QjtJQUM5QixVQUFVLEVBQUUsSUFBSTtJQUNoQixTQUFTLEVBQUUsSUFBSTtDQUNsQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jYS1pbnB1dC9jb25maWcvY2EtaW5wdXQuY29uZmlnJztcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29uZmlnOiBJQ2FJbnB1dCA9IHtcbiAgICBuYW1lOiAnc2VhcmNoLW11bHRpcGxlLXN0YXRlcycsXG4gICAgbGFiZWw6ICdGaW5kJyxcbiAgICBpc0Rpc2FibGVkOiBmYWxzZSxcbiAgICB0eXBlOiAnc2VhcmNoLW11bHRpcGxlLXN0YXRlcycsXG4gICAgYmxhY2tJbnB1dDogdHJ1ZSxcbiAgICBoaWRlQ2xlYXI6IHRydWUsXG59O1xuIl19

package/lib/components/ca-search-multiple-states/utils/config/input-config.d.ts

@@ -1,2 +0,0 @@
-import { ICaInput } from '../../../ca-input/config/ca-input.config';
-export declare const inputConfig: ICaInput;