slimselect/slimselect.min.css slimselect/themes/%FRAMEWORK%.min.css slimselect/slimselect.min.js dompurify/purify.min.js ' + iconText + ''; } else { iconTag = ''; } return iconTag; }; } document.querySelectorAll("%selector%").forEach(el => { if (!el.classList.contains('ss-loaded')) { el.classList.add('ss-loaded'); let selectId = el.getAttribute('id'), dataAttr = el.dataset, dataPlaceholder = dataAttr.placeholder === undefined?null:dataAttr.placeholder, dataAllowDeselect = dataAttr.allowDeselect === undefined?true:dataAttr.allowDeselect !== 'false', dataAllowDeselectOption = dataAttr.allowDeselectOption === undefined?true:dataAttr.allowDeselectOption !== 'false', dataDeselectLabel = dataAttr.deselectLabel === undefined?'':dataAttr.deselectLabel, dataAddable = dataAttr.addable === undefined?false:addable, dataLimit = dataAttr.limit === undefined?0:dataAttr.limit, dataShowSearch = dataAttr.showSearch === undefined?true:dataAttr.showSearch !== 'false', dataSearchText = dataAttr.searchText === undefined?'No Results':dataAttr.searchText, dataSearchPlaceholder = dataAttr.searchPlaceholder === undefined?'Search ...':dataAttr.searchPlaceholder, dataSearchFocus = dataAttr.searchFocus === undefined?false:dataAttr.searchFocus !== 'false', dataSearchHighlight = dataAttr.searchHighlight === undefined?true:dataAttr.searchHighlight === 'true', dataCloseOnSelect = dataAttr.closeOnSelect === undefined?true:dataAttr.closeOnSelect === 'true', dataShowContent = dataAttr.showContent === undefined?'auto':dataAttr.showContent, dataAddToBody = dataAttr.addToBody === undefined?true:dataAttr.addToBody !== 'false', dataSelectByGroup = dataAttr.selectByGroup === undefined?false:dataAttr.selectByGroup !== 'false', dataHideSelectedOption = dataAttr.hideSelectedOption === undefined?false:dataAttr.hideSelectedOption !== 'false'; let slm = new SlimSelect({ select : document.getElementById(selectId), placeholder : dataPlaceholder, allowDeselect : dataAllowDeselect, allowDeselectOption : dataAllowDeselectOption, deselectLabel : dataDeselectLabel, addable : dataAddable, limit : dataLimit, showSearch : dataShowSearch, searchText : dataSearchText, searchPlaceholder : dataSearchPlaceholder, searchFocus : dataSearchFocus, searchHighlight : dataSearchHighlight, closeOnSelect : dataCloseOnSelect, showContent : dataShowContent, addToBody : dataAddToBody, selectByGroup : dataSelectByGroup, hideSelectedOption : dataHideSelectedOption }); if (el.dataset.flagSize !== undefined) { let flagSize = el.dataset.flagSize.toString(); var link = document.createElement('link'); link.type = 'text/css'; link.rel = 'stylesheet'; link.href = '%pluginsUrl%countries/world-flags-sprite/stylesheets/flags' + flagSize + '.min.css'; document.head.appendChild(link); document.querySelector('.ss-content.' + slm.config.id).classList.add('f' + flagSize); slm.setData(slm.data.data); } var hasOptionsData = false; slm.data.data.forEach(d => { if (d.options === undefined) { if (d.data && d.data.icon !== undefined) { const iconTag = getSlimIconTag(d.data.icon); d.innerHTML = iconTag + d.text; hasOptionsData = true; } else if (d.data && d.data.html !== undefined) { d.innerHTML = d.data.html; hasOptionsData = true; } } else { d.options.forEach(opt => { if (opt.data && opt.data.icon !== undefined) { const iconTag = getSlimIconTag(opt.data.icon); opt.innerHTML = iconTag + opt.text; hasOptionsData = true; } else if (opt.data && opt.data.html !== undefined) { opt.innerHTML = opt.data.html; hasOptionsData = true; } }); } }); if (hasOptionsData) { slm.setData(slm.data.data); } window.slimSelects[selectId] = slm; } });]]>