ca-components 1.0.97 → 1.0.99

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-default-template/ca-input-dropdown-default-template.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 { InputDropdownDefaultTemplateClassPipe } from '../../pipes';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CaInputDropdownDefaultTemplateComponent {
+    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: CaInputDropdownDefaultTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownDefaultTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-default-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<div\n  (click)=\"onActiveItemEmit(option)\"\n  *ngFor=\"let option of options; trackBy: identity\"\n  [innerHtml]=\"\n    option?.name\n      | caHighlight\n        : [\n            {\n              index: 45632,\n              text: getSuperControl?.value\n            }\n          ]\n  \"\n  [ngClass]=\"\n    option | inputDropdownDefaultTemplateClass: options : activeItem \n    : inputConfig\n  \"\n  class=\"dropdown-option\"\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: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDefaultTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-default-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", inputConfig: "inputConfig", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [innerHtml]=\"\n            option?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: getSuperControl?.value,\n                          },\n                      ]\n        \"\n        [ngClass]=\"\n            option\n                | inputDropdownDefaultTemplateClass\n                    : options\n                    : activeItem\n                    : inputConfig\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
                 // Pipe
                 HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownDefaultTemplateClassPipe, name: "inputDropdownDefaultTemplateClass" }] }); }
 }
@@ -30,8 +40,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Pipe
                         HighlightSearchPipe,
                         InputDropdownDefaultTemplateClassPipe,
