ca-components 1.0.97 → 1.0.99

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-contact/ca-input-dropdown-load-broker-contact.component.mjs

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
 // pipes
 import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
 // modules
@@ -7,17 +7,27 @@ import { AngularSvgIconModule } from 'angular-svg-icon';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CaInputDropdownLoadBrokerContactComponent {
+    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();
     }
-    identity(index, item) {
-        return item.id;
-    }
     onActiveItemEmit(option) {
         this.onActiveItem.emit(option);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerContactComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker-contact", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let i = index\n  \"\n>\n  <div\n    [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n    class=\"load-broker-contact-groups\"\n    >\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\n      <p\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n          'add-new': option?.name === 'ADD NEW'\n        }\"\n        class=\"dropdown-group-header\"\n      >\n        {{\n          option?.name === 'ADD NEW'\n            ? option?.name\n            : option?.department?.name\n        }}\n      </p>\n    </ng-container>\n\n    <ng-container\n      *ngFor=\"\n        let item of option?.contacts;\n        trackBy: identity;\n        let indx = index\n      \"\n    >\n      <div\n        (click)=\"onActiveItemEmit(item)\"\n        [ngClass]=\"{\n          'no-result':\n            options.length === 1 &&\n            item?.name === 'No Results'\n        }\"\n        class=\"dropdown-subgroup-options\"\n      >\n        <!-- Left Side -->\n        <div\n          [innerHtml]=\"\n            item?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          [ngClass]=\"{\n            'no-result':\n              options.length === 1 &&\n              item?.name === 'No Results',\n            active: item.id === activeItem?.id\n          }\"\n          class=\"dropdown-subgroup-text\"\n        ></div>\n        <!-- Right Side -->\n        <div\n          [innerHtml]=\"\n            item.phone\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          [ngClass]=\"{\n            active: item.id === activeItem?.id\n          }\"\n          class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n        ></div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerContactComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker-contact", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", 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        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"load-broker-contact-groups\"\n    >\n        @if (options[0]?.name !== 'No Results') {\n            <p\n                (click)=\"onActiveItemEmit(option)\"\n                [ngClass]=\"{\n                    'add-new': option?.name === 'ADD NEW',\n                }\"\n                class=\"dropdown-group-header\"\n            >\n                {{\n                    option?.name === 'ADD NEW'\n                        ? option?.name\n                        : option?.department?.name\n                }}\n            </p>\n        }\n\n        @for (item of option?.contacts; track item.id; let indx = $index) {\n            <div\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                class=\"dropdown-subgroup-options\"\n            >\n                <!-- Left Side -->\n                <div\n                    [innerHtml]=\"\n                        item?.name\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        'no-result':\n                            options.length === 1 && item?.name === 'No Results',\n                        active: item.id === activeItem?.id,\n                    }\"\n                    class=\"dropdown-subgroup-text\"\n                ></div>\n                <!-- Right Side -->\n                <div\n                    [innerHtml]=\"\n                        item.phone\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        active: item.id === activeItem?.id,\n                    }\"\n                    class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n                ></div>\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: "pipe", type: 
                 // Pipe
                 HighlightSearchPipe, name: "caHighlight" }] }); }
 }
@@ -28,14 +38,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AngularSvgIconModule,
                         // Pipe
                         HighlightSearchPipe,
-                    ], template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let i = index\n  \"\n>\n  <div\n    [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n    class=\"load-broker-contact-groups\"\n    >\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\n      <p\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n          'add-new': option?.name === 'ADD NEW'\n        }\"\n        class=\"dropdown-group-header\"\n      >\n        {{\n          option?.name === 'ADD NEW'\n            ? option?.name\n            : option?.department?.name\n        }}\n      </p>\n    </ng-container>\n\n    <ng-container\n      *ngFor=\"\n        let item of option?.contacts;\n        trackBy: identity;\n        let indx = index\n      \"\n    >\n      <div\n        (click)=\"onActiveItemEmit(item)\"\n        [ngClass]=\"{\n          'no-result':\n            options.length === 1 &&\n            item?.name === 'No Results'\n        }\"\n        class=\"dropdown-subgroup-options\"\n      >\n        <!-- Left Side -->\n        <div\n          [innerHtml]=\"\n            item?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          [ngClass]=\"{\n            'no-result':\n              options.length === 1 &&\n              item?.name === 'No Results',\n            active: item.id === activeItem?.id\n          }\"\n          class=\"dropdown-subgroup-text\"\n        ></div>\n        <!-- Right Side -->\n        <div\n          [innerHtml]=\"\n            item.phone\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          [ngClass]=\"{\n            active: item.id === activeItem?.id\n          }\"\n          class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n        ></div>\n      </div>\n    </ng-container>\n  </div>\n</ng-container>" }]
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"load-broker-contact-groups\"\n    >\n        @if (options[0]?.name !== 'No Results') {\n            <p\n                (click)=\"onActiveItemEmit(option)\"\n                [ngClass]=\"{\n                    'add-new': option?.name === 'ADD NEW',\n                }\"\n                class=\"dropdown-group-header\"\n            >\n                {{\n                    option?.name === 'ADD NEW'\n                        ? option?.name\n                        : option?.department?.name\n                }}\n            </p>\n        }\n\n        @for (item of option?.contacts; track item.id; let indx = $index) {\n            <div\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                class=\"dropdown-subgroup-options\"\n            >\n                <!-- Left Side -->\n                <div\n                    [innerHtml]=\"\n                        item?.name\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        'no-result':\n                            options.length === 1 && item?.name === 'No Results',\n                        active: item.id === activeItem?.id,\n                    }\"\n                    class=\"dropdown-subgroup-text\"\n                ></div>\n                <!-- Right Side -->\n                <div\n                    [innerHtml]=\"\n                        item.phone\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        active: item.id === activeItem?.id,\n                    }\"\n                    class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n                ></div>\n            </div>\n        }\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], activeItem: [{
                 type: Input
             }], getSuperControl: [{
                 type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
             }], onActiveItem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFleEQsTUFBTSxPQUFPLHlDQUF5QztJQU9wRDtRQUZVLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsUUFBUSxDQUFDLEtBQWEsRUFBRSxJQUFpQjtRQUM5QyxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLE1BQW1CO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBZlUseUNBQXlDO21HQUF6Qyx5Q0FBeUMsOE9DMUJ0RCx5bkVBbUZlLHlERGhFWCxZQUFZLDZWQUNaLG9CQUFvQjtnQkFFcEIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdWLHlDQUF5QztrQkFickQsU0FBUzsrQkFDRSwyQ0FBMkMsY0FHekMsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDcEI7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgLy8gUGlwZVxuICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkxvYWRCcm9rZXJDb250YWN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gIEBJbnB1dCgpIGdldFN1cGVyQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4gfCBudWxsO1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwdWJsaWMgaWRlbnRpdHkoaW5kZXg6IG51bWJlciwgaXRlbTogT3B0aW9uTW9kZWwpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBpdGVtLmlkO1xuICB9XG5cbiAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lclxuICAqbmdGb3I9XCJcbiAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnM7XG4gICAgdHJhY2tCeTogaWRlbnRpdHk7XG4gICAgbGV0IGkgPSBpbmRleFxuICBcIlxuPlxuICA8ZGl2XG4gICAgW25nQ2xhc3NdPVwieyAnbGFzdC1ncm91cCc6IGkgPT09IG9wdGlvbnMubGVuZ3RoIC0gMSB9XCJcbiAgICBjbGFzcz1cImxvYWQtYnJva2VyLWNvbnRhY3QtZ3JvdXBzXCJcbiAgICA+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJ1wiPlxuICAgICAgPHBcbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWdyb3VwLWhlYWRlclwiXG4gICAgICA+XG4gICAgICAgIHt7XG4gICAgICAgICAgb3B0aW9uPy5uYW1lID09PSAnQUREIE5FVydcbiAgICAgICAgICAgID8gb3B0aW9uPy5uYW1lXG4gICAgICAgICAgICA6IG9wdGlvbj8uZGVwYXJ0bWVudD8ubmFtZVxuICAgICAgICB9fVxuICAgICAgPC9wPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgKm5nRm9yPVwiXG4gICAgICAgIGxldCBpdGVtIG9mIG9wdGlvbj8uY29udGFjdHM7XG4gICAgICAgIHRyYWNrQnk6IGlkZW50aXR5O1xuICAgICAgICBsZXQgaW5keCA9IGluZGV4XG4gICAgICBcIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQoaXRlbSlcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJlxuICAgICAgICAgICAgaXRlbT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLXN1Ymdyb3VwLW9wdGlvbnNcIlxuICAgICAgPlxuICAgICAgICA8IS0tIExlZnQgU2lkZSAtLT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICBpdGVtPy5uYW1lXG4gICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICBcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJlxuICAgICAgICAgICAgICBpdGVtPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICBhY3RpdmU6IGl0ZW0uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgICAgICAgfVwiXG4gICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1zdWJncm91cC10ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgICA8IS0tIFJpZ2h0IFNpZGUgLS0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgaXRlbS5waG9uZVxuICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgXCJcbiAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBhY3RpdmU6IGl0ZW0uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgICAgICAgfVwiXG4gICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1zdWJncm91cC10ZXh0IGRyb3Bkb3duLXN1Ymdyb3VwLWFkZGl0aW9uYWwtdGV4dFwiXG4gICAgICAgID48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBZXhELE1BQU0sT0FBTyx5Q0FBeUM7SUFNbEQsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0E1QlEseUNBQXlDO21HQUF6Qyx5Q0FBeUMseVhDbEN0RCx3bEZBc0VBLHlERDNDUSxZQUFZLDRIQUNaLG9CQUFvQjtnQkFFcEIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdkLHlDQUF5QztrQkFickQsU0FBUzsrQkFDSSwyQ0FBMkMsY0FHekMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDdEI7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyQ29udGFjdENvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaSA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnbGFzdC1ncm91cCc6IGkgPT09IG9wdGlvbnMubGVuZ3RoIC0gMSB9XCJcbiAgICAgICAgY2xhc3M9XCJsb2FkLWJyb2tlci1jb250YWN0LWdyb3Vwc1wiXG4gICAgPlxuICAgICAgICBAaWYgKG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICdhZGQtbmV3Jzogb3B0aW9uPy5uYW1lID09PSAnQUREIE5FVycsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1ncm91cC1oZWFkZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7XG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnXG4gICAgICAgICAgICAgICAgICAgICAgICA/IG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgOiBvcHRpb24/LmRlcGFydG1lbnQ/Lm5hbWVcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICB9XG5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBvcHRpb24/LmNvbnRhY3RzOyB0cmFjayBpdGVtLmlkOyBsZXQgaW5keCA9ICRpbmRleCkge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KGl0ZW0pXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgaXRlbT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24tc3ViZ3JvdXAtb3B0aW9uc1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPCEtLSBMZWZ0IFNpZGUgLS0+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgaXRlbT8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBpdGVtPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IGl0ZW0uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1zdWJncm91cC10ZXh0XCJcbiAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICAgICAgPCEtLSBSaWdodCBTaWRlIC0tPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0ucGhvbmVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBpdGVtLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24tc3ViZ3JvdXAtdGV4dCBkcm9wZG93bi1zdWJncm91cC1hZGRpdGlvbmFsLXRleHRcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-load-broker-shipper/ca-input-dropdown-load-broker-shipper.component.mjs

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChildren } from '@angular/core';
 // pipes
 import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
 // modules
