@danielgindi/selectbox 1.0.68 → 1.0.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/selectbox.css +1 -1
- package/css/selectbox.css.map +1 -1
- package/dist/lib.cjs.js +64 -12
- package/dist/lib.cjs.js.map +1 -1
- package/dist/lib.cjs.min.js +2 -2
- package/dist/lib.cjs.min.js.map +1 -1
- package/dist/lib.es6.js +59 -7
- package/dist/lib.es6.js.map +1 -1
- package/dist/lib.es6.min.js +2 -2
- package/dist/lib.es6.min.js.map +1 -1
- package/dist/lib.umd.js +64 -12
- package/dist/lib.umd.js.map +1 -1
- package/dist/lib.umd.min.js +2 -2
- package/dist/lib.umd.min.js.map +1 -1
- package/lib/SelectBox.js +58 -6
- package/package.json +1 -1
- package/scss/selectbox.scss +5 -1
- package/vue/SelectBox.vue +34 -17
package/css/selectbox.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
.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
|
|
1
|
+
.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)}}
|
|
2
2
|
|
|
3
3
|
/*# sourceMappingURL=selectbox.css.map */
|
package/css/selectbox.css.map
CHANGED
|
@@ -1 +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,
|
|
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,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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @danielgindi/selectbox 1.0.
|
|
2
|
+
* @danielgindi/selectbox 1.0.71
|
|
3
3
|
* git://github.com/danielgindi/selectbox.git
|
|
4
4
|
*/
|
|
5
5
|
'use strict';
|
|
@@ -9681,6 +9681,7 @@ var inputBackbufferCssProps = [
|
|
|
9681
9681
|
* @property {boolean|'touch'} [blurOnSingleSelection='touch']
|
|
9682
9682
|
* @property {boolean} [multi=false] can multiple values be selected?
|
|
9683
9683
|
* @property {boolean} [showSelection=true] show selection? if false, the placeholder will take effect
|
|
9684
|
+
* @property {boolean} [showPlaceholderInTooltip=false] show placeholder in title attribute
|
|
9684
9685
|
* @property {function(items: DropList.ItemBase[]):string} [multiPlaceholderFormatter] formatter for placeholder for multi items mode
|
|
9685
9686
|
* @property {boolean} [searchable=false] is it searchable?
|
|
9686
9687
|
* @property {string} [noResultsText='No matching results'] text for no results (empty for none)
|
|
@@ -9724,6 +9725,7 @@ var defaultOptions = {
|
|
|
9724
9725
|
blurOnSingleSelection: 'touch',
|
|
9725
9726
|
multi: false,
|
|
9726
9727
|
showSelection: true,
|
|
9728
|
+
showPlaceholderInTooltip: false,
|
|
9727
9729
|
multiPlaceholderFormatter: null,
|
|
9728
9730
|
searchable: true,
|
|
9729
9731
|
noResultsText: 'No matching results',
|
|
@@ -9814,6 +9816,7 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
9814
9816
|
blurOnSingleSelection: o.blurOnSingleSelection,
|
|
9815
9817
|
multi: o.multi,
|
|
9816
9818
|
showSelection: o.showSelection,
|
|
9819
|
+
showPlaceholderInTooltip: o.showPlaceholderInTooltip,
|
|
9817
9820
|
multiPlaceholderFormatter: o.multiPlaceholderFormatter,
|
|
9818
9821
|
searchable: o.searchable,
|
|
9819
9822
|
noResultsText: o.noResultsText,
|
|
@@ -10246,6 +10249,14 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10246
10249
|
if (p.input)
|
|
10247
10250
|
return p.input.value;
|
|
10248
10251
|
return '';
|
|
10252
|
+
} }, { key: "invokeRefilter", value:
|
|
10253
|
+
|
|
10254
|
+
function invokeRefilter() {
|
|
10255
|
+
var p = this._p;
|
|
10256
|
+
if (!p.filterTerm && !p.filterOnEmptyTerm)
|
|
10257
|
+
return this;
|
|
10258
|
+
p.throttledUpdateListItems();
|
|
10259
|
+
return this;
|
|
10249
10260
|
}
|
|
10250
10261
|
|
|
10251
10262
|
/**
|
|
@@ -10415,7 +10426,7 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10415
10426
|
if (p.showSelection === showSelection)
|
|
10416
10427
|
return this;
|
|
10417
10428
|
|
|
10418
|
-
|
|
10429
|
+
p.showSelection = showSelection;
|
|
10419
10430
|
this._scheduleSync('full');
|
|
10420
10431
|
return this;
|
|
10421
10432
|
}
|
|
@@ -10427,6 +10438,28 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10427
10438
|
return this._p.showSelection;
|
|
10428
10439
|
}
|
|
10429
10440
|
|
|
10441
|
+
/**
|
|
10442
|
+
* @param {boolean} showPlaceholderInTooltip
|
|
10443
|
+
* @returns {SelectBox}
|
|
10444
|
+
*/ }, { key: "setShowPlaceholderInTooltip", value:
|
|
10445
|
+
function setShowPlaceholderInTooltip(showPlaceholderInTooltip) {
|
|
10446
|
+
var p = this._p;
|
|
10447
|
+
showPlaceholderInTooltip = !!showPlaceholderInTooltip;
|
|
10448
|
+
if (p.showPlaceholderInTooltip === showPlaceholderInTooltip)
|
|
10449
|
+
return this;
|
|
10450
|
+
|
|
10451
|
+
p.showPlaceholderInTooltip = showPlaceholderInTooltip;
|
|
10452
|
+
this._scheduleSync('full');
|
|
10453
|
+
return this;
|
|
10454
|
+
}
|
|
10455
|
+
|
|
10456
|
+
/**
|
|
10457
|
+
* @returns {boolean}
|
|
10458
|
+
*/ }, { key: "isShowPlaceholderInTooltipEnabled", value:
|
|
10459
|
+
function isShowPlaceholderInTooltipEnabled() {
|
|
10460
|
+
return this._p.showPlaceholderInTooltip;
|
|
10461
|
+
}
|
|
10462
|
+
|
|
10430
10463
|
/**
|
|
10431
10464
|
* @param {function(items: DropList.ItemBase[]):string} formatter
|
|
10432
10465
|
* @returns {SelectBox}
|
|
@@ -10437,7 +10470,7 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10437
10470
|
if (p.multiPlaceholderFormatter === formatter)
|
|
10438
10471
|
return this;
|
|
10439
10472
|
|
|
10440
|
-
|
|
10473
|
+
p.multiPlaceholderFormatter = formatter;
|
|
10441
10474
|
this._scheduleSync('full');
|
|
10442
10475
|
return this;
|
|
10443
10476
|
}
|
|
@@ -10451,7 +10484,7 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10451
10484
|
if (p.blurOnSingleSelection === value)
|
|
10452
10485
|
return this;
|
|
10453
10486
|
|
|
10454
|
-
|
|
10487
|
+
p.blurOnSingleSelection = value;
|
|
10455
10488
|
return this;
|
|
10456
10489
|
}
|
|
10457
10490
|
|
|
@@ -10566,7 +10599,10 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10566
10599
|
*/ }, { key: "setFilterOnEmptyTerm", value:
|
|
10567
10600
|
function setFilterOnEmptyTerm(value) {
|
|
10568
10601
|
var p = this._p;
|
|
10602
|
+
if (p.filterOnEmptyTerm === value)
|
|
10603
|
+
return this;
|
|
10569
10604
|
p.filterOnEmptyTerm = value;
|
|
10605
|
+
p.throttledUpdateListItems();
|
|
10570
10606
|
return this;
|
|
10571
10607
|
}
|
|
10572
10608
|
|
|
@@ -10706,7 +10742,10 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10706
10742
|
*/ }, { key: "setFilterFn", value:
|
|
10707
10743
|
function setFilterFn(fn) {
|
|
10708
10744
|
var p = this._p;
|
|
10745
|
+
if (p.filterFn === fn)
|
|
10746
|
+
return this;
|
|
10709
10747
|
p.filterFn = fn;
|
|
10748
|
+
p.throttledUpdateListItems();
|
|
10710
10749
|
return this;
|
|
10711
10750
|
}
|
|
10712
10751
|
|
|
@@ -10822,7 +10861,7 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10822
10861
|
if (item !== undefined) {
|
|
10823
10862
|
selectedItems.push(item);
|
|
10824
10863
|
} else {
|
|
10825
|
-
selectedItems.push(_defineProperty({},
|
|
10864
|
+
selectedItems.push(_defineProperty({}, valueProp, value));
|
|
10826
10865
|
}
|
|
10827
10866
|
}} catch (err) {_iterator2.e(err);} finally {_iterator2.f();}
|
|
10828
10867
|
|
|
@@ -10831,7 +10870,6 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
10831
10870
|
p.selectionChanged = true;
|
|
10832
10871
|
p.resortBySelectionNeeded = true;
|
|
10833
10872
|
|
|
10834
|
-
this._updateListItems();
|
|
10835
10873
|
this._scheduleSync('full');
|
|
10836
10874
|
|
|
10837
10875
|
return this;
|
|
@@ -11847,8 +11885,9 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
11847
11885
|
if (hasRefocusedItem) {
|
|
11848
11886
|
p.dropList.setFocusedItemAtIndex(p.dropList.getFocusedItemIndex());
|
|
11849
11887
|
}
|
|
11850
|
-
}
|
|
11888
|
+
}
|
|
11851
11889
|
|
|
11890
|
+
/** @private */ }, { key: "_refilterItems", value:
|
|
11852
11891
|
function _refilterItems() {
|
|
11853
11892
|
var p = this._p;
|
|
11854
11893
|
|
|
@@ -11917,8 +11956,9 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
11917
11956
|
this._trigger('itemschanged', { term: term, mutated: false, count: this.getFilteredItemCount() });
|
|
11918
11957
|
|
|
11919
11958
|
p.itemsChanged = true;
|
|
11920
|
-
}
|
|
11959
|
+
}
|
|
11921
11960
|
|
|
11961
|
+
/** @private */ }, { key: "_setSelectedItems", value:
|
|
11922
11962
|
function _setSelectedItems(items) {
|
|
11923
11963
|
var p = this._p,valueProp = p.valueProp;
|
|
11924
11964
|
|
|
@@ -11935,8 +11975,9 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
11935
11975
|
|
|
11936
11976
|
this._updateListItems();
|
|
11937
11977
|
this._scheduleSync('full');
|
|
11938
|
-
}
|
|
11978
|
+
}
|
|
11939
11979
|
|
|
11980
|
+
/** @private */ }, { key: "_scheduleSync", value:
|
|
11940
11981
|
function _scheduleSync(mode, data) {var _this7 = this;
|
|
11941
11982
|
var p = this._p;
|
|
11942
11983
|
|
|
@@ -11958,8 +11999,9 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
11958
11999
|
delete p.syncQueue;
|
|
11959
12000
|
_this7._performSync(queue);
|
|
11960
12001
|
});
|
|
11961
|
-
}
|
|
12002
|
+
}
|
|
11962
12003
|
|
|
12004
|
+
/** @private */ }, { key: "_performSync", value:
|
|
11963
12005
|
function _performSync(queue) {var _this8 = this;
|
|
11964
12006
|
var p = this._p;
|
|
11965
12007
|
|
|
@@ -12032,8 +12074,9 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
12032
12074
|
break;}
|
|
12033
12075
|
|
|
12034
12076
|
}} catch (err) {_iterator4.e(err);} finally {_iterator4.f();}
|
|
12035
|
-
}
|
|
12077
|
+
}
|
|
12036
12078
|
|
|
12079
|
+
/** @private */ }, { key: "_cleanupSingleWrapper", value:
|
|
12037
12080
|
function _cleanupSingleWrapper() {
|
|
12038
12081
|
var p = this._p;
|
|
12039
12082
|
|
|
@@ -12212,6 +12255,12 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
12212
12255
|
|
|
12213
12256
|
// Set input placeholder
|
|
12214
12257
|
p.input.setAttribute('placeholder', placeholder);
|
|
12258
|
+
|
|
12259
|
+
if (p.showPlaceholderInTooltip) {
|
|
12260
|
+
p.input.setAttribute('title', placeholder);
|
|
12261
|
+
} else {
|
|
12262
|
+
p.input.removeAttribute('title');
|
|
12263
|
+
}
|
|
12215
12264
|
}
|
|
12216
12265
|
|
|
12217
12266
|
/** @private */ }, { key: "_syncSingleItem", value:
|
|
@@ -12325,7 +12374,10 @@ var SelectBox = /*#__PURE__*/function () {
|
|
|
12325
12374
|
}
|
|
12326
12375
|
|
|
12327
12376
|
// Update input size
|
|
12328
|
-
this._resizeInput()
|
|
12377
|
+
this._resizeInput();
|
|
12378
|
+
|
|
12379
|
+
// Update list items
|
|
12380
|
+
this._updateListItems();
|
|
12329
12381
|
|
|
12330
12382
|
return this;
|
|
12331
12383
|
}
|