-                    ], template: "<div\n  (click)=\"onActiveItemEmit(option)\"\n  *ngFor=\"let option of options; trackBy: identity\"\n  [innerHtml]=\"\n    option?.name\n      | caHighlight\n        : [\n            {\n              index: 45632,\n              text: getSuperControl?.value\n            }\n          ]\n  \"\n  [ngClass]=\"\n    option | inputDropdownDefaultTemplateClass: options : activeItem \n    : inputConfig\n  \"\n  class=\"dropdown-option\"\n></div>" }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [innerHtml]=\"\n            option?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: getSuperControl?.value,\n                          },\n                      ]\n        \"\n        [ngClass]=\"\n            option\n                | inputDropdownDefaultTemplateClass\n                    : options\n                    : activeItem\n                    : inputConfig\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    ></div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], options: [{
                 type: Input
             }], activeItem: [{
                 type: Input
@@ -39,7 +52,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], inputConfig: [{
                 type: Input
+            }], inputHoveredItem: [{
+                type: Input
             }], onActiveItem: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFNOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7O0FBZ0JwRSxNQUFNLE9BQU8sdUNBQXVDO0lBUWxEO1FBRlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRTFDLENBQUM7SUFFVCxRQUFRLENBQUMsS0FBYSxFQUFFLElBQWlCO1FBQzlDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBbUI7UUFDekMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FoQlUsdUNBQXVDO21HQUF2Qyx1Q0FBdUMsdVFDN0JwRCwyYkFrQk8seURER0gsWUFBWSx5UEFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1CLCtDQUNuQixxQ0FBcUM7OzRGQUc1Qix1Q0FBdUM7a0JBZG5ELFNBQVM7K0JBQ0Usd0NBQXdDLGNBR3RDLElBQUksV0FDUDt3QkFDUCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7d0JBQ25CLHFDQUFxQztxQkFDdEM7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jYS1pbnB1dC9jb25maWcnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duRGVmYXVsdFRlbXBsYXRlQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1kZWZhdWx0LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgLy8gUGlwZVxuICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgSW5wdXREcm9wZG93bkRlZmF1bHRUZW1wbGF0ZUNsYXNzUGlwZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duRGVmYXVsdFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gIEBJbnB1dCgpIGdldFN1cGVyQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4gfCBudWxsO1xuICBASW5wdXQoKSBpbnB1dENvbmZpZyE6IElDYUlucHV0O1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwdWJsaWMgaWRlbnRpdHkoaW5kZXg6IG51bWJlciwgaXRlbTogT3B0aW9uTW9kZWwpOiBudW1iZXIgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBpdGVtLmlkO1xuICB9XG5cbiAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgfVxufVxuIiwiPGRpdlxuICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zOyB0cmFja0J5OiBpZGVudGl0eVwiXG4gIFtpbm5lckh0bWxdPVwiXG4gICAgb3B0aW9uPy5uYW1lXG4gICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgIDogW1xuICAgICAgICAgICAge1xuICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBdXG4gIFwiXG4gIFtuZ0NsYXNzXT1cIlxuICAgIG9wdGlvbiB8IGlucHV0RHJvcGRvd25EZWZhdWx0VGVtcGxhdGVDbGFzczogb3B0aW9ucyA6IGFjdGl2ZUl0ZW0gXG4gICAgOiBpbnB1dENvbmZpZ1xuICBcIlxuICBjbGFzcz1cImRyb3Bkb3duLW9wdGlvblwiXG4+PC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBTTlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUNBQXFDLEVBQUUsTUFBTSxhQUFhLENBQUM7OztBQWdCcEUsTUFBTSxPQUFPLHVDQUF1QztJQU1oRCxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUlEO1FBUkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRTFDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQTVCUSx1Q0FBdUM7bUdBQXZDLHVDQUF1QyxrWkNyQ3BELHl3QkF5QkEseURESVEsWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1CLCtDQUNuQixxQ0FBcUM7OzRGQUdoQyx1Q0FBdUM7a0JBZG5ELFNBQVM7K0JBQ0ksd0NBQXdDLGNBR3RDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7d0JBQ25CLHFDQUFxQztxQkFDeEM7d0RBRytCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUNyQixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ08sZ0JBQWdCO3NCQUE1QixLQUFLO2dCQWdCSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jYS1pbnB1dC9jb25maWcnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duRGVmYXVsdFRlbXBsYXRlQ2xhc3NQaXBlIH0gZnJvbSAnLi4vLi4vcGlwZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1kZWZhdWx0LXRlbXBsYXRlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICAgICAgSW5wdXREcm9wZG93bkRlZmF1bHRUZW1wbGF0ZUNsYXNzUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25EZWZhdWx0VGVtcGxhdGVDb21wb25lbnQge1xuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgICBASW5wdXQoKSBpbnB1dENvbmZpZyE6IElDYUlucHV0O1xuICAgIEBJbnB1dCgpIHNldCBpbnB1dEhvdmVyZWRJdGVtKHZhbDogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW0gPSB2YWw7XG4gICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgdGhpcy5kcm9wZG93bk9wdGlvbj8uZ2V0KHZhbCk/Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBfaW5wdXRIb3ZlcmVkSXRlbTogbnVtYmVyID0gLTE7XG5cbiAgICBwdWJsaWMgZ2V0IGlucHV0SG92ZXJlZEl0ZW0oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuXG4gICAgY29uc3RydWN0b3IoKSB7fVxuXG4gICAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQWN0aXZlSXRlbS5lbWl0KG9wdGlvbik7XG4gICAgfVxufVxuIiwiQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IHRyYWNrIG9wdGlvbi5pZDsgbGV0IGkgPSAkaW5kZXgpIHtcbiAgICA8ZGl2XG4gICAgICAgICNkcm9wZG93bk9wdGlvblxuICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgICAgIG9wdGlvblxuICAgICAgICAgICAgICAgIHwgaW5wdXREcm9wZG93bkRlZmF1bHRUZW1wbGF0ZUNsYXNzXG4gICAgICAgICAgICAgICAgICAgIDogb3B0aW9uc1xuICAgICAgICAgICAgICAgICAgICA6IGFjdGl2ZUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgOiBpbnB1dENvbmZpZ1xuICAgICAgICBcIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW9wdGlvblwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgID48L2Rpdj5cbn1cbiJdfQ==

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-details-template/ca-input-dropdown-details-template.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';
 import { CaSvgPipe } from '../../../../pipes/ca-svg.pipe';
@@ -13,18 +13,28 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "angular-svg-icon";
 export class CaInputDropdownDetailsTemplateComponent {
+    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.onActiveItem = new EventEmitter();
+        this._inputHoveredItem = -1;
         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: CaInputDropdownDetailsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownDetailsTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-details-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", sort: "sort" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<div\n  (click)=\"onActiveItemEmit(option)\"\n  (mouseenter)=\"hoveringIndex = i\"\n  (mouseleave)=\"hoveringIndex = -1\"\n  *ngFor=\"\n    let option of options;\n    let i = index;\n    trackBy: identity\n  \"\n  [ngClass]=\"{\n    disabled: option?.disabled,\n    'no-result':\n      options.length === 1 &&\n      options[0]?.name === 'No Results',\n    'add-new': option?.name === 'ADD NEW',\n    'all-assigned':\n      option?.name?.toLowerCase() === 'all assigned',\n    'load-details-template': option?.status?.statusString\n  }\"\n  class=\"dropdown-option details-template\"\n  >\n  <div\n    [innerHtml]=\"\n      option?.name\n        | caHighlight\n          : [\n              {\n                index: 45632,\n                text: getSuperControl?.value\n              }\n            ]\n    \"\n    [ngClass]=\"{\n      active:\n        sort === 'active-drivers' &&\n        option?.status === 1\n    }\"\n    class=\"details-template-text\"\n  ></div>\n\n  <!-- Svg -->\n\n  <ng-container *ngIf=\"option?.svg\">\n    <svg-icon\n      [src]=\"option?.svg | caSvg : option?.folder\"\n      class=\"details-template-logo\"\n    ></svg-icon>\n  </ng-container>\n\n  <ng-container *ngIf=\"option?.status?.statusString\">\n    <p class=\"m-0 additional-text\">\n      <ng-container\n        *ngIf=\"\n          i === hoveringIndex;\n          else notHoveringLeft\n        \"\n      >\n        ${{ option?.totalBill }}K\n      </ng-container>\n\n      <ng-template #notHoveringLeft>\n        {{ option?.referenceNumber }}\n      </ng-template>\n    </p>\n  </ng-container>\n\n  <!-- Driver & Load Details Template -->\n\n  <ng-container\n    *ngIf=\"\n      option?.address?.address ||\n      option?.status?.statusString\n    \"\n  >\n    <div\n      class=\"d-flex align-items-center driver-details-template-container\"\n    >\n      <div class=\"d-flex align-items-center left-box\">\n        <p class=\"m-0\">\n          <ng-container\n            *ngIf=\"\n              i === hoveringIndex;\n              else notHoveringLeft\n            \"\n          >\n            <ng-container *ngIf=\"option?.address?.address\">\n              {{ option?.totalMiles }} mi\n            </ng-container>\n          </ng-container>\n\n          <ng-template #notHoveringLeft>\n            <ng-container *ngIf=\"option?.address?.address\">\n              {{ option?.address?.city }},\n              {{ option?.address?.stateShortName }}\n            </ng-container>\n          </ng-template>\n        </p>\n      </div>\n\n      <div class=\"d-flex align-items-center right-box\">\n        <p class=\"m-0\">\n          <ng-container\n            *ngIf=\"\n              i === hoveringIndex;\n              else notHoveringRight\n            \"\n          >\n            <ng-container\n              *ngIf=\"\n                option?.address?.address;\n                else brokerName\n              \"\n            >\n              ${{ option?.totalEarnings }}K\n            </ng-container>\n\n            <ng-template #brokerName>\n              {{ option?.brokerName }}\n            </ng-template>\n          </ng-container>\n\n          <ng-template #notHoveringRight>\n            <ng-container\n              *ngIf=\"\n                option?.address?.address;\n                else statusString\n              \"\n            >\n              {{ option?.hiredAt }}\n            </ng-container>\n\n            <ng-template #statusString>\n              <ca-load-status-string\n                [isDropdownColor]=\"true\"\n                [status]=\"{\n                  name: option?.status\n                    ?.statusString,\n                  valueForRequest:\n                    option?.status\n                      ?.statusValue?.name\n                }\"\n                [statusOrder]=\"{\n                  type: option.stopType!,\n                  stopOrder:\n                    option?.status\n                      ?.statusCheckInNumber\n                }\"\n              ></ca-load-status-string>\n            </ng-template>\n          </ng-template>\n        </p>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Additional Text -->\n\n  <ng-container *ngIf=\"option?.additionalText\">\n    <div\n      [innerHtml]=\"\n        option.additionalText\n          | caHighlight\n            : [\n                {\n                  index: 45632,\n                  text: getSuperControl?.value\n                }\n              ]\n      \"\n      class=\"svgtext-template-text additional-text\"\n      [ngClass]=\"{\n        active: option.id === activeItem?.id\n      }\"\n    ></div>\n  </ng-container>\n\n  <!-- Plus Icon -->\n\n  <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n    <svg-icon\n      class=\"plus-icon\"\n      [src]=\"inputDropdownSvgRoutes.plusSvg\"\n      [svgStyle]=\"{\n        'width.px': '14',\n        'height.px': '14'\n      }\"\n    ></svg-icon>\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: 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: CaInputDropdownDetailsTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-details-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl", sort: "sort", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; let i = $index; track option.id) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseenter)=\"hoveringIndex = i\"\n        (mouseleave)=\"hoveringIndex = -1\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n            'load-details-template': option?.status?.statusString,\n        }\"\n        class=\"dropdown-option details-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div\n            [innerHtml]=\"\n                option?.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: getSuperControl?.value,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{\n                active: sort === 'active-drivers' && option?.status === 1,\n            }\"\n            class=\"details-template-text\"\n        ></div>\n\n        <!-- Svg -->\n\n        @if (option?.svg) {\n            <svg-icon\n                [src]=\"option?.svg | caSvg: option?.folder\"\n                class=\"details-template-logo\"\n            ></svg-icon>\n        }\n\n        @if (option?.status?.statusString) {\n            <p class=\"m-0 additional-text\">\n                @if (i === hoveringIndex) {\n                    ${{ option?.totalBill }}K\n                } @else {\n                    {{ option?.referenceNumber }}\n                }\n            </p>\n        }\n\n        <!-- Driver & Load Details Template -->\n\n        @if (option?.address?.address || option?.status?.statusString) {\n            <div\n                class=\"d-flex align-items-center driver-details-template-container\"\n            >\n                <div class=\"d-flex align-items-center left-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                {{ option?.totalMiles }} mi\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.address?.city }},\n                                {{ option?.address?.stateShortName }}\n                            }\n                        }\n                    </p>\n                </div>\n\n                <div class=\"d-flex align-items-center right-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                ${{ option?.totalEarnings }}K\n                            } @else {\n                                {{ option?.brokerName }}\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.hiredAt }}\n                            } @else {\n                                <ca-load-status-string\n                                    [isDropdownColor]=\"true\"\n                                    [status]=\"{\n                                        name: option?.status?.statusString,\n                                        valueForRequest:\n                                            option?.status?.statusValue?.name,\n                                    }\"\n                                    [statusOrder]=\"{\n                                        type: option.stopType!,\n                                        stopOrder:\n                                            option?.status?.statusCheckInNumber,\n                                    }\"\n                                ></ca-load-status-string>\n                            }\n                        }\n                    </p>\n                </div>\n            </div>\n        }\n\n        <!-- Additional Text -->\n        @if (option?.additionalText) {\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n\n        <!-- Plus Icon -->\n\n        @if (option?.name === 'ADD NEW') {\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\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
                 CaLoadStatusStringComponent, selector: "ca-load-status-string", inputs: ["status", "justifyStart", "isDetailsLayout", "isDispatchHistoryModalLayout", "isDropdownColor", "statusOrder", "isDispatch", "isDarkColor"] }, { kind: "pipe", type: 
                 // Pipe
@@ -40,7 +50,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         // Pipe
                         HighlightSearchPipe,
                         CaSvgPipe,
-                    ], template: "<div\n  (click)=\"onActiveItemEmit(option)\"\n  (mouseenter)=\"hoveringIndex = i\"\n  (mouseleave)=\"hoveringIndex = -1\"\n  *ngFor=\"\n    let option of options;\n    let i = index;\n    trackBy: identity\n  \"\n  [ngClass]=\"{\n    disabled: option?.disabled,\n    'no-result':\n      options.length === 1 &&\n      options[0]?.name === 'No Results',\n    'add-new': option?.name === 'ADD NEW',\n    'all-assigned':\n      option?.name?.toLowerCase() === 'all assigned',\n    'load-details-template': option?.status?.statusString\n  }\"\n  class=\"dropdown-option details-template\"\n  >\n  <div\n    [innerHtml]=\"\n      option?.name\n        | caHighlight\n          : [\n              {\n                index: 45632,\n                text: getSuperControl?.value\n              }\n            ]\n    \"\n    [ngClass]=\"{\n      active:\n        sort === 'active-drivers' &&\n        option?.status === 1\n    }\"\n    class=\"details-template-text\"\n  ></div>\n\n  <!-- Svg -->\n\n  <ng-container *ngIf=\"option?.svg\">\n    <svg-icon\n      [src]=\"option?.svg | caSvg : option?.folder\"\n      class=\"details-template-logo\"\n    ></svg-icon>\n  </ng-container>\n\n  <ng-container *ngIf=\"option?.status?.statusString\">\n    <p class=\"m-0 additional-text\">\n      <ng-container\n        *ngIf=\"\n          i === hoveringIndex;\n          else notHoveringLeft\n        \"\n      >\n        ${{ option?.totalBill }}K\n      </ng-container>\n\n      <ng-template #notHoveringLeft>\n        {{ option?.referenceNumber }}\n      </ng-template>\n    </p>\n  </ng-container>\n\n  <!-- Driver & Load Details Template -->\n\n  <ng-container\n    *ngIf=\"\n      option?.address?.address ||\n      option?.status?.statusString\n    \"\n  >\n    <div\n      class=\"d-flex align-items-center driver-details-template-container\"\n    >\n      <div class=\"d-flex align-items-center left-box\">\n        <p class=\"m-0\">\n          <ng-container\n            *ngIf=\"\n              i === hoveringIndex;\n              else notHoveringLeft\n            \"\n          >\n            <ng-container *ngIf=\"option?.address?.address\">\n              {{ option?.totalMiles }} mi\n            </ng-container>\n          </ng-container>\n\n          <ng-template #notHoveringLeft>\n            <ng-container *ngIf=\"option?.address?.address\">\n              {{ option?.address?.city }},\n              {{ option?.address?.stateShortName }}\n            </ng-container>\n          </ng-template>\n        </p>\n      </div>\n\n      <div class=\"d-flex align-items-center right-box\">\n        <p class=\"m-0\">\n          <ng-container\n            *ngIf=\"\n              i === hoveringIndex;\n              else notHoveringRight\n            \"\n          >\n            <ng-container\n              *ngIf=\"\n                option?.address?.address;\n                else brokerName\n              \"\n            >\n              ${{ option?.totalEarnings }}K\n            </ng-container>\n\n            <ng-template #brokerName>\n              {{ option?.brokerName }}\n            </ng-template>\n          </ng-container>\n\n          <ng-template #notHoveringRight>\n            <ng-container\n              *ngIf=\"\n                option?.address?.address;\n                else statusString\n              \"\n            >\n              {{ option?.hiredAt }}\n            </ng-container>\n\n            <ng-template #statusString>\n              <ca-load-status-string\n                [isDropdownColor]=\"true\"\n                [status]=\"{\n                  name: option?.status\n                    ?.statusString,\n                  valueForRequest:\n                    option?.status\n                      ?.statusValue?.name\n                }\"\n                [statusOrder]=\"{\n                  type: option.stopType!,\n                  stopOrder:\n                    option?.status\n                      ?.statusCheckInNumber\n                }\"\n              ></ca-load-status-string>\n            </ng-template>\n          </ng-template>\n        </p>\n      </div>\n    </div>\n  </ng-container>\n\n  <!-- Additional Text -->\n\n  <ng-container *ngIf=\"option?.additionalText\">\n    <div\n      [innerHtml]=\"\n        option.additionalText\n          | caHighlight\n            : [\n                {\n                  index: 45632,\n                  text: getSuperControl?.value\n                }\n              ]\n      \"\n      class=\"svgtext-template-text additional-text\"\n      [ngClass]=\"{\n        active: option.id === activeItem?.id\n      }\"\n    ></div>\n  </ng-container>\n\n  <!-- Plus Icon -->\n\n  <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n    <svg-icon\n      class=\"plus-icon\"\n      [src]=\"inputDropdownSvgRoutes.plusSvg\"\n      [svgStyle]=\"{\n        'width.px': '14',\n        'height.px': '14'\n      }\"\n    ></svg-icon>\n  </ng-container>\n</div>" }]
+                    ], template: "@for (option of options; let i = $index; track option.id) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseenter)=\"hoveringIndex = i\"\n        (mouseleave)=\"hoveringIndex = -1\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n            'load-details-template': option?.status?.statusString,\n        }\"\n        class=\"dropdown-option details-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div\n            [innerHtml]=\"\n                option?.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: getSuperControl?.value,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{\n                active: sort === 'active-drivers' && option?.status === 1,\n            }\"\n            class=\"details-template-text\"\n        ></div>\n\n        <!-- Svg -->\n\n        @if (option?.svg) {\n            <svg-icon\n                [src]=\"option?.svg | caSvg: option?.folder\"\n                class=\"details-template-logo\"\n            ></svg-icon>\n        }\n\n        @if (option?.status?.statusString) {\n            <p class=\"m-0 additional-text\">\n                @if (i === hoveringIndex) {\n                    ${{ option?.totalBill }}K\n                } @else {\n                    {{ option?.referenceNumber }}\n                }\n            </p>\n        }\n\n        <!-- Driver & Load Details Template -->\n\n        @if (option?.address?.address || option?.status?.statusString) {\n            <div\n                class=\"d-flex align-items-center driver-details-template-container\"\n            >\n                <div class=\"d-flex align-items-center left-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                {{ option?.totalMiles }} mi\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.address?.city }},\n                                {{ option?.address?.stateShortName }}\n                            }\n                        }\n                    </p>\n                </div>\n\n                <div class=\"d-flex align-items-center right-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                ${{ option?.totalEarnings }}K\n                            } @else {\n                                {{ option?.brokerName }}\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.hiredAt }}\n                            } @else {\n                                <ca-load-status-string\n                                    [isDropdownColor]=\"true\"\n                                    [status]=\"{\n                                        name: option?.status?.statusString,\n                                        valueForRequest:\n                                            option?.status?.statusValue?.name,\n                                    }\"\n                                    [statusOrder]=\"{\n                                        type: option.stopType!,\n                                        stopOrder:\n                                            option?.status?.statusCheckInNumber,\n                                    }\"\n                                ></ca-load-status-string>\n                            }\n                        }\n                    </p>\n                </div>\n            </div>\n        }\n\n        <!-- Additional Text -->\n        @if (option?.additionalText) {\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n\n        <!-- Plus Icon -->\n\n        @if (option?.name === 'ADD NEW') {\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\n        }\n    </div>\n}\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }], activeItem: [{
@@ -51,5 +61,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], onActiveItem: [{
                 type: Output
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUd2RSxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRTFELFlBQVk7QUFDWixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxnRUFBZ0UsQ0FBQztBQUs3RyxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7O0FBbUIxRixNQUFNLE9BQU8sdUNBQXVDO0lBWWxEO1FBTlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBSWxELDJCQUFzQixHQUFHLHNCQUFzQixDQUFDO0lBRXhDLENBQUM7SUFFVCxRQUFRLENBQUMsS0FBYSxFQUFFLElBQWlCO1FBQzlDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBbUI7UUFDekMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FwQlUsdUNBQXVDO21HQUF2Qyx1Q0FBdUMseVBDckNwRCx5MEpBNExNLHlERGxLRixZQUFZLDZWQUNaLG9CQUFvQjtnQkFFcEIsWUFBWTtnQkFDWiwyQkFBMkI7Z0JBRTNCLE9BQU87Z0JBQ1AsbUJBQW1CLCtDQUNuQixTQUFTOzs0RkFHQSx1Q0FBdUM7a0JBakJuRCxTQUFTOytCQUNFLHdDQUF3QyxjQUd0QyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLFlBQVk7d0JBQ1osMkJBQTJCO3dCQUUzQixPQUFPO3dCQUNQLG1CQUFtQjt3QkFDbkIsU0FBUztxQkFDVjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcbmltcG9ydCB7IENhU3ZnUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2NhLXN2Zy5waXBlJztcblxuLy8gY29tcG9uZW50XG5pbXBvcnQgeyBDYUxvYWRTdGF0dXNTdHJpbmdDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9jYS1sb2FkLXN0YXR1cy1zdHJpbmcvY2EtbG9hZC1zdGF0dXMtc3RyaW5nLmNvbXBvbmVudCc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gc3ZnIHJvdXRlc1xuaW1wb3J0IHsgSW5wdXREcm9wZG93blN2Z1JvdXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3N2Zy1yb3V0ZXMvaW5wdXQtZHJvcGRvd24tc3ZnLXJvdXRlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1kZXRhaWxzLXRlbXBsYXRlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1kZXRhaWxzLXRlbXBsYXRlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAvLyBDb21wb25lbnRcbiAgICBDYUxvYWRTdGF0dXNTdHJpbmdDb21wb25lbnQsXG5cbiAgICAvLyBQaXBlXG4gICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICBDYVN2Z1BpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkRldGFpbHNUZW1wbGF0ZUNvbXBvbmVudHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gIEBJbnB1dCgpIGdldFN1cGVyQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4gfCBudWxsO1xuICBASW5wdXQoKSBzb3J0ITogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuXG4gIC8vIEZvciBEaXNwYXRjaGJvYXJkIGhvdmVyIG9wdGlvbnNcbiAgcHVibGljIGhvdmVyaW5nSW5kZXghOiBudW1iZXI7XG4gIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHVibGljIGlkZW50aXR5KGluZGV4OiBudW1iZXIsIGl0ZW06IE9wdGlvbk1vZGVsKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gaXRlbS5pZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLm9uQWN0aXZlSXRlbS5lbWl0KG9wdGlvbik7XG4gIH1cbn1cbiIsIjxkaXZcbiAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gIChtb3VzZWVudGVyKT1cImhvdmVyaW5nSW5kZXggPSBpXCJcbiAgKG1vdXNlbGVhdmUpPVwiaG92ZXJpbmdJbmRleCA9IC0xXCJcbiAgKm5nRm9yPVwiXG4gICAgbGV0IG9wdGlvbiBvZiBvcHRpb25zO1xuICAgIGxldCBpID0gaW5kZXg7XG4gICAgdHJhY2tCeTogaWRlbnRpdHlcbiAgXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICduby1yZXN1bHQnOlxuICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiZcbiAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICdhbGwtYXNzaWduZWQnOlxuICAgICAgb3B0aW9uPy5uYW1lPy50b0xvd2VyQ2FzZSgpID09PSAnYWxsIGFzc2lnbmVkJyxcbiAgICAnbG9hZC1kZXRhaWxzLXRlbXBsYXRlJzogb3B0aW9uPy5zdGF0dXM/LnN0YXR1c1N0cmluZ1xuICB9XCJcbiAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gZGV0YWlscy10ZW1wbGF0ZVwiXG4gID5cbiAgPGRpdlxuICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICBvcHRpb24/Lm5hbWVcbiAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgIDogW1xuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgXVxuICAgIFwiXG4gICAgW25nQ2xhc3NdPVwie1xuICAgICAgYWN0aXZlOlxuICAgICAgICBzb3J0ID09PSAnYWN0aXZlLWRyaXZlcnMnICYmXG4gICAgICAgIG9wdGlvbj8uc3RhdHVzID09PSAxXG4gICAgfVwiXG4gICAgY2xhc3M9XCJkZXRhaWxzLXRlbXBsYXRlLXRleHRcIlxuICA+PC9kaXY+XG5cbiAgPCEtLSBTdmcgLS0+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8uc3ZnXCI+XG4gICAgPHN2Zy1pY29uXG4gICAgICBbc3JjXT1cIm9wdGlvbj8uc3ZnIHwgY2FTdmcgOiBvcHRpb24/LmZvbGRlclwiXG4gICAgICBjbGFzcz1cImRldGFpbHMtdGVtcGxhdGUtbG9nb1wiXG4gICAgPjwvc3ZnLWljb24+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LnN0YXR1cz8uc3RhdHVzU3RyaW5nXCI+XG4gICAgPHAgY2xhc3M9XCJtLTAgYWRkaXRpb25hbC10ZXh0XCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgaSA9PT0gaG92ZXJpbmdJbmRleDtcbiAgICAgICAgICBlbHNlIG5vdEhvdmVyaW5nTGVmdFxuICAgICAgICBcIlxuICAgICAgPlxuICAgICAgICAke3sgb3B0aW9uPy50b3RhbEJpbGwgfX1LXG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLXRlbXBsYXRlICNub3RIb3ZlcmluZ0xlZnQ+XG4gICAgICAgIHt7IG9wdGlvbj8ucmVmZXJlbmNlTnVtYmVyIH19XG4gICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvcD5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPCEtLSBEcml2ZXIgJiBMb2FkIERldGFpbHMgVGVtcGxhdGUgLS0+XG5cbiAgPG5nLWNvbnRhaW5lclxuICAgICpuZ0lmPVwiXG4gICAgICBvcHRpb24/LmFkZHJlc3M/LmFkZHJlc3MgfHxcbiAgICAgIG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNTdHJpbmdcbiAgICBcIlxuICA+XG4gICAgPGRpdlxuICAgICAgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGRyaXZlci1kZXRhaWxzLXRlbXBsYXRlLWNvbnRhaW5lclwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbGVmdC1ib3hcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJtLTBcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgICBpID09PSBob3ZlcmluZ0luZGV4O1xuICAgICAgICAgICAgICBlbHNlIG5vdEhvdmVyaW5nTGVmdFxuICAgICAgICAgICAgXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzXCI+XG4gICAgICAgICAgICAgIHt7IG9wdGlvbj8udG90YWxNaWxlcyB9fSBtaVxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI25vdEhvdmVyaW5nTGVmdD5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LmFkZHJlc3M/LmFkZHJlc3NcIj5cbiAgICAgICAgICAgICAge3sgb3B0aW9uPy5hZGRyZXNzPy5jaXR5IH19LFxuICAgICAgICAgICAgICB7eyBvcHRpb24/LmFkZHJlc3M/LnN0YXRlU2hvcnROYW1lIH19XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L3A+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgcmlnaHQtYm94XCI+XG4gICAgICAgIDxwIGNsYXNzPVwibS0wXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgaSA9PT0gaG92ZXJpbmdJbmRleDtcbiAgICAgICAgICAgICAgZWxzZSBub3RIb3ZlcmluZ1JpZ2h0XG4gICAgICAgICAgICBcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgICAgICBvcHRpb24/LmFkZHJlc3M/LmFkZHJlc3M7XG4gICAgICAgICAgICAgICAgZWxzZSBicm9rZXJOYW1lXG4gICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICR7eyBvcHRpb24/LnRvdGFsRWFybmluZ3MgfX1LXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNicm9rZXJOYW1lPlxuICAgICAgICAgICAgICB7eyBvcHRpb24/LmJyb2tlck5hbWUgfX1cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctdGVtcGxhdGUgI25vdEhvdmVyaW5nUmlnaHQ+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgICAgICAgb3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzO1xuICAgICAgICAgICAgICAgIGVsc2Ugc3RhdHVzU3RyaW5nXG4gICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt7IG9wdGlvbj8uaGlyZWRBdCB9fVxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3RhdHVzU3RyaW5nPlxuICAgICAgICAgICAgICA8Y2EtbG9hZC1zdGF0dXMtc3RyaW5nXG4gICAgICAgICAgICAgICAgW2lzRHJvcGRvd25Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICBbc3RhdHVzXT1cIntcbiAgICAgICAgICAgICAgICAgIG5hbWU6IG9wdGlvbj8uc3RhdHVzXG4gICAgICAgICAgICAgICAgICAgID8uc3RhdHVzU3RyaW5nLFxuICAgICAgICAgICAgICAgICAgdmFsdWVGb3JSZXF1ZXN0OlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LnN0YXR1c1xuICAgICAgICAgICAgICAgICAgICAgID8uc3RhdHVzVmFsdWU/Lm5hbWVcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICBbc3RhdHVzT3JkZXJdPVwie1xuICAgICAgICAgICAgICAgICAgdHlwZTogb3B0aW9uLnN0b3BUeXBlISxcbiAgICAgICAgICAgICAgICAgIHN0b3BPcmRlcjpcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy5zdGF0dXNcbiAgICAgICAgICAgICAgICAgICAgICA/LnN0YXR1c0NoZWNrSW5OdW1iZXJcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgPjwvY2EtbG9hZC1zdGF0dXMtc3RyaW5nPlxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8L3A+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG5cbiAgPCEtLSBBZGRpdGlvbmFsIFRleHQgLS0+XG5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8uYWRkaXRpb25hbFRleHRcIj5cbiAgICA8ZGl2XG4gICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICBvcHRpb24uYWRkaXRpb25hbFRleHRcbiAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBdXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJzdmd0ZXh0LXRlbXBsYXRlLXRleHQgYWRkaXRpb25hbC10ZXh0XCJcbiAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkXG4gICAgICB9XCJcbiAgICA+PC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuXG4gIDwhLS0gUGx1cyBJY29uIC0tPlxuXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/Lm5hbWUgPT09ICdBREQgTkVXJ1wiPlxuICAgIDxzdmctaWNvblxuICAgICAgY2xhc3M9XCJwbHVzLWljb25cIlxuICAgICAgW3NyY109XCJpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnBsdXNTdmdcIlxuICAgICAgW3N2Z1N0eWxlXT1cIntcbiAgICAgICAgJ3dpZHRoLnB4JzogJzE0JyxcbiAgICAgICAgJ2hlaWdodC5weCc6ICcxNCdcbiAgICAgIH1cIlxuICAgID48L3N2Zy1pY29uPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUvY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUUxRCxZQUFZO0FBQ1osT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFLN0csVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELGFBQWE7QUFDYixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7OztBQW1CMUYsTUFBTSxPQUFPLHVDQUF1QztJQVNoRCxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQU1EO1FBdkJVLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQWF6RCxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQVF4QiwyQkFBc0IsR0FBRyxzQkFBc0IsQ0FBQztJQUV4QyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0FqQ1EsdUNBQXVDO21HQUF2Qyx1Q0FBdUMsb1lDN0NwRCxncktBMklBLHlERHpHUSxZQUFZLDRIQUNaLG9CQUFvQjtnQkFFcEIsWUFBWTtnQkFDWiwyQkFBMkI7Z0JBRTNCLE9BQU87Z0JBQ1AsbUJBQW1CLCtDQUNuQixTQUFTOzs0RkFHSix1Q0FBdUM7a0JBakJuRCxTQUFTOytCQUNJLHdDQUF3QyxjQUd0QyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLFlBQVk7d0JBQ1osMkJBQTJCO3dCQUUzQixPQUFPO3dCQUNQLG1CQUFtQjt3QkFDbkIsU0FBUztxQkFDWjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUN5QixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFakIsZ0JBQWdCO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuaW1wb3J0IHsgQ2FTdmdQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvY2Etc3ZnLnBpcGUnO1xuXG4vLyBjb21wb25lbnRcbmltcG9ydCB7IENhTG9hZFN0YXR1c1N0cmluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NhLWxvYWQtc3RhdHVzLXN0cmluZy9jYS1sb2FkLXN0YXR1cy1zdHJpbmcuY29tcG9uZW50JztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBzdmcgcm91dGVzXG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duU3ZnUm91dGVzIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3ZnLXJvdXRlcy9pbnB1dC1kcm9wZG93bi1zdmctcm91dGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBDb21wb25lbnRcbiAgICAgICAgQ2FMb2FkU3RhdHVzU3RyaW5nQ29tcG9uZW50LFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICAgICAgQ2FTdmdQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkRldGFpbHNUZW1wbGF0ZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcbiAgICBASW5wdXQoKSBzb3J0ITogc3RyaW5nO1xuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG4gICAgQFZpZXdDaGlsZHJlbignZHJvcGRvd25PcHRpb24nKSBkcm9wZG93bk9wdGlvbiE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICAgIEBJbnB1dCgpIHNldCBpbnB1dEhvdmVyZWRJdGVtKHZhbDogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW0gPSB2YWw7XG4gICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgdGhpcy5kcm9wZG93bk9wdGlvbj8uZ2V0KHZhbCk/Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBfaW5wdXRIb3ZlcmVkSXRlbTogbnVtYmVyID0gLTE7XG5cbiAgICBwdWJsaWMgZ2V0IGlucHV0SG92ZXJlZEl0ZW0oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtO1xuICAgIH1cblxuICAgIC8vIEZvciBEaXNwYXRjaGJvYXJkIGhvdmVyIG9wdGlvbnNcbiAgICBwdWJsaWMgaG92ZXJpbmdJbmRleCE6IG51bWJlcjtcbiAgICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGkgPSAkaW5kZXg7IHRyYWNrIG9wdGlvbi5pZCkge1xuICAgIDxkaXZcbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIChtb3VzZWVudGVyKT1cImhvdmVyaW5nSW5kZXggPSBpXCJcbiAgICAgICAgKG1vdXNlbGVhdmUpPVwiaG92ZXJpbmdJbmRleCA9IC0xXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICAgICAgICAgJ2FsbC1hc3NpZ25lZCc6IG9wdGlvbj8ubmFtZT8udG9Mb3dlckNhc2UoKSA9PT0gJ2FsbCBhc3NpZ25lZCcsXG4gICAgICAgICAgICAnbG9hZC1kZXRhaWxzLXRlbXBsYXRlJzogb3B0aW9uPy5zdGF0dXM/LnN0YXR1c1N0cmluZyxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uIGRldGFpbHMtdGVtcGxhdGVcIlxuICAgICAgICBbY2xhc3MuZHJvcGRvd24tb3B0aW9uLWhvdmVyZWRdPVwiaSA9PSBpbnB1dEhvdmVyZWRJdGVtXCJcbiAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgb3B0aW9uPy5uYW1lXG4gICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICBhY3RpdmU6IHNvcnQgPT09ICdhY3RpdmUtZHJpdmVycycgJiYgb3B0aW9uPy5zdGF0dXMgPT09IDEsXG4gICAgICAgICAgICB9XCJcbiAgICAgICAgICAgIGNsYXNzPVwiZGV0YWlscy10ZW1wbGF0ZS10ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuXG4gICAgICAgIDwhLS0gU3ZnIC0tPlxuXG4gICAgICAgIEBpZiAob3B0aW9uPy5zdmcpIHtcbiAgICAgICAgICAgIDxzdmctaWNvblxuICAgICAgICAgICAgICAgIFtzcmNdPVwib3B0aW9uPy5zdmcgfCBjYVN2Zzogb3B0aW9uPy5mb2xkZXJcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZGV0YWlscy10ZW1wbGF0ZS1sb2dvXCJcbiAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICB9XG5cbiAgICAgICAgQGlmIChvcHRpb24/LnN0YXR1cz8uc3RhdHVzU3RyaW5nKSB7XG4gICAgICAgICAgICA8cCBjbGFzcz1cIm0tMCBhZGRpdGlvbmFsLXRleHRcIj5cbiAgICAgICAgICAgICAgICBAaWYgKGkgPT09IGhvdmVyaW5nSW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgJHt7IG9wdGlvbj8udG90YWxCaWxsIH19S1xuICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24/LnJlZmVyZW5jZU51bWJlciB9fVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvcD5cbiAgICAgICAgfVxuXG4gICAgICAgIDwhLS0gRHJpdmVyICYgTG9hZCBEZXRhaWxzIFRlbXBsYXRlIC0tPlxuXG4gICAgICAgIEBpZiAob3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzIHx8IG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNTdHJpbmcpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZHJpdmVyLWRldGFpbHMtdGVtcGxhdGUtY29udGFpbmVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBsZWZ0LWJveFwiPlxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cIm0tMFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChpID09PSBob3ZlcmluZ0luZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChvcHRpb24/LmFkZHJlc3M/LmFkZHJlc3MpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgb3B0aW9uPy50b3RhbE1pbGVzIH19IG1pXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgQGlmIChvcHRpb24/LmFkZHJlc3M/LmFkZHJlc3MpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgb3B0aW9uPy5hZGRyZXNzPy5jaXR5IH19LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24/LmFkZHJlc3M/LnN0YXRlU2hvcnROYW1lIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICA8L3A+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciByaWdodC1ib3hcIj5cbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJtLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaSA9PT0gaG92ZXJpbmdJbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAob3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICR7eyBvcHRpb24/LnRvdGFsRWFybmluZ3MgfX1LXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbj8uYnJva2VyTmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAob3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbj8uaGlyZWRBdCB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Y2EtbG9hZC1zdGF0dXMtc3RyaW5nXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXNEcm9wZG93bkNvbG9yXT1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0YXR1c109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZTogb3B0aW9uPy5zdGF0dXM/LnN0YXR1c1N0cmluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZUZvclJlcXVlc3Q6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNWYWx1ZT8ubmFtZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0YXR1c09yZGVyXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlOiBvcHRpb24uc3RvcFR5cGUhLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0b3BPcmRlcjpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy5zdGF0dXM/LnN0YXR1c0NoZWNrSW5OdW1iZXIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPjwvY2EtbG9hZC1zdGF0dXMtc3RyaW5nPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIEFkZGl0aW9uYWwgVGV4dCAtLT5cbiAgICAgICAgQGlmIChvcHRpb24/LmFkZGl0aW9uYWxUZXh0KSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uLmFkZGl0aW9uYWxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwic3ZndGV4dC10ZW1wbGF0ZS10ZXh0IGFkZGl0aW9uYWwtdGV4dFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIFBsdXMgSWNvbiAtLT5cblxuICAgICAgICBAaWYgKG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnKSB7XG4gICAgICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgICAgICBjbGFzcz1cInBsdXMtaWNvblwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnBsdXNTdmdcIlxuICAgICAgICAgICAgICAgIFtzdmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICd3aWR0aC5weCc6ICcxNCcsXG4gICAgICAgICAgICAgICAgICAgICdoZWlnaHQucHgnOiAnMTQnLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbn1cbiJdfQ==

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-dispatch/ca-input-dropdown-dispatch.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,19 +7,29 @@ import { AngularSvgIconModule } from 'angular-svg-icon';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class CaInputDropdownDispatchComponent {
+    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();
         // For Dispatchboard hover options
         this.hoveredOption = -1;
     }
-    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: CaInputDropdownDispatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownDispatchComponent, isStandalone: true, selector: "app-ca-input-dropdown-dispatch", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    let indx = index;\n    trackBy: identity\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    (mouseleave)=\"hoveredOption = -1\"\n    (mouseover)=\"hoveredOption = indx\"\n    [innerHtml]=\"\n      option?.name\n        | caHighlight\n          : [\n              {\n                index: 45632,\n                text: getSuperControl?.value\n              }\n            ]\n    \"\n    [ngClass]=\"{\n      disabled: option?.disabled,\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      'active-repair-truck-trailer': option?.status === 1\n    }\"\n    [ngStyle]=\"{\n      'background-color':\n        hoveredOption == indx\n          ? '#' + option.colorD\n          : 'inherit',\n      color:\n        hoveredOption != indx ? '#' + option.colorD : '#fff'\n    }\"\n    class=\"dropdown-option\"\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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDispatchComponent, isStandalone: true, selector: "app-ca-input-dropdown-dispatch", 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; let indx = $index; track option.id;) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseleave)=\"hoveredOption = -1\"\n        (mouseover)=\"hoveredOption = indx\"\n        [innerHtml]=\"\n            option?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: getSuperControl?.value,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\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            'active-repair-truck-trailer': option?.status === 1,\n        }\"\n        [ngStyle]=\"{\n            'background-color':\n                hoveredOption == indx ? '#' + option.colorD : 'inherit',\n            color: hoveredOption != indx ? '#' + option.colorD : '#fff',\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
                 // Pipe
                 HighlightSearchPipe, name: "caHighlight" }] }); }
 }