@@ -8,17 +8,27 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "angular-svg-icon";
 export class CaInputDropdownLoadBrokerShipperComponent {
+    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();
     }
-    identity(index, item) {
-        return item.id;
-    }
     onActiveItemEmit(option) {
         this.onActiveItem.emit(option);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let indx = index\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    [ngClass]=\"{\n      disabled: option?.disabled || option.status === 0,\n      'no-result':\n        options.length === 1 &&\n        options[0]?.name === 'No Results',\n      'add-new': option?.name === 'ADD NEW',\n      active: option.id === activeItem?.id\n    }\"\n    class=\"dropdown-option load-shipper-template\"\n    >\n    <div class=\"load-shipper-status-text\">\n      <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n        <svg-icon\n          [src]=\"option.logoName\"\n          class=\"load-shipper-status\"\n        ></svg-icon>\n      </ng-container>\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        [ngStyle]=\"{\n          overflow: 'hidden',\n          'text-overflow': 'ellipsis',\n          'white-space': 'nowrap'\n        }\"\n        class=\"load-shipper-text\"\n      ></div>\n    </div>\n    <ng-container *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\">\n      <div\n        [innerHtml]=\"\n          option.address\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        [ngClass]=\"{ active: option.id === activeItem?.id }\"\n      ></div>\n    </ng-container>\n  \n    <ng-container *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\">\n      <div\n        [ngClass]=\"{ active: option.id === activeItem?.id }\"\n        class=\"load-shipper-load-counter\"\n      >\n        {{ option.loadsCount }}\n      </div>\n    </ng-container>\n  </div>\n</ng-container>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", 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        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled || option.status === 0,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option load-shipper-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div class=\"load-shipper-status-text\">\n            <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n                <svg-icon\n                    [src]=\"option.logoName\"\n                    class=\"load-shipper-status\"\n                ></svg-icon>\n            </ng-container>\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                [ngStyle]=\"{\n                    overflow: 'hidden',\n                    'text-overflow': 'ellipsis',\n                    'white-space': 'nowrap',\n                }\"\n                class=\"load-shipper-text\"\n            ></div>\n        </div>\n        <ng-container\n            *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n        >\n            <div\n                [innerHtml]=\"\n                    option.address\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n            ></div>\n        </ng-container>\n\n        <ng-container\n            *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n        >\n            <div\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n                class=\"load-shipper-load-counter\"\n            >\n                {{ option.loadsCount }}\n            </div>\n        </ng-container>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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" }] }); }
 }
@@ -29,14 +39,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AngularSvgIconModule,
                         // Pipe
                         HighlightSearchPipe,
