@keenthemes/ktui 1.0.21 → 1.0.23

package/dist/ktui.js

@@ -8126,6 +8126,10 @@ var KTDataTable = /** @class */ (function (_super) {
         this._element.classList.add('datatable-initialized');
         // Initialize checkbox logic
         this._checkbox.init();
+        // Re-initialize sort handler to restore click listeners after table redraw
+        if (this._sortHandler) {
+            this._sortHandler.initSort();
+        }
         this._attachSearchEvent();
         if (typeof index_1.default !== 'undefined') {
             index_1.default.init();
@@ -9849,16 +9853,13 @@ var KTSelectDropdown = /** @class */ (function (_super) {
     };
     KTSelectDropdown.prototype._resolveDropdownContainer = function () {
         var containerSelector = this._config.dropdownContainer;
-        if (containerSelector && containerSelector !== 'body') {
+        if (containerSelector) {
             var containerElement = document.querySelector(containerSelector);
             if (!containerElement && this._config.debug) {
                 console.warn("KTSelectDropdown: dropdownContainer selector \"".concat(containerSelector, "\" not found. Dropdown will remain in its default position."));
             }
             return containerElement;
         }
-        else if (containerSelector === 'body') {
-            return document.body;
-        }
         return null;
     };
     return KTSelectDropdown;
@@ -12491,8 +12492,10 @@ var KTSelect = /** @class */ (function (_super) {
                 // Options are selected.
                 if (tagsEnabled) {
                     // Tags are enabled AND options are selected: tags module has rendered them.
-                    // Clear valueDisplayEl as tags are the primary display.
-                    valueDisplayEl.innerHTML = '';
+                    // Completely clear all content to avoid redundancy with tags
+                    // Don't touch the innerHTML here as tags module manages it
+                    // Just ensure no text content is generated
+                    return; // Exit early to prevent any text generation
                 }
                 else {
                     // Tags are not enabled AND options are selected: render normal text display.
@@ -12561,6 +12564,10 @@ var KTSelect = /** @class */ (function (_super) {
     KTSelect.prototype.clearSelection = function () {
         // Clear the current selection
         this._state.setSelectedOptions([]);
+        // Clear all native select options
+        Array.from(this._element.querySelectorAll('option')).forEach(function (opt) {
+            opt.selected = false;
+        });
         this.updateSelectedOptionDisplay();
         this._updateSelectedOptionClass();
         // Update select all button state
@@ -15218,12 +15225,16 @@ var KTSelectTags = /** @class */ (function () {
         var wrapper = this._valueDisplayElement.parentElement;
         if (!wrapper)
             return;
-        // Remove all previous tags
-        Array.from(wrapper.querySelectorAll('[data-kt-select-tag]')).forEach(function (tag) { return tag.remove(); });
-        // If no options selected, do nothing (let display show placeholder)
+        // If no options selected, ensure placeholder is shown
         if (selectedOptions.length === 0) {
+            // Clear any existing content and show placeholder
+            this._valueDisplayElement.innerHTML = '';
+            var placeholderEl = templates_1.defaultTemplates.placeholder(this._config);
+            this._valueDisplayElement.appendChild(placeholderEl);
             return;
         }
+        // Clear all existing content before adding tags
+        this._valueDisplayElement.innerHTML = '';
         // Insert each tag before the display element
         selectedOptions.forEach(function (optionValue) {
             // Find the original option element (in dropdown or select)
@@ -15257,8 +15268,8 @@ var KTSelectTags = /** @class */ (function () {
                     _this._removeTag(optionValue);
                 });
             }
-            // Insert tag before the display element
-            wrapper.insertBefore(tag, _this._valueDisplayElement);
+            // Insert tag inside the display element
+            _this._valueDisplayElement.appendChild(tag);
         });
     };
     /**
@@ -16899,7 +16910,7 @@ exports.defaultTemplates = {
     tag: function (option, config) {
         var _a;
         var template = getTemplateStrings(config).tag;
-        var preparedContent = option.title; // Default content is the option's title
+        var preparedContent = option.textContent || option.innerText || option.value || ''; // Default content is the option's text
         if (config.tagTemplate) {
             var tagTemplateString_1 = config.tagTemplate;
             var optionValue = option.getAttribute('data-value') || option.value;