@danielgindi/selectbox 1.0.67 → 1.0.70

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;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:.2em .2em 0 0;content:"";display:inline-block;height:.45em;left:.2em;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)}}
+.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:.2em .2em 0 0;content:"";display:inline-block;height:.45em;left:.2em;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;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[aria-disabled=true]>.selectbox__clear{display:none}.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,QACA,2BACA,UACA,cACA,UACA,eACA,gBACA,cACA,gBACA,eAEA,mCACI,mBACA,qBACA,2BACA,WACA,qBACA,aACA,UACA,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"}
+{"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,2BACA,WACA,qBACA,aACA,UACA,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,UACA,SACA,gBAEA,gCACI,YAGJ,+BACI,aACA,UAIR,4BACI,WACA,SAGJ,sEACI,WAEA,gFACI,WACA,UAIR,iDACI,aAIR,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.67
+ * @danielgindi/selectbox 1.0.70
  * git://github.com/danielgindi/selectbox.git
  */
 'use strict';
@@ -8820,7 +8820,7 @@ var checkCorrectnessOfIteration = checkCorrectnessOfIteration$2;
 var setToStringTag = setToStringTag$4;
 var inheritIfRequired = inheritIfRequired$2;
 
-var collection$1 = function (CONSTRUCTOR_NAME, wrapper, common) {
+var collection$2 = function (CONSTRUCTOR_NAME, wrapper, common) {
   var IS_MAP = CONSTRUCTOR_NAME.indexOf('Map') !== -1;
   var IS_WEAK = CONSTRUCTOR_NAME.indexOf('Weak') !== -1;
   var ADDER = IS_MAP ? 'set' : 'add';
@@ -8933,7 +8933,7 @@ var InternalStateModule = internalState;
 var setInternalState = InternalStateModule.set;
 var internalStateGetterFor = InternalStateModule.getterFor;
 
-var collectionStrong$1 = {
+var collectionStrong$2 = {
   getConstructor: function (wrapper, CONSTRUCTOR_NAME, IS_MAP, ADDER) {
     var Constructor = wrapper(function (that, iterable) {
       anInstance(that, Prototype);
@@ -9123,14 +9123,14 @@ var collectionStrong$1 = {
 };
 
 'use strict';
-var collection = collection$1;
-var collectionStrong = collectionStrong$1;
+var collection$1 = collection$2;
+var collectionStrong$1 = collectionStrong$2;
 
 // `Set` constructor
 // https://tc39.es/ecma262/#sec-set-objects
-collection('Set', function (init) {
+collection$1('Set', function (init) {
   return function Set() { return init(this, arguments.length ? arguments[0] : undefined); };
-}, collectionStrong);
+}, collectionStrong$1);
 
 var web_domCollections_iterator = {};
 
@@ -9370,6 +9370,20 @@ $$2({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
   }
 });
 
+var es_map = {};
+
+var es_map_constructor = {};
+
+'use strict';
+var collection = collection$2;
+var collectionStrong = collectionStrong$2;
+
+// `Map` constructor
+// https://tc39.es/ecma262/#sec-map-objects
+collection('Map', function (init) {
+  return function Map() { return init(this, arguments.length ? arguments[0] : undefined); };
+}, collectionStrong);
+
 var es_array_findIndex = {};
 
 'use strict';
@@ -9667,6 +9681,7 @@ var inputBackbufferCssProps = [
  * @property {boolean|'touch'} [blurOnSingleSelection='touch']
  * @property {boolean} [multi=false] can multiple values be selected?
  * @property {boolean} [showSelection=true] show selection? if false, the placeholder will take effect
+ * @property {boolean} [showPlaceholderInTooltip=false] show placeholder in title attribute
  * @property {function(items: DropList.ItemBase[]):string} [multiPlaceholderFormatter] formatter for placeholder for multi items mode
  * @property {boolean} [searchable=false] is it searchable?
  * @property {string} [noResultsText='No matching results'] text for no results (empty for none)
@@ -9710,6 +9725,7 @@ var defaultOptions = {
   blurOnSingleSelection: 'touch',
   multi: false,
   showSelection: true,
+  showPlaceholderInTooltip: false,
   multiPlaceholderFormatter: null,
   searchable: true,
   noResultsText: 'No matching results',
@@ -9800,6 +9816,7 @@ var SelectBox = /*#__PURE__*/function () {
       blurOnSingleSelection: o.blurOnSingleSelection,
       multi: o.multi,
       showSelection: o.showSelection,
+      showPlaceholderInTooltip: o.showPlaceholderInTooltip,
       multiPlaceholderFormatter: o.multiPlaceholderFormatter,
       searchable: o.searchable,
       noResultsText: o.noResultsText,
@@ -9935,6 +9952,7 @@ var SelectBox = /*#__PURE__*/function () {
     }
 
     this.setItems(o.items);
+    delete o.items; // we do not need this in memory anymore
 
     if (o.multi && Array.isArray(o.selectedValues)) {
       this.setSelectedValues(o.selectedValues);
@@ -10086,6 +10104,8 @@ var SelectBox = /*#__PURE__*/function () {
       p.filteredItems = null;
       p.itemsChanged = true;
 
+      this._updateItemByValueMap();
+
       if (resetValues) {
         this.setSelectedValues(this.getSelectedValues());
       }
@@ -10115,9 +10135,9 @@ var SelectBox = /*#__PURE__*/function () {
     } }, { key: "updateItemByValue", value:
 
     function updateItemByValue(value, newItem) {
-      var p = this._p,valueProp = p.valueProp;
+      var p = this._p;
 
-      var existingItem = p.items.find(function (x) {return x[valueProp] === value;});
+      var existingItem = p.itemByValueMap.get(value);
       if (existingItem)
       Object.assign(existingItem, newItem);
 
@@ -10398,7 +10418,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.showSelection === showSelection)
       return this;
 
-      this._p.showSelection = showSelection;
+      p.showSelection = showSelection;
       this._scheduleSync('full');
       return this;
     }
@@ -10410,6 +10430,28 @@ var SelectBox = /*#__PURE__*/function () {
       return this._p.showSelection;
     }
 
+    /**
+     * @param {boolean} showPlaceholderInTooltip
+     * @returns {SelectBox}
+     */ }, { key: "setShowPlaceholderInTooltip", value:
+    function setShowPlaceholderInTooltip(showPlaceholderInTooltip) {
+      var p = this._p;
+      showPlaceholderInTooltip = !!showPlaceholderInTooltip;
+      if (p.showPlaceholderInTooltip === showPlaceholderInTooltip)
+      return this;
+
+      p.showPlaceholderInTooltip = showPlaceholderInTooltip;
+      this._scheduleSync('full');
+      return this;
+    }
+
+    /**
+     * @returns {boolean}
+     */ }, { key: "isShowPlaceholderInTooltipEnabled", value:
+    function isShowPlaceholderInTooltipEnabled() {
+      return this._p.showPlaceholderInTooltip;
+    }
+
     /**
      * @param {function(items: DropList.ItemBase[]):string} formatter
      * @returns {SelectBox}
@@ -10420,7 +10462,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.multiPlaceholderFormatter === formatter)
       return this;
 
-      this._p.multiPlaceholderFormatter = formatter;
+      p.multiPlaceholderFormatter = formatter;
       this._scheduleSync('full');
       return this;
     }
@@ -10434,7 +10476,7 @@ var SelectBox = /*#__PURE__*/function () {
       if (p.blurOnSingleSelection === value)
       return this;
 
-      this._p.blurOnSingleSelection = value;
+      p.blurOnSingleSelection = value;
       return this;
     }
 
@@ -10639,11 +10681,17 @@ var SelectBox = /*#__PURE__*/function () {
      */ }, { key: "setValueProp", value:
     function setValueProp(prop) {
       var p = this._p;
+
+      if (p.valueProp === prop)
+      return this;
+
       p.valueProp = prop;
 
       if (p.dropList)
       p.dropList.setValueProp(prop);
 
+      this._updateItemByValueMap();
+
       return this;
     }
 
@@ -10788,19 +10836,19 @@ var SelectBox = /*#__PURE__*/function () {
       var selectedValues = [];
       var selectedItems = [];var _iterator2 = _createForOfIteratorHelper(
 
-      values),_step2;try {var _loop = function _loop() {var value = _step2.value;
+      values),_step2;try {for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var value = _step2.value;
           if (set.has(value))
-          return "continue";
+          continue;
           set.add(value);
 
           selectedValues.push(value);
 
-          var item = p.items.find(function (x) {return x[valueProp] === value;});
+          var item = p.itemByValueMap.get(value);
           if (item !== undefined) {
             selectedItems.push(item);
           } else {
             selectedItems.push(_defineProperty({}, p.valueProp, value));
-          }};for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {var _ret = _loop();if (_ret === "continue") continue;
+          }
         }} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}
 
       p.selectedValues = selectedValues;
@@ -11016,6 +11064,21 @@ var SelectBox = /*#__PURE__*/function () {
       return this;
     }
 
+    /**
+     * Prepare the mapping between values and items.
+     * This reduces search time greatly (i.e when checking items), especially when Vue proxies are in place.
+     * @private
+     */ }, { key: "_updateItemByValueMap", value:
+    function _updateItemByValueMap() {
+      var p = this._p;
+
+      var itemByValueMap = p.itemByValueMap = new Map();
+      var valueProp = p.valueProp;var _iterator3 = _createForOfIteratorHelper(
+      p.items),_step3;try {for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {var item = _step3.value;
+          itemByValueMap.set(item[valueProp], item);
+        }} catch (err) {_iterator3.e(err);} finally {_iterator3.f();}
+    }
+
     /** @private */ }, { key: "_renderBase", value:
     function _renderBase() {var _this4 = this;
       var p = this._p;
@@ -11926,9 +11989,9 @@ var SelectBox = /*#__PURE__*/function () {
       var p = this._p;
 
       if (this[DestroyedSymbol])
-      return;var _iterator3 = _createForOfIteratorHelper(
+      return;var _iterator4 = _createForOfIteratorHelper(
 
-      queue),_step3;try {for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {var op = _step3.value;
+      queue),_step4;try {for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {var op = _step4.value;
           switch (op.mode) {
             case 'full':
               this._syncFull(true);
@@ -11993,7 +12056,7 @@ var SelectBox = /*#__PURE__*/function () {
               this._syncFull(false);
               break;}
 
-        }} catch (err) {_iterator3.e(err);} finally {_iterator3.f();}
+        }} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
     } }, { key: "_cleanupSingleWrapper", value:
 
     function _cleanupSingleWrapper() {
@@ -12174,6 +12237,12 @@ var SelectBox = /*#__PURE__*/function () {
 
       // Set input placeholder
       p.input.setAttribute('placeholder', placeholder);
+
+      if (p.showPlaceholderInTooltip) {
+        p.input.setAttribute('title', placeholder);
+      } else {
+        p.input.removeAttribute('title');
+      }
     }
 
     /** @private */ }, { key: "_syncSingleItem", value:
@@ -12368,19 +12437,19 @@ var SelectBox = /*#__PURE__*/function () {
         if (value === RestMultiItemsSymbol) {
           var items = (p.treatGroupSelectionAsItems ? p.selectedItems : p.selectedItems.filter(function (x) {return !x._group;})).
           slice(p.maxMultiItems);
-          var itemsToRemove = [];var _iterator4 = _createForOfIteratorHelper(
+          var itemsToRemove = [];var _iterator5 = _createForOfIteratorHelper(
 
-          items),_step4;try {for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {var _item3 = _step4.value;
+          items),_step5;try {for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {var _item3 = _step5.value;
               var removeselEvt = { value: value, item: _item3, cancel: false };
               this._trigger('removesel:before', removeselEvt);
               if (!removeselEvt.cancel)
               itemsToRemove.push(_item3);
-            }} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
+            }} catch (err) {_iterator5.e(err);} finally {_iterator5.f();}
 
           if (itemsToRemove.length > 0) {
-            this._removeMultiItemElementByIndex(p.multiItemEls.length - 1);var _iterator5 = _createForOfIteratorHelper(
+            this._removeMultiItemElementByIndex(p.multiItemEls.length - 1);var _iterator6 = _createForOfIteratorHelper(
 
-            itemsToRemove),_step5;try {for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {var _item2 = _step5.value;
+            itemsToRemove),_step6;try {for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {var _item2 = _step6.value;
                 // sync selection
                 var idx = p.selectedItems.indexOf(_item2);
                 if (idx === -1)
@@ -12391,7 +12460,7 @@ var SelectBox = /*#__PURE__*/function () {
                   p.selectionChanged = true;
                   p.resortBySelectionNeeded = true;
                 }
-              }} catch (err) {_iterator5.e(err);} finally {_iterator5.f();}
+              }} catch (err) {_iterator6.e(err);} finally {_iterator6.f();}
           }
 
           if (items.length > itemsToRemove.length) {