ca-components 1.3.41 → 1.3.92

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-default-template/ca-input-dropdown-default-template.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';
+import { InputDropdownDefaultTemplateClassPipe } from '../../pipes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownDefaultTemplateComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDefaultTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDefaultTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-default-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", inputConfig: "inputConfig", 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        [innerHtml]=\"\n            (option?.[label])\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"\n            option\n                | inputDropdownDefaultTemplateClass\n                    : options\n                    : activeItem\n                    : inputConfig\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownDefaultTemplateClassPipe, name: "inputDropdownDefaultTemplateClass" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDefaultTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-default-template', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownDefaultTemplateClassPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [innerHtml]=\"\n            (option?.[label])\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"\n            option\n                | inputDropdownDefaultTemplateClass\n                    : options\n                    : activeItem\n                    : inputConfig\n        \"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    ></div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], inputConfig: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZS9jYS1pbnB1dC1kcm9wZG93bi1kZWZhdWx0LXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kZWZhdWx0LXRlbXBsYXRlL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBRXZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQU05RSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUFFLHFDQUFxQyxFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFnQnBFLE1BQU0sT0FBTyx1Q0FBdUM7SUFRaEQsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFJRDtRQVJBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztJQUUxQyxDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0E5QlEsdUNBQXVDO21HQUF2Qyx1Q0FBdUMsd1pDcENwRCxrd0JBeUJBLHlEREdRLFlBQVksNEhBQ1osb0JBQW9CO2dCQUVwQixPQUFPO2dCQUNQLG1CQUFtQiwrQ0FDbkIscUNBQXFDOzs0RkFHaEMsdUNBQXVDO2tCQWRuRCxTQUFTOytCQUNJLHdDQUF3QyxjQUd0QyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3dCQUNuQixxQ0FBcUM7cUJBQ3hDO3dEQUcrQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFDckIsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFTyxnQkFBZ0I7c0JBQTVCLEtBQUs7Z0JBZ0JJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5pbXBvcnQgeyBJQ2FJbnB1dCB9IGZyb20gJy4uLy4uLy4uL2NhLWlucHV0LXRlc3QvY29uZmlnJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bkRlZmF1bHRUZW1wbGF0ZUNsYXNzUGlwZSB9IGZyb20gJy4uLy4uL3BpcGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZGVmYXVsdC10ZW1wbGF0ZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWRlZmF1bHQtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgICAgIElucHV0RHJvcGRvd25EZWZhdWx0VGVtcGxhdGVDbGFzc1BpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duRGVmYXVsdFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuICAgIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICAgIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gICAgQElucHV0KCkgc2VhcmNoVGV4dCE6IHN0cmluZztcbiAgICBASW5wdXQoKSBpbnB1dENvbmZpZyE6IElDYUlucHV0O1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAob3B0aW9uPy5bbGFiZWxdKVxuICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IHNlYXJjaFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICBcIlxuICAgICAgICBbbmdDbGFzc109XCJcbiAgICAgICAgICAgIG9wdGlvblxuICAgICAgICAgICAgICAgIHwgaW5wdXREcm9wZG93bkRlZmF1bHRUZW1wbGF0ZUNsYXNzXG4gICAgICAgICAgICAgICAgICAgIDogb3B0aW9uc1xuICAgICAgICAgICAgICAgICAgICA6IGFjdGl2ZUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgOiBpbnB1dENvbmZpZ1xuICAgICAgICBcIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW9wdGlvblwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgID48L2Rpdj5cbn1cbiJdfQ==

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

