ca-components 1.3.41 → 1.3.91

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-load-dispatcher/ca-input-dropdown-load-dispatcher.component.mjs

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// component
+import { CaInputDropdownLoadDispatcherItemComponent } from './ca-input-dropdown-load-dispatcher-item/ca-input-dropdown-load-dispatcher-item.component';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadDispatcherComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { inputConfig: "inputConfig", options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n    @for (option of options; track option.id; let i = $index) {\n        <div\n            #dropdownOption\n            (click)=\"onActiveItemEmit(option)\"\n            [ngClass]=\"{\n                disabled: option?.disabled,\n                'no-result':\n                    options.length === 1 && options[0]?.[label] === 'No Results',\n                active: option.id === activeItem?.id,\n            }\"\n            class=\"dropdown-option\"\n            [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n        >\n            <app-ca-input-dropdown-load-dispatcher-item\n                [option]=\"option\"\n                [searchText]=\"searchText\"\n                [dropdownWithImage]=\"inputConfig.dropdownImageInput\"\n                [activeItem]=\"activeItem\"\n                [hasNoResult]=\"\n                    options.length === 1 && options[0]?.[label] === 'No Results'\n                \"\n                [label]=\"label\"\n            >\n            </app-ca-input-dropdown-load-dispatcher-item>\n        </div>\n    }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
+                // Component
+                CaInputDropdownLoadDispatcherItemComponent, selector: "app-ca-input-dropdown-load-dispatcher-item", inputs: ["option", "hasNoResult", "activeItem", "searchText", "label", "dropdownWithImage", "isInOption"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-dispatcher', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaInputDropdownLoadDispatcherItemComponent,
+                    ], template: "<div class=\"scrollable-element pb-0\">\n    @for (option of options; track option.id; let i = $index) {\n        <div\n            #dropdownOption\n            (click)=\"onActiveItemEmit(option)\"\n            [ngClass]=\"{\n                disabled: option?.disabled,\n                'no-result':\n                    options.length === 1 && options[0]?.[label] === 'No Results',\n                active: option.id === activeItem?.id,\n            }\"\n            class=\"dropdown-option\"\n            [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n        >\n            <app-ca-input-dropdown-load-dispatcher-item\n                [option]=\"option\"\n                [searchText]=\"searchText\"\n                [dropdownWithImage]=\"inputConfig.dropdownImageInput\"\n                [activeItem]=\"activeItem\"\n                [hasNoResult]=\"\n                    options.length === 1 && options[0]?.[label] === 'No Results'\n                \"\n                [label]=\"label\"\n            >\n            </app-ca-input-dropdown-load-dispatcher-item>\n        </div>\n    }\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { inputConfig: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUV2QixZQUFZO0FBRVosT0FBTyxFQUFFLDBDQUEwQyxFQUFFLE1BQU0sMkZBQTJGLENBQUM7QUFLdkosVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFrQnhELE1BQU0sT0FBTyxzQ0FBc0M7SUFTL0MsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0EvQlEsc0NBQXNDO21HQUF0QyxzQ0FBc0MsdVpDckNuRCx1bENBNEJBLHlEREVRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixZQUFZO2dCQUNaLDBDQUEwQzs7NEZBR3JDLHNDQUFzQztrQkFibEQsU0FBUzsrQkFDSSx1Q0FBdUMsY0FHckMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixZQUFZO3dCQUNaLDBDQUEwQztxQkFDN0M7d0RBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8vIGNvbXBvbmVudFxuXG5pbXBvcnQgeyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtLmNvbXBvbmVudCc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gY29uZmlnc1xuaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jYS1pbnB1dC10ZXN0L2NvbmZpZyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhSW5wdXREcm9wZG93bkxvYWREaXNwYXRjaGVySXRlbUNvbXBvbmVudCxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgaW5wdXRDb25maWchOiBJQ2FJbnB1dDtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGxhYmxlLWVsZW1lbnQgcGItMFwiPlxuICAgIEBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgICNkcm9wZG93bk9wdGlvblxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0/LltsYWJlbF0gPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uXCJcbiAgICAgICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgICAgICA+XG4gICAgICAgICAgICA8YXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtXG4gICAgICAgICAgICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgICAgICAgICAgIFtzZWFyY2hUZXh0XT1cInNlYXJjaFRleHRcIlxuICAgICAgICAgICAgICAgIFtkcm9wZG93bldpdGhJbWFnZV09XCJpbnB1dENvbmZpZy5kcm9wZG93bkltYWdlSW5wdXRcIlxuICAgICAgICAgICAgICAgIFthY3RpdmVJdGVtXT1cImFjdGl2ZUl0ZW1cIlxuICAgICAgICAgICAgICAgIFtoYXNOb1Jlc3VsdF09XCJcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8uW2xhYmVsXSA9PT0gJ05vIFJlc3VsdHMnXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBbbGFiZWxdPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9hcHAtY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLWl0ZW0+XG4gICAgICAgIDwvZGl2PlxuICAgIH1cbjwvZGl2PlxuIl19

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-load-dispatches-ttd/ca-input-dropdown-load-dispatches-ttd-item/ca-input-dropdown-load-dispatches-ttd-item.mjs

@@ -0,0 +1,49 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// components
+import { CaProfileImageComponent } from '../../../../ca-profile-image/ca-profile-image.component';
+// pipes
+import { HighlightSearchPipe } from '../../../../../pipes/highlight-search.pipe';
+// routes
+import { InputDropdownSvgRoutes } from '../../../utils/svg-routes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownLoadDispatchesTtdComponentItem {
+    constructor() {
+        this.showNoResulst = false;
+        this.index = -1;
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatchesTtdComponentItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatchesTtdComponentItem, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatches-ttd-item", inputs: { showNoResulst: "showNoResulst", option: "option", index: "index", activeItem: "activeItem", searchText: "searchText", label: "label" }, ngImport: i0, template: "<!-- No Results -->\n@if (showNoResulst) {\n<div\n    [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                {\n                                    index: 45632,\n                                    text: searchText,\n                                },\n                            ]\n                \"\n></div>\n} @if (!showNoResulst) {\n<div class=\"load-dispatches-ttd-template\">\n    <!-- Truck -->\n    <div\n        class=\"load-dispatches-container  {{\n            option?.truck?.subFolder\n        }} {{\n            option?.truck?.truckType?.name\n                ?.trim()\n                ?.replace(' ', '')\n                ?.toLowerCase()\n        }}\"\n    >\n        <svg-icon\n            class=\"load-dispatches-svg\"\n            [src]=\"\n                option.truck?.logoName\n                    ? inputDropdownSvgRoutes.trucksSvgRoute +\n                    option.truck?.logoName\n                    : ''\n            \"\n        ></svg-icon>\n        <div\n            [innerHtml]=\"\n                option?.truck?.name\n                    | caHighlight\n                        : [\n                            {\n                                index: 45632,\n                                text: searchText,\n                            },\n                        ]\n            \"\n            class=\"load-dispatch-truck\"\n        ></div>\n        <!-- Percentage is driver owner -->\n        @if (option.driver?.owner && option?.payType) {\n        <span\n            [ngClass]=\"{\n                        'driver-owner': option.driver?.owner,\n                        active: index === activeItem?.itemIndex,\n                    }\"\n            class=\"load-dispatch-driver-rate\"\n        >\n            {{ option?.payType }}\n        </span>\n        }\n    </div>\n\n    <!-- Trailer -->\n    <div\n        class=\"load-dispatches-container  {{\n        option?.trailer?.subFolder\n    }} {{\n        option?.trailer?.trailerType?.name\n            ?.trim()\n            ?.replace(' ', '')\n            ?.toLowerCase()\n    }}\"\n        [ngClass]=\"{\n        trailerContainer: option?.trailer?.logoType\n            ? option?.trailer?.logoType\n                  ?.trim()\n                  ?.replace(' ', '') === 'Container'\n            : false,\n        lowboyrgn: option?.trailer?.logoType\n            ? option?.trailer?.logoType\n                  ?.trim()\n                  ?.replace(' ', '') === 'Low Boy / RGN'\n            : false,\n    }\"\n    >\n        <svg-icon\n            class=\"load-dispatches-svg\"\n            [src]=\"\n            option?.trailer?.logoName\n                ? inputDropdownSvgRoutes.trailersSvgRoute +\n                  option?.trailer?.logoName\n                : ''\n        \"\n        ></svg-icon>\n        <div\n            [innerHtml]=\"\n            option?.trailer?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n            class=\"load-dispatch-trailer\"\n        ></div>\n    </div>\n\n    <!-- Driver -->\n    <div class=\"load-dispatches-container\">\n        @if (option?.driver?.logoName) {\n        <img\n            [alt]=\"option?.driver?.name\"\n            [ngClass]=\"{\n                active:\n                    option.driver?.id === activeItem?.driver?.id,\n            }\"\n            [src]=\"option?.driver?.logoName\"\n            class=\"svg-template-logo\"\n        />\n        } @else {\n        <div class=\"no-profile-image\">\n            <app-ca-profile-image\n                [indx]=\"0\"\n                [name]=\"option.driver?.name!\"\n                [size]=\"'small'\"\n            >\n            </app-ca-profile-image>\n        </div>\n        } @if ( !showNoResulst && option.driver?.owner ) {\n        <img\n            alt=\"avatar\"\n            [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n            class=\"owner-avatar\"\n        />\n        }\n        <div\n            [innerHtml]=\"\n            option.driver?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n            class=\"load-dispatch-driver\"\n        ></div>\n    </div>\n\n    <!-- Percentage is not driver owner -->\n\n    @if (option?.payType) {\n    <span\n        [ngClass]=\"{\n            active: index === activeItem?.itemIndex,\n        }\"\n        class=\"load-dispatch-driver-rate\"\n    >\n        {{ option?.payType }}\n    </span>\n    }\n</div>\n\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Component
+                CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatchesTtdComponentItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-dispatches-ttd-item', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaProfileImageComponent,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "<!-- No Results -->\n@if (showNoResulst) {\n<div\n    [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                {\n                                    index: 45632,\n                                    text: searchText,\n                                },\n                            ]\n                \"\n></div>\n} @if (!showNoResulst) {\n<div class=\"load-dispatches-ttd-template\">\n    <!-- Truck -->\n    <div\n        class=\"load-dispatches-container  {{\n            option?.truck?.subFolder\n        }} {{\n            option?.truck?.truckType?.name\n                ?.trim()\n                ?.replace(' ', '')\n                ?.toLowerCase()\n        }}\"\n    >\n        <svg-icon\n            class=\"load-dispatches-svg\"\n            [src]=\"\n                option.truck?.logoName\n                    ? inputDropdownSvgRoutes.trucksSvgRoute +\n                    option.truck?.logoName\n                    : ''\n            \"\n        ></svg-icon>\n        <div\n            [innerHtml]=\"\n                option?.truck?.name\n                    | caHighlight\n                        : [\n                            {\n                                index: 45632,\n                                text: searchText,\n                            },\n                        ]\n            \"\n            class=\"load-dispatch-truck\"\n        ></div>\n        <!-- Percentage is driver owner -->\n        @if (option.driver?.owner && option?.payType) {\n        <span\n            [ngClass]=\"{\n                        'driver-owner': option.driver?.owner,\n                        active: index === activeItem?.itemIndex,\n                    }\"\n            class=\"load-dispatch-driver-rate\"\n        >\n            {{ option?.payType }}\n        </span>\n        }\n    </div>\n\n    <!-- Trailer -->\n    <div\n        class=\"load-dispatches-container  {{\n        option?.trailer?.subFolder\n    }} {{\n        option?.trailer?.trailerType?.name\n            ?.trim()\n            ?.replace(' ', '')\n            ?.toLowerCase()\n    }}\"\n        [ngClass]=\"{\n        trailerContainer: option?.trailer?.logoType\n            ? option?.trailer?.logoType\n                  ?.trim()\n                  ?.replace(' ', '') === 'Container'\n            : false,\n        lowboyrgn: option?.trailer?.logoType\n            ? option?.trailer?.logoType\n                  ?.trim()\n                  ?.replace(' ', '') === 'Low Boy / RGN'\n            : false,\n    }\"\n    >\n        <svg-icon\n            class=\"load-dispatches-svg\"\n            [src]=\"\n            option?.trailer?.logoName\n                ? inputDropdownSvgRoutes.trailersSvgRoute +\n                  option?.trailer?.logoName\n                : ''\n        \"\n        ></svg-icon>\n        <div\n            [innerHtml]=\"\n            option?.trailer?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n            class=\"load-dispatch-trailer\"\n        ></div>\n    </div>\n\n    <!-- Driver -->\n    <div class=\"load-dispatches-container\">\n        @if (option?.driver?.logoName) {\n        <img\n            [alt]=\"option?.driver?.name\"\n            [ngClass]=\"{\n                active:\n                    option.driver?.id === activeItem?.driver?.id,\n            }\"\n            [src]=\"option?.driver?.logoName\"\n            class=\"svg-template-logo\"\n        />\n        } @else {\n        <div class=\"no-profile-image\">\n            <app-ca-profile-image\n                [indx]=\"0\"\n                [name]=\"option.driver?.name!\"\n                [size]=\"'small'\"\n            >\n            </app-ca-profile-image>\n        </div>\n        } @if ( !showNoResulst && option.driver?.owner ) {\n        <img\n            alt=\"avatar\"\n            [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n            class=\"owner-avatar\"\n        />\n        }\n        <div\n            [innerHtml]=\"\n            option.driver?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n            class=\"load-dispatch-driver\"\n        ></div>\n    </div>\n\n    <!-- Percentage is not driver owner -->\n\n    @if (option?.payType) {\n    <span\n        [ngClass]=\"{\n            active: index === activeItem?.itemIndex,\n        }\"\n        class=\"load-dispatch-driver-rate\"\n    >\n        {{ option?.payType }}\n    </span>\n    }\n</div>\n\n}\n" }]
+        }], propDecorators: { showNoResulst: [{
+                type: Input
+            }], option: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQtaXRlbS50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQtaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLWl0ZW0uaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBRWxHLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUtqRixTQUFTO0FBQ1QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7Ozs7QUFrQm5FLE1BQU0sT0FBTyw2Q0FBNkM7SUFoQjFEO1FBaUJhLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRS9CLFVBQUssR0FBVyxDQUFDLENBQUMsQ0FBQztRQUtyQiwyQkFBc0IsR0FBRyxzQkFBc0IsQ0FBQztLQUMxRDsrR0FUWSw2Q0FBNkM7bUdBQTdDLDZDQUE2Qyw0UENoQzFELCt4SkF3S0EseUREbEpRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixZQUFZO2dCQUNaLHVCQUF1QjtnQkFFdkIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdkLDZDQUE2QztrQkFoQnpELFNBQVM7K0JBQ0ksZ0RBQWdELGNBRzlDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsWUFBWTt3QkFDWix1QkFBdUI7d0JBRXZCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUN0Qjs4QkFHUSxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBjb21wb25lbnRzXG5pbXBvcnQgeyBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NhLXByb2ZpbGUtaW1hZ2UvY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMnO1xuXG4vLyByb3V0ZXNcbmltcG9ydCB7IElucHV0RHJvcGRvd25TdmdSb3V0ZXMgfSBmcm9tICcuLi8uLi8uLi91dGlscy9zdmctcm91dGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC1pdGVtLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQtaXRlbS5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhUHJvZmlsZUltYWdlQ29tcG9uZW50LFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlc1R0ZENvbXBvbmVudEl0ZW0ge1xuICAgIEBJbnB1dCgpIHNob3dOb1Jlc3Vsc3Q6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBvcHRpb24hOiBPcHRpb25Nb2RlbDtcbiAgICBASW5wdXQoKSBpbmRleDogbnVtYmVyID0gLTE7XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG59XG4iLCI8IS0tIE5vIFJlc3VsdHMgLS0+XG5AaWYgKHNob3dOb1Jlc3Vsc3QpIHtcbjxkaXZcbiAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LltsYWJlbF1cbiAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbj48L2Rpdj5cbn0gQGlmICghc2hvd05vUmVzdWxzdCkge1xuPGRpdiBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlcy10dGQtdGVtcGxhdGVcIj5cbiAgICA8IS0tIFRydWNrIC0tPlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoZXMtY29udGFpbmVyICB7e1xuICAgICAgICAgICAgb3B0aW9uPy50cnVjaz8uc3ViRm9sZGVyXG4gICAgICAgIH19IHt7XG4gICAgICAgICAgICBvcHRpb24/LnRydWNrPy50cnVja1R5cGU/Lm5hbWVcbiAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgID8ucmVwbGFjZSgnICcsICcnKVxuICAgICAgICAgICAgICAgID8udG9Mb3dlckNhc2UoKVxuICAgICAgICB9fVwiXG4gICAgPlxuICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLXN2Z1wiXG4gICAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgICAgIG9wdGlvbi50cnVjaz8ubG9nb05hbWVcbiAgICAgICAgICAgICAgICAgICAgPyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnRydWNrc1N2Z1JvdXRlICtcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uLnRydWNrPy5sb2dvTmFtZVxuICAgICAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgICAgICBcIlxuICAgICAgICA+PC9zdmctaWNvbj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICBvcHRpb24/LnRydWNrPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLXRydWNrXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgICA8IS0tIFBlcmNlbnRhZ2UgaXMgZHJpdmVyIG93bmVyIC0tPlxuICAgICAgICBAaWYgKG9wdGlvbi5kcml2ZXI/Lm93bmVyICYmIG9wdGlvbj8ucGF5VHlwZSkge1xuICAgICAgICA8c3BhblxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgJ2RyaXZlci1vd25lcic6IG9wdGlvbi5kcml2ZXI/Lm93bmVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBpbmRleCA9PT0gYWN0aXZlSXRlbT8uaXRlbUluZGV4LFxuICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaC1kcml2ZXItcmF0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIHt7IG9wdGlvbj8ucGF5VHlwZSB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gVHJhaWxlciAtLT5cbiAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLWNvbnRhaW5lciAge3tcbiAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5zdWJGb2xkZXJcbiAgICB9fSB7e1xuICAgICAgICBvcHRpb24/LnRyYWlsZXI/LnRyYWlsZXJUeXBlPy5uYW1lXG4gICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpXG4gICAgICAgICAgICA/LnRvTG93ZXJDYXNlKClcbiAgICB9fVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgdHJhaWxlckNvbnRhaW5lcjogb3B0aW9uPy50cmFpbGVyPy5sb2dvVHlwZVxuICAgICAgICAgICAgPyBvcHRpb24/LnRyYWlsZXI/LmxvZ29UeXBlXG4gICAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpID09PSAnQ29udGFpbmVyJ1xuICAgICAgICAgICAgOiBmYWxzZSxcbiAgICAgICAgbG93Ym95cmduOiBvcHRpb24/LnRyYWlsZXI/LmxvZ29UeXBlXG4gICAgICAgICAgICA/IG9wdGlvbj8udHJhaWxlcj8ubG9nb1R5cGVcbiAgICAgICAgICAgICAgICAgID8udHJpbSgpXG4gICAgICAgICAgICAgICAgICA/LnJlcGxhY2UoJyAnLCAnJykgPT09ICdMb3cgQm95IC8gUkdOJ1xuICAgICAgICAgICAgOiBmYWxzZSxcbiAgICB9XCJcbiAgICA+XG4gICAgICAgIDxzdmctaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoZXMtc3ZnXCJcbiAgICAgICAgICAgIFtzcmNdPVwiXG4gICAgICAgICAgICBvcHRpb24/LnRyYWlsZXI/LmxvZ29OYW1lXG4gICAgICAgICAgICAgICAgPyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnRyYWlsZXJzU3ZnUm91dGUgK1xuICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5sb2dvTmFtZVxuICAgICAgICAgICAgICAgIDogJydcbiAgICAgICAgXCJcbiAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICBvcHRpb24/LnRyYWlsZXI/Lm5hbWVcbiAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgXCJcbiAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaC10cmFpbGVyXCJcbiAgICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBEcml2ZXIgLS0+XG4gICAgPGRpdiBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlcy1jb250YWluZXJcIj5cbiAgICAgICAgQGlmIChvcHRpb24/LmRyaXZlcj8ubG9nb05hbWUpIHtcbiAgICAgICAgPGltZ1xuICAgICAgICAgICAgW2FsdF09XCJvcHRpb24/LmRyaXZlcj8ubmFtZVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgYWN0aXZlOlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24uZHJpdmVyPy5pZCA9PT0gYWN0aXZlSXRlbT8uZHJpdmVyPy5pZCxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW3NyY109XCJvcHRpb24/LmRyaXZlcj8ubG9nb05hbWVcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdmctdGVtcGxhdGUtbG9nb1wiXG4gICAgICAgIC8+XG4gICAgICAgIH0gQGVsc2Uge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibm8tcHJvZmlsZS1pbWFnZVwiPlxuICAgICAgICAgICAgPGFwcC1jYS1wcm9maWxlLWltYWdlXG4gICAgICAgICAgICAgICAgW2luZHhdPVwiMFwiXG4gICAgICAgICAgICAgICAgW25hbWVdPVwib3B0aW9uLmRyaXZlcj8ubmFtZSFcIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9hcHAtY2EtcHJvZmlsZS1pbWFnZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIH0gQGlmICggIXNob3dOb1Jlc3Vsc3QgJiYgb3B0aW9uLmRyaXZlcj8ub3duZXIgKSB7XG4gICAgICAgIDxpbWdcbiAgICAgICAgICAgIGFsdD1cImF2YXRhclwiXG4gICAgICAgICAgICBbc3JjXT1cImlucHV0RHJvcGRvd25TdmdSb3V0ZXMub3duZXJCYWRnZUJsYWNrU3ZnXCJcbiAgICAgICAgICAgIGNsYXNzPVwib3duZXItYXZhdGFyXCJcbiAgICAgICAgLz5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgb3B0aW9uLmRyaXZlcj8ubmFtZVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IHNlYXJjaFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLWRyaXZlclwiXG4gICAgICAgID48L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gUGVyY2VudGFnZSBpcyBub3QgZHJpdmVyIG93bmVyIC0tPlxuXG4gICAgQGlmIChvcHRpb24/LnBheVR5cGUpIHtcbiAgICA8c3BhblxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBhY3RpdmU6IGluZGV4ID09PSBhY3RpdmVJdGVtPy5pdGVtSW5kZXgsXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2gtZHJpdmVyLXJhdGVcIlxuICAgID5cbiAgICAgICAge3sgb3B0aW9uPy5wYXlUeXBlIH19XG4gICAgPC9zcGFuPlxuICAgIH1cbjwvZGl2PlxuXG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-load-dispatches-ttd/ca-input-dropdown-load-dispatches-ttd.component.mjs

@@ -0,0 +1,65 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// component
+import { CaProfileImageComponent } from '../../../ca-profile-image/ca-profile-image.component';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+import { CaInputDropdownLoadDispatchesTtdComponentItem } from './ca-input-dropdown-load-dispatches-ttd-item/ca-input-dropdown-load-dispatches-ttd-item';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadDispatchesTtdComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatchesTtdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatchesTtdComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatches-ttd", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option dropdown-double-column\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-dispatches-ttd-item\n            [showNoResulst]=\"options[0]?.[label] === 'No Results'\"\n            [index]=\"i\"\n            [searchText]=\"searchText\"\n            [activeItem]=\"activeItem\"\n            [option]=\"option\"\n            [label]=\"label\"\n        >\n        </app-ca-input-dropdown-load-dispatches-ttd-item>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: CaInputDropdownLoadDispatchesTtdComponentItem, selector: "app-ca-input-dropdown-load-dispatches-ttd-item", inputs: ["showNoResulst", "option", "index", "activeItem", "searchText", "label"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatchesTtdComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-dispatches-ttd', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaProfileImageComponent,
+                        CaInputDropdownLoadDispatchesTtdComponentItem,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option dropdown-double-column\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-dispatches-ttd-item\n            [showNoResulst]=\"options[0]?.[label] === 'No Results'\"\n            [index]=\"i\"\n            [searchText]=\"searchText\"\n            [activeItem]=\"activeItem\"\n            [option]=\"option\"\n            [label]=\"label\"\n        >\n        </app-ca-input-dropdown-load-dispatches-ttd-item>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUU5RSxZQUFZO0FBQ1osT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFLL0YsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELGFBQWE7QUFDYixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsNkNBQTZDLEVBQUUsTUFBTSx5RkFBeUYsQ0FBQzs7O0FBbUJ4SixNQUFNLE9BQU8seUNBQXlDO0lBUWxELElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBTUQ7UUFWQSxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQU1yQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFbEQsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULGdCQUFnQixDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7K0dBaENRLHlDQUF5QzttR0FBekMseUNBQXlDLCtYQzdDdEQsODNCQXdCQSx5RERVUSxZQUFZLDRIQUNaLG9CQUFvQiwrQkFJcEIsNkNBQTZDOzs0RkFNeEMseUNBQXlDO2tCQWpCckQsU0FBUzsrQkFDSSwyQ0FBMkMsY0FHekMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixZQUFZO3dCQUNaLHVCQUF1Qjt3QkFDdkIsNkNBQTZDO3dCQUU3QyxPQUFPO3dCQUNQLG1CQUFtQjtxQkFDdEI7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRTBCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIGNvbXBvbmVudFxuaW1wb3J0IHsgQ2FQcm9maWxlSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jYS1wcm9maWxlLWltYWdlL2NhLXByb2ZpbGUtaW1hZ2UuY29tcG9uZW50JztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBzdmcgcm91dGVzXG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duU3ZnUm91dGVzIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3ZnLXJvdXRlcy9pbnB1dC1kcm9wZG93bi1zdmctcm91dGVzJztcbmltcG9ydCB7IENhSW5wdXREcm9wZG93bkxvYWREaXNwYXRjaGVzVHRkQ29tcG9uZW50SXRlbSB9IGZyb20gJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQtaXRlbSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhUHJvZmlsZUltYWdlQ29tcG9uZW50LFxuICAgICAgICBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlc1R0ZENvbXBvbmVudEl0ZW0sXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkxvYWREaXNwYXRjaGVzVHRkQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8uW2xhYmVsXSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gZHJvcGRvd24tZG91YmxlLWNvbHVtblwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgID5cbiAgICAgICAgPGFwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLWl0ZW1cbiAgICAgICAgICAgIFtzaG93Tm9SZXN1bHN0XT1cIm9wdGlvbnNbMF0/LltsYWJlbF0gPT09ICdObyBSZXN1bHRzJ1wiXG4gICAgICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgICAgICBbc2VhcmNoVGV4dF09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICAgIFthY3RpdmVJdGVtXT1cImFjdGl2ZUl0ZW1cIlxuICAgICAgICAgICAgW29wdGlvbl09XCJvcHRpb25cIlxuICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCJcbiAgICAgICAgPlxuICAgICAgICA8L2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLWl0ZW0+XG4gICAgPC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-multiselect/ca-input-dropdown-multiselect.component.mjs

@@ -0,0 +1,58 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownMultiselectComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onMultiselectSelect = new EventEmitter();
+    }
+    onMultiselectSelectEmit(option) {
+        this.onMultiselectSelect.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownMultiselectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownMultiselectComponent, isStandalone: true, selector: "app-ca-input-dropdown-multiselect", inputs: { options: "options", lastActiveMultiselectItem: "lastActiveMultiselectItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onMultiselectSelect: "onMultiselectSelect" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        (click)=\"onMultiselectSelectEmit(option)\"\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            active: option?.active,\n            'last-active': lastActiveMultiselectItem?.id === option.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownMultiselectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-multiselect', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        (click)=\"onMultiselectSelectEmit(option)\"\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            active: option?.active,\n            'last-active': lastActiveMultiselectItem?.id === option.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    ></div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], lastActiveMultiselectItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onMultiselectSelect: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbXVsdGlzZWxlY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLW11bHRpc2VsZWN0L2NhLWlucHV0LWRyb3Bkb3duLW11bHRpc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1tdWx0aXNlbGVjdC9jYS1pbnB1dC1kcm9wZG93bi1tdWx0aXNlbGVjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBZXhELE1BQU0sT0FBTyxtQ0FBbUM7SUFRNUMsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7SUFFakQsQ0FBQztJQUVULHVCQUF1QixDQUFDLE1BQW1CO1FBQzlDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDMUMsQ0FBQzsrR0E5QlEsbUNBQW1DO21HQUFuQyxtQ0FBbUMsbWFDbENoRCx5MEJBd0JBLHlEREdRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR2QsbUNBQW1DO2tCQWIvQyxTQUFTOytCQUNJLG1DQUFtQyxjQUdqQyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUN0Qjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0cseUJBQXlCO3NCQUFqQyxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUUwQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFakIsZ0JBQWdCO3NCQUE1QixLQUFLO2dCQWdCSSxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbXVsdGlzZWxlY3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1tdWx0aXNlbGVjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbXVsdGlzZWxlY3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duTXVsdGlzZWxlY3RDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICAgIEBJbnB1dCgpIGxhc3RBY3RpdmVNdWx0aXNlbGVjdEl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gICAgQElucHV0KCkgc2VhcmNoVGV4dCE6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbCE6IGtleW9mIE9wdGlvbk1vZGVsO1xuXG4gICAgQFZpZXdDaGlsZHJlbignZHJvcGRvd25PcHRpb24nKSBkcm9wZG93bk9wdGlvbiE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICAgIEBJbnB1dCgpIHNldCBpbnB1dEhvdmVyZWRJdGVtKHZhbDogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW0gPSB2YWw7XG4gICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgdGhpcy5kcm9wZG93bk9wdGlvbj8uZ2V0KHZhbCk/Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBfaW5wdXRIb3ZlcmVkSXRlbTogbnVtYmVyID0gLTE7XG5cbiAgICBwdWJsaWMgZ2V0IGlucHV0SG92ZXJlZEl0ZW0oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKSBvbk11bHRpc2VsZWN0U2VsZWN0ID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbk11bHRpc2VsZWN0U2VsZWN0RW1pdChvcHRpb246IE9wdGlvbk1vZGVsKSB7XG4gICAgICAgIHRoaXMub25NdWx0aXNlbGVjdFNlbGVjdC5lbWl0KG9wdGlvbik7XG4gICAgfVxufVxuIiwiQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi5pZDsgbGV0IGluZHggPSAkaW5kZXgpIHtcbiAgICA8ZGl2XG4gICAgICAgIChjbGljayk9XCJvbk11bHRpc2VsZWN0U2VsZWN0RW1pdChvcHRpb24pXCJcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbj8uW2xhYmVsXVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IHNlYXJjaFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0/LltsYWJlbF0gPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uPy5hY3RpdmUsXG4gICAgICAgICAgICAnbGFzdC1hY3RpdmUnOiBsYXN0QWN0aXZlTXVsdGlzZWxlY3RJdGVtPy5pZCA9PT0gb3B0aW9uLmlkLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb25cIlxuICAgICAgICBbY2xhc3MuZHJvcGRvd24tb3B0aW9uLWhvdmVyZWRdPVwiaW5keCA9PSBpbnB1dEhvdmVyZWRJdGVtXCJcbiAgICA+PC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-payroll-trucks/ca-input-dropdown-payroll-trucks.component.mjs

@@ -0,0 +1,62 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownPayrollTrucksComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownPayrollTrucksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownPayrollTrucksComponent, isStandalone: true, selector: "app-ca-input-dropdown-payroll-trucks", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0].name === 'No Results',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    >\n        <!-- No Results -->\n        @if (options.length === 1 && options[0].name === 'No Results') {\n            <div\n                [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n            ></div>\n        }\n\n        @if (options[0].name !== 'No Results') {\n            <!-- Truck -->\n            <div\n                class=\"load-dispatches-container d-flex {{\n                    option?.subFolder\n                }} {{\n                    option?.truckType?.name\n                        ?.trim()\n                        ?.replace(' ', '')\n                        ?.toLowerCase()\n                }}\"\n            >\n                <svg-icon\n                    class=\"load-dispatches-svg\"\n                    [src]=\"\n                        option?.logoName\n                            ? inputDropdownSvgRoutes.trucksSvgRoute +\n                              option?.logoName\n                            : ''\n                    \"\n                ></svg-icon>\n                <div\n                    [innerHtml]=\"\n                        option?.[label]\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: searchText,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-truck\"\n                ></div>\n            </div>\n        }\n\n        @if (option?.suffix) {\n            <!-- Additional Text -->\n            <div\n                [innerHtml]=\"\n                    option?.suffix\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownPayrollTrucksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-payroll-trucks', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0].name === 'No Results',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option dropdown-double-text-option load-dispatches-ttd-template payroll-trucks\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    >\n        <!-- No Results -->\n        @if (options.length === 1 && options[0].name === 'No Results') {\n            <div\n                [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n            ></div>\n        }\n\n        @if (options[0].name !== 'No Results') {\n            <!-- Truck -->\n            <div\n                class=\"load-dispatches-container d-flex {{\n                    option?.subFolder\n                }} {{\n                    option?.truckType?.name\n                        ?.trim()\n                        ?.replace(' ', '')\n                        ?.toLowerCase()\n                }}\"\n            >\n                <svg-icon\n                    class=\"load-dispatches-svg\"\n                    [src]=\"\n                        option?.logoName\n                            ? inputDropdownSvgRoutes.trucksSvgRoute +\n                              option?.logoName\n                            : ''\n                    \"\n                ></svg-icon>\n                <div\n                    [innerHtml]=\"\n                        option?.[label]\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: searchText,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-truck\"\n                ></div>\n            </div>\n        }\n\n        @if (option?.suffix) {\n            <!-- Additional Text -->\n            <div\n                [innerHtml]=\"\n                    option?.suffix\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tcGF5cm9sbC10cnVja3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXBheXJvbGwtdHJ1Y2tzL2NhLWlucHV0LWRyb3Bkb3duLXBheXJvbGwtdHJ1Y2tzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1wYXlyb2xsLXRydWNrcy9jYS1pbnB1dC1kcm9wZG93bi1wYXlyb2xsLXRydWNrcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7QUFlMUYsTUFBTSxPQUFPLHFDQUFxQztJQVE5QyxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQU1EO1FBVkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBRWxELDJCQUFzQixHQUFHLHNCQUFzQixDQUFDO0lBRXhDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQWhDUSxxQ0FBcUM7bUdBQXJDLHFDQUFxQywwWENyQ2xELHNpR0F1RkEseUREekRRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR2QscUNBQXFDO2tCQWJqRCxTQUFTOytCQUNJLHNDQUFzQyxjQUdwQyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUN0Qjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBzdmcgcm91dGVzXG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duU3ZnUm91dGVzIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3ZnLXJvdXRlcy9pbnB1dC1kcm9wZG93bi1zdmctcm91dGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tcGF5cm9sbC10cnVja3MnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1wYXlyb2xsLXRydWNrcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tcGF5cm9sbC10cnVja3MuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duUGF5cm9sbFRydWNrc0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaW5keCA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgI2Ryb3Bkb3duT3B0aW9uXG4gICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gZHJvcGRvd24tZG91YmxlLXRleHQtb3B0aW9uIGxvYWQtZGlzcGF0Y2hlcy10dGQtdGVtcGxhdGUgcGF5cm9sbC10cnVja3NcIlxuICAgICAgICBbY2xhc3MuZHJvcGRvd24tb3B0aW9uLWhvdmVyZWRdPVwiaW5keCA9PSBpbnB1dEhvdmVyZWRJdGVtXCJcbiAgICA+XG4gICAgICAgIDwhLS0gTm8gUmVzdWx0cyAtLT5cbiAgICAgICAgQGlmIChvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdLm5hbWUgPT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8uW2xhYmVsXVxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAob3B0aW9uc1swXS5uYW1lICE9PSAnTm8gUmVzdWx0cycpIHtcbiAgICAgICAgICAgIDwhLS0gVHJ1Y2sgLS0+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoZXMtY29udGFpbmVyIGQtZmxleCB7e1xuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LnN1YkZvbGRlclxuICAgICAgICAgICAgICAgIH19IHt7XG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8udHJ1Y2tUeXBlPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRvTG93ZXJDYXNlKClcbiAgICAgICAgICAgICAgICB9fVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLXN2Z1wiXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBvcHRpb24/LmxvZ29OYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnRydWNrc1N2Z1JvdXRlICtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbj8ubG9nb05hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy5bbGFiZWxdXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaC10cnVja1wiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICBAaWYgKG9wdGlvbj8uc3VmZml4KSB7XG4gICAgICAgICAgICA8IS0tIEFkZGl0aW9uYWwgVGV4dCAtLT5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LnN1ZmZpeFxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInN2Z3RleHQtdGVtcGxhdGUtdGV4dCBhZGRpdGlvbmFsLXRleHRcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-svg-template/ca-input-dropdown-svg-template.component.mjs

@@ -0,0 +1,63 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { InputDropdownGetIconsPipe } from '../../pipes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownSvgTemplateComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownSvgTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-svg-template", inputs: { dropdownWithImage: "dropdownWithImage", options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        @if (option.logoName) {\n            <svg-icon\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n                [src]=\"dropdownWithImage! | inputDropdownGetIcons: option\"\n                class=\"svg-template-logo\"\n            ></svg-icon>\n        }\n\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n        ></div>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownGetIconsPipe, name: "inputDropdownGetIcons" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownSvgTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-svg-template', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownGetIconsPipe
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        @if (option.logoName) {\n            <svg-icon\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n                [src]=\"dropdownWithImage! | inputDropdownGetIcons: option\"\n                class=\"svg-template-logo\"\n            ></svg-icon>\n        }\n\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n        ></div>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { dropdownWithImage: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tc3ZnLXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1zdmctdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tc3ZnLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1zdmctdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tc3ZnLXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUd2QixRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7OztBQWdCeEQsTUFBTSxPQUFPLG1DQUFtQztJQVM1QyxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUlEO1FBUkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRTFDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQS9CUSxtQ0FBbUM7bUdBQW5DLG1DQUFtQyxnYUNyQ2hELHV1Q0FzQ0EseUREVFEsWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1CLCtDQUNuQix5QkFBeUI7OzRGQUdwQixtQ0FBbUM7a0JBZC9DLFNBQVM7K0JBQ0ksb0NBQW9DLGNBR2xDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7d0JBQ25CLHlCQUF5QjtxQkFDNUI7d0RBR1EsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUUwQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFakIsZ0JBQWdCO3NCQUE1QixLQUFLO2dCQWdCSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5pbXBvcnQgeyBJQ2FJbnB1dFdpdGhEcm9wZG93biB9IGZyb20gJy4uLy4uLy4uL2NhLWlucHV0L2NvbmZpZyc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duR2V0SWNvbnNQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1zdmctdGVtcGxhdGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1zdmctdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLXN2Zy10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICAgICAgSW5wdXREcm9wZG93bkdldEljb25zUGlwZVxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93blN2Z1RlbXBsYXRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBkcm9wZG93bldpdGhJbWFnZT86IElDYUlucHV0V2l0aERyb3Bkb3duIHwgbnVsbDtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8uW2xhYmVsXSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgJ2FkZC1uZXcnOiBvcHRpb24/LltsYWJlbF0gPT09ICdBREQgTkVXJyxcbiAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICBAaWYgKG9wdGlvbi5sb2dvTmFtZSkge1xuICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJkcm9wZG93bldpdGhJbWFnZSEgfCBpbnB1dERyb3Bkb3duR2V0SWNvbnM6IG9wdGlvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdmctdGVtcGxhdGUtbG9nb1wiXG4gICAgICAgICAgICA+PC9zdmctaWNvbj5cbiAgICAgICAgfVxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgb3B0aW9uPy5bbGFiZWxdXG4gICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgXCJcbiAgICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxufVxuIl19