ca-components 1.3.32 → 1.3.33

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

@@ -0,0 +1,76 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+import { InputDropdownLabelClassPipe } from '../../pipes';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+// directives
+import { HoverSvgDirective } from '../../../../directives/hover-svg-directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownLabelsComponent {
+    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;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLabelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLabelsComponent, isStandalone: true, selector: "app-ca-input-dropdown-labels", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", labelMode: "labelMode", canAddNew: "canAddNew", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"\n            option\n                | inputDropdownLabelClass\n                    : options\n                    : activeItem\n                    : labelMode\n                    : inputConfig\n        \"\n        class=\"dropdown-option labels-template\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    >\n        @if (!['No Results', 'ADD NEW'].includes(option?.[label]!)) {\n            <div class=\"labels-template-left-side\">\n                <svg-icon\n                    [fillHover]=\"option?.hoverCode ?? null\"\n                    [fill]=\"option?.code ? option?.code?.toString() : '#b7b7b7'\"\n                    appHoverSvg\n                    class=\"labels-template-logo\"\n                    [src]=\"inputDropdownSvgRoutes.dynamicLabelSvg\"\n                ></svg-icon>\n                <div class=\"labels-template-vertical-divider\"></div>\n            </div>\n        }\n        <div class=\"labels-template-right-side\">\n            <div\n                [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                [ngClass]=\"{\n                    'add-new': option?.[label] === 'ADD NEW',\n                    'no-result':\n                        options.length === 1 &&\n                        options[0]?.[label] === 'No Results',\n                    'lable-text-wrap':\n                        inputConfig.customClass === 'input-dropdown-table',\n                }\"\n                class=\"labels-template-text\"\n            ></div>\n            @if (!['No Results', 'ADD NEW'].includes(option?.[label]!)) {\n                <div\n                    [ngClass]=\"{\n                        'dont-show-counter':\n                            !canAddNew &&\n                            inputConfig.customClass === 'input-dropdown-table',\n                    }\"\n                    class=\"labels-template-counter\"\n                >\n                    {{ option.count }}\n                </div>\n            }\n        </div>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownLabelClassPipe, name: "inputDropdownLabelClass" }, { kind: "directive", type: 
+                // Directive
+                HoverSvgDirective, selector: "[appHoverSvg]", inputs: ["fill", "fillHover"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLabelsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-labels', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownLabelClassPipe,
+                        // Directive
+                        HoverSvgDirective
+                    ], template: "@for (option of options; track option.id; let indx = $index) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"\n            option\n                | inputDropdownLabelClass\n                    : options\n                    : activeItem\n                    : labelMode\n                    : inputConfig\n        \"\n        class=\"dropdown-option labels-template\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    >\n        @if (!['No Results', 'ADD NEW'].includes(option?.[label]!)) {\n            <div class=\"labels-template-left-side\">\n                <svg-icon\n                    [fillHover]=\"option?.hoverCode ?? null\"\n                    [fill]=\"option?.code ? option?.code?.toString() : '#b7b7b7'\"\n                    appHoverSvg\n                    class=\"labels-template-logo\"\n                    [src]=\"inputDropdownSvgRoutes.dynamicLabelSvg\"\n                ></svg-icon>\n                <div class=\"labels-template-vertical-divider\"></div>\n            </div>\n        }\n        <div class=\"labels-template-right-side\">\n            <div\n                [innerHtml]=\"\n                    option?.[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                [ngClass]=\"{\n                    'add-new': option?.[label] === 'ADD NEW',\n                    'no-result':\n                        options.length === 1 &&\n                        options[0]?.[label] === 'No Results',\n                    'lable-text-wrap':\n                        inputConfig.customClass === 'input-dropdown-table',\n                }\"\n                class=\"labels-template-text\"\n            ></div>\n            @if (!['No Results', 'ADD NEW'].includes(option?.[label]!)) {\n                <div\n                    [ngClass]=\"{\n                        'dont-show-counter':\n                            !canAddNew &&\n                            inputConfig.customClass === 'input-dropdown-table',\n                    }\"\n                    class=\"labels-template-counter\"\n                >\n                    {{ option.count }}\n                </div>\n            }\n        </div>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], inputConfig: [{
+                type: Input
+            }], labelMode: [{
+                type: Input
+            }], canAddNew: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbGFiZWxzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sYWJlbHMvY2EtaW5wdXQtZHJvcGRvd24tbGFiZWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sYWJlbHMvY2EtaW5wdXQtZHJvcGRvd24tbGFiZWxzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFhLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUc1RyxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBTTFELFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFFMUYsYUFBYTtBQUNiLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBaUJoRixNQUFNLE9BQU8sOEJBQThCO0lBWXJDLElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBSUw7UUFyQlUsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBYXJELHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTTVCLDJCQUFzQixHQUFHLHNCQUFzQixDQUFDO0lBRXhDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN6QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNqQyxDQUFDOytHQWxDVSw4QkFBOEI7bUdBQTlCLDhCQUE4Qiw4YkNwQzNDLDI2RUErREEseUREcENJLFlBQVksNEhBQ1osb0JBQW9CO2dCQUNwQixPQUFPO2dCQUNQLG1CQUFtQiwrQ0FDbkIsMkJBQTJCO2dCQUMzQixZQUFZO2dCQUNaLGlCQUFpQjs7NEZBR1IsOEJBQThCO2tCQWYxQyxTQUFTOytCQUNFLDhCQUE4QixjQUc1QixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLE9BQU87d0JBQ1AsbUJBQW1CO3dCQUNuQiwyQkFBMkI7d0JBQzNCLFlBQVk7d0JBQ1osaUJBQWlCO3FCQUNwQjt3REFHVSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUMwQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFZCxnQkFBZ0I7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkcmVuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcbmltcG9ydCB7IElucHV0RHJvcGRvd25MYWJlbENsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuaW1wb3J0IHsgSUNhSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jYS1pbnB1dC10ZXN0L2NvbmZpZyc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbi8vIHN2ZyByb3V0ZXNcbmltcG9ydCB7IElucHV0RHJvcGRvd25TdmdSb3V0ZXMgfSBmcm9tICcuLi8uLi91dGlscy9zdmctcm91dGVzL2lucHV0LWRyb3Bkb3duLXN2Zy1yb3V0ZXMnO1xuXG4vLyBkaXJlY3RpdmVzXG5pbXBvcnQgeyBIb3ZlclN2Z0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uLy4uLy4uL2RpcmVjdGl2ZXMvaG92ZXItc3ZnLWRpcmVjdGl2ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbGFiZWxzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWxhYmVscy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWxhYmVscy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIElucHV0RHJvcGRvd25MYWJlbENsYXNzUGlwZSxcbiAgICAvLyBEaXJlY3RpdmVcbiAgICBIb3ZlclN2Z0RpcmVjdGl2ZVxuXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duTGFiZWxzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGlucHV0Q29uZmlnITogSUNhSW5wdXQ7XG4gIEBJbnB1dCgpIGxhYmVsTW9kZSE6ICdMYWJlbCcgfCAnQ29sb3InO1xuICBASW5wdXQoKSBjYW5BZGROZXchOiBib29sZWFuO1xuICBASW5wdXQoKSBsYWJlbCE6IGtleW9mIE9wdGlvbk1vZGVsO1xuXG4gIEBPdXRwdXQoKSBvbkFjdGl2ZUl0ZW0gPSBuZXcgRXZlbnRFbWl0dGVyPE9wdGlvbk1vZGVsPigpO1xuICAgQFZpZXdDaGlsZHJlbignZHJvcGRvd25PcHRpb24nKSBkcm9wZG93bk9wdGlvbiE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcbiAgXG4gICAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICAgIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW0gPSB2YWw7XG4gICAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgIH1cbiAgXG4gICAgICBfaW5wdXRIb3ZlcmVkSXRlbTogbnVtYmVyID0gLTE7XG4gIFxuICAgICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICAgIHJldHVybiB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtO1xuICAgICAgfVxuXG4gIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICBjb25zdHJ1Y3RvcigpIHt9XG4gIFxuICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaW5keCA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgICAgb3B0aW9uXG4gICAgICAgICAgICAgICAgfCBpbnB1dERyb3Bkb3duTGFiZWxDbGFzc1xuICAgICAgICAgICAgICAgICAgICA6IG9wdGlvbnNcbiAgICAgICAgICAgICAgICAgICAgOiBhY3RpdmVJdGVtXG4gICAgICAgICAgICAgICAgICAgIDogbGFiZWxNb2RlXG4gICAgICAgICAgICAgICAgICAgIDogaW5wdXRDb25maWdcbiAgICAgICAgXCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gbGFiZWxzLXRlbXBsYXRlXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImluZHggPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICBAaWYgKCFbJ05vIFJlc3VsdHMnLCAnQUREIE5FVyddLmluY2x1ZGVzKG9wdGlvbj8uW2xhYmVsXSEpKSB7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzLXRlbXBsYXRlLWxlZnQtc2lkZVwiPlxuICAgICAgICAgICAgICAgIDxzdmctaWNvblxuICAgICAgICAgICAgICAgICAgICBbZmlsbEhvdmVyXT1cIm9wdGlvbj8uaG92ZXJDb2RlID8/IG51bGxcIlxuICAgICAgICAgICAgICAgICAgICBbZmlsbF09XCJvcHRpb24/LmNvZGUgPyBvcHRpb24/LmNvZGU/LnRvU3RyaW5nKCkgOiAnI2I3YjdiNydcIlxuICAgICAgICAgICAgICAgICAgICBhcHBIb3ZlclN2Z1xuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImxhYmVscy10ZW1wbGF0ZS1sb2dvXCJcbiAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpbnB1dERyb3Bkb3duU3ZnUm91dGVzLmR5bmFtaWNMYWJlbFN2Z1wiXG4gICAgICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImxhYmVscy10ZW1wbGF0ZS12ZXJ0aWNhbC1kaXZpZGVyXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxzLXRlbXBsYXRlLXJpZ2h0LXNpZGVcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb24/LltsYWJlbF1cbiAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8uW2xhYmVsXSA9PT0gJ0FERCBORVcnLFxuICAgICAgICAgICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zWzBdPy5bbGFiZWxdID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAgICAgICAgICdsYWJsZS10ZXh0LXdyYXAnOlxuICAgICAgICAgICAgICAgICAgICAgICAgaW5wdXRDb25maWcuY3VzdG9tQ2xhc3MgPT09ICdpbnB1dC1kcm9wZG93bi10YWJsZScsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsYWJlbHMtdGVtcGxhdGUtdGV4dFwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgICAgICBAaWYgKCFbJ05vIFJlc3VsdHMnLCAnQUREIE5FVyddLmluY2x1ZGVzKG9wdGlvbj8uW2xhYmVsXSEpKSB7XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAnZG9udC1zaG93LWNvdW50ZXInOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICFjYW5BZGROZXcgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbnB1dENvbmZpZy5jdXN0b21DbGFzcyA9PT0gJ2lucHV0LWRyb3Bkb3duLXRhYmxlJyxcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibGFiZWxzLXRlbXBsYXRlLWNvdW50ZXJcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge3sgb3B0aW9uLmNvdW50IH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxufVxuIl19

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

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// components
+import { CaLoadModalProgressBarComponent } from '../../../../ca-load-modal-progress-bar/ca-load-modal-progress-bar.component';
+// pipes
+import { HighlightSearchPipe } from '../../../../../pipes/highlight-search.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownLoadBrokerComponentItem {
+    constructor() {
+        this.isInOption = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerComponentItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerComponentItem, isStandalone: true, selector: "app-ca-input-dropdown-load-broker-item", inputs: { option: "option", searchText: "searchText", isInOption: "isInOption", label: "label" }, ngImport: i0, template: "<div class=\"load-broker-template\" [class.in-option]=\"isInOption\">\n    <div class=\"load-broker-status-text\">\n        <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n            <svg-icon\n                [ngClass]=\"{\n                    'dnu-status': option.dnu,\n                }\"\n                [src]=\"option.logoName\"\n                class=\"load-broker-status\"\n            ></svg-icon>\n        </ng-container>\n        <div\n            [innerHtml]=\"\n                option.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngStyle]=\"{\n                overflow: 'hidden',\n                'text-overflow': 'ellipsis',\n                'white-space': 'nowrap',\n            }\"\n            class=\"load-broker-text\"\n        ></div>\n    </div>\n    <div\n        class=\"load-broker-progress-status\"\n        [ngStyle]=\"{\n            visibility:\n                (!['ADD NEW', 'No Results'].includes(option.name!) &&\n                    option.availableCreditType?.name !== 'Unlimited') ||\n                option.dnu ||\n                option.ban\n                    ? 'visible'\n                    : 'hidden',\n        }\"\n    >\n        <ca-load-modal-progress-bar\n            [availableCredit]=\"option.availableCredit ?? 0\"\n            [disable]=\"option.dnu || option.ban || option.status === 0\"\n            [totalAmount]=\"option.creditLimit!\"\n        ></ca-load-modal-progress-bar>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Component
+                CaLoadModalProgressBarComponent, selector: "ca-load-modal-progress-bar", inputs: ["totalAmount", "availableCredit", "inputFocus", "disable"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerComponentItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-broker-item', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaLoadModalProgressBarComponent,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "<div class=\"load-broker-template\" [class.in-option]=\"isInOption\">\n    <div class=\"load-broker-status-text\">\n        <ng-container *ngIf=\"option.name !== 'ADD NEW' && option.logoName\">\n            <svg-icon\n                [ngClass]=\"{\n                    'dnu-status': option.dnu,\n                }\"\n                [src]=\"option.logoName\"\n                class=\"load-broker-status\"\n            ></svg-icon>\n        </ng-container>\n        <div\n            [innerHtml]=\"\n                option.name\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngStyle]=\"{\n                overflow: 'hidden',\n                'text-overflow': 'ellipsis',\n                'white-space': 'nowrap',\n            }\"\n            class=\"load-broker-text\"\n        ></div>\n    </div>\n    <div\n        class=\"load-broker-progress-status\"\n        [ngStyle]=\"{\n            visibility:\n                (!['ADD NEW', 'No Results'].includes(option.name!) &&\n                    option.availableCreditType?.name !== 'Unlimited') ||\n                option.dnu ||\n                option.ban\n                    ? 'visible'\n                    : 'hidden',\n        }\"\n    >\n        <ca-load-modal-progress-bar\n            [availableCredit]=\"option.availableCredit ?? 0\"\n            [disable]=\"option.dnu || option.ban || option.status === 0\"\n            [totalAmount]=\"option.creditLimit!\"\n        ></ca-load-modal-progress-bar>\n    </div>\n</div>\n" }]
+        }], propDecorators: { option: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], isInOption: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELGFBQWE7QUFDYixPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSw2RUFBNkUsQ0FBQztBQUU5SCxRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sNENBQTRDLENBQUM7Ozs7QUFxQmpGLE1BQU0sT0FBTyxzQ0FBc0M7SUFoQm5EO1FBbUJhLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FFeEM7K0dBTFksc0NBQXNDO21HQUF0QyxzQ0FBc0Msb01DN0JuRCwrckRBaURBLHlERDlCUSxZQUFZLHFUQUNaLG9CQUFvQjtnQkFFcEIsWUFBWTtnQkFDWiwrQkFBK0I7Z0JBRS9CLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHZCxzQ0FBc0M7a0JBaEJsRCxTQUFTOytCQUNJLHdDQUF3QyxjQUd0QyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLFlBQVk7d0JBQ1osK0JBQStCO3dCQUUvQixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDdEI7OEJBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gY29tcG9uZW50c1xuaW1wb3J0IHsgQ2FMb2FkTW9kYWxQcm9ncmVzc0JhckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2NhLWxvYWQtbW9kYWwtcHJvZ3Jlc3MtYmFyL2NhLWxvYWQtbW9kYWwtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhTG9hZE1vZGFsUHJvZ3Jlc3NCYXJDb21wb25lbnQsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkxvYWRCcm9rZXJDb21wb25lbnRJdGVtIHtcbiAgICBASW5wdXQoKSBvcHRpb24hOiBPcHRpb25Nb2RlbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGlzSW5PcHRpb246IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBsYWJlbCE6IGtleW9mIE9wdGlvbk1vZGVsO1xufVxuIiwiPGRpdiBjbGFzcz1cImxvYWQtYnJva2VyLXRlbXBsYXRlXCIgW2NsYXNzLmluLW9wdGlvbl09XCJpc0luT3B0aW9uXCI+XG4gICAgPGRpdiBjbGFzcz1cImxvYWQtYnJva2VyLXN0YXR1cy10ZXh0XCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24ubmFtZSAhPT0gJ0FERCBORVcnICYmIG9wdGlvbi5sb2dvTmFtZVwiPlxuICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAnZG51LXN0YXR1cyc6IG9wdGlvbi5kbnUsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgW3NyY109XCJvcHRpb24ubG9nb05hbWVcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibG9hZC1icm9rZXItc3RhdHVzXCJcbiAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICBvcHRpb24ubmFtZVxuICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgICAgICAgICAgICd0ZXh0LW92ZXJmbG93JzogJ2VsbGlwc2lzJyxcbiAgICAgICAgICAgICAgICAnd2hpdGUtc3BhY2UnOiAnbm93cmFwJyxcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgY2xhc3M9XCJsb2FkLWJyb2tlci10ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJsb2FkLWJyb2tlci1wcm9ncmVzcy1zdGF0dXNcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICB2aXNpYmlsaXR5OlxuICAgICAgICAgICAgICAgICghWydBREQgTkVXJywgJ05vIFJlc3VsdHMnXS5pbmNsdWRlcyhvcHRpb24ubmFtZSEpICYmXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbi5hdmFpbGFibGVDcmVkaXRUeXBlPy5uYW1lICE9PSAnVW5saW1pdGVkJykgfHxcbiAgICAgICAgICAgICAgICBvcHRpb24uZG51IHx8XG4gICAgICAgICAgICAgICAgb3B0aW9uLmJhblxuICAgICAgICAgICAgICAgICAgICA/ICd2aXNpYmxlJ1xuICAgICAgICAgICAgICAgICAgICA6ICdoaWRkZW4nLFxuICAgICAgICB9XCJcbiAgICA+XG4gICAgICAgIDxjYS1sb2FkLW1vZGFsLXByb2dyZXNzLWJhclxuICAgICAgICAgICAgW2F2YWlsYWJsZUNyZWRpdF09XCJvcHRpb24uYXZhaWxhYmxlQ3JlZGl0ID8/IDBcIlxuICAgICAgICAgICAgW2Rpc2FibGVdPVwib3B0aW9uLmRudSB8fCBvcHRpb24uYmFuIHx8IG9wdGlvbi5zdGF0dXMgPT09IDBcIlxuICAgICAgICAgICAgW3RvdGFsQW1vdW50XT1cIm9wdGlvbi5jcmVkaXRMaW1pdCFcIlxuICAgICAgICA+PC9jYS1sb2FkLW1vZGFsLXByb2dyZXNzLWJhcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,64 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+import { InputDropdownLoadBrokerContainerPipe } from '../../pipes';
+// component
+import { CaLoadModalProgressBarComponent } from '../../../ca-load-modal-progress-bar/ca-load-modal-progress-bar.component';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { CaInputDropdownLoadBrokerComponentItem } from './ca-input-dropdown-load-broker-item/ca-input-dropdown-load-broker-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadBrokerComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"\n            option | inputDropdownLoadBrokerContainer: options : activeItem\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-broker-item\n            [option]=\"option\"\n            [searchText]=\"searchText\"\n            [label]=\"label\"\n        ></app-ca-input-dropdown-load-broker-item>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: CaInputDropdownLoadBrokerComponentItem, selector: "app-ca-input-dropdown-load-broker-item", inputs: ["option", "searchText", "isInOption", "label"] }, { kind: "pipe", type: InputDropdownLoadBrokerContainerPipe, name: "inputDropdownLoadBrokerContainer" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-broker', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaLoadModalProgressBarComponent,
+                        CaInputDropdownLoadBrokerComponentItem,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownLoadBrokerContainerPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"\n            option | inputDropdownLoadBrokerContainer: options : activeItem\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-broker-item\n            [option]=\"option\"\n            [searchText]=\"searchText\"\n            [label]=\"label\"\n        ></app-ca-input-dropdown-load-broker-item>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRSxZQUFZO0FBQ1osT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sMEVBQTBFLENBQUM7QUFLM0gsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxzQ0FBc0MsRUFBRSxNQUFNLG1GQUFtRixDQUFDOzs7QUFvQjNJLE1BQU0sT0FBTyxrQ0FBa0M7SUFTM0MsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0EvQlEsa0NBQWtDO21HQUFsQyxrQ0FBa0MsdVhDNUMvQyx5a0JBaUJBLHlERGVRLFlBQVksNEhBQ1osb0JBQW9CLCtCQUlwQixzQ0FBc0MsdUlBSXRDLG9DQUFvQzs7NEZBRy9CLGtDQUFrQztrQkFsQjlDLFNBQVM7K0JBQ0ksbUNBQW1DLGNBR2pDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsWUFBWTt3QkFDWiwrQkFBK0I7d0JBQy9CLHNDQUFzQzt3QkFFdEMsT0FBTzt3QkFDUCxtQkFBbUI7d0JBQ25CLG9DQUFvQztxQkFDdkM7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRzBCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbnRhaW5lclBpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5cbi8vIGNvbXBvbmVudFxuaW1wb3J0IHsgQ2FMb2FkTW9kYWxQcm9ncmVzc0JhckNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL2NhLWxvYWQtbW9kYWwtcHJvZ3Jlc3MtYmFyL2NhLWxvYWQtbW9kYWwtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudCc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcbmltcG9ydCB7IENhSW5wdXREcm9wZG93bkxvYWRCcm9rZXJDb21wb25lbnRJdGVtIH0gZnJvbSAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBDb21wb25lbnRcbiAgICAgICAgQ2FMb2FkTW9kYWxQcm9ncmVzc0JhckNvbXBvbmVudCxcbiAgICAgICAgQ2FJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbXBvbmVudEl0ZW0sXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgICAgICBJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbnRhaW5lclBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgICAgb3B0aW9uIHwgaW5wdXREcm9wZG93bkxvYWRCcm9rZXJDb250YWluZXI6IG9wdGlvbnMgOiBhY3RpdmVJdGVtXG4gICAgICAgIFwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICA8YXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWl0ZW1cbiAgICAgICAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgICAgICAgIFtzZWFyY2hUZXh0XT1cInNlYXJjaFRleHRcIlxuICAgICAgICAgICAgW2xhYmVsXT1cImxhYmVsXCJcbiAgICAgICAgPjwvYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWl0ZW0+XG4gICAgPC9kaXY+XG59XG4iXX0=

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

@@ -0,0 +1,38 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// pipes
+import { HighlightSearchPipe } from '../../../../../pipes/highlight-search.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadBrokerContactItemComponent {
+    constructor() {
+        this.isShowNoresult = false;
+        this.isInOption = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerContactItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerContactItemComponent, isStandalone: true, selector: "ca-input-dropdown-load-broker-contact-item", inputs: { item: "item", activeItem: "activeItem", searchText: "searchText", isShowNoresult: "isShowNoresult", isInOption: "isInOption" }, ngImport: i0, template: "<div class=\"dropdown-subgroup-options\" [class.selected-option]=\"isInOption\">\n    <!-- Left Side -->\n    <div\n        [innerHtml]=\"\n            item?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            'no-result': isShowNoresult,\n            active: item.id === activeItem?.id,\n        }\"\n        class=\"dropdown-subgroup-text\"\n    ></div>\n    <!-- Right Side -->\n    <div\n        [innerHtml]=\"\n            item.phone\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            active: item.id === activeItem?.id,\n        }\"\n        class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n    ></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: 
+                // Module
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerContactItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ca-input-dropdown-load-broker-contact-item', standalone: true, imports: [
+                        // Module
+                        CommonModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "<div class=\"dropdown-subgroup-options\" [class.selected-option]=\"isInOption\">\n    <!-- Left Side -->\n    <div\n        [innerHtml]=\"\n            item?.name\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            'no-result': isShowNoresult,\n            active: item.id === activeItem?.id,\n        }\"\n        class=\"dropdown-subgroup-text\"\n    ></div>\n    <!-- Right Side -->\n    <div\n        [innerHtml]=\"\n            item.phone\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            active: item.id === activeItem?.id,\n        }\"\n        class=\"dropdown-subgroup-text dropdown-subgroup-additional-text\"\n    ></div>\n</div>\n" }]
+        }], propDecorators: { item: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], isShowNoresult: [{
+                type: Input
+            }], isInOption: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0L2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QtaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFNL0MsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFhakYsTUFBTSxPQUFPLDZDQUE2QztJQVoxRDtRQWdCYSxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyxlQUFVLEdBQVksS0FBSyxDQUFDO0tBQ3hDOytHQU5ZLDZDQUE2QzttR0FBN0MsNkNBQTZDLGdQQ3JCMUQsaWxDQXFDQTtnQkR4QlEsU0FBUztnQkFDVCxZQUFZO2dCQUNaLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFLZCw2Q0FBNkM7a0JBWnpELFNBQVM7K0JBQ0ksNENBQTRDLGNBQzFDLElBQUksV0FDUDt3QkFDTCxTQUFTO3dCQUNULFlBQVk7d0JBQ1osT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3RCOzhCQUtRLElBQUk7c0JBQVosS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuLy8gbW9kZWxzXG5cbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LWl0ZW0nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICAvLyBNb2R1bGVcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC1pdGVtLmNvbXBvbmVudC5jc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyQ29udGFjdEl0ZW1Db21wb25lbnQge1xuICAgIEBJbnB1dCgpIGl0ZW0hOiBPcHRpb25Nb2RlbDtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXNTaG93Tm9yZXN1bHQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBpc0luT3B0aW9uOiBib29sZWFuID0gZmFsc2U7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZHJvcGRvd24tc3ViZ3JvdXAtb3B0aW9uc1wiIFtjbGFzcy5zZWxlY3RlZC1vcHRpb25dPVwiaXNJbk9wdGlvblwiPlxuICAgIDwhLS0gTGVmdCBTaWRlIC0tPlxuICAgIDxkaXZcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIGl0ZW0/Lm5hbWVcbiAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgJ25vLXJlc3VsdCc6IGlzU2hvd05vcmVzdWx0LFxuICAgICAgICAgICAgYWN0aXZlOiBpdGVtLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tc3ViZ3JvdXAtdGV4dFwiXG4gICAgPjwvZGl2PlxuICAgIDwhLS0gUmlnaHQgU2lkZSAtLT5cbiAgICA8ZGl2XG4gICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICBpdGVtLnBob25lXG4gICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgIFwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGFjdGl2ZTogaXRlbS5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLXN1Ymdyb3VwLXRleHQgZHJvcGRvd24tc3ViZ3JvdXAtYWRkaXRpb25hbC10ZXh0XCJcbiAgICA+PC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -0,0 +1,62 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// components
+import { CaInputDropdownLoadBrokerContactItemComponent } from './ca-input-dropdown-load-broker-contact-item/ca-input-dropdown-load-broker-contact-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadBrokerContactComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerContactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerContactComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-broker-contact", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track $index; let i = $index) {\n    @let optionIndex = (option?.contacts?.length ?? 1) - 1;\n    <div\n        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"load-broker-contact-groups\"\n    >\n        @if (options[0]?.name !== 'No Results') {\n            <p\n                (click)=\"onActiveItemEmit(option)\"\n                [ngClass]=\"{\n                    'add-new': option?.[label] === 'ADD NEW',\n                }\"\n                class=\"dropdown-group-header\"\n            >\n                {{\n                    option?.[label] === 'ADD NEW'\n                        ? option?.[label]\n                        : option?.department?.name\n                }}\n            </p>\n        }\n\n        @for (item of option?.contacts; track item.id; let indx = $index) {\n            @let optionContactIndex = optionIndex + indx;\n            <div\n                #dropdownOption\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                [class.dropdown-option-hovered]=\"\n                    optionContactIndex == inputHoveredItem\n                \"\n            >\n                <ca-input-dropdown-load-broker-contact-item\n                    [activeItem]=\"activeItem\"\n                    [item]=\"item\"\n                    [searchText]=\"searchText\"\n                    [isShowNoresult]=\"\n                        options.length === 1 && item?.name === 'No Results'\n                    \"\n                ></ca-input-dropdown-load-broker-contact-item>\n            </div>\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
+                // components
+                CaInputDropdownLoadBrokerContactItemComponent, selector: "ca-input-dropdown-load-broker-contact-item", inputs: ["item", "activeItem", "searchText", "isShowNoresult", "isInOption"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerContactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-broker-contact', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                        // components
+                        CaInputDropdownLoadBrokerContactItemComponent,
+                    ], template: "@for (option of options; track $index; let i = $index) {\n    @let optionIndex = (option?.contacts?.length ?? 1) - 1;\n    <div\n        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"load-broker-contact-groups\"\n    >\n        @if (options[0]?.name !== 'No Results') {\n            <p\n                (click)=\"onActiveItemEmit(option)\"\n                [ngClass]=\"{\n                    'add-new': option?.[label] === 'ADD NEW',\n                }\"\n                class=\"dropdown-group-header\"\n            >\n                {{\n                    option?.[label] === 'ADD NEW'\n                        ? option?.[label]\n                        : option?.department?.name\n                }}\n            </p>\n        }\n\n        @for (item of option?.contacts; track item.id; let indx = $index) {\n            @let optionContactIndex = optionIndex + indx;\n            <div\n                #dropdownOption\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                [class.dropdown-option-hovered]=\"\n                    optionContactIndex == inputHoveredItem\n                \"\n            >\n                <ca-input-dropdown-load-broker-contact-item\n                    [activeItem]=\"activeItem\"\n                    [item]=\"item\"\n                    [searchText]=\"searchText\"\n                    [isShowNoresult]=\"\n                        options.length === 1 && item?.name === 'No Results'\n                    \"\n                ></ca-input-dropdown-load-broker-contact-item>\n            </div>\n        }\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0L2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBRXZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUs5RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSw2Q0FBNkMsRUFBRSxNQUFNLG1HQUFtRyxDQUFDOzs7QUFrQmxLLE1BQU0sT0FBTyx5Q0FBeUM7SUFRbEQsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0E5QlEseUNBQXlDO21HQUF6Qyx5Q0FBeUMsK1hDdkN0RCxxdURBK0NBLHlERGxCUSxZQUFZLDRIQUNaLG9CQUFvQjtnQkFLcEIsYUFBYTtnQkFDYiw2Q0FBNkM7OzRGQUd4Qyx5Q0FBeUM7a0JBaEJyRCxTQUFTOytCQUNJLDJDQUEyQyxjQUd6QyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3dCQUVuQixhQUFhO3dCQUNiLDZDQUE2QztxQkFDaEQ7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRTBCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gY29tcG9uZW50c1xuaW1wb3J0IHsgQ2FJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbnRhY3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LWl0ZW0vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItY29udGFjdC1pdGVtLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuXG4gICAgICAgIC8vIGNvbXBvbmVudHNcbiAgICAgICAgQ2FJbnB1dERyb3Bkb3duTG9hZEJyb2tlckNvbnRhY3RJdGVtQ29tcG9uZW50LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkxvYWRCcm9rZXJDb250YWN0Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayAkaW5kZXg7IGxldCBpID0gJGluZGV4KSB7XG4gICAgQGxldCBvcHRpb25JbmRleCA9IChvcHRpb24/LmNvbnRhY3RzPy5sZW5ndGggPz8gMSkgLSAxO1xuICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnbGFzdC1ncm91cCc6IGkgPT09IG9wdGlvbnMubGVuZ3RoIC0gMSB9XCJcbiAgICAgICAgY2xhc3M9XCJsb2FkLWJyb2tlci1jb250YWN0LWdyb3Vwc1wiXG4gICAgPlxuICAgICAgICBAaWYgKG9wdGlvbnNbMF0/Lm5hbWUgIT09ICdObyBSZXN1bHRzJykge1xuICAgICAgICAgICAgPHBcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgICAgICdhZGQtbmV3Jzogb3B0aW9uPy5bbGFiZWxdID09PSAnQUREIE5FVycsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1ncm91cC1oZWFkZXJcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHt7XG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbj8uW2xhYmVsXSA9PT0gJ0FERCBORVcnXG4gICAgICAgICAgICAgICAgICAgICAgICA/IG9wdGlvbj8uW2xhYmVsXVxuICAgICAgICAgICAgICAgICAgICAgICAgOiBvcHRpb24/LmRlcGFydG1lbnQ/Lm5hbWVcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICB9XG5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBvcHRpb24/LmNvbnRhY3RzOyB0cmFjayBpdGVtLmlkOyBsZXQgaW5keCA9ICRpbmRleCkge1xuICAgICAgICAgICAgQGxldCBvcHRpb25Db250YWN0SW5kZXggPSBvcHRpb25JbmRleCArIGluZHg7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgI2Ryb3Bkb3duT3B0aW9uXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQoaXRlbSlcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBpdGVtPy5uYW1lID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cIlxuICAgICAgICAgICAgICAgICAgICBvcHRpb25Db250YWN0SW5kZXggPT0gaW5wdXRIb3ZlcmVkSXRlbVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGNhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLWNvbnRhY3QtaXRlbVxuICAgICAgICAgICAgICAgICAgICBbYWN0aXZlSXRlbV09XCJhY3RpdmVJdGVtXCJcbiAgICAgICAgICAgICAgICAgICAgW2l0ZW1dPVwiaXRlbVwiXG4gICAgICAgICAgICAgICAgICAgIFtzZWFyY2hUZXh0XT1cInNlYXJjaFRleHRcIlxuICAgICAgICAgICAgICAgICAgICBbaXNTaG93Tm9yZXN1bHRdPVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBpdGVtPy5uYW1lID09PSAnTm8gUmVzdWx0cydcbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICA+PC9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1jb250YWN0LWl0ZW0+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxufVxuIl19

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