@@ -0,0 +1,72 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+import { CaSvgPipe } from '../../../../pipes/ca-svg.pipe';
+// component
+import { CaLoadStatusStringComponent } from '../../../ca-load-status-string/ca-load-status-string.component';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownDetailsTemplateComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this.onActiveItem = new EventEmitter();
+        this._inputHoveredItem = -1;
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDetailsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDetailsTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-details-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", sort: "sort", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; let i = $index; track option.id) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseenter)=\"hoveringIndex = i\"\n        (mouseleave)=\"hoveringIndex = -1\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n            'load-details-template': option?.status?.statusString,\n        }\"\n        class=\"dropdown-option details-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{\n                active: sort === 'active-drivers' && option?.status === 1,\n            }\"\n            class=\"details-template-text\"\n        ></div>\n\n        <!-- Svg -->\n\n        @if (option?.svg) {\n            <svg-icon\n                [src]=\"option?.svg | caSvg: option?.folder\"\n                class=\"details-template-logo\"\n            ></svg-icon>\n        }\n\n        @if (option?.status?.statusString) {\n            <p class=\"m-0 additional-text\">\n                @if (i === hoveringIndex) {\n                    ${{ option?.totalBill }}K\n                } @else {\n                    {{ option?.referenceNumber }}\n                }\n            </p>\n        }\n\n        <!-- Driver & Load Details Template -->\n\n        @if (option?.address?.address || option?.status?.statusString) {\n            <div\n                class=\"d-flex align-items-center driver-details-template-container\"\n            >\n                <div class=\"d-flex align-items-center left-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                {{ option?.totalMiles }} mi\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.address?.city }},\n                                {{ option?.address?.stateShortName }}\n                            }\n                        }\n                    </p>\n                </div>\n\n                <div class=\"d-flex align-items-center right-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                ${{ option?.totalEarnings }}K\n                            } @else {\n                                {{ option?.brokerName }}\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.hiredAt }}\n                            } @else {\n                                <ca-load-status-string\n                                    [isDropdownColor]=\"true\"\n                                    [status]=\"{\n                                        name: option?.status?.statusString,\n                                        valueForRequest:\n                                            option?.status?.statusValue?.name,\n                                    }\"\n                                    [statusOrder]=\"{\n                                        type: option.stopType!,\n                                        stopOrder:\n                                            option?.status?.statusCheckInNumber,\n                                    }\"\n                                ></ca-load-status-string>\n                            }\n                        }\n                    </p>\n                </div>\n            </div>\n        }\n\n        <!-- Additional Text -->\n        @if (option?.additionalText) {\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n\n        <!-- Plus Icon -->\n\n        @if (option?.[label] === 'ADD NEW') {\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "component", type: 
+                // Component
+                CaLoadStatusStringComponent, selector: "ca-load-status-string", inputs: ["status", "justifyStart", "isDetailsLayout", "isDispatchHistoryModalLayout", "isDropdownColor", "statusOrder", "isDispatch", "isDarkColor"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: CaSvgPipe, name: "caSvg" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDetailsTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-details-template', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Component
+                        CaLoadStatusStringComponent,
+                        // Pipe
+                        HighlightSearchPipe,
+                        CaSvgPipe,
+                    ], template: "@for (option of options; let i = $index; track option.id) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseenter)=\"hoveringIndex = i\"\n        (mouseleave)=\"hoveringIndex = -1\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n            'load-details-template': option?.status?.statusString,\n        }\"\n        class=\"dropdown-option details-template\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            [ngClass]=\"{\n                active: sort === 'active-drivers' && option?.status === 1,\n            }\"\n            class=\"details-template-text\"\n        ></div>\n\n        <!-- Svg -->\n\n        @if (option?.svg) {\n            <svg-icon\n                [src]=\"option?.svg | caSvg: option?.folder\"\n                class=\"details-template-logo\"\n            ></svg-icon>\n        }\n\n        @if (option?.status?.statusString) {\n            <p class=\"m-0 additional-text\">\n                @if (i === hoveringIndex) {\n                    ${{ option?.totalBill }}K\n                } @else {\n                    {{ option?.referenceNumber }}\n                }\n            </p>\n        }\n\n        <!-- Driver & Load Details Template -->\n\n        @if (option?.address?.address || option?.status?.statusString) {\n            <div\n                class=\"d-flex align-items-center driver-details-template-container\"\n            >\n                <div class=\"d-flex align-items-center left-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                {{ option?.totalMiles }} mi\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.address?.city }},\n                                {{ option?.address?.stateShortName }}\n                            }\n                        }\n                    </p>\n                </div>\n\n                <div class=\"d-flex align-items-center right-box\">\n                    <p class=\"m-0\">\n                        @if (i === hoveringIndex) {\n                            @if (option?.address?.address) {\n                                ${{ option?.totalEarnings }}K\n                            } @else {\n                                {{ option?.brokerName }}\n                            }\n                        } @else {\n                            @if (option?.address?.address) {\n                                {{ option?.hiredAt }}\n                            } @else {\n                                <ca-load-status-string\n                                    [isDropdownColor]=\"true\"\n                                    [status]=\"{\n                                        name: option?.status?.statusString,\n                                        valueForRequest:\n                                            option?.status?.statusValue?.name,\n                                    }\"\n                                    [statusOrder]=\"{\n                                        type: option.stopType!,\n                                        stopOrder:\n                                            option?.status?.statusCheckInNumber,\n                                    }\"\n                                ></ca-load-status-string>\n                            }\n                        }\n                    </p>\n                </div>\n            </div>\n        }\n\n        <!-- Additional Text -->\n        @if (option?.additionalText) {\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        }\n\n        <!-- Plus Icon -->\n\n        @if (option?.[label] === 'ADD NEW') {\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\n        }\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], sort: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi10ZXN0L2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS9jYS1pbnB1dC1kcm9wZG93bi1kZXRhaWxzLXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kZXRhaWxzLXRlbXBsYXRlL2NhLWlucHV0LWRyb3Bkb3duLWRldGFpbHMtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFDSCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBRU4sWUFBWSxHQUNmLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLFFBQVE7QUFDUixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFMUQsWUFBWTtBQUNaLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBSzdHLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7QUFtQjFGLE1BQU0sT0FBTyx1Q0FBdUM7SUFVaEQsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFNRDtRQXZCVSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFlLENBQUM7UUFhekQsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFReEIsMkJBQXNCLEdBQUcsc0JBQXNCLENBQUM7SUFFeEMsQ0FBQztJQUVULGdCQUFnQixDQUFDLE1BQW1CO1FBQ3ZDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7K0dBbENRLHVDQUF1QzttR0FBdkMsdUNBQXVDLDBZQzdDcEQsZ3NLQTRJQSx5REQxR1EsWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLFlBQVk7Z0JBQ1osMkJBQTJCO2dCQUUzQixPQUFPO2dCQUNQLG1CQUFtQiwrQ0FDbkIsU0FBUzs7NEZBR0osdUNBQXVDO2tCQWpCbkQsU0FBUzsrQkFDSSx3Q0FBd0MsY0FHdEMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixZQUFZO3dCQUNaLDJCQUEyQjt3QkFFM0IsT0FBTzt3QkFDUCxtQkFBbUI7d0JBQ25CLFNBQVM7cUJBQ1o7d0RBR1EsT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ3lCLGNBQWM7c0JBQTdDLFlBQVk7dUJBQUMsZ0JBQWdCO2dCQUVqQixnQkFBZ0I7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgT3V0cHV0LFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBWaWV3Q2hpbGRyZW4sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG4vLyBwaXBlc1xuaW1wb3J0IHsgSGlnaGxpZ2h0U2VhcmNoUGlwZSB9IGZyb20gJy4uLy4uLy4uLy4uL3BpcGVzL2hpZ2hsaWdodC1zZWFyY2gucGlwZSc7XG5pbXBvcnQgeyBDYVN2Z1BpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9jYS1zdmcucGlwZSc7XG5cbi8vIGNvbXBvbmVudFxuaW1wb3J0IHsgQ2FMb2FkU3RhdHVzU3RyaW5nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vY2EtbG9hZC1zdGF0dXMtc3RyaW5nL2NhLWxvYWQtc3RhdHVzLXN0cmluZy5jb21wb25lbnQnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbi8vIHN2ZyByb3V0ZXNcbmltcG9ydCB7IElucHV0RHJvcGRvd25TdmdSb3V0ZXMgfSBmcm9tICcuLi8uLi91dGlscy9zdmctcm91dGVzL2lucHV0LWRyb3Bkb3duLXN2Zy1yb3V0ZXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1kZXRhaWxzLXRlbXBsYXRlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZGV0YWlscy10ZW1wbGF0ZS5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuXG4gICAgICAgIC8vIENvbXBvbmVudFxuICAgICAgICBDYUxvYWRTdGF0dXNTdHJpbmdDb21wb25lbnQsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgICAgICBDYVN2Z1BpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duRGV0YWlsc1RlbXBsYXRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc29ydCE6IHN0cmluZztcbiAgICBASW5wdXQoKSBsYWJlbCE6IGtleW9mIE9wdGlvbk1vZGVsO1xuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG4gICAgQFZpZXdDaGlsZHJlbignZHJvcGRvd25PcHRpb24nKSBkcm9wZG93bk9wdGlvbiE6IFF1ZXJ5TGlzdDxFbGVtZW50UmVmPjtcblxuICAgIEBJbnB1dCgpIHNldCBpbnB1dEhvdmVyZWRJdGVtKHZhbDogbnVtYmVyKSB7XG4gICAgICAgIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW0gPSB2YWw7XG4gICAgICAgIGlmICh2YWwgPiAtMSkge1xuICAgICAgICAgICAgdGhpcy5kcm9wZG93bk9wdGlvbj8uZ2V0KHZhbCk/Lm5hdGl2ZUVsZW1lbnQuc2Nyb2xsSW50b1ZpZXcoe1xuICAgICAgICAgICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgICAgICAgICAgICBibG9jazogJ25lYXJlc3QnLFxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBfaW5wdXRIb3ZlcmVkSXRlbTogbnVtYmVyID0gLTE7XG5cbiAgICBwdWJsaWMgZ2V0IGlucHV0SG92ZXJlZEl0ZW0oKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtO1xuICAgIH1cblxuICAgIC8vIEZvciBEaXNwYXRjaGJvYXJkIGhvdmVyIG9wdGlvbnNcbiAgICBwdWJsaWMgaG92ZXJpbmdJbmRleCE6IG51bWJlcjtcbiAgICBwdWJsaWMgaW5wdXREcm9wZG93blN2Z1JvdXRlcyA9IElucHV0RHJvcGRvd25TdmdSb3V0ZXM7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgbGV0IGkgPSAkaW5kZXg7IHRyYWNrIG9wdGlvbi5pZCkge1xuICAgIDxkaXZcbiAgICAgICAgI2Ryb3Bkb3duT3B0aW9uXG4gICAgICAgIChjbGljayk9XCJvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbilcIlxuICAgICAgICAobW91c2VlbnRlcik9XCJob3ZlcmluZ0luZGV4ID0gaVwiXG4gICAgICAgIChtb3VzZWxlYXZlKT1cImhvdmVyaW5nSW5kZXggPSAtMVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8uW2xhYmVsXSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgJ2FkZC1uZXcnOiBvcHRpb24/LltsYWJlbF0gPT09ICdBREQgTkVXJyxcbiAgICAgICAgICAgICdhbGwtYXNzaWduZWQnOiBvcHRpb24/LltsYWJlbF0/LnRvTG93ZXJDYXNlKCkgPT09ICdhbGwgYXNzaWduZWQnLFxuICAgICAgICAgICAgJ2xvYWQtZGV0YWlscy10ZW1wbGF0ZSc6IG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNTdHJpbmcsXG4gICAgICAgIH1cIlxuICAgICAgICBjbGFzcz1cImRyb3Bkb3duLW9wdGlvbiBkZXRhaWxzLXRlbXBsYXRlXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgIG9wdGlvbj8uW2xhYmVsXVxuICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgYWN0aXZlOiBzb3J0ID09PSAnYWN0aXZlLWRyaXZlcnMnICYmIG9wdGlvbj8uc3RhdHVzID09PSAxLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICBjbGFzcz1cImRldGFpbHMtdGVtcGxhdGUtdGV4dFwiXG4gICAgICAgID48L2Rpdj5cblxuICAgICAgICA8IS0tIFN2ZyAtLT5cblxuICAgICAgICBAaWYgKG9wdGlvbj8uc3ZnKSB7XG4gICAgICAgICAgICA8c3ZnLWljb25cbiAgICAgICAgICAgICAgICBbc3JjXT1cIm9wdGlvbj8uc3ZnIHwgY2FTdmc6IG9wdGlvbj8uZm9sZGVyXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRldGFpbHMtdGVtcGxhdGUtbG9nb1wiXG4gICAgICAgICAgICA+PC9zdmctaWNvbj5cbiAgICAgICAgfVxuXG4gICAgICAgIEBpZiAob3B0aW9uPy5zdGF0dXM/LnN0YXR1c1N0cmluZykge1xuICAgICAgICAgICAgPHAgY2xhc3M9XCJtLTAgYWRkaXRpb25hbC10ZXh0XCI+XG4gICAgICAgICAgICAgICAgQGlmIChpID09PSBob3ZlcmluZ0luZGV4KSB7XG4gICAgICAgICAgICAgICAgICAgICR7eyBvcHRpb24/LnRvdGFsQmlsbCB9fUtcbiAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAge3sgb3B0aW9uPy5yZWZlcmVuY2VOdW1iZXIgfX1cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L3A+XG4gICAgICAgIH1cblxuICAgICAgICA8IS0tIERyaXZlciAmIExvYWQgRGV0YWlscyBUZW1wbGF0ZSAtLT5cblxuICAgICAgICBAaWYgKG9wdGlvbj8uYWRkcmVzcz8uYWRkcmVzcyB8fCBvcHRpb24/LnN0YXR1cz8uc3RhdHVzU3RyaW5nKSB7XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIGRyaXZlci1kZXRhaWxzLXRlbXBsYXRlLWNvbnRhaW5lclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbGVmdC1ib3hcIj5cbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJtLTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAoaSA9PT0gaG92ZXJpbmdJbmRleCkge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAob3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbj8udG90YWxNaWxlcyB9fSBtaVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBpZiAob3B0aW9uPy5hZGRyZXNzPy5hZGRyZXNzKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbj8uYWRkcmVzcz8uY2l0eSB9fSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgb3B0aW9uPy5hZGRyZXNzPy5zdGF0ZVNob3J0TmFtZSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgPC9wPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgcmlnaHQtYm94XCI+XG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwibS0wXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBAaWYgKGkgPT09IGhvdmVyaW5nSW5kZXgpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKG9wdGlvbj8uYWRkcmVzcz8uYWRkcmVzcykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAke3sgb3B0aW9uPy50b3RhbEVhcm5pbmdzIH19S1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gQGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24/LmJyb2tlck5hbWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYgKG9wdGlvbj8uYWRkcmVzcz8uYWRkcmVzcykge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBvcHRpb24/LmhpcmVkQXQgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IEBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGNhLWxvYWQtc3RhdHVzLXN0cmluZ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2lzRHJvcGRvd25Db2xvcl09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGF0dXNdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU6IG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNTdHJpbmcsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWVGb3JSZXF1ZXN0OlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb24/LnN0YXR1cz8uc3RhdHVzVmFsdWU/Lm5hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdGF0dXNPcmRlcl09XCJ7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogb3B0aW9uLnN0b3BUeXBlISxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdG9wT3JkZXI6XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbj8uc3RhdHVzPy5zdGF0dXNDaGVja0luTnVtYmVyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgID48L2NhLWxvYWQtc3RhdHVzLXN0cmluZz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIDwvcD5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBBZGRpdGlvbmFsIFRleHQgLS0+XG4gICAgICAgIEBpZiAob3B0aW9uPy5hZGRpdGlvbmFsVGV4dCkge1xuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbi5hZGRpdGlvbmFsVGV4dFxuICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInN2Z3RleHQtdGVtcGxhdGUtdGV4dCBhZGRpdGlvbmFsLXRleHRcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICB9XG5cbiAgICAgICAgPCEtLSBQbHVzIEljb24gLS0+XG5cbiAgICAgICAgQGlmIChvcHRpb24/LltsYWJlbF0gPT09ICdBREQgTkVXJykge1xuICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwbHVzLWljb25cIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiaW5wdXREcm9wZG93blN2Z1JvdXRlcy5wbHVzU3ZnXCJcbiAgICAgICAgICAgICAgICBbc3ZnU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnd2lkdGgucHgnOiAnMTQnLFxuICAgICAgICAgICAgICAgICAgICAnaGVpZ2h0LnB4JzogJzE0JyxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICB9XG4gICAgPC9kaXY+XG59XG4iXX0=

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

