@keenthemes/ktui 1.0.22 → 1.0.23

package/dist/ktui.js

@@ -12492,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.
@@ -12562,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
@@ -15219,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)
@@ -15258,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);
         });
     };
     /**
@@ -16900,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;