@keenthemes/ktui 1.0.11 → 1.0.13

package/lib/esm/components/select/templates.js

@@ -13,31 +13,26 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { SelectMode } from './types';
+import { renderTemplateString } from './utils';
 /**
  * Default HTML string templates for KTSelect. All UI structure is defined here.
  * Users can override any template by providing a matching key in the config.templates object.
  */
-var defaultTemplateStrings = {
-    dropdownContent: "<div data-kt-select-dropdown-content class=\"kt-select-dropdown hidden\" style=\"z-index: {{zindex}};\">{{content}}</div>",
-    optionsContainer: "<ul role=\"listbox\" aria-label=\"{{label}}\" data-kt-select-options-container style=\"max-height: {{height}}px; overflow-y: auto;\">{{options}}</ul>",
-    emptyOption: "<option value=\"\">{{placeholder}}</option>",
-    errorOption: "<option value=\"\" disabled selected>{{errorMessage}}</option>", // Template for error <option>
-    loadMore: "<li class=\"py-2 px-4 text-center text-gray-600 cursor-pointer hover:bg-gray-100\" data-kt-select-load-more>{{loadMoreText}}</li>",
-    dropdown: "<div data-kt-select-dropdown-content class=\"absolute z-10 w-full mt-2 bg-white border border-gray-200 rounded-md shadow-md\">\n\t\t{{search}}\n\t\t<ul role=\"listbox\" aria-label=\"{{label}}\" data-kt-select-options-container style=\"max-height: {{height}}px; overflow-y: auto;\">\n\t\t\t{{options}}\n\t\t</ul>\n\t</div>",
-    error: "<li class=\"px-3 py-2 text-red-500\" role=\"alert\">{{errorMessage}}</li>",
-    highlight: "<span class=\"highlight\">{{text}}</span>",
-    main: "<div data-kt-select-wrapper class=\"relative\" data-kt-select-mode=\"{{mode}}\"></div>",
-    displayCombobox: "<div class=\"relative flex items-center w-full\">\n\t\t<input data-kt-select-search data-kt-select-display data-kt-select-value type=\"text\" class=\"flex-1 w-full items-center justify-between px-3 py-2 border border-gray-300 rounded-md cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-200 focus:border-blue-400\" placeholder=\"{{placeholder}}\" role=\"searchbox\" aria-label=\"{{label}}\" {{disabled}} />\n\t\t<button type=\"button\" data-kt-select-clear-button class=\"absolute right-3 hidden text-gray-400 hover:text-gray-600\" aria-label=\"Clear selection\">\n\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n\t\t</svg>\n\t\t</button>\n\t</div>",
-    icon: "<span class=\"option-icon mr-2\"><img src=\"{{icon}}\" class=\"rounded-full w-6 h-6\" /></span>",
-    description: "<div class=\"option-description text-sm text-gray-500\">{{description}}</div>",
-    display: "<div data-kt-select-display class=\"flex items-center justify-between px-3 py-2 border border-gray-300 rounded-md cursor-pointer focus:outline-none focus:ring-2 focus:ring-blue-200 focus:border-blue-400\" tabindex=\"{{tabindex}}\" role=\"button\" aria-haspopup=\"listbox\" aria-expanded=\"false\" aria-label=\"{{label}}\" {{disabled}}>\n\t\t<span data-kt-select-value>{{placeholder}}</span>\n\t\t<span data-kt-select-arrow class=\"ml-2\">\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t<polyline points=\"6 9 12 15 18 9\"></polyline>\n\t\t\t</svg>\n\t\t</span>\n\t</div>",
-    option: "<li data-kt-select-option data-value=\"{{value}}\" class=\"px-3 py-2 cursor-pointer hover:bg-gray-100 flex items-center{{selectedClass}}{{disabledClass}}\" role=\"option\" {{selected}} {{disabled}}>{{icon}}<div class=\"option-content\"><div class=\"option-title\" data-kt-option-title>{{text}}</div>{{description}}</div></li>",
-    optionGroup: "<li role=\"group\" aria-label=\"{{label}}\" class=\"py-1\"><div class=\"px-3 py-1 text-xs font-semibold text-gray-500 uppercase\">{{label}}</div><ul>{{optionsHtml}}</ul></li>",
-    search: "<div class=\"px-3 py-2 border-b border-gray-200\"><input type=\"text\" data-kt-select-search placeholder=\"{{searchPlaceholder}}\" class=\"w-full border-none focus:outline-none text-sm\" role=\"searchbox\" aria-label=\"{{searchPlaceholder}}\"/></div>",
-    noResults: "<li class=\"px-3 py-2 text-gray-500\" role=\"status\">{{searchNotFoundText}}</li>",
-    loading: "<li class=\"px-3 py-2 text-gray-500 italic\" role=\"status\" aria-live=\"polite\">{{loadingMessage}}</li>",
-    tag: "<div data-kt-select-tag class=\"inline-flex items-center bg-blue-50 border border-blue-100 rounded px-2 py-1 text-sm mr-1 mb-1\"><span>{{title}}</span><span data-kt-select-remove-button data-value=\"{{id}}\" class=\"ml-1 text-blue-400 hover:text-blue-600 cursor-pointer\" role=\"button\" aria-label=\"Remove {{safeTitle}}\" tabindex=\"0\"><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line></svg></span></div>",
+export var coreTemplateStrings = {
+    dropdown: "<div data-kt-select-dropdown class=\"kt-select-dropdown hidden {{class}}\" style=\"z-index: {{zindex}};\"></div>",
+    options: "<ul role=\"listbox\" aria-label=\"{{label}}\" class=\"kt-select-options {{class}}\" data-kt-select-options=\"true\"></ul>",
+    error: "<li class=\"kt-select-error\" role=\"alert\"></li>",
+    wrapper: "<div data-kt-select-wrapper class=\"kt-select-wrapper {{class}}\"></div>",
+    combobox: "\n\t\t<div data-kt-select-combobox data-kt-select-display class=\"kt-select-combobox {{class}}\">\n\t\t\t<div data-kt-select-combobox-values=\"true\" class=\"kt-select-combobox-values\"></div>\n\t\t\t<input class=\"kt-input kt-select-combobox-input\" data-kt-select-search=\"true\" type=\"text\" placeholder=\"{{placeholder}}\" role=\"searchbox\" aria-label=\"{{label}}\" {{disabled}} />\n\t\t\t<button type=\"button\" data-kt-select-clear-button=\"true\" class=\"kt-select-combobox-clear-btn\" aria-label=\"Clear selection\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t<line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n\t\t\t\t\t<line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</div>\n\t",
+    placeholder: "<div data-kt-select-placeholder class=\"kt-select-placeholder {{class}}\"></div>",
+    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>",
+    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>",
+    tagRemoveButton: "<button type=\"button\" data-kt-select-remove-button class=\"kt-select-tag-remove\" aria-label=\"Remove tag\" tabindex=\"0\"><svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"3\" x2=\"9\" y2=\"9\"/><line x1=\"9\" y1=\"3\" x2=\"3\" y2=\"9\"/></svg></button>",
 };
 /**
  * Default templates for KTSelect component
@@ -67,265 +62,238 @@ export function getTemplateStrings(config) {
         ? config.templates
         : undefined;
     if (templates) {
-        return __assign(__assign(__assign({}, defaultTemplateStrings), userTemplateStrings), templates);
+        return __assign(__assign(__assign({}, coreTemplateStrings), userTemplateStrings), templates);
     }
-    return __assign(__assign({}, defaultTemplateStrings), userTemplateStrings);
+    return __assign(__assign({}, coreTemplateStrings), userTemplateStrings);
 }
 /**
  * Default templates for KTSelect component
  */
 export var defaultTemplates = {
-    /**
-     * Renders a highlighted text
-     */
-    highlight: function (config, text) {
-        var template = getTemplateStrings(config).highlight;
-        var html = template.replace('{{text}}', text);
-        return stringToElement(html);
-    },
     /**
      * Renders the dropdown content
      */
-    dropdownContent: function (config) {
-        var template = getTemplateStrings(config).dropdownContent;
+    dropdown: function (config) {
+        var _a;
+        var template = getTemplateStrings(config).dropdown;
+        // If a custom dropdownTemplate is provided, it's responsible for its own content.
+        // Otherwise, the base template is used, and content is appended later.
+        if (config.dropdownTemplate) {
+            var renderedCustomTemplate = renderTemplateString(config.dropdownTemplate, {
+                zindex: config.zindex ? String(config.zindex) : '',
+                // content: config.content || '', // No longer pass content to custom template directly here
+                class: config.dropdownClass || '',
+            });
+            // The custom template IS the dropdown element
+            var customDropdownEl = stringToElement(renderedCustomTemplate);
+            if (config.zindex)
+                customDropdownEl.style.zIndex = String(config.zindex);
+            if (config.dropdownClass)
+                (_a = customDropdownEl.classList).add.apply(_a, config.dropdownClass.split(' '));
+            return customDropdownEl;
+        }
         var html = template
             .replace('{{zindex}}', config.zindex ? String(config.zindex) : '')
-            .replace('{{content}}', config.content || '');
+            // .replace('{{content}}', '') // Content is no longer part of the base template string
+            .replace('{{class}}', config.dropdownClass || '');
         return stringToElement(html);
     },
     /**
      * Renders the options container for the dropdown
      */
-    optionsContainer: function (config) {
-        var template = getTemplateStrings(config).optionsContainer;
+    options: function (config) {
+        var template = getTemplateStrings(config).options;
         var html = template
             .replace('{{label}}', config.label || 'Options')
             .replace('{{height}}', config.height ? String(config.height) : '250')
-            .replace('{{options}}', config.options || '');
-        return stringToElement(html);
-    },
-    /**
-     * Renders an empty option in the dropdown
-     */
-    emptyOption: function (config) {
-        var template = getTemplateStrings(config).emptyOption;
-        var html = template.replace('{{placeholder}}', config.placeholder || 'Select...');
-        return stringToElement(html);
-    },
-    /**
-     * Renders an error option in the dropdown
-     */
-    errorOption: function (config) {
-        var template = getTemplateStrings(config).errorOption;
-        var html = template.replace('{{errorMessage}}', config.errorMessage || 'An error occurred');
+            // .replace('{{options}}', '') // Options are now appended dynamically
+            .replace('{{class}}', config.optionsClass || '');
         return stringToElement(html);
     },
     /**
      * Renders the load more button for pagination
      */
     loadMore: function (config) {
-        var html = getTemplateStrings(config).loadMore.replace('{{loadMoreText}}', config.loadMoreText || 'Load more...');
-        return stringToElement(html);
+        var html = getTemplateStrings(config)
+            .loadMore // .replace('{{loadMoreText}}', config.loadMoreText || 'Load more...') // Content is no longer in template string
+            .replace('{{class}}', config.loadMoreClass || '');
+        var element = stringToElement(html);
+        element.textContent = config.loadMoreText || 'Load more...';
+        return element;
     },
     /**
      * Renders an error message in the dropdown
      */
     error: function (config) {
+        // Changed return type to HTMLElement
         var template = getTemplateStrings(config).error;
-        return template.replace('{{errorMessage}}', config.errorMessage || 'An error occurred');
+        var html = template
+            // .replace('{{errorMessage}}', config.errorMessage || 'An error occurred') // Content is no longer in template string
+            .replace('{{class}}', config.errorClass || '');
+        var element = stringToElement(html);
+        element.textContent = config.errorMessage || 'An error occurred';
+        return element;
     },
     /**
      * Renders the main container for the select component
      */
-    main: function (config) {
-        var html = getTemplateStrings(config).main.replace('{{mode}}', config.mode || '');
-        return stringToElement(html);
+    wrapper: function (config) {
+        var html = getTemplateStrings(config).wrapper.replace('{{class}}', config.wrapperClass || '');
+        var element = stringToElement(html);
+        element.setAttribute('data-kt-select-combobox', config.combobox ? 'true' : 'false');
+        element.setAttribute('data-kt-select-tags', config.tags ? 'true' : 'false');
+        return element;
     },
     /**
      * Renders the display element (trigger) for the select
      */
     display: function (config) {
-        var isCombobox = config.mode === SelectMode.COMBOBOX;
-        if (isCombobox) {
-            var html_1 = getTemplateStrings(config)
-                .displayCombobox.replace(/{{placeholder}}/g, config.placeholder || 'Select...')
-                .replace(/{{label}}/g, config.label || config.placeholder || 'Select...')
-                .replace('{{disabled}}', config.disabled ? 'disabled' : '');
-            return stringToElement(html_1);
-        }
         var html = getTemplateStrings(config)
             .display.replace('{{tabindex}}', config.disabled ? '-1' : '0')
             .replace('{{label}}', config.label || config.placeholder || 'Select...')
             .replace('{{disabled}}', config.disabled ? 'aria-disabled="true"' : '')
-            .replace('{{placeholder}}', config.placeholder || 'Select...');
-        return stringToElement(html);
-    },
-    /**
-     * Renders the dropdown content container
-     */
-    dropdown: function (config, optionsHtml) {
-        var isCombobox = config.mode === SelectMode.COMBOBOX;
-        var hasSearch = config.enableSearch && !isCombobox;
-        var template = getTemplateStrings(config).dropdown;
-        var searchHtml = '';
-        if (hasSearch) {
-            var searchElement = defaultTemplates.search(config);
-            searchHtml = searchElement.outerHTML;
+            .replace('{{placeholder}}', config.placeholder || 'Select...')
+            .replace('{{class}}', config.displayClass || '');
+        var element = stringToElement(html);
+        // Add data-multiple attribute if in multiple select mode
+        if (config.multiple) {
+            element.setAttribute('data-multiple', 'true');
         }
-        var html = template
-            .replace('{{search}}', searchHtml)
-            .replace('{{options}}', optionsHtml)
-            .replace('{{label}}', config.label || 'Options')
-            .replace('{{height}}', config.height ? String(config.height) : '250');
-        return stringToElement(html);
+        return element;
     },
     /**
      * Renders a single option
      */
     option: function (option, config) {
+        var _a, _b;
         var isHtmlOption = option instanceof HTMLOptionElement;
-        var value = isHtmlOption ? option.value : option.id;
-        var text = isHtmlOption ? option.text : option.title;
-        var disabled = isHtmlOption
-            ? option.disabled
-            : option.disabled === true;
-        var selected = isHtmlOption
-            ? option.selected
-            : !!option.selected;
-        // Prefer data-kt-select-option (JSON) if present
-        var description;
-        var icon;
+        var optionData;
         if (isHtmlOption) {
-            var json = option.getAttribute('data-kt-select-option');
-            if (json) {
-                try {
-                    var optionData = JSON.parse(json);
-                    description = optionData === null || optionData === void 0 ? void 0 : optionData.description;
-                    icon = optionData === null || optionData === void 0 ? void 0 : optionData.icon;
-                }
-                catch (e) {
-                    // fallback to legacy attributes if JSON is invalid
-                    description =
-                        option.getAttribute('data-kt-select-option-description') ||
-                            undefined;
-                    icon = option.getAttribute('data-kt-select-option-icon') || undefined;
-                }
-            }
-            else {
-                description =
-                    option.getAttribute('data-kt-select-option-description') || undefined;
-                icon = option.getAttribute('data-kt-select-option-icon') || undefined;
-            }
+            // If it's a plain HTMLOptionElement, construct data similarly to how KTSelectOption would
+            // This branch might be less common if KTSelectOption instances are always used for rendering.
+            var el = option;
+            var textContent = el.textContent || '';
+            optionData = __assign({ value: el.value, text: textContent, selected: el.selected, disabled: el.disabled, content: textContent }, (((_a = config.optionsConfig) === null || _a === void 0 ? void 0 : _a[el.value]) || {}));
         }
         else {
-            description = option.description;
-            icon = option.icon;
+            // If it's a KTSelectOption class instance (from './option')
+            // which should have the getOptionDataForTemplate method.
+            optionData = option.getOptionDataForTemplate();
         }
-        // Build option element with proper accessibility attributes
-        var selectedClass = selected ? ' selected' : '';
-        var disabledClass = disabled ? ' disabled' : '';
-        var html = getTemplateStrings(config)
-            .option.replace('{{value}}', value)
-            .replace('{{selectedClass}}', selectedClass)
-            .replace('{{disabledClass}}', disabledClass)
-            .replace('{{selected}}', selected ? 'aria-selected="true"' : 'aria-selected="false"')
-            .replace('{{disabled}}', disabled ? 'aria-disabled="true"' : '')
-            .replace(/{{icon}}/g, icon ? defaultTemplates.icon(icon, config).outerHTML : '')
-            .replace('{{text}}', text)
-            .replace(/{{description}}/g, description
-            ? defaultTemplates.description(description, config).outerHTML
-            : '');
-        return stringToElement(html);
-    },
-    /**
-     * Renders an icon
-     */
-    icon: function (icon, config) {
-        var html = getTemplateStrings(config).icon.replace('{{icon}}', icon);
-        return stringToElement(html);
-    },
-    /**
-     * Renders a description
-     */
-    description: function (description, config) {
-        var html = getTemplateStrings(config).description.replace('{{description}}', description);
-        return stringToElement(html);
-    },
-    /**
-     * Renders an option group with header
-     */
-    optionGroup: function (label, optionsHtml, config) {
-        var html = getTemplateStrings(config)
-            .optionGroup.replace(/{{label}}/g, label)
-            .replace('{{optionsHtml}}', optionsHtml);
-        return stringToElement(html);
+        var content = optionData.text; // 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.
+            content = renderTemplateString(config.optionTemplate, optionData);
+        }
+        else {
+            content = optionData.text || optionData.content; // Prefer explicit text, fallback to content
+        }
+        // Use the core option template string as the base structure.
+        var baseTemplate = getTemplateStrings(config).option;
+        var optionClasses = [config.optionClass || ''];
+        if (optionData.disabled) {
+            optionClasses.push('disabled');
+        }
+        // Populate the base template for the <li> attributes.
+        // The actual display content (text or custom HTML) will be set on the inner span later.
+        var html = renderTemplateString(baseTemplate, __assign(__assign({}, optionData), { class: optionClasses.join(' ').trim() || '', selected: optionData.selected
+                ? 'aria-selected="true"'
+                : 'aria-selected="false"', disabled: optionData.disabled ? 'aria-disabled="true"' : '', content: content }));
+        var element = stringToElement(html);
+        // If a custom option template is provided, replace the element's innerHTML with the content.
+        if (config.optionTemplate) {
+            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()) || '');
+        return element;
     },
     /**
      * Renders the search input
      */
     search: function (config) {
-        var html = getTemplateStrings(config).search.replace('{{searchPlaceholder}}', config.searchPlaceholder || 'Search...');
+        var html = getTemplateStrings(config)
+            .search.replace('{{searchPlaceholder}}', config.searchPlaceholder || 'Search...')
+            .replace('{{class}}', config.searchClass || '');
         return stringToElement(html);
     },
     /**
      * Renders the no results message
      */
-    noResults: function (config) {
-        var html = getTemplateStrings(config).noResults.replace('{{searchNotFoundText}}', config.searchNotFoundText || 'No results found');
-        return stringToElement(html);
+    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;
     },
     /**
      * Renders the loading state
      */
     loading: function (config, loadingMessage) {
-        var html = getTemplateStrings(config).loading.replace('{{loadingMessage}}', loadingMessage || 'Loading options...');
-        return stringToElement(html);
+        var html = getTemplateStrings(config).loading.replace('{{class}}', config.loadingClass || '');
+        var element = stringToElement(html);
+        element.textContent = loadingMessage || 'Loading options...';
+        return element;
     },
     /**
      * Renders a tag for multi-select
      */
     tag: function (option, config) {
-        // Escape HTML characters for aria-label to prevent HTML injection
-        var escapeHTML = function (str) {
-            return str.replace(/[&<>"']/g, function (match) {
-                var escapeMap = {
-                    '&': '&amp;',
-                    '<': '&lt;',
-                    '>': '&gt;',
-                    '"': '&quot;',
-                    "'": '&#39;',
-                };
-                return escapeMap[match];
+        var _a;
+        var template = getTemplateStrings(config).tag;
+        var preparedContent = option.title; // Default content is the option's title
+        if (config.tagTemplate) {
+            var tagTemplateString_1 = config.tagTemplate;
+            var optionValue = option.getAttribute('data-value') || option.value;
+            // Replace all {{varname}} in option.innerHTML with values from _config.optionsConfig
+            Object.entries(((_a = config.optionsConfig) === null || _a === void 0 ? void 0 : _a[optionValue]) || {}).forEach(function (_a) {
+                var key = _a[0], val = _a[1];
+                if (typeof val === 'string' ||
+                    typeof val === 'number' ||
+                    typeof val === 'boolean') {
+                    tagTemplateString_1 = tagTemplateString_1.replace(new RegExp("{{".concat(key, "}}"), 'g'), String(val));
+                }
             });
-        };
-        // Ensure we have plain text for the aria-label
-        var safeTitle = escapeHTML(option.title);
-        var html = getTemplateStrings(config)
-            .tag.replace('{{title}}', option.title)
-            .replace('{{id}}', option.id)
-            .replace('{{safeTitle}}', safeTitle);
-        return stringToElement(html);
+            // Render the custom tag template with option data
+            preparedContent = renderTemplateString(tagTemplateString_1, {
+                title: option.title,
+                id: option.id,
+                class: config.tagClass || '', // This class is for content, not the main tag div
+                // content: option.innerHTML, // Avoid direct innerHTML from option due to potential XSS
+                text: option.innerText || option.textContent || '',
+                value: optionValue,
+            });
+        }
+        // Append the remove button HTML string to the prepared content
+        preparedContent += getTemplateStrings(config).tagRemoveButton;
+        var html = template
+            // .replace('{{title}}', option.title) // Title is part of preparedContent if using custom template
+            // .replace('{{id}}', option.id)       // ID is part of preparedContent if using custom template
+            .replace('{{class}}', config.tagClass || ''); // Class for the main tag div
+        var element = stringToElement(html);
+        element.innerHTML = preparedContent; // Set the fully prepared content (text/HTML + remove button)
+        return element;
     },
     /**
-     * Formats the display of selected values
+     * Renders the placeholder for the select
      */
-    selectedDisplay: function (selectedOptions, config) {
-        if (!selectedOptions || selectedOptions.length === 0) {
-            return config.placeholder || 'Select...';
-        }
-        if (config.multiple) {
-            if (config.renderSelected &&
-                typeof config.renderSelected === 'function') {
-                return config.renderSelected(selectedOptions);
-            }
-            if (config.showSelectedCount) {
-                var count = selectedOptions.length;
-                return "".concat(count, " ").concat(count === 1 ? 'item' : 'items', " selected");
-            }
-            return selectedOptions.map(function (option) { return option.title; }).join(', ');
+    placeholder: function (config) {
+        var html = getTemplateStrings(config).placeholder.replace('{{class}}', config.placeholderClass || '');
+        var content = config.placeholder || 'Select...';
+        if (config.placeholderTemplate) {
+            content = renderTemplateString(config.placeholderTemplate, {
+                placeholder: config.placeholder || 'Select...',
+                class: config.placeholderClass || '',
+            });
+            var element = stringToElement(html);
+            element.innerHTML = content; // For templates, content can be HTML
+            return element;
         }
         else {
-            return selectedOptions[0].title;
+            var element = stringToElement(html);
+            element.textContent = content; // For simple text, use textContent
+            return element;
         }
     },
 };

package/lib/esm/components/select/templates.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../../src/components/select/templates.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../../../src/components/select/templates.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/select/types.js

@@ -2,15 +2,5 @@
  * KTUI - Free & Open-Source Tailwind UI Components by Keenthemes
  * Copyright 2025 by Keenthemes Inc
  */
-/**
- * Common type interfaces for the KTSelect component
- */
-/**
- * Select mode options
- */
-export var SelectMode;
-(function (SelectMode) {
-    SelectMode["TAGS"] = "tags";
-    SelectMode["COMBOBOX"] = "combobox";
-})(SelectMode || (SelectMode = {}));
+export {};
 //# sourceMappingURL=types.js.map

package/lib/esm/components/select/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACrB,2BAAa,CAAA;IACb,mCAAqB,CAAA;AACtB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/select/types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}