From 1b094d57a5bcef31cf4cf04f6049876b3762b1b4 Mon Sep 17 00:00:00 2001
From: Thomas <thomas@lekoala.be>
Date: Mon, 25 Oct 2021 21:53:23 +0200
Subject: [PATCH] add minify version

---
 package.json | 2 +-
 tags.min.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index acb415c..8f6e3ec 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap5-tags",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "Replace select[multiple] with nices badges",
   "main": "bootstrap5-tags",
   "scripts": {
diff --git a/tags.min.js b/tags.min.js
index 51e465c..d0d4079 100644
--- a/tags.min.js
+++ b/tags.min.js
@@ -1 +1 @@
-const ACTIVE_CLASS="is-active",ACTIVE_CLASSES=["is-active","bg-primary","text-white"],VALUE_ATTRIBUTE="data-value";class Tags{constructor(e){this.selectElement=e,this.selectElement.style.display="none",this.placeholder=this.getPlaceholder(),this.allowNew=!!e.dataset.allowNew,this.showAllSuggestions=!!e.dataset.showAllSuggestions,this.allowClear=!!e.dataset.allowClear,this.suggestionsThreshold=e.dataset.suggestionsThreshold?parseInt(e.dataset.suggestionsThreshold):1,this.keyboardNavigation=!1,this.holderElement=document.createElement("div"),this.containerElement=document.createElement("div"),this.dropElement=document.createElement("ul"),this.searchInput=document.createElement("input"),this.holderElement.appendChild(this.containerElement),this.containerElement.appendChild(this.searchInput),this.holderElement.appendChild(this.dropElement),this.selectElement.parentNode.insertBefore(this.holderElement,this.selectElement.nextSibling),this.configureSearchInput(),this.configureHolderElement(),this.configureDropElement(),this.configureContainerElement(),this.buildSuggestions()}static init(e="select[multiple]"){let t=document.querySelectorAll(e);for(let e=0;e<t.length;e++){let s=t[e];new Tags(s)}}getPlaceholder(){let e=this.selectElement.querySelector("option");if(e){if(!e.value){let t=e.innerText;return e.remove(),t}return this.selectElement.getAttribute("placeholder")?this.selectElement.getAttribute("placeholder"):this.selectElement.getAttribute("data-placeholder")?this.selectElement.getAttribute("data-placeholder"):""}}configureDropElement(){this.dropElement.classList.add("dropdown-menu"),this.dropElement.classList.add("p-0"),this.dropElement.style.maxHeight="280px",this.dropElement.style.overflowY="auto",this.dropElement.addEventListener("mouseenter",e=>{this.keyboardNavigation=!1})}configureHolderElement(){this.holderElement.classList.add("form-control"),this.holderElement.classList.add("dropdown")}configureContainerElement(){this.containerElement.addEventListener("click",e=>{this.searchInput.focus()});let e=this.selectElement.querySelectorAll("option[selected]");for(let t=0;t<e.length;t++){let s=e[t];s.value&&this.addItem(s.innerText,s.value)}}configureSearchInput(){let e=this;this.searchInput.type="text",this.searchInput.autocomplete=!1,this.searchInput.style.border=0,this.searchInput.style.outline=0,this.searchInput.style.maxWidth="100%",this.adjustWidth(),this.searchInput.addEventListener("input",e=>{this.adjustWidth(),this.searchInput.value.length>=this.suggestionsThreshold?this.showSuggestions():this.hideSuggestions()}),this.searchInput.addEventListener("focus",e=>{this.searchInput.value.length>=this.suggestionsThreshold&&this.showSuggestions()}),this.searchInput.addEventListener("focusout",t=>{setTimeout(function(){e.hideSuggestions()},100)}),this.searchInput.addEventListener("keydown",e=>{let t=e.keyCode||e.key;switch(t){case 13:case"Enter":let s=this.getActiveSelection();if(s)this.addItem(s.innerText,s.getAttribute(VALUE_ATTRIBUTE)),this.resetSearchInput(),this.hideSuggestions(),this.removeActiveSelection();else if(this.allowNew){let e=this.addItem(this.searchInput.value,null,!0);e&&(this.resetSearchInput(),this.hideSuggestions())}e.preventDefault();break;case 38:case"ArrowUp":e.preventDefault(),this.keyboardNavigation=!0;let i=this.moveSelectionUp();0==this.searchInput.value.length&&this.dropElement.classList.contains("show")&&!i&&this.hideSuggestions();break;case 40:case"ArrowDown":e.preventDefault(),this.keyboardNavigation=!0,this.moveSelectionDown(),0!=this.searchInput.value.length||this.dropElement.classList.contains("show")||this.showSuggestions();break;case 8:case"Backspace":0==this.searchInput.value.length&&(this.removeLastItem(),this.adjustWidth(),this.hideSuggestions())}})}moveSelectionUp(){let e=this.getActiveSelection();if(e){let t=e.parentNode;do{t=t.previousSibling}while(t&&"none"==t.style.display);return t?(e.classList.remove(...ACTIVE_CLASSES),t.querySelector("a").classList.add(...ACTIVE_CLASSES),t.parentNode.scrollTop=t.offsetTop-t.parentNode.offsetTop,t):null}return null}moveSelectionDown(){let e=this.getActiveSelection();if(e){let t=e.parentNode;do{t=t.nextSibling}while(t&&"none"==t.style.display);return t?(e.classList.remove(...ACTIVE_CLASSES),t.querySelector("a").classList.add(...ACTIVE_CLASSES),t.offsetTop>t.parentNode.offsetHeight-t.offsetHeight&&(t.parentNode.scrollTop+=t.offsetHeight),t):null}return null}adjustWidth(){this.searchInput.value?this.searchInput.size=this.searchInput.value.length+1:this.getSelectedValues().length?(this.searchInput.placeholder="",this.searchInput.size=1):(this.searchInput.size=this.placeholder.length,this.searchInput.placeholder=this.placeholder)}buildSuggestions(){let e=this.selectElement.querySelectorAll("option");for(let t=0;t<e.length;t++){let s=e[t];if(!s.getAttribute("value"))continue;let i=document.createElement("li"),l=document.createElement("a");i.append(l),l.classList.add("dropdown-item"),l.setAttribute(VALUE_ATTRIBUTE,s.getAttribute("value")),l.setAttribute("href","#"),l.innerText=s.innerText,this.dropElement.appendChild(i),l.addEventListener("mouseenter",e=>{this.keyboardNavigation||(this.removeActiveSelection(),i.querySelector("a").classList.add(...ACTIVE_CLASSES))}),l.addEventListener("mousemove",e=>{this.keyboardNavigation=!1}),l.addEventListener("click",e=>{e.preventDefault(),this.addItem(l.innerText,l.getAttribute(VALUE_ATTRIBUTE)),this.resetSearchInput(),this.hideSuggestions()})}}resetSearchInput(){this.searchInput.value="",this.adjustWidth()}getSelectedValues(){let e=this.selectElement.querySelectorAll("option:checked");return Array.from(e).map(e=>e.value)}showSuggestions(){this.dropElement.classList.contains("show")||this.dropElement.classList.add("show"),this.dropElement.style.left=this.searchInput.offsetLeft+"px";let e=this.searchInput.value.toLocaleLowerCase(),t=this.getSelectedValues(),s=this.dropElement.querySelectorAll("li"),i=!1,l=null,n=!1;for(let o=0;o<s.length;o++){let r=s[o],a=r.innerText.toLocaleLowerCase(),h=r.querySelector("a");if(h.classList.remove(...ACTIVE_CLASSES),-1!=t.indexOf(h.getAttribute(VALUE_ATTRIBUTE))){r.style.display="none";continue}n=!0;let c=0===e.length||-1!==a.indexOf(e);this.showAllSuggestions||0===this.suggestionsThreshold||c?(r.style.display="list-item",i=!0,!l&&c&&(l=r)):r.style.display="none"}i||this.dropElement.classList.remove("show"),l?(this.holderElement.classList.contains("is-invalid")&&this.holderElement.classList.remove("is-invalid"),l.querySelector("a").classList.add(...ACTIVE_CLASSES),l.parentNode.scrollTop=l.offsetTop-l.parentNode.offsetTop):this.allowNew||0===e.length&&!n||this.holderElement.classList.add("is-invalid")}hideSuggestions(){this.dropElement.classList.contains("show")&&this.dropElement.classList.remove("show"),this.holderElement.classList.contains("is-invalid")&&this.holderElement.classList.remove("is-invalid")}getActiveSelection(){return this.dropElement.querySelector("a."+ACTIVE_CLASS)}removeActiveSelection(){let e=this.getActiveSelection();e&&e.classList.remove(...ACTIVE_CLASSES)}removeLastItem(){let e=this.containerElement.querySelectorAll("span");if(!e.length)return;let t=e[e.length-1];this.removeItem(t.getAttribute(VALUE_ATTRIBUTE))}addItem(e,t,s=!1){t||(t=e);let i=this.selectElement.querySelector('option[value="'+t+'"]');if(i||(i=Array.from(this.selectElement.querySelectorAll("option")).find(t=>t.textContent==e)),s&&i&&i.getAttribute("selected"))return!1;let l=e,n=document.createElement("span");return n.classList.add("badge"),n.classList.add("bg-primary"),n.classList.add("me-2"),n.setAttribute(VALUE_ATTRIBUTE,t),this.allowClear&&(l='<span class="me-2" style="font-size:0.65em"><button type="button" class="btn-close btn-close-white"></button></span>'+l),n.innerHTML=l,this.containerElement.insertBefore(n,this.searchInput),this.allowClear&&n.querySelector("button").addEventListener("click",e=>{this.removeItem(t)}),i?i.setAttribute("selected","selected"):(i=document.createElement("option"),i.value=t,i.innerText=e,i.setAttribute("selected","selected"),this.selectElement.appendChild(i)),!0}removeItem(e){let t=this.containerElement.querySelector("span["+VALUE_ATTRIBUTE+'="'+e+'"]');if(!t)return;t.remove();let s=this.selectElement.querySelector('option[value="'+e+'"]');s&&s.removeAttribute("selected")}}export default Tags;
\ No newline at end of file
+const ACTIVE_CLASS="is-active",ACTIVE_CLASSES=["is-active","bg-primary","text-white"],VALUE_ATTRIBUTE="data-value";class Tags{constructor(e){this.selectElement=e,this.selectElement.style.display="none",this.placeholder=this.getPlaceholder(),this.allowNew=!!e.dataset.allowNew,this.showAllSuggestions=!!e.dataset.showAllSuggestions,this.allowClear=!!e.dataset.allowClear,this.suggestionsThreshold=e.dataset.suggestionsThreshold?parseInt(e.dataset.suggestionsThreshold):1,this.keyboardNavigation=!1,this.holderElement=document.createElement("div"),this.containerElement=document.createElement("div"),this.dropElement=document.createElement("ul"),this.searchInput=document.createElement("input"),this.holderElement.appendChild(this.containerElement),this.containerElement.appendChild(this.searchInput),this.holderElement.appendChild(this.dropElement),this.selectElement.parentNode.insertBefore(this.holderElement,this.selectElement.nextSibling),this.configureSearchInput(),this.configureHolderElement(),this.configureDropElement(),this.configureContainerElement(),this.buildSuggestions()}static init(e="select[multiple]"){let t=document.querySelectorAll(e);for(let e=0;e<t.length;e++){let s=t[e];new Tags(s)}}getPlaceholder(){let e=this.selectElement.querySelector("option");if(e){if(!e.value){let t=e.innerText;return e.remove(),t}return this.selectElement.getAttribute("placeholder")?this.selectElement.getAttribute("placeholder"):this.selectElement.getAttribute("data-placeholder")?this.selectElement.getAttribute("data-placeholder"):""}}configureDropElement(){this.dropElement.classList.add("dropdown-menu"),this.dropElement.classList.add("p-0"),this.dropElement.style.maxHeight="280px",this.dropElement.style.overflowY="auto",this.dropElement.addEventListener("mouseenter",e=>{this.keyboardNavigation=!1})}configureHolderElement(){this.holderElement.classList.add("form-control"),this.holderElement.classList.add("dropdown")}configureContainerElement(){this.containerElement.addEventListener("click",e=>{this.searchInput.focus()});let e=this.selectElement.querySelectorAll("option[selected]");for(let t=0;t<e.length;t++){let s=e[t];s.value&&this.addItem(s.innerText,s.value)}}configureSearchInput(){let e=this;this.searchInput.type="text",this.searchInput.autocomplete=!1,this.searchInput.style.border=0,this.searchInput.style.outline=0,this.searchInput.style.maxWidth="100%",this.adjustWidth(),this.searchInput.addEventListener("input",e=>{this.adjustWidth(),this.searchInput.value.length>=this.suggestionsThreshold?this.showSuggestions():this.hideSuggestions()}),this.searchInput.addEventListener("focus",e=>{this.searchInput.value.length>=this.suggestionsThreshold&&this.showSuggestions()}),this.searchInput.addEventListener("focusout",t=>{setTimeout(function(){e.hideSuggestions()},100)}),this.searchInput.addEventListener("keydown",e=>{let t=e.keyCode||e.key;switch(t){case 13:case"Enter":let s=this.getActiveSelection();if(s)this.addItem(s.innerText,s.getAttribute(VALUE_ATTRIBUTE)),this.resetSearchInput(),this.hideSuggestions(),this.removeActiveSelection();else if(this.allowNew){let e=this.addItem(this.searchInput.value,null,!0);e&&(this.resetSearchInput(),this.hideSuggestions())}e.preventDefault();break;case 38:case"ArrowUp":e.preventDefault(),this.keyboardNavigation=!0;let i=this.moveSelectionUp();0==this.searchInput.value.length&&this.dropElement.classList.contains("show")&&!i&&this.hideSuggestions();break;case 40:case"ArrowDown":e.preventDefault(),this.keyboardNavigation=!0,this.moveSelectionDown(),0!=this.searchInput.value.length||this.dropElement.classList.contains("show")||this.showSuggestions();break;case 8:case"Backspace":0==this.searchInput.value.length&&(this.removeLastItem(),this.adjustWidth(),this.hideSuggestions())}})}moveSelectionUp(){let e=this.getActiveSelection();if(e){let t=e.parentNode;do{t=t.previousSibling}while(t&&"none"==t.style.display);return t?(e.classList.remove(...ACTIVE_CLASSES),t.querySelector("a").classList.add(...ACTIVE_CLASSES),t.parentNode.scrollTop=t.offsetTop-t.parentNode.offsetTop,t):null}return null}moveSelectionDown(){let e=this.getActiveSelection();if(e){let t=e.parentNode;do{t=t.nextSibling}while(t&&"none"==t.style.display);return t?(e.classList.remove(...ACTIVE_CLASSES),t.querySelector("a").classList.add(...ACTIVE_CLASSES),t.offsetTop>t.parentNode.offsetHeight-t.offsetHeight&&(t.parentNode.scrollTop+=t.offsetHeight),t):null}return null}adjustWidth(){this.searchInput.value?this.searchInput.size=this.searchInput.value.length+1:this.getSelectedValues().length?(this.searchInput.placeholder="",this.searchInput.size=1):(this.searchInput.size=this.placeholder.length,this.searchInput.placeholder=this.placeholder)}buildSuggestions(){let e=this.selectElement.querySelectorAll("option");for(let t=0;t<e.length;t++){let s=e[t];if(!s.getAttribute("value"))continue;let i=document.createElement("li"),l=document.createElement("a");i.append(l),l.classList.add("dropdown-item"),l.setAttribute(VALUE_ATTRIBUTE,s.getAttribute("value")),l.setAttribute("href","#"),l.innerText=s.innerText,this.dropElement.appendChild(i),l.addEventListener("mouseenter",e=>{this.keyboardNavigation||(this.removeActiveSelection(),i.querySelector("a").classList.add(...ACTIVE_CLASSES))}),l.addEventListener("mousemove",e=>{this.keyboardNavigation=!1}),l.addEventListener("click",e=>{e.preventDefault(),this.addItem(l.innerText,l.getAttribute(VALUE_ATTRIBUTE)),this.resetSearchInput(),this.hideSuggestions()})}}resetSearchInput(){this.searchInput.value="",this.adjustWidth()}getSelectedValues(){let e=this.selectElement.querySelectorAll("option:checked");return Array.from(e).map(e=>e.value)}showSuggestions(){this.dropElement.classList.contains("show")||this.dropElement.classList.add("show"),this.dropElement.style.left=this.searchInput.offsetLeft+"px";let e=this.searchInput.value.toLocaleLowerCase(),t=this.getSelectedValues(),s=this.dropElement.querySelectorAll("li"),i=!1,l=null,n=!1;for(let o=0;o<s.length;o++){let r=s[o],a=r.innerText.toLocaleLowerCase(),h=r.querySelector("a");if(h.classList.remove(...ACTIVE_CLASSES),-1!=t.indexOf(h.getAttribute(VALUE_ATTRIBUTE))){r.style.display="none";continue}n=!0;let c=0===e.length||-1!==a.indexOf(e);this.showAllSuggestions||0===this.suggestionsThreshold||c?(r.style.display="list-item",i=!0,!l&&c&&(l=r)):r.style.display="none"}i||this.dropElement.classList.remove("show"),l?(this.holderElement.classList.contains("is-invalid")&&this.holderElement.classList.remove("is-invalid"),l.querySelector("a").classList.add(...ACTIVE_CLASSES),l.parentNode.scrollTop=l.offsetTop-l.parentNode.offsetTop):this.allowNew||0===e.length&&!n||this.holderElement.classList.add("is-invalid")}hideSuggestions(){this.dropElement.classList.contains("show")&&this.dropElement.classList.remove("show"),this.holderElement.classList.contains("is-invalid")&&this.holderElement.classList.remove("is-invalid")}getActiveSelection(){return this.dropElement.querySelector("a."+ACTIVE_CLASS)}removeActiveSelection(){let e=this.getActiveSelection();e&&e.classList.remove(...ACTIVE_CLASSES)}removeLastItem(){let e=this.containerElement.querySelectorAll("span");if(!e.length)return;let t=e[e.length-1];this.removeItem(t.getAttribute(VALUE_ATTRIBUTE))}addItem(e,t,s=!1){t||(t=e);let i=this.selectElement.querySelector('option[value="'+t+'"]');if(i||(i=Array.from(this.selectElement.querySelectorAll("option")).find(t=>t.textContent==e)),s&&i&&i.getAttribute("selected"))return!1;let l=e,n=document.createElement("span");return n.classList.add("badge"),n.classList.add("bg-primary"),n.classList.add("me-2"),n.setAttribute(VALUE_ATTRIBUTE,t),this.allowClear&&(l='<span class="me-2" style="font-size:0.65em"><button type="button" class="btn-close btn-close-white"></button></span>'+l),n.innerHTML=l,this.containerElement.insertBefore(n,this.searchInput),this.allowClear&&n.querySelector("button").addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this.removeItem(t),document.activeElement.blur()}),i?i.setAttribute("selected","selected"):(i=document.createElement("option"),i.value=t,i.innerText=e,i.setAttribute("selected","selected"),this.selectElement.appendChild(i)),!0}removeItem(e){let t=this.containerElement.querySelector("span["+VALUE_ATTRIBUTE+'="'+e+'"]');if(!t)return;t.remove();let s=this.selectElement.querySelector('option[value="'+e+'"]');s&&s.removeAttribute("selected")}}export default Tags;
\ No newline at end of file