@@ -0,0 +1,60 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownDispatchComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+        // For Dispatchboard hover options
+        this.hoveredOption = -1;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDispatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDispatchComponent, isStandalone: true, selector: "app-ca-input-dropdown-dispatch", 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; let indx = $index; track option.id;) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseleave)=\"hoveredOption = -1\"\n        (mouseover)=\"hoveredOption = indx\"\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            active: option.id === activeItem?.id,\n            'active-repair-truck-trailer': option?.status === 1,\n        }\"\n        [ngStyle]=\"{\n            'background-color':\n                hoveredOption == indx ? '#' + option.colorD : 'inherit',\n            color: hoveredOption != indx ? '#' + option.colorD : '#fff',\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    ></div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDispatchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-dispatch', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; let indx = $index; track option.id;) {\n    <div\n        (click)=\"onActiveItemEmit(option)\"\n        (mouseleave)=\"hoveredOption = -1\"\n        (mouseover)=\"hoveredOption = indx\"\n        [innerHtml]=\"\n            option?.[label]\n                | caHighlight\n                    : [\n                          {\n                              index: 45632,\n                              text: searchText,\n                          },\n                      ]\n        \"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            active: option.id === activeItem?.id,\n            'active-repair-truck-trailer': option?.status === 1,\n        }\"\n        [ngStyle]=\"{\n            'background-color':\n                hoveredOption == indx ? '#' + option.colorD : 'inherit',\n            color: hoveredOption != indx ? '#' + option.colorD : '#fff',\n        }\"\n        class=\"dropdown-option\"\n        [class.dropdown-option-hovered]=\"indx == inputHoveredItem\"\n    ></div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZGlzcGF0Y2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBY3hELE1BQU0sT0FBTyxnQ0FBZ0M7SUFTekMsSUFBYSxnQkFBZ0IsQ0FBQyxHQUFXO1FBQ3JDLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxHQUFHLENBQUM7UUFDN0IsSUFBSSxHQUFHLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQztZQUNYLElBQUksQ0FBQyxjQUFjLEVBQUUsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLGFBQWEsQ0FBQyxjQUFjLENBQUM7Z0JBQ3hELFFBQVEsRUFBRSxRQUFRO2dCQUNsQixLQUFLLEVBQUUsU0FBUzthQUNuQixDQUFDLENBQUM7UUFDUCxDQUFDO0lBQ0wsQ0FBQztJQUlELElBQVcsZ0JBQWdCO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2xDLENBQUM7SUFPRDtRQVhBLHNCQUFpQixHQUFXLENBQUMsQ0FBQyxDQUFDO1FBTXJCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUV6RCxrQ0FBa0M7UUFDM0Isa0JBQWEsR0FBVyxDQUFDLENBQUMsQ0FBQztJQUVuQixDQUFDO0lBRVQsZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQzsrR0FsQ1EsZ0NBQWdDO21HQUFoQyxnQ0FBZ0Msb1hDakM3QyxxckNBZ0NBLHlERExRLFlBQVksaU5BQ1osb0JBQW9CO2dCQUNwQixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR2QsZ0NBQWdDO2tCQVo1QyxTQUFTOytCQUNJLGdDQUFnQyxjQUc5QixJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUN0Qjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFFMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwcC1jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWRpc3BhdGNoLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYS1pbnB1dC1kcm9wZG93bi1kaXNwYXRjaC5jb21wb25lbnQuc2NzcyddLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBDb21tb25Nb2R1bGUsXG4gICAgICAgIEFuZ3VsYXJTdmdJY29uTW9kdWxlLFxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duRGlzcGF0Y2hDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG9wdGlvbnMhOiBPcHRpb25Nb2RlbFtdO1xuICAgIEBJbnB1dCgpIGFjdGl2ZUl0ZW0hOiBPcHRpb25Nb2RlbCB8IG51bGw7XG4gICAgQElucHV0KCkgc2VhcmNoVGV4dCE6IHN0cmluZztcblxuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICAvLyBGb3IgRGlzcGF0Y2hib2FyZCBob3ZlciBvcHRpb25zXG4gICAgcHVibGljIGhvdmVyZWRPcHRpb246IG51bWJlciA9IC0xO1xuXG4gICAgY29uc3RydWN0b3IoKSB7fVxuXG4gICAgcHVibGljIG9uQWN0aXZlSXRlbUVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQWN0aXZlSXRlbS5lbWl0KG9wdGlvbik7XG4gICAgfVxufVxuIiwiQGZvciAob3B0aW9uIG9mIG9wdGlvbnM7IGxldCBpbmR4ID0gJGluZGV4OyB0cmFjayBvcHRpb24uaWQ7KSB7XG4gICAgPGRpdlxuICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pXCJcbiAgICAgICAgKG1vdXNlbGVhdmUpPVwiaG92ZXJlZE9wdGlvbiA9IC0xXCJcbiAgICAgICAgKG1vdXNlb3Zlcik9XCJob3ZlcmVkT3B0aW9uID0gaW5keFwiXG4gICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICBvcHRpb24/LltsYWJlbF1cbiAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgXCJcbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgZGlzYWJsZWQ6IG9wdGlvbj8uZGlzYWJsZWQsXG4gICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICBvcHRpb25zLmxlbmd0aCA9PT0gMSAmJiBvcHRpb25zWzBdPy5bbGFiZWxdID09PSAnTm8gUmVzdWx0cycsXG4gICAgICAgICAgICAnYWRkLW5ldyc6IG9wdGlvbj8uW2xhYmVsXSA9PT0gJ0FERCBORVcnLFxuICAgICAgICAgICAgYWN0aXZlOiBvcHRpb24uaWQgPT09IGFjdGl2ZUl0ZW0/LmlkLFxuICAgICAgICAgICAgJ2FjdGl2ZS1yZXBhaXItdHJ1Y2stdHJhaWxlcic6IG9wdGlvbj8uc3RhdHVzID09PSAxLFxuICAgICAgICB9XCJcbiAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgJ2JhY2tncm91bmQtY29sb3InOlxuICAgICAgICAgICAgICAgIGhvdmVyZWRPcHRpb24gPT0gaW5keCA/ICcjJyArIG9wdGlvbi5jb2xvckQgOiAnaW5oZXJpdCcsXG4gICAgICAgICAgICBjb2xvcjogaG92ZXJlZE9wdGlvbiAhPSBpbmR4ID8gJyMnICsgb3B0aW9uLmNvbG9yRCA6ICcjZmZmJyxcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImluZHggPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPjwvZGl2PlxufVxuIl19

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