@@ -0,0 +1,37 @@
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../../pipes/highlight-search.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownLoadBrokerShipperItemComponent {
+    constructor() {
+        this.isInOption = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperItemComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper-item", inputs: { option: "option", searchText: "searchText", activeItem: "activeItem", isInOption: "isInOption", label: "label" }, ngImport: i0, template: "<div class=\"load-shipper-template\">\n    <div class=\"load-shipper-status-text\" [class.dropdown-option]=\"isInOption\">\n        @if (option?.[label] !== 'ADD NEW' && option.logoName) {\n            <svg-icon\n                [src]=\"option.logoName\"\n                class=\"load-shipper-status\"\n            ></svg-icon>\n        }\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngStyle]=\"{\n                overflow: 'hidden',\n                'text-overflow': 'ellipsis',\n                'white-space': 'nowrap',\n            }\"\n            class=\"load-shipper-text\"\n        ></div>\n\n        @if (\n            !['ADD NEW', 'No Results'].includes(option?.[label]!) &&\n            option.loadsCount\n        ) {\n            <div\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n                class=\"load-shipper-load-counter\"\n            >\n                {{ option.loadsCount }}\n            </div>\n        }\n    </div>\n\n    @if (!['ADD NEW', 'No Results'].includes(option?.[label]!)) {\n        <div\n            [innerHtml]=\"\n                option.address\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{ active: option.id === activeItem?.id }\"\n        ></div>\n    }\n</div>\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: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-shipper-item', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "<div class=\"load-shipper-template\">\n    <div class=\"load-shipper-status-text\" [class.dropdown-option]=\"isInOption\">\n        @if (option?.[label] !== 'ADD NEW' && option.logoName) {\n            <svg-icon\n                [src]=\"option.logoName\"\n                class=\"load-shipper-status\"\n            ></svg-icon>\n        }\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngStyle]=\"{\n                overflow: 'hidden',\n                'text-overflow': 'ellipsis',\n                'white-space': 'nowrap',\n            }\"\n            class=\"load-shipper-text\"\n        ></div>\n\n        @if (\n            !['ADD NEW', 'No Results'].includes(option?.[label]!) &&\n            option.loadsCount\n        ) {\n            <div\n                [ngClass]=\"{ active: option.id === activeItem?.id }\"\n                class=\"load-shipper-load-counter\"\n            >\n                {{ option.loadsCount }}\n            </div>\n        }\n    </div>\n\n    @if (!['ADD NEW', 'No Results'].includes(option?.[label]!)) {\n        <div\n            [innerHtml]=\"\n                option.address\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{ active: option.id === activeItem?.id }\"\n        ></div>\n    }\n</div>\n" }]
+        }], propDecorators: { option: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], isInOption: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXItaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXItaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7O0FBZ0JqRixNQUFNLE9BQU8sNkNBQTZDO0lBYjFEO1FBaUJXLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FFdEM7K0dBTlksNkNBQTZDO21HQUE3Qyw2Q0FBNkMsK05DckIxRCx3eERBd0RBLHlERDFDSSxZQUFZLGlOQUNaLG9CQUFvQjtnQkFFcEIsT0FBTztnQkFDUCxtQkFBbUI7OzRGQUdWLDZDQUE2QztrQkFiekQsU0FBUzsrQkFDRSx5Q0FBeUMsY0FHdkMsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixPQUFPO3dCQUNQLG1CQUFtQjtxQkFDcEI7OEJBR1EsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLXNoaXBwZXItaXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLWl0ZW0uY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgIC8vIFBpcGVcbiAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyU2hpcHBlckl0ZW1Db21wb25lbnQge1xuICBASW5wdXQoKSBvcHRpb24hOiBPcHRpb25Nb2RlbDtcbiAgQElucHV0KCkgc2VhcmNoVGV4dCE6IHN0cmluZztcbiAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgQElucHV0KCkgaXNJbk9wdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBsYWJlbCE6IGtleW9mIE9wdGlvbk1vZGVsO1xufSIsIjxkaXYgY2xhc3M9XCJsb2FkLXNoaXBwZXItdGVtcGxhdGVcIj5cbiAgICA8ZGl2IGNsYXNzPVwibG9hZC1zaGlwcGVyLXN0YXR1cy10ZXh0XCIgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbl09XCJpc0luT3B0aW9uXCI+XG4gICAgICAgIEBpZiAob3B0aW9uPy5bbGFiZWxdICE9PSAnQUREIE5FVycgJiYgb3B0aW9uLmxvZ29OYW1lKSB7XG4gICAgICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgICAgICBbc3JjXT1cIm9wdGlvbi5sb2dvTmFtZVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLXNoaXBwZXItc3RhdHVzXCJcbiAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICB9XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgb3B0aW9uPy5bbGFiZWxdXG4gICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIFtuZ1N0eWxlXT1cIntcbiAgICAgICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgICAgICAgICAgJ3RleHQtb3ZlcmZsb3cnOiAnZWxsaXBzaXMnLFxuICAgICAgICAgICAgICAgICd3aGl0ZS1zcGFjZSc6ICdub3dyYXAnLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBjbGFzcz1cImxvYWQtc2hpcHBlci10ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuXG4gICAgICAgIEBpZiAoXG4gICAgICAgICAgICAhWydBREQgTkVXJywgJ05vIFJlc3VsdHMnXS5pbmNsdWRlcyhvcHRpb24/LltsYWJlbF0hKSAmJlxuICAgICAgICAgICAgb3B0aW9uLmxvYWRzQ291bnRcbiAgICAgICAgKSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQgfVwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJsb2FkLXNoaXBwZXItbG9hZC1jb3VudGVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7eyBvcHRpb24ubG9hZHNDb3VudCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIEBpZiAoIVsnQUREIE5FVycsICdObyBSZXN1bHRzJ10uaW5jbHVkZXMob3B0aW9uPy5bbGFiZWxdISkpIHtcbiAgICAgICAgPGRpdlxuICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICBvcHRpb24uYWRkcmVzc1xuICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7IGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCB9XCJcbiAgICAgICAgPjwvZGl2PlxuICAgIH1cbjwvZGl2PlxuIl19

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