@@ -29,15 +39,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         AngularSvgIconModule,
                         // Pipe
-                        HighlightSearchPipe
-                    ], template: "<ng-container\n  *ngFor=\"\n    let option of options;\n    let indx = index;\n    trackBy: identity\n  \"\n>\n  <div\n    (click)=\"onActiveItemEmit(option)\"\n    (mouseleave)=\"hoveredOption = -1\"\n    (mouseover)=\"hoveredOption = indx\"\n    [innerHtml]=\"\n      option?.name\n        | caHighlight\n          : [\n              {\n                index: 45632,\n                text: getSuperControl?.value\n              }\n            ]\n    \"\n    [ngClass]=\"{\n      disabled: option?.disabled,\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      'active-repair-truck-trailer': option?.status === 1\n    }\"\n    [ngStyle]=\"{\n      'background-color':\n        hoveredOption == indx\n          ? '#' + option.colorD\n          : 'inherit',\n      color:\n        hoveredOption != indx ? '#' + option.colorD : '#fff'\n    }\"\n    class=\"dropdown-option\"\n  ></div>\n</ng-container>" }]
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; let indx = $index; track option.id;) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseleave)=\"hoveredOption = -1\"\n        (mouseover)=\"hoveredOption = indx\"\n        [innerHtml]=\"\n            option?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: getSuperControl?.value,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\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            'active-repair-truck-trailer': option?.status === 1,\n        }\"\n        [ngStyle]=\"{\n            'background-color':\n                hoveredOption == indx ? '#' + option.colorD : 'inherit',\n            color: hoveredOption != indx ? '#' + option.colorD : '#fff',\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24vY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUs5RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7OztBQWN4RCxNQUFNLE9BQU8sZ0NBQWdDO0lBVTNDO1FBTFUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBRXpELGtDQUFrQztRQUMzQixrQkFBYSxHQUFXLENBQUMsQ0FBQyxDQUFDO0lBRW5CLENBQUM7SUFFVCxRQUFRLENBQUMsS0FBYSxFQUFFLElBQWlCO1FBQzlDLE9BQU8sSUFBSSxDQUFDLEVBQUUsQ0FBQztJQUNqQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBbUI7UUFDekMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakMsQ0FBQzsrR0FsQlUsZ0NBQWdDO21HQUFoQyxnQ0FBZ0MsbU9DekI3QyxvaENBd0NlLHlERHJCWCxZQUFZLDhVQUNaLG9CQUFvQjtnQkFDcEIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdWLGdDQUFnQztrQkFaNUMsU0FBUzsrQkFDRSxnQ0FBZ0MsY0FHOUIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUNwQixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDdEI7d0RBR1UsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlXG5dLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25EaXNwYXRjaENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAvLyBGb3IgRGlzcGF0Y2hib2FyZCBob3ZlciBvcHRpb25zXG4gIHB1YmxpYyBob3ZlcmVkT3B0aW9uOiBudW1iZXIgPSAtMTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgcHVibGljIGlkZW50aXR5KGluZGV4OiBudW1iZXIsIGl0ZW06IE9wdGlvbk1vZGVsKTogbnVtYmVyIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gaXRlbS5pZDtcbiAgfVxuXG4gIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICB0aGlzLm9uQWN0aXZlSXRlbS5lbWl0KG9wdGlvbik7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXJcbiAgKm5nRm9yPVwiXG4gICAgbGV0IG9wdGlvbiBvZiBvcHRpb25zO1xuICAgIGxldCBpbmR4ID0gaW5kZXg7XG4gICAgdHJhY2tCeTogaWRlbnRpdHlcbiAgXCJcbj5cbiAgPGRpdlxuICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgIChtb3VzZWxlYXZlKT1cImhvdmVyZWRPcHRpb24gPSAtMVwiXG4gICAgKG1vdXNlb3Zlcik9XCJob3ZlcmVkT3B0aW9uID0gaW5keFwiXG4gICAgW2lubmVySHRtbF09XCJcbiAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgOiBbXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBdXG4gICAgXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICduby1yZXN1bHQnOlxuICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJlxuICAgICAgICBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgJ2FjdGl2ZS1yZXBhaXItdHJ1Y2stdHJhaWxlcic6IG9wdGlvbj8uc3RhdHVzID09PSAxXG4gICAgfVwiXG4gICAgW25nU3R5bGVdPVwie1xuICAgICAgJ2JhY2tncm91bmQtY29sb3InOlxuICAgICAgICBob3ZlcmVkT3B0aW9uID09IGluZHhcbiAgICAgICAgICA/ICcjJyArIG9wdGlvbi5jb2xvckRcbiAgICAgICAgICA6ICdpbmhlcml0JyxcbiAgICAgIGNvbG9yOlxuICAgICAgICBob3ZlcmVkT3B0aW9uICE9IGluZHggPyAnIycgKyBvcHRpb24uY29sb3JEIDogJyNmZmYnXG4gICAgfVwiXG4gICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb25cIlxuICA+PC9kaXY+XG48L25nLWNvbnRhaW5lcj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24vY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUd2QixRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFjeEQsTUFBTSxPQUFPLGdDQUFnQztJQU16QyxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQU9EO1FBWEEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBRXpELGtDQUFrQztRQUMzQixrQkFBYSxHQUFXLENBQUMsQ0FBQyxDQUFDO0lBRW5CLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQS9CUSxnQ0FBZ0M7bUdBQWhDLGdDQUFnQyw4V0NqQzdDLHdyQ0FnQ0EseURETFEsWUFBWSxpTkFDWixvQkFBb0I7Z0JBQ3BCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHZCxnQ0FBZ0M7a0JBWjVDLFNBQVM7K0JBQ0ksZ0NBQWdDLGNBRzlCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFDcEIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3RCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQzBCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2gnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2guY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkRpc3BhdGNoQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIGdldFN1cGVyQ29udHJvbCE6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4gfCBudWxsO1xuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIC8vIEZvciBEaXNwYXRjaGJvYXJkIGhvdmVyIG9wdGlvbnNcbiAgICBwdWJsaWMgaG92ZXJlZE9wdGlvbjogbnVtYmVyID0gLTE7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGluZHggPSAkaW5kZXg7IHRyYWNrIG9wdGlvbi5pZDspIHtcbiAgICA8ZGl2XG4gICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgICAgICAobW91c2VsZWF2ZSk9XCJob3ZlcmVkT3B0aW9uID0gLTFcIlxuICAgICAgICAobW91c2VvdmVyKT1cImhvdmVyZWRPcHRpb24gPSBpbmR4XCJcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbj8ubmFtZVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCxcbiAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgICdhZGQtbmV3Jzogb3B0aW9uPy5uYW1lID09PSAnQUREIE5FVycsXG4gICAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgICAgICAnYWN0aXZlLXJlcGFpci10cnVjay10cmFpbGVyJzogb3B0aW9uPy5zdGF0dXMgPT09IDEsXG4gICAgICAgIH1cIlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAnYmFja2dyb3VuZC1jb2xvcic6XG4gICAgICAgICAgICAgICAgaG92ZXJlZE9wdGlvbiA9PSBpbmR4ID8gJyMnICsgb3B0aW9uLmNvbG9yRCA6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGNvbG9yOiBob3ZlcmVkT3B0aW9uICE9IGluZHggPyAnIycgKyBvcHRpb24uY29sb3JEIDogJyNmZmYnLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb25cIlxuICAgICAgICBbY2xhc3MuZHJvcGRvd24tb3B0aW9uLWhvdmVyZWRdPVwiaW5keCA9PSBpbnB1dEhvdmVyZWRJdGVtXCJcbiAgICA+PC9kaXY+XG59XG4iXX0=