@@ -0,0 +1,62 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownDoubleTextTemplateComponent {
+    set inputHoveredItem(val) {
+        this._inputHoveredItem = val;
+        if (val > -1) {
+            this.dropdownOption?.get(val)?.nativeElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'nearest',
+            });
+        }
+    }
+    get inputHoveredItem() {
+        return this._inputHoveredItem;
+    }
+    constructor() {
+        this._inputHoveredItem = -1;
+        this.onActiveItem = new EventEmitter();
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDoubleTextTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownDoubleTextTemplateComponent, isStandalone: true, selector: "app-ca-input-dropdown-double-text-template", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { onActiveItem: "onActiveItem" }, viewQueries: [{ propertyName: "dropdownOption", predicate: ["dropdownOption"], descendants: true }], ngImport: i0, template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n        }\"\n        class=\"dropdown-option dropdown-double-text-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- First Text -->\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            class=\"svgtext-template-text\"\n        ></div>\n\n        <!-- Additional Text -->\n\n        <ng-container *ngIf=\"option?.additionalText\">\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        </ng-container>\n\n        <!-- Plus Icon -->\n\n        <ng-container *ngIf=\"option?.[label] === 'ADD NEW'\">\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\n        </ng-container>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownDoubleTextTemplateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-double-text-template', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        (click)=\"onActiveItemEmit(option)\"\n        [ngClass]=\"{\n            disabled: option?.disabled,\n            'no-result':\n                options.length === 1 && options[0]?.[label] === 'No Results',\n            'add-new': option?.[label] === 'ADD NEW',\n            'all-assigned': option?.[label]?.toLowerCase() === 'all assigned',\n        }\"\n        class=\"dropdown-option dropdown-double-text-option\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- First Text -->\n        <div\n            [innerHtml]=\"\n                option?.[label]\n                    | caHighlight\n                        : [\n                              {\n                                  index: 45632,\n                                  text: searchText,\n                              },\n                          ]\n            \"\n            class=\"svgtext-template-text\"\n        ></div>\n\n        <!-- Additional Text -->\n\n        <ng-container *ngIf=\"option?.additionalText\">\n            <div\n                [innerHtml]=\"\n                    option.additionalText\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"svgtext-template-text additional-text\"\n                [ngClass]=\"{\n                    active: option.id === activeItem?.id,\n                }\"\n            ></div>\n        </ng-container>\n\n        <!-- Plus Icon -->\n\n        <ng-container *ngIf=\"option?.[label] === 'ADD NEW'\">\n            <svg-icon\n                class=\"plus-icon\"\n                [src]=\"inputDropdownSvgRoutes.plusSvg\"\n                [svgStyle]=\"{\n                    'width.px': '14',\n                    'height.px': '14',\n                }\"\n            ></svg-icon>\n        </ng-container>\n    </div>\n}\n" }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }], activeItem: [{
+                type: Input
+            }], searchText: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], dropdownOption: [{
+                type: ViewChildren,
+                args: ['dropdownOption']
+            }], inputHoveredItem: [{
+                type: Input
+            }], onActiveItem: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlL2NhLWlucHV0LWRyb3Bkb3duLWRvdWJsZS10ZXh0LXRlbXBsYXRlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBSzlFLFVBQVU7QUFDVixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUV4RCxhQUFhO0FBQ2IsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7QUFlMUYsTUFBTSxPQUFPLDBDQUEwQztJQVFuRCxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQU1EO1FBVkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBRWxELDJCQUFzQixHQUFHLHNCQUFzQixDQUFDO0lBRXhDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQWhDUSwwQ0FBMEM7bUdBQTFDLDBDQUEwQyxnWUNyQ3ZELDhuRUFnRUEseUREbENRLFlBQVksZ09BQ1osb0JBQW9CO2dCQUVwQixPQUFPO2dCQUNQLG1CQUFtQjs7NEZBR2QsMENBQTBDO2tCQWJ0RCxTQUFTOytCQUNJLDRDQUE0QyxjQUcxQyxJQUFJLFdBQ1A7d0JBQ0wsWUFBWTt3QkFDWixvQkFBb0I7d0JBRXBCLE9BQU87d0JBQ1AsbUJBQW1CO3FCQUN0Qjt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgUXVlcnlMaXN0LFxuICAgIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdENvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbi8vIHBpcGVzXG5pbXBvcnQgeyBIaWdobGlnaHRTZWFyY2hQaXBlIH0gZnJvbSAnLi4vLi4vLi4vLi4vcGlwZXMvaGlnaGxpZ2h0LXNlYXJjaC5waXBlJztcblxuLy8gbW9kZWxzXG5pbXBvcnQgeyBPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9pbnB1dC1kcm9wZG93bi1vcHRpb24ubW9kZWwnO1xuXG4vLyBtb2R1bGVzXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItc3ZnLWljb24nO1xuXG4vLyBzdmcgcm91dGVzXG5pbXBvcnQgeyBJbnB1dERyb3Bkb3duU3ZnUm91dGVzIH0gZnJvbSAnLi4vLi4vdXRpbHMvc3ZnLXJvdXRlcy9pbnB1dC1kcm9wZG93bi1zdmctcm91dGVzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdhcHAtY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYS1pbnB1dC1kcm9wZG93bi1kb3VibGUtdGV4dC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZG91YmxlLXRleHQtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBBbmd1bGFyU3ZnSWNvbk1vZHVsZSxcblxuICAgICAgICAvLyBQaXBlXG4gICAgICAgIEhpZ2hsaWdodFNlYXJjaFBpcGUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FJbnB1dERyb3Bkb3duRG91YmxlVGV4dFRlbXBsYXRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgb25BY3RpdmVJdGVtID0gbmV3IEV2ZW50RW1pdHRlcjxPcHRpb25Nb2RlbD4oKTtcblxuICAgIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1FbWl0KG9wdGlvbjogT3B0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vbkFjdGl2ZUl0ZW0uZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgKGNsaWNrKT1cIm9uQWN0aXZlSXRlbUVtaXQob3B0aW9uKVwiXG4gICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgIGRpc2FibGVkOiBvcHRpb24/LmRpc2FibGVkLFxuICAgICAgICAgICAgJ25vLXJlc3VsdCc6XG4gICAgICAgICAgICAgICAgb3B0aW9ucy5sZW5ndGggPT09IDEgJiYgb3B0aW9uc1swXT8uW2xhYmVsXSA9PT0gJ05vIFJlc3VsdHMnLFxuICAgICAgICAgICAgJ2FkZC1uZXcnOiBvcHRpb24/LltsYWJlbF0gPT09ICdBREQgTkVXJyxcbiAgICAgICAgICAgICdhbGwtYXNzaWduZWQnOiBvcHRpb24/LltsYWJlbF0/LnRvTG93ZXJDYXNlKCkgPT09ICdhbGwgYXNzaWduZWQnLFxuICAgICAgICB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1vcHRpb24gZHJvcGRvd24tZG91YmxlLXRleHQtb3B0aW9uXCJcbiAgICAgICAgW2NsYXNzLmRyb3Bkb3duLW9wdGlvbi1ob3ZlcmVkXT1cImkgPT0gaW5wdXRIb3ZlcmVkSXRlbVwiXG4gICAgPlxuICAgICAgICA8IS0tIEZpcnN0IFRleHQgLS0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgb3B0aW9uPy5bbGFiZWxdXG4gICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgXCJcbiAgICAgICAgICAgIGNsYXNzPVwic3ZndGV4dC10ZW1wbGF0ZS10ZXh0XCJcbiAgICAgICAgPjwvZGl2PlxuXG4gICAgICAgIDwhLS0gQWRkaXRpb25hbCBUZXh0IC0tPlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LmFkZGl0aW9uYWxUZXh0XCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgb3B0aW9uLmFkZGl0aW9uYWxUZXh0XG4gICAgICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiBbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRleHQ6IHNlYXJjaFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwic3ZndGV4dC10ZW1wbGF0ZS10ZXh0IGFkZGl0aW9uYWwtdGV4dFwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IG9wdGlvbi5pZCA9PT0gYWN0aXZlSXRlbT8uaWQsXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICA+PC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDwhLS0gUGx1cyBJY29uIC0tPlxuXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJvcHRpb24/LltsYWJlbF0gPT09ICdBREQgTkVXJ1wiPlxuICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJwbHVzLWljb25cIlxuICAgICAgICAgICAgICAgIFtzcmNdPVwiaW5wdXREcm9wZG93blN2Z1JvdXRlcy5wbHVzU3ZnXCJcbiAgICAgICAgICAgICAgICBbc3ZnU3R5bGVdPVwie1xuICAgICAgICAgICAgICAgICAgICAnd2lkdGgucHgnOiAnMTQnLFxuICAgICAgICAgICAgICAgICAgICAnaGVpZ2h0LnB4JzogJzE0JyxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==

package/esm2022/lib/components/ca-input-dropdown-test/components/ca-input-dropdown-fuel-franchise/ca-input-dropdown-fuel-franchise.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 { InputDropdownFuelFranchiseClassPipe } from '../../pipes';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+// svg routes
+import { InputDropdownSvgRoutes } from '../../utils/svg-routes/input-dropdown-svg-routes';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaInputDropdownFuelFranchiseComponent {
+    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.toggleNestedList = new EventEmitter();
+        this.onActiveItem = new EventEmitter();
+        this.onActiveItemGroup = new EventEmitter();
+        this.inputDropdownSvgRoutes = InputDropdownSvgRoutes;
+    }
+    onActiveItemGroupEmit(option, store) {
+        this.onActiveItemGroup.emit({ option, group: store });
+    }
+    onActiveItemEmit(option) {
+        this.onActiveItem.emit(option);
+    }
+    toggleNestedListEmit(option) {
+        this.toggleNestedList.emit(option);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownFuelFranchiseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownFuelFranchiseComponent, isStandalone: true, selector: "app-ca-input-dropdown-fuel-franchise", inputs: { options: "options", activeItem: "activeItem", searchText: "searchText", label: "label", inputHoveredItem: "inputHoveredItem" }, outputs: { toggleNestedList: "toggleNestedList", onActiveItem: "onActiveItem", onActiveItemGroup: "onActiveItemGroup" }, 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        [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n        class=\"dropdown-option dropdown-option-fuel-franchise\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- Hover Container -->\n        <div class=\"helper-hover-container\"></div>\n\n        <!-- Franchise Header -->\n        <div\n            (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n            (mouseenter)=\"option.hover = true\"\n            (mouseleave)=\"option.hover = false\"\n            class=\"fuel-franchise-header\"\n        >\n            <span\n                [innerHtml]=\"\n                    option[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"fuel-franchise-main-header\"\n            >\n            </span>\n            <ng-container *ngIf=\"option.isFranchise\">\n                <div class=\"fuel-franchise-header-right-side\">\n                    <ng-container\n                        *ngIf=\"\n                            option?.[label] !== 'ADD NEW' &&\n                            option?.[label] !== 'No Results'\n                        \"\n                    >\n                        <span class=\"option-counter\">\n                            {{ option.count }}\n                        </span>\n                    </ng-container>\n                    <svg-icon\n                        [ngClass]=\"{ rotate: option.open }\"\n                        class=\"header-arrow\"\n                        [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n                    ></svg-icon>\n                </div>\n            </ng-container>\n        </div>\n\n        <!-- Franchise Stores -->\n        <ng-container *ngIf=\"option.isFranchise && option.open\">\n            <div\n                [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n                class=\"fuel-franchise-stores\"\n            >\n                <ng-container *ngFor=\"let store of option.stores\">\n                    <div\n                        (click)=\"onActiveItemGroupEmit(option, store)\"\n                        [ngClass]=\"{\n                            active: activeItem?.id === store?.id,\n                        }\"\n                        class=\"fuel-franchise-single-store\"\n                    >\n                        <span\n                            [innerHtml]=\"\n                                store?.name\n                                    | caHighlight\n                                        : [\n                                              {\n                                                  index: 45632,\n                                                  text: searchText,\n                                              },\n                                          ]\n                            \"\n                            class=\"fuel-franchise-store-name\"\n                        >\n                        </span>\n                        <span\n                            [innerHtml]=\"\n                                store?.address\n                                    | caHighlight\n                                        : [\n                                              {\n                                                  index: 45632,\n                                                  text: searchText,\n                                              },\n                                          ]\n                            \"\n                            class=\"fuel-franchise-store-address\"\n                        >\n                        </span>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }, { kind: "pipe", type: InputDropdownFuelFranchiseClassPipe, name: "inputDropdownFuelFranchiseClass" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownFuelFranchiseComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-fuel-franchise', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                        InputDropdownFuelFranchiseClassPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        #dropdownOption\n        [ngClass]=\"option | inputDropdownFuelFranchiseClass: options\"\n        class=\"dropdown-option dropdown-option-fuel-franchise\"\n        [class.dropdown-option-hovered]=\"i == inputHoveredItem\"\n    >\n        <!-- Hover Container -->\n        <div class=\"helper-hover-container\"></div>\n\n        <!-- Franchise Header -->\n        <div\n            (click)=\"onActiveItemEmit(option); toggleNestedListEmit(option)\"\n            (mouseenter)=\"option.hover = true\"\n            (mouseleave)=\"option.hover = false\"\n            class=\"fuel-franchise-header\"\n        >\n            <span\n                [innerHtml]=\"\n                    option[label]\n                        | caHighlight\n                            : [\n                                  {\n                                      index: 45632,\n                                      text: searchText,\n                                  },\n                              ]\n                \"\n                class=\"fuel-franchise-main-header\"\n            >\n            </span>\n            <ng-container *ngIf=\"option.isFranchise\">\n                <div class=\"fuel-franchise-header-right-side\">\n                    <ng-container\n                        *ngIf=\"\n                            option?.[label] !== 'ADD NEW' &&\n                            option?.[label] !== 'No Results'\n                        \"\n                    >\n                        <span class=\"option-counter\">\n                            {{ option.count }}\n                        </span>\n                    </ng-container>\n                    <svg-icon\n                        [ngClass]=\"{ rotate: option.open }\"\n                        class=\"header-arrow\"\n                        [src]=\"inputDropdownSvgRoutes.arrowDownUpdatedSvg\"\n                    ></svg-icon>\n                </div>\n            </ng-container>\n        </div>\n\n        <!-- Franchise Stores -->\n        <ng-container *ngIf=\"option.isFranchise && option.open\">\n            <div\n                [ngClass]=\"{ scroll: option!.stores!.length > 7 }\"\n                class=\"fuel-franchise-stores\"\n            >\n                <ng-container *ngFor=\"let store of option.stores\">\n                    <div\n                        (click)=\"onActiveItemGroupEmit(option, store)\"\n                        [ngClass]=\"{\n                            active: activeItem?.id === store?.id,\n                        }\"\n                        class=\"fuel-franchise-single-store\"\n                    >\n                        <span\n                            [innerHtml]=\"\n                                store?.name\n                                    | caHighlight\n                                        : [\n                                              {\n                                                  index: 45632,\n                                                  text: searchText,\n                                              },\n                                          ]\n                            \"\n                            class=\"fuel-franchise-store-name\"\n                        >\n                        </span>\n                        <span\n                            [innerHtml]=\"\n                                store?.address\n                                    | caHighlight\n                                        : [\n                                              {\n                                                  index: 45632,\n                                                  text: searchText,\n                                              },\n                                          ]\n                            \"\n                            class=\"fuel-franchise-store-address\"\n                        >\n                        </span>\n                    </div>\n                </ng-container>\n            </div>\n        </ng-container>\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
+            }], toggleNestedList: [{
+                type: Output
+            }], onActiveItem: [{
+                type: Output
+            }], onActiveItemGroup: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZnVlbC1mcmFuY2hpc2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtaW5wdXQtZHJvcGRvd24tdGVzdC9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLWZ1ZWwtZnJhbmNoaXNlL2NhLWlucHV0LWRyb3Bkb3duLWZ1ZWwtZnJhbmNoaXNlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1mdWVsLWZyYW5jaGlzZS9jYS1pbnB1dC1kcm9wZG93bi1mdWVsLWZyYW5jaGlzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNILFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFFTixZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsUUFBUTtBQUNSLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxtQ0FBbUMsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUtsRSxVQUFVO0FBQ1YsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsYUFBYTtBQUNiLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOzs7O0FBZ0IxRixNQUFNLE9BQU8scUNBQXFDO0lBUTlDLElBQWEsZ0JBQWdCLENBQUMsR0FBVztRQUNyQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxDQUFDO1FBQzdCLElBQUksR0FBRyxHQUFHLENBQUMsQ0FBQyxFQUFFLENBQUM7WUFDWCxJQUFJLENBQUMsY0FBYyxFQUFFLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxhQUFhLENBQUMsY0FBYyxDQUFDO2dCQUN4RCxRQUFRLEVBQUUsUUFBUTtnQkFDbEIsS0FBSyxFQUFFLFNBQVM7YUFDbkIsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztJQUNMLENBQUM7SUFJRCxJQUFXLGdCQUFnQjtRQUN2QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztJQUNsQyxDQUFDO0lBV0Q7UUFmQSxzQkFBaUIsR0FBVyxDQUFDLENBQUMsQ0FBQztRQU1yQixxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO1FBQ25ELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWUsQ0FBQztRQUMvQyxzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFHMUMsQ0FBQztRQUVFLDJCQUFzQixHQUFHLHNCQUFzQixDQUFDO0lBRXhDLENBQUM7SUFFVCxxQkFBcUIsQ0FBQyxNQUFtQixFQUFFLEtBQVU7UUFDeEQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUMxRCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsTUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVNLG9CQUFvQixDQUFDLE1BQW1CO1FBQzNDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDdkMsQ0FBQzsrR0E3Q1EscUNBQXFDO21HQUFyQyxxQ0FBcUMsd2NDdkNsRCxtaElBb0dBLHlERHJFUSxZQUFZLDZWQUNaLG9CQUFvQjtnQkFFcEIsT0FBTztnQkFDUCxtQkFBbUIsK0NBQ25CLG1DQUFtQzs7NEZBRzlCLHFDQUFxQztrQkFkakQsU0FBUzsrQkFDSSxzQ0FBc0MsY0FHcEMsSUFBSSxXQUNQO3dCQUNMLFlBQVk7d0JBQ1osb0JBQW9CO3dCQUVwQixPQUFPO3dCQUNQLG1CQUFtQjt3QkFDbkIsbUNBQW1DO3FCQUN0Qzt3REFHUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFMEIsY0FBYztzQkFBN0MsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBRWpCLGdCQUFnQjtzQkFBNUIsS0FBSztnQkFnQkksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuaW1wb3J0IHsgSW5wdXREcm9wZG93bkZ1ZWxGcmFuY2hpc2VDbGFzc1BpcGUgfSBmcm9tICcuLi8uLi9waXBlcyc7XG5cbi8vIG1vZGVsc1xuaW1wb3J0IHsgT3B0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW5wdXQtZHJvcGRvd24tb3B0aW9uLm1vZGVsJztcblxuLy8gbW9kdWxlc1xuaW1wb3J0IHsgQW5ndWxhclN2Z0ljb25Nb2R1bGUgfSBmcm9tICdhbmd1bGFyLXN2Zy1pY29uJztcblxuLy8gc3ZnIHJvdXRlc1xuaW1wb3J0IHsgSW5wdXREcm9wZG93blN2Z1JvdXRlcyB9IGZyb20gJy4uLy4uL3V0aWxzL3N2Zy1yb3V0ZXMvaW5wdXQtZHJvcGRvd24tc3ZnLXJvdXRlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWZ1ZWwtZnJhbmNoaXNlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vY2EtaW5wdXQtZHJvcGRvd24tZnVlbC1mcmFuY2hpc2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2NhLWlucHV0LWRyb3Bkb3duLWZ1ZWwtZnJhbmNoaXNlLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgICAgICBJbnB1dERyb3Bkb3duRnVlbEZyYW5jaGlzZUNsYXNzUGlwZSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDYUlucHV0RHJvcGRvd25GdWVsRnJhbmNoaXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBvcHRpb25zITogT3B0aW9uTW9kZWxbXTtcbiAgICBASW5wdXQoKSBhY3RpdmVJdGVtITogT3B0aW9uTW9kZWwgfCBudWxsO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRleHQhOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbGFiZWwhOiBrZXlvZiBPcHRpb25Nb2RlbDtcblxuICAgIEBWaWV3Q2hpbGRyZW4oJ2Ryb3Bkb3duT3B0aW9uJykgZHJvcGRvd25PcHRpb24hOiBRdWVyeUxpc3Q8RWxlbWVudFJlZj47XG5cbiAgICBASW5wdXQoKSBzZXQgaW5wdXRIb3ZlcmVkSXRlbSh2YWw6IG51bWJlcikge1xuICAgICAgICB0aGlzLl9pbnB1dEhvdmVyZWRJdGVtID0gdmFsO1xuICAgICAgICBpZiAodmFsID4gLTEpIHtcbiAgICAgICAgICAgIHRoaXMuZHJvcGRvd25PcHRpb24/LmdldCh2YWwpPy5uYXRpdmVFbGVtZW50LnNjcm9sbEludG9WaWV3KHtcbiAgICAgICAgICAgICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgICAgICAgICAgICAgYmxvY2s6ICduZWFyZXN0JyxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgX2lucHV0SG92ZXJlZEl0ZW06IG51bWJlciA9IC0xO1xuXG4gICAgcHVibGljIGdldCBpbnB1dEhvdmVyZWRJdGVtKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5faW5wdXRIb3ZlcmVkSXRlbTtcbiAgICB9XG5cbiAgICBAT3V0cHV0KCkgdG9nZ2xlTmVzdGVkTGlzdCA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbUdyb3VwID0gbmV3IEV2ZW50RW1pdHRlcjx7XG4gICAgICAgIG9wdGlvbjogT3B0aW9uTW9kZWw7XG4gICAgICAgIGdyb3VwOiBhbnk7XG4gICAgfT4oKTtcblxuICAgIHB1YmxpYyBpbnB1dERyb3Bkb3duU3ZnUm91dGVzID0gSW5wdXREcm9wZG93blN2Z1JvdXRlcztcblxuICAgIGNvbnN0cnVjdG9yKCkge31cblxuICAgIHB1YmxpYyBvbkFjdGl2ZUl0ZW1Hcm91cEVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCwgc3RvcmU6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLm9uQWN0aXZlSXRlbUdyb3VwLmVtaXQoeyBvcHRpb24sIGdyb3VwOiBzdG9yZSB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgdG9nZ2xlTmVzdGVkTGlzdEVtaXQob3B0aW9uOiBPcHRpb25Nb2RlbCk6IHZvaWQge1xuICAgICAgICB0aGlzLnRvZ2dsZU5lc3RlZExpc3QuZW1pdChvcHRpb24pO1xuICAgIH1cbn1cbiIsIkBmb3IgKG9wdGlvbiBvZiBvcHRpb25zOyB0cmFjayBvcHRpb24uaWQ7IGxldCBpID0gJGluZGV4KSB7XG4gICAgPGRpdlxuICAgICAgICAjZHJvcGRvd25PcHRpb25cbiAgICAgICAgW25nQ2xhc3NdPVwib3B0aW9uIHwgaW5wdXREcm9wZG93bkZ1ZWxGcmFuY2hpc2VDbGFzczogb3B0aW9uc1wiXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd24tb3B0aW9uIGRyb3Bkb3duLW9wdGlvbi1mdWVsLWZyYW5jaGlzZVwiXG4gICAgICAgIFtjbGFzcy5kcm9wZG93bi1vcHRpb24taG92ZXJlZF09XCJpID09IGlucHV0SG92ZXJlZEl0ZW1cIlxuICAgID5cbiAgICAgICAgPCEtLSBIb3ZlciBDb250YWluZXIgLS0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJoZWxwZXItaG92ZXItY29udGFpbmVyXCI+PC9kaXY+XG5cbiAgICAgICAgPCEtLSBGcmFuY2hpc2UgSGVhZGVyIC0tPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChvcHRpb24pOyB0b2dnbGVOZXN0ZWRMaXN0RW1pdChvcHRpb24pXCJcbiAgICAgICAgICAgIChtb3VzZWVudGVyKT1cIm9wdGlvbi5ob3ZlciA9IHRydWVcIlxuICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwib3B0aW9uLmhvdmVyID0gZmFsc2VcIlxuICAgICAgICAgICAgY2xhc3M9XCJmdWVsLWZyYW5jaGlzZS1oZWFkZXJcIlxuICAgICAgICA+XG4gICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgIFtpbm5lckh0bWxdPVwiXG4gICAgICAgICAgICAgICAgICAgIG9wdGlvbltsYWJlbF1cbiAgICAgICAgICAgICAgICAgICAgICAgIHwgY2FIaWdobGlnaHRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IFtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4OiA0NTYzMixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdGV4dDogc2VhcmNoVGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgXVxuICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJmdWVsLWZyYW5jaGlzZS1tYWluLWhlYWRlclwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9uLmlzRnJhbmNoaXNlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZ1ZWwtZnJhbmNoaXNlLWhlYWRlci1yaWdodC1zaWRlXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9uPy5bbGFiZWxdICE9PSAnQUREIE5FVycgJiZcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb24/LltsYWJlbF0gIT09ICdObyBSZXN1bHRzJ1xuICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJvcHRpb24tY291bnRlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9wdGlvbi5jb3VudCB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7IHJvdGF0ZTogb3B0aW9uLm9wZW4gfVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImhlYWRlci1hcnJvd1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBbc3JjXT1cImlucHV0RHJvcGRvd25TdmdSb3V0ZXMuYXJyb3dEb3duVXBkYXRlZFN2Z1wiXG4gICAgICAgICAgICAgICAgICAgID48L3N2Zy1pY29uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuXG4gICAgICAgIDwhLS0gRnJhbmNoaXNlIFN0b3JlcyAtLT5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9wdGlvbi5pc0ZyYW5jaGlzZSAmJiBvcHRpb24ub3BlblwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgc2Nyb2xsOiBvcHRpb24hLnN0b3JlcyEubGVuZ3RoID4gNyB9XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImZ1ZWwtZnJhbmNoaXNlLXN0b3Jlc1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgc3RvcmUgb2Ygb3B0aW9uLnN0b3Jlc1wiPlxuICAgICAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtR3JvdXBFbWl0KG9wdGlvbiwgc3RvcmUpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhY3RpdmU6IGFjdGl2ZUl0ZW0/LmlkID09PSBzdG9yZT8uaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVlbC1mcmFuY2hpc2Utc2luZ2xlLXN0b3JlXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdG9yZT8ubmFtZVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1ZWwtZnJhbmNoaXNlLXN0b3JlLW5hbWVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaW5uZXJIdG1sXT1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdG9yZT8uYWRkcmVzc1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfCBjYUhpZ2hsaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaW5kZXg6IDQ1NjMyLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImZ1ZWwtZnJhbmNoaXNlLXN0b3JlLWFkZHJlc3NcIlxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbn1cbiJdfQ==

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

