mirror of
https://github.com/holo-gfx/mangadex.git
synced 2024-11-25 03:28:21 -05:00
3231 lines
129 KiB
JavaScript
3231 lines
129 KiB
JavaScript
(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll)/.test(r+s+p)?e:n(o(e))}function r(e){var o=e&&e.offsetParent,i=o&&o.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(o.nodeName)&&'static'===t(o,'position')?r(o):o:e?e.ownerDocument.documentElement:document.documentElement}function p(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||r(e.firstElementChild)===e)}function s(e){return null===e.parentNode?e:s(e.parentNode)}function d(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?e:t,n=o?t:e,a=document.createRange();a.setStart(i,0),a.setEnd(n,0);var l=a.commonAncestorContainer;if(e!==l&&t!==l||i.contains(n))return p(l)?l:r(l);var f=s(e);return f.host?d(f.host,t):d(e,s(t).host)}function a(e){var t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:'top',o='top'===t?'scrollTop':'scrollLeft',i=e.nodeName;if('BODY'===i||'HTML'===i){var n=e.ownerDocument.documentElement,r=e.ownerDocument.scrollingElement||n;return r[o]}return e[o]}function l(e,t){var o=2<arguments.length&&void 0!==arguments[2]&&arguments[2],i=a(t,'top'),n=a(t,'left'),r=o?-1:1;return e.top+=i*r,e.bottom+=i*r,e.left+=n*r,e.right+=n*r,e}function f(e,t){var o='x'===t?'Left':'Top',i='Left'==o?'Right':'Bottom';return parseFloat(e['border'+o+'Width'],10)+parseFloat(e['border'+i+'Width'],10)}function m(e,t,o,i){return J(t['offset'+e],t['scroll'+e],o['client'+e],o['offset'+e],o['scroll'+e],ie()?o['offset'+e]+i['margin'+('Height'===e?'Top':'Left')]+i['margin'+('Height'===e?'Bottom':'Right')]:0)}function h(){var e=document.body,t=document.documentElement,o=ie()&&getComputedStyle(t);return{height:m('Height',e,t,o),width:m('Width',e,t,o)}}function c(e){return se({},e,{right:e.left+e.width,bottom:e.top+e.height})}function g(e){var o={};if(ie())try{o=e.getBoundingClientRect();var i=a(e,'top'),n=a(e,'left');o.top+=i,o.left+=n,o.bottom+=i,o.right+=n}catch(e){}else o=e.getBoundingClientRect();var r={left:o.left,top:o.top,width:o.right-o.left,height:o.bottom-o.top},p='HTML'===e.nodeName?h():{},s=p.width||e.clientWidth||r.right-r.left,d=p.height||e.clientHeight||r.bottom-r.top,l=e.offsetWidth-s,m=e.offsetHeight-d;if(l||m){var g=t(e);l-=f(g,'x'),m-=f(g,'y'),r.width-=l,r.height-=m}return c(r)}function u(e,o){var i=ie(),r='HTML'===o.nodeName,p=g(e),s=g(o),d=n(e),a=t(o),f=parseFloat(a.borderTopWidth,10),m=parseFloat(a.borderLeftWidth,10),h=c({top:p.top-s.top-f,left:p.left-s.left-m,width:p.width,height:p.height});if(h.marginTop=0,h.marginLeft=0,!i&&r){var u=parseFloat(a.marginTop,10),b=parseFloat(a.marginLeft,10);h.top-=f-u,h.bottom-=f-u,h.left-=m-b,h.right-=m-b,h.marginTop=u,h.marginLeft=b}return(i?o.contains(d):o===d&&'BODY'!==d.nodeName)&&(h=l(h,o)),h}function b(e){var t=e.ownerDocument.documentElement,o=u(e,t),i=J(t.clientWidth,window.innerWidth||0),n=J(t.clientHeight,window.innerHeight||0),r=a(t),p=a(t,'left'),s={top:r-o.top+o.marginTop,left:p-o.left+o.marginLeft,width:i,height:n};return c(s)}function w(e){var i=e.nodeName;return'BODY'===i||'HTML'===i?!1:'fixed'===t(e,'position')||w(o(e))}function y(e,t,i,r){var p={top:0,left:0},s=d(e,t);if('viewport'===r)p=b(s);else{var a;'scrollParent'===r?(a=n(o(t)),'BODY'===a.nodeName&&(a=e.ownerDocument.documentElement)):'window'===r?a=e.ownerDocument.documentElement:a=r;var l=u(a,s);if('HTML'===a.nodeName&&!w(s)){var f=h(),m=f.height,c=f.width;p.top+=l.top-l.marginTop,p.bottom=m+l.top,p.left+=l.left-l.marginLeft,p.right=c+l.left}else p=l}return p.left+=i,p.top+=i,p.right-=i,p.bottom-=i,p}function E(e){var t=e.width,o=e.height;return t*o}function v(e,t,o,i,n){var r=5<arguments.length&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf('auto'))return e;var p=y(o,i,r,n),s={top:{width:p.width,height:t.top-p.top},right:{width:p.right-t.right,height:p.height},bottom:{width:p.width,height:p.bottom-t.bottom},left:{width:t.left-p.left,height:p.height}},d=Object.keys(s).map(function(e){return se({key:e},s[e],{area:E(s[e])})}).sort(function(e,t){return t.area-e.area}),a=d.filter(function(e){var t=e.width,i=e.height;return t>=o.clientWidth&&i>=o.clientHeight}),l=0<a.length?a[0].key:d[0].key,f=e.split('-')[1];return l+(f?'-'+f:'')}function O(e,t,o){var i=d(t,o);return u(o,i)}function L(e){var t=getComputedStyle(e),o=parseFloat(t.marginTop)+parseFloat(t.marginBottom),i=parseFloat(t.marginLeft)+parseFloat(t.marginRight),n={width:e.offsetWidth+i,height:e.offsetHeight+o};return n}function x(e){var t={left:'right',right:'left',bottom:'top',top:'bottom'};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function S(e,t,o){o=o.split('-')[0];var i=L(e),n={width:i.width,height:i.height},r=-1!==['right','left'].indexOf(o),p=r?'top':'left',s=r?'left':'top',d=r?'height':'width',a=r?'width':'height';return n[p]=t[p]+t[d]/2-i[d]/2,n[s]=o===s?t[s]-i[a]:t[x(s)],n}function T(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function D(e,t,o){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===o});var i=T(e,function(e){return e[t]===o});return e.indexOf(i)}function C(t,o,i){var n=void 0===i?t:t.slice(0,D(t,'name',i));return n.forEach(function(t){t['function']&&console.warn('`modifier.function` is deprecated, use `modifier.fn`!');var i=t['function']||t.fn;t.enabled&&e(i)&&(o.offsets.popper=c(o.offsets.popper),o.offsets.reference=c(o.offsets.reference),o=i(o,t))}),o}function N(){if(!this.state.isDestroyed){var e={instance:this,styles:{},arrowStyles:{},attributes:{},flipped:!1,offsets:{}};e.offsets.reference=O(this.state,this.popper,this.reference),e.placement=v(this.options.placement,e.offsets.reference,this.popper,this.reference,this.options.modifiers.flip.boundariesElement,this.options.modifiers.flip.padding),e.originalPlacement=e.placement,e.offsets.popper=S(this.popper,e.offsets.reference,e.placement),e.offsets.popper.position='absolute',e=C(this.modifiers,e),this.state.isCreated?this.options.onUpdate(e):(this.state.isCreated=!0,this.options.onCreate(e))}}function k(e,t){return e.some(function(e){var o=e.name,i=e.enabled;return i&&o===t})}function W(e){for(var t=[!1,'ms','Webkit','Moz','O'],o=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length-1;n++){var i=t[n],r=i?''+i+o:e;if('undefined'!=typeof document.body.style[r])return r}return null}function P(){return this.state.isDestroyed=!0,k(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[W('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}function B(e){var t=e.ownerDocument;return t?t.defaultView:window}function H(e,t,o,i){var r='BODY'===e.nodeName,p=r?e.ownerDocument.defaultView:e;p.addEventListener(t,o,{passive:!0}),r||H(n(p.parentNode),t,o,i),i.push(p)}function A(e,t,o,i){o.updateBound=i,B(e).addEventListener('resize',o.updateBound,{passive:!0});var r=n(e);return H(r,'scroll',o.updateBound,o.scrollParents),o.scrollElement=r,o.eventsEnabled=!0,o}function I(){this.state.eventsEnabled||(this.state=A(this.reference,this.options,this.state,this.scheduleUpdate))}function M(e,t){return B(e).removeEventListener('resize',t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener('scroll',t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t}function R(){this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=M(this.reference,this.state))}function U(e){return''!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function Y(e,t){Object.keys(t).forEach(function(o){var i='';-1!==['width','height','top','right','bottom','left'].indexOf(o)&&U(t[o])&&(i='px'),e.style[o]=t[o]+i})}function j(e,t){Object.keys(t).forEach(function(o){var i=t[o];!1===i?e.removeAttribute(o):e.setAttribute(o,t[o])})}function F(e,t,o){var i=T(e,function(e){var o=e.name;return o===t}),n=!!i&&e.some(function(e){return e.name===o&&e.enabled&&e.order<i.order});if(!n){var r='`'+t+'`';console.warn('`'+o+'`'+' modifier is required by '+r+' modifier in order to work, be sure to include it before '+r+'!')}return n}function K(e){return'end'===e?'start':'start'===e?'end':e}function q(e){var t=1<arguments.length&&void 0!==arguments[1]&&arguments[1],o=ae.indexOf(e),i=ae.slice(o+1).concat(ae.slice(0,o));return t?i.reverse():i}function V(e,t,o,i){var n=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),r=+n[1],p=n[2];if(!r)return e;if(0===p.indexOf('%')){var s;switch(p){case'%p':s=o;break;case'%':case'%r':default:s=i;}var d=c(s);return d[t]/100*r}if('vh'===p||'vw'===p){var a;return a='vh'===p?J(document.documentElement.clientHeight,window.innerHeight||0):J(document.documentElement.clientWidth,window.innerWidth||0),a/100*r}return r}function z(e,t,o,i){var n=[0,0],r=-1!==['right','left'].indexOf(i),p=e.split(/(\+|\-)/).map(function(e){return e.trim()}),s=p.indexOf(T(p,function(e){return-1!==e.search(/,|\s/)}));p[s]&&-1===p[s].indexOf(',')&&console.warn('Offsets separated by white space(s) are deprecated, use a comma (,) instead.');var d=/\s*,\s*|\s+/,a=-1===s?[p]:[p.slice(0,s).concat([p[s].split(d)[0]]),[p[s].split(d)[1]].concat(p.slice(s+1))];return a=a.map(function(e,i){var n=(1===i?!r:r)?'height':'width',p=!1;return e.reduce(function(e,t){return''===e[e.length-1]&&-1!==['+','-'].indexOf(t)?(e[e.length-1]=t,p=!0,e):p?(e[e.length-1]+=t,p=!1,e):e.concat(t)},[]).map(function(e){return V(e,n,t,o)})}),a.forEach(function(e,t){e.forEach(function(o,i){U(o)&&(n[t]+=o*('-'===e[i-1]?-1:1))})}),n}function G(e,t){var o,i=t.offset,n=e.placement,r=e.offsets,p=r.popper,s=r.reference,d=n.split('-')[0];return o=U(+i)?[+i,0]:z(i,p,s,d),'left'===d?(p.top+=o[0],p.left-=o[1]):'right'===d?(p.top+=o[0],p.left+=o[1]):'top'===d?(p.left+=o[0],p.top-=o[1]):'bottom'===d&&(p.left+=o[0],p.top+=o[1]),e.popper=p,e}for(var _=Math.min,X=Math.floor,J=Math.max,Q='undefined'!=typeof window&&'undefined'!=typeof document,Z=['Edge','Trident','Firefox'],$=0,ee=0;ee<Z.length;ee+=1)if(Q&&0<=navigator.userAgent.indexOf(Z[ee])){$=1;break}var i,te=Q&&window.Promise,oe=te?function(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},$))}},ie=function(){return void 0==i&&(i=-1!==navigator.appVersion.indexOf('MSIE 10')),i},ne=function(e,t){if(!(e instanceof t))throw new TypeError('Cannot call a class as a function')},re=function(){function e(e,t){for(var o,n=0;n<t.length;n++)o=t[n],o.enumerable=o.enumerable||!1,o.configurable=!0,'value'in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}return function(t,o,i){return o&&e(t.prototype,o),i&&e(t,i),t}}(),pe=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},se=Object.assign||function(e){for(var t,o=1;o<arguments.length;o++)for(var i in t=arguments[o],t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},de=['auto-start','auto','auto-end','top-start','top','top-end','right-start','right','right-end','bottom-end','bottom','bottom-start','left-end','left','left-start'],ae=de.slice(3),le={FLIP:'flip',CLOCKWISE:'clockwise',COUNTERCLOCKWISE:'counterclockwise'},fe=function(){function t(o,i){var n=this,r=2<arguments.length&&void 0!==arguments[2]?arguments[2]:{};ne(this,t),this.scheduleUpdate=function(){return requestAnimationFrame(n.update)},this.update=oe(this.update.bind(this)),this.options=se({},t.Defaults,r),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=o&&o.jquery?o[0]:o,this.popper=i&&i.jquery?i[0]:i,this.options.modifiers={},Object.keys(se({},t.Defaults.modifiers,r.modifiers)).forEach(function(e){n.options.modifiers[e]=se({},t.Defaults.modifiers[e]||{},r.modifiers?r.modifiers[e]:{})}),this.modifiers=Object.keys(this.options.modifiers).map(function(e){return se({name:e},n.options.modifiers[e])}).sort(function(e,t){return e.order-t.order}),this.modifiers.forEach(function(t){t.enabled&&e(t.onLoad)&&t.onLoad(n.reference,n.popper,n.options,t,n.state)}),this.update();var p=this.options.eventsEnabled;p&&this.enableEventListeners(),this.state.eventsEnabled=p}return re(t,[{key:'update',value:function(){return N.call(this)}},{key:'destroy',value:function(){return P.call(this)}},{key:'enableEventListeners',value:function(){return I.call(this)}},{key:'disableEventListeners',value:function(){return R.call(this)}}]),t}();return fe.Utils=('undefined'==typeof window?global:window).PopperUtils,fe.placements=de,fe.Defaults={placement:'bottom',eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,o=t.split('-')[0],i=t.split('-')[1];if(i){var n=e.offsets,r=n.reference,p=n.popper,s=-1!==['bottom','top'].indexOf(o),d=s?'left':'top',a=s?'width':'height',l={start:pe({},d,r[d]),end:pe({},d,r[d]+r[a]-p[a])};e.offsets.popper=se({},p,l[i])}return e}},offset:{order:200,enabled:!0,fn:G,offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var o=t.boundariesElement||r(e.instance.popper);e.instance.reference===o&&(o=r(o));var i=y(e.instance.popper,e.instance.reference,t.padding,o);t.boundaries=i;var n=t.priority,p=e.offsets.popper,s={primary:function(e){var o=p[e];return p[e]<i[e]&&!t.escapeWithReference&&(o=J(p[e],i[e])),pe({},e,o)},secondary:function(e){var o='right'===e?'left':'top',n=p[o];return p[e]>i[e]&&!t.escapeWithReference&&(n=_(p[o],i[e]-('right'===e?p.width:p.height))),pe({},o,n)}};return n.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';p=se({},p,s[t](e))}),e.offsets.popper=p,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,i=t.reference,n=e.placement.split('-')[0],r=X,p=-1!==['top','bottom'].indexOf(n),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]<r(i[d])&&(e.offsets.popper[d]=r(i[d])-o[a]),o[d]>r(i[s])&&(e.offsets.popper[d]=r(i[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var i;if(!F(e.instance.modifiers,'arrow','keepTogether'))return e;var n=o.element;if('string'==typeof n){if(n=e.instance.popper.querySelector(n),!n)return e;}else if(!e.instance.popper.contains(n))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',g=a?'bottom':'right',u=L(n)[l];d[g]-u<s[m]&&(e.offsets.popper[m]-=s[m]-(d[g]-u)),d[m]+u>s[g]&&(e.offsets.popper[m]+=d[m]+u-s[g]),e.offsets.popper=c(e.offsets.popper);var b=d[m]+d[l]/2-u/2,w=t(e.instance.popper),y=parseFloat(w['margin'+f],10),E=parseFloat(w['border'+f+'Width'],10),v=b-e.offsets.popper[m]-y-E;return v=J(_(s[l]-u,v),0),e.arrowElement=n,e.offsets.arrow=(i={},pe(i,m,Math.round(v)),pe(i,h,''),i),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(k(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=y(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),i=e.placement.split('-')[0],n=x(i),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case le.FLIP:p=[i,n];break;case le.CLOCKWISE:p=q(i);break;case le.COUNTERCLOCKWISE:p=q(i,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(i!==s||p.length===d+1)return e;i=e.placement.split('-')[0],n=x(i);var a=e.offsets.popper,l=e.offsets.reference,f=X,m='left'===i&&f(a.right)>f(l.left)||'right'===i&&f(a.left)<f(l.right)||'top'===i&&f(a.bottom)>f(l.top)||'bottom'===i&&f(a.top)<f(l.bottom),h=f(a.left)<f(o.left),c=f(a.right)>f(o.right),g=f(a.top)<f(o.top),u=f(a.bottom)>f(o.bottom),b='left'===i&&h||'right'===i&&c||'top'===i&&g||'bottom'===i&&u,w=-1!==['top','bottom'].indexOf(i),y=!!t.flipVariations&&(w&&'start'===r&&h||w&&'end'===r&&c||!w&&'start'===r&&g||!w&&'end'===r&&u);(m||b||y)&&(e.flipped=!0,(m||b)&&(i=p[d+1]),y&&(r=K(r)),e.placement=i+(r?'-'+r:''),e.offsets.popper=se({},e.offsets.popper,S(e.instance.popper,e.offsets.reference,e.placement)),e=C(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],i=e.offsets,n=i.popper,r=i.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return n[p?'left':'top']=r[o]-(s?n[p?'width':'height']:0),e.placement=x(t),e.offsets.popper=c(n),e}},hide:{order:800,enabled:!0,fn:function(e){if(!F(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=T(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottom<o.top||t.left>o.right||t.top>o.bottom||t.right<o.left){if(!0===e.hide)return e;e.hide=!0,e.attributes['x-out-of-boundaries']=''}else{if(!1===e.hide)return e;e.hide=!1,e.attributes['x-out-of-boundaries']=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var o=t.x,i=t.y,n=e.offsets.popper,p=T(e.instance.modifiers,function(e){return'applyStyle'===e.name}).gpuAcceleration;void 0!==p&&console.warn('WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!');var s,d,a=void 0===p?t.gpuAcceleration:p,l=r(e.instance.popper),f=g(l),m={position:n.position},h={left:X(n.left),top:X(n.top),bottom:X(n.bottom),right:X(n.right)},c='bottom'===o?'top':'bottom',u='right'===i?'left':'right',b=W('transform');if(d='bottom'==c?-f.height+h.bottom:h.top,s='right'==u?-f.width+h.right:h.left,a&&b)m[b]='translate3d('+s+'px, '+d+'px, 0)',m[c]=0,m[u]=0,m.willChange='transform';else{var w='bottom'==c?-1:1,y='right'==u?-1:1;m[c]=d*w,m[u]=s*y,m.willChange=c+', '+u}var E={"x-placement":e.placement};return e.attributes=se({},E,e.attributes),e.styles=se({},m,e.styles),e.arrowStyles=se({},e.offsets.arrow,e.arrowStyles),e},gpuAcceleration:!0,x:'bottom',y:'right'},applyStyle:{order:900,enabled:!0,fn:function(e){return Y(e.instance.popper,e.styles),j(e.instance.popper,e.attributes),e.arrowElement&&Object.keys(e.arrowStyles).length&&Y(e.arrowElement,e.arrowStyles),e},onLoad:function(e,t,o,i,n){var r=O(n,t,e),p=v(o.placement,r,t,e,o.modifiers.flip.boundariesElement,o.modifiers.flip.padding);return t.setAttribute('x-placement',p),Y(t,{position:'absolute'}),o},gpuAcceleration:void 0}}},fe});
|
|
//# sourceMappingURL=popper.min.js.map
|
|
|
|
var Util = function ($) {
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Private TransitionEnd Helpers
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
var transition = false;
|
|
var MAX_UID = 1000000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
|
|
|
|
function toType(obj) {
|
|
return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
|
|
}
|
|
|
|
function getSpecialTransitionEndEvent() {
|
|
return {
|
|
bindType: transition.end,
|
|
delegateType: transition.end,
|
|
handle: function handle(event) {
|
|
if ($(event.target).is(this)) {
|
|
return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
|
|
}
|
|
|
|
return undefined; // eslint-disable-line no-undefined
|
|
}
|
|
};
|
|
}
|
|
|
|
function transitionEndTest() {
|
|
if (typeof window !== 'undefined' && window.QUnit) {
|
|
return false;
|
|
}
|
|
|
|
return {
|
|
end: 'transitionend'
|
|
};
|
|
}
|
|
|
|
function transitionEndEmulator(duration) {
|
|
var _this = this;
|
|
|
|
var called = false;
|
|
$(this).one(Util.TRANSITION_END, function () {
|
|
called = true;
|
|
});
|
|
setTimeout(function () {
|
|
if (!called) {
|
|
Util.triggerTransitionEnd(_this);
|
|
}
|
|
}, duration);
|
|
return this;
|
|
}
|
|
|
|
function setTransitionEndSupport() {
|
|
transition = transitionEndTest();
|
|
$.fn.emulateTransitionEnd = transitionEndEmulator;
|
|
|
|
if (Util.supportsTransitionEnd()) {
|
|
$.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
|
|
}
|
|
}
|
|
|
|
function escapeId(selector) {
|
|
// We escape IDs in case of special selectors (selector = '#myId:something')
|
|
// $.escapeSelector does not exist in jQuery < 3
|
|
selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
|
|
return selector;
|
|
}
|
|
/**
|
|
* --------------------------------------------------------------------------
|
|
* Public Util Api
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
var Util = {
|
|
TRANSITION_END: 'bsTransitionEnd',
|
|
getUID: function getUID(prefix) {
|
|
do {
|
|
// eslint-disable-next-line no-bitwise
|
|
prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here
|
|
} while (document.getElementById(prefix));
|
|
|
|
return prefix;
|
|
},
|
|
getSelectorFromElement: function getSelectorFromElement(element) {
|
|
var selector = element.getAttribute('data-target');
|
|
|
|
if (!selector || selector === '#') {
|
|
selector = element.getAttribute('href') || '';
|
|
} // If it's an ID
|
|
|
|
|
|
if (selector.charAt(0) === '#') {
|
|
selector = escapeId(selector);
|
|
}
|
|
|
|
try {
|
|
var $selector = $(document).find(selector);
|
|
return $selector.length > 0 ? selector : null;
|
|
} catch (err) {
|
|
return null;
|
|
}
|
|
},
|
|
reflow: function reflow(element) {
|
|
return element.offsetHeight;
|
|
},
|
|
triggerTransitionEnd: function triggerTransitionEnd(element) {
|
|
$(element).trigger(transition.end);
|
|
},
|
|
supportsTransitionEnd: function supportsTransitionEnd() {
|
|
return Boolean(transition);
|
|
},
|
|
isElement: function isElement(obj) {
|
|
return (obj[0] || obj).nodeType;
|
|
},
|
|
typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
|
|
for (var property in configTypes) {
|
|
if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
|
|
var expectedTypes = configTypes[property];
|
|
var value = config[property];
|
|
var valueType = value && Util.isElement(value) ? 'element' : toType(value);
|
|
|
|
if (!new RegExp(expectedTypes).test(valueType)) {
|
|
throw new Error(componentName.toUpperCase() + ": " + ("Option \"" + property + "\" provided type \"" + valueType + "\" ") + ("but expected type \"" + expectedTypes + "\"."));
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
setTransitionEndSupport();
|
|
return Util;
|
|
}($);
|
|
//# sourceMappingURL=util.js.map
|
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
|
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
|
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
|
|
/**
|
|
* --------------------------------------------------------------------------
|
|
* Bootstrap (v4.0.0): dropdown.js
|
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
|
* --------------------------------------------------------------------------
|
|
*/
|
|
var Dropdown = function ($) {
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Constants
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
var NAME = 'dropdown';
|
|
var VERSION = '4.0.0';
|
|
var DATA_KEY = 'bs.dropdown';
|
|
var EVENT_KEY = "." + DATA_KEY;
|
|
var DATA_API_KEY = '.data-api';
|
|
var JQUERY_NO_CONFLICT = $.fn[NAME];
|
|
var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
|
|
|
|
var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
|
|
|
|
var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key
|
|
|
|
var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
|
|
|
|
var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
|
|
|
|
var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
|
|
|
|
var REGEXP_KEYDOWN = new RegExp(ARROW_UP_KEYCODE + "|" + ARROW_DOWN_KEYCODE + "|" + ESCAPE_KEYCODE);
|
|
var Event = {
|
|
HIDE: "hide" + EVENT_KEY,
|
|
HIDDEN: "hidden" + EVENT_KEY,
|
|
SHOW: "show" + EVENT_KEY,
|
|
SHOWN: "shown" + EVENT_KEY,
|
|
CLICK: "click" + EVENT_KEY,
|
|
CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY,
|
|
KEYDOWN_DATA_API: "keydown" + EVENT_KEY + DATA_API_KEY,
|
|
KEYUP_DATA_API: "keyup" + EVENT_KEY + DATA_API_KEY
|
|
};
|
|
var ClassName = {
|
|
DISABLED: 'disabled',
|
|
SHOW: 'show',
|
|
DROPUP: 'dropup',
|
|
DROPRIGHT: 'dropright',
|
|
DROPLEFT: 'dropleft',
|
|
MENURIGHT: 'dropdown-menu-right',
|
|
MENULEFT: 'dropdown-menu-left',
|
|
POSITION_STATIC: 'position-static'
|
|
};
|
|
var Selector = {
|
|
DATA_TOGGLE: '[data-toggle="dropdown"]',
|
|
FORM_CHILD: '.dropdown form',
|
|
MENU: '.dropdown-menu',
|
|
NAVBAR_NAV: '.navbar-nav',
|
|
VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled)'
|
|
};
|
|
var AttachmentMap = {
|
|
TOP: 'top-start',
|
|
TOPEND: 'top-end',
|
|
BOTTOM: 'bottom-start',
|
|
BOTTOMEND: 'bottom-end',
|
|
RIGHT: 'right-start',
|
|
RIGHTEND: 'right-end',
|
|
LEFT: 'left-start',
|
|
LEFTEND: 'left-end'
|
|
};
|
|
var Default = {
|
|
offset: 0,
|
|
flip: true,
|
|
boundary: 'scrollParent'
|
|
};
|
|
var DefaultType = {
|
|
offset: '(number|string|function)',
|
|
flip: 'boolean',
|
|
boundary: '(string|element)'
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Class Definition
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
};
|
|
|
|
var Dropdown =
|
|
/*#__PURE__*/
|
|
function () {
|
|
function Dropdown(element, config) {
|
|
this._element = element;
|
|
this._popper = null;
|
|
this._config = this._getConfig(config);
|
|
this._menu = this._getMenuElement();
|
|
this._inNavbar = this._detectNavbar();
|
|
|
|
this._addEventListeners();
|
|
} // Getters
|
|
|
|
|
|
var _proto = Dropdown.prototype;
|
|
|
|
// Public
|
|
_proto.toggle = function toggle() {
|
|
if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {
|
|
return;
|
|
}
|
|
|
|
var parent = Dropdown._getParentFromElement(this._element);
|
|
|
|
var isActive = $(this._menu).hasClass(ClassName.SHOW);
|
|
|
|
Dropdown._clearMenus();
|
|
|
|
if (isActive) {
|
|
return;
|
|
}
|
|
|
|
var relatedTarget = {
|
|
relatedTarget: this._element
|
|
};
|
|
var showEvent = $.Event(Event.SHOW, relatedTarget);
|
|
$(parent).trigger(showEvent);
|
|
|
|
if (showEvent.isDefaultPrevented()) {
|
|
return;
|
|
} // Disable totally Popper.js for Dropdown in Navbar
|
|
|
|
|
|
if (!this._inNavbar) {
|
|
/**
|
|
* Check for Popper dependency
|
|
* Popper - https://popper.js.org
|
|
*/
|
|
if (typeof Popper === 'undefined') {
|
|
throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)');
|
|
}
|
|
|
|
var element = this._element; // For dropup with alignment we use the parent as popper container
|
|
|
|
if ($(parent).hasClass(ClassName.DROPUP)) {
|
|
if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {
|
|
element = parent;
|
|
}
|
|
} // If boundary is not `scrollParent`, then set position to `static`
|
|
// to allow the menu to "escape" the scroll parent's boundaries
|
|
// https://github.com/twbs/bootstrap/issues/24251
|
|
|
|
|
|
if (this._config.boundary !== 'scrollParent') {
|
|
$(parent).addClass(ClassName.POSITION_STATIC);
|
|
}
|
|
|
|
this._popper = new Popper(element, this._menu, this._getPopperConfig());
|
|
} // If this is a touch-enabled device we add extra
|
|
// empty mouseover listeners to the body's immediate children;
|
|
// only needed because of broken event delegation on iOS
|
|
// https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
|
|
|
|
|
|
if ('ontouchstart' in document.documentElement && $(parent).closest(Selector.NAVBAR_NAV).length === 0) {
|
|
$('body').children().on('mouseover', null, $.noop);
|
|
}
|
|
|
|
this._element.focus();
|
|
|
|
this._element.setAttribute('aria-expanded', true);
|
|
|
|
$(this._menu).toggleClass(ClassName.SHOW);
|
|
$(parent).toggleClass(ClassName.SHOW).trigger($.Event(Event.SHOWN, relatedTarget));
|
|
};
|
|
|
|
_proto.dispose = function dispose() {
|
|
$.removeData(this._element, DATA_KEY);
|
|
$(this._element).off(EVENT_KEY);
|
|
this._element = null;
|
|
this._menu = null;
|
|
|
|
if (this._popper !== null) {
|
|
this._popper.destroy();
|
|
|
|
this._popper = null;
|
|
}
|
|
};
|
|
|
|
_proto.update = function update() {
|
|
this._inNavbar = this._detectNavbar();
|
|
|
|
if (this._popper !== null) {
|
|
this._popper.scheduleUpdate();
|
|
}
|
|
}; // Private
|
|
|
|
|
|
_proto._addEventListeners = function _addEventListeners() {
|
|
var _this = this;
|
|
|
|
$(this._element).on(Event.CLICK, function (event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
_this.toggle();
|
|
});
|
|
};
|
|
|
|
_proto._getConfig = function _getConfig(config) {
|
|
config = _extends({}, this.constructor.Default, $(this._element).data(), config);
|
|
Util.typeCheckConfig(NAME, config, this.constructor.DefaultType);
|
|
return config;
|
|
};
|
|
|
|
_proto._getMenuElement = function _getMenuElement() {
|
|
if (!this._menu) {
|
|
var parent = Dropdown._getParentFromElement(this._element);
|
|
|
|
this._menu = $(parent).find(Selector.MENU)[0];
|
|
}
|
|
|
|
return this._menu;
|
|
};
|
|
|
|
_proto._getPlacement = function _getPlacement() {
|
|
var $parentDropdown = $(this._element).parent();
|
|
var placement = AttachmentMap.BOTTOM; // Handle dropup
|
|
|
|
if ($parentDropdown.hasClass(ClassName.DROPUP)) {
|
|
placement = AttachmentMap.TOP;
|
|
|
|
if ($(this._menu).hasClass(ClassName.MENURIGHT)) {
|
|
placement = AttachmentMap.TOPEND;
|
|
}
|
|
} else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {
|
|
placement = AttachmentMap.RIGHT;
|
|
} else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {
|
|
placement = AttachmentMap.LEFT;
|
|
} else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {
|
|
placement = AttachmentMap.BOTTOMEND;
|
|
}
|
|
|
|
return placement;
|
|
};
|
|
|
|
_proto._detectNavbar = function _detectNavbar() {
|
|
return $(this._element).closest('.navbar').length > 0;
|
|
};
|
|
|
|
_proto._getPopperConfig = function _getPopperConfig() {
|
|
var _this2 = this;
|
|
|
|
var offsetConf = {};
|
|
|
|
if (typeof this._config.offset === 'function') {
|
|
offsetConf.fn = function (data) {
|
|
data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets) || {});
|
|
return data;
|
|
};
|
|
} else {
|
|
offsetConf.offset = this._config.offset;
|
|
}
|
|
|
|
var popperConfig = {
|
|
placement: this._getPlacement(),
|
|
modifiers: {
|
|
offset: offsetConf,
|
|
flip: {
|
|
enabled: this._config.flip
|
|
},
|
|
preventOverflow: {
|
|
boundariesElement: this._config.boundary
|
|
}
|
|
}
|
|
};
|
|
return popperConfig;
|
|
}; // Static
|
|
|
|
|
|
Dropdown._jQueryInterface = function _jQueryInterface(config) {
|
|
return this.each(function () {
|
|
var data = $(this).data(DATA_KEY);
|
|
|
|
var _config = typeof config === 'object' ? config : null;
|
|
|
|
if (!data) {
|
|
data = new Dropdown(this, _config);
|
|
$(this).data(DATA_KEY, data);
|
|
}
|
|
|
|
if (typeof config === 'string') {
|
|
if (typeof data[config] === 'undefined') {
|
|
throw new TypeError("No method named \"" + config + "\"");
|
|
}
|
|
|
|
data[config]();
|
|
}
|
|
});
|
|
};
|
|
|
|
Dropdown._clearMenus = function _clearMenus(event) {
|
|
if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) {
|
|
return;
|
|
}
|
|
|
|
var toggles = $.makeArray($(Selector.DATA_TOGGLE));
|
|
|
|
for (var i = 0; i < toggles.length; i++) {
|
|
var parent = Dropdown._getParentFromElement(toggles[i]);
|
|
|
|
var context = $(toggles[i]).data(DATA_KEY);
|
|
var relatedTarget = {
|
|
relatedTarget: toggles[i]
|
|
};
|
|
|
|
if (!context) {
|
|
continue;
|
|
}
|
|
|
|
var dropdownMenu = context._menu;
|
|
|
|
if (!$(parent).hasClass(ClassName.SHOW)) {
|
|
continue;
|
|
}
|
|
|
|
if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $.contains(parent, event.target)) {
|
|
continue;
|
|
}
|
|
|
|
var hideEvent = $.Event(Event.HIDE, relatedTarget);
|
|
$(parent).trigger(hideEvent);
|
|
|
|
if (hideEvent.isDefaultPrevented()) {
|
|
continue;
|
|
} // If this is a touch-enabled device we remove the extra
|
|
// empty mouseover listeners we added for iOS support
|
|
|
|
|
|
if ('ontouchstart' in document.documentElement) {
|
|
$('body').children().off('mouseover', null, $.noop);
|
|
}
|
|
|
|
toggles[i].setAttribute('aria-expanded', 'false');
|
|
$(dropdownMenu).removeClass(ClassName.SHOW);
|
|
$(parent).removeClass(ClassName.SHOW).trigger($.Event(Event.HIDDEN, relatedTarget));
|
|
}
|
|
};
|
|
|
|
Dropdown._getParentFromElement = function _getParentFromElement(element) {
|
|
var parent;
|
|
var selector = Util.getSelectorFromElement(element);
|
|
|
|
if (selector) {
|
|
parent = $(selector)[0];
|
|
}
|
|
|
|
return parent || element.parentNode;
|
|
}; // eslint-disable-next-line complexity
|
|
|
|
|
|
Dropdown._dataApiKeydownHandler = function _dataApiKeydownHandler(event) {
|
|
// If not input/textarea:
|
|
// - And not a key in REGEXP_KEYDOWN => not a dropdown command
|
|
// If input/textarea:
|
|
// - If space key => not a dropdown command
|
|
// - If key is other than escape
|
|
// - If key is not up or down => not a dropdown command
|
|
// - If trigger inside the menu => not a dropdown command
|
|
if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {
|
|
return;
|
|
}
|
|
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {
|
|
return;
|
|
}
|
|
|
|
var parent = Dropdown._getParentFromElement(this);
|
|
|
|
var isActive = $(parent).hasClass(ClassName.SHOW);
|
|
|
|
if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {
|
|
if (event.which === ESCAPE_KEYCODE) {
|
|
var toggle = $(parent).find(Selector.DATA_TOGGLE)[0];
|
|
$(toggle).trigger('focus');
|
|
}
|
|
|
|
$(this).trigger('click');
|
|
return;
|
|
}
|
|
|
|
var items = $(parent).find(Selector.VISIBLE_ITEMS).get();
|
|
|
|
if (items.length === 0) {
|
|
return;
|
|
}
|
|
|
|
var index = items.indexOf(event.target);
|
|
|
|
if (event.which === ARROW_UP_KEYCODE && index > 0) {
|
|
// Up
|
|
index--;
|
|
}
|
|
|
|
if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) {
|
|
// Down
|
|
index++;
|
|
}
|
|
|
|
if (index < 0) {
|
|
index = 0;
|
|
}
|
|
|
|
items[index].focus();
|
|
};
|
|
|
|
_createClass(Dropdown, null, [{
|
|
key: "VERSION",
|
|
get: function get() {
|
|
return VERSION;
|
|
}
|
|
}, {
|
|
key: "Default",
|
|
get: function get() {
|
|
return Default;
|
|
}
|
|
}, {
|
|
key: "DefaultType",
|
|
get: function get() {
|
|
return DefaultType;
|
|
}
|
|
}]);
|
|
|
|
return Dropdown;
|
|
}();
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Data Api implementation
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
|
|
$(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler).on(Event.CLICK_DATA_API + " " + Event.KEYUP_DATA_API, Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
|
|
Dropdown._jQueryInterface.call($(this), 'toggle');
|
|
}).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* jQuery
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
$.fn[NAME] = Dropdown._jQueryInterface;
|
|
$.fn[NAME].Constructor = Dropdown;
|
|
|
|
$.fn[NAME].noConflict = function () {
|
|
$.fn[NAME] = JQUERY_NO_CONFLICT;
|
|
return Dropdown._jQueryInterface;
|
|
};
|
|
|
|
return Dropdown;
|
|
}($, Popper);
|
|
//# sourceMappingURL=dropdown.js.map
|
|
(function ($) {
|
|
'use strict';
|
|
|
|
var testElement = document.createElement('_');
|
|
|
|
testElement.classList.toggle('c3', false);
|
|
|
|
// Polyfill for IE 10 and Firefox <24, where classList.toggle does not
|
|
// support the second argument.
|
|
if (testElement.classList.contains('c3')) {
|
|
var _toggle = DOMTokenList.prototype.toggle;
|
|
|
|
DOMTokenList.prototype.toggle = function(token, force) {
|
|
if (1 in arguments && !this.contains(token) === !force) {
|
|
return force;
|
|
} else {
|
|
return _toggle.call(this, token);
|
|
}
|
|
};
|
|
}
|
|
|
|
// shallow array comparison
|
|
function isEqual (array1, array2) {
|
|
return array1.length === array2.length && array1.every(function(element, index) {
|
|
return element === array2[index];
|
|
});
|
|
};
|
|
|
|
//<editor-fold desc="Shims">
|
|
if (!String.prototype.startsWith) {
|
|
(function () {
|
|
'use strict'; // needed to support `apply`/`call` with `undefined`/`null`
|
|
var defineProperty = (function () {
|
|
// IE 8 only supports `Object.defineProperty` on DOM elements
|
|
try {
|
|
var object = {};
|
|
var $defineProperty = Object.defineProperty;
|
|
var result = $defineProperty(object, object, object) && $defineProperty;
|
|
} catch (error) {
|
|
}
|
|
return result;
|
|
}());
|
|
var toString = {}.toString;
|
|
var startsWith = function (search) {
|
|
if (this == null) {
|
|
throw new TypeError();
|
|
}
|
|
var string = String(this);
|
|
if (search && toString.call(search) == '[object RegExp]') {
|
|
throw new TypeError();
|
|
}
|
|
var stringLength = string.length;
|
|
var searchString = String(search);
|
|
var searchLength = searchString.length;
|
|
var position = arguments.length > 1 ? arguments[1] : undefined;
|
|
// `ToInteger`
|
|
var pos = position ? Number(position) : 0;
|
|
if (pos != pos) { // better `isNaN`
|
|
pos = 0;
|
|
}
|
|
var start = Math.min(Math.max(pos, 0), stringLength);
|
|
// Avoid the `indexOf` call if no match is possible
|
|
if (searchLength + start > stringLength) {
|
|
return false;
|
|
}
|
|
var index = -1;
|
|
while (++index < searchLength) {
|
|
if (string.charCodeAt(start + index) != searchString.charCodeAt(index)) {
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
};
|
|
if (defineProperty) {
|
|
defineProperty(String.prototype, 'startsWith', {
|
|
'value': startsWith,
|
|
'configurable': true,
|
|
'writable': true
|
|
});
|
|
} else {
|
|
String.prototype.startsWith = startsWith;
|
|
}
|
|
}());
|
|
}
|
|
|
|
if (!Object.keys) {
|
|
Object.keys = function (
|
|
o, // object
|
|
k, // key
|
|
r // result array
|
|
){
|
|
// initialize object and result
|
|
r=[];
|
|
// iterate over object keys
|
|
for (k in o)
|
|
// fill result array with non-prototypical keys
|
|
r.hasOwnProperty.call(o, k) && r.push(k);
|
|
// return result
|
|
return r;
|
|
};
|
|
}
|
|
|
|
// much faster than $.val()
|
|
function getSelectValues(select) {
|
|
var result = [];
|
|
var options = select && select.options;
|
|
var opt;
|
|
|
|
if (select.multiple) {
|
|
for (var i = 0, len = options.length; i < len; i++) {
|
|
opt = options[i];
|
|
|
|
if (opt.selected) {
|
|
result.push(opt.value || opt.text);
|
|
}
|
|
}
|
|
} else {
|
|
result = select.value;
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
// set data-selected on select element if the value has been programmatically selected
|
|
// prior to initialization of bootstrap-select
|
|
// * consider removing or replacing an alternative method *
|
|
var valHooks = {
|
|
useDefault: false,
|
|
_set: $.valHooks.select.set
|
|
};
|
|
|
|
$.valHooks.select.set = function (elem, value) {
|
|
if (value && !valHooks.useDefault) $(elem).data('selected', true);
|
|
|
|
return valHooks._set.apply(this, arguments);
|
|
};
|
|
|
|
var changed_arguments = null;
|
|
|
|
var EventIsSupported = (function () {
|
|
try {
|
|
new Event('change');
|
|
return true;
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
})();
|
|
|
|
$.fn.triggerNative = function (eventName) {
|
|
var el = this[0],
|
|
event;
|
|
|
|
if (el.dispatchEvent) { // for modern browsers & IE9+
|
|
if (EventIsSupported) {
|
|
// For modern browsers
|
|
event = new Event(eventName, {
|
|
bubbles: true
|
|
});
|
|
} else {
|
|
// For IE since it doesn't support Event constructor
|
|
event = document.createEvent('Event');
|
|
event.initEvent(eventName, true, false);
|
|
}
|
|
|
|
el.dispatchEvent(event);
|
|
} else if (el.fireEvent) { // for IE8
|
|
event = document.createEventObject();
|
|
event.eventType = eventName;
|
|
el.fireEvent('on' + eventName, event);
|
|
} else {
|
|
// fall back to jQuery.trigger
|
|
this.trigger(eventName);
|
|
}
|
|
};
|
|
//</editor-fold>
|
|
|
|
function stringSearch(li, searchString, method, normalize) {
|
|
var stringTypes = [
|
|
'content',
|
|
'subtext',
|
|
'tokens'
|
|
],
|
|
searchSuccess = false;
|
|
|
|
for (var i = 0; i < stringTypes.length; i++) {
|
|
var stringType = stringTypes[i],
|
|
string = li[stringType];
|
|
|
|
if (string) {
|
|
string = string.toString();
|
|
|
|
// Strip HTML tags. This isn't perfect, but it's much faster than any other method
|
|
if (stringType === 'content') {
|
|
string = string.replace(/<[^>]+>/g, '');
|
|
}
|
|
|
|
if (normalize) string = normalizeToBase(string);
|
|
string = string.toUpperCase();
|
|
|
|
if (method === 'contains') {
|
|
searchSuccess = string.indexOf(searchString) >= 0;
|
|
} else {
|
|
searchSuccess = string.startsWith(searchString);
|
|
}
|
|
|
|
if (searchSuccess) break;
|
|
}
|
|
}
|
|
|
|
return searchSuccess;
|
|
}
|
|
|
|
function toInteger(value) {
|
|
return parseInt(value, 10) || 0;
|
|
}
|
|
|
|
/**
|
|
* Remove all diatrics from the given text.
|
|
* @access private
|
|
* @param {String} text
|
|
* @returns {String}
|
|
*/
|
|
function normalizeToBase(text) {
|
|
var rExps = [
|
|
{re: /[\xC0-\xC6]/g, ch: "A"},
|
|
{re: /[\xE0-\xE6]/g, ch: "a"},
|
|
{re: /[\xC8-\xCB]/g, ch: "E"},
|
|
{re: /[\xE8-\xEB]/g, ch: "e"},
|
|
{re: /[\xCC-\xCF]/g, ch: "I"},
|
|
{re: /[\xEC-\xEF]/g, ch: "i"},
|
|
{re: /[\xD2-\xD6]/g, ch: "O"},
|
|
{re: /[\xF2-\xF6]/g, ch: "o"},
|
|
{re: /[\xD9-\xDC]/g, ch: "U"},
|
|
{re: /[\xF9-\xFC]/g, ch: "u"},
|
|
{re: /[\xC7-\xE7]/g, ch: "c"},
|
|
{re: /[\xD1]/g, ch: "N"},
|
|
{re: /[\xF1]/g, ch: "n"}
|
|
];
|
|
$.each(rExps, function () {
|
|
text = text ? text.replace(this.re, this.ch) : '';
|
|
});
|
|
return text;
|
|
}
|
|
|
|
|
|
// List of HTML entities for escaping.
|
|
var escapeMap = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"',
|
|
"'": ''',
|
|
'`': '`'
|
|
};
|
|
|
|
var unescapeMap = {
|
|
'&': '&',
|
|
'<': '<',
|
|
'>': '>',
|
|
'"': '"',
|
|
''': "'",
|
|
'`': '`'
|
|
};
|
|
|
|
// Functions for escaping and unescaping strings to/from HTML interpolation.
|
|
var createEscaper = function (map) {
|
|
var escaper = function (match) {
|
|
return map[match];
|
|
};
|
|
// Regexes for identifying a key that needs to be escaped.
|
|
var source = '(?:' + Object.keys(map).join('|') + ')';
|
|
var testRegexp = RegExp(source);
|
|
var replaceRegexp = RegExp(source, 'g');
|
|
return function (string) {
|
|
string = string == null ? '' : '' + string;
|
|
return testRegexp.test(string) ? string.replace(replaceRegexp, escaper) : string;
|
|
};
|
|
};
|
|
|
|
var htmlEscape = createEscaper(escapeMap);
|
|
var htmlUnescape = createEscaper(unescapeMap);
|
|
|
|
/**
|
|
* ------------------------------------------------------------------------
|
|
* Constants
|
|
* ------------------------------------------------------------------------
|
|
*/
|
|
|
|
var keyCodeMap = {
|
|
32: ' ',
|
|
48: '0',
|
|
49: '1',
|
|
50: '2',
|
|
51: '3',
|
|
52: '4',
|
|
53: '5',
|
|
54: '6',
|
|
55: '7',
|
|
56: '8',
|
|
57: '9',
|
|
59: ';',
|
|
65: 'A',
|
|
66: 'B',
|
|
67: 'C',
|
|
68: 'D',
|
|
69: 'E',
|
|
70: 'F',
|
|
71: 'G',
|
|
72: 'H',
|
|
73: 'I',
|
|
74: 'J',
|
|
75: 'K',
|
|
76: 'L',
|
|
77: 'M',
|
|
78: 'N',
|
|
79: 'O',
|
|
80: 'P',
|
|
81: 'Q',
|
|
82: 'R',
|
|
83: 'S',
|
|
84: 'T',
|
|
85: 'U',
|
|
86: 'V',
|
|
87: 'W',
|
|
88: 'X',
|
|
89: 'Y',
|
|
90: 'Z',
|
|
96: '0',
|
|
97: '1',
|
|
98: '2',
|
|
99: '3',
|
|
100: '4',
|
|
101: '5',
|
|
102: '6',
|
|
103: '7',
|
|
104: '8',
|
|
105: '9'
|
|
};
|
|
|
|
var keyCodes = {
|
|
ESCAPE: 27, // KeyboardEvent.which value for Escape (Esc) key
|
|
ENTER: 13, // KeyboardEvent.which value for Enter key
|
|
SPACE: 32, // KeyboardEvent.which value for space key
|
|
TAB: 9, // KeyboardEvent.which value for tab key
|
|
ARROW_UP: 38, // KeyboardEvent.which value for up arrow key
|
|
ARROW_DOWN: 40 // KeyboardEvent.which value for down arrow key
|
|
}
|
|
|
|
var version = {};
|
|
version.full = ($.fn.dropdown.Constructor.VERSION || '').split(' ')[0].split('.');
|
|
version.major = version.full[0];
|
|
|
|
var classNames = {
|
|
DISABLED: 'disabled',
|
|
DIVIDER: version.major === '4' ? 'dropdown-divider' : 'divider',
|
|
SHOW: version.major === '4' ? 'show' : 'open',
|
|
DROPUP: 'dropup',
|
|
MENURIGHT: 'dropdown-menu-right',
|
|
MENULEFT: 'dropdown-menu-left',
|
|
// to-do: replace with more advanced template/customization options
|
|
BUTTONCLASS: version.major === '4' ? 'btn-light' : 'btn-default',
|
|
POPOVERHEADER: version.major === '4' ? 'popover-header' : 'popover-title'
|
|
}
|
|
|
|
var REGEXP_ARROW = new RegExp(keyCodes.ARROW_UP + '|' + keyCodes.ARROW_DOWN);
|
|
var REGEXP_TAB_OR_ESCAPE = new RegExp('^' + keyCodes.TAB + '$|' + keyCodes.ESCAPE);
|
|
var REGEXP_ENTER_OR_SPACE = new RegExp(keyCodes.ENTER + '|' + keyCodes.SPACE);
|
|
|
|
var Selectpicker = function (element, options) {
|
|
var that = this;
|
|
|
|
// bootstrap-select has been initialized - revert valHooks.select.set back to its original function
|
|
if (!valHooks.useDefault) {
|
|
$.valHooks.select.set = valHooks._set;
|
|
valHooks.useDefault = true;
|
|
}
|
|
|
|
this.$element = $(element);
|
|
this.$newElement = null;
|
|
this.$button = null;
|
|
this.$menu = null;
|
|
this.options = options;
|
|
this.selectpicker = {
|
|
main: {
|
|
// store originalIndex (key) and newIndex (value) in this.selectpicker.main.map.newIndex for fast accessibility
|
|
// allows us to do this.main.elements[this.selectpicker.main.map.newIndex[index]] to select an element based on the originalIndex
|
|
map: {
|
|
newIndex: {},
|
|
originalIndex: {}
|
|
}
|
|
},
|
|
current: {
|
|
map: {}
|
|
}, // current changes if a search is in progress
|
|
search: {
|
|
map: {}
|
|
},
|
|
view: {},
|
|
keydown: {
|
|
keyHistory: '',
|
|
resetKeyHistory: {
|
|
start: function () {
|
|
return setTimeout(function () {
|
|
that.selectpicker.keydown.keyHistory = '';
|
|
}, 800);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
// If we have no title yet, try to pull it from the html title attribute (jQuery doesnt' pick it up as it's not a
|
|
// data-attribute)
|
|
if (this.options.title === null) {
|
|
this.options.title = this.$element.attr('title');
|
|
}
|
|
|
|
// Format window padding
|
|
var winPad = this.options.windowPadding;
|
|
if (typeof winPad === 'number') {
|
|
this.options.windowPadding = [winPad, winPad, winPad, winPad];
|
|
}
|
|
|
|
//Expose public methods
|
|
this.val = Selectpicker.prototype.val;
|
|
this.render = Selectpicker.prototype.render;
|
|
this.refresh = Selectpicker.prototype.refresh;
|
|
this.setStyle = Selectpicker.prototype.setStyle;
|
|
this.selectAll = Selectpicker.prototype.selectAll;
|
|
this.deselectAll = Selectpicker.prototype.deselectAll;
|
|
this.destroy = Selectpicker.prototype.destroy;
|
|
this.remove = Selectpicker.prototype.remove;
|
|
this.show = Selectpicker.prototype.show;
|
|
this.hide = Selectpicker.prototype.hide;
|
|
|
|
this.init();
|
|
};
|
|
|
|
Selectpicker.VERSION = '1.13.0';
|
|
|
|
// part of this is duplicated in i18n/defaults-en_US.js. Make sure to update both.
|
|
Selectpicker.DEFAULTS = {
|
|
noneSelectedText: 'Nothing selected',
|
|
noneResultsText: 'No results matched {0}',
|
|
countSelectedText: function (numSelected, numTotal) {
|
|
return (numSelected == 1) ? "{0} item selected" : "{0} items selected";
|
|
},
|
|
maxOptionsText: function (numAll, numGroup) {
|
|
return [
|
|
(numAll == 1) ? 'Limit reached ({n} item max)' : 'Limit reached ({n} items max)',
|
|
(numGroup == 1) ? 'Group limit reached ({n} item max)' : 'Group limit reached ({n} items max)'
|
|
];
|
|
},
|
|
selectAllText: 'Select All',
|
|
deselectAllText: 'Deselect All',
|
|
doneButton: false,
|
|
doneButtonText: 'Close',
|
|
multipleSeparator: ', ',
|
|
styleBase: 'btn',
|
|
style: 'btn-default',
|
|
size: 'auto',
|
|
title: null,
|
|
selectedTextFormat: 'values',
|
|
width: false,
|
|
container: false,
|
|
hideDisabled: false,
|
|
showSubtext: false,
|
|
showIcon: true,
|
|
showContent: true,
|
|
dropupAuto: true,
|
|
header: false,
|
|
liveSearch: false,
|
|
liveSearchPlaceholder: null,
|
|
liveSearchNormalize: false,
|
|
liveSearchStyle: 'contains',
|
|
actionsBox: false,
|
|
iconBase: 'glyphicon',
|
|
tickIcon: 'glyphicon-ok',
|
|
showTick: false,
|
|
template: {
|
|
caret: '<span class="caret"></span>'
|
|
},
|
|
maxOptions: false,
|
|
mobile: false,
|
|
selectOnTab: false,
|
|
dropdownAlignRight: false,
|
|
windowPadding: 0,
|
|
virtualScroll: 600
|
|
};
|
|
|
|
if (version.major === '4') {
|
|
Selectpicker.DEFAULTS.style = 'btn-light';
|
|
Selectpicker.DEFAULTS.iconBase = '';
|
|
Selectpicker.DEFAULTS.tickIcon = 'bs-ok-default';
|
|
}
|
|
|
|
Selectpicker.prototype = {
|
|
|
|
constructor: Selectpicker,
|
|
|
|
init: function () {
|
|
var that = this,
|
|
id = this.$element.attr('id');
|
|
|
|
this.$element.addClass('bs-select-hidden');
|
|
|
|
this.multiple = this.$element.prop('multiple');
|
|
this.autofocus = this.$element.prop('autofocus');
|
|
this.$newElement = this.createDropdown();
|
|
this.createLi();
|
|
this.$element
|
|
.after(this.$newElement)
|
|
.prependTo(this.$newElement);
|
|
this.$button = this.$newElement.children('button');
|
|
this.$menu = this.$newElement.children('.dropdown-menu');
|
|
this.$menuInner = this.$menu.children('.inner');
|
|
this.$searchbox = this.$menu.find('input');
|
|
|
|
this.$element.removeClass('bs-select-hidden');
|
|
|
|
if (this.options.dropdownAlignRight === true) this.$menu.addClass(classNames.MENURIGHT);
|
|
|
|
if (typeof id !== 'undefined') {
|
|
this.$button.attr('data-id', id);
|
|
}
|
|
|
|
this.checkDisabled();
|
|
this.clickListener();
|
|
if (this.options.liveSearch) this.liveSearchListener();
|
|
this.render();
|
|
this.setStyle();
|
|
this.setWidth();
|
|
if (this.options.container) {
|
|
this.selectPosition();
|
|
} else {
|
|
this.$element.on('hide.bs.select', function () {
|
|
if (that.isVirtual()) {
|
|
// empty menu on close
|
|
var menuInner = that.$menuInner[0],
|
|
emptyMenu = menuInner.firstChild.cloneNode(false);
|
|
|
|
// replace the existing UL with an empty one - this is faster than $.empty() or innerHTML = ''
|
|
menuInner.replaceChild(emptyMenu, menuInner.firstChild);
|
|
menuInner.scrollTop = 0;
|
|
}
|
|
});
|
|
}
|
|
this.$menu.data('this', this);
|
|
this.$newElement.data('this', this);
|
|
if (this.options.mobile) this.mobile();
|
|
|
|
this.$newElement.on({
|
|
'hide.bs.dropdown': function (e) {
|
|
that.$menuInner.attr('aria-expanded', false);
|
|
that.$element.trigger('hide.bs.select', e);
|
|
},
|
|
'hidden.bs.dropdown': function (e) {
|
|
that.$element.trigger('hidden.bs.select', e);
|
|
},
|
|
'show.bs.dropdown': function (e) {
|
|
that.$menuInner.attr('aria-expanded', true);
|
|
that.$element.trigger('show.bs.select', e);
|
|
},
|
|
'shown.bs.dropdown': function (e) {
|
|
that.$element.trigger('shown.bs.select', e);
|
|
}
|
|
});
|
|
|
|
if (that.$element[0].hasAttribute('required')) {
|
|
this.$element.on('invalid', function () {
|
|
that.$button.addClass('bs-invalid');
|
|
|
|
that.$element.on({
|
|
'shown.bs.select': function () {
|
|
that.$element
|
|
.val(that.$element.val()) // set the value to hide the validation message in Chrome when menu is opened
|
|
.off('shown.bs.select');
|
|
},
|
|
'rendered.bs.select': function () {
|
|
// if select is no longer invalid, remove the bs-invalid class
|
|
if (this.validity.valid) that.$button.removeClass('bs-invalid');
|
|
that.$element.off('rendered.bs.select');
|
|
}
|
|
});
|
|
|
|
that.$button.on('blur.bs.select', function () {
|
|
that.$element.focus().blur();
|
|
that.$button.off('blur.bs.select');
|
|
});
|
|
});
|
|
}
|
|
|
|
setTimeout(function () {
|
|
that.$element.trigger('loaded.bs.select');
|
|
});
|
|
},
|
|
|
|
createDropdown: function () {
|
|
// Options
|
|
// If we are multiple or showTick option is set, then add the show-tick class
|
|
var showTick = (this.multiple || this.options.showTick) ? ' show-tick' : '',
|
|
autofocus = this.autofocus ? ' autofocus' : '';
|
|
// Elements
|
|
var header = this.options.header ? '<div class="' + classNames.POPOVERHEADER + '"><button type="button" class="close" aria-hidden="true">×</button>' + this.options.header + '</div>' : '';
|
|
var searchbox = this.options.liveSearch ?
|
|
'<div class="bs-searchbox">' +
|
|
'<input type="text" class="form-control" autocomplete="off"' +
|
|
(null === this.options.liveSearchPlaceholder ? '' : ' placeholder="' + htmlEscape(this.options.liveSearchPlaceholder) + '"') + ' role="textbox" aria-label="Search">' +
|
|
'</div>'
|
|
: '';
|
|
var actionsbox = this.multiple && this.options.actionsBox ?
|
|
'<div class="bs-actionsbox">' +
|
|
'<div class="btn-group btn-group-sm btn-block">' +
|
|
'<button type="button" class="actions-btn bs-select-all btn ' + classNames.BUTTONCLASS + '">' +
|
|
this.options.selectAllText +
|
|
'</button>' +
|
|
'<button type="button" class="actions-btn bs-deselect-all btn ' + classNames.BUTTONCLASS + '">' +
|
|
this.options.deselectAllText +
|
|
'</button>' +
|
|
'</div>' +
|
|
'</div>'
|
|
: '';
|
|
var donebutton = this.multiple && this.options.doneButton ?
|
|
'<div class="bs-donebutton">' +
|
|
'<div class="btn-group btn-block">' +
|
|
'<button type="button" class="btn btn-sm ' + classNames.BUTTONCLASS + '">' +
|
|
this.options.doneButtonText +
|
|
'</button>' +
|
|
'</div>' +
|
|
'</div>'
|
|
: '';
|
|
var drop =
|
|
'<div class="dropdown bootstrap-select' + showTick + '">' +
|
|
'<button type="button" class="' + this.options.styleBase + ' dropdown-toggle" data-toggle="dropdown"' + autofocus + ' role="button">' +
|
|
'<div class="filter-option">' +
|
|
'<div class="filter-option-inner">' +
|
|
'<div class="filter-option-inner-inner"></div>' +
|
|
'</div> ' +
|
|
'</div>' +
|
|
(version.major === '4' ?
|
|
'' :
|
|
'<span class="bs-caret">' +
|
|
this.options.template.caret +
|
|
'</span>'
|
|
) +
|
|
'</button>' +
|
|
'<div class="dropdown-menu ' + (version.major === '4' ? '' : classNames.SHOW) + '" role="combobox">' +
|
|
header +
|
|
searchbox +
|
|
actionsbox +
|
|
'<div class="inner ' + classNames.SHOW + '" role="listbox" aria-expanded="false" tabindex="-1">' +
|
|
'<ul class="dropdown-menu inner ' + (version.major === '4' ? classNames.SHOW : '') + '">' +
|
|
'</ul>' +
|
|
'</div>' +
|
|
donebutton +
|
|
'</div>' +
|
|
'</div>';
|
|
|
|
return $(drop);
|
|
},
|
|
|
|
setPositionData: function () {
|
|
this.selectpicker.view.canHighlight = [];
|
|
|
|
for (var i = 0; i < this.selectpicker.current.data.length; i++) {
|
|
var li = this.selectpicker.current.data[i],
|
|
canHighlight = true;
|
|
|
|
if (li.type === 'divider') {
|
|
canHighlight = false;
|
|
li.height = this.sizeInfo.dividerHeight;
|
|
} else if (li.type === 'optgroup-label') {
|
|
canHighlight = false;
|
|
li.height = this.sizeInfo.dropdownHeaderHeight;
|
|
} else {
|
|
li.height = this.sizeInfo.liHeight;
|
|
}
|
|
|
|
if (li.disabled) canHighlight = false;
|
|
|
|
this.selectpicker.view.canHighlight.push(canHighlight);
|
|
|
|
li.position = (i === 0 ? 0 : this.selectpicker.current.data[i - 1].position) + li.height;
|
|
}
|
|
},
|
|
|
|
isVirtual: function () {
|
|
return (this.options.virtualScroll !== false) && this.selectpicker.main.elements.length >= this.options.virtualScroll || this.options.virtualScroll === true;
|
|
},
|
|
|
|
createView: function (isSearching, scrollTop) {
|
|
scrollTop = scrollTop || 0;
|
|
|
|
var that = this;
|
|
|
|
this.selectpicker.current = isSearching ? this.selectpicker.search : this.selectpicker.main;
|
|
|
|
var $lis;
|
|
var active = [];
|
|
var selected;
|
|
var prevActive;
|
|
var activeIndex;
|
|
var prevActiveIndex;
|
|
|
|
this.setPositionData();
|
|
|
|
scroll(scrollTop, true);
|
|
|
|
this.$menuInner.off('scroll.createView').on('scroll.createView', function (e, updateValue) {
|
|
if (!that.noScroll) scroll(this.scrollTop, updateValue);
|
|
that.noScroll = false;
|
|
});
|
|
|
|
function scroll(scrollTop, init) {
|
|
var size = that.selectpicker.current.elements.length,
|
|
chunks = [],
|
|
chunkSize,
|
|
chunkCount,
|
|
firstChunk,
|
|
lastChunk,
|
|
currentChunk = undefined,
|
|
prevPositions,
|
|
positionIsDifferent,
|
|
previousElements,
|
|
menuIsDifferent = true,
|
|
isVirtual = that.isVirtual();
|
|
|
|
that.selectpicker.view.scrollTop = scrollTop;
|
|
|
|
if (isVirtual === true) {
|
|
// if an option that is encountered that is wider than the current menu width, update the menu width accordingly
|
|
if (that.sizeInfo.hasScrollBar && that.$menu[0].offsetWidth > that.sizeInfo.totalMenuWidth) {
|
|
that.sizeInfo.menuWidth = that.$menu[0].offsetWidth;
|
|
that.sizeInfo.totalMenuWidth = that.sizeInfo.menuWidth + that.sizeInfo.scrollBarWidth;
|
|
that.$menu.css('min-width', that.sizeInfo.menuWidth);
|
|
}
|
|
}
|
|
|
|
chunkSize = Math.ceil(that.sizeInfo.menuInnerHeight / that.sizeInfo.liHeight * 1.5); // number of options in a chunk
|
|
chunkCount = Math.round(size / chunkSize) || 1; // number of chunks
|
|
|
|
for (var i = 0; i < chunkCount; i++) {
|
|
var end_of_chunk = (i + 1) * chunkSize;
|
|
|
|
if (i === chunkCount - 1) {
|
|
end_of_chunk = size;
|
|
}
|
|
|
|
chunks[i] = [
|
|
(i) * chunkSize + (!i ? 0 : 1),
|
|
end_of_chunk
|
|
];
|
|
|
|
if (!size) break;
|
|
|
|
if (currentChunk === undefined && scrollTop <= that.selectpicker.current.data[end_of_chunk - 1].position - that.sizeInfo.menuInnerHeight) {
|
|
currentChunk = i;
|
|
}
|
|
}
|
|
|
|
if (currentChunk === undefined) currentChunk = 0;
|
|
|
|
prevPositions = [that.selectpicker.view.position0, that.selectpicker.view.position1];
|
|
|
|
// always display previous, current, and next chunks
|
|
firstChunk = Math.max(0, currentChunk - 1);
|
|
lastChunk = Math.min(chunkCount - 1, currentChunk + 1);
|
|
|
|
that.selectpicker.view.position0 = Math.max(0, chunks[firstChunk][0]) || 0;
|
|
that.selectpicker.view.position1 = Math.min(size, chunks[lastChunk][1]) || 0;
|
|
|
|
positionIsDifferent = prevPositions[0] !== that.selectpicker.view.position0 || prevPositions[1] !== that.selectpicker.view.position1;
|
|
|
|
if (that.activeIndex !== undefined) {
|
|
prevActive = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.prevActiveIndex]];
|
|
active = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.activeIndex]];
|
|
selected = that.selectpicker.current.elements[that.selectpicker.current.map.newIndex[that.selectedIndex]];
|
|
|
|
if (init) {
|
|
if (that.activeIndex !== that.selectedIndex) {
|
|
active.classList.remove('active');
|
|
if (active.firstChild) active.firstChild.classList.remove('active');
|
|
}
|
|
that.activeIndex = undefined;
|
|
}
|
|
|
|
if (that.activeIndex && that.activeIndex !== that.selectedIndex && selected && selected.length) {
|
|
selected.classList.remove('active');
|
|
if (selected.firstChild) selected.firstChild.classList.remove('active');
|
|
}
|
|
}
|
|
|
|
if (that.prevActiveIndex !== undefined && that.prevActiveIndex !== that.activeIndex && that.prevActiveIndex !== that.selectedIndex && prevActive && prevActive.length) {
|
|
prevActive.classList.remove('active');
|
|
if (prevActive.firstChild) prevActive.firstChild.classList.remove('active');
|
|
}
|
|
|
|
if (init || positionIsDifferent) {
|
|
previousElements = that.selectpicker.view.visibleElements ? that.selectpicker.view.visibleElements.slice() : [];
|
|
|
|
that.selectpicker.view.visibleElements = that.selectpicker.current.elements.slice(that.selectpicker.view.position0, that.selectpicker.view.position1);
|
|
|
|
that.setOptionStatus();
|
|
|
|
// if searching, check to make sure the list has actually been updated before updating DOM
|
|
// this prevents unnecessary repaints
|
|
if ( isSearching || (isVirtual === false && init) ) menuIsDifferent = !isEqual(previousElements, that.selectpicker.view.visibleElements);
|
|
|
|
// if virtual scroll is disabled and not searching,
|
|
// menu should never need to be updated more than once
|
|
if ( (init || isVirtual === true) && menuIsDifferent ) {
|
|
var menuInner = that.$menuInner[0],
|
|
menuFragment = document.createDocumentFragment(),
|
|
emptyMenu = menuInner.firstChild.cloneNode(false),
|
|
marginTop,
|
|
marginBottom,
|
|
elements = isVirtual === true ? that.selectpicker.view.visibleElements : that.selectpicker.current.elements;
|
|
|
|
// replace the existing UL with an empty one - this is faster than $.empty()
|
|
menuInner.replaceChild(emptyMenu, menuInner.firstChild);
|
|
|
|
for (var i = 0, visibleElementsLen = elements.length; i < visibleElementsLen; i++) {
|
|
menuFragment.appendChild(elements[i]);
|
|
}
|
|
|
|
if (isVirtual === true) {
|
|
marginTop = (that.selectpicker.view.position0 === 0 ? 0 : that.selectpicker.current.data[that.selectpicker.view.position0 - 1].position),
|
|
marginBottom = (that.selectpicker.view.position1 > size - 1 ? 0 : that.selectpicker.current.data[size - 1].position - that.selectpicker.current.data[that.selectpicker.view.position1 - 1].position);
|
|
|
|
menuInner.firstChild.style.marginTop = marginTop + 'px';
|
|
menuInner.firstChild.style.marginBottom = marginBottom + 'px';
|
|
}
|
|
|
|
menuInner.firstChild.appendChild(menuFragment);
|
|
}
|
|
}
|
|
|
|
that.prevActiveIndex = that.activeIndex;
|
|
|
|
if (!that.options.liveSearch) {
|
|
that.$menuInner.focus();
|
|
} else if (isSearching && init) {
|
|
var index = 0,
|
|
newActive;
|
|
|
|
if (!that.selectpicker.view.canHighlight[index]) {
|
|
index = 1 + that.selectpicker.view.canHighlight.slice(1).indexOf(true);
|
|
}
|
|
|
|
newActive = that.selectpicker.view.visibleElements[index];
|
|
|
|
if (that.selectpicker.view.currentActive) {
|
|
that.selectpicker.view.currentActive.classList.remove('active');
|
|
if (that.selectpicker.view.currentActive.firstChild) that.selectpicker.view.currentActive.firstChild.classList.remove('active');
|
|
}
|
|
|
|
if (newActive) {
|
|
newActive.classList.add('active');
|
|
if (newActive.firstChild) newActive.firstChild.classList.add('active');
|
|
}
|
|
|
|
that.activeIndex = that.selectpicker.current.map.originalIndex[index];
|
|
}
|
|
}
|
|
|
|
$(window).off('resize.createView').on('resize.createView', function () {
|
|
scroll(that.$menuInner[0].scrollTop);
|
|
});
|
|
},
|
|
|
|
createLi: function () {
|
|
var that = this,
|
|
mainElements = [],
|
|
widestOption,
|
|
availableOptionsCount = 0,
|
|
widestOptionLength = 0,
|
|
mainData = [],
|
|
optID = 0,
|
|
headerIndex = 0,
|
|
liIndex = -1; // increment liIndex whenever a new <li> element is created to ensure newIndex is correct
|
|
|
|
if (!this.selectpicker.view.titleOption) this.selectpicker.view.titleOption = document.createElement('option');
|
|
|
|
var elementTemplates = {
|
|
span: document.createElement('span'),
|
|
subtext: document.createElement('small'),
|
|
a: document.createElement('a'),
|
|
li: document.createElement('li'),
|
|
whitespace: document.createTextNode("\u00A0")
|
|
},
|
|
checkMark = elementTemplates.span.cloneNode(false),
|
|
fragment = document.createDocumentFragment();
|
|
|
|
checkMark.className = that.options.iconBase + ' ' + that.options.tickIcon + ' check-mark';
|
|
elementTemplates.a.appendChild(checkMark);
|
|
elementTemplates.a.setAttribute('role', 'option');
|
|
|
|
elementTemplates.subtext.className = 'text-muted';
|
|
|
|
elementTemplates.text = elementTemplates.span.cloneNode(false);
|
|
elementTemplates.text.className = 'text';
|
|
|
|
// Helper functions
|
|
/**
|
|
* @param content
|
|
* @param [index]
|
|
* @param [classes]
|
|
* @param [optgroup]
|
|
* @returns {HTMLElement}
|
|
*/
|
|
var generateLI = function (content, index, classes, optgroup) {
|
|
var li = elementTemplates.li.cloneNode(false);
|
|
|
|
if (content) {
|
|
if (content.nodeType === 1 || content.nodeType === 11) {
|
|
li.appendChild(content);
|
|
} else {
|
|
li.innerHTML = content;
|
|
}
|
|
}
|
|
|
|
if (typeof classes !== 'undefined' && '' !== classes) li.className = classes;
|
|
if (typeof optgroup !== 'undefined' && null !== optgroup) li.classList.add('optgroup-' + optgroup);
|
|
|
|
return li;
|
|
};
|
|
|
|
/**
|
|
* @param text
|
|
* @param [classes]
|
|
* @param [inline]
|
|
* @returns {string}
|
|
*/
|
|
var generateA = function (text, classes, inline) {
|
|
var a = elementTemplates.a.cloneNode(true);
|
|
|
|
if (text) {
|
|
if (text.nodeType === 11) {
|
|
a.appendChild(text);
|
|
} else {
|
|
a.insertAdjacentHTML('beforeend', text);
|
|
}
|
|
}
|
|
|
|
if (typeof classes !== 'undefined' & '' !== classes) a.className = classes;
|
|
if (version.major === '4') a.classList.add('dropdown-item');
|
|
if (inline) a.setAttribute('style', inline);
|
|
|
|
return a;
|
|
};
|
|
|
|
var generateText = function (options) {
|
|
var textElement = elementTemplates.text.cloneNode(false),
|
|
optionSubtextElement,
|
|
optionIconElement;
|
|
|
|
if (options.optionContent) {
|
|
textElement.innerHTML = options.optionContent;
|
|
} else {
|
|
textElement.textContent = options.text;
|
|
|
|
if (options.optionIcon) {
|
|
var whitespace = elementTemplates.whitespace.cloneNode(false);
|
|
|
|
optionIconElement = elementTemplates.span.cloneNode(false);
|
|
optionIconElement.className = that.options.iconBase + ' ' + options.optionIcon;
|
|
|
|
fragment.appendChild(optionIconElement);
|
|
fragment.appendChild(whitespace);
|
|
}
|
|
|
|
if (options.optionSubtext) {
|
|
optionSubtextElement = elementTemplates.subtext.cloneNode(false);
|
|
optionSubtextElement.textContent = options.optionSubtext;
|
|
textElement.appendChild(optionSubtextElement);
|
|
}
|
|
}
|
|
|
|
fragment.appendChild(textElement);
|
|
|
|
return fragment;
|
|
};
|
|
|
|
var generateLabel = function (options) {
|
|
var labelTextElement = elementTemplates.text.cloneNode(false),
|
|
labelSubtextElement,
|
|
labelIconElement;
|
|
|
|
labelTextElement.textContent = options.labelEscaped;
|
|
|
|
if (options.labelIcon) {
|
|
var whitespace = elementTemplates.whitespace.cloneNode(false);
|
|
|
|
labelIconElement = elementTemplates.span.cloneNode(false);
|
|
labelIconElement.className = that.options.iconBase + ' ' + options.labelIcon;
|
|
|
|
fragment.appendChild(labelIconElement);
|
|
fragment.appendChild(whitespace);
|
|
}
|
|
|
|
if (options.labelSubtext) {
|
|
labelSubtextElement = elementTemplates.subtext.cloneNode(false);
|
|
labelSubtextElement.textContent = options.labelSubtext;
|
|
labelTextElement.appendChild(labelSubtextElement);
|
|
}
|
|
|
|
fragment.appendChild(labelTextElement);
|
|
|
|
return fragment;
|
|
}
|
|
|
|
if (this.options.title && !this.multiple) {
|
|
// this option doesn't create a new <li> element, but does add a new option, so liIndex is decreased
|
|
// since newIndex is recalculated on every refresh, liIndex needs to be decreased even if the titleOption is already appended
|
|
liIndex--;
|
|
|
|
var element = this.$element[0],
|
|
isSelected = false,
|
|
titleNotAppended = !this.selectpicker.view.titleOption.parentNode;
|
|
|
|
if (titleNotAppended) {
|
|
// Use native JS to prepend option (faster)
|
|
this.selectpicker.view.titleOption.className = 'bs-title-option';
|
|
this.selectpicker.view.titleOption.value = '';
|
|
|
|
// Check if selected or data-selected attribute is already set on an option. If not, select the titleOption option.
|
|
// the selected item may have been changed by user or programmatically before the bootstrap select plugin runs,
|
|
// if so, the select will have the data-selected attribute
|
|
var $opt = $(element.options[element.selectedIndex]);
|
|
isSelected = $opt.attr('selected') === undefined && this.$element.data('selected') === undefined;
|
|
}
|
|
|
|
if (titleNotAppended || this.selectpicker.view.titleOption.index !== 0) {
|
|
element.insertBefore(this.selectpicker.view.titleOption, element.firstChild);
|
|
}
|
|
|
|
// Set selected *after* appending to select,
|
|
// otherwise the option doesn't get selected in IE
|
|
// set using selectedIndex, as setting the selected attr to true here doesn't work in IE11
|
|
if (isSelected) element.selectedIndex = 0;
|
|
}
|
|
|
|
var $selectOptions = this.$element.find('option');
|
|
|
|
$selectOptions.each(function (index) {
|
|
var $this = $(this);
|
|
|
|
liIndex++;
|
|
|
|
if ($this.hasClass('bs-title-option')) return;
|
|
|
|
var thisData = $this.data();
|
|
|
|
// Get the class and text for the option
|
|
var optionClass = this.className || '',
|
|
inline = htmlEscape(this.style.cssText),
|
|
optionContent = thisData.content,
|
|
text = this.textContent,
|
|
tokens = thisData.tokens,
|
|
subtext = thisData.subtext,
|
|
icon = thisData.icon,
|
|
$parent = $this.parent(),
|
|
parent = $parent[0],
|
|
isOptgroup = parent.tagName === 'OPTGROUP',
|
|
isOptgroupDisabled = isOptgroup && parent.disabled,
|
|
isDisabled = this.disabled || isOptgroupDisabled,
|
|
prevHiddenIndex,
|
|
showDivider = this.previousElementSibling && this.previousElementSibling.tagName === 'OPTGROUP',
|
|
textElement;
|
|
|
|
var parentData = $parent.data();
|
|
|
|
if (thisData.hidden === true || that.options.hideDisabled && (isDisabled && !isOptgroup || isOptgroupDisabled)) {
|
|
// set prevHiddenIndex - the index of the first hidden option in a group of hidden options
|
|
// used to determine whether or not a divider should be placed after an optgroup if there are
|
|
// hidden options between the optgroup and the first visible option
|
|
prevHiddenIndex = thisData.prevHiddenIndex;
|
|
$this.next().data('prevHiddenIndex', (prevHiddenIndex !== undefined ? prevHiddenIndex : index));
|
|
|
|
liIndex--;
|
|
|
|
// if previous element is not an optgroup
|
|
if (!showDivider) {
|
|
if (prevHiddenIndex !== undefined) {
|
|
// select the element **before** the first hidden element in the group
|
|
var prevHidden = $selectOptions[prevHiddenIndex].previousElementSibling;
|
|
|
|
if (prevHidden && prevHidden.tagName === 'OPTGROUP' && !prevHidden.disabled) {
|
|
showDivider = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (showDivider && mainData[mainData.length - 1].type !== 'divider') {
|
|
liIndex++;
|
|
mainElements.push(
|
|
generateLI(
|
|
false,
|
|
null,
|
|
classNames.DIVIDER,
|
|
optID + 'div'
|
|
)
|
|
);
|
|
mainData.push({
|
|
type: 'divider',
|
|
optID: optID,
|
|
originalIndex: index
|
|
});
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
if (isOptgroup && thisData.divider !== true) {
|
|
if (that.options.hideDisabled && isDisabled) {
|
|
if (parentData.allOptionsDisabled === undefined) {
|
|
var $options = $parent.children();
|
|
$parent.data('allOptionsDisabled', $options.filter(':disabled').length === $options.length);
|
|
}
|
|
|
|
if ($parent.data('allOptionsDisabled')) {
|
|
liIndex--;
|
|
return;
|
|
}
|
|
}
|
|
|
|
var optGroupClass = ' ' + parent.className || '';
|
|
|
|
if (!this.previousElementSibling) { // Is it the first option of the optgroup?
|
|
optID += 1;
|
|
|
|
// Get the opt group label
|
|
var label = parent.label,
|
|
labelEscaped = htmlEscape(label),
|
|
labelSubtext = parentData.subtext,
|
|
labelIcon = parentData.icon;
|
|
|
|
if (index !== 0 && mainElements.length > 0) { // Is it NOT the first option of the select && are there elements in the dropdown?
|
|
liIndex++;
|
|
mainElements.push(
|
|
generateLI(
|
|
false,
|
|
null,
|
|
classNames.DIVIDER,
|
|
optID + 'div'
|
|
)
|
|
);
|
|
mainData.push({
|
|
type: 'divider',
|
|
optID: optID,
|
|
originalIndex: index
|
|
});
|
|
}
|
|
liIndex++;
|
|
|
|
var labelElement = generateLabel({
|
|
labelEscaped: labelEscaped,
|
|
labelSubtext: labelSubtext,
|
|
labelIcon: labelIcon
|
|
});
|
|
|
|
mainElements.push(generateLI(labelElement, null, 'dropdown-header' + optGroupClass, optID));
|
|
mainData.push({
|
|
content: labelEscaped,
|
|
subtext: labelSubtext,
|
|
type: 'optgroup-label',
|
|
optID: optID,
|
|
originalIndex: index
|
|
});
|
|
|
|
headerIndex = liIndex - 1;
|
|
}
|
|
|
|
if (that.options.hideDisabled && isDisabled || thisData.hidden === true) {
|
|
liIndex--;
|
|
return;
|
|
}
|
|
|
|
textElement = generateText({
|
|
text: text,
|
|
optionContent: optionContent,
|
|
optionSubtext: subtext,
|
|
optionIcon: icon
|
|
});
|
|
|
|
mainElements.push(generateLI(generateA(textElement, 'opt ' + optionClass + optGroupClass, inline), index, '', optID));
|
|
mainData.push({
|
|
content: optionContent || text,
|
|
subtext: subtext,
|
|
tokens: tokens,
|
|
type: 'option',
|
|
optID: optID,
|
|
headerIndex: headerIndex,
|
|
lastIndex: headerIndex + parent.childElementCount,
|
|
originalIndex: index,
|
|
data: thisData
|
|
});
|
|
|
|
availableOptionsCount++;
|
|
} else if (thisData.divider === true) {
|
|
mainElements.push(generateLI(false, index, 'divider'));
|
|
mainData.push({
|
|
type: 'divider',
|
|
originalIndex: index
|
|
});
|
|
} else {
|
|
// if previous element is not an optgroup and hideDisabled is true
|
|
if (!showDivider && that.options.hideDisabled) {
|
|
prevHiddenIndex = thisData.prevHiddenIndex;
|
|
|
|
if (prevHiddenIndex !== undefined) {
|
|
// select the element **before** the first hidden element in the group
|
|
var prevHidden = $selectOptions[prevHiddenIndex].previousElementSibling;
|
|
|
|
if (prevHidden && prevHidden.tagName === 'OPTGROUP' && !prevHidden.disabled) {
|
|
showDivider = true;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (showDivider && mainData[mainData.length - 1].type !== 'divider') {
|
|
liIndex++;
|
|
mainElements.push(
|
|
generateLI(
|
|
false,
|
|
null,
|
|
classNames.DIVIDER,
|
|
optID + 'div'
|
|
)
|
|
);
|
|
mainData.push({
|
|
type: 'divider',
|
|
optID: optID,
|
|
originalIndex: index
|
|
});
|
|
}
|
|
|
|
textElement = generateText({
|
|
text: text,
|
|
optionContent: optionContent,
|
|
optionSubtext: subtext,
|
|
optionIcon: icon
|
|
});
|
|
|
|
mainElements.push(generateLI(generateA(textElement, optionClass, inline), index));
|
|
mainData.push({
|
|
content: optionContent || text,
|
|
subtext: subtext,
|
|
tokens: tokens,
|
|
type: 'option',
|
|
originalIndex: index,
|
|
data: thisData
|
|
});
|
|
|
|
availableOptionsCount++;
|
|
}
|
|
|
|
that.selectpicker.main.map.newIndex[index] = liIndex;
|
|
that.selectpicker.main.map.originalIndex[liIndex] = index;
|
|
|
|
// get the most recent option info added to mainData
|
|
var _mainDataLast = mainData[mainData.length - 1];
|
|
|
|
_mainDataLast.disabled = isDisabled;
|
|
|
|
var combinedLength = 0;
|
|
|
|
// count the number of characters in the option - not perfect, but should work in most cases
|
|
if (_mainDataLast.content) combinedLength += _mainDataLast.content.length;
|
|
if (_mainDataLast.subtext) combinedLength += _mainDataLast.subtext.length;
|
|
// if there is an icon, ensure this option's width is checked
|
|
if (icon) combinedLength += 1;
|
|
|
|
if (combinedLength > widestOptionLength) {
|
|
widestOptionLength = combinedLength;
|
|
|
|
// guess which option is the widest
|
|
// use this when calculating menu width
|
|
// not perfect, but it's fast, and the width will be updating accordingly when scrolling
|
|
widestOption = mainElements[mainElements.length - 1];
|
|
}
|
|
});
|
|
|
|
this.selectpicker.main.elements = mainElements;
|
|
this.selectpicker.main.data = mainData;
|
|
|
|
this.selectpicker.current = this.selectpicker.main;
|
|
|
|
this.selectpicker.view.widestOption = widestOption;
|
|
this.selectpicker.view.availableOptionsCount = availableOptionsCount; // faster way to get # of available options without filter
|
|
},
|
|
|
|
findLis: function () {
|
|
return this.$menuInner.find('.inner > li');
|
|
},
|
|
|
|
render: function () {
|
|
var that = this,
|
|
$selectOptions = this.$element.find('option'),
|
|
selectedItems = [],
|
|
selectedItemsInTitle = [];
|
|
|
|
this.togglePlaceholder();
|
|
|
|
this.tabIndex();
|
|
|
|
for (var i = 0, len = this.selectpicker.main.elements.length; i < len; i++) {
|
|
var index = this.selectpicker.main.map.originalIndex[i],
|
|
option = $selectOptions[index];
|
|
|
|
if (option && option.selected) {
|
|
selectedItems.push(option);
|
|
|
|
if (selectedItemsInTitle.length < 100 && that.options.selectedTextFormat !== 'count' || selectedItems.length === 1) {
|
|
if (that.options.hideDisabled && (option.disabled || option.parentNode.tagName === 'OPTGROUP' && option.parentNode.disabled)) return;
|
|
|
|
var thisData = this.selectpicker.main.data[i].data,
|
|
icon = thisData.icon && that.options.showIcon ? '<i class="' + that.options.iconBase + ' ' + thisData.icon + '"></i> ' : '',
|
|
subtext,
|
|
titleItem;
|
|
|
|
if (that.options.showSubtext && thisData.subtext && !that.multiple) {
|
|
subtext = ' <small class="text-muted">' + thisData.subtext + '</small>';
|
|
} else {
|
|
subtext = '';
|
|
}
|
|
|
|
if (option.title) {
|
|
titleItem = option.title;
|
|
} else if (thisData.content && that.options.showContent) {
|
|
titleItem = thisData.content.toString();
|
|
} else {
|
|
titleItem = icon + option.innerHTML.trim() + subtext;
|
|
}
|
|
|
|
selectedItemsInTitle.push(titleItem);
|
|
}
|
|
}
|
|
}
|
|
|
|
//Fixes issue in IE10 occurring when no default option is selected and at least one option is disabled
|
|
//Convert all the values into a comma delimited string
|
|
var title = !this.multiple ? selectedItemsInTitle[0] : selectedItemsInTitle.join(this.options.multipleSeparator);
|
|
|
|
// add ellipsis
|
|
if (selectedItems.length > 50) title += '...';
|
|
|
|
// If this is a multiselect, and selectedTextFormat is count, then show 1 of 2 selected etc..
|
|
if (this.multiple && this.options.selectedTextFormat.indexOf('count') !== -1) {
|
|
var max = this.options.selectedTextFormat.split('>');
|
|
|
|
if ((max.length > 1 && selectedItems.length > max[1]) || (max.length === 1 && selectedItems.length >= 2)) {
|
|
var totalCount = this.selectpicker.view.availableOptionsCount,
|
|
tr8nText = (typeof this.options.countSelectedText === 'function') ? this.options.countSelectedText(selectedItems.length, totalCount) : this.options.countSelectedText;
|
|
|
|
title = tr8nText.replace('{0}', selectedItems.length.toString()).replace('{1}', totalCount.toString());
|
|
}
|
|
}
|
|
|
|
if (this.options.title == undefined) {
|
|
this.options.title = this.$element[0].title;
|
|
}
|
|
|
|
if (this.options.selectedTextFormat == 'static') {
|
|
title = this.options.title;
|
|
}
|
|
|
|
//If we dont have a title, then use the default, or if nothing is set at all, use the not selected text
|
|
if (!title) {
|
|
title = typeof this.options.title !== 'undefined' ? this.options.title : this.options.noneSelectedText;
|
|
}
|
|
|
|
//strip all HTML tags and trim the result, then unescape any escaped tags
|
|
this.$button[0].title = htmlUnescape(title.replace(/<[^>]*>?/g, '').trim());
|
|
this.$button.find('.filter-option-inner-inner')[0].innerHTML = title;
|
|
|
|
this.$element.trigger('rendered.bs.select');
|
|
},
|
|
|
|
/**
|
|
* @param [style]
|
|
* @param [status]
|
|
*/
|
|
setStyle: function (style, status) {
|
|
if (this.$element.attr('class')) {
|
|
this.$newElement.addClass(this.$element.attr('class').replace(/selectpicker|mobile-device|bs-select-hidden|validate\[.*\]/gi, ''));
|
|
}
|
|
|
|
var buttonClass = style ? style : this.options.style;
|
|
|
|
if (status == 'add') {
|
|
this.$button.addClass(buttonClass);
|
|
} else if (status == 'remove') {
|
|
this.$button.removeClass(buttonClass);
|
|
} else {
|
|
this.$button.removeClass(this.options.style);
|
|
this.$button.addClass(buttonClass);
|
|
}
|
|
},
|
|
|
|
liHeight: function (refresh) {
|
|
if (!refresh && (this.options.size === false || this.sizeInfo)) return;
|
|
|
|
if (!this.sizeInfo) this.sizeInfo = {};
|
|
|
|
var newElement = document.createElement('div'),
|
|
menu = document.createElement('div'),
|
|
menuInner = document.createElement('div'),
|
|
menuInnerInner = document.createElement('ul'),
|
|
divider = document.createElement('li'),
|
|
dropdownHeader = document.createElement('li'),
|
|
li = document.createElement('li'),
|
|
a = document.createElement('a'),
|
|
text = document.createElement('span'),
|
|
header = this.options.header && this.$menu.find('.' + classNames.POPOVERHEADER).length > 0 ? this.$menu.find('.' + classNames.POPOVERHEADER)[0].cloneNode(true) : null,
|
|
search = this.options.liveSearch ? document.createElement('div') : null,
|
|
actions = this.options.actionsBox && this.multiple && this.$menu.find('.bs-actionsbox').length > 0 ? this.$menu.find('.bs-actionsbox')[0].cloneNode(true) : null,
|
|
doneButton = this.options.doneButton && this.multiple && this.$menu.find('.bs-donebutton').length > 0 ? this.$menu.find('.bs-donebutton')[0].cloneNode(true) : null;
|
|
|
|
this.sizeInfo.selectWidth = this.$newElement[0].offsetWidth;
|
|
|
|
text.className = 'text';
|
|
a.className = 'dropdown-item';
|
|
newElement.className = this.$menu[0].parentNode.className + ' ' + classNames.SHOW;
|
|
newElement.style.width = this.sizeInfo.selectWidth + 'px';
|
|
menu.className = 'dropdown-menu ' + classNames.SHOW;
|
|
menuInner.className = 'inner ' + classNames.SHOW;
|
|
menuInnerInner.className = 'dropdown-menu inner ' + (version.major === '4' ? classNames.SHOW : '');
|
|
divider.className = classNames.DIVIDER;
|
|
dropdownHeader.className = 'dropdown-header';
|
|
|
|
text.appendChild(document.createTextNode('Inner text'));
|
|
a.appendChild(text);
|
|
li.appendChild(a);
|
|
dropdownHeader.appendChild(text.cloneNode(true));
|
|
|
|
if (this.selectpicker.view.widestOption) {
|
|
menuInnerInner.appendChild(this.selectpicker.view.widestOption.cloneNode(true));
|
|
}
|
|
|
|
menuInnerInner.appendChild(li);
|
|
menuInnerInner.appendChild(divider);
|
|
menuInnerInner.appendChild(dropdownHeader);
|
|
if (header) menu.appendChild(header);
|
|
if (search) {
|
|
var input = document.createElement('input');
|
|
search.className = 'bs-searchbox';
|
|
input.className = 'form-control';
|
|
search.appendChild(input);
|
|
menu.appendChild(search);
|
|
}
|
|
if (actions) menu.appendChild(actions);
|
|
menuInner.appendChild(menuInnerInner);
|
|
menu.appendChild(menuInner);
|
|
if (doneButton) menu.appendChild(doneButton);
|
|
newElement.appendChild(menu);
|
|
|
|
document.body.appendChild(newElement);
|
|
|
|
var liHeight = a.offsetHeight,
|
|
dropdownHeaderHeight = dropdownHeader ? dropdownHeader.offsetHeight : 0,
|
|
headerHeight = header ? header.offsetHeight : 0,
|
|
searchHeight = search ? search.offsetHeight : 0,
|
|
actionsHeight = actions ? actions.offsetHeight : 0,
|
|
doneButtonHeight = doneButton ? doneButton.offsetHeight : 0,
|
|
dividerHeight = $(divider).outerHeight(true),
|
|
// fall back to jQuery if getComputedStyle is not supported
|
|
menuStyle = window.getComputedStyle ? window.getComputedStyle(menu) : false,
|
|
menuWidth = menu.offsetWidth,
|
|
$menu = menuStyle ? null : $(menu),
|
|
menuPadding = {
|
|
vert: toInteger(menuStyle ? menuStyle.paddingTop : $menu.css('paddingTop')) +
|
|
toInteger(menuStyle ? menuStyle.paddingBottom : $menu.css('paddingBottom')) +
|
|
toInteger(menuStyle ? menuStyle.borderTopWidth : $menu.css('borderTopWidth')) +
|
|
toInteger(menuStyle ? menuStyle.borderBottomWidth : $menu.css('borderBottomWidth')),
|
|
horiz: toInteger(menuStyle ? menuStyle.paddingLeft : $menu.css('paddingLeft')) +
|
|
toInteger(menuStyle ? menuStyle.paddingRight : $menu.css('paddingRight')) +
|
|
toInteger(menuStyle ? menuStyle.borderLeftWidth : $menu.css('borderLeftWidth')) +
|
|
toInteger(menuStyle ? menuStyle.borderRightWidth : $menu.css('borderRightWidth'))
|
|
},
|
|
menuExtras = {
|
|
vert: menuPadding.vert +
|
|
toInteger(menuStyle ? menuStyle.marginTop : $menu.css('marginTop')) +
|
|
toInteger(menuStyle ? menuStyle.marginBottom : $menu.css('marginBottom')) + 2,
|
|
horiz: menuPadding.horiz +
|
|
toInteger(menuStyle ? menuStyle.marginLeft : $menu.css('marginLeft')) +
|
|
toInteger(menuStyle ? menuStyle.marginRight : $menu.css('marginRight')) + 2
|
|
},
|
|
scrollBarWidth;
|
|
|
|
menuInner.style.overflowY = 'scroll';
|
|
|
|
scrollBarWidth = menu.offsetWidth - menuWidth;
|
|
|
|
document.body.removeChild(newElement);
|
|
|
|
this.sizeInfo.liHeight = liHeight;
|
|
this.sizeInfo.dropdownHeaderHeight = dropdownHeaderHeight;
|
|
this.sizeInfo.headerHeight = headerHeight;
|
|
this.sizeInfo.searchHeight = searchHeight;
|
|
this.sizeInfo.actionsHeight = actionsHeight;
|
|
this.sizeInfo.doneButtonHeight = doneButtonHeight;
|
|
this.sizeInfo.dividerHeight = dividerHeight;
|
|
this.sizeInfo.menuPadding = menuPadding;
|
|
this.sizeInfo.menuExtras = menuExtras;
|
|
this.sizeInfo.menuWidth = menuWidth;
|
|
this.sizeInfo.totalMenuWidth = this.sizeInfo.menuWidth;
|
|
this.sizeInfo.scrollBarWidth = scrollBarWidth;
|
|
this.sizeInfo.selectHeight = this.$newElement[0].offsetHeight;
|
|
|
|
this.setPositionData();
|
|
},
|
|
|
|
getSelectPosition: function () {
|
|
var that = this,
|
|
$window = $(window),
|
|
pos = that.$newElement.offset(),
|
|
$container = $(that.options.container),
|
|
containerPos;
|
|
|
|
if (that.options.container && !$container.is('body')) {
|
|
containerPos = $container.offset();
|
|
containerPos.top += parseInt($container.css('borderTopWidth'));
|
|
containerPos.left += parseInt($container.css('borderLeftWidth'));
|
|
} else {
|
|
containerPos = { top: 0, left: 0 };
|
|
}
|
|
|
|
var winPad = that.options.windowPadding;
|
|
|
|
this.sizeInfo.selectOffsetTop = pos.top - containerPos.top - $window.scrollTop();
|
|
this.sizeInfo.selectOffsetBot = $window.height() - this.sizeInfo.selectOffsetTop - this.sizeInfo['selectHeight'] - containerPos.top - winPad[2];
|
|
this.sizeInfo.selectOffsetLeft = pos.left - containerPos.left - $window.scrollLeft();
|
|
this.sizeInfo.selectOffsetRight = $window.width() - this.sizeInfo.selectOffsetLeft - this.sizeInfo['selectWidth'] - containerPos.left - winPad[1];
|
|
this.sizeInfo.selectOffsetTop -= winPad[0];
|
|
this.sizeInfo.selectOffsetLeft -= winPad[3];
|
|
},
|
|
|
|
setMenuSize: function (isAuto) {
|
|
this.getSelectPosition();
|
|
|
|
var selectWidth = this.sizeInfo['selectWidth'],
|
|
liHeight = this.sizeInfo['liHeight'],
|
|
headerHeight = this.sizeInfo['headerHeight'],
|
|
searchHeight = this.sizeInfo['searchHeight'],
|
|
actionsHeight = this.sizeInfo['actionsHeight'],
|
|
doneButtonHeight = this.sizeInfo['doneButtonHeight'],
|
|
divHeight = this.sizeInfo['dividerHeight'],
|
|
menuPadding = this.sizeInfo['menuPadding'],
|
|
menuInnerHeight,
|
|
menuHeight,
|
|
divLength = 0,
|
|
minHeight,
|
|
_minHeight,
|
|
maxHeight,
|
|
menuInnerMinHeight,
|
|
estimate;
|
|
|
|
if (this.options.dropupAuto) {
|
|
// Get the estimated height of the menu without scrollbars.
|
|
// This is useful for smaller menus, where there might be plenty of room
|
|
// below the button without setting dropup, but we can't know
|
|
// the exact height of the menu until createView is called later
|
|
estimate = liHeight * this.selectpicker.current.elements.length + menuPadding.vert;
|
|
this.$newElement.toggleClass(classNames.DROPUP, this.sizeInfo.selectOffsetTop - this.sizeInfo.selectOffsetBot > this.sizeInfo.menuExtras.vert && estimate + this.sizeInfo.menuExtras.vert + 50 > this.sizeInfo.selectOffsetBot);
|
|
}
|
|
|
|
if (this.options.size === 'auto') {
|
|
_minHeight = this.selectpicker.current.elements.length > 3 ? this.sizeInfo.liHeight * 3 + this.sizeInfo.menuExtras.vert - 2 : 0;
|
|
menuHeight = this.sizeInfo.selectOffsetBot - this.sizeInfo.menuExtras.vert;
|
|
minHeight = _minHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight;
|
|
menuInnerMinHeight = Math.max(_minHeight - menuPadding.vert, 0);
|
|
|
|
if (this.$newElement.hasClass(classNames.DROPUP)) {
|
|
menuHeight = this.sizeInfo.selectOffsetTop - this.sizeInfo.menuExtras.vert;
|
|
}
|
|
|
|
maxHeight = menuHeight;
|
|
menuInnerHeight = menuHeight - headerHeight - searchHeight - actionsHeight - doneButtonHeight - menuPadding.vert;
|
|
} else if (this.options.size && this.options.size != 'auto' && this.selectpicker.current.elements.length > this.options.size) {
|
|
for (var i = 0; i < this.options.size; i++) {
|
|
if (this.selectpicker.current.data[i].type === 'divider') divLength++;
|
|
}
|
|
|
|
menuHeight = liHeight * this.options.size + divLength * divHeight + menuPadding.vert;
|
|
menuInnerHeight = menuHeight - menuPadding.vert;
|
|
maxHeight = menuHeight + headerHeight + searchHeight + actionsHeight + doneButtonHeight;
|
|
minHeight = menuInnerMinHeight = '';
|
|
}
|
|
|
|
if (this.options.dropdownAlignRight === 'auto') {
|
|
this.$menu.toggleClass(classNames.MENURIGHT, this.sizeInfo.selectOffsetLeft > this.sizeInfo.selectOffsetRight && this.sizeInfo.selectOffsetRight < (this.$menu[0].offsetWidth - selectWidth));
|
|
}
|
|
|
|
this.$menu.css({
|
|
'max-height': maxHeight + 'px',
|
|
'overflow': 'hidden',
|
|
'min-height': minHeight + 'px'
|
|
});
|
|
|
|
this.$menuInner.css({
|
|
'max-height': menuInnerHeight + 'px',
|
|
'overflow-y': 'auto',
|
|
'min-height': menuInnerMinHeight + 'px'
|
|
});
|
|
|
|
this.sizeInfo['menuInnerHeight'] = menuInnerHeight;
|
|
|
|
if (this.selectpicker.current.data.length && this.selectpicker.current.data[this.selectpicker.current.data.length - 1].position > this.sizeInfo.menuInnerHeight) {
|
|
this.sizeInfo.hasScrollBar = true;
|
|
this.sizeInfo.totalMenuWidth = this.sizeInfo.menuWidth + this.sizeInfo.scrollBarWidth;
|
|
|
|
this.$menu.css('min-width', this.sizeInfo.totalMenuWidth);
|
|
}
|
|
|
|
if (this.dropdown && this.dropdown._popper) this.dropdown._popper.update();
|
|
},
|
|
|
|
setSize: function (refresh) {
|
|
this.liHeight(refresh);
|
|
|
|
if (this.options.header) this.$menu.css('padding-top', 0);
|
|
if (this.options.size === false) return;
|
|
|
|
var that = this,
|
|
$window = $(window),
|
|
selectedIndex,
|
|
offset = 0;
|
|
|
|
this.setMenuSize();
|
|
|
|
if (this.options.size === 'auto') {
|
|
this.$searchbox.off('input.setMenuSize propertychange.setMenuSize').on('input.setMenuSize propertychange.setMenuSize', function() {
|
|
return that.setMenuSize();
|
|
});
|
|
$window.off('resize.setMenuSize scroll.setMenuSize').on('resize.setMenuSize scroll.setMenuSize', function() {
|
|
return that.setMenuSize();
|
|
});
|
|
} else if (this.options.size && this.options.size != 'auto' && this.selectpicker.current.elements.length > this.options.size) {
|
|
this.$searchbox.off('input.setMenuSize propertychange.setMenuSize');
|
|
$window.off('resize.setMenuSize scroll.setMenuSize');
|
|
}
|
|
|
|
if (refresh) {
|
|
offset = this.$menuInner[0].scrollTop;
|
|
} else if (!that.multiple) {
|
|
selectedIndex = that.selectpicker.main.map.newIndex[that.$element[0].selectedIndex];
|
|
|
|
if (typeof selectedIndex === 'number' && that.options.size !== false) {
|
|
offset = that.sizeInfo.liHeight * selectedIndex;
|
|
offset = offset - (that.sizeInfo.menuInnerHeight / 2) + (that.sizeInfo.liHeight / 2);
|
|
}
|
|
}
|
|
|
|
that.createView(false, offset);
|
|
},
|
|
|
|
setWidth: function () {
|
|
var that = this;
|
|
|
|
if (this.options.width === 'auto') {
|
|
requestAnimationFrame(function() {
|
|
that.$menu.css('min-width', '0');
|
|
that.liHeight();
|
|
that.setMenuSize();
|
|
|
|
// Get correct width if element is hidden
|
|
var $selectClone = that.$newElement.clone().appendTo('body'),
|
|
btnWidth = $selectClone.css('width', 'auto').children('button').outerWidth();
|
|
|
|
$selectClone.remove();
|
|
|
|
// Set width to whatever's larger, button title or longest option
|
|
that.sizeInfo.selectWidth = Math.max(that.sizeInfo.totalMenuWidth, btnWidth);
|
|
that.$newElement.css('width', that.sizeInfo.selectWidth + 'px');
|
|
});
|
|
} else if (this.options.width === 'fit') {
|
|
// Remove inline min-width so width can be changed from 'auto'
|
|
this.$menu.css('min-width', '');
|
|
this.$newElement.css('width', '').addClass('fit-width');
|
|
} else if (this.options.width) {
|
|
// Remove inline min-width so width can be changed from 'auto'
|
|
this.$menu.css('min-width', '');
|
|
this.$newElement.css('width', this.options.width);
|
|
} else {
|
|
// Remove inline min-width/width so width can be changed
|
|
this.$menu.css('min-width', '');
|
|
this.$newElement.css('width', '');
|
|
}
|
|
// Remove fit-width class if width is changed programmatically
|
|
if (this.$newElement.hasClass('fit-width') && this.options.width !== 'fit') {
|
|
this.$newElement.removeClass('fit-width');
|
|
}
|
|
},
|
|
|
|
selectPosition: function () {
|
|
this.$bsContainer = $('<div class="bs-container" />');
|
|
|
|
var that = this,
|
|
$container = $(this.options.container),
|
|
pos,
|
|
containerPos,
|
|
actualHeight,
|
|
getPlacement = function ($element) {
|
|
var containerPosition = {};
|
|
|
|
that.$bsContainer.addClass($element.attr('class').replace(/form-control|fit-width/gi, '')).toggleClass(classNames.DROPUP, $element.hasClass(classNames.DROPUP));
|
|
pos = $element.offset();
|
|
|
|
if (!$container.is('body')) {
|
|
containerPos = $container.offset();
|
|
containerPos.top += parseInt($container.css('borderTopWidth')) - $container.scrollTop();
|
|
containerPos.left += parseInt($container.css('borderLeftWidth')) - $container.scrollLeft();
|
|
} else {
|
|
containerPos = { top: 0, left: 0 };
|
|
}
|
|
|
|
actualHeight = $element.hasClass(classNames.DROPUP) ? 0 : $element[0].offsetHeight;
|
|
|
|
// Bootstrap 4+ uses Popper for menu positioning
|
|
if (version.major < 4) {
|
|
containerPosition['top'] = pos.top - containerPos.top + actualHeight;
|
|
containerPosition['left'] = pos.left - containerPos.left;
|
|
}
|
|
|
|
containerPosition['width'] = $element[0].offsetWidth;
|
|
|
|
that.$bsContainer.css(containerPosition);
|
|
};
|
|
|
|
this.$button.on('click.bs.dropdown.data-api', function () {
|
|
if (that.isDisabled()) {
|
|
return;
|
|
}
|
|
|
|
getPlacement(that.$newElement);
|
|
|
|
that.$bsContainer
|
|
.appendTo(that.options.container)
|
|
.toggleClass(classNames.SHOW, !that.$button.hasClass(classNames.SHOW))
|
|
.append(that.$menu);
|
|
});
|
|
|
|
$(window).on('resize scroll', function () {
|
|
getPlacement(that.$newElement);
|
|
});
|
|
|
|
this.$element.on('hide.bs.select', function () {
|
|
that.$menu.data('height', that.$menu.height());
|
|
that.$bsContainer.detach();
|
|
});
|
|
},
|
|
|
|
setOptionStatus: function () {
|
|
var that = this,
|
|
$selectOptions = this.$element.find('option');
|
|
|
|
that.noScroll = false;
|
|
|
|
if (that.selectpicker.view.visibleElements && that.selectpicker.view.visibleElements.length) {
|
|
for (var i = 0; i < that.selectpicker.view.visibleElements.length; i++) {
|
|
var index = that.selectpicker.current.map.originalIndex[i + that.selectpicker.view.position0], // faster than $(li).data('originalIndex')
|
|
option = $selectOptions[index];
|
|
|
|
if (option) {
|
|
var liIndex = this.selectpicker.main.map.newIndex[index],
|
|
li = this.selectpicker.main.elements[liIndex];
|
|
|
|
that.setDisabled(
|
|
index,
|
|
option.disabled || option.parentNode.tagName === 'OPTGROUP' && option.parentNode.disabled,
|
|
liIndex,
|
|
li
|
|
);
|
|
|
|
that.setSelected(
|
|
index,
|
|
option.selected,
|
|
liIndex,
|
|
li
|
|
);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @param {number} index - the index of the option that is being changed
|
|
* @param {boolean} selected - true if the option is being selected, false if being deselected
|
|
*/
|
|
setSelected: function (index, selected, liIndex, li) {
|
|
var activeIndexIsSet = this.activeIndex !== undefined,
|
|
thisIsActive = this.activeIndex === index,
|
|
prevActiveIndex,
|
|
prevActive,
|
|
a,
|
|
// if current option is already active
|
|
// OR
|
|
// if the current option is being selected, it's NOT multiple, and
|
|
// activeIndex is undefined:
|
|
// - when the menu is first being opened, OR
|
|
// - after a search has been performed, OR
|
|
// - when retainActive is false when selecting a new option (i.e. index of the newly selected option is not the same as the current activeIndex)
|
|
keepActive = thisIsActive || selected && !this.multiple && !activeIndexIsSet;
|
|
|
|
if (!liIndex) liIndex = this.selectpicker.main.map.newIndex[index];
|
|
if (!li) li = this.selectpicker.main.elements[liIndex];
|
|
|
|
a = li.firstChild;
|
|
|
|
if (selected) {
|
|
this.selectedIndex = index;
|
|
}
|
|
|
|
li.classList.toggle('selected', selected);
|
|
li.classList.toggle('active', keepActive);
|
|
|
|
if (keepActive) {
|
|
this.selectpicker.view.currentActive = li;
|
|
this.activeIndex = index;
|
|
}
|
|
|
|
if (a) {
|
|
a.classList.toggle('selected', selected);
|
|
a.classList.toggle('active', keepActive);
|
|
a.setAttribute('aria-selected', selected);
|
|
}
|
|
|
|
if (!keepActive) {
|
|
if (!activeIndexIsSet && selected && this.prevActiveIndex !== undefined) {
|
|
prevActiveIndex = this.selectpicker.main.map.newIndex[this.prevActiveIndex];
|
|
prevActive = this.selectpicker.main.elements[prevActiveIndex];
|
|
|
|
prevActive.classList.remove('selected');
|
|
prevActive.classList.remove('active');
|
|
if (prevActive.firstChild) {
|
|
prevActive.firstChild.classList.remove('selected');
|
|
prevActive.firstChild.classList.remove('active');
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
/**
|
|
* @param {number} index - the index of the option that is being disabled
|
|
* @param {boolean} disabled - true if the option is being disabled, false if being enabled
|
|
*/
|
|
setDisabled: function (index, disabled, liIndex, li) {
|
|
var a;
|
|
|
|
if (!liIndex) liIndex = this.selectpicker.main.map.newIndex[index];
|
|
if (!li) li = this.selectpicker.main.elements[liIndex];
|
|
|
|
a = li.firstChild;
|
|
|
|
li.classList.toggle(classNames.DISABLED, disabled);
|
|
|
|
if (a) {
|
|
if (version.major === '4') a.classList.toggle(classNames.DISABLED, disabled);
|
|
|
|
a.setAttribute('aria-disabled', disabled);
|
|
|
|
if (disabled) {
|
|
a.setAttribute('tabindex', -1);
|
|
} else {
|
|
a.setAttribute('tabindex', 0);
|
|
}
|
|
}
|
|
},
|
|
|
|
isDisabled: function () {
|
|
return this.$element[0].disabled;
|
|
},
|
|
|
|
checkDisabled: function () {
|
|
var that = this;
|
|
|
|
if (this.isDisabled()) {
|
|
this.$newElement.addClass(classNames.DISABLED);
|
|
this.$button.addClass(classNames.DISABLED).attr('tabindex', -1).attr('aria-disabled', true);
|
|
} else {
|
|
if (this.$button.hasClass(classNames.DISABLED)) {
|
|
this.$newElement.removeClass(classNames.DISABLED);
|
|
this.$button.removeClass(classNames.DISABLED).attr('aria-disabled', false);
|
|
}
|
|
|
|
if (this.$button.attr('tabindex') == -1 && !this.$element.data('tabindex')) {
|
|
this.$button.removeAttr('tabindex');
|
|
}
|
|
}
|
|
|
|
this.$button.click(function () {
|
|
return !that.isDisabled();
|
|
});
|
|
},
|
|
|
|
togglePlaceholder: function () {
|
|
// much faster than calling $.val()
|
|
var element = this.$element[0],
|
|
selectedIndex = element.selectedIndex,
|
|
nothingSelected = selectedIndex === -1;
|
|
|
|
if (!nothingSelected && !element.options[selectedIndex].value) nothingSelected = true;
|
|
|
|
this.$button.toggleClass('bs-placeholder', nothingSelected);
|
|
},
|
|
|
|
tabIndex: function () {
|
|
if (this.$element.data('tabindex') !== this.$element.attr('tabindex') &&
|
|
(this.$element.attr('tabindex') !== -98 && this.$element.attr('tabindex') !== '-98')) {
|
|
this.$element.data('tabindex', this.$element.attr('tabindex'));
|
|
this.$button.attr('tabindex', this.$element.data('tabindex'));
|
|
}
|
|
|
|
this.$element.attr('tabindex', -98);
|
|
},
|
|
|
|
clickListener: function () {
|
|
var that = this,
|
|
$document = $(document);
|
|
|
|
$document.data('spaceSelect', false);
|
|
|
|
this.$button.on('keyup', function (e) {
|
|
if (/(32)/.test(e.keyCode.toString(10)) && $document.data('spaceSelect')) {
|
|
e.preventDefault();
|
|
$document.data('spaceSelect', false);
|
|
}
|
|
});
|
|
|
|
this.$newElement.on('show.bs.dropdown', function() {
|
|
if (version.major > 3 && !that.dropdown) {
|
|
that.dropdown = that.$button.data('bs.dropdown');
|
|
that.dropdown._menu = that.$menu[0];
|
|
}
|
|
});
|
|
|
|
this.$button.on('click.bs.dropdown.data-api', function () {
|
|
if (!that.$newElement.hasClass(classNames.SHOW)) {
|
|
that.setSize();
|
|
}
|
|
});
|
|
|
|
this.$element.on('shown.bs.select', function () {
|
|
if (that.$menuInner[0].scrollTop !== that.selectpicker.view.scrollTop) {
|
|
that.$menuInner[0].scrollTop = that.selectpicker.view.scrollTop;
|
|
}
|
|
|
|
if (that.options.liveSearch) {
|
|
that.$searchbox.focus();
|
|
} else {
|
|
that.$menuInner.focus();
|
|
}
|
|
});
|
|
|
|
this.$menuInner.on('click', 'li a', function (e, retainActive) {
|
|
var $this = $(this),
|
|
position0 = that.isVirtual() ? that.selectpicker.view.position0 : 0,
|
|
clickedIndex = that.selectpicker.current.map.originalIndex[$this.parent().index() + position0],
|
|
prevValue = getSelectValues(that.$element[0]),
|
|
prevIndex = that.$element.prop('selectedIndex'),
|
|
triggerChange = true;
|
|
|
|
// Don't close on multi choice menu
|
|
if (that.multiple && that.options.maxOptions !== 1) {
|
|
e.stopPropagation();
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
//Don't run if we have been disabled
|
|
if (!that.isDisabled() && !$this.parent().hasClass(classNames.DISABLED)) {
|
|
var $options = that.$element.find('option'),
|
|
$option = $options.eq(clickedIndex),
|
|
state = $option.prop('selected'),
|
|
$optgroup = $option.parent('optgroup'),
|
|
maxOptions = that.options.maxOptions,
|
|
maxOptionsGrp = $optgroup.data('maxOptions') || false;
|
|
|
|
if (clickedIndex === that.activeIndex) retainActive = true;
|
|
|
|
if (!retainActive) {
|
|
that.prevActiveIndex = that.activeIndex;
|
|
that.activeIndex = undefined;
|
|
}
|
|
|
|
if (!that.multiple) { // Deselect all others if not multi select box
|
|
$options.prop('selected', false);
|
|
$option.prop('selected', true);
|
|
that.setSelected(clickedIndex, true);
|
|
} else { // Toggle the one we have chosen if we are multi select.
|
|
$option.prop('selected', !state);
|
|
|
|
that.setSelected(clickedIndex, !state);
|
|
$this.blur();
|
|
|
|
if (maxOptions !== false || maxOptionsGrp !== false) {
|
|
var maxReached = maxOptions < $options.filter(':selected').length,
|
|
maxReachedGrp = maxOptionsGrp < $optgroup.find('option:selected').length;
|
|
|
|
if ((maxOptions && maxReached) || (maxOptionsGrp && maxReachedGrp)) {
|
|
if (maxOptions && maxOptions == 1) {
|
|
$options.prop('selected', false);
|
|
$option.prop('selected', true);
|
|
that.$menuInner.find('.selected').removeClass('selected');
|
|
that.setSelected(clickedIndex, true);
|
|
} else if (maxOptionsGrp && maxOptionsGrp == 1) {
|
|
$optgroup.find('option:selected').prop('selected', false);
|
|
$option.prop('selected', true);
|
|
var optgroupID = that.selectpicker.current.data[$this.parent().index() + that.selectpicker.view.position0].optID;
|
|
that.$menuInner.find('.optgroup-' + optgroupID).removeClass('selected');
|
|
that.setSelected(clickedIndex, true);
|
|
} else {
|
|
var maxOptionsText = typeof that.options.maxOptionsText === 'string' ? [that.options.maxOptionsText, that.options.maxOptionsText] : that.options.maxOptionsText,
|
|
maxOptionsArr = typeof maxOptionsText === 'function' ? maxOptionsText(maxOptions, maxOptionsGrp) : maxOptionsText,
|
|
maxTxt = maxOptionsArr[0].replace('{n}', maxOptions),
|
|
maxTxtGrp = maxOptionsArr[1].replace('{n}', maxOptionsGrp),
|
|
$notify = $('<div class="notify"></div>');
|
|
// If {var} is set in array, replace it
|
|
/** @deprecated */
|
|
if (maxOptionsArr[2]) {
|
|
maxTxt = maxTxt.replace('{var}', maxOptionsArr[2][maxOptions > 1 ? 0 : 1]);
|
|
maxTxtGrp = maxTxtGrp.replace('{var}', maxOptionsArr[2][maxOptionsGrp > 1 ? 0 : 1]);
|
|
}
|
|
|
|
$option.prop('selected', false);
|
|
|
|
that.$menu.append($notify);
|
|
|
|
if (maxOptions && maxReached) {
|
|
$notify.append($('<div>' + maxTxt + '</div>'));
|
|
triggerChange = false;
|
|
that.$element.trigger('maxReached.bs.select');
|
|
}
|
|
|
|
if (maxOptionsGrp && maxReachedGrp) {
|
|
$notify.append($('<div>' + maxTxtGrp + '</div>'));
|
|
triggerChange = false;
|
|
that.$element.trigger('maxReachedGrp.bs.select');
|
|
}
|
|
|
|
setTimeout(function () {
|
|
that.setSelected(clickedIndex, false);
|
|
}, 10);
|
|
|
|
$notify.delay(750).fadeOut(300, function () {
|
|
$(this).remove();
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
if (!that.multiple || (that.multiple && that.options.maxOptions === 1)) {
|
|
that.$button.focus();
|
|
} else if (that.options.liveSearch) {
|
|
that.$searchbox.focus();
|
|
}
|
|
|
|
// Trigger select 'change'
|
|
if (triggerChange) {
|
|
if ((prevValue != getSelectValues(that.$element[0]) && that.multiple) || (prevIndex != that.$element.prop('selectedIndex') && !that.multiple)) {
|
|
// $option.prop('selected') is current option state (selected/unselected). prevValue is the value of the select prior to being changed.
|
|
changed_arguments = [clickedIndex, $option.prop('selected'), prevValue];
|
|
that.$element
|
|
.triggerNative('change');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
this.$menu.on('click', 'li.' + classNames.DISABLED + ' a, .' + classNames.POPOVERHEADER + ', .' + classNames.POPOVERHEADER + ' :not(.close)', function (e) {
|
|
if (e.currentTarget == this) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (that.options.liveSearch && !$(e.target).hasClass('close')) {
|
|
that.$searchbox.focus();
|
|
} else {
|
|
that.$button.focus();
|
|
}
|
|
}
|
|
});
|
|
|
|
this.$menuInner.on('click', '.divider, .dropdown-header', function (e) {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (that.options.liveSearch) {
|
|
that.$searchbox.focus();
|
|
} else {
|
|
that.$button.focus();
|
|
}
|
|
});
|
|
|
|
this.$menu.on('click', '.' + classNames.POPOVERHEADER + ' .close', function () {
|
|
that.$button.click();
|
|
});
|
|
|
|
this.$searchbox.on('click', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
this.$menu.on('click', '.actions-btn', function (e) {
|
|
if (that.options.liveSearch) {
|
|
that.$searchbox.focus();
|
|
} else {
|
|
that.$button.focus();
|
|
}
|
|
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
|
|
if ($(this).hasClass('bs-select-all')) {
|
|
that.selectAll();
|
|
} else {
|
|
that.deselectAll();
|
|
}
|
|
});
|
|
|
|
this.$element.on({
|
|
'change': function () {
|
|
that.render();
|
|
that.$element.trigger('changed.bs.select', changed_arguments);
|
|
changed_arguments = null;
|
|
},
|
|
'focus': function () {
|
|
that.$button.focus();
|
|
}
|
|
});
|
|
},
|
|
|
|
liveSearchListener: function () {
|
|
var that = this,
|
|
no_results = document.createElement('li');
|
|
|
|
this.$button.on('click.bs.dropdown.data-api', function () {
|
|
if (!!that.$searchbox.val()) {
|
|
that.$searchbox.val('');
|
|
}
|
|
});
|
|
|
|
this.$searchbox.on('click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
this.$searchbox.on('input propertychange', function () {
|
|
var searchValue = that.$searchbox.val();
|
|
|
|
that.selectpicker.search.map.newIndex = {};
|
|
that.selectpicker.search.map.originalIndex = {};
|
|
that.selectpicker.search.elements = [];
|
|
that.selectpicker.search.data = [];
|
|
|
|
if (searchValue) {
|
|
var i,
|
|
searchMatch = [],
|
|
q = searchValue.toUpperCase(),
|
|
cache = {},
|
|
cacheArr = [],
|
|
searchStyle = that._searchStyle(),
|
|
normalizeSearch = that.options.liveSearchNormalize;
|
|
|
|
that._$lisSelected = that.$menuInner.find('.selected');
|
|
|
|
for (var i = 0; i < that.selectpicker.main.data.length; i++) {
|
|
var li = that.selectpicker.main.data[i];
|
|
|
|
if (!cache[i]) {
|
|
cache[i] = stringSearch(li, q, searchStyle, normalizeSearch);
|
|
}
|
|
|
|
if (cache[i] && li.headerIndex !== undefined && cacheArr.indexOf(li.headerIndex) === -1) {
|
|
if (li.headerIndex > 0) {
|
|
cache[li.headerIndex - 1] = true;
|
|
cacheArr.push(li.headerIndex - 1);
|
|
}
|
|
|
|
cache[li.headerIndex] = true;
|
|
cacheArr.push(li.headerIndex);
|
|
|
|
cache[li.lastIndex + 1] = true;
|
|
}
|
|
|
|
if (cache[i] && li.type !== 'optgroup-label') cacheArr.push(i);
|
|
}
|
|
|
|
for (var i = 0, cacheLen = cacheArr.length; i < cacheLen; i++) {
|
|
var index = cacheArr[i],
|
|
prevIndex = cacheArr[i - 1],
|
|
li = that.selectpicker.main.data[index],
|
|
liPrev = that.selectpicker.main.data[prevIndex];
|
|
|
|
if ( li.type !== 'divider' || ( li.type === 'divider' && liPrev && liPrev.type !== 'divider' && cacheLen - 1 !== i ) ) {
|
|
that.selectpicker.search.data.push(li);
|
|
searchMatch.push(that.selectpicker.main.elements[index]);
|
|
that.selectpicker.search.map.newIndex[li.originalIndex] = searchMatch.length - 1;
|
|
that.selectpicker.search.map.originalIndex[searchMatch.length - 1] = li.originalIndex;
|
|
}
|
|
}
|
|
|
|
that.activeIndex = undefined;
|
|
that.noScroll = true;
|
|
that.$menuInner.scrollTop(0);
|
|
that.selectpicker.search.elements = searchMatch;
|
|
that.createView(true);
|
|
|
|
if (!searchMatch.length) {
|
|
no_results.className = 'no-results';
|
|
no_results.innerHTML = that.options.noneResultsText.replace('{0}', '"' + htmlEscape(searchValue) + '"');
|
|
that.$menuInner[0].firstChild.appendChild(no_results);
|
|
}
|
|
} else {
|
|
that.$menuInner.scrollTop(0);
|
|
that.createView(false);
|
|
}
|
|
});
|
|
},
|
|
|
|
_searchStyle: function () {
|
|
return this.options.liveSearchStyle || 'contains';
|
|
},
|
|
|
|
val: function (value) {
|
|
if (typeof value !== 'undefined') {
|
|
this.$element
|
|
.val(value)
|
|
.triggerNative('change');
|
|
|
|
return this.$element;
|
|
} else {
|
|
return this.$element.val();
|
|
}
|
|
},
|
|
|
|
changeAll: function (status) {
|
|
if (!this.multiple) return;
|
|
if (typeof status === 'undefined') status = true;
|
|
|
|
var $selectOptions = this.$element.find('option'),
|
|
previousSelected = 0,
|
|
currentSelected = 0,
|
|
prevValue = getSelectValues(this.$element[0]);
|
|
|
|
this.$element.addClass('bs-select-hidden');
|
|
|
|
for (var i = 0; i < this.selectpicker.current.elements.length; i++) {
|
|
var index = this.selectpicker.current.map.originalIndex[i], // faster than $(li).data('originalIndex')
|
|
option = $selectOptions[index];
|
|
|
|
if (option) {
|
|
if (option.selected) previousSelected++;
|
|
option.selected = status;
|
|
if (option.selected) currentSelected++;
|
|
}
|
|
}
|
|
|
|
this.$element.removeClass('bs-select-hidden');
|
|
|
|
if (previousSelected === currentSelected) return;
|
|
|
|
this.setOptionStatus();
|
|
|
|
this.togglePlaceholder();
|
|
|
|
changed_arguments = [null, null, prevValue];
|
|
|
|
this.$element
|
|
.triggerNative('change');
|
|
},
|
|
|
|
selectAll: function () {
|
|
return this.changeAll(true);
|
|
},
|
|
|
|
deselectAll: function () {
|
|
return this.changeAll(false);
|
|
},
|
|
|
|
toggle: function (e) {
|
|
e = e || window.event;
|
|
|
|
if (e) e.stopPropagation();
|
|
|
|
this.$button.trigger('click.bs.dropdown.data-api');
|
|
},
|
|
|
|
keydown: function (e) {
|
|
var $this = $(this),
|
|
$parent = $this.is('input') ? $this.parent().parent() : $this.parent(),
|
|
that = $parent.data('this'),
|
|
$items = that.findLis(),
|
|
index,
|
|
isActive,
|
|
liActive,
|
|
activeLi,
|
|
offset,
|
|
updateScroll = false,
|
|
downOnTab = e.which === keyCodes.TAB && !$this.hasClass('dropdown-toggle') && !that.options.selectOnTab,
|
|
isArrowKey = REGEXP_ARROW.test(e.which) || downOnTab,
|
|
scrollTop = that.$menuInner[0].scrollTop,
|
|
isVirtual = that.isVirtual(),
|
|
position0 = isVirtual === true ? that.selectpicker.view.position0 : 0;
|
|
|
|
isActive = that.$newElement.hasClass(classNames.SHOW);
|
|
|
|
if (
|
|
!isActive &&
|
|
(
|
|
isArrowKey ||
|
|
e.which >= 48 && e.which <= 57 ||
|
|
e.which >= 96 && e.which <= 105 ||
|
|
e.which >= 65 && e.which <= 90
|
|
)
|
|
) {
|
|
that.$button.trigger('click.bs.dropdown.data-api');
|
|
}
|
|
|
|
if (e.which === keyCodes.ESCAPE && isActive) {
|
|
e.preventDefault();
|
|
that.$button.trigger('click.bs.dropdown.data-api').focus();
|
|
}
|
|
|
|
if (isArrowKey) { // if up or down
|
|
if (!$items.length) return;
|
|
|
|
// $items.index/.filter is too slow with a large list and no virtual scroll
|
|
index = isVirtual === true ? $items.index($items.filter('.active')) : that.selectpicker.current.map.newIndex[that.activeIndex];
|
|
|
|
if (index === undefined) index = -1;
|
|
|
|
if (index !== -1) {
|
|
liActive = that.selectpicker.current.elements[index + position0];
|
|
liActive.classList.remove('active');
|
|
if (liActive.firstChild) liActive.firstChild.classList.remove('active');
|
|
}
|
|
|
|
if (e.which === keyCodes.ARROW_UP) { // up
|
|
if (index !== -1) index--;
|
|
if (index + position0 < 0) index += $items.length;
|
|
|
|
if (!that.selectpicker.view.canHighlight[index + position0]) {
|
|
index = that.selectpicker.view.canHighlight.slice(0, index + position0).lastIndexOf(true) - position0;
|
|
if (index === -1) index = $items.length - 1;
|
|
}
|
|
} else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down
|
|
index++;
|
|
if (index + position0 >= that.selectpicker.view.canHighlight.length) index = 0;
|
|
|
|
if (!that.selectpicker.view.canHighlight[index + position0]) {
|
|
index = index + 1 + that.selectpicker.view.canHighlight.slice(index + position0 + 1).indexOf(true);
|
|
}
|
|
}
|
|
|
|
e.preventDefault();
|
|
|
|
var liActiveIndex = position0 + index;
|
|
|
|
if (e.which === keyCodes.ARROW_UP) { // up
|
|
// scroll to bottom and highlight last option
|
|
if (position0 === 0 && index === $items.length - 1) {
|
|
that.$menuInner[0].scrollTop = that.$menuInner[0].scrollHeight;
|
|
|
|
liActiveIndex = that.selectpicker.current.elements.length - 1;
|
|
} else {
|
|
activeLi = that.selectpicker.current.data[liActiveIndex];
|
|
offset = activeLi.position - activeLi.height;
|
|
|
|
updateScroll = offset < scrollTop;
|
|
}
|
|
} else if (e.which === keyCodes.ARROW_DOWN || downOnTab) { // down
|
|
// scroll to top and highlight first option
|
|
if (position0 !== 0 && index === 0) {
|
|
that.$menuInner[0].scrollTop = 0;
|
|
|
|
liActiveIndex = 0;
|
|
} else {
|
|
activeLi = that.selectpicker.current.data[liActiveIndex];
|
|
offset = activeLi.position - that.sizeInfo.menuInnerHeight;
|
|
|
|
updateScroll = offset > scrollTop;
|
|
}
|
|
}
|
|
|
|
liActive = that.selectpicker.current.elements[liActiveIndex];
|
|
liActive.classList.add('active');
|
|
if (liActive.firstChild) liActive.firstChild.classList.add('active');
|
|
that.activeIndex = that.selectpicker.current.map.originalIndex[liActiveIndex];
|
|
|
|
that.selectpicker.view.currentActive = liActive;
|
|
|
|
if (updateScroll) that.$menuInner[0].scrollTop = offset;
|
|
|
|
if (that.options.liveSearch) {
|
|
that.$searchbox.focus();
|
|
} else {
|
|
$this.focus();
|
|
}
|
|
} else if (
|
|
!$this.is('input') &&
|
|
!REGEXP_TAB_OR_ESCAPE.test(e.which) ||
|
|
(e.which === keyCodes.SPACE && that.selectpicker.keydown.keyHistory)
|
|
) {
|
|
var searchMatch,
|
|
matches = [],
|
|
keyHistory;
|
|
|
|
e.preventDefault();
|
|
|
|
that.selectpicker.keydown.keyHistory += keyCodeMap[e.which];
|
|
|
|
if (that.selectpicker.keydown.resetKeyHistory.cancel) clearTimeout(that.selectpicker.keydown.resetKeyHistory.cancel);
|
|
that.selectpicker.keydown.resetKeyHistory.cancel = that.selectpicker.keydown.resetKeyHistory.start();
|
|
|
|
keyHistory = that.selectpicker.keydown.keyHistory;
|
|
|
|
// if all letters are the same, set keyHistory to just the first character when searching
|
|
if (/^(.)\1+$/.test(keyHistory)) {
|
|
keyHistory = keyHistory.charAt(0);
|
|
}
|
|
|
|
// find matches
|
|
for (var i = 0; i < that.selectpicker.current.data.length; i++) {
|
|
var li = that.selectpicker.current.data[i],
|
|
hasMatch;
|
|
|
|
hasMatch = stringSearch(li, keyHistory, 'startsWith', true);
|
|
|
|
if (hasMatch && that.selectpicker.view.canHighlight[i]) {
|
|
li.index = i;
|
|
matches.push(li.originalIndex);
|
|
}
|
|
}
|
|
|
|
if (matches.length) {
|
|
var matchIndex = 0;
|
|
|
|
$items.removeClass('active').find('a').removeClass('active');
|
|
|
|
// either only one key has been pressed or they are all the same key
|
|
if (keyHistory.length === 1) {
|
|
matchIndex = matches.indexOf(that.activeIndex);
|
|
|
|
if (matchIndex === -1 || matchIndex === matches.length - 1) {
|
|
matchIndex = 0;
|
|
} else {
|
|
matchIndex++;
|
|
}
|
|
}
|
|
|
|
searchMatch = that.selectpicker.current.map.newIndex[matches[matchIndex]];
|
|
|
|
activeLi = that.selectpicker.current.data[searchMatch];
|
|
|
|
if (scrollTop - activeLi.position > 0) {
|
|
offset = activeLi.position - activeLi.height;
|
|
updateScroll = true;
|
|
} else {
|
|
offset = activeLi.position - that.sizeInfo.menuInnerHeight;
|
|
// if the option is already visible at the current scroll position, just keep it the same
|
|
updateScroll = activeLi.position > scrollTop + that.sizeInfo.menuInnerHeight;
|
|
}
|
|
|
|
liActive = that.selectpicker.current.elements[searchMatch];
|
|
liActive.classList.add('active');
|
|
if (liActive.firstChild) liActive.firstChild.classList.add('active');
|
|
that.activeIndex = matches[matchIndex];
|
|
|
|
liActive.firstChild.focus();
|
|
|
|
if (updateScroll) that.$menuInner[0].scrollTop = offset;
|
|
|
|
$this.focus();
|
|
}
|
|
}
|
|
|
|
// Select focused option if "Enter", "Spacebar" or "Tab" (when selectOnTab is true) are pressed inside the menu.
|
|
if (
|
|
isActive &&
|
|
(
|
|
(e.which === keyCodes.SPACE && !that.selectpicker.keydown.keyHistory) ||
|
|
e.which === keyCodes.ENTER ||
|
|
(e.which === keyCodes.TAB && that.options.selectOnTab)
|
|
)
|
|
) {
|
|
if (e.which !== keyCodes.SPACE) e.preventDefault();
|
|
|
|
if (!that.options.liveSearch || e.which !== keyCodes.SPACE) {
|
|
that.$menuInner.find('.active a').trigger('click', true); // retain active class
|
|
$this.focus();
|
|
|
|
if (!that.options.liveSearch) {
|
|
// Prevent screen from scrolling if the user hits the spacebar
|
|
e.preventDefault();
|
|
// Fixes spacebar selection of dropdown items in FF & IE
|
|
$(document).data('spaceSelect', true);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
mobile: function () {
|
|
this.$element.addClass('mobile-device');
|
|
},
|
|
|
|
refresh: function () {
|
|
// update options if data attributes have been changed
|
|
var config = $.extend({}, this.options, this.$element.data());
|
|
this.options = config;
|
|
|
|
this.selectpicker.main.map.newIndex = {};
|
|
this.selectpicker.main.map.originalIndex = {};
|
|
this.createLi();
|
|
this.checkDisabled();
|
|
this.render();
|
|
this.setStyle();
|
|
this.setWidth();
|
|
|
|
this.setSize(true);
|
|
|
|
this.$element.trigger('refreshed.bs.select');
|
|
},
|
|
|
|
hide: function () {
|
|
this.$newElement.hide();
|
|
},
|
|
|
|
show: function () {
|
|
this.$newElement.show();
|
|
},
|
|
|
|
remove: function () {
|
|
this.$newElement.remove();
|
|
this.$element.remove();
|
|
},
|
|
|
|
destroy: function () {
|
|
this.$newElement.before(this.$element).remove();
|
|
|
|
if (this.$bsContainer) {
|
|
this.$bsContainer.remove();
|
|
} else {
|
|
this.$menu.remove();
|
|
}
|
|
|
|
this.$element
|
|
.off('.bs.select')
|
|
.removeData('selectpicker')
|
|
.removeClass('bs-select-hidden selectpicker');
|
|
}
|
|
};
|
|
|
|
// SELECTPICKER PLUGIN DEFINITION
|
|
// ==============================
|
|
function Plugin(option) {
|
|
// get the args of the outer function..
|
|
var args = arguments;
|
|
// The arguments of the function are explicitly re-defined from the argument list, because the shift causes them
|
|
// to get lost/corrupted in android 2.3 and IE9 #715 #775
|
|
var _option = option;
|
|
|
|
[].shift.apply(args);
|
|
|
|
var value;
|
|
var chain = this.each(function () {
|
|
var $this = $(this);
|
|
if ($this.is('select')) {
|
|
var data = $this.data('selectpicker'),
|
|
options = typeof _option == 'object' && _option;
|
|
|
|
if (!data) {
|
|
var config = $.extend({}, Selectpicker.DEFAULTS, $.fn.selectpicker.defaults || {}, $this.data(), options);
|
|
config.template = $.extend({}, Selectpicker.DEFAULTS.template, ($.fn.selectpicker.defaults ? $.fn.selectpicker.defaults.template : {}), $this.data().template, options.template);
|
|
$this.data('selectpicker', (data = new Selectpicker(this, config)));
|
|
} else if (options) {
|
|
for (var i in options) {
|
|
if (options.hasOwnProperty(i)) {
|
|
data.options[i] = options[i];
|
|
}
|
|
}
|
|
}
|
|
|
|
if (typeof _option == 'string') {
|
|
if (data[_option] instanceof Function) {
|
|
value = data[_option].apply(data, args);
|
|
} else {
|
|
value = data.options[_option];
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
if (typeof value !== 'undefined') {
|
|
//noinspection JSUnusedAssignment
|
|
return value;
|
|
} else {
|
|
return chain;
|
|
}
|
|
}
|
|
|
|
var old = $.fn.selectpicker;
|
|
$.fn.selectpicker = Plugin;
|
|
$.fn.selectpicker.Constructor = Selectpicker;
|
|
|
|
// SELECTPICKER NO CONFLICT
|
|
// ========================
|
|
$.fn.selectpicker.noConflict = function () {
|
|
$.fn.selectpicker = old;
|
|
return this;
|
|
};
|
|
|
|
$(document)
|
|
.off('keydown.bs.dropdown.data-api')
|
|
.on('keydown.bs.select', '.bootstrap-select [data-toggle="dropdown"], .bootstrap-select [role="listbox"], .bs-searchbox input', Selectpicker.prototype.keydown)
|
|
.on('focusin.modal', '.bootstrap-select [data-toggle="dropdown"], .bootstrap-select [role="listbox"], .bs-searchbox input', function (e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// SELECTPICKER DATA-API
|
|
// =====================
|
|
$(window).on('load.bs.select.data-api', function () {
|
|
$('.selectpicker').each(function () {
|
|
var $selectpicker = $(this);
|
|
Plugin.call($selectpicker, $selectpicker.data());
|
|
})
|
|
});
|
|
})(jQuery);
|