package/esm2022/lib/components/ca-input-dropdown/components/ca-input-dropdown-double-text-template/ca-input-dropdown-double-text-template.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
@@ -10,18 +10,28 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "angular-svg-icon";
 export class CaInputDropdownDoubleTextTemplateComponent {
+    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: CaInputDropdownDoubleTextTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownDoubleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-double-text-template", inputs: { options: "options", activeItem: "activeItem", getSuperControl: "getSuperControl" }, outputs: { onActiveItem: "onActiveItem" }, ngImport: i0, template: "<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      'add-new': option?.name === 'ADD NEW',\n      'all-assigned':\n        option?.name?.toLowerCase() === 'all assigned'\n    }\"\n    class=\"dropdown-option dropdown-double-text-option\"\n    >\n    <!-- First Text -->\n    <div\n      [innerHtml]=\"\n        option?.name\n          | caHighlight\n            : [\n                {\n                  index: 45632,\n                  text: getSuperControl?.value\n                }\n              ]\n      \"\n      class=\"svgtext-template-text\"\n    ></div>\n  \n    <!-- Additional Text -->\n  \n    <ng-container *ngIf=\"option?.additionalText\">\n      <div\n        [innerHtml]=\"\n          option.additionalText\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        class=\"svgtext-template-text additional-text\"\n        [ngClass]=\"{\n          active: option.id === activeItem?.id\n        }\"\n      ></div>\n    </ng-container>\n  \n    <!-- Plus Icon -->\n  \n    <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n      <svg-icon\n        class=\"plus-icon\"\n        [src]=\"inputDropdownSvgRoutes.plusSvg\"\n        [svgStyle]=\"{\n          'width.px': '14',\n          'height.px': '14'\n        }\"\n      ></svg-icon>\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: "pipe", type: 
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDoubleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-double-text-template", 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            'add-new': option?.name === 'ADD NEW',\n            'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n        }\"\n        class=\"dropdown-option dropdown-double-text-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- First Text -->\n        <div\n            [innerHtml]=\"\n                option?.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: getSuperControl?.value,\n                              },\n                          ]\n            \"\n            class=\"svgtext-template-text\"\n        ></div>\n\n        <!-- Additional Text -->\n\n        <ng-container *ngIf=\"option?.additionalText\">\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        </ng-container>\n\n        <!-- Plus Icon -->\n\n        <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\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: "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" }] }); }
 }
