/*
 # -----------------------------------------------------------------------------
 # ~/assets/themes/j1/modules/msDropdown/js/msDropdown.min.js
 # Provides JS Core and API for MSDropdown
 #
 # Product/Info:
 # http://jekyll.one
 # https://www.marghoobsuleman.com/
 #
 # Copyright (C) 2023, 2024 Juergen Adams
 #
 # msDropdown is licensed under MIT License.
 # See: https://github.com/marghoobsuleman/ms-Dropdown/blob/master/MIT-LICENSE.txt
 # J1 Theme is licensed under MIT License.
 # See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
 # -----------------------------------------------------------------------------
 # NOTE:
 # https://github.com/marghoobsuleman/ms-Dropdown
 # https://www.marghoobsuleman.com/image-dropdown/help
 # https://www.marghoobsuleman.com/image-dropdown/advanced-help
 # -----------------------------------------------------------------------------

/*!
 * /**
 *  * MSDropdown - msDropdown.js
 *  * @author: Marghoob Suleman
 *  * @website: https://www.marghoobsuleman.com/
 *  * @version: 4.0.2
 *  * @date: Sun Oct 24 2021 10:46:05 GMT+0200 (GMT+02:00)
 *  * msDropdown is free web component: you can redistribute it and/or modify
 *  * it under the terms of the either the MIT License or the Gnu General Public License (GPL) Version 2
 *  * /
 */

 (()=>{"use strict";let e=null;class t{constructor(e,t){this.ele=e,this._settings={byJson:{data:null,selectedIndex:0,name:null,size:0,multiple:!1,width:250},mainCss:"ms-dd",rowHeight:null,visibleRows:null,showIcon:!0,zIndex:9999,event:"click",style:"",childWidth:null,childHeight:null,enableCheckbox:!1,checkboxNameSuffix:"_mscheck",showPlusItemCounter:!0,enableAutoFilter:!0,showFilterAlways:!1,showListCounter:!1,imagePosition:"left",errorMessage:"Please select an item from this list",on:{create:null,open:null,close:null,add:null,remove:null,change:null,blur:null,click:null,dblclick:null,mousemove:null,mouseover:null,mouseout:null,focus:null,mousedown:null,mouseup:null},...t},this._css={},this._onDocumentClick=null,this._onDocumentKeyDown=null,this._onDocumentKeyUp=null,this._isOpen=!1,this._DOWN_ARROW=40,this._UP_ARROW=38,this._LEFT_ARROW=37,this._RIGHT_ARROW=39,this._ESCAPE=27,this._ENTER=13,this._ALPHABETS_START=47,this._SHIFT=16,this._CONTROL=17,this._MAC_CONTROL=91,this._BACKSPACE=8,this._DELETE=46,this._SPACE=32,this._shiftHolded=!1,this._controlHolded=!1,this._isFirstTime=!0,this._cacheEle={},this._isMouseDown=!1,this._itemsArr=[],this._css={dd:this._settings.mainCss+" ms-pr",wrapperDisabled:"disabled",headerA:"ms-list-option option-selected",header:"ms-dd-header",headerMiddleContent:"ms-header-middle-content",arrow:"ms-dd-arrow",arrowDown:"ms-dd-pointer-down",arrowUp:"ms-dd-pointer-up",headerCounter:"ms-header-counter",listOfItems:"ms-options",itemContent:"ms-dd-option-content",item:"ms-list-option",itemSpan:"ms-middle",itemSpanOpt:"ms-optgroup-padding",itemLabel:"ms-dd-label",itemImage:"ms-dd-option-image",itemDesc:"ms-dd-desc",itemSelected:"option-selected",itemDisabled:"disabled",itemEnabled:"enabled",optgroup:"ms-optgroup",listCounter:"ms-list-counter",valueInput:"ms-value-input",checkbox:"ms-checkbox",imageRight:"ico-align-right"},this._wrapper={},this._createByJson(),this._checkDataSettings(),this._isList=this.ele.size>1,this._isMultiple=this.ele.multiple,this._enableCheckbox=this._settings.enableCheckbox,(this._isList||"true"===this._enableCheckbox.toString())&&(this._isMultiple=this.ele.multiple=!0),this._isFilterApplied=!1,this._nexPrevCounter=0,this._init()}_init(){this._makeLayout(),this._updateUiAndValueByIndex(this.selectedIndex),this.ele.size>1&&(this._makeUiAsList(!0,this.ele.size),this._scrollToItem()),null!==this._settings.childWidth&&(this._wrapper.listOfItems.style.width=this._settings.childWidth),this._showHideOriginal(!1),"true"===this._settings.showFilterAlways.toString()&&(this._settings.enableAutoFilter=!0,this._showHideFilterBox(!0)),this.ele.autofocus?(this._wrapper.holder.focus(),this._wrapper.filterInput.focus()):this._wrapper.filterInput.blur(),this.updateUiAndValue(),this._fireLocalEventIfExist("create"),this._fireEventIfExist("onCreate")}_showHideOriginal(e=!0){e?this._show(this.ele):this._hide(this.ele)}_checkDataSettings(){let e=this._getDataSet(this.ele),t=this._settings;t.mainCss=e?.mainCss||t.mainCss,t.showIcon=e?.showIcon||t.showIcon,t.event=e?.event||t.event,t.childWidth=e?.childWidth||t.childWidth,t.childHeight=e?.childHeight||t.childHeight,t.enableCheckbox=e?.enableCheckbox||t.enableCheckbox,t.checkboxNameSuffix=e?.checkboxNameSuffix||t.checkboxNameSuffix,t.enableAutoFilter=e?.enableAutoFilter||t.enableAutoFilter,t.visibleRows=e?.visibleRows||t.visibleRows,t.showPlusItemCounter=e?.showPlusItemCounter||t.showPlusItemCounter,t.errorMessage=e?.errorMessage||t.errorMessage,t.showFilterAlways=e?.showFilterAlways||t.showFilterAlways,t.showListCounter=e?.showListCounter||t.showListCounter,t.imagePosition=e?.imagePosition||t.imagePosition,this._settings={...this._settings,...t}}setSettingAttribute(e,t){this._settings[e]=t}_createByJson(){if(this._settings.byJson.data)try{let e=this._settings.byJson,t={};t.name=e.name||this.ele.id||"",e.size>0&&(t.size=e.size),e.multiple&&(t.multiple=e.multiple);let s=this._createEle("select",t),i=e.data.length;for(let t=0;t<i;t++){let i=e.data[t],l=new Option(i.text,i.value);i.disabled&&(l.disabled=!0);for(let e in i)if(i.hasOwnProperty(e)&&"text"!==e.toLowerCase()){let t=`data-${e}`;t=t.replace(/([A-Z])/g,"-$1").toLowerCase(),l.setAttribute(t,i[e])}s.options[t]=l}this.ele.appendChild(s),s.selectedIndex=e.selectedIndex,e.width&&(this.ele.style.width=e.width+"px"),this.ele=s}catch(e){throw"There is an error in json data."}}_scrollToItem(e,t="smooth"){(e=e||this.uiData.ui)&&(e=e.length>1?e[0]:e,this._scrollToIfNeeded(e))}_showHideFilterBox(e=!0){e?(this._show(this._wrapper.filterHolder),this._wrapper.filterInput.focus(),"false"===this._settings.showFilterAlways.toString()&&this._hide(this._wrapper.headerA)):(this._wrapper.filterInput.value="",this._hide(this._wrapper.filterHolder),this._show(this._wrapper.headerA))}_applyFilters(e){let t=this._wrapper.filterInput.value;if(0===t.length)this._show(this._wrapper.headerA),this._makeChildren(),this._isFilterApplied=!1;else{"false"===this._settings.showFilterAlways.toString()&&this._hide(this._wrapper.headerA),this._isOpen||this.open(null);let e=[...this.options].filter((function(e){return"OPTGROUP"!==e.nodeName&&!1===e.disabled&&e.text.toLowerCase().indexOf(t.toLowerCase())>=0}));this._makeChildren(e),this._isFilterApplied=!0,this._nexPrevCounter=-1,this._scrollToIfNeeded(null,0)}}_makeFilterBox(){let e=this._createEle("div",{className:"ms-filter-box"}),t=this._createEle("input",{type:"text"});return e.appendChild(t),this._wrapper.filterInput=t,this._wrapper.filterHolder=e,this._bindEvents(t,"input",(e=>{this._applyFilters(e)})),e}_makeHeader(){let e=this._css,t=this._createEle("div",{className:e.header}),s=this._createEle("a",{className:e.headerA}),i=this._createEle("span",{className:e.headerMiddleContent}),l=this._createEle("span",{className:e.arrow+" "+e.arrowDown});return s.appendChild(l),s.appendChild(i),t.appendChild(s),this._wrapper.header=t,this._wrapper.headerA=s,this._wrapper.headerContent=i,this._wrapper.arrow=l,"left"!==this._settings.imagePosition&&s.classList.add(e.imageRight),this._bindEvents(t,this._settings.event,(e=>{this.open(e)})),t}_makeChildren(e=null){let t,s=this._css,i="true"===this._enableCheckbox.toString(),l=this,n=function(e,t){let n={};return n=l._parseOption(e),{opt:n,itemObj:{label:{text:n.text,css:s.itemLabel},img:{src:n.image,css:s.itemImage},desc:{text:n.description,css:s.itemDesc},isDisabled:e.disabled||!1,isSelected:e.selected||!1,isCheckbox:i,value:n.value,title:n.title,imageCss:`${n.imageCss} ${n.className}`,counter:t+1,isOptGroup:"OPTGROUP"===e.nodeName,innerSpanCss:s.itemContent}}},r=function(e,t){t.isDisabled||(l._bindEvents(e,"mouseup",(e=>{l._isMouseDown=!1,i&&"INPUT"===e.target.nodeName||l._isList||l.close(e)})),l._bindEvents(e,"mousedown",(t=>{if(l._isMouseDown=!0,i&&"INPUT"===t.target.nodeName)l._setSelectedByItemToggle(e._refCheckbox,e);else if(l._shiftHolded&&l._isMultiple){let t=l.selectedIndex,s=e.index;l._setSelectedByIndexFromTo(t,s)}else l._controlHolded&&l._isMultiple?l._setSelectedByItem(e,!1,!1):l._setSelectedByItem(e)})),l._bindEvents(e,"mouseover",(t=>{l._isMouseDown&&l._isMultiple&&l._setSelectedByItem(e,!1,!1)})))};this._wrapper.listOfItems?t=this._wrapper.listOfItems:(t=this._createEle("ul",{className:s.listOfItems,zIndex:this._settings.zIndex}),this._wrapper.listOfItems=t),t.innerHTML="";let a=null===e?this.ele.children:e,h=a.length;for(let e=0;e<h;e++){let i=a[e],l=n(i,e),h=l.opt,d=l.itemObj,o=this._createRow(d);if(""!==h.className&&(o.className=o.className+" "+h.className),""!==h.internalStyle&&(o.style=h.internalStyle),o.index=h.index,o.setAttribute("data-ms-index",h.index),d.isOptGroup){let e=i.children,t=e.length,l=this._createEle("ul");for(let i=0;i<t;i++){let t=n(e[i],i),a=t.opt,h=t.itemObj,d=this._createRow(h);""!==a.className&&(d.className=d.className+" "+a.className),""!==a.internalStyle&&(d.style=a.internalStyle),d.index=a.index,d.setAttribute("data-ms-index",a.index),h.isSelected&&this._setSelectedByItem(d,!0),r(d,h),"left"!==this._settings.imagePosition&&d.classList.add(s.imageRight),l.appendChild(d)}o.appendChild(l)}d.isOptGroup||r(o,d),"left"!==this._settings.imagePosition&&o.classList.add(s.imageRight),t.appendChild(o),d.isSelected&&this._setSelectedByItem(o,!0)}return null!==this._settings.childHeight&&(t.style.maxHeight=this._settings.childHeight+"px"),t}_makeLayout(){this.ele.tabIndex=-1;let t=this._css,s=this._createEle("div",{tabIndex:0,className:t.dd}),i=this.ele.name,l=this.ele.required,n=this._createEle("input",{tabIndex:-1,name:i,type:"text",className:this._css.valueInput,required:l});s.appendChild(n),this.ele.required=!1,this.ele.name="";let r=this._createEle("div",{className:"more",style:"display:none"});s.appendChild(r),this._wrapper.valueBox=n,this._wrapper.moreValueBox=r;let a=this._makeHeader(),h=this._makeFilterBox();a.appendChild(h),this._showHideFilterBox(!1);let d=this._makeChildren();s.appendChild(a),s.appendChild(d),this._wrapper.holder=s,this._insertAfter(s,this.ele),this._hide(d),this.disabled&&s.classList.add(t.wrapperDisabled);let o=this._getInternalStyle(this.ele);s.setAttribute("style",o),null!==this._settings.byJson.data&&s.setAttribute("style",`width:${this._settings.byJson.width}px`);let u=this._createEle("div",{style:"clear:both"});s.appendChild(u),this._bindEvents(this._wrapper.holder,"focus",(t=>{this._isList?this._bindDocumentEvents(null,!1,!0):(e&&(e.close(null),e=null),this._bindDocumentEvents(null,!0,!0),e=this),this._fireLocalEventIfExist("focus"),this._fireEventIfExist("focus")})),this._bindEvents(this._wrapper.holder,"blur",(e=>{this._isList&&this._unbindDocumentEvents(),this._fireLocalEventIfExist("blur"),this._fireEventIfExist("blur")})),this._bindEvents(this._wrapper.holder,"dblclick",(e=>{this._fireLocalEventIfExist("blur"),this._fireEventIfExist("blur")})),this._bindEvents(n,"invalid",(e=>{e.target.setCustomValidity(""),e.target.validity.valid||e.target.setCustomValidity(this._settings.errorMessage)})),this._bindEvents(n,"input",(e=>{e.target.setCustomValidity("")}));let _=["click","dblclick","mousemove","mouseover","mouseout","mousedown","mouseup"];for(let e=0,t=_.length;e<t;e++){let t=_[e];this._bindEvents(this._wrapper.holder,t,(e=>{this._fireLocalEventIfExist(t),this._fireEventIfExist(t)}))}return s}_createRow(e){let t=e.isOptGroup?this._css.optgroup:this._css.item,s=this._createEle("li",{className:t});if(e.isCheckbox&&!e.isOptGroup){let t=this._createEle("input",{tabIndex:-1,className:this._css.checkbox,type:"checkbox",disabled:e.isDisabled,checked:!1,value:e.value,name:this._wrapper.valueBox.name+this._settings.checkboxNameSuffix+"[]"});s.appendChild(t),s._refCheckbox=t}let i=e.isOptGroup?" "+this._css.itemSpanOpt:"",l=this._createEle("span",{className:this._css.itemSpan+i}),n="true"===this._settings.showListCounter.toString()?`<span class='${this._css.listCounter}'>${e.counter}</span> ${e.label.text}`:e.label.text,r=this._createEle("span",{className:e.label.css},n),a=this._createEle("span",{className:e.innerSpanCss});if(a.appendChild(r),null!==e.img.src){let t=this._createEle("img",{className:e.img.css,src:e.img.src});l.appendChild(t)}if(null===e.img.src&&""!==e.imageCss.replace(/\s/g,"")){let t=this._createEle("span",{className:e.img.css+" "+e.imageCss},"&nbsp;");l.appendChild(t)}if(null!==e.desc.text){let t=this._createEle("span",{className:e.desc.css},e.desc.text);a.appendChild(t)}return l.appendChild(a),s.appendChild(l),e.isDisabled?s.classList.add(this._css.itemDisabled):e.isOptGroup||s.classList.add(this._css.itemEnabled),""!==e.title&&(s.title=e.title),s}_parseOption(e){let t,s,i,l=null,n="",r="",a="",h="",d="",o="",u=-1;if(void 0!==e){let _=e.nodeName,p=e.dataset;"OPTGROUP"===_?h=e.label:(h=e.text,a=e.value||h),u=e.index,t=e.selected,s=e.disabled,d=e.className||"",n=p.title||"",r=p.description||"",l=p.image||l,o=p.imageCss||"",i=this._getInternalStyle(e)}return{image:l,title:n,description:r,value:a,text:h,className:d,imageCss:o,index:u,selected:t,disabled:s,internalStyle:i}}_removeOldSelected(){let e=this._getAllEle("ul li."+this._css.itemSelected,this._wrapper.holder);for(let t=0;t<e.length;t++)e[t].classList.remove(this._css.itemSelected),this._isMultiple&&"true"===this._enableCheckbox.toString()&&(e[t]._refCheckbox.checked=!1)}_setSelectedByIndexFromTo(e,t){let s=Math.min(e,t),i=Math.max(e,t),l=this.optionsUI;for(let e=s;e<=i;e++)this._setSelectedByItem(l[e],!1,!1)}_setSelectedByItemToggle(e,t){let s=!e.checked,i=t.index;s?(t.classList.add(this._css.itemSelected),this.ele.options[i].selected=!0):(t.classList.remove(this._css.itemSelected),this.ele.options[i].selected=!1),this.updateUiAndValue()}_setSelectedByItem(e,t=!1,s=!0){if(t&&e)e.classList.add(this._css.itemSelected);else{let t=e.index;!0===s?(this._removeOldSelected(),this.ele.selectedIndex=t):this.ele.options[t].selected=!0,e?.classList?.add(this._css.itemSelected),this.updateUiAndValue()}"true"===this._enableCheckbox.toString()&&e?._refCheckbox&&(e._refCheckbox.checked=!0),!1===this._isFirstTime&&(this._fireLocalEventIfExist("change"),this._fireEventIfExist("change")),this._isFirstTime=!1}_setSelectedByOptionItem(e,t=!1){let s=e.index,i=this._getDataAndUI(s);this._setSelectedByItem(i.ui,t)}_updateHeaderUI(e=null,t=null){let s=null===e?this.uiData:e,i=this._isArray(s.index)?s.ui[0].innerHTML:null;this._wrapper.headerContent.innerHTML=null!==t?t:i||s?.ui?.innerHTML||"&nbsp;";let l=this._getEle("."+this._css.itemLabel,this._wrapper.headerContent);if("true"===this._settings.showPlusItemCounter.toString()&&null!==s.ui&&s.ui.length>1&&(l.innerHTML=l.innerHTML+`<span class="${this._css.headerCounter}">&nbsp; (+${s.ui.length-1})</span>`),"false"===this._settings.showIcon.toString()){let e=this._getEle("img",this._wrapper.headerContent);e&&this._hide(e)}this._setTitleMinHeight(!1)}_findElementByIndexProp(e){let t=this._getAllEle(`ul li.${this._css.item}`,this._wrapper.holder),s=t.length;for(let i=0;i<s;i++){if(t[i].index===e)return t[i]}return null}_getDataAndUI(e=null){let t,s,i,l=this.ele,n=null,r=-1,a=this,h=!1,d=function(e){let t=l.options[e],s=e;return{option:t,data:a._parseOption(t),index:s,ui:a._findElementByIndexProp(s)}};if(null!==e)i=d(e),n=i.option,t=i.data,r=i.index,s=i.ui;else if(s=this._getAllEle("ul li."+this._css.itemSelected,this._wrapper.holder),s.length>1){let e=[],l=[],a=[],o=[];for(let t=0;t<s.length;t++)i=d(s[t].index),e.push(i.data),l.push(i.option),a.push(i.index),o.push(i.ui);t=e,n=l,r=a,s=o,h=!0}else i=d(s[0]?.index||this.selectedIndex),n=i.option||null,t=i.data||null,r=i.index||-1,s=i.ui||null;return{data:t,ui:s,index:r,option:n,isArray:h}}_isArray=function(e){return"[object Array]"===Object.prototype.toString.call(e)};updateUiAndValue(e=null){let t=null===e?this.uiData:e;this._updateHeaderUI(t);let s=this._wrapper.valueBox;if(s.value=this.ele.value,this._isMultiple&&"[]"===s.name.substr(s.name.length-2,s.name.length)){this._wrapper.moreValueBox.innerHTML="";for(let e=1;e<t.data.length;e++){let i=this._createEle("input",{type:"hidden",name:s.name,value:t.data[e].value});this._wrapper.moreValueBox.appendChild(i)}}}_updateUiAndValueByIndex(e){let t=this._getDataAndUI(e);this.updateUiAndValue(t)}_createEle(e,t,s){let i=document.createElement(e);if(t)for(let e in t)"style"===e?i.style.cssText=t[e]:i[e]=t[e];return s&&(i.innerHTML=s),i}_getEle(e,t=null){return null===t?document.querySelector(e):t.querySelector(e)}_getAllEle(e,t=null){return null===t?document.querySelectorAll(e):t.querySelectorAll(e)}_getInternalStyle(e){return void 0===e.style?"":e.style.cssText}_toggleShow(e){e.style.display="none"===e.style.display||""===e.style.display?"inherit":"none"}_show(e,t="block"){e.style.display=t}_hide(e){e.style.display="none"}_insertAfter(e,t){return t.parentNode.insertBefore(e,t.nextSibling)}_insertBefore(e,t){return t.insertBefore(e,t)}_getIndex(e){return[...this._getAllEle("ul li",this._wrapper.holder)].indexOf(e)}_getProp(e,t){let s={};for(let i=0;i<e.attributes.length;i++){let l=e.attributes[i].nodeName,n=e.attributes[i].nodeValue;if(t===l)return n;s[l]=n}return void 0===t?s:null}_getDataSet(e,t=null){return null===t?e.dataset:e.dataset[t]||null}_bindEvents(e,t,s){e.addEventListener(t,s)}_unbindEvents(e,t,s){e.removeEventListener(t,s)}_adjustChildHeight(e=null){if(null!==(e=null===e?parseInt(this._settings.visibleRows):e)){let t=this._getEle("li[data-ms-index='0']",this._wrapper.listOfItems),s=null!==this._settings.rowHeight?this._settings.rowHeight:t.clientHeight;this._wrapper.listOfItems.style.height=e*s+12+"px"}}_setTitleMinHeight(e=!0){let t=0;if(!0===e){let e=this._getAllEle("li",this._wrapper.listOfItems),s=e.length;for(let i=0;i<s;i++){let s=e[i];t=s.clientHeight>t?s.clientHeight:t}}else t=this._wrapper.headerA.clientHeight;this._wrapper.header.style.minHeight=t+"px"}_makeUiAsList(e,t){!0===e?(this._hide(this._wrapper.header),this.open(null,!0),this._adjustChildHeight(t),this._wrapper.listOfItems.style.position="relative",this._wrapper.listOfItems.style.display="inline-block",this._wrapper.listOfItems.style.zIndex=0,this._wrapper.holder.style.zIndex=0,this._isList=!0):(this._show(this._wrapper.header),this._wrapper.listOfItems.style.height=null,this._wrapper.listOfItems.style.position="absolute",this._wrapper.listOfItems.style.zIndex=this._settings.zIndex,this._wrapper.holder.style.zIndex=0,this._isList=!1,this.close(null))}_bindDocumentEvents(e,t=!0,s=!0){this._unbindDocumentEvents(),this._onDocumentClick=e=>{let t=this._wrapper.listOfItems.getBoundingClientRect(),s=this._wrapper.header.getBoundingClientRect(),i=t.left+t.width,l=s.top+t.height+s.height;(e.clientX<t.left||e.clientX>i||e.clientY<s.y||e.clientY>l)&&this.close(e)},this._onDocumentKeyDown=e=>{switch(e.keyCode){case this._DOWN_ARROW:case this._RIGHT_ARROW:e.preventDefault(),e.stopPropagation(),this._show(this._wrapper.listOfItems),this._isOpen=!0,this.next();break;case this._UP_ARROW:case this._LEFT_ARROW:e.preventDefault(),e.stopPropagation(),this.previous();break;case this._ESCAPE:case this._ENTER:e.preventDefault(),e.stopPropagation(),this.close(null);break;case this._SHIFT:this._shiftHolded=!0;break;case this._CONTROL:case this._MAC_CONTROL:this._controlHolded=!0;break;case this._SPACE:this._show(this._wrapper.listOfItems),this._isOpen=!0;break;default:e.keyCode>=this._ALPHABETS_START&&!1===this._isList&&"true"===this._settings.enableAutoFilter.toString()&&this._showHideFilterBox(!0),this._shiftHolded=!1,this._controlHolded=!1}},this._onDocumentKeyUp=e=>{this._shiftHolded=!1,this._controlHolded=!1},!0===t&&this._bindEvents(document,"mouseup",this._onDocumentClick),!0===s&&(this._bindEvents(document,"keydown",this._onDocumentKeyDown),this._bindEvents(document,"keyup",this._onDocumentKeyUp))}_unbindDocumentEvents(){null!==this._onDocumentClick&&this._unbindEvents(document,"mouseup",this._onDocumentClick),null!==this._onDocumentKeyDown&&this._unbindEvents(document,"keydown",this._onDocumentKeyDown),null!==this._onDocumentKeyUp&&this._unbindEvents(document,"keyup",this._onDocumentKeyUp),this._onDocumentClick=null,this._onDocumentKeyDown=null,this._onDocumentKeyUp=null}_scrollToIfNeeded(e=null,t=null,s="next"){let i=this._wrapper.listOfItems;i.getBoundingClientRect();if(null===e&&null!==t&&(i.scrollTop=t),e=void 0!==e?e:this._getEle("li."+this._css.itemSelected)){let t=e.offsetTop,l=i.clientHeight,n=e.clientHeight;t+n-i.scrollTop>l&&"next"===s?i.scrollTop=t+n-l:t-i.scrollTop<0&&"previous"===s&&(i.scrollTop=t)}}_fireLocalEventIfExist(e,t=null){if("function"==typeof this._settings.on[e]){let s=null===t?this._getDataAndUI():t,i=this._settings.on[e];try{i(s)}catch(e){console.error(e.message)}}}_fireEventIfExist(e){if(this.ele.dataset[e]){let t=new Function(this.ele.dataset[e]);try{t()}catch(e){console.error(e.message)}}if(this._has_handler(e).hasEvent){if(this._has_handler(e).byElement)try{this.ele[e]()}catch(t){try{this.ele["on"+e]()}catch(e){}}else if(this._has_handler(e).byJQuery)switch(e){case"keydown":case"keyup":break;default:try{"undefined"!=typeof jQuery&&jQuery(this.ele).triggerHandler(e)}catch(e){}}return!1}}_has_handler(e){let t={byElement:!1,local:!1,byJQuery:!1,hasEvent:!1};null!==this._settings.on[e]&&(t.hasEvent=!0,t.local=!0);try{null!==this._getProp(this.ele,"on"+e)&&(t.hasEvent=!0,t.byElement=!0)}catch(e){}if("undefined"!=typeof jQuery){let s,i=jQuery(this.ele);s="function"==typeof jQuery?._data?jQuery?._data(this.ele,"events"):i.data("events"),s&&s[e]&&(t.hasEvent=!0,t.byJQuery=!0)}return t}add(e,t=null){let s,i,l,n,r,a,h;e instanceof HTMLOptionElement?h=e:"string"==typeof e?(s=i=e,h=new Option(s,i)):e instanceof Object&&(s=e.text||"",i=e.value||s,l=e.title||"",n=e.image||"",a=e.imageCss||"",r=e.description||"",h=new Option(s,i),h.setAttribute("data-description",r),h.setAttribute("data-image",n),h.setAttribute("data-title",l),h.setAttribute("data-image-css",a)),this.ele.add(h,t),this._makeChildren(),this._fireLocalEventIfExist("add")}remove(e){let t=this._getDataAndUI(e);return this.ele.remove(e),this._makeChildren(),this._fireLocalEventIfExist("remove",t),t}next(){let e,t=this,s=this.optionsUI,i=s.length;e=this._isFilterApplied?this._nexPrevCounter:this.selectedIndex;if(i>0){let l=function(){let l=e;for(;l<i;l++){let e=l+1;if(e=e>=i?i-1:e,t._nexPrevCounter++,!s[e].classList.contains(t._css.itemDisabled))return s[e]}return null}();l&&(this._setSelectedByItem(l,!1,!0),this._scrollToIfNeeded(l))}}previous(){let e,t=this,s=this.optionsUI;s.length;e=this._isFilterApplied?this._nexPrevCounter:this.selectedIndex;if(s.length>0){let i=function(i){let l=e;for(;l>0;l--){let e=l-1;if(e=e>=0?e:0,t._nexPrevCounter--,!s[e].classList.contains(t._css.itemDisabled))return s[e]}return null}();i&&(this._setSelectedByItem(i,!1,!0),this._scrollToIfNeeded(i,null,"previous"))}}open(e,t=!1){this.disabled||(this._isOpen?this.close(null):(this._isOpen=!0,this._show(this._wrapper.listOfItems),!1===t&&this._bindDocumentEvents(e),this._wrapper.arrow.classList.remove(this._css.arrowDown),this._wrapper.arrow.classList.add(this._css.arrowUp),this._adjustChildHeight(),this._scrollToItem(),this._fireLocalEventIfExist("open")))}close(e){let t=this._isList,s=!1;if(null!==e){e.stopImmediatePropagation();let t=e.target.closest("li");s=null!==t&&t.classList.contains("disabled")}this.disabled||t||s||(this._scrollToIfNeeded(null,0),this._hide(this._wrapper.listOfItems),this._wrapper.arrow.classList.add(this._css.arrowDown),this._wrapper.arrow.classList.remove(this._css.arrowUp),this._isOpen=!1,this._isMouseDown=!1,this._shiftHolded=!1,this._controlHolded=!1,this._isFilterApplied=!1,this._wrapper.filterInput.value="",this._wrapper.filterInput.blur(),"false"===this._settings.showFilterAlways.toString()&&this._showHideFilterBox(!1),this._applyFilters(),this._unbindDocumentEvents(),this._updateHeaderUI(),this.ele.length!==this._getAllEle(`li.${this._css.item}`,this._wrapper.listOfItems).length&&(this._makeChildren(),this.updateUiAndValue()),this._fireLocalEventIfExist("close"))}namedItem(e,t=!1){let s=null,i=this.ele.querySelector(`option[name='${e}']`);if(i&&t){s={};let e=this._parseOption(i);s.option=i,s.data=e}else s=i;return s}item(e,t=!1){let s=null,i=this.ele.options[e];if(i&&t){s={};let e=this._parseOption(i);s.option=i,s.data=e}else s=i;return s}visible(e=null){if(!0===e?this._show(this._wrapper.holder,"inline-block"):!1===e&&this._hide(this._wrapper.holder),null===e)return"none"!==this._wrapper.holder.style.display}showRows(e){this._settings.visibleRows=e>this.length?this.length:e,this._adjustChildHeight()}visibleRows(e){this.showRows(e)}on(e,t){this._settings.on[e]=t}off(e,t){this._settings.on[e]=null}refresh(){this._makeChildren(),this.updateUiAndValue()}destroy(){this._show(this.ele),this.ele.required=this._wrapper.valueBox.required,this.ele.name=this._wrapper.valueBox.name,this._wrapper.holder.parentNode.removeChild(this._wrapper.holder)}get selectedIndex(){return this.ele.selectedIndex}set selectedIndex(e){let t=this,s=function(e){t.ele.selectedIndex=e,-1===e?(t._updateHeaderUI(null,""),t._removeOldSelected()):t._setSelectedByOptionItem(t.ele.options[e])};if(e<this.length&&!this._isArray(e))s(e);else if(this._isMultiple&&this._isArray(e)){for(let t=0,s=e.length;t<s;t++)e[t]<this.length&&-1!==e[t]&&this._setSelectedByOptionItem(this.ele.options[e[t]],t>0);this._updateHeaderUI(null)}else s(e)}get options(){return this.ele.options}set options(e){e instanceof HTMLOptionElement?(this.ele.add(e),this._makeChildren(),this.updateUiAndValue()):"number"==typeof e&&(this.ele.length=e,this._makeChildren(),this.updateUiAndValue())}get optionsUI(){return this._cacheEle.allItems,this._cacheEle.allItems=this._getAllEle(`li.${this._css.item}`,this._wrapper.listOfItems)}get length(){return this.ele.length}set length(e){this.ele.options.length=e,this._makeChildren(),this.updateUiAndValue()}get value(){return this.ele.value}set value(e){this.ele.value=e,this.selectedIndex=this.ele.selectedIndex}get selectedText(){return this.selectedIndex>=0?this.ele.options[this.selectedIndex].text:""}get disabled(){return this.ele.hasAttribute("disabled")}set disabled(e){e?(this.ele.setAttribute("disabled",""),this._wrapper.holder.classList.add(this._css.wrapperDisabled)):(this.ele.removeAttribute("disabled"),this._wrapper.holder.classList.remove(this._css.wrapperDisabled))}get form(){return this.ele.form}get multiple(){return this.ele.multiple}set multiple(e){e?(this.ele.setAttribute("multiple",""),this._enableCheckbox=this._settings.enableCheckbox):this.ele.removeAttribute("multiple"),this._isMultiple=e,e||(this.selectedIndex=this.ele.selectedIndex,this._enableCheckbox=!1),this._makeChildren()}get name(){return this._wrapper?.valueBox?this._wrapper.valueBox.name||"":this.ele.name}set name(e){this._wrapper?.valueBox?this._wrapper.valueBox.name=e:this.ele.name=e}get required(){return this._wrapper.valueBox.required}set required(e){e?this._wrapper.valueBox.setAttribute("required",!0):this._wrapper.valueBox.removeAttribute("required")}get size(){return this.ele.size}set size(e){this.ele.size=e,this._makeUiAsList(e>1,e)}get selectedOptions(){let e=null;if(this.selectedIndex>=0&&(e=this.ele.options[this.selectedIndex],this.multiple)){e=[];let t=this.options,s=t.length;for(let i=0;i<s;i++)t[i].selected&&e.push(t[i]);e=1===e.length?e[0]:e}return e}get children(){return this.ele.children}get uiData(){return this._getDataAndUI()}get version(){return"4.0.3"}}class s{constructor(e,i){"string"==typeof e?document.querySelectorAll(e).forEach((e=>{new s(e,i)})):(e.msDropdown=this,this._ddMaker=new t(e,i))}setSettingAttribute(e,t,s=!1){this._ddMaker.setSettingAttribute(e,t),s&&this._ddMaker.refresh()}add(e,t){this._ddMaker.add(e,t)}remove(e){return this._ddMaker.remove(e)}next(){this._ddMaker.next()}previous(){this._ddMaker.previous()}open(){this._ddMaker.open(null,!1)}close(){this._ddMaker.close(null)}namedItem(e,t=!1){return this._ddMaker.namedItem(e,t)}item(e,t=!1){return this._ddMaker.item(e,t)}visible(e=null){return this._ddMaker.visible(e)}showRows(e){this._ddMaker.showRows(e)}visibleRows(e){this._ddMaker.showRows(e)}on(e,t){this._ddMaker.on(e,t)}off(e,t){this._ddMaker.off(e,t)}updateUiAndValue(){this._ddMaker.updateUiAndValue()}refresh(){this._ddMaker.refresh()}destroy(){this._ddMaker.destroy()}get selectedIndex(){return this._ddMaker.selectedIndex}set selectedIndex(e){this._ddMaker.selectedIndex=e}get options(){return this._ddMaker.options}set options(e){this._ddMaker.options=e}get optionsUI(){return this._ddMaker.optionsUI}get length(){return this._ddMaker.length}set length(e){this._ddMaker.length=e}get value(){return this._ddMaker.value}set value(e){this._ddMaker.value=e}get selectedText(){return this._ddMaker.selectedText}get disabled(){return this._ddMaker.disabled}set disabled(e){this._ddMaker.disabled=e}get form(){return this._ddMaker.form}get multiple(){return this._ddMaker.multiple}set multiple(e){this._ddMaker.multiple=e}get name(){return this._ddMaker.name}set name(e){this._ddMaker.name=e}get required(){return this._ddMaker.required}set required(e){this._ddMaker.required=e}get size(){return this._ddMaker.size}set size(e){this._ddMaker.size=e}get selectedOptions(){return this._ddMaker.selectedOptions}get children(){return this._ddMaker.children}get uiData(){return this._ddMaker.uiData}static make(e,t){if(!e.msDropdown)try{let i=new s(e,t);return e.addEventListener("change",(()=>{e.multiple?e.msDropdown.refresh():e.msDropdown.selectedIndex=current.selectedIndex})),i}catch(e){console.log(e.message)}}static get version(){return"4.0.3"}static get author(){return"Marghoob Suleman"}}class i extends HTMLSelectElement{constructor(e,t){super()}connectedCallback(){setTimeout((()=>{this.msDropdown||(this.msDropdown=new s(this));try{this.addEventListener("change",(e=>{this.multiple?this.msDropdown.refresh():this.msDropdown.selectedIndex=this.selectedIndex}))}catch(e){console.log(e.message)}}),1)}disconnectedCallback(){}adoptedCallback(){}attributeChangedCallback(e,t,s){if(this.msDropdown&&-1!==e.indexOf("data-")){let t=(e=e.replace("data-","")).toLowerCase().split("-");for(let e=1;e<t.length;e++)t[e]=t[e].charAt(0).toUpperCase()+t[e].substring(1);this.msDropdown.setSettingAttribute(t.join(""),s,!0)}console.log("attributeChangedCallback")}static get observedAttributes(){return["data-main-css","data-show-icon","data-event","data-child-width","data-child-height","data-enable-checkbox","data-checkbox-name-suffix","data-enable-auto-filter","data-visible-rows","data-show-plus-item-counter","data-error-message","data-show-filter-always","data-show-list-counter","data-image-position"]}}customElements.define("ms-dropdown",i,{extends:"select"}),window.MsDropdown=s,navigator.vendor&&navigator.vendor.indexOf("Apple")>-1&&navigator.userAgent&&-1==navigator.userAgent.indexOf("CriOS")&&-1==navigator.userAgent.indexOf("FxiOS")&&s.make("select[is='ms-dropdown']")})();