-                    ], template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let indx = index\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    [ngClass]=\"{\n      disabled: option?.disabled || option.status === 0,\n      'no-result':\n        options.length === 1 &&\n        options[0]?.name === 'No Results',\n      'add-new': option?.name === 'ADD NEW',\n      active: option.id === activeItem?.id\n    }\"\n    class=\"dropdown-option load-shipper-template\"\n    >\n    <div class=\"load-shipper-status-text\">\n      <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n        <svg-icon\n          [src]=\"option.logoName\"\n          class=\"load-shipper-status\"\n        ></svg-icon>\n      </ng-container>\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        [ngStyle]=\"{\n          overflow: 'hidden',\n          'text-overflow': 'ellipsis',\n          'white-space': 'nowrap'\n        }\"\n        class=\"load-shipper-text\"\n      ></div>\n    </div>\n    <ng-container *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\">\n      <div\n        [innerHtml]=\"\n          option.address\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        [ngClass]=\"{ active: option.id === activeItem?.id }\"\n      ></div>\n    </ng-container>\n  \n    <ng-container *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\">\n      <div\n        [ngClass]=\"{ active: option.id === activeItem?.id }\"\n        class=\"load-shipper-load-counter\"\n      >\n        {{ option.loadsCount }}\n      </div>\n    </ng-container>\n  </div>\n</ng-container>" }]
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled || option.status === 0,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option load-shipper-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div class=\"load-shipper-status-text\">\n            <ng-container *ngIf=\"option?.name !== 'ADD NEW' && option.logoName\">\n                <svg-icon\n                    [src]=\"option.logoName\"\n                    class=\"load-shipper-status\"\n                ></svg-icon>\n            </ng-container>\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                [ngStyle]=\"{\n                    overflow: 'hidden',\n                    'text-overflow': 'ellipsis',\n                    'white-space': 'nowrap',\n                }\"\n                class=\"load-shipper-text\"\n            ></div>\n        </div>\n        <ng-container\n            *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n        >\n            <div\n                [innerHtml]=\"\n                    option.address\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n            ></div>\n        </ng-container>\n\n        <ng-container\n            *ngIf=\"!['ADD NEW', 'No Results'].includes(option?.name!)\"\n        >\n            <div\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n                class=\"load-shipper-load-counter\"\n            >\n                {{ option.loadsCount }}\n            </div>\n        </ng-container>\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], activeItem: [{
                 type: Input
             }], getSuperControl: [{
                 type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
             }], onActiveItem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBZXhELE1BQU0sT0FBTyx5Q0FBeUM7SUFPcEQ7UUFGVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7SUFFMUMsQ0FBQztJQUVULFFBQVEsQ0FBQyxLQUFhLEVBQUUsSUFBaUI7UUFDOUMsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWZVLHlDQUF5QzttR0FBekMseUNBQXlDLHVPQzFCdEQsbThEQXNFZSx5RERuRFgsWUFBWSxrYkFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHVix5Q0FBeUM7a0JBYnJELFNBQVM7K0JBQ0Usb0NBQW9DLGNBR2xDLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3BCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtc2hpcHBlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgLy8gUGlwZVxuICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkxvYWRCcm9rZXJTaGlwcGVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gIEBJbnB1dCgpIGdldFN1cGVyQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4gfCBudWxsO1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwdWJsaWMgaWRlbnRpdHkoaW5kZXg6IG51bWJlciwgaXRlbTogT3B0aW9uTW9kZWwpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBpdGVtLmlkO1xuICB9XG5cbiAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lclxuICAqbmdGb3I9XCJcbiAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnM7XG4gICAgdHJhY2tCeTogaWRlbnRpdHk7XG4gICAgbGV0IGluZHggPSBpbmRleFxuICBcIlxuPlxuICA8ZGl2XG4gICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQgfHwgb3B0aW9uLnN0YXR1cyA9PT0gMCxcbiAgICAgICduby1yZXN1bHQnOlxuICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJlxuICAgICAgICBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgfVwiXG4gICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gbG9hZC1zaGlwcGVyLXRlbXBsYXRlXCJcbiAgICA+XG4gICAgPGRpdiBjbGFzcz1cImxvYWQtc2hpcHBlci1zdGF0dXMtdGV4dFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8ubmFtZSAhPT0gJ0FERCBORVcnICYmIG9wdGlvbi5sb2dvTmFtZVwiPlxuICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICBbc3JjXT1cIm9wdGlvbi5sb2dvTmFtZVwiXG4gICAgICAgICAgY2xhc3M9XCJsb2FkLXNoaXBwZXItc3RhdHVzXCJcbiAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDxkaXZcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICBvcHRpb24/Lm5hbWVcbiAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIF1cbiAgICAgICAgXCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAndGV4dC1vdmVyZmxvdyc6ICdlbGxpcHNpcycsXG4gICAgICAgICAgJ3doaXRlLXNwYWNlJzogJ25vd3JhcCdcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwibG9hZC1zaGlwcGVyLXRleHRcIlxuICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhWydBREQgTkVXJywgJ05vIFJlc3VsdHMnXS5pbmNsdWRlcyhvcHRpb24/Lm5hbWUhKVwiPlxuICAgICAgPGRpdlxuICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgIG9wdGlvbi5hZGRyZXNzXG4gICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBdXG4gICAgICAgIFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkIH1cIlxuICAgICAgPjwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIVsnQUREIE5FVycsICdObyBSZXN1bHRzJ10uaW5jbHVkZXMob3B0aW9uPy5uYW1lISlcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQgfVwiXG4gICAgICAgIGNsYXNzPVwibG9hZC1zaGlwcGVyLWxvYWQtY291bnRlclwiXG4gICAgICA+XG4gICAgICAgIHt7IG9wdGlvbi5sb2Fkc0NvdW50IH19XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHNUcsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7OztBQWV4RCxNQUFNLE9BQU8seUNBQXlDO0lBTWhELElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBSUw7UUFSSSxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQU16QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7SUFFMUMsQ0FBQztJQUVULGdCQUFnQixDQUFDLE1BQW1CO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBNUJVLHlDQUF5QzttR0FBekMseUNBQXlDLGtYQzFCdEQseS9FQXFFQSx5RERsREksWUFBWSxxVEFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHVix5Q0FBeUM7a0JBYnJELFNBQVM7K0JBQ0Usb0NBQW9DLGNBR2xDLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3BCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQzJCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVkLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkEsWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLXNoaXBwZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyU2hpcHBlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG4gIFxuICAgICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG4gICAgICB9XG4gIFxuICAgICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuICBcbiAgICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICAgIH1cblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaSA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkIHx8IG9wdGlvbi5zdGF0dXMgPT09IDAsXG4gICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gbG9hZC1zaGlwcGVyLXRlbXBsYXRlXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibG9hZC1zaGlwcGVyLXN0YXR1cy10ZXh0XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uPy5uYW1lICE9PSAnQUREIE5FVycgJiYgb3B0aW9uLmxvZ29OYW1lXCI+XG4gICAgICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwib3B0aW9uLmxvZ29OYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLXNoaXBwZXItc3RhdHVzXCJcbiAgICAgICAgICAgICAgICA+PC9zdmctaWNvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgICAgICAgICAgICAgJ3RleHQtb3ZlcmZsb3cnOiAnZWxsaXBzaXMnLFxuICAgICAgICAgICAgICAgICAgICAnd2hpdGUtc3BhY2UnOiAnbm93cmFwJyxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImxvYWQtc2hpcHBlci10ZXh0XCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ0lmPVwiIVsnQUREIE5FVycsICdObyBSZXN1bHRzJ10uaW5jbHVkZXMob3B0aW9uPy5uYW1lISlcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uLmFkZHJlc3NcbiAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQgfVwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICpuZ0lmPVwiIVsnQUREIE5FVycsICdObyBSZXN1bHRzJ10uaW5jbHVkZXMob3B0aW9uPy5uYW1lISlcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQgfVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLXNoaXBwZXItbG9hZC1jb3VudGVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBvcHRpb24ubG9hZHNDb3VudCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxufVxuIl19

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

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
 // pipes
 import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
 // component
@@ -9,17 +9,27 @@ 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();
     }
-    identity(index, item) {
-        return item.id;
-    }
     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: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<div class=\"scrollable-element pb-0\">\n  <ng-container *ngFor=\"let option of options; trackBy: identity\">\n    <div\n      (click)=\"onActiveItemEmit(option)\"\n      [ngClass]=\"{\n        disabled: option?.disabled,\n        'no-result':\n          options.length === 1 &&\n          options[0]?.name === 'No Results',\n        active: option.id === activeItem?.id\n      }\"\n      class=\"dropdown-option load-dispatcher-template\"\n    >\n      <ng-container\n        *ngIf=\"\n          option.logoName &&\n          !(\n            options.length === 1 &&\n            options[0]?.name === 'No Results'\n          )\n        \"\n      >\n        <img\n          [alt]=\"option?.name\"\n          [ngClass]=\"{\n            active: option.id === activeItem?.id\n          }\"\n          [src]=\"option.logoName\"\n          class=\"svg-template-logo\"\n        />\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          !option.logoName &&\n          !(\n            options.length === 1 &&\n            options[0]?.name === 'No Results'\n          )\n        \"\n      >\n        <div class=\"no-profile-image\">\n          <app-ca-profile-image\n            [indx]=\"0\"\n            [name]=\"option?.name!\"\n            [size]=\"'small'\"\n          >\n          </app-ca-profile-image>\n        </div>\n      </ng-container>\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n      ></div>\n    </div>\n  </ng-container>\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
+    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: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", 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            (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 load-dispatcher-template\"\n            [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n        >\n            @if (\n                option.logoName &&\n                !(options.length === 1 && options[0]?.name === 'No Results')\n            ) {\n                <img\n                    [alt]=\"option?.name\"\n                    [ngClass]=\"{\n                        active: option.id === activeItem?.id,\n                    }\"\n                    [src]=\"option.logoName\"\n                    class=\"svg-template-logo\"\n                />\n            }\n\n            @if (\n                !option.logoName &&\n                !(options.length === 1 && options[0]?.name === 'No Results')\n            ) {\n                <div class=\"no-profile-image\">\n                    <app-ca-profile-image\n                        [indx]=\"0\"\n                        [name]=\"option?.name!\"\n                        [size]=\"'small'\"\n                    >\n                    </app-ca-profile-image>\n                </div>\n            }\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n            ></div>\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
                 CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: 
                 // Pipe
@@ -34,14 +44,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaProfileImageComponent,
                         // Pipe
                         HighlightSearchPipe,
-                    ], template: "<div class=\"scrollable-element pb-0\">\n  <ng-container *ngFor=\"let option of options; trackBy: identity\">\n    <div\n      (click)=\"onActiveItemEmit(option)\"\n      [ngClass]=\"{\n        disabled: option?.disabled,\n        'no-result':\n          options.length === 1 &&\n          options[0]?.name === 'No Results',\n        active: option.id === activeItem?.id\n      }\"\n      class=\"dropdown-option load-dispatcher-template\"\n    >\n      <ng-container\n        *ngIf=\"\n          option.logoName &&\n          !(\n            options.length === 1 &&\n            options[0]?.name === 'No Results'\n          )\n        \"\n      >\n        <img\n          [alt]=\"option?.name\"\n          [ngClass]=\"{\n            active: option.id === activeItem?.id\n          }\"\n          [src]=\"option.logoName\"\n          class=\"svg-template-logo\"\n        />\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          !option.logoName &&\n          !(\n            options.length === 1 &&\n            options[0]?.name === 'No Results'\n          )\n        \"\n      >\n        <div class=\"no-profile-image\">\n          <app-ca-profile-image\n            [indx]=\"0\"\n            [name]=\"option?.name!\"\n            [size]=\"'small'\"\n          >\n          </app-ca-profile-image>\n        </div>\n      </ng-container>\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n      ></div>\n    </div>\n  </ng-container>\n</div>" }]
+                    ], template: "<div class=\"scrollable-element pb-0\">\n    @for (option of options; track option.id; let i = $index) {\n        <div\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 load-dispatcher-template\"\n            [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n        >\n            @if (\n                option.logoName &&\n                !(options.length === 1 && options[0]?.name === 'No Results')\n            ) {\n                <img\n                    [alt]=\"option?.name\"\n                    [ngClass]=\"{\n                        active: option.id === activeItem?.id,\n                    }\"\n                    [src]=\"option.logoName\"\n                    class=\"svg-template-logo\"\n                />\n            }\n\n            @if (\n                !option.logoName &&\n                !(options.length === 1 && options[0]?.name === 'No Results')\n            ) {\n                <div class=\"no-profile-image\">\n                    <app-ca-profile-image\n                        [indx]=\"0\"\n                        [name]=\"option?.name!\"\n                        [size]=\"'small'\"\n                    >\n                    </app-ca-profile-image>\n                </div>\n            }\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n            ></div>\n        </div>\n    }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], activeItem: [{
                 type: Input
             }], getSuperControl: [{
                 type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
             }], onActiveItem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHdkUsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTlFLFlBQVk7QUFDWixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUsvRixVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQWtCeEQsTUFBTSxPQUFPLHNDQUFzQztJQU9qRDtRQUZVLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsUUFBUSxDQUFDLEtBQWEsRUFBRSxJQUFpQjtRQUM5QyxPQUFPLElBQUksQ0FBQyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUVNLGdCQUFnQixDQUFDLE1BQW1CO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBZlUsc0NBQXNDO21HQUF0QyxzQ0FBc0MsME9DaENuRCw0b0RBK0RNLHlERHpDRixZQUFZLDZWQUNaLG9CQUFvQjtnQkFFcEIsWUFBWTtnQkFDWix1QkFBdUI7Z0JBRXZCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHVixzQ0FBc0M7a0JBaEJsRCxTQUFTOytCQUNFLHVDQUF1QyxjQUdyQyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUV2QixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDcEI7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gY29tcG9uZW50XG5pbXBvcnQgeyBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NhLXByb2ZpbGUtaW1hZ2UvY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAvLyBDb21wb25lbnRcbiAgICBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCxcblxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHVibGljIGlkZW50aXR5KGluZGV4OiBudW1iZXIsIGl0ZW06IE9wdGlvbk1vZGVsKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gaXRlbS5pZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLm9uQWN0aXZlSXRlbS5lbWl0KG9wdGlvbik7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzY3JvbGxhYmxlLWVsZW1lbnQgcGItMFwiPlxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2tCeTogaWRlbnRpdHlcIj5cbiAgICA8ZGl2XG4gICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmXG4gICAgICAgICAgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWRcbiAgICAgIH1cIlxuICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gbG9hZC1kaXNwYXRjaGVyLXRlbXBsYXRlXCJcbiAgICA+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgb3B0aW9uLmxvZ29OYW1lICYmXG4gICAgICAgICAgIShcbiAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmXG4gICAgICAgICAgICBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cydcbiAgICAgICAgICApXG4gICAgICAgIFwiXG4gICAgICA+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBbYWx0XT1cIm9wdGlvbj8ubmFtZVwiXG4gICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgICAgICAgfVwiXG4gICAgICAgICAgW3NyY109XCJvcHRpb24ubG9nb05hbWVcIlxuICAgICAgICAgIGNsYXNzPVwic3ZnLXRlbXBsYXRlLWxvZ29cIlxuICAgICAgICAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgIW9wdGlvbi5sb2dvTmFtZSAmJlxuICAgICAgICAgICEoXG4gICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJlxuICAgICAgICAgICAgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnXG4gICAgICAgICAgKVxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibm8tcHJvZmlsZS1pbWFnZVwiPlxuICAgICAgICAgIDxhcHAtY2EtcHJvZmlsZS1pbWFnZVxuICAgICAgICAgICAgW2luZHhdPVwiMFwiXG4gICAgICAgICAgICBbbmFtZV09XCJvcHRpb24/Lm5hbWUhXCJcbiAgICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgICAgID5cbiAgICAgICAgICA8L2FwcC1jYS1wcm9maWxlLWltYWdlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPGRpdlxuICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUU5RSxZQUFZO0FBQ1osT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFLL0YsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFrQnhELE1BQU0sT0FBTyxzQ0FBc0M7SUFNL0MsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0E1QlEsc0NBQXNDO21HQUF0QyxzQ0FBc0MscVhDeENuRCxpOERBdURBLHlERHpCUSxZQUFZLDRIQUNaLG9CQUFvQjtnQkFFcEIsWUFBWTtnQkFDWix1QkFBdUI7Z0JBRXZCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHZCxzQ0FBc0M7a0JBaEJsRCxTQUFTOytCQUNJLHVDQUF1QyxjQUdyQyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLFlBQVk7d0JBQ1osdUJBQXVCO3dCQUV2QixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDdEI7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gY29tcG9uZW50XG5pbXBvcnQgeyBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NhLXByb2ZpbGUtaW1hZ2UvY2EtcHJvZmlsZS1pbWFnZS5jb21wb25lbnQnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhUHJvZmlsZUltYWdlQ29tcG9uZW50LFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2Nyb2xsYWJsZS1lbGVtZW50IHBiLTBcIj5cbiAgICBAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaSA9ICRpbmRleCkge1xuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gbG9hZC1kaXNwYXRjaGVyLXRlbXBsYXRlXCJcbiAgICAgICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgICAgICA+XG4gICAgICAgICAgICBAaWYgKFxuICAgICAgICAgICAgICAgIG9wdGlvbi5sb2dvTmFtZSAmJlxuICAgICAgICAgICAgICAgICEob3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnKVxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgICAgICBbYWx0XT1cIm9wdGlvbj8ubmFtZVwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwib3B0aW9uLmxvZ29OYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJzdmctdGVtcGxhdGUtbG9nb1wiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgQGlmIChcbiAgICAgICAgICAgICAgICAhb3B0aW9uLmxvZ29OYW1lICYmXG4gICAgICAgICAgICAgICAgIShvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycpXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibm8tcHJvZmlsZS1pbWFnZVwiPlxuICAgICAgICAgICAgICAgICAgICA8YXBwLWNhLXByb2ZpbGUtaW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgIFtpbmR4XT1cIjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW25hbWVdPVwib3B0aW9uPy5uYW1lIVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc21hbGwnXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8L2FwcC1jYS1wcm9maWxlLWltYWdlPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuPC9kaXY+XG4iXX0=

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

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { Component, EventEmitter, Input, Output, ViewChildren } from '@angular/core';
 // pipes
 import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
 // component