@@ -0,0 +1,61 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { CaInputDropdownLoadBrokerShipperItemComponent } from './ca-input-dropdown-load-broker-shipper-item/ca-input-dropdown-load-broker-shipper-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadBrokerShipperComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadBrokerShipperComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-shipper", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled || option.status === 0,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-shipper-item\n            [activeItem]=\"activeItem\" \n            [searchText]=\"searchText\"\n            [option]=\"option\"\n            [label]=\"label\"\n        ></app-ca-input-dropdown-load-shipper-item>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
+                // Components
+                CaInputDropdownLoadBrokerShipperItemComponent, selector: "app-ca-input-dropdown-load-shipper-item", inputs: ["option", "searchText", "activeItem", "isInOption", "label"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadBrokerShipperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-shipper', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Components
+                        CaInputDropdownLoadBrokerShipperItemComponent,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled || option.status === 0,\n            'no-result':\n                options.length === 1 && options[0]?.name === 'No Results',\n            'add-new': option?.name === 'ADD NEW',\n            active: option.id === activeItem?.id,\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <app-ca-input-dropdown-load-shipper-item\n            [activeItem]=\"activeItem\" \n            [searchText]=\"searchText\"\n            [option]=\"option\"\n            [label]=\"label\"\n        ></app-ca-input-dropdown-load-shipper-item>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUs5RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUFFLDZDQUE2QyxFQUFFLE1BQU0sbUdBQW1HLENBQUM7OztBQWtCbEssTUFBTSxPQUFPLHlDQUF5QztJQVFsRCxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUlEO1FBUkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRTFDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQTlCUSx5Q0FBeUM7bUdBQXpDLHlDQUF5Qyx3WEN0Q3RELHV6QkFzQkEseURETVEsWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLGFBQWE7Z0JBQ2IsNkNBQTZDOzs0RkFNeEMseUNBQXlDO2tCQWhCckQsU0FBUzsrQkFDSSxvQ0FBb0MsY0FHbEMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixhQUFhO3dCQUNiLDZDQUE2Qzt3QkFFN0MsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3RCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUUwQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFakIsZ0JBQWdCO3NCQUE1QixLQUFLO2dCQWdCSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5pbXBvcnQgeyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyU2hpcHBlckl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtYnJva2VyLXNoaXBwZXItaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWJyb2tlci1zaGlwcGVyLWl0ZW0uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1zaGlwcGVyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1icm9rZXItc2hpcHBlci5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgICAgIC8vIENvbXBvbmVudHNcbiAgICAgICAgQ2FJbnB1dERyb3Bkb3duTG9hZEJyb2tlclNoaXBwZXJJdGVtQ29tcG9uZW50LFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkQnJva2VyU2hpcHBlckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaSA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgI2Ryb3Bkb3duT3B0aW9uXG4gICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICBkaXNhYmxlZDogb3B0aW9uPy5kaXNhYmxlZCB8fCBvcHRpb24uc3RhdHVzID09PSAwLFxuICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8ubmFtZSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgJ2FkZC1uZXcnOiBvcHRpb24/Lm5hbWUgPT09ICdBREQgTkVXJyxcbiAgICAgICAgICAgIGFjdGl2ZTogb3B0aW9uLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICA8YXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtc2hpcHBlci1pdGVtXG4gICAgICAgICAgICBbYWN0aXZlSXRlbV09XCJhY3RpdmVJdGVtXCIgXG4gICAgICAgICAgICBbc2VhcmNoVGV4dF09XCJzZWFyY2hUZXh0XCJcbiAgICAgICAgICAgIFtvcHRpb25dPVwib3B0aW9uXCJcbiAgICAgICAgICAgIFtsYWJlbF09XCJsYWJlbFwiXG4gICAgICAgID48L2FwcC1jYS1pbnB1dC1kcm9wZG93bi1sb2FkLXNoaXBwZXItaXRlbT5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==

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

@@ -0,0 +1,49 @@
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import { CommonModule } from '@angular/common';
+import { Component, Input } from '@angular/core';
+// components
+import { CaProfileImageComponent } from '../../../../ca-profile-image/ca-profile-image.component';
+// pipies
+import { InputDropdownGetIconsPipe } from '../../../pipes';
+import { HighlightSearchPipe } from '../../../../../pipes/highlight-search.pipe';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownLoadDispatcherItemComponent {
+    constructor() {
+        this.hasNoResult = false;
+        this.isInOption = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownLoadDispatcherItemComponent, isStandalone: true, selector: "app-ca-input-dropdown-load-dispatcher-item", inputs: { option: "option", hasNoResult: "hasNoResult", activeItem: "activeItem", searchText: "searchText", label: "label", dropdownWithImage: "dropdownWithImage", isInOption: "isInOption" }, ngImport: i0, template: "<div class=\"load-dispatcher-template\" [class.dropdown-option]=\"isInOption\">\n    @if (option.logoName && !hasNoResult) {\n        <img\n            [alt]=\"option?.[label]\"\n            [ngClass]=\"{\n                active: option.id === activeItem?.id,\n            }\"\n            [src]=\"dropdownWithImage! | inputDropdownGetIcons: option\"\n            class=\"svg-template-logo\"\n        />\n    }\n\n    @if (!option.logoName && !hasNoResult) {\n        <div class=\"no-profile-image\">\n            <app-ca-profile-image\n                [indx]=\"0\"\n                [name]=\"option?.[label]!\"\n                [size]=\"'small'\"\n            >\n            </app-ca-profile-image>\n        </div>\n    }\n    <div\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n    ></div>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: 
+                // Component
+                CaProfileImageComponent, selector: "app-ca-profile-image", inputs: ["indx", "avatarImg", "avatarColor", "textShortName", "name", "isRound", "size", "height", "fontSize", "isHoverEffect"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownGetIconsPipe, name: "inputDropdownGetIcons" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownLoadDispatcherItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-load-dispatcher-item', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaProfileImageComponent,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownGetIconsPipe,
+                    ], template: "<div class=\"load-dispatcher-template\" [class.dropdown-option]=\"isInOption\">\n    @if (option.logoName && !hasNoResult) {\n        <img\n            [alt]=\"option?.[label]\"\n            [ngClass]=\"{\n                active: option.id === activeItem?.id,\n            }\"\n            [src]=\"dropdownWithImage! | inputDropdownGetIcons: option\"\n            class=\"svg-template-logo\"\n        />\n    }\n\n    @if (!option.logoName && !hasNoResult) {\n        <div class=\"no-profile-image\">\n            <app-ca-profile-image\n                [indx]=\"0\"\n                [name]=\"option?.[label]!\"\n                [size]=\"'small'\"\n            >\n            </app-ca-profile-image>\n        </div>\n    }\n    <div\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n    ></div>\n</div>\n" }]
+        }], propDecorators: { option: [{
+                type: Input
+            }], hasNoResult: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownWithImage: [{
+                type: Input
+            }], isInOption: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXItaXRlbS9jYS1pbnB1dC1kcm9wZG93bi1sb2FkLWRpc3BhdGNoZXItaXRlbS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seURBQXlELENBQUM7QUFRbEcsU0FBUztBQUNULE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOzs7QUFrQmpGLE1BQU0sT0FBTywwQ0FBMEM7SUFqQnZEO1FBbUJhLGdCQUFXLEdBQVksS0FBSyxDQUFDO1FBSzdCLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FDeEM7K0dBUlksMENBQTBDO21HQUExQywwQ0FBMEMsc1NDakN2RCwraENBbUNBLHlERGJRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixZQUFZO2dCQUNaLHVCQUF1QjtnQkFFdkIsT0FBTztnQkFDUCxtQkFBbUIsK0NBQ25CLHlCQUF5Qjs7NEZBR3BCLDBDQUEwQztrQkFqQnRELFNBQVM7K0JBQ0ksNENBQTRDLGNBRzFDLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsWUFBWTt3QkFDWix1QkFBdUI7d0JBRXZCLE9BQU87d0JBQ1AsbUJBQW1CO3dCQUNuQix5QkFBeUI7cUJBQzVCOzhCQUdRLE1BQU07c0JBQWQsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLy8gY29tcG9uZW50c1xuaW1wb3J0IHsgQ2FQcm9maWxlSW1hZ2VDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9jYS1wcm9maWxlLWltYWdlL2NhLXByb2ZpbGUtaW1hZ2UuY29tcG9uZW50JztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscyc7XG5cbi8vIGNvbmZpZ1xuaW1wb3J0IHsgSUNhSW5wdXRXaXRoRHJvcGRvd24gfSBmcm9tICcuLi8uLi8uLi8uLi9jYS1pbnB1dC9jb25maWcnO1xuXG4vLyBwaXBpZXNcbmltcG9ydCB7IElucHV0RHJvcGRvd25HZXRJY29uc1BpcGUgfSBmcm9tICcuLi8uLi8uLi9waXBlcyc7XG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tbG9hZC1kaXNwYXRjaGVyLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWxvYWQtZGlzcGF0Y2hlci1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gQ29tcG9uZW50XG4gICAgICAgIENhUHJvZmlsZUltYWdlQ29tcG9uZW50LFxuXG4gICAgICAgIC8vIFBpcGVcbiAgICAgICAgSGlnaGxpZ2h0U2VhcmNoUGlwZSxcbiAgICAgICAgSW5wdXREcm9wZG93bkdldEljb25zUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25Mb2FkRGlzcGF0Y2hlckl0ZW1Db21wb25lbnQge1xuICAgIEBJbnB1dCgpIG9wdGlvbiE6IE9wdGlvbk1vZGVsO1xuICAgIEBJbnB1dCgpIGhhc05vUmVzdWx0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG4gICAgQElucHV0KCkgZHJvcGRvd25XaXRoSW1hZ2U/OiBJQ2FJbnB1dFdpdGhEcm9wZG93biB8IG51bGw7XG4gICAgQElucHV0KCkgaXNJbk9wdGlvbjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIiwiPGRpdiBjbGFzcz1cImxvYWQtZGlzcGF0Y2hlci10ZW1wbGF0ZVwiIFtjbGFzcy5kcm9wZG93bi1vcHRpb25dPVwiaXNJbk9wdGlvblwiPlxuICAgIEBpZiAob3B0aW9uLmxvZ29OYW1lICYmICFoYXNOb1Jlc3VsdCkge1xuICAgICAgICA8aW1nXG4gICAgICAgICAgICBbYWx0XT1cIm9wdGlvbj8uW2xhYmVsXVwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBbc3JjXT1cImRyb3Bkb3duV2l0aEltYWdlISB8IGlucHV0RHJvcGRvd25HZXRJY29uczogb3B0aW9uXCJcbiAgICAgICAgICAgIGNsYXNzPVwic3ZnLXRlbXBsYXRlLWxvZ29cIlxuICAgICAgICAvPlxuICAgIH1cblxuICAgIEBpZiAoIW9wdGlvbi5sb2dvTmFtZSAmJiAhaGFzTm9SZXN1bHQpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm5vLXByb2ZpbGUtaW1hZ2VcIj5cbiAgICAgICAgICAgIDxhcHAtY2EtcHJvZmlsZS1pbWFnZVxuICAgICAgICAgICAgICAgIFtpbmR4XT1cIjBcIlxuICAgICAgICAgICAgICAgIFtuYW1lXT1cIm9wdGlvbj8uW2xhYmVsXSFcIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPC9hcHAtY2EtcHJvZmlsZS1pbWFnZT5cbiAgICAgICAgPC9kaXY+XG4gICAgfVxuICAgIDxkaXZcbiAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgIG9wdGlvbj8uW2xhYmVsXVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IHNlYXJjaFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgID48L2Rpdj5cbjwvZGl2PlxuIl19