@@ -32,14 +42,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AngularSvgIconModule,
                         // Pipe
                         HighlightSearchPipe,
-                    ], template: "<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      'add-new': option?.name === 'ADD NEW',\n      'all-assigned':\n        option?.name?.toLowerCase() === 'all assigned'\n    }\"\n    class=\"dropdown-option dropdown-double-text-option\"\n    >\n    <!-- First Text -->\n    <div\n      [innerHtml]=\"\n        option?.name\n          | caHighlight\n            : [\n                {\n                  index: 45632,\n                  text: getSuperControl?.value\n                }\n              ]\n      \"\n      class=\"svgtext-template-text\"\n    ></div>\n  \n    <!-- Additional Text -->\n  \n    <ng-container *ngIf=\"option?.additionalText\">\n      <div\n        [innerHtml]=\"\n          option.additionalText\n            | caHighlight\n              : [\n                  {\n                    index: 45632,\n                    text: getSuperControl?.value\n                  }\n                ]\n        \"\n        class=\"svgtext-template-text additional-text\"\n        [ngClass]=\"{\n          active: option.id === activeItem?.id\n        }\"\n      ></div>\n    </ng-container>\n  \n    <!-- Plus Icon -->\n  \n    <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n      <svg-icon\n        class=\"plus-icon\"\n        [src]=\"inputDropdownSvgRoutes.plusSvg\"\n        [svgStyle]=\"{\n          'width.px': '14',\n          'height.px': '14'\n        }\"\n      ></svg-icon>\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            'add-new': option?.name === 'ADD NEW',\n            'all-assigned': option?.name?.toLowerCase() === 'all assigned',\n        }\"\n        class=\"dropdown-option dropdown-double-text-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- First Text -->\n        <div\n            [innerHtml]=\"\n                option?.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: getSuperControl?.value,\n                              },\n                          ]\n            \"\n            class=\"svgtext-template-text\"\n        ></div>\n\n        <!-- Additional Text -->\n\n        <ng-container *ngIf=\"option?.additionalText\">\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: getSuperControl?.value,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        </ng-container>\n\n        <!-- Plus Icon -->\n\n        <ng-container *ngIf=\"option?.name === 'ADD NEW'\">\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24vY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3ZFLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUs5RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7O0FBZTFGLE1BQU0sT0FBTywwQ0FBMEM7SUFTckQ7UUFKVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFbEQsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULFFBQVEsQ0FBQyxLQUFhLEVBQUUsSUFBaUI7UUFDOUMsT0FBTyxJQUFJLENBQUMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWpCVSwwQ0FBMEM7bUdBQTFDLDBDQUEwQywrT0M3QnZELDZvREErRGUseUREekNYLFlBQVksNlZBQ1osb0JBQW9CO2dCQUVwQixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR1YsMENBQTBDO2tCQWJ0RCxTQUFTOytCQUNFLDRDQUE0QyxjQUcxQyxJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUNwQjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbi8vIHN2ZyByb3V0ZXNcbmltcG9ydCB7IElucHV0RHJvcGRvd25TdmdSb3V0ZXMgfSBmcm9tICcuLi8uLi91dGlscy9zdmctcm91dGVzL2lucHV0LWRyb3Bkb3duLXN2Zy1yb3V0ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgLy8gUGlwZVxuICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkRvdWJsZVRleHRUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcblxuICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIHB1YmxpYyBpZGVudGl0eShpbmRleDogbnVtYmVyLCBpdGVtOiBPcHRpb25Nb2RlbCk6IG51bWJlciB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIGl0ZW0uaWQ7XG4gIH1cblxuICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2tCeTogaWRlbnRpdHlcIj5cbiAgPGRpdlxuICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmXG4gICAgICAgIG9wdGlvbnNbMF0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICdhZGQtbmV3Jzogb3B0aW9uPy5uYW1lID09PSAnQUREIE5FVycsXG4gICAgICAnYWxsLWFzc2lnbmVkJzpcbiAgICAgICAgb3B0aW9uPy5uYW1lPy50b0xvd2VyQ2FzZSgpID09PSAnYWxsIGFzc2lnbmVkJ1xuICAgIH1cIlxuICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uIGRyb3Bkb3duLWRvdWJsZS10ZXh0LW9wdGlvblwiXG4gICAgPlxuICAgIDwhLS0gRmlyc3QgVGV4dCAtLT5cbiAgICA8ZGl2XG4gICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICBvcHRpb24/Lm5hbWVcbiAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICB0ZXh0OiBnZXRTdXBlckNvbnRyb2w/LnZhbHVlXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICBdXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJzdmd0ZXh0LXRlbXBsYXRlLXRleHRcIlxuICAgID48L2Rpdj5cbiAgXG4gICAgPCEtLSBBZGRpdGlvbmFsIFRleHQgLS0+XG4gIFxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LmFkZGl0aW9uYWxUZXh0XCI+XG4gICAgICA8ZGl2XG4gICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgb3B0aW9uLmFkZGl0aW9uYWxUZXh0XG4gICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWVcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBdXG4gICAgICAgIFwiXG4gICAgICAgIGNsYXNzPVwic3ZndGV4dC10ZW1wbGF0ZS10ZXh0IGFkZGl0aW9uYWwtdGV4dFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWRcbiAgICAgICAgfVwiXG4gICAgICA+PC9kaXY+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIFxuICAgIDwhLS0gUGx1cyBJY29uIC0tPlxuICBcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uPy5uYW1lID09PSAnQUREIE5FVydcIj5cbiAgICAgIDxzdmctaWNvblxuICAgICAgICBjbGFzcz1cInBsdXMtaWNvblwiXG4gICAgICAgIFtzcmNdPVwiaW5wdXREcm9wZG93blN2Z1JvdXRlcy5wbHVzU3ZnXCJcbiAgICAgICAgW3N2Z1N0eWxlXT1cIntcbiAgICAgICAgICAnd2lkdGgucHgnOiAnMTQnLFxuICAgICAgICAgICdoZWlnaHQucHgnOiAnMTQnXG4gICAgICAgIH1cIlxuICAgICAgPjwvc3ZnLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24vY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUd2QixRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELGFBQWE7QUFDYixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7OztBQWUxRixNQUFNLE9BQU8sMENBQTBDO0lBT25ELElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBTUQ7UUFWQSxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQU1yQixpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFFbEQsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULGdCQUFnQixDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7K0dBL0JRLDBDQUEwQzttR0FBMUMsMENBQTBDLDBYQ3JDdkQsOG1FQStEQSx5RERqQ1EsWUFBWSxnT0FDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHZCwwQ0FBMEM7a0JBYnRELFNBQVM7K0JBQ0ksNENBQTRDLGNBRzFDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3RCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRTBCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gc3ZnIHJvdXRlc1xuaW1wb3J0IHsgSW5wdXREcm9wZG93blN2Z1JvdXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3N2Zy1yb3V0ZXMvaW5wdXQtZHJvcGRvd24tc3ZnLXJvdXRlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkRvdWJsZVRleHRUZW1wbGF0ZUNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBnZXRTdXBlckNvbnRyb2whOiBBYnN0cmFjdENvbnRyb2w8YW55LCBhbnk+IHwgbnVsbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnLFxuICAgICAgICAgICAgJ2FsbC1hc3NpZ25lZCc6IG9wdGlvbj8ubmFtZT8udG9Mb3dlckNhc2UoKSA9PT0gJ2FsbCBhc3NpZ25lZCcsXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW9wdGlvbiBkcm9wZG93bi1kb3VibGUtdGV4dC1vcHRpb25cIlxuICAgICAgICBbY2xhc3MuZHJvcGRvd24tb3B0aW9uLWhvdmVyZWRdPVwiaSA9PSBpbnB1dEhvdmVyZWRJdGVtXCJcbiAgICA+XG4gICAgICAgIDwhLS0gRmlyc3QgVGV4dCAtLT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICBvcHRpb24/Lm5hbWVcbiAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IGdldFN1cGVyQ29udHJvbD8udmFsdWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgY2xhc3M9XCJzdmd0ZXh0LXRlbXBsYXRlLXRleHRcIlxuICAgICAgICA+PC9kaXY+XG5cbiAgICAgICAgPCEtLSBBZGRpdGlvbmFsIFRleHQgLS0+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8uYWRkaXRpb25hbFRleHRcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24uYWRkaXRpb25hbFRleHRcbiAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogZ2V0U3VwZXJDb250cm9sPy52YWx1ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzdmd0ZXh0LXRlbXBsYXRlLXRleHQgYWRkaXRpb25hbC10ZXh0XCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgID48L2Rpdj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgPCEtLSBQbHVzIEljb24gLS0+XG5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbj8ubmFtZSA9PT0gJ0FERCBORVcnXCI+XG4gICAgICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgICAgICBjbGFzcz1cInBsdXMtaWNvblwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJpbnB1dERyb3Bkb3duU3ZnUm91dGVzLnBsdXNTdmdcIlxuICAgICAgICAgICAgICAgIFtzdmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICd3aWR0aC5weCc6ICcxNCcsXG4gICAgICAgICAgICAgICAgICAgICdoZWlnaHQucHgnOiAnMTQnLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxufVxuIl19