ca-components 1.2.17 → 1.2.18

package/fesm2022/ca-components.mjs

@@ -11982,7 +11982,10 @@ class CaInputDropdownComponent {
         return this.superControl.control;
     }
     writeValue(value) {
-        const findOption = this._options.find((option) => option[this.optionValue] == value);
+        const findInOptions = this.inputConfig.searchinGroupIndex
+            ? this.getMainGroup()
+            : this._options;
+        const findOption = findInOptions.find((option) => option[this.optionValue] == value);
         if (findOption) {
             this.setDropdownValue(findOption);
         }
@@ -12351,6 +12354,13 @@ class CaInputDropdownComponent {
             this.selectedItem.emit(this._activeItem);
         }
     }
+    getMainGroup() {
+        let mainGroup = [];
+        this._options.map((groups) => {
+            mainGroup.push(...groups[this.inputConfig.searchinGroupIndex]);
+        });
+        return mainGroup;
+    }
     dropDownKeyNavigation({ keyCode, data, }) {
         // Navigate down
         if (keyCode === 40) {
@@ -12360,38 +12370,11 @@ class CaInputDropdownComponent {
         if (keyCode === 38) {
             this.dropdownNavigation(-1);
         }
-        // Press Escape
-        if (keyCode === 27) {
-            // if (this.inputConfig?.commands?.active) {
-            //     this.inputConfig.commands = undefined;
-            //     this.inputRef.isVisibleCommands = false;
-            //     this.inputRef.isFocusInput = false;
-            // }
-            // if (this.inputConfig.dropdownLabel) {
-            //     this.getSuperControl?.setErrors(null);
-            //     // this.inputConfig.dropdownLabelNew = false;
-            //     // this.inputConfig.commands!.active = false;
-            //     // if (!this.inputConfig.hideColorValidations) {
-            //     //     this.inputConfig.blackInput = false;
-            //     // }
-            //     this.inputRef.isFocusInput = false;
-            //     this.inputRef.isEditInput = false;
-            //     this.inputRef.inputElement.nativeElement.blur();
-            //     if (this.labelMode === 'Color') {
-            //         this.getSuperControl!.patchValue(null);
-            //         this.selectedLabelMode.emit('Label');
-            //     }
-            // }
-        }
         // Press 'enter'
         if (keyCode === 13) {
             let selectedItem;
             if (this.inputConfig.searchinGroupIndex) {
-                let mainGroup = [];
-                this._options.map((groups) => {
-                    mainGroup.push(...groups[this.inputConfig
-                        .searchinGroupIndex]);
-                });
+                let mainGroup = this.getMainGroup();
                 selectedItem = mainGroup[this.inputHoveredItem];
             }
             else {
@@ -12415,31 +12398,9 @@ class CaInputDropdownComponent {
         if (keyCode === 9) {
             if (!this.popoverRef.isOpen())
                 this.popoverRef?.open();
-            return;
-            //this.popoverRef.open();
-            //return;
-            if (this._options.length === 1 &&
-                this._options[0].id !== 7655 &&
-                this._options[0].id !== 7654) {
-                // let selectedItem = null;
-                // if (this._template === 'fuel-franchise') {
-                //     selectedItem = this._options[0]?.businessName
-                //         ? this._options[0]?.businessName
-                //         : this._options[0]?.name;
-                // } else {
-                //     selectedItem = this._options[0]?.number
-                //         ? this._options[0]?.number.toString().trim()
-                //         : this._options[0].name!.toString().trim();
-                // }
-                // this.pickupElementWithKeyboard(selectedItem, data);
-            }
-            else {
-                this.popoverRef.open();
-            }
         }
     }
     setDropdownValue(option, optionValue, label) {
-        console.log('WHAT IS OPTION', option);
         const optValue = optionValue ? optionValue : this.optionValue;
         const lbel = label ? label : this.label;
         const controlValue = optValue