@@ -12,18 +12,28 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "angular-svg-icon";
 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;
     }
-    identity(index, item) {
-        return item.id;
-    }
     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: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatchesTtdComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatches-ttd", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<ng-container \n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let indx = index\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    [ngClass]=\"{\n      disabled: option?.disabled,\n      'no-result':\n        options.length === 1 &&\n        options[0]?.name === 'No Results',\n      active: option.id === activeItem?.id\n    }\"\n    class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n    >\n    <!-- No Results -->\n    <ng-container\n      *ngIf=\"\n        options.length === 1 &&\n        options[0]?.name === 'No Results'\n      \"\n    >\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n      ></div>\n    </ng-container>\n    <!-- Truck -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\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        ></svg-icon>\n        <div\n          [innerHtml]=\"\n            option?.truck?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-truck\"\n        ></div>\n        <!-- Percentage is driver owner -->\n        <ng-container *ngIf=\"option.driver?.owner && option?.payType\">\n          <span\n            [ngClass]=\"{\n              'driver-owner': option.driver?.owner,\n              active: indx === activeItem?.itemIndex\n            }\"\n            class=\"load-dispatch-driver-rate\"\n          >\n            {{ option?.payType }}\n          </span>\n        </ng-container>\n      </div>\n    </ng-container>\n  \n    <!-- Trailer -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\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        ></svg-icon>\n        <div\n          [innerHtml]=\"\n            option?.trailer?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-trailer\"\n        ></div>\n      </div>\n    </ng-container>\n  \n    <!-- Driver -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\n      <div class=\"load-dispatches-container\">\n        <ng-container *ngIf=\"option?.driver?.logoName\">\n          <img\n            [alt]=\"option?.driver?.name\"\n            [ngClass]=\"{\n              active:\n                option.driver?.id ===\n                activeItem?.driver?.id\n            }\"\n            [src]=\"option?.driver?.logoName\"\n            class=\"svg-template-logo\"\n          />\n        </ng-container>\n  \n        <ng-container *ngIf=\"!option.driver?.logoName\">\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        </ng-container>\n  \n        <ng-container\n          *ngIf=\"\n            options[0]?.name !== 'No Results' &&\n            option.driver?.owner\n          \"\n        >\n          <img\n            alt=\"avatar\"\n            [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n            class=\"owner-avatar\"\n          />\n        </ng-container>\n        <div\n          [innerHtml]=\"\n            option.driver?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-driver\"\n        ></div>\n      </div>\n    </ng-container>\n    <!-- Percentage is not driver owner -->\n    <ng-container\n      *ngIf=\"\n        options[0]?.name !== 'No Results' && option?.payType\n      \"\n    >\n      <span\n        [ngClass]=\"{\n          active: indx === activeItem?.itemIndex\n        }\"\n        class=\"load-dispatch-driver-rate\"\n      >\n        {{ option?.payType }}\n      </span>\n    </ng-container>\n  </div>\n</ng-container>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: 
+    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", getSuperControl: "getSuperControl", 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        (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-column load-dispatches-ttd-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- No Results -->\n        @if (options.length === 1 && options[0]?.name === 'No Results') {\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n            ></div>\n        }\n        <!-- Truck -->\n        @if (options[0]?.name !== 'No Results') {\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: getSuperControl?.value,\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: i === activeItem?.itemIndex,\n                        }\"\n                        class=\"load-dispatch-driver-rate\"\n                    >\n                        {{ option?.payType }}\n                    </span>\n                }\n            </div>\n        }\n\n        <!-- Trailer -->\n        @if (options[0]?.name !== 'No Results') {\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: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-trailer\"\n                ></div>\n            </div>\n        }\n\n        <!-- Driver -->\n        @if (options[0]?.name !== 'No Results') {\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                }\n\n                @if (\n                    options[0]?.name !== 'No Results' && option.driver?.owner\n                ) {\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: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-driver\"\n                ></div>\n            </div>\n        }\n        <!-- Percentage is not driver owner -->\n        @if (options[0]?.name !== 'No Results' && option?.payType) {\n            <span\n                [ngClass]=\"{\n                    active: i === activeItem?.itemIndex,\n                }\"\n                class=\"load-dispatch-driver-rate\"\n            >\n                {{ option?.payType }}\n            </span>\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: "component", type: 
                 // Component
                 CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: 
                 // Pipe
@@ -38,14 +48,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CaProfileImageComponent,
                         // Pipe
                         HighlightSearchPipe,