@@ -0,0 +1,58 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output, ViewChildren, } from '@angular/core';
+// pipes
+import { HighlightSearchPipe } from '../../../../pipes/highlight-search.pipe';
+// modules
+import { AngularSvgIconModule } from 'angular-svg-icon';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaInputDropdownGroupsComponent {
+    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: CaInputDropdownGroupsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: CaInputDropdownGroupsComponent, isStandalone: true, selector: "app-ca-input-dropdown-groups", 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        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"dropdown-groups\"\n    >\n        @if (options.length !== 1 && options[0]?.[label] !== 'No Results') {\n            <p class=\"dropdown-group-header\">\n                {{ option.groupName }}\n            </p>\n        }\n\n        @for (item of option.items; track item.id) {\n            <div\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                class=\"dropdown-subgroup-options\"\n            >\n                <div\n                    [innerHtml]=\"\n                        item?.name\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: searchText,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        active: item.id === activeItem?.id,\n                        'no-result':\n                            options.length === 1 && item?.name === 'No Results',\n                    }\"\n                    class=\"dropdown-subgroup-text\"\n                ></div>\n            </div>\n        }\n    </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "pipe", type: 
+                // Pipe
+                HighlightSearchPipe, name: "caHighlight" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CaInputDropdownGroupsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-ca-input-dropdown-groups', standalone: true, imports: [
+                        CommonModule,
+                        AngularSvgIconModule,
+                        // Pipe
+                        HighlightSearchPipe,
+                    ], template: "@for (option of options; track option.id; let i = $index) {\n    <div\n        [ngClass]=\"{ 'last-group': i === options.length - 1 }\"\n        class=\"dropdown-groups\"\n    >\n        @if (options.length !== 1 && options[0]?.[label] !== 'No Results') {\n            <p class=\"dropdown-group-header\">\n                {{ option.groupName }}\n            </p>\n        }\n\n        @for (item of option.items; track item.id) {\n            <div\n                (click)=\"onActiveItemEmit(item)\"\n                [ngClass]=\"{\n                    'no-result':\n                        options.length === 1 && item?.name === 'No Results',\n                }\"\n                class=\"dropdown-subgroup-options\"\n            >\n                <div\n                    [innerHtml]=\"\n                        item?.name\n                            | caHighlight\n                                : [\n                                      {\n                                          index: 45632,\n                                          text: searchText,\n                                      },\n                                  ]\n                    \"\n                    [ngClass]=\"{\n                        active: item.id === activeItem?.id,\n                        'no-result':\n                            options.length === 1 && item?.name === 'No Results',\n                    }\"\n                    class=\"dropdown-subgroup-text\"\n                ></div>\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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtaW5wdXQtZHJvcGRvd24tZ3JvdXBzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1ncm91cHMvY2EtaW5wdXQtZHJvcGRvd24tZ3JvdXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLWlucHV0LWRyb3Bkb3duLXRlc3QvY29tcG9uZW50cy9jYS1pbnB1dC1kcm9wZG93bi1ncm91cHMvY2EtaW5wdXQtZHJvcGRvd24tZ3JvdXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0gsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUd2QixRQUFRO0FBQ1IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFLOUUsVUFBVTtBQUNWLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFleEQsTUFBTSxPQUFPLDhCQUE4QjtJQVF2QyxJQUFhLGdCQUFnQixDQUFDLEdBQVc7UUFDckMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQztRQUM3QixJQUFJLEdBQUcsR0FBRyxDQUFDLENBQUMsRUFBRSxDQUFDO1lBQ1gsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsYUFBYSxDQUFDLGNBQWMsQ0FBQztnQkFDeEQsUUFBUSxFQUFFLFFBQVE7Z0JBQ2xCLEtBQUssRUFBRSxTQUFTO2FBQ25CLENBQUMsQ0FBQztRQUNQLENBQUM7SUFDTCxDQUFDO0lBSUQsSUFBVyxnQkFBZ0I7UUFDdkIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUlEO1FBUkEsc0JBQWlCLEdBQVcsQ0FBQyxDQUFDLENBQUM7UUFNckIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0lBRTFDLENBQUM7SUFFVCxnQkFBZ0IsQ0FBQyxNQUFtQjtRQUN2QyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQTlCUSw4QkFBOEI7bUdBQTlCLDhCQUE4QixrWENsQzNDLGlnREEwQ0EseUREZlEsWUFBWSw0SEFDWixvQkFBb0I7Z0JBRXBCLE9BQU87Z0JBQ1AsbUJBQW1COzs0RkFHZCw4QkFBOEI7a0JBYjFDLFNBQVM7K0JBQ0ksOEJBQThCLGNBRzVCLElBQUksV0FDUDt3QkFDTCxZQUFZO3dCQUNaLG9CQUFvQjt3QkFFcEIsT0FBTzt3QkFDUCxtQkFBbUI7cUJBQ3RCO3dEQUdRLE9BQU87c0JBQWYsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUUwQixjQUFjO3NCQUE3QyxZQUFZO3VCQUFDLGdCQUFnQjtnQkFFakIsZ0JBQWdCO3NCQUE1QixLQUFLO2dCQWdCSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE91dHB1dCxcbiAgICBRdWVyeUxpc3QsXG4gICAgVmlld0NoaWxkcmVuLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0Q29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuLy8gcGlwZXNcbmltcG9ydCB7IEhpZ2hsaWdodFNlYXJjaFBpcGUgfSBmcm9tICcuLi8uLi8uLi8uLi9waXBlcy9oaWdobGlnaHQtc2VhcmNoLnBpcGUnO1xuXG4vLyBtb2RlbHNcbmltcG9ydCB7IE9wdGlvbk1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2lucHV0LWRyb3Bkb3duLW9wdGlvbi5tb2RlbCc7XG5cbi8vIG1vZHVsZXNcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSAnYW5ndWxhci1zdmctaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXBwLWNhLWlucHV0LWRyb3Bkb3duLWdyb3VwcycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhLWlucHV0LWRyb3Bkb3duLWdyb3Vwcy5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vY2EtaW5wdXQtZHJvcGRvd24tZ3JvdXBzLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG5cbiAgICAgICAgLy8gUGlwZVxuICAgICAgICBIaWdobGlnaHRTZWFyY2hQaXBlLFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIENhSW5wdXREcm9wZG93bkdyb3Vwc0NvbXBvbmVudCB7XG4gICAgQElucHV0KCkgb3B0aW9ucyE6IE9wdGlvbk1vZGVsW107XG4gICAgQElucHV0KCkgYWN0aXZlSXRlbSE6IE9wdGlvbk1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSBzZWFyY2hUZXh0ITogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxhYmVsIToga2V5b2YgT3B0aW9uTW9kZWw7XG5cbiAgICBAVmlld0NoaWxkcmVuKCdkcm9wZG93bk9wdGlvbicpIGRyb3Bkb3duT3B0aW9uITogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuXG4gICAgQElucHV0KCkgc2V0IGlucHV0SG92ZXJlZEl0ZW0odmFsOiBudW1iZXIpIHtcbiAgICAgICAgdGhpcy5faW5wdXRIb3ZlcmVkSXRlbSA9IHZhbDtcbiAgICAgICAgaWYgKHZhbCA+IC0xKSB7XG4gICAgICAgICAgICB0aGlzLmRyb3Bkb3duT3B0aW9uPy5nZXQodmFsKT8ubmF0aXZlRWxlbWVudC5zY3JvbGxJbnRvVmlldyh7XG4gICAgICAgICAgICAgICAgYmVoYXZpb3I6ICdzbW9vdGgnLFxuICAgICAgICAgICAgICAgIGJsb2NrOiAnbmVhcmVzdCcsXG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIF9pbnB1dEhvdmVyZWRJdGVtOiBudW1iZXIgPSAtMTtcblxuICAgIHB1YmxpYyBnZXQgaW5wdXRIb3ZlcmVkSXRlbSgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2lucHV0SG92ZXJlZEl0ZW07XG4gICAgfVxuXG4gICAgQE91dHB1dCgpIG9uQWN0aXZlSXRlbSA9IG5ldyBFdmVudEVtaXR0ZXI8T3B0aW9uTW9kZWw+KCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgb25BY3RpdmVJdGVtRW1pdChvcHRpb246IE9wdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgICAgIHRoaXMub25BY3RpdmVJdGVtLmVtaXQob3B0aW9uKTtcbiAgICB9XG59XG4iLCJAZm9yIChvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2sgb3B0aW9uLmlkOyBsZXQgaSA9ICRpbmRleCkge1xuICAgIDxkaXZcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnbGFzdC1ncm91cCc6IGkgPT09IG9wdGlvbnMubGVuZ3RoIC0gMSB9XCJcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bi1ncm91cHNcIlxuICAgID5cbiAgICAgICAgQGlmIChvcHRpb25zLmxlbmd0aCAhPT0gMSAmJiBvcHRpb25zWzBdPy5bbGFiZWxdICE9PSAnTm8gUmVzdWx0cycpIHtcbiAgICAgICAgICAgIDxwIGNsYXNzPVwiZHJvcGRvd24tZ3JvdXAtaGVhZGVyXCI+XG4gICAgICAgICAgICAgICAge3sgb3B0aW9uLmdyb3VwTmFtZSB9fVxuICAgICAgICAgICAgPC9wPlxuICAgICAgICB9XG5cbiAgICAgICAgQGZvciAoaXRlbSBvZiBvcHRpb24uaXRlbXM7IHRyYWNrIGl0ZW0uaWQpIHtcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25BY3RpdmVJdGVtRW1pdChpdGVtKVwiXG4gICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAnbm8tcmVzdWx0JzpcbiAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIGl0ZW0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLXN1Ymdyb3VwLW9wdGlvbnNcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySHRtbF09XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGl0ZW0/Lm5hbWVcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB8IGNhSGlnaGxpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogW1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleDogNDU2MzIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0ZXh0OiBzZWFyY2hUZXh0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF1cbiAgICAgICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICAgICAgICAgICAgYWN0aXZlOiBpdGVtLmlkID09PSBhY3RpdmVJdGVtPy5pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgICduby1yZXN1bHQnOlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnMubGVuZ3RoID09PSAxICYmIGl0ZW0/Lm5hbWUgPT09ICdObyBSZXN1bHRzJyxcbiAgICAgICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZHJvcGRvd24tc3ViZ3JvdXAtdGV4dFwiXG4gICAgICAgICAgICAgICAgPjwvZGl2PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIH1cbiAgICA8L2Rpdj5cbn1cbiJdfQ==