@keenthemes/ktui 1.0.16 → 1.0.18

package/dist/ktui.js

@@ -5685,6 +5685,8 @@ var KTSelectOption = /** @class */ (function (_super) {
         if (_this._globalConfig) {
             _this._globalConfig.optionsConfig = _this._globalConfig.optionsConfig || {};
             _this._globalConfig.optionsConfig[element.value] = _this._config;
+            // console.log('[KTSelectOption] Populating _globalConfig.optionsConfig for value', (element as HTMLInputElement).value, 'with:', JSON.parse(JSON.stringify(this._config)));
+            // console.log('[KTSelectOption] _globalConfig.optionsConfig is now:', JSON.parse(JSON.stringify(this._globalConfig.optionsConfig)));
         }
         else {
             // Handle case where _globalConfig might be undefined, though constructor expects it.
@@ -10193,7 +10195,7 @@ var KTSelectSearch = /** @class */ (function () {
     KTSelectSearch.prototype._showNoResultsMessage = function () {
         this._clearNoResultsMessage();
         var config = this._select.getConfig();
-        this._noResultsElement = templates_1.defaultTemplates.empty(config);
+        this._noResultsElement = templates_1.defaultTemplates.searchEmpty(config);
         var dropdownElement = this._select.getDropdownElement();
         var optionsContainer = dropdownElement.querySelector('[data-kt-select-options]');
         if (optionsContainer) {
@@ -11495,7 +11497,7 @@ var KTSelect = /** @class */ (function (_super) {
                 optionsContainer.appendChild(templates_1.defaultTemplates.loading(this._config, message || 'Loading...'));
                 break;
             case 'empty':
-                optionsContainer.appendChild(templates_1.defaultTemplates.empty(this._config));
+                optionsContainer.appendChild(templates_1.defaultTemplates.searchEmpty(this._config));
                 break;
         }
     };
@@ -12563,7 +12565,7 @@ var KTSelect = /** @class */ (function (_super) {
         optionsContainer.innerHTML = '';
         if (items.length === 0) {
             // Show no results message using template for consistency and customization
-            var noResultsElement = templates_1.defaultTemplates.empty(this._config);
+            var noResultsElement = templates_1.defaultTemplates.searchEmpty(this._config);
             optionsContainer.appendChild(noResultsElement);
             return;
         }
@@ -16141,7 +16143,7 @@ exports.coreTemplateStrings = {
     display: "\n\t\t<div data-kt-select-display class=\"kt-select-display {{class}}\" tabindex=\"{{tabindex}}\" role=\"button\" data-selected=\"0\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-label=\"{{label}}\" {{disabled}}>\n\t\t\t<div class=\"kt-select-option-text\" data-kt-text-container=\"true\">{{text}}</div>\n\t\t</div>\n\t",
     option: "\n\t\t<li data-kt-select-option data-value=\"{{value}}\" data-text=\"{{text}}\" class=\"kt-select-option {{class}}\" role=\"option\" {{selected}} {{disabled}}>\n\t\t\t<div class=\"kt-select-option-text\" data-kt-text-container=\"true\">{{text}}</div><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"size-3.5 ms-auto hidden text-primary kt-select-option-selected:block\"><path d=\"M20 6 9 17l-5-5\"/></svg>\n\t\t</li>\n\t",
     search: "<div data-kt-select-search class=\"kt-select-search {{class}}\"><input type=\"text\" data-kt-select-search=\"true\" placeholder=\"{{searchPlaceholder}}\" class=\"kt-input kt-input-ghost\" role=\"searchbox\" aria-label=\"{{searchPlaceholder}}\"/></div>",
-    empty: "<li data-kt-select-empty class=\"kt-select-no-result {{class}}\" role=\"status\"></li>",
+    searchEmpty: "<div data-kt-select-search-empty class=\"kt-select-search-empty {{class}}\"></div>",
     loading: "<li class=\"kt-select-loading {{class}}\" role=\"status\" aria-live=\"polite\"></li>",
     tag: "<div data-kt-select-tag=\"true\" class=\"kt-select-tag {{class}}\"></div>",
     loadMore: "<li class=\"kt-select-load-more {{class}}\" data-kt-select-load-more=\"true\"></li>",
@@ -16276,7 +16278,7 @@ exports.defaultTemplates = {
      * Renders a single option
      */
     option: function (option, config) {
-        var _a, _b;
+        var _a, _b, _c;
         var isHtmlOption = option instanceof HTMLOptionElement;
         var optionData;
         if (isHtmlOption) {
@@ -16291,7 +16293,7 @@ exports.defaultTemplates = {
             // which should have the getOptionDataForTemplate method.
             optionData = option.getOptionDataForTemplate();
         }
-        var content = optionData.text; // Default content to option's text
+        var content = (_b = optionData === null || optionData === void 0 ? void 0 : optionData.text) === null || _b === void 0 ? void 0 : _b.trim(); // Default content to option's text
         if (config.optionTemplate) {
             // Use the user-provided template string, rendering with the full optionData.
             // renderTemplateString will replace {{key}} with values from optionData.
@@ -16317,7 +16319,7 @@ exports.defaultTemplates = {
             element.innerHTML = content;
         }
         // Ensure data-text attribute is set to the original, clean text for searching/filtering
-        element.setAttribute('data-text', ((_b = optionData === null || optionData === void 0 ? void 0 : optionData.text) === null || _b === void 0 ? void 0 : _b.trim()) || '');
+        element.setAttribute('data-text', ((_c = optionData === null || optionData === void 0 ? void 0 : optionData.text) === null || _c === void 0 ? void 0 : _c.trim()) || '');
         return element;
     },
     /**
@@ -16332,11 +16334,22 @@ exports.defaultTemplates = {
     /**
      * Renders the no results message
      */
-    empty: function (config) {
-        var html = getTemplateStrings(config).empty.replace('{{class}}', config.emptyClass || '');
-        var element = stringToElement(html);
-        element.textContent = config.searchNotFoundText || 'No results found';
-        return element;
+    searchEmpty: function (config) {
+        var html = getTemplateStrings(config).searchEmpty.replace('{{class}}', config.searchEmptyClass || '');
+        var content = config.searchEmpty || 'No results';
+        if (config.searchEmptyTemplate) {
+            content = (0, utils_1.renderTemplateString)(config.searchEmptyTemplate, {
+                class: config.searchEmptyClass || '',
+            });
+            var element = stringToElement(html);
+            element.innerHTML = content; // For templates, content can be HTML
+            return element;
+        }
+        else {
+            var element = stringToElement(html);
+            element.textContent = content; // For simple text, use textContent
+            return element;
+        }
     },
     /**
      * Renders the loading state
@@ -17564,7 +17577,7 @@ exports.DefaultConfig = {
     searchAutofocus: true, // Autofocus on search input when dropdown opens
     searchMinLength: 0, // Minimum characters required to trigger search
     searchMaxItems: 50, // Maximum number of search results to display
-    searchNotFoundText: 'No results found', // Text to display when no search results are found
+    searchEmpty: 'No results', // Text to display when no search results are found
     clearSearchOnClose: true, // Clear search input when dropdown closes
     // Multi-Select Display
     selectAllText: 'Select all', // Text for the "Select All" option (if implemented)