-                    ], template: "<ng-container \n  *ngFor=\"\n    let option of options;\n    trackBy: identity;\n    let indx = index\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    [ngClass]=\"{\n      disabled: option?.disabled,\n      'no-result':\n        options.length === 1 &&\n        options[0]?.name === 'No Results',\n      active: option.id === activeItem?.id\n    }\"\n    class=\"dropdown-option dropdown-double-column load-dispatches-ttd-template\"\n    >\n    <!-- No Results -->\n    <ng-container\n      *ngIf=\"\n        options.length === 1 &&\n        options[0]?.name === 'No Results'\n      \"\n    >\n      <div\n        [innerHtml]=\"\n          option?.name\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n      ></div>\n    </ng-container>\n    <!-- Truck -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\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        ></svg-icon>\n        <div\n          [innerHtml]=\"\n            option?.truck?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-truck\"\n        ></div>\n        <!-- Percentage is driver owner -->\n        <ng-container *ngIf=\"option.driver?.owner && option?.payType\">\n          <span\n            [ngClass]=\"{\n              'driver-owner': option.driver?.owner,\n              active: indx === activeItem?.itemIndex\n            }\"\n            class=\"load-dispatch-driver-rate\"\n          >\n            {{ option?.payType }}\n          </span>\n        </ng-container>\n      </div>\n    </ng-container>\n  \n    <!-- Trailer -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\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        ></svg-icon>\n        <div\n          [innerHtml]=\"\n            option?.trailer?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-trailer\"\n        ></div>\n      </div>\n    </ng-container>\n  \n    <!-- Driver -->\n    <ng-container *ngIf=\"options[0]?.name !== 'No Results'\">\n      <div class=\"load-dispatches-container\">\n        <ng-container *ngIf=\"option?.driver?.logoName\">\n          <img\n            [alt]=\"option?.driver?.name\"\n            [ngClass]=\"{\n              active:\n                option.driver?.id ===\n                activeItem?.driver?.id\n            }\"\n            [src]=\"option?.driver?.logoName\"\n            class=\"svg-template-logo\"\n          />\n        </ng-container>\n  \n        <ng-container *ngIf=\"!option.driver?.logoName\">\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        </ng-container>\n  \n        <ng-container\n          *ngIf=\"\n            options[0]?.name !== 'No Results' &&\n            option.driver?.owner\n          \"\n        >\n          <img\n            alt=\"avatar\"\n            [src]=\"inputDropdownSvgRoutes.ownerBadgeBlackSvg\"\n            class=\"owner-avatar\"\n          />\n        </ng-container>\n        <div\n          [innerHtml]=\"\n            option.driver?.name\n              | caHighlight\n                : [\n                    {\n                      index: 45632,\n                      text: getSuperControl?.value\n                    }\n                  ]\n          \"\n          class=\"load-dispatch-driver\"\n        ></div>\n      </div>\n    </ng-container>\n    <!-- Percentage is not driver owner -->\n    <ng-container\n      *ngIf=\"\n        options[0]?.name !== 'No Results' && option?.payType\n      \"\n    >\n      <span\n        [ngClass]=\"{\n          active: indx === activeItem?.itemIndex\n        }\"\n        class=\"load-dispatch-driver-rate\"\n      >\n        {{ option?.payType }}\n      </span>\n    </ng-container>\n  </div>\n</ng-container>" }]
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\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-column load-dispatches-ttd-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- No Results -->\n        @if (options.length === 1 && options[0]?.name === 'No Results') {\n            <div\n                [innerHtml]=\"\n                    option?.name\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n            ></div>\n        }\n        <!-- Truck -->\n        @if (options[0]?.name !== 'No Results') {\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: getSuperControl?.value,\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: i === activeItem?.itemIndex,\n                        }\"\n                        class=\"load-dispatch-driver-rate\"\n                    >\n                        {{ option?.payType }}\n                    </span>\n                }\n            </div>\n        }\n\n        <!-- Trailer -->\n        @if (options[0]?.name !== 'No Results') {\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: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-trailer\"\n                ></div>\n            </div>\n        }\n\n        <!-- Driver -->\n        @if (options[0]?.name !== 'No Results') {\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                }\n\n                @if (\n                    options[0]?.name !== 'No Results' && option.driver?.owner\n                ) {\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: getSuperControl?.value,\n                                      },\n                                  ]\n                    \"\n                    class=\"load-dispatch-driver\"\n                ></div>\n            </div>\n        }\n        <!-- Percentage is not driver owner -->\n        @if (options[0]?.name !== 'No Results' && option?.payType) {\n            <span\n                [ngClass]=\"{\n                    active: i === activeItem?.itemIndex,\n                }\"\n                class=\"load-dispatch-driver-rate\"\n            >\n                {{ option?.payType }}\n            </span>\n        }\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], activeItem: [{
                 type: Input
             }], getSuperControl: [{
                 type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
             }], onActiveItem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFOUUsWUFBWTtBQUNaLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBSy9GLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7QUFrQjFGLE1BQU0sT0FBTyx5Q0FBeUM7SUFTcEQ7UUFKVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFbEQsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULFFBQVEsQ0FBQyxLQUFhLEVBQUUsSUFBaUI7UUFDOUMsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWpCVSx5Q0FBeUM7bUdBQXpDLHlDQUF5Qyw4T0NuQ3RELCtuTEE0TWUseUREbkxYLFlBQVksNlZBQ1osb0JBQW9CO2dCQUVwQixZQUFZO2dCQUNaLHVCQUF1QjtnQkFFdkIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdWLHlDQUF5QztrQkFoQnJELFNBQVM7K0JBQ0UsMkNBQTJDLGNBR3pDLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsWUFBWTt3QkFDWix1QkFBdUI7d0JBRXZCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUNwQjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBjb21wb25lbnRcbmltcG9ydCB7IENhUHJvZmlsZUltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY2EtcHJvZmlsZS1pbWFnZS9jYS1wcm9maWxlLWltYWdlLmNvbXBvbmVudCc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gc3ZnIHJvdXRlc1xuaW1wb3J0IHsgSW5wdXREcm9wZG93blN2Z1JvdXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3N2Zy1yb3V0ZXMvaW5wdXQtZHJvcGRvd24tc3ZnLXJvdXRlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAvLyBDb21wb25lbnRcbiAgICBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCxcblxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlc1R0ZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHB1YmxpYyBpZGVudGl0eShpbmRleDogbnVtYmVyLCBpdGVtOiBPcHRpb25Nb2RlbCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGl0ZW0uaWQ7XG4gIH1cblxuICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyIFxuICAqbmdGb3I9XCJcbiAgICBsZXQgb3B0aW9uIG9mIG9wdGlvbnM7XG4gICAgdHJhY2tCeTogaWRlbnRpdHk7XG4gICAgbGV0IGluZHggPSBpbmRleFxuICBcIlxuPlxuICA8ZGl2XG4gICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiZcbiAgICAgICAgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgfVwiXG4gICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gZHJvcGRvd24tZG91YmxlLWNvbHVtbiBsb2FkLWRpc3BhdGNoZXMtdHRkLXRlbXBsYXRlXCJcbiAgICA+XG4gICAgPCEtLSBObyBSZXN1bHRzIC0tPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmXG4gICAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJ1xuICAgICAgXCJcbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgb3B0aW9uPy5uYW1lXG4gICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBdXG4gICAgICAgIFwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPCEtLSBUcnVjayAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uc1swXT8ubmFtZSAhPT0gJ05vIFJlc3VsdHMnXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLWNvbnRhaW5lciAge3tcbiAgICAgICAgICBvcHRpb24/LnRydWNrPy5zdWJGb2xkZXJcbiAgICAgICAgfX0ge3tcbiAgICAgICAgICBvcHRpb24/LnRydWNrPy50cnVja1R5cGU/Lm5hbWVcbiAgICAgICAgICAgID8udHJpbSgpXG4gICAgICAgICAgICA/LnJlcGxhY2UoJyAnLCAnJylcbiAgICAgICAgICAgID8udG9Mb3dlckNhc2UoKVxuICAgICAgICB9fVwiXG4gICAgICA+XG4gICAgICAgIDxzdmctaWNvblxuICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLXN2Z1wiXG4gICAgICAgICAgW3NyY109XCJcbiAgICAgICAgICAgIG9wdGlvbi50cnVjaz8ubG9nb05hbWUgP1xuICAgICAgICAgICAgaW5wdXREcm9wZG93blN2Z1JvdXRlcy50cnVja3NTdmdSb3V0ZSArXG4gICAgICAgICAgICAgIG9wdGlvbi50cnVjaz8ubG9nb05hbWUgOiAnJ1xuICAgICAgICAgIFwiXG4gICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbj8udHJ1Y2s/Lm5hbWVcbiAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgIFwiXG4gICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLXRydWNrXCJcbiAgICAgICAgPjwvZGl2PlxuICAgICAgICA8IS0tIFBlcmNlbnRhZ2UgaXMgZHJpdmVyIG93bmVyIC0tPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uLmRyaXZlcj8ub3duZXIgJiYgb3B0aW9uPy5wYXlUeXBlXCI+XG4gICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgJ2RyaXZlci1vd25lcic6IG9wdGlvbi5kcml2ZXI/Lm93bmVyLFxuICAgICAgICAgICAgICBhY3RpdmU6IGluZHggPT09IGFjdGl2ZUl0ZW0/Lml0ZW1JbmRleFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2gtZHJpdmVyLXJhdGVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IG9wdGlvbj8ucGF5VHlwZSB9fVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgXG4gICAgPCEtLSBUcmFpbGVyIC0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb25zWzBdPy5uYW1lICE9PSAnTm8gUmVzdWx0cydcIj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoZXMtY29udGFpbmVyICB7e1xuICAgICAgICAgIG9wdGlvbj8udHJhaWxlcj8uc3ViRm9sZGVyXG4gICAgICAgIH19IHt7XG4gICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy50cmFpbGVyVHlwZT8ubmFtZVxuICAgICAgICAgICAgPy50cmltKClcbiAgICAgICAgICAgID8ucmVwbGFjZSgnICcsICcnKVxuICAgICAgICAgICAgPy50b0xvd2VyQ2FzZSgpXG4gICAgICAgIH19XCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIHRyYWlsZXJDb250YWluZXI6IG9wdGlvbj8udHJhaWxlcj8ubG9nb1R5cGVcbiAgICAgICAgICAgID8gb3B0aW9uPy50cmFpbGVyPy5sb2dvVHlwZVxuICAgICAgICAgICAgICAgID8udHJpbSgpXG4gICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpID09PSAnQ29udGFpbmVyJ1xuICAgICAgICAgICAgOiBmYWxzZSxcbiAgICAgICAgICBsb3dib3lyZ246IG9wdGlvbj8udHJhaWxlcj8ubG9nb1R5cGVcbiAgICAgICAgICAgICAgPyBvcHRpb24/LnRyYWlsZXI/LmxvZ29UeXBlXG4gICAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpID09PSAnTG93IEJveSAvIFJHTidcbiAgICAgICAgICAgICAgOiBmYWxzZVxuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoZXMtc3ZnXCJcbiAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5sb2dvTmFtZSA/XG4gICAgICAgICAgICBpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnRyYWlsZXJzU3ZnUm91dGUgK1xuICAgICAgICAgICAgICBvcHRpb24/LnRyYWlsZXI/LmxvZ29OYW1lIDogJydcbiAgICAgICAgICBcIlxuICAgICAgICA+PC9zdmctaWNvbj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICBvcHRpb24/LnRyYWlsZXI/Lm5hbWVcbiAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgIFwiXG4gICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLXRyYWlsZXJcIlxuICAgICAgICA+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgXG4gICAgPCEtLSBEcml2ZXIgLS0+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJ1wiPlxuICAgICAgPGRpdiBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlcy1jb250YWluZXJcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8uZHJpdmVyPy5sb2dvTmFtZVwiPlxuICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgIFthbHRdPVwib3B0aW9uPy5kcml2ZXI/Lm5hbWVcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBhY3RpdmU6XG4gICAgICAgICAgICAgICAgb3B0aW9uLmRyaXZlcj8uaWQgPT09XG4gICAgICAgICAgICAgICAgYWN0aXZlSXRlbT8uZHJpdmVyPy5pZFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbc3JjXT1cIm9wdGlvbj8uZHJpdmVyPy5sb2dvTmFtZVwiXG4gICAgICAgICAgICBjbGFzcz1cInN2Zy10ZW1wbGF0ZS1sb2dvXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhb3B0aW9uLmRyaXZlcj8ubG9nb05hbWVcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibm8tcHJvZmlsZS1pbWFnZVwiPlxuICAgICAgICAgICAgPGFwcC1jYS1wcm9maWxlLWltYWdlXG4gICAgICAgICAgICAgIFtpbmR4XT1cIjBcIlxuICAgICAgICAgICAgICBbbmFtZV09XCJvcHRpb24uZHJpdmVyPy5uYW1lIVwiXG4gICAgICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9hcHAtY2EtcHJvZmlsZS1pbWFnZT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gIFxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJyAmJlxuICAgICAgICAgICAgb3B0aW9uLmRyaXZlcj8ub3duZXJcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAgPGltZ1xuICAgICAgICAgICAgYWx0PVwiYXZhdGFyXCJcbiAgICAgICAgICAgIFtzcmNdPVwiaW5wdXREcm9wZG93blN2Z1JvdXRlcy5vd25lckJhZGdlQmxhY2tTdmdcIlxuICAgICAgICAgICAgY2xhc3M9XCJvd25lci1hdmF0YXJcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbi5kcml2ZXI/Lm5hbWVcbiAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgIFwiXG4gICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLWRyaXZlclwiXG4gICAgICAgID48L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwhLS0gUGVyY2VudGFnZSBpcyBub3QgZHJpdmVyIG93bmVyIC0tPlxuICAgIDxuZy1jb250YWluZXJcbiAgICAgICpuZ0lmPVwiXG4gICAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJyAmJiBvcHRpb24/LnBheVR5cGVcbiAgICAgIFwiXG4gICAgPlxuICAgICAgPHNwYW5cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGFjdGl2ZTogaW5keCA9PT0gYWN0aXZlSXRlbT8uaXRlbUluZGV4XG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2gtZHJpdmVyLXJhdGVcIlxuICAgICAgPlxuICAgICAgICB7eyBvcHRpb24/LnBheVR5cGUgfX1cbiAgICAgIDwvc3Bhbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVzLXR0ZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBYyxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHNUcsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRTlFLFlBQVk7QUFDWixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUsvRixVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7O0FBa0IxRixNQUFNLE9BQU8seUNBQXlDO0lBTWhELElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBTUw7UUFWSSxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQU16QixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFbEQsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULGdCQUFnQixDQUFDLE1BQW1CO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2pDLENBQUM7K0dBOUJVLHlDQUF5QzttR0FBekMseUNBQXlDLHlYQ25DdEQsMGhPQTBMQSx5RERqS0ksWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLFlBQVk7Z0JBQ1osdUJBQXVCO2dCQUV2QixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR1YseUNBQXlDO2tCQWhCckQsU0FBUzsrQkFDRSwyQ0FBMkMsY0FHekMsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixZQUFZO3dCQUNaLHVCQUF1Qjt3QkFFdkIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3BCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQzJCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVkLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkEsWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgUXVlcnlMaXN0LCBWaWV3Q2hpbGRyZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBjb21wb25lbnRcbmltcG9ydCB7IENhUHJvZmlsZUltYWdlQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY2EtcHJvZmlsZS1pbWFnZS9jYS1wcm9maWxlLWltYWdlLmNvbXBvbmVudCc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gc3ZnIHJvdXRlc1xuaW1wb3J0IHsgSW5wdXREcm9wZG93blN2Z1JvdXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3N2Zy1yb3V0ZXMvaW5wdXQtZHJvcGRvd24tc3ZnLXJvdXRlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlcy10dGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXMtdHRkLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAvLyBDb21wb25lbnRcbiAgICBDYVByb2ZpbGVJbWFnZUNvbXBvbmVudCxcblxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlc1R0ZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG4gIFxuICAgICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICB9XG4gICAgICB9XG4gIFxuICAgICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuICBcbiAgICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICAgIH1cblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuICBcbiAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgfVxufVxuIiwiQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi5pZDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8ZGl2XG4gICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uIGRyb3Bkb3duLWRvdWJsZS1jb2x1bW4gbG9hZC1kaXNwYXRjaGVzLXR0ZC10ZW1wbGF0ZVwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgID5cbiAgICAgICAgPCEtLSBObyBSZXN1bHRzIC0tPlxuICAgICAgICBAaWYgKG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICA8IS0tIFRydWNrIC0tPlxuICAgICAgICBAaWYgKG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLWNvbnRhaW5lciAge3tcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cnVjaz8uc3ViRm9sZGVyXG4gICAgICAgICAgICAgICAgfX0ge3tcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cnVjaz8udHJ1Y2tUeXBlPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRvTG93ZXJDYXNlKClcbiAgICAgICAgICAgICAgICB9fVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLXN2Z1wiXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBvcHRpb24udHJ1Y2s/LmxvZ29OYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnRydWNrc1N2Z1JvdXRlICtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbi50cnVjaz8ubG9nb05hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cnVjaz8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2gtdHJ1Y2tcIlxuICAgICAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgICAgICAgICA8IS0tIFBlcmNlbnRhZ2UgaXMgZHJpdmVyIG93bmVyIC0tPlxuICAgICAgICAgICAgICAgIEBpZiAob3B0aW9uLmRyaXZlcj8ub3duZXIgJiYgb3B0aW9uPy5wYXlUeXBlKSB7XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RyaXZlci1vd25lcic6IG9wdGlvbi5kcml2ZXI/Lm93bmVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGFjdGl2ZTogaSA9PT0gYWN0aXZlSXRlbT8uaXRlbUluZGV4LFxuICAgICAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2gtZHJpdmVyLXJhdGVcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24/LnBheVR5cGUgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBUcmFpbGVyIC0tPlxuICAgICAgICBAaWYgKG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaGVzLWNvbnRhaW5lciAge3tcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5zdWJGb2xkZXJcbiAgICAgICAgICAgICAgICB9fSB7e1xuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LnRyYWlsZXI/LnRyYWlsZXJUeXBlPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRyaW0oKVxuICAgICAgICAgICAgICAgICAgICAgICAgPy5yZXBsYWNlKCcgJywgJycpXG4gICAgICAgICAgICAgICAgICAgICAgICA/LnRvTG93ZXJDYXNlKClcbiAgICAgICAgICAgICAgICB9fVwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICB0cmFpbGVyQ29udGFpbmVyOiBvcHRpb24/LnRyYWlsZXI/LmxvZ29UeXBlXG4gICAgICAgICAgICAgICAgICAgICAgICA/IG9wdGlvbj8udHJhaWxlcj8ubG9nb1R5cGVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8udHJpbSgpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICA/LnJlcGxhY2UoJyAnLCAnJykgPT09ICdDb250YWluZXInXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICBsb3dib3lyZ246IG9wdGlvbj8udHJhaWxlcj8ubG9nb1R5cGVcbiAgICAgICAgICAgICAgICAgICAgICAgID8gb3B0aW9uPy50cmFpbGVyPy5sb2dvVHlwZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPy50cmltKClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID8ucmVwbGFjZSgnICcsICcnKSA9PT0gJ0xvdyBCb3kgLyBSR04nXG4gICAgICAgICAgICAgICAgICAgICAgICA6IGZhbHNlLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxzdmctaWNvblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlcy1zdmdcIlxuICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5sb2dvTmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gaW5wdXREcm9wZG93blN2Z1JvdXRlcy50cmFpbGVyc1N2Z1JvdXRlICtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbj8udHJhaWxlcj8ubG9nb05hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICcnXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy50cmFpbGVyPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaC10cmFpbGVyXCJcbiAgICAgICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gRHJpdmVyIC0tPlxuICAgICAgICBAaWYgKG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlcy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICBAaWYgKG9wdGlvbj8uZHJpdmVyPy5sb2dvTmFtZSkge1xuICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICBbYWx0XT1cIm9wdGlvbj8uZHJpdmVyPy5uYW1lXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhY3RpdmU6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbi5kcml2ZXI/LmlkID09PSBhY3RpdmVJdGVtPy5kcml2ZXI/LmlkLFxuICAgICAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cIm9wdGlvbj8uZHJpdmVyPy5sb2dvTmFtZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN2Zy10ZW1wbGF0ZS1sb2dvXCJcbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm5vLXByb2ZpbGUtaW1hZ2VcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxhcHAtY2EtcHJvZmlsZS1pbWFnZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtpbmR4XT1cIjBcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtuYW1lXT1cIm9wdGlvbi5kcml2ZXI/Lm5hbWUhXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2l6ZV09XCInc21hbGwnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvYXBwLWNhLXByb2ZpbGUtaW1hZ2U+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIEBpZiAoXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJyAmJiBvcHRpb24uZHJpdmVyPy5vd25lclxuICAgICAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgICAgICA8aW1nXG4gICAgICAgICAgICAgICAgICAgICAgICBhbHQ9XCJhdmF0YXJcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpbnB1dERyb3Bkb3duU3ZnUm91dGVzLm93bmVyQmFkZ2VCbGFja1N2Z1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm93bmVyLWF2YXRhclwiXG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbi5kcml2ZXI/Lm5hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWRpc3BhdGNoLWRyaXZlclwiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICAgICAgPCEtLSBQZXJjZW50YWdlIGlzIG5vdCBkcml2ZXIgb3duZXIgLS0+XG4gICAgICAgIEBpZiAob3B0aW9uc1swXT8ubmFtZSAhPT0gJ05vIFJlc3VsdHMnICYmIG9wdGlvbj8ucGF5VHlwZSkge1xuICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZTogaSA9PT0gYWN0aXZlSXRlbT8uaXRlbUluZGV4LFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1kaXNwYXRjaC1kcml2ZXItcmF0ZVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgb3B0aW9uPy5wYXlUeXBlIH19XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbn1cbiJdfQ==