@keenthemes/ktui 1.1.1 → 1.1.2

package/dist/ktui.js

@@ -2678,8 +2678,6 @@ var KTSelectRemote = /** @class */ (function () {
         this._lastQuery = query || '';
         this._currentPage = page;
         var url = this._buildUrl(query, page);
-        if (this._config.debug)
-            console.log('Fetching remote data from:', url);
         // Dispatch search start event
         this._dispatchEvent('remoteSearchStart');
         return fetch(url)
@@ -2766,24 +2764,16 @@ var KTSelectRemote = /** @class */ (function () {
     KTSelectRemote.prototype._processData = function (data) {
         var _this = this;
         try {
-            if (this._config.debug)
-                console.log('Processing API response:', data);
             var processedData = data;
             // Extract data from the API property if specified
             if (this._config.apiDataProperty && data[this._config.apiDataProperty]) {
-                if (this._config.debug)
-                    console.log("Extracting data from property: ".concat(this._config.apiDataProperty));
                 // If pagination metadata is available, extract it
                 if (this._config.pagination) {
                     if (data.total_pages) {
                         this._totalPages = data.total_pages;
-                        if (this._config.debug)
-                            console.log("Total pages found: ".concat(this._totalPages));
                     }
                     if (data.total) {
                         this._totalPages = Math.ceil(data.total / (this._config.paginationLimit || 10));
-                        if (this._config.debug)
-                            console.log("Calculated total pages: ".concat(this._totalPages, " from total: ").concat(data.total));
                     }
                 }
                 processedData = data[this._config.apiDataProperty];
@@ -2793,8 +2783,6 @@ var KTSelectRemote = /** @class */ (function () {
                 console.warn('Remote data is not an array:', processedData);
                 return [];
             }
-            if (this._config.debug)
-                console.log("Mapping ".concat(processedData.length, " items to KTSelectOptionData format"));
             // Map data to KTSelectOptionData format
             var mappedData = processedData.map(function (item) {
                 var mappedItem = _this._mapItemToOption(item);
@@ -2820,19 +2808,13 @@ var KTSelectRemote = /** @class */ (function () {
                     // If we found a value, verify it matches what was extracted
                     if (nestedValue !== null && nestedValue !== undefined) {
                         var expectedValue = String(nestedValue);
-                        if (_this._config.debug)
-                            console.log("Data path verification for [".concat(_this._config.dataValueField, "]: Expected: ").concat(expectedValue, ", Got: ").concat(mappedItem.id));
                         if (mappedItem.id !== expectedValue && expectedValue) {
                             console.warn("Value mismatch! Path: ".concat(_this._config.dataValueField, ", Expected: ").concat(expectedValue, ", Got: ").concat(mappedItem.id));
                         }
                     }
                 }
-                if (_this._config.debug)
-                    console.log("Mapped item: ".concat(JSON.stringify(mappedItem)));
                 return mappedItem;
             });
-            if (this._config.debug)
-                console.log("Returned ".concat(mappedData.length, " mapped items"));
             return mappedData;
         }
         catch (error) {
@@ -2848,14 +2830,9 @@ var KTSelectRemote = /** @class */ (function () {
      * @returns KTSelectOptionData object
      */
     KTSelectRemote.prototype._mapItemToOption = function (item) {
-        var _this = this;
         // Get the field mapping from config with fallbacks for common field names
         var valueField = this._config.dataValueField || 'id';
         var labelField = this._config.dataFieldText || 'title';
-        if (this._config.debug)
-            console.log("Mapping fields: value=".concat(valueField, ", label=").concat(labelField));
-        if (this._config.debug)
-            console.log('Item data:', JSON.stringify(item).substring(0, 200) + '...'); // Trimmed for readability
         // Extract values using improved getValue function
         var getValue = function (obj, path) {
             if (!path || !obj)
@@ -2873,13 +2850,6 @@ var KTSelectRemote = /** @class */ (function () {
                     }
                     result_1 = result_1[part];
                 }
-                // Log the extraction result
-                if (_this._config.debug)
-                    console.log("Extracted [".concat(path, "] => ").concat(result_1 !== null && result_1 !== undefined
-                        ? typeof result_1 === 'object'
-                            ? JSON.stringify(result_1).substring(0, 50)
-                            : String(result_1).substring(0, 50)
-                        : 'null'));
                 return result_1;
             }
             catch (error) {
@@ -2896,8 +2866,6 @@ var KTSelectRemote = /** @class */ (function () {
                 var field = fallbackFields_1[_i];
                 if (item[field] !== null && item[field] !== undefined) {
                     id = String(item[field]);
-                    if (this._config.debug)
-                        console.log("Using fallback field '".concat(field, "' for ID: ").concat(id));
                     break;
                 }
             }
@@ -2908,8 +2876,6 @@ var KTSelectRemote = /** @class */ (function () {
         // If still no ID, generate one
         if (!id) {
             id = "option-".concat(Math.random().toString(36).substr(2, 9));
-            if (this._config.debug)
-                console.log("Generated fallback ID: ".concat(id));
         }
         // Get label with proper fallbacks
         var title = getValue(item, labelField);
@@ -2927,8 +2893,6 @@ var KTSelectRemote = /** @class */ (function () {
                 var field = fallbackFields_2[_a];
                 if (item[field] !== null && item[field] !== undefined) {
                     title = String(item[field]);
-                    if (this._config.debug)
-                        console.log("Using fallback field '".concat(field, "' for title: ").concat(title));
                     break;
                 }
             }
@@ -2939,8 +2903,6 @@ var KTSelectRemote = /** @class */ (function () {
         // If still no title, use ID as fallback
         if (!title) {
             title = "Option ".concat(id);
-            if (this._config.debug)
-                console.log("Using ID as fallback title: ".concat(title));
         }
         // Create the option object with consistent structure
         var result = {
@@ -2949,8 +2911,6 @@ var KTSelectRemote = /** @class */ (function () {
             selected: Boolean(item.selected),
             disabled: Boolean(item.disabled),
         };
-        if (this._config.debug)
-            console.log('Final mapped item:', JSON.stringify(result));
         return result;
     };
     /**
@@ -6150,8 +6110,6 @@ var KTSelectCombobox = /** @class */ (function () {
             _this._toggleClearButtonVisibility(_this._searchInputElement.value);
             // this._select.showAllOptions(); // showAllOptions might be too broad, filtering is managed by typing.
         });
-        if (this._config.debug)
-            console.log('KTSelectCombobox initialized');
     }
     /**
      * Attach event listeners specific to combobox
@@ -8643,8 +8601,6 @@ var KTSelectDropdown = /** @class */ (function (_super) {
         event.preventDefault();
         event.stopPropagation();
         if (this._config.disabled) {
-            if (this._config.debug)
-                console.log('KTSelectDropdown._handleToggleClick: select is disabled');
             return;
         }
         // Call KTSelect's methods
@@ -8818,8 +8774,6 @@ var KTSelectDropdown = /** @class */ (function (_super) {
     KTSelectDropdown.prototype.open = function () {
         var _this = this;
         if (this._config.disabled) {
-            if (this._config.debug)
-                console.log('KTSelectDropdown.open: select is disabled, not opening');
             return;
         }
         if (this._isOpen || this._isTransitioning)
@@ -8876,23 +8830,15 @@ var KTSelectDropdown = /** @class */ (function (_super) {
      */
     KTSelectDropdown.prototype.close = function () {
         var _this = this;
-        if (this._config.debug)
-            console.log('KTSelectDropdown.close called - isOpen:', this._isOpen, 'isTransitioning:', this._isTransitioning);
         if (!this._isOpen || this._isTransitioning) {
-            if (this._config.debug)
-                console.log('KTSelectDropdown.close - early return: dropdown not open or is transitioning');
             return;
         }
         // Events and ARIA will be handled by KTSelect
-        if (this._config.debug)
-            console.log('KTSelectDropdown.close - starting transition');
         this._isTransitioning = true;
         this._dropdownElement.style.opacity = '0';
         var transitionComplete = false;
         var fallbackTimer = setTimeout(function () {
             if (!transitionComplete) {
-                if (_this._config.debug)
-                    console.log('KTSelectDropdown.close - fallback timer triggered');
                 completeTransition();
             }
         }, 300);
@@ -8901,8 +8847,6 @@ var KTSelectDropdown = /** @class */ (function (_super) {
                 return;
             transitionComplete = true;
             clearTimeout(fallbackTimer);
-            if (_this._config.debug)
-                console.log('KTSelectDropdown.close - transition ended');
             _this._dropdownElement.classList.add('hidden');
             _this._dropdownElement.classList.remove('open');
             _this._toggleElement.classList.remove('active');
@@ -8911,8 +8855,6 @@ var KTSelectDropdown = /** @class */ (function (_super) {
             _this._isTransitioning = false;
             _this._isOpen = false;
             // Events will be handled by KTSelect
-            if (_this._config.debug)
-                console.log('KTSelectDropdown.close - visual part complete');
         };
         dom_1.default.transitionEnd(this._dropdownElement, completeTransition);
         if (dom_1.default.getCssProp(this._dropdownElement, 'transition-duration') === '0s') {
@@ -9292,8 +9234,6 @@ var KTSelectSearch = /** @class */ (function () {
         if (this._select.getConfig().enableSearch) {
             this._searchInput = this._select.getSearchInput();
             if (this._searchInput) {
-                if (this._config.debug)
-                    console.log('Initializing search module with input:', this._searchInput);
                 // First remove any existing listeners to prevent duplicates
                 this._removeEventListeners();
                 // Add the input event listener for filtering
@@ -9329,22 +9269,37 @@ var KTSelectSearch = /** @class */ (function () {
                     .getWrapperElement()
                     .addEventListener('dropdown.close', function () {
                     _this._focusManager.resetFocus();
-                    // If clearSearchOnClose is false and there's a value, the search term and filtered state should persist.
-                    // KTSelect's closeDropdown method already calls this._searchModule.clearSearch() (which clears highlights)
-                    // and conditionally clears the input value based on KTSelect's config.clearSearchOnClose.
-                    // This listener in search.ts seems to unconditionally clear everything.
-                    // For now, keeping its original behavior:
-                    _this.clearSearch(); // Clears highlights from current options
-                    _this._searchInput.value = ''; // Clears the search input field
-                    _this._resetAllOptions(); // Shows all options, restores original text, removes highlights
-                    _this._clearNoResultsMessage(); // Clears any "no results" message
+                    var config = _this._select.getConfig();
+                    // Clear highlights from current options (always do this)
+                    _this.clearSearch();
+                    // Respect clearSearchOnClose config option
+                    if (config.clearSearchOnClose) {
+                        // Clear the search input field
+                        _this._searchInput.value = '';
+                        // Reset all options to their original state
+                        _this._resetAllOptions();
+                        // Clear any "no results" message
+                        _this._clearNoResultsMessage();
+                    }
+                    else {
+                        // When clearSearchOnClose is false, preserve search text
+                        // The search input value is already preserved by KTSelect's closeDropdown method
+                        // Reset options visibility to show all (they will be re-filtered when dropdown reopens)
+                        _this._resetAllOptions();
+                        // Clear any "no results" message
+                        _this._clearNoResultsMessage();
+                        // Note: The search input value is preserved, so when dropdown reopens,
+                        // the dropdown.show listener will detect it and re-filter options accordingly
+                    }
                 });
                 // Clear highlights when an option is selected - ATTACH TO ORIGINAL SELECT (standard 'change' event)
                 this._select.getElement().addEventListener('change', function () {
                     _this.clearSearch();
-                    // Close dropdown only for single select mode
+                    // Close dropdown only for single select mode, and only if closeOnEnter is not false
                     // Keep dropdown open for multiple select mode to allow additional selections
-                    if (!_this._select.getConfig().multiple) {
+                    // Also respect closeOnEnter config when it's explicitly set to false
+                    var config = _this._select.getConfig();
+                    if (!config.multiple && config.closeOnEnter !== false) {
                         _this._select.closeDropdown();
                     }
                 });
@@ -9367,12 +9322,9 @@ var KTSelectSearch = /** @class */ (function () {
                         // 2. Clear any "no results" message.
                         _this._clearNoResultsMessage();
                     }
-                    // Handle autofocus for the search input (this was one of the original separate listeners)
+                    // Handle autofocus for the search input with retry mechanism
                     if (_this._select.getConfig().searchAutofocus) {
-                        setTimeout(function () {
-                            var _a;
-                            (_a = _this._searchInput) === null || _a === void 0 ? void 0 : _a.focus(); // Focus search input
-                        }, 50); // Delay to ensure dropdown is visible
+                        _this._focusSearchInputWithRetry();
                     }
                     _this._select.updateSelectAllButtonState();
                 });
@@ -9387,6 +9339,54 @@ var KTSelectSearch = /** @class */ (function () {
             this._eventManager.removeAllListeners(this._searchInput);
         }
     };
+    /**
+     * Focus the search input with retry mechanism for reliability
+     * Retries up to 3 times with exponential backoff (50ms, 100ms, 200ms)
+     */
+    KTSelectSearch.prototype._focusSearchInputWithRetry = function (attempt) {
+        var _this = this;
+        if (attempt === void 0) { attempt = 0; }
+        if (!this._searchInput) {
+            return;
+        }
+        var maxAttempts = 3;
+        var delays = [0, 50, 100, 200]; // Initial attempt + 3 retries
+        if (attempt > maxAttempts) {
+            if (this._config.debug) {
+                console.warn('KTSelect: Failed to focus search input after', maxAttempts, 'attempts');
+            }
+            return;
+        }
+        var delay = delays[attempt] || 200;
+        var focusAttempt = function () {
+            var _a;
+            try {
+                (_a = _this._searchInput) === null || _a === void 0 ? void 0 : _a.focus();
+                // Check if focus was successful
+                var isFocused = document.activeElement === _this._searchInput || _this._searchInput === document.activeElement;
+                if (isFocused) {
+                    // Focus successful
+                    return;
+                }
+                // Focus failed, retry if we haven't exceeded max attempts
+                if (attempt < maxAttempts) {
+                    _this._focusSearchInputWithRetry(attempt + 1);
+                }
+            }
+            catch (error) {
+                // Focus failed with error, retry if we haven't exceeded max attempts
+                if (attempt < maxAttempts) {
+                    _this._focusSearchInputWithRetry(attempt + 1);
+                }
+            }
+        };
+        if (delay === 0) {
+            focusAttempt();
+        }
+        else {
+            setTimeout(focusAttempt, delay);
+        }
+    };
     /**
      * Handles keydown events on the search input for navigation and actions.
      */
@@ -9414,10 +9414,13 @@ var KTSelectSearch = /** @class */ (function () {
                 if (firstAvailableOption) {
                     var optionValue = firstAvailableOption.getAttribute('data-value');
                     if (optionValue) {
+                        // toggleSelection() already handles closing the dropdown based on closeOnEnter config
+                        // for single-select mode, so we don't need to call closeDropdown() here
                         this._select.toggleSelection(optionValue);
-                        // KTSelect.toggleSelection handles closing the dropdown based on config.closeOnSelect and config.multiple
+                        // If closeOnEnter is false, dropdown remains open for additional selections
                     }
                 }
+                // If no available option, do nothing (dropdown remains open)
                 break;
             case 'Escape':
                 event.preventDefault();
@@ -9743,8 +9746,6 @@ var KTSelect = /** @class */ (function (_super) {
             _this._state
                 .setItems()
                 .then(function () {
-                if (_this._config.debug)
-                    console.log('Setting up component after remote data is loaded');
                 _this._setupComponent();
             })
                 .catch(function (error) {
@@ -9779,6 +9780,33 @@ var KTSelect = /** @class */ (function (_super) {
         // Cast to writable to allow assignment (config is readonly but needs initialization)
         this._config = __assign(__assign(__assign(__assign(__assign({}, this._defaultConfig), KTSelect.globalConfig), this._getGlobalConfig()), dom_1.default.getDataAttributes(this._element, this._dataOptionPrefix + this._name)), config);
     };
+    /**
+     * Override _dispatchEvent to also dispatch on document for global listeners (jQuery compatibility)
+     */
+    KTSelect.prototype._dispatchEvent = function (eventType, payload) {
+        if (payload === void 0) { payload = null; }
+        // Call parent method to dispatch on element (existing behavior)
+        _super.prototype._dispatchEvent.call(this, eventType, payload);
+        // Also dispatch on document if configured
+        var dispatchGlobalEvents = this._config.dispatchGlobalEvents !== false; // Default to true
+        if (dispatchGlobalEvents) {
+            // Create namespaced event name for document dispatch
+            var namespacedEventType = "kt-select:".concat(eventType);
+            // Create event with same detail structure
+            var globalEvent = new CustomEvent(namespacedEventType, {
+                detail: {
+                    payload: payload,
+                    instance: this, // Include component instance reference
+                    element: this._element, // Include element reference
+                },
+                bubbles: true,
+                cancelable: true,
+                composed: true, // Allow event to cross shadow DOM boundaries
+            });
+            // Dispatch on document
+            document.dispatchEvent(globalEvent);
+        }
+    };
     /**
      * Initialize remote data fetching
      */
@@ -9786,8 +9814,6 @@ var KTSelect = /** @class */ (function (_super) {
         var _this = this;
         if (!this._remoteModule || !this._config.remote)
             return;
-        if (this._config.debug)
-            console.log('Initializing remote data with URL:', this._config.dataUrl);
         // For remote data, we need to create the HTML structure first
         // so that the component can be properly initialized
         this._createHtmlStructure();
@@ -9798,8 +9824,6 @@ var KTSelect = /** @class */ (function (_super) {
         this._remoteModule
             .fetchData()
             .then(function (items) {
-            if (_this._config.debug)
-                console.log('Remote data fetched:', items);
             // Remove placeholder/loading options before setting new items
             _this._clearExistingOptions();
             // Update state with fetched items
@@ -9808,8 +9832,6 @@ var KTSelect = /** @class */ (function (_super) {
                 .then(function () {
                 // Generate options from the fetched data
                 _this._generateOptionsHtml(_this._element);
-                if (_this._config.debug)
-                    console.log('Generating options HTML from remote data');
                 // Update the dropdown to show the new options
                 _this._updateDropdownWithNewOptions();
                 // Complete the component setup with the fetched data
@@ -9837,9 +9859,6 @@ var KTSelect = /** @class */ (function (_super) {
         var selectedOptions = Array.from(this._element.querySelectorAll('option[selected]:not([value=""])'));
         if (selectedOptions.length > 0) {
             this._preSelectedValues = selectedOptions.map(function (opt) { return opt.value; });
-            if (this._config.debug) {
-                console.log('Captured pre-selected values before clearing:', this._preSelectedValues);
-            }
         }
         // Keep only the empty/placeholder option and remove the rest
         var options = Array.from(this._element.querySelectorAll('option:not([value=""])'));
@@ -9898,9 +9917,6 @@ var KTSelect = /** @class */ (function (_super) {
         optionsContainer.appendChild(fragment);
         // Update options NodeList
         this._options = this._dropdownContentElement.querySelectorAll('[data-kt-select-option]');
-        if (this._config.debug) {
-            console.log("Rendered ".concat(optionsData.length, " options in dropdown"));
-        }
     };
     /**
      * Update dropdown with new options from the original select element
@@ -9925,9 +9941,6 @@ var KTSelect = /** @class */ (function (_super) {
         }
         // Apply pre-selected values captured before remote data was loaded
         if (this._preSelectedValues.length > 0) {
-            if (this._config.debug) {
-                console.log('Applying pre-selected values after remote data loaded:', this._preSelectedValues);
-            }
             // Get all available option values from the loaded remote data
             var availableValues_1 = Array.from(this._element.querySelectorAll('option')).map(function (opt) { return opt.value; });
             // Filter pre-selected values to only those that exist in remote data
@@ -9939,9 +9952,6 @@ var KTSelect = /** @class */ (function (_super) {
                 var valuesToSelect = this._config.multiple
                     ? validPreSelectedValues
                     : [validPreSelectedValues[0]];
-                if (this._config.debug) {
-                    console.log('Selecting matched values:', valuesToSelect);
-                }
                 // Get any existing selections from _preSelectOptions (e.g., data-kt-select-pre-selected)
                 var existingSelections = this._state.getSelectedOptions();
                 // Merge existing selections with native pre-selected values (no duplicates)
@@ -9958,9 +9968,6 @@ var KTSelect = /** @class */ (function (_super) {
                 this.updateSelectedOptionDisplay();
                 this._updateSelectedOptionClass();
             }
-            else if (this._config.debug) {
-                console.log('None of the pre-selected values matched remote data:', this._preSelectedValues);
-            }
             // Clear the pre-selected values array after processing
             this._preSelectedValues = [];
         }
@@ -10035,8 +10042,6 @@ var KTSelect = /** @class */ (function (_super) {
         // If dropdown is already created, show error message there
         this._showDropdownMessage('error', message);
         if (!this._wrapperElement) {
-            if (this._config.debug)
-                console.log('Setting up component after error');
             this._setupComponent();
         }
     };
@@ -10148,8 +10153,6 @@ var KTSelect = /** @class */ (function (_super) {
         });
         // Update options NodeList to include the new options
         this._options = this._dropdownContentElement.querySelectorAll("[data-kt-select-option]");
-        if (this._config.debug)
-            console.log("Added ".concat(newItems.length, " more options to dropdown"));
     };
     /**
      * ========================================================================
@@ -10288,10 +10291,18 @@ var KTSelect = /** @class */ (function (_super) {
             return;
         }
         // Get search input element - this is used for the search functionality
-        this._searchInputElement = this._dropdownContentElement.querySelector("[data-kt-select-search]");
-        // If not found in dropdown, check if it's the display element itself
+        // First try to find the actual input element (not the wrapper div)
+        this._searchInputElement = this._dropdownContentElement.querySelector("input[data-kt-select-search]");
+        // If not found, try the wrapper selector (for backward compatibility)
         if (!this._searchInputElement) {
-            this._searchInputElement = this._displayElement;
+            var searchWrapper = this._dropdownContentElement.querySelector("[data-kt-select-search]");
+            if (searchWrapper) {
+                this._searchInputElement = searchWrapper.querySelector('input');
+            }
+        }
+        // If still not found in dropdown, check if it's the display element itself (combobox mode)
+        if (!this._searchInputElement) {
+            this._searchInputElement = this._displayElement.querySelector('input[data-kt-select-search]');
         }
         this._selectAllButton = this._wrapperElement.querySelector('[data-kt-select-select-all]');
         // Cache the options container for performance
@@ -10357,8 +10368,6 @@ var KTSelect = /** @class */ (function (_super) {
     KTSelect.prototype._generateOptionsHtml = function (element) {
         var _this = this;
         var items = this._state.getItems() || [];
-        if (this._config.debug)
-            console.log("Generating options HTML from ".concat(items.length, " items"));
         // Only modify options if we have items to replace them with
         if (items && items.length > 0) {
             // Clear existing options except the first empty one
@@ -10386,9 +10395,6 @@ var KTSelect = /** @class */ (function (_super) {
                     label =
                         extractedLabel !== null ? String(extractedLabel) : 'Unnamed option';
                 }
-                // Log the extracted values for debugging
-                if (_this._config.debug)
-                    console.log("Option: value=".concat(value, ", label=").concat(label));
                 // Set option attributes
                 optionElement.value = value;
                 optionElement.textContent = label || 'Unnamed option';
@@ -10397,12 +10403,6 @@ var KTSelect = /** @class */ (function (_super) {
                 }
                 element.appendChild(optionElement);
             });
-            if (this._config.debug)
-                console.log("Added ".concat(items.length, " options to select element"));
-        }
-        else {
-            if (this._config.debug)
-                console.log('No items to generate options from');
         }
     };
     /**
@@ -10415,8 +10415,6 @@ var KTSelect = /** @class */ (function (_super) {
         var result = key
             .split('.')
             .reduce(function (o, k) { return (o && o[k] !== undefined ? o[k] : null); }, obj);
-        if (this._config.debug)
-            console.log("Extracting [".concat(key, "] from object => ").concat(result !== null ? JSON.stringify(result) : 'null'));
         return result;
     };
     /**
@@ -10449,33 +10447,48 @@ var KTSelect = /** @class */ (function (_super) {
      * Open the dropdown
      */
     KTSelect.prototype.openDropdown = function () {
+        var _this = this;
         if (this._config.disabled) {
-            if (this._config.debug)
-                console.log('openDropdown: select is disabled, not opening');
             return;
         }
-        if (this._config.debug)
-            console.log('openDropdown called, dropdownModule exists:', !!this._dropdownModule);
         if (!this._dropdownModule) {
-            if (this._config.debug)
-                console.log('Early return from openDropdown - module missing');
             return;
         }
         // Don't open dropdown if the select is disabled
         if (this._config.disabled) {
-            if (this._config.debug)
-                console.log('Early return from openDropdown - select is disabled');
             return;
         }
-        if (this._config.debug)
-            console.log('Opening dropdown via dropdownModule...');
+        // Global dropdown management: close other open dropdowns if configured
+        var closeOnOtherOpen = this._config.closeOnOtherOpen !== false; // Default to true
+        if (closeOnOtherOpen) {
+            // Close all other open dropdowns
+            var otherSelectsToClose_1 = [];
+            KTSelect.openDropdowns.forEach(function (otherSelect) {
+                var isOther = otherSelect !== _this;
+                var isOpen = otherSelect._dropdownIsOpen;
+                if (isOther && isOpen) {
+                    otherSelectsToClose_1.push(otherSelect);
+                }
+            });
+            otherSelectsToClose_1.forEach(function (otherSelect) {
+                otherSelect.closeDropdown();
+            });
+        }
         // Set our internal flag to match what we're doing
         this._dropdownIsOpen = true;
+        // Add to registry
+        KTSelect.openDropdowns.add(this);
         // Open the dropdown via the module
         this._dropdownModule.open();
-        // Dispatch custom event
+        // Dispatch custom events
         this._dispatchEvent('show');
         this._fireEvent('show');
+        // Dispatch dropdown.show event on wrapper for search module
+        var dropdownShowEvent = new CustomEvent('dropdown.show', {
+            bubbles: true,
+            cancelable: true,
+        });
+        this._wrapperElement.dispatchEvent(dropdownShowEvent);
         // Update ARIA states
         this._setAriaAttributes();
         // Update select all button state
@@ -10487,17 +10500,10 @@ var KTSelect = /** @class */ (function (_super) {
      * Close the dropdown
      */
     KTSelect.prototype.closeDropdown = function () {
-        if (this._config.debug)
-            console.log('closeDropdown called, dropdownModule exists:', !!this._dropdownModule);
         // Only check if dropdown module exists, not dropdownIsOpen flag
         if (!this._dropdownModule) {
-            if (this._config.debug)
-                console.log('Early return from closeDropdown - module missing');
             return;
         }
-        // Always close by delegating to the dropdown module, which is the source of truth
-        if (this._config.debug)
-            console.log('Closing dropdown via dropdownModule...');
         // Clear search input if the dropdown is closing
         if (this._searchModule && this._searchInputElement) {
             // Clear search input if configured to do so
@@ -10509,6 +10515,8 @@ var KTSelect = /** @class */ (function (_super) {
         }
         // Set our internal flag to match what we're doing
         this._dropdownIsOpen = false;
+        // Remove from registry
+        KTSelect.openDropdowns.delete(this);
         // Call the dropdown module's close method
         this._dropdownModule.close();
         // Reset all focus states
@@ -10518,10 +10526,14 @@ var KTSelect = /** @class */ (function (_super) {
         // Dispatch custom events
         this._dispatchEvent('close');
         this._fireEvent('close');
+        // Dispatch dropdown.close event on wrapper for search module
+        var dropdownCloseEvent = new CustomEvent('dropdown.close', {
+            bubbles: true,
+            cancelable: true,
+        });
+        this._wrapperElement.dispatchEvent(dropdownCloseEvent);
         // Update ARIA states
         this._setAriaAttributes();
-        if (this._config.debug)
-            console.log('closeDropdown complete');
     };
     /**
      * Update dropdown position
@@ -10558,8 +10570,6 @@ var KTSelect = /** @class */ (function (_super) {
     KTSelect.prototype._selectOption = function (value) {
         // Prevent selection if the option is disabled (in dropdown or original select)
         if (this._isOptionDisabled(value)) {
-            if (this._config.debug)
-                console.log('_selectOption: Option is disabled, ignoring selection');
             return;
         }
         // Get current selection state
@@ -10688,8 +10698,6 @@ var KTSelect = /** @class */ (function (_super) {
         var selectedValues = this._state.getSelectedOptions();
         var maxReached = typeof this._config.maxSelections === 'number' &&
             selectedValues.length >= this._config.maxSelections;
-        if (this._config.debug)
-            console.log('Updating selected classes for options, selected values:', selectedValues);
         allOptions.forEach(function (option) {
             var optionValue = option.getAttribute('data-value');
             if (!optionValue)
@@ -10790,36 +10798,24 @@ var KTSelect = /** @class */ (function (_super) {
      * Handle clicking on an option in the dropdown
      */
     KTSelect.prototype._handleOptionClick = function (event) {
-        if (this._config.debug)
-            console.log('_handleOptionClick called', event.target);
         event.preventDefault();
         event.stopPropagation();
         // Find the clicked option element
         var clickedOption = event.target.closest("[data-kt-select-option]");
         if (!clickedOption) {
-            if (this._config.debug)
-                console.log('No clicked option found');
             return;
         }
         // Check if the option is disabled
         if (clickedOption.getAttribute('aria-disabled') === 'true') {
-            if (this._config.debug)
-                console.log('Option is disabled, ignoring click');
             return;
         }
         // Use dataset.value to get the option value
         var optionValue = clickedOption.dataset.value;
         if (optionValue === undefined) {
-            if (this._config.debug)
-                console.log('Option value is undefined');
             return;
         }
-        if (this._config.debug)
-            console.log('Option clicked:', optionValue);
         // If in single-select mode and the clicked option is already selected, just close the dropdown.
         if (!this._config.multiple && this._state.isSelected(optionValue)) {
-            if (this._config.debug)
-                console.log('Single select mode: clicked already selected option. Closing dropdown.');
             this.closeDropdown();
             return;
         }
@@ -10948,22 +10944,14 @@ var KTSelect = /** @class */ (function (_super) {
     KTSelect.prototype.toggleSelection = function (value) {
         // Prevent selection if the option is disabled (in dropdown or original select)
         if (this._isOptionDisabled(value)) {
-            if (this._config.debug)
-                console.log('toggleSelection: Option is disabled, ignoring selection');
             return;
         }
         // Get current selection state
         var isSelected = this._state.isSelected(value);
-        if (this._config.debug)
-            console.log("toggleSelection called for value: ".concat(value, ", isSelected: ").concat(isSelected, ", multiple: ").concat(this._config.multiple));
         // If already selected in single select mode, do nothing (can't deselect in single select)
         if (isSelected && !this._config.multiple) {
-            if (this._config.debug)
-                console.log('Early return from toggleSelection - already selected in single select mode');
             return;
         }
-        if (this._config.debug)
-            console.log("Toggling selection for option: ".concat(value, ", currently selected: ").concat(isSelected));
         // Ensure any search input is cleared when selection changes
         if (this._searchModule) {
             this._searchModule.clearSearch();
@@ -10988,16 +10976,21 @@ var KTSelect = /** @class */ (function (_super) {
         this.updateSelectedOptionDisplay();
         // Update option classes without re-rendering the dropdown content
         this._updateSelectedOptionClass();
-        // For single select mode, always close the dropdown after selection
+        // For single select mode, close the dropdown after selection unless closeOnEnter is false
         // For multiple select mode, keep the dropdown open to allow multiple selections
         if (!this._config.multiple) {
-            if (this._config.debug)
-                console.log('About to call closeDropdown() for single select mode - always close after selection');
-            this.closeDropdown();
+            // Check if we should close based on closeOnEnter config
+            // closeOnEnter only applies to Enter key selections, but for backward compatibility,
+            // we'll respect it for all selections when explicitly set to false
+            var shouldClose = this._config.closeOnEnter !== false; // Default to true
+            if (shouldClose) {
+                this.closeDropdown();
+            }
+            else {
+                this.updateSelectAllButtonState();
+            }
         }
         else {
-            if (this._config.debug)
-                console.log('Multiple select mode - keeping dropdown open for additional selections');
             // Don't close dropdown in multiple select mode to allow multiple selections
             this.updateSelectAllButtonState();
         }
@@ -11129,9 +11122,6 @@ var KTSelect = /** @class */ (function (_super) {
                 var validSelections = currentlySelected.filter(function (value) {
                     return availableValues.includes(value);
                 });
-                if (_this._config.debug && currentlySelected.length > 0) {
-                    console.log('update(): Preserving selections that exist in new data:', validSelections);
-                }
                 // Add new options from remote data and restore selection state
                 items.forEach(function (item) {
                     var option = document.createElement('option');
@@ -11214,9 +11204,6 @@ var KTSelect = /** @class */ (function (_super) {
                 var validSelections = currentlySelected.filter(function (value) {
                     return availableValues.includes(value);
                 });
-                if (_this._config.debug && currentlySelected.length > 0) {
-                    console.log('reload(): Preserving selections that exist in new data:', validSelections);
-                }
                 // Mark preserved selections on new options
                 validSelections.forEach(function (value) {
                     var option = Array.from(_this._element.querySelectorAll('option')).find(function (opt) { return opt.value === value; });
@@ -11280,9 +11267,6 @@ var KTSelect = /** @class */ (function (_super) {
                 var validSelections = currentlySelected.filter(function (value) {
                     return availableValues.includes(value);
                 });
-                if (_this._config.debug && currentlySelected.length > 0) {
-                    console.log('refresh(): Preserving selections that exist in new data:', validSelections);
-                }
                 // Add new options and restore selection state
                 items.forEach(function (item) {
                     var option = document.createElement('option');
@@ -11461,9 +11445,6 @@ var KTSelect = /** @class */ (function (_super) {
             this._searchModule.refreshAfterSearch();
         }
         this.updateSelectAllButtonState();
-        if (this._config.debug) {
-            console.log('Restored original options after search clear');
-        }
     };
     /**
      * Update search results in the dropdown
@@ -11514,9 +11495,6 @@ var KTSelect = /** @class */ (function (_super) {
             }
             _this._element.appendChild(optionElement);
         });
-        if (this._config.debug) {
-            console.log("Updated original select with ".concat(items.length, " search results"));
-        }
     };
     /**
      * Check if dropdown is open
@@ -11641,8 +11619,6 @@ var KTSelect = /** @class */ (function (_super) {
                         if (val !== undefined &&
                             !this._config.multiple &&
                             this._state.isSelected(val)) {
-                            if (this._config.debug)
-                                console.log('Enter on already selected item in single-select mode. Closing.');
                             this.closeDropdown();
                             event.preventDefault();
                             break;
@@ -11826,8 +11802,23 @@ var KTSelect = /** @class */ (function (_super) {
             ? this._config.clearAllText
             : this._config.selectAllText;
     };
+    /**
+     * Destroy the component and clean up resources
+     */
+    KTSelect.prototype.destroy = function () {
+        // Remove from global dropdown registry
+        KTSelect.openDropdowns.delete(this);
+        // Close dropdown if open
+        if (this._dropdownIsOpen) {
+            this.closeDropdown();
+        }
+        // Call parent dispose method
+        _super.prototype.dispose.call(this);
+    };
     // Static global configuration
     KTSelect.globalConfig = {};
+    // Static registry for tracking open dropdowns (global dropdown management)
+    KTSelect.openDropdowns = new Set();
     return KTSelect;
 }(component_1.default));
 exports.KTSelect = KTSelect;
@@ -12510,8 +12501,6 @@ var KTSelectTags = /** @class */ (function () {
         this._config = select.getConfig();
         this._valueDisplayElement = select.getValueDisplayElement();
         this._eventManager = new utils_1.EventManager();
-        if (this._config.debug)
-            console.log('KTSelectTags initialized');
     }
     /**
      * Update selected tags display
@@ -14358,7 +14347,8 @@ exports.DefaultConfig = {
     searchMinLength: 0, // Minimum characters required to trigger search
     searchMaxItems: 50, // Maximum number of search results to display
     searchEmpty: 'No results', // Text to display when no search results are found
-    clearSearchOnClose: true, // Clear search input when dropdown closes
+    clearSearchOnClose: false, // Clear search input when dropdown closes (default: false to persist search text)
+    closeOnEnter: true, // Close dropdown when Enter is pressed in search input
     // Multi-Select Display
     selectAllText: 'Select all', // Text for the "Select All" option (if implemented)
     clearAllText: 'Clear all', // Text for the "Clear All" option (if implemented)
@@ -14376,6 +14366,8 @@ exports.DefaultConfig = {
     dropdownPreventOverflow: false,
     dropdownStrategy: null,
     dropdownWidth: null, // Custom width for dropdown (e.g., '300px'), null to match toggle element width
+    closeOnOtherOpen: true, // Close other open dropdowns when this one opens
+    dispatchGlobalEvents: true, // Dispatch events on document for global listeners (jQuery compatibility)
     // New Config
     dropdownTemplate: '',
 };