@danielgindi/selectbox 1.0.55 → 1.0.59

package/css/selectbox.css

@@ -1,3 +1,3 @@
-.selectbox{position:relative;box-sizing:border-box;display:inline-block;cursor:default;outline:0;user-select:none;-webkit-user-select:none;color:#000;background-color:#fff;border-radius:4px;border:solid #aaa 1px}.selectbox.selectbox__searchable{cursor:text}.selectbox[aria-disabled=true]{border:solid #aaa 1px;background-color:#eee;cursor:default}.selectbox[aria-disabled=true] *{cursor:default}.selectbox.has_droplist_above{border-top-left-radius:0;border-top-right-radius:0}.selectbox.has_droplist_below{border-bottom-left-radius:0;border-bottom-right-radius:0}.selectbox.selectbox__single{padding-top:4px}.selectbox.selectbox__single.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner){padding-right:17px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner){padding-right:0;padding-left:17px}.selectbox.selectbox__single.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner),.selectbox.selectbox__single.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear){padding-right:27px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner),[dir=rtl] .selectbox.selectbox__single.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear){padding-right:0;padding-left:27px}.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear),.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner){padding-right:44px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear),[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner){padding-right:0;padding-left:44px}.selectbox.selectbox__single.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator){padding-right:54px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator){padding-right:0;padding-left:54px}.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner{padding-right:74px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner{padding-right:0;padding-left:74px}.selectbox.selectbox__multi{padding-top:5px}.selectbox__focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.selectbox__list{box-sizing:border-box;list-style:none none;display:inline-block;vertical-align:top;overflow:hidden;width:100%;margin:-5px 0 0;padding:0 8px 4px;text-overflow:ellipsis;white-space:nowrap}.selectbox__list::before{float:right;display:block;content:"";width:0;height:25px}[dir=rtl] .selectbox__list::before{float:left}.selectbox__has_open_indicator .selectbox__list::before,.selectbox__has_clear .selectbox__list::before,.selectbox__has_spinner .selectbox__list::before{margin-left:-8px;margin-right:-8px}.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner) .selectbox__list::before{width:17px}.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner) .selectbox__list::before,.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear) .selectbox__list::before{width:27px}.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear) .selectbox__list::before,.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner) .selectbox__list::before{width:44px}.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator) .selectbox__list::before{width:54px}.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner .selectbox__list::before{width:74px}.selectbox__open_indicator{position:absolute;right:4px;z-index:2;font-size:1em;width:1em;height:.6423em;overflow:hidden;direction:ltr;text-align:left;cursor:pointer}.selectbox__open_indicator::before{border-style:solid;border-color:#9d9d9d;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:-0.18em;transform:rotate(135deg);vertical-align:top;width:.45em;transition:transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855)}[dir=rtl] .selectbox__open_indicator::before{transform:rotate(-225deg)}.selectbox__open_list .selectbox__open_indicator::before{transform:translateY(50%) rotate(-45deg)}[dir=rtl] .selectbox__open_indicator{right:auto;left:4px}.selectbox__multi .selectbox__open_indicator{top:11px}.selectbox__single .selectbox__open_indicator{top:8px}.selectbox__clear{position:absolute;right:2px;z-index:2}.selectbox__clear>button{box-sizing:border-box;display:block;cursor:pointer;font-weight:bold;width:26px;text-align:center;font-size:13px;line-height:1.4;margin:0;padding:0 0 3px;border:0;background:none}.selectbox__clear>button:before{content:"×"}.selectbox__clear>button:focus{outline:none;color:red}[dir=rtl] .selectbox__clear{right:auto;left:2px}.selectbox__multi .selectbox__clear{top:5px}.selectbox__single .selectbox__clear{top:4px}.selectbox__has_open_indicator.selectbox__has_clear .selectbox__clear{right:14px}[dir=rtl] .selectbox__has_open_indicator.selectbox__has_clear .selectbox__clear{right:auto;left:14px}.selectbox__spinner{position:absolute;right:2px;z-index:2;font-size:1em;width:1em;height:1em;text-indent:-9999em;overflow:hidden;border-top:.3em solid rgba(100,100,100,.1);border-right:.3em solid rgba(100,100,100,.1);border-bottom:.3em solid rgba(100,100,100,.1);border-left:.3em solid rgba(60,60,60,.45);border-radius:50%;transform:translateZ(0);animation:selectbox__spinner_anim 1.1s infinite linear;transition:opacity .1s}[dir=rtl] .selectbox__spinner{right:auto;left:2px}.selectbox__multi .selectbox__spinner{top:4px}.selectbox__single .selectbox__spinner{top:3px}.selectbox__has_spinner.selectbox__has_open_indicator .selectbox__spinner{right:22px}[dir=rtl] .selectbox__has_spinner.selectbox__has_open_indicator .selectbox__spinner{right:auto;left:22px}.selectbox__has_spinner.selectbox__has_clear .selectbox__spinner{right:36px}[dir=rtl] .selectbox__has_spinner.selectbox__has_clear .selectbox__spinner{right:auto;left:36px}.selectbox__item{box-sizing:border-box;float:left;cursor:default;background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;margin-left:0;margin-right:5px;margin-top:5px;padding:0 5px 2px}.selectbox__item span{vertical-align:middle}.selectbox__item:focus{background-color:#ccc;outline:0}[dir=rtl] .selectbox__item{float:right;margin-left:5px;margin-right:0}.selectbox__item_remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;font-size:13px}.selectbox__item_remove:before{content:"×"}[dir=rtl] .selectbox__item_remove{margin-left:2px;margin-right:0}.selectbox__single_wrapper{position:relative;min-height:1em;max-width:100%;margin:0 0 3px;padding:2px 0 1px;color:currentColor}.selectbox__single_wrapper:empty::after{content:"​"}.selectbox__empty_selection .selectbox__single_wrapper{width:12em}.selectbox__has_selection.selectbox__has_input .selectbox__single_wrapper{opacity:0}.selectbox__has_selection.selectbox__empty_input.has_droplist .selectbox__single_wrapper,.selectbox__has_selection.selectbox__empty_input.selectbox__focus .selectbox__single_wrapper{opacity:.5}.selectbox__search_wrapper{max-width:100%}.selectbox__multi .selectbox__search_wrapper{float:left;margin-top:5px}[dir=rtl] .selectbox__multi .selectbox__search_wrapper{float:right}.selectbox__single .selectbox__search_wrapper{position:absolute;z-index:1;left:0;top:4px}[dir=rtl] .selectbox__single .selectbox__search_wrapper{right:0;left:auto}input.selectbox__search_field{box-sizing:border-box;display:inline-block;height:auto;max-width:100%;cursor:inherit;color:currentColor;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);box-shadow:none;border:none;border-radius:0;outline:0;margin:0;padding:2px 0;font-size:1em;line-height:normal}input.selectbox__search_field::-webkit-search-decoration,input.selectbox__search_field::-webkit-search-cancel-button,input.selectbox__search_field::-webkit-search-results-button,input.selectbox__search_field::-webkit-search-results-decoration{appearance:none;-webkit-appearance:none;width:0;height:0;margin:0;padding:0}input.selectbox__search_field::-ms-clear{appearance:none;-webkit-appearance:none;width:0;height:0;margin:0;padding:0}input.selectbox__search_field:focus{outline:0 !important;border:0 !important;box-shadow:none !important}.selectbox__single_wrapper,.selectbox__single input.selectbox__search_field{padding-left:8px;padding-right:8px}@-webkit-keyframes selectbox__spinner_anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes selectbox__spinner_anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
+.selectbox{position:relative;box-sizing:border-box;display:inline-block;cursor:default;outline:0;user-select:none;-webkit-user-select:none;color:#000;background-color:#fff;border-radius:4px;border:solid #aaa 1px}.selectbox.selectbox__searchable{cursor:text}.selectbox[aria-disabled=true]{border:solid #aaa 1px;background-color:#eee;cursor:default}.selectbox[aria-disabled=true] *{cursor:default}.selectbox.has_droplist_above{border-top-left-radius:0;border-top-right-radius:0}.selectbox.has_droplist_below{border-bottom-left-radius:0;border-bottom-right-radius:0}.selectbox.selectbox__single{padding-top:4px}.selectbox.selectbox__single.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner){padding-right:17px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner){padding-right:0;padding-left:17px}.selectbox.selectbox__single.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner),.selectbox.selectbox__single.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear){padding-right:27px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner),[dir=rtl] .selectbox.selectbox__single.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear){padding-right:0;padding-left:27px}.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear),.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner){padding-right:44px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear),[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner){padding-right:0;padding-left:44px}.selectbox.selectbox__single.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator){padding-right:54px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator){padding-right:0;padding-left:54px}.selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner{padding-right:74px}[dir=rtl] .selectbox.selectbox__single.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner{padding-right:0;padding-left:74px}.selectbox.selectbox__multi{padding-top:5px}.selectbox__focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.selectbox__list{box-sizing:border-box;list-style:none none;display:inline-block;vertical-align:top;overflow:hidden;width:100%;margin:-5px 0 0;padding:0 8px 4px;text-overflow:ellipsis;white-space:nowrap}.selectbox__list::before{float:right;display:block;content:"";width:0;height:25px}[dir=rtl] .selectbox__list::before{float:left}.selectbox__has_open_indicator .selectbox__list::before,.selectbox__has_clear .selectbox__list::before,.selectbox__has_spinner .selectbox__list::before{margin-left:-8px;margin-right:-8px}.selectbox__has_open_indicator:not(.selectbox__has_clear):not(.selectbox__has_spinner) .selectbox__list::before{width:17px}.selectbox__has_clear:not(.selectbox__has_open_indicator):not(.selectbox__has_spinner) .selectbox__list::before,.selectbox__has_spinner:not(.selectbox__has_open_indicator):not(.selectbox__has_clear) .selectbox__list::before{width:27px}.selectbox__has_open_indicator.selectbox__has_spinner:not(.selectbox__has_clear) .selectbox__list::before,.selectbox__has_open_indicator.selectbox__has_clear:not(.selectbox__has_spinner) .selectbox__list::before{width:44px}.selectbox__has_clear.selectbox__has_spinner:not(.selectbox__has_open_indicator) .selectbox__list::before{width:54px}.selectbox__has_open_indicator.selectbox__has_clear.selectbox__has_spinner .selectbox__list::before{width:74px}.selectbox__open_indicator{position:absolute;right:4px;top:50%;transform:translateY(-50%);z-index:2;font-size:1em;width:1em;height:.6423em;overflow:hidden;direction:ltr;text-align:left;cursor:pointer}.selectbox__open_indicator::before{border-style:solid;border-color:#9d9d9d;border-width:.25em .25em 0 0;content:"";display:inline-block;height:.45em;left:.15em;position:relative;top:-0.18em;transform:rotate(135deg);vertical-align:top;width:.45em;transition:transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855)}[dir=rtl] .selectbox__open_indicator::before{transform:rotate(-225deg)}.selectbox__open_list .selectbox__open_indicator::before{transform:translateY(50%) rotate(-45deg)}[dir=rtl] .selectbox__open_indicator{right:auto;left:4px}.selectbox__clear{position:absolute;right:2px;top:50%;transform:translateY(-50%);z-index:2}.selectbox__clear>button{box-sizing:border-box;display:block;cursor:pointer;font-weight:bold;width:26px;text-align:center;font-size:13px;line-height:1.4;margin:0;padding:0 0 3px;border:0;background:none}.selectbox__clear>button:before{content:"×"}.selectbox__clear>button:focus{outline:none;color:red}[dir=rtl] .selectbox__clear{right:auto;left:2px}.selectbox__has_open_indicator.selectbox__has_clear .selectbox__clear{right:14px}[dir=rtl] .selectbox__has_open_indicator.selectbox__has_clear .selectbox__clear{right:auto;left:14px}.selectbox__spinner{position:absolute;right:2px;top:50%;transform:translateY(-50%);z-index:2}.selectbox__spinner::before{content:"";display:block;font-size:1em;width:1em;height:1em;text-indent:-9999em;overflow:hidden;border-top:.3em solid rgba(100,100,100,.1);border-right:.3em solid rgba(100,100,100,.1);border-bottom:.3em solid rgba(100,100,100,.1);border-left:.3em solid rgba(60,60,60,.45);border-radius:50%;transform:translateZ(0);animation:selectbox__spinner_anim 1.1s infinite linear;transition:opacity .1s}[dir=rtl] .selectbox__spinner{right:auto;left:2px}.selectbox__has_spinner.selectbox__has_open_indicator .selectbox__spinner{right:22px}[dir=rtl] .selectbox__has_spinner.selectbox__has_open_indicator .selectbox__spinner{right:auto;left:22px}.selectbox__has_spinner.selectbox__has_clear .selectbox__spinner{right:36px}[dir=rtl] .selectbox__has_spinner.selectbox__has_clear .selectbox__spinner{right:auto;left:36px}.selectbox__item{box-sizing:border-box;float:left;cursor:default;background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;margin-left:0;margin-right:5px;margin-top:5px;padding:0 5px 2px}.selectbox__item span{vertical-align:middle}.selectbox__item:focus{background-color:#ccc;outline:0}[dir=rtl] .selectbox__item{float:right;margin-left:5px;margin-right:0}.selectbox__item_remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px;font-size:13px}.selectbox__item_remove:before{content:"×"}[dir=rtl] .selectbox__item_remove{margin-left:2px;margin-right:0}.selectbox__single_wrapper{position:relative;min-height:1em;max-width:100%;margin:0 0 3px;padding:2px 0 1px;color:currentColor}.selectbox__single_wrapper:empty::after{content:"​"}.selectbox__empty_selection .selectbox__single_wrapper{width:12em}.selectbox__has_selection.selectbox__has_input .selectbox__single_wrapper{opacity:0}.selectbox__has_selection.selectbox__empty_input.has_droplist .selectbox__single_wrapper,.selectbox__has_selection.selectbox__empty_input.selectbox__focus .selectbox__single_wrapper{opacity:.5}.selectbox__search_wrapper{max-width:100%}.selectbox__multi .selectbox__search_wrapper{float:left;margin-top:5px}[dir=rtl] .selectbox__multi .selectbox__search_wrapper{float:right}.selectbox__single .selectbox__search_wrapper{position:absolute;z-index:1;left:0;top:4px}[dir=rtl] .selectbox__single .selectbox__search_wrapper{right:0;left:auto}input.selectbox__search_field{box-sizing:border-box;display:inline-block;height:auto;max-width:100%;cursor:inherit;color:currentColor;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);box-shadow:none;border:none;border-radius:0;outline:0;margin:0;padding:2px 0;font-size:1em;line-height:normal}input.selectbox__search_field::-webkit-search-decoration,input.selectbox__search_field::-webkit-search-cancel-button,input.selectbox__search_field::-webkit-search-results-button,input.selectbox__search_field::-webkit-search-results-decoration{appearance:none;-webkit-appearance:none;width:0;height:0;margin:0;padding:0}input.selectbox__search_field::-ms-clear{appearance:none;-webkit-appearance:none;width:0;height:0;margin:0;padding:0}input.selectbox__search_field:focus{outline:0 !important;border:0 !important;box-shadow:none !important}.selectbox__single_wrapper,.selectbox__single input.selectbox__search_field{padding-left:8px;padding-right:8px}@-webkit-keyframes selectbox__spinner_anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes selectbox__spinner_anim{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
 
 /*# sourceMappingURL=selectbox.css.map */

package/css/selectbox.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/selectbox.scss"],"names":[],"mappings":"CAGA,WACI,kBACA,sBACA,qBACA,eACA,UAEA,iBACA,yBAEA,WACA,sBACA,kBACA,sBAEA,iCACI,YAGP,+BACC,sBACA,sBACA,eAEA,iCACC,eAIF,8BACC,yBACA,0BAGD,8BACC,4BACA,6BAGE,6BACI,gBAEA,mHACI,mBAEA,6HACI,gBACA,kBAIR,sOAEI,mBAEA,0PACI,gBACA,kBAIR,0NAEI,mBAEA,8OACI,gBACA,kBAIR,6GACI,mBAEA,uHACI,gBACA,kBAIR,uGACI,mBAEA,iHACI,gBACA,kBAKZ,4BACI,gBAIR,kBACI,qBACA,UAEA,WADM,8DAIV,iBACI,sBACA,qBACA,qBACA,mBACA,gBAEA,WACA,gBACA,kBAEA,uBACA,mBAEA,yBAEI,YAEA,cACA,WACA,QACA,YAEA,mCACI,WAOJ,wJACI,iBACA,kBAKJ,gHACI,WAMJ,gOACI,WAMJ,oNACI,WAKJ,0GACI,WAKJ,oGACI,WAKZ,2BACI,kBACA,UACA,UACA,cACA,UACA,eACA,gBACA,cACA,gBACA,eAEA,mCACI,mBACA,qBACA,6BACA,WACA,qBACA,aACA,WACA,kBACA,YACA,yBACA,mBACA,YACA,iEAGJ,6CACI,0BAGJ,yDACI,yCAGJ,qCACI,WACA,SAGJ,6CACI,SAGJ,8CACI,QAIR,kBACI,kBACA,UACA,UAEA,yBACI,sBACA,cACA,eACA,iBACA,WACA,kBACA,eACA,gBACA,SACA,gBACA,SACA,gBAEA,gCACI,YAGJ,+BACI,aACA,UAIR,4BACI,WACA,SAGJ,oCACI,QAGJ,qCACI,QAGJ,sEACI,WAEA,gFACI,WACA,UAKZ,oBACI,kBACA,UACA,UACA,cACA,UACA,WACA,oBACA,gBACA,2CACA,6CACA,8CACA,0CACA,kBACA,wBACA,uDACA,uBAEA,8BACI,WACA,SAGJ,sCACI,QAGJ,uCACI,QAGJ,0EACI,WAEA,oFACI,WACA,UAIR,iEACI,WAEA,2EACI,WACA,UAKZ,iBAEI,sBACA,WACA,eAEA,yBACA,sBACA,kBAEA,cACA,iBACA,eACA,kBAEH,sBACC,sBAGD,uBACC,sBACA,UAGE,2BACI,YACA,gBACA,eAIR,wBACI,WACA,eACA,qBACA,iBACA,iBACH,eAEA,+BACC,YAGE,kCACI,gBACA,eAIR,2BACI,kBACA,eACA,eACA,eACA,kBACA,mBAEA,oDAEA,uDACI,WAGJ,0EACI,UAIR,sLAEI,WAGJ,2BACC,eAEG,6CACI,WACA,eAEA,uDACI,YAIR,8CACI,kBACA,UACA,OACA,QAEA,wDACI,QACA,UAKZ,8BACI,sBACH,qBACG,YACH,eACG,eACA,mBAEA,wBACA,gBACH,yBACG,gBACA,YACA,gBACA,UACA,SACA,cAEA,cACA,mBAEA,mPAII,gBACA,wBACA,QACA,SACA,SACA,UAGJ,yCACI,gBACA,wBACA,QACA,SACA,SACA,UAGP,oCACC,qBACA,oBACA,2BAIF,4EAEI,iBACA,kBAGJ,2CACI,GACI,uBAEJ,KACI,0BAIR,mCACI,GACI,uBAEJ,KACI","file":"selectbox.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/selectbox.scss"],"names":[],"mappings":"CAGA,WACI,kBACA,sBACA,qBACA,eACA,UAEA,iBACA,yBAEA,WACA,sBACA,kBACA,sBAEA,iCACI,YAGP,+BACC,sBACA,sBACA,eAEA,iCACC,eAIF,8BACC,yBACA,0BAGD,8BACC,4BACA,6BAGE,6BACI,gBAEA,mHACI,mBAEA,6HACI,gBACA,kBAIR,sOAEI,mBAEA,0PACI,gBACA,kBAIR,0NAEI,mBAEA,8OACI,gBACA,kBAIR,6GACI,mBAEA,uHACI,gBACA,kBAIR,uGACI,mBAEA,iHACI,gBACA,kBAKZ,4BACI,gBAIR,kBACI,qBACA,UAEA,WADM,8DAIV,iBACI,sBACA,qBACA,qBACA,mBACA,gBAEA,WACA,gBACA,kBAEA,uBACA,mBAEA,yBAEI,YAEA,cACA,WACA,QACA,YAEA,mCACI,WAOJ,wJACI,iBACA,kBAKJ,gHACI,WAMJ,gOACI,WAMJ,oNACI,WAKJ,0GACI,WAKJ,oGACI,WAKZ,2BACI,kBACA,UACA,QACA,2BACA,UACA,cACA,UACA,eACA,gBACA,cACA,gBACA,eAEA,mCACI,mBACA,qBACA,6BACA,WACA,qBACA,aACA,WACA,kBACA,YACA,yBACA,mBACA,YACA,iEAGJ,6CACI,0BAGJ,yDACI,yCAGJ,qCACI,WACA,SAIR,kBACI,kBACA,UACA,QACA,2BACA,UAEA,yBACI,sBACA,cACA,eACA,iBACA,WACA,kBACA,eACA,gBACA,SACA,gBACA,SACA,gBAEA,gCACI,YAGJ,+BACI,aACA,UAIR,4BACI,WACA,SAGJ,sEACI,WAEA,gFACI,WACA,UAKZ,oBACI,kBACA,UACA,QACA,2BACA,UAEA,4BACI,WACA,cACA,cACA,UACA,WACA,oBACA,gBACA,2CACA,6CACA,8CACA,0CACA,kBACA,wBACA,uDACA,uBAGJ,8BACI,WACA,SAGJ,0EACI,WAEA,oFACI,WACA,UAIR,iEACI,WAEA,2EACI,WACA,UAKZ,iBAEI,sBACA,WACA,eAEA,yBACA,sBACA,kBAEA,cACA,iBACA,eACA,kBAEH,sBACC,sBAGD,uBACC,sBACA,UAGE,2BACI,YACA,gBACA,eAIR,wBACI,WACA,eACA,qBACA,iBACA,iBACH,eAEA,+BACC,YAGE,kCACI,gBACA,eAIR,2BACI,kBACA,eACA,eACA,eACA,kBACA,mBAEA,oDAEA,uDACI,WAGJ,0EACI,UAIR,sLAEI,WAGJ,2BACC,eAEG,6CACI,WACA,eAEA,uDACI,YAIR,8CACI,kBACA,UACA,OACA,QAEA,wDACI,QACA,UAKZ,8BACI,sBACH,qBACG,YACH,eACG,eACA,mBAEA,wBACA,gBACH,yBACG,gBACA,YACA,gBACA,UACA,SACA,cAEA,cACA,mBAEA,mPAII,gBACA,wBACA,QACA,SACA,SACA,UAGJ,yCACI,gBACA,wBACA,QACA,SACA,SACA,UAGP,oCACC,qBACA,oBACA,2BAIF,4EAEI,iBACA,kBAGJ,2CACI,GACI,uBAEJ,KACI,0BAIR,mCACI,GACI,uBAEJ,KACI","file":"selectbox.css"}

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/selectbox 1.0.55
+ * @danielgindi/selectbox 1.0.59
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -5993,7 +5993,8 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
  * @property {Element} [el] An element to attach to, instead of creating a new one
  * @property {string} [baseClassName='droplist'] class name for the menu root element
  * @property {string|string[]} [additionalClasses]
- * @property {number} [itemBlurDelay=300] How long to wait before deciding to blur the focused item?
+ * @property {boolean} [autoItemBlur=true] Should we automatically blur the focused item when the droplist loses focus?
+ * @property {number} [autoItemBlurDelay=300] How long to wait before deciding to blur the focused item (when the droplist loses focus)?
  * @property {boolean} [capturesFocus=true] Should this DropList be added to the TAB-key stack?
  * @property {boolean} [multi=false] Does this DropList show checkboxes for multiple item selection?
  * @property {function} [keyDownHandler=null] An alternative "keydown" event handler. Return true to prevent default behaviour.
@@ -6053,7 +6054,8 @@ var hasOwnProperty = Object.prototype.hasOwnProperty;
 var defaultOptions$1 = {
   baseClassName: 'droplist',
 
-  itemBlurDelay: 300,
+  autoItemBlur: true,
+  autoItemBlurDelay: 300,
   capturesFocus: true,
   multi: false,
   keyDownHandler: null,
@@ -6076,9 +6078,9 @@ var defaultOptions$1 = {
 Emits the following events:
 ---------------------------
 
-'itemfocus' {value, item, event}: item gained focus.
+'itemfocus' {value, item, event?, el}: item gained focus.
 'itemblur' {value, item}: item lost focus.
-'select' {value, item}: item was selected (in single mode).
+'select' {value, item, event?, el}: item was selected (in single mode).
 'show:before': the drop list will show.
 'show': the drop list has been shown.
 'hide:before': the drop list will hide.
@@ -6107,7 +6109,8 @@ var DropList = /*#__PURE__*/function () {
 
       baseClassName: o.baseClassName,
       additionalClasses: o.additionalClasses,
-      itemBlurDelay: o.itemBlurDelay,
+      autoItemBlur: o.autoItemBlur,
+      autoItemBlurDelay: o.autoItemBlurDelay,
       capturesFocus: o.capturesFocus,
       multi: o.multi,
       keyDownHandler: o.keyDownHandler,
@@ -6244,7 +6247,9 @@ var DropList = /*#__PURE__*/function () {
       p.virtualListHelper.setOnItemUnrender(function (el) {
         try {
           fn(el[ItemSymbol$1][ItemSymbol$1], el);
-        } catch (err) {console.error(err);} // eslint-disable-line no-console
+        } catch (err) {
+          console.error(err); // eslint-disable-line no-console
+        }
         delete el[ItemSymbol$1];
 
         if (p.focusItemEl === el)
@@ -6363,7 +6368,9 @@ var DropList = /*#__PURE__*/function () {
         p.virtualListHelper.setOnItemUnrender(function (el) {
           try {
             _fn(el[ItemSymbol$1][ItemSymbol$1], el);
-          } catch (err) {console.error(err);} // eslint-disable-line no-console
+          } catch (err) {
+            console.error(err); // eslint-disable-line no-console
+          }
           delete el[ItemSymbol$1];
 
           if (p.focusItemEl === el)
@@ -6480,7 +6487,12 @@ var DropList = /*#__PURE__*/function () {
         this._setSingleSelectedItemEl(p.focusItemEl);
       }
 
-      this._trigger('select', { value: item ? item.value : undefined, item: (_item$ItemSymbol3 = item[ItemSymbol$1]) !== null && _item$ItemSymbol3 !== void 0 ? _item$ItemSymbol3 : item });
+      this._trigger('select', {
+        value: item ? item.value : undefined,
+        item: (_item$ItemSymbol3 = item[ItemSymbol$1]) !== null && _item$ItemSymbol3 !== void 0 ? _item$ItemSymbol3 : item,
+        event: event,
+        el: p.focusItemEl });
+
 
       return true;
     }
@@ -7074,7 +7086,7 @@ var DropList = /*#__PURE__*/function () {
           // Detect mouse tap outside of the droplist, to blur the focused item
           p.sink.add(document, 'mousedown', p.onDocumentMouseDown = function (event) {
             if (!p.el.contains(event.target))
-            _this2._delayBlur();
+            _this2._delayBlurItemOnBlur();
           });
         }
       });
@@ -7223,7 +7235,12 @@ var DropList = /*#__PURE__*/function () {
           itemElement.classList.add("".concat(p.baseClassName, "__item_focus"));
           p.focusItemEl = itemElement;
 
-          this._trigger('itemfocus', { value: itemElement.value, item: itemElement[ItemSymbol$1], event: null });
+          this._trigger('itemfocus', {
+            value: itemElement.value,
+            item: itemElement[ItemSymbol$1],
+            event: null,
+            el: itemElement });
+
         }
       }
 
@@ -7498,7 +7515,9 @@ var DropList = /*#__PURE__*/function () {
 
         // Track scrolling
         var didScroll = false;
-        var onScroll = function onScroll() {didScroll = true;};
+        var onScroll = function onScroll() {
+          didScroll = true;
+        };
         var onTouchCancel = function onTouchCancel() {
           currentTouchId = null;
           p.sink.remove(null, '.dropdown_touchextra');
@@ -7547,7 +7566,7 @@ var DropList = /*#__PURE__*/function () {
           if (_this8[DestroyedSymbol$1]) return;
 
           if (!p.el.contains(document.activeElement)) {
-            _this8._delayBlur();
+            _this8._delayBlurItemOnBlur();
           }
         });
       });
@@ -7730,21 +7749,24 @@ var DropList = /*#__PURE__*/function () {
       p.focusItemIndex = itemIndex;
 
       var item = p.items[itemIndex];
-      this._trigger('itemfocus', { value: item.value, item: (_item$ItemSymbol4 = item[ItemSymbol$1]) !== null && _item$ItemSymbol4 !== void 0 ? _item$ItemSymbol4 : item, event: event });
-    } }, { key: "_delayBlur", value:
+      this._trigger('itemfocus', { value: item.value, item: (_item$ItemSymbol4 = item[ItemSymbol$1]) !== null && _item$ItemSymbol4 !== void 0 ? _item$ItemSymbol4 : item, event: event, el: focusItemEl });
+    } }, { key: "_delayBlurItemOnBlur", value:
 
-    function _delayBlur() {var _this10 = this;
+    function _delayBlurItemOnBlur() {var _this10 = this;
       if (this[DestroyedSymbol$1])
       return;
 
       var p = this._p;
 
+      if (!p.autoItemBlur)
+      return;
+
       clearTimeout(p.blurTimer);
 
       p.blurTimer = setTimeout(function () {
         if (_this10[DestroyedSymbol$1]) return;
         _this10.blurFocusedItem();
-      }, p.itemBlurDelay);
+      }, p.autoItemBlurDelay);
     } }, { key: "_move", value:
 
     function _move(direction, event) {
@@ -7930,7 +7952,11 @@ var DropList = /*#__PURE__*/function () {
           }
 
           // Fire event
-          this._trigger('groupcheck', { value: item.value, item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item, affectedItems: affectedItems });
+          this._trigger('groupcheck', {
+            value: item.value,
+            item: (_item$ItemSymbol5 = item[ItemSymbol$1]) !== null && _item$ItemSymbol5 !== void 0 ? _item$ItemSymbol5 : item,
+            affectedItems: affectedItems });
+
         } else if (p.groupCount > 0) {
           items = p.items;
           itemIndex = items.indexOf(item);
@@ -11589,7 +11615,9 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.unrenderSingleItem && p.singleWrapper.childNodes.length > 0) {
         try {
           p.unrenderSingleItem(p.singleWrapper[ItemSymbol], p.singleWrapper);
-        } catch (err) {console.error(err);} // eslint-disable-line no-console
+        } catch (err) {
+          console.error(err); // eslint-disable-line no-console
+        }
       }
 
       delete p.singleWrapper[ItemSymbol];
@@ -11614,7 +11642,9 @@ var SelectBox = /*#__PURE__*/function () {
         if (unrender && itemEl.childNodes.length > 0) {
           try {
             unrender(item, itemEl);
-          } catch (err) {console.error(err);} // eslint-disable-line no-console
+          } catch (err) {
+            console.error(err); // eslint-disable-line no-console
+          }
         }
         DomCompat.remove(itemEl);