From de0f48d02dc10e3ab21899ee5405a5a2bdf462ec Mon Sep 17 00:00:00 2001 From: Johann-S Date: Thu, 6 Apr 2017 23:16:07 +0200 Subject: [PATCH 01/26] Use Popper for tooltip and popover --- docs/assets/js/vendor/popper.min.js | 3 ++ docs/assets/js/vendor/tether.min.js | 1 - js/src/popover.js | 2 - js/src/tooltip.js | 73 +++++++++-------------------- js/tests/visual/popover.html | 2 +- js/tests/visual/tooltip.html | 2 +- 6 files changed, 27 insertions(+), 56 deletions(-) create mode 100644 docs/assets/js/vendor/popper.min.js delete mode 100644 docs/assets/js/vendor/tether.min.js diff --git a/docs/assets/js/vendor/popper.min.js b/docs/assets/js/vendor/popper.min.js new file mode 100644 index 000000000000..22ac698abe70 --- /dev/null +++ b/docs/assets/js/vendor/popper.min.js @@ -0,0 +1,3 @@ +(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(he){const ce=he.offsetParent,ue=ce&&ce.nodeName;return ue&&'BODY'!==ue&&'HTML'!==ue?ce:window.document.documentElement}function t(he,ce){if(1!==he.nodeType)return[];const ue=window.getComputedStyle(he,null);return ce?ue[ce]:ue}function o(he){return'HTML'===he.nodeName?he:he.parentNode||he.host}function r(he){if(!he||-1!==['HTML','BODY','#document'].indexOf(he.nodeName))return window.document.body;const{overflow:ce,overflowX:ue,overflowY:ge}=t(he);return /(auto|scroll)/.test(ce+ge+ue)?he:r(o(he))}function s(he){const ce=he.nodeName;return'BODY'===ce||'HTML'===ce?!1:'fixed'===t(he,'position')||s(o(he))}function p(he){const ce=e(he),ue=s(ce);return ue?'fixed':'absolute'}function f(he,ce){const ue='x'===ce?'Left':'Top',ge='Left'==ue?'Right':'Bottom';return+he[`border${ue}Width`].split('px')[0]+ +he[`border${ge}Width`].split('px')[0]}function d(he){const ce=-1!==navigator.appVersion.indexOf('MSIE 10');let ue;if(ce)try{ue=he.getBoundingClientRect()}catch(xe){ue={}}else ue=he.getBoundingClientRect();const ge={left:ue.left,top:ue.top,right:ue.right,bottom:ue.bottom,width:ue.right-ue.left,height:ue.bottom-ue.top};if('HTML'===he.nodeName&&ce){const{scrollTop:xe,scrollLeft:ye}=window.document.documentElement;ge.top-=xe,ge.bottom-=xe,ge.left-=ye,ge.right-=ye}let be=ue.width-(he.clientWidth||ue.right-ue.left),we=ue.height-(he.clientHeight||ue.bottom-ue.top);if(be||we){const xe=t(he);be-=f(xe,'x'),we-=f(xe,'y')}return ge.right-=be,ge.width-=be,ge.bottom-=we,ge.height-=we,ge}function l(he,ce='top'){const ue='top'===ce?'scrollTop':'scrollLeft',ge=he.nodeName;if('BODY'===ge||'HTML'===ge){const be=window.document.documentElement,we=window.document.scrollingElement||be;return we[ue]}return he[ue]}function m(he,ce,ue=!1){const ge=l(ce,'top'),be=l(ce,'left'),we=ue?-1:1;return he.top+=ge*we,he.bottom+=ge*we,he.left+=be*we,he.right+=be*we,he}function h(he,ce,ue=!1,ge=!1){const be=r(ce),we=d(he),xe=d(ce);let ye={top:we.top-xe.top,left:we.left-xe.left,bottom:we.top-xe.top+we.height,right:we.left-xe.left+we.width,width:we.width,height:we.height};ue&&!ge?ye=m(ye,be,!0):e(he).contains(be)&&'BODY'!==be.nodeName&&(ye=m(ye,ce));const ve=t(ce),Oe=+ve.borderTopWidth.split('px')[0],Ee=+ve.borderLeftWidth.split('px')[0];return ye.top-=Oe,ye.bottom-=Oe,ye.left-=Ee,ye.right-=Ee,ye}function c(){const he=window.document.body,ce=window.document.documentElement;return{height:Math.max(he.scrollHeight,he.offsetHeight,ce.clientHeight,ce.scrollHeight,ce.offsetHeight),width:Math.max(he.scrollWidth,he.offsetWidth,ce.clientWidth,ce.scrollWidth,ce.offsetWidth)}}function u(he){let ce;if('HTML'===he.nodeName){const{width:ue,height:ge}=c();ce={width:ue,height:ge,left:0,top:0}}else ce={width:he.offsetWidth,height:he.offsetHeight,left:he.offsetLeft,top:he.offsetTop};return ce.right=ce.left+ce.width,ce.bottom=ce.top+ce.height,ce}function g(he){const ce=u(he);if('HTML'!==he.nodeName){const ue=e(he),ge=g(ue),be={width:ce.offsetWidth,height:ce.offsetHeight,left:ce.left+ge.left,top:ce.top+ge.top,right:ce.right-ge.right,bottom:ce.bottom-ge.bottom};return be}return ce}function w(he,ce='top'){const ue=r(he),ge=l(ue,ce);return-1===['BODY','HTML'].indexOf(ue.nodeName)?ge+w(o(ue),ce):ge}function v(he,ce,ue){let ge={top:0,left:0};const be=e(he);if('viewport'===ue){const{left:we,top:xe}=g(be),{clientWidth:ye,clientHeight:ve}=window.document.documentElement;if('fixed'===p(he))ge.right=ye,ge.bottom=ve;else{const Oe=w(he,'left'),Ee=w(he,'top');ge={top:0-xe,right:ye-we+Oe,bottom:ve-xe+Ee,left:0-we}}}else{let we;if(we='scrollParent'===ue?r(o(he)):'window'===ue?window.document.body:ue,'BODY'===we.nodeName){const{height:xe,width:ye}=c();ge.right=ye,ge.bottom=xe}else ge=h(we,be,s(he))}return ge.left+=ce,ge.top+=ce,ge.right-=ce,ge.bottom-=ce,ge}function O(he,ce,ue){if(-1===he.indexOf('auto'))return he;const ge=v(ue,0,'scrollParent'),be={top:ce.top-ge.top,right:ge.right-ce.right,bottom:ge.bottom-ce.bottom,left:ce.left-ge.left},we=Object.keys(be).sort((ye,ve)=>be[ve]-be[ye])[0],xe=he.split('-')[1];return we+(xe?`-${xe}`:'')}function N(he,ce){return Array.prototype.find?he.find(ce):he.filter(ce)[0]}function L(he,ce,ue){if(Array.prototype.findIndex)return he.findIndex((be)=>be[ce]===ue);const ge=N(he,(be)=>be[ce]===ue);return he.indexOf(ge)}function T(he){return fe({},he,{right:he.left+he.width,bottom:he.top+he.height})}function P(he){const ce=window.getComputedStyle(he),ue=parseFloat(ce.marginTop)+parseFloat(ce.marginBottom),ge=parseFloat(ce.marginLeft)+parseFloat(ce.marginRight),be={width:he.offsetWidth+ge,height:he.offsetHeight+ue};return be}function B(he){const ce={left:'right',right:'left',bottom:'top',top:'bottom'};return he.replace(/left|right|bottom|top/g,(ue)=>ce[ue])}function H(he,ce,ue,ge){ge=ge.split('-')[0];const be=P(ce),we={position:he,width:be.width,height:be.height},xe=-1!==['right','left'].indexOf(ge),ye=xe?'top':'left',ve=xe?'left':'top',Oe=xe?'height':'width',Ee=xe?'width':'height';return we[ye]=ue[ye]+ue[Oe]/2-be[Oe]/2,we[ve]=ge===ve?ue[ve]-be[Ee]:ue[B(ve)],we}function W(he,ce,ue){const ge='fixed'===he.position,be=he.isParentTransformed,we=e(ge&&be?ue:ce);return h(ue,we,ge,be)}function D(he){const ce=[!1,'ms','webkit','moz','o'],ue=he.charAt(0).toUpperCase()+he.slice(1);for(let ge=0;gege&&ue===ce)}function R(he,ce,ue){const ge=N(he,({name:be})=>be===ce);return!!ge&&he.some((be)=>{return be.name===ue&&be.enabled&&be.order{ue.removeEventListener('scroll',ce.updateBound)}),ce.updateBound=null,ce.scrollParents=[],ce.scrollElement=null,ce.eventsEnabled=!1,ce}function I(he,ce,ue){const ge=void 0===ue?he:he.slice(0,L(he,'name',ue));return ge.forEach((be)=>{be.enabled&&C(be.function)&&(ce=be.function(ce,be))}),ce}function U(he,ce){Object.keys(ce).forEach(function(ue){const ge=ce[ue];!1===ge?he.removeAttribute(ue):he.setAttribute(ue,ce[ue])})}function q(he,ce){Object.keys(ce).forEach((ue)=>{let ge='';-1!==['width','height','top','right','bottom','left'].indexOf(ue)&&A(ce[ue])&&(ge='px'),he.style[ue]=ce[ue]+ge})}function z(he,ce,ue,ge){const be='BODY'===he.nodeName,we=be?window:he;we.addEventListener(ce,ue,{passive:!0}),be||z(r(we.parentNode),ce,ue,ge),ge.push(we)}function F(he,ce,ue,ge){ue.updateBound=ge,window.addEventListener('resize',ue.updateBound,{passive:!0});const be=r(he);return z(be,'scroll',ue.updateBound,ue.scrollParents),ue.scrollElement=be,ue.eventsEnabled=!0,ue}function X(he){return'end'===he?'start':'start'===he?'end':he}const te=['native code','[object MutationObserverConstructor]'];var oe=(he)=>te.some((ce)=>-1<(he||'').toString().indexOf(ce));const ie='undefined'!=typeof window,re=['Edge','Trident','Firefox'];let ne=0;for(let he=0;he{he(),ce=!1});return be.observe(ge,{attributes:!0}),()=>{ce||(ce=!0,ge.setAttribute('x-index',ue),++ue)}}:function(he){let ce=!1;return()=>{ce||(ce=!0,setTimeout(()=>{ce=!1,he()},ne))}},fe=Object.assign||function(he){for(var ue,ce=1;cerequestAnimationFrame(this.update),this.update=pe(this.update.bind(this)),this.options=fe({},me.Defaults,ue),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=he.jquery?he[0]:he,this.popper=ce.jquery?ce[0]:ce,this.modifiers=Object.keys(me.Defaults.modifiers).map((be)=>fe({name:be},me.Defaults.modifiers[be])),this.modifiers=this.modifiers.map((be)=>{const we=ue.modifiers&&ue.modifiers[be.name]||{};return fe({},be,we)}),ue.modifiers&&(this.options.modifiers=fe({},me.Defaults.modifiers,ue.modifiers),Object.keys(ue.modifiers).forEach((be)=>{if(void 0===me.Defaults.modifiers[be]){const we=ue.modifiers[be];we.name=be,this.modifiers.push(we)}})),this.state.position=p(this.reference),this.modifiers=this.modifiers.sort((be,we)=>be.order-we.order),this.modifiers.forEach((be)=>{be.enabled&&C(be.onLoad)&&be.onLoad(this.reference,this.popper,this.options,be,this.state)}),this.state.isParentTransformed=k(this.popper.parentNode),this.update();const ge=this.options.eventsEnabled;ge&&this.enableEventListeners(),this.state.eventsEnabled=ge}update(){if(!this.state.isDestroyed){let he={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};this.state.position=p(this.reference),q(this.popper,{position:this.state.position}),he.offsets.reference=W(this.state,this.popper,this.reference),he.placement=O(this.options.placement,he.offsets.reference,this.popper),he.originalPlacement=this.options.placement,he.offsets.popper=H(this.state,this.popper,he.offsets.reference,he.placement),he=I(this.modifiers,he),this.state.isCreated?this.options.onUpdate(he):(this.state.isCreated=!0,this.options.onCreate(he))}}destroy(){return this.state.isDestroyed=!0,M(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[D('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}enableEventListeners(){this.state.eventsEnabled||(this.state=F(this.reference,this.options,this.state,this.scheduleUpdate))}disableEventListeners(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=Y(this.reference,this.state))}}return me.Utils={computeAutoPlacement:O,debounce:pe,findIndex:L,getBordersSize:f,getBoundaries:v,getBoundingClientRect:d,getClientRect:T,getOffsetParent:e,getOffsetRect:u,getOffsetRectRelativeToCustomParent:h,getOuterSizes:P,getParentNode:o,getPopperOffsets:H,getPosition:p,getReferenceOffsets:W,getScroll:l,getScrollParent:r,getStyleComputedProperty:t,getSupportedPropertyName:D,getTotalScroll:w,getWindowSizes:c,includeScroll:m,isFixed:s,isFunction:C,isModifierEnabled:M,isModifierRequired:R,isNative:oe,isNumeric:A,isTransformed:k,removeEventListeners:Y,runModifiers:I,setAttributes:U,setStyles:q,setupEventListeners:F},me.placements=['auto','auto-start','auto-end','top','top-start','top-end','right','right-start','right-end','bottom','bottom-start','bottom-end','left','left-start','left-end'],me.Defaults={placement:'bottom',eventsEnabled:!0,onCreate:()=>{},onUpdate:()=>{},modifiers:{shift:{order:100,enabled:!0,function:function(he){const ce=he.placement,ue=ce.split('-')[0],ge=ce.split('-')[1];if(ge){const be=he.offsets.reference,we=T(he.offsets.popper),xe=-1!==['bottom','top'].indexOf(ue),ye=xe?'left':'top',ve=xe?'width':'height',Oe={start:{[ye]:be[ye]},end:{[ye]:be[ye]+be[ve]-we[ve]}};he.offsets.popper=fe({},we,Oe[ge])}return he}},offset:{order:200,enabled:!0,function:function(he,ce){const ue=he.placement,ge=he.offsets.popper;let be;return A(ce.offset)?be=[ce.offset,0]:(be=ce.offset.split(' '),be=be.map((we,xe)=>{const ye=we.match(/(\d*\.?\d*)(.*)/),ve=+ye[1],Oe=ye[2];let Ee=-1!==ue.indexOf('right')||-1!==ue.indexOf('left');1===xe&&(Ee=!Ee);const Se=Ee?'height':'width';if(0===Oe.indexOf('%')){let Ne;switch(Oe){case'%p':Ne=he.offsets.popper;break;case'%':case'$r':default:Ne=he.offsets.reference;}const Le=T(Ne),Te=Le[Se];return Te/100*ve}if('vh'===Oe||'vw'===Oe){let Ne;return Ne='vh'===Oe?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),Ne/100*ve}return'px'===Oe?+ve:+we})),-1===he.placement.indexOf('left')?-1===he.placement.indexOf('right')?-1===he.placement.indexOf('top')?-1!==he.placement.indexOf('bottom')&&(ge.left+=be[0],ge.top+=be[1]||0):(ge.left+=be[0],ge.top-=be[1]||0):(ge.top+=be[0],ge.left+=be[1]||0):(ge.top+=be[0],ge.left-=be[1]||0),he},offset:0},preventOverflow:{order:300,enabled:!0,function:function(he,ce){const ue=ce.boundariesElement||e(he.instance.popper),ge=v(he.instance.popper,ce.padding,ue);ce.boundaries=ge;const be=ce.priority;let we=T(he.offsets.popper);const xe={primary(ye){let ve=we[ye];return we[ye]ge[ye]&&!ce.escapeWithReference&&(Oe=Math.min(we[ve],ge[ye]-('right'===ye?we.width:we.height))),{[ve]:Oe}}};return be.forEach((ye)=>{const ve=-1===['left','top'].indexOf(ye)?'secondary':'primary';we=fe({},we,xe[ve](ye))}),he.offsets.popper=we,he},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(he){const ce=T(he.offsets.popper),ue=he.offsets.reference,ge=he.placement.split('-')[0],be=Math.floor,we=-1!==['top','bottom'].indexOf(ge),xe=we?'right':'bottom',ye=we?'left':'top',ve=we?'width':'height';return ce[xe]be(ue[xe])&&(he.offsets.popper[ye]=be(ue[xe])),he}},arrow:{order:500,enabled:!0,function:function(he,ce){if(!R(he.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),he;let ue=ce.element;if('string'==typeof ue){if(ue=he.instance.popper.querySelector(ue),!ue)return he;}else if(!he.instance.popper.contains(ue))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),he;const ge=he.placement.split('-')[0],be=T(he.offsets.popper),we=he.offsets.reference,xe=-1!==['left','right'].indexOf(ge),ye=xe?'height':'width',ve=xe?'top':'left',Oe=xe?'left':'top',Ee=xe?'bottom':'right',Se=P(ue)[ye];we[Ee]-Sebe[Ee]&&(he.offsets.popper[ve]+=we[ve]+Se-be[Ee]);const Ne=we[ve]+we[ye]/2-Se/2;let Le=Ne-T(he.offsets.popper)[ve];return Le=Math.max(Math.min(be[ye]-Se,Le),0),he.arrowElement=ue,he.offsets.arrow={},he.offsets.arrow[ve]=Le,he.offsets.arrow[Oe]='',he},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(he,ce){if(M(he.instance.modifiers,'inner'))return he;if(he.flipped&&he.placement===he.originalPlacement)return he;const ue=v(he.instance.popper,ce.padding,ce.boundariesElement);let ge=he.placement.split('-')[0],be=B(ge),we=he.placement.split('-')[1]||'',xe=[];return xe='flip'===ce.behavior?[ge,be]:ce.behavior,xe.forEach((ye,ve)=>{if(ge!==ye||xe.length===ve+1)return he;ge=he.placement.split('-')[0],be=B(ge);const Oe=T(he.offsets.popper),Ee=he.offsets.reference,Se=Math.floor,Ne='left'===ge&&Se(Oe.right)>Se(Ee.left)||'right'===ge&&Se(Oe.left)Se(Ee.top)||'bottom'===ge&&Se(Oe.top)Se(ue.right),Pe=Se(Oe.top)Se(ue.bottom),He='left'===ge&&Le||'right'===ge&&Te||'top'===ge&&Pe||'bottom'===ge&&Be,We=-1!==['top','bottom'].indexOf(ge),De=!!ce.flipVariations&&(We&&'start'===we&&Le||We&&'end'===we&&Te||!We&&'start'===we&&Pe||!We&&'end'===we&&Be);(Ne||He||De)&&(he.flipped=!0,(Ne||He)&&(ge=xe[ve+1]),De&&(we=X(we)),he.placement=ge+(we?'-'+we:''),he.offsets.popper=H(he.instance.state.position,he.instance.popper,he.offsets.reference,he.placement),he=I(he.instance.modifiers,he,'flip'))}),he},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(he){const ce=he.placement,ue=ce.split('-')[0],ge=T(he.offsets.popper),be=T(he.offsets.reference),we=-1!==['left','right'].indexOf(ue),xe=-1===['top','left'].indexOf(ue);return ge[we?'left':'top']=be[ce]-(xe?ge[we?'width':'height']:0),he.placement=B(ce),he.offsets.popper=T(ge),he}},hide:{order:800,enabled:!0,function:function(he){if(!R(he.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),he;const ce=he.offsets.reference,ue=N(he.instance.modifiers,(ge)=>'preventOverflow'===ge.name).boundaries;if(ce.bottomue.right||ce.top>ue.bottom||ce.right=0)&&i.push(n)}return i.push(t.ownerDocument.body),t.ownerDocument!==document&&i.push(t.ownerDocument.defaultView),i}function s(){A&&document.body.removeChild(A),A=null}function a(t){var e=void 0;t===document?(e=document,t=document.documentElement):e=t.ownerDocument;var o=e.documentElement,i=n(t),r=P();return i.top-=r.top,i.left-=r.left,"undefined"==typeof i.width&&(i.width=document.body.scrollWidth-i.left-i.right),"undefined"==typeof i.height&&(i.height=document.body.scrollHeight-i.top-i.bottom),i.top=i.top-o.clientTop,i.left=i.left-o.clientLeft,i.right=e.body.clientWidth-i.width-i.left,i.bottom=e.body.clientHeight-i.height-i.top,i}function f(t){return t.offsetParent||document.documentElement}function l(){if(M)return M;var t=document.createElement("div");t.style.width="100%",t.style.height="200px";var e=document.createElement("div");h(e.style,{position:"absolute",top:0,left:0,pointerEvents:"none",visibility:"hidden",width:"200px",height:"150px",overflow:"hidden"}),e.appendChild(t),document.body.appendChild(e);var o=t.offsetWidth;e.style.overflow="scroll";var i=t.offsetWidth;o===i&&(i=e.clientWidth),document.body.removeChild(e);var n=o-i;return M={width:n,height:n}}function h(){var t=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],e=[];return Array.prototype.push.apply(e,arguments),e.slice(1).forEach(function(e){if(e)for(var o in e)({}).hasOwnProperty.call(e,o)&&(t[o]=e[o])}),t}function d(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.remove(e)});else{var o=new RegExp("(^| )"+e.split(" ").join("|")+"( |$)","gi"),i=c(t).replace(o," ");g(t,i)}}function p(t,e){if("undefined"!=typeof t.classList)e.split(" ").forEach(function(e){e.trim()&&t.classList.add(e)});else{d(t,e);var o=c(t)+(" "+e);g(t,o)}}function u(t,e){if("undefined"!=typeof t.classList)return t.classList.contains(e);var o=c(t);return new RegExp("(^| )"+e+"( |$)","gi").test(o)}function c(t){return t.className instanceof t.ownerDocument.defaultView.SVGAnimatedString?t.className.baseVal:t.className}function g(t,e){t.setAttribute("class",e)}function m(t,e,o){o.forEach(function(o){e.indexOf(o)===-1&&u(t,o)&&d(t,o)}),e.forEach(function(e){u(t,e)||p(t,e)})}function i(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function v(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}function y(t,e){var o=arguments.length<=2||void 0===arguments[2]?1:arguments[2];return t+o>=e&&e>=t-o}function b(){return"undefined"!=typeof performance&&"undefined"!=typeof performance.now?performance.now():+new Date}function w(){for(var t={top:0,left:0},e=arguments.length,o=Array(e),i=0;i1?o-1:0),n=1;n16?(e=Math.min(e-16,250),void(o=setTimeout(n,250))):void("undefined"!=typeof t&&b()-t<10||(null!=o&&(clearTimeout(o),o=null),t=b(),X(),e=b()-t))};"undefined"!=typeof window&&"undefined"!=typeof window.addEventListener&&["resize","scroll","touchmove"].forEach(function(t){window.addEventListener(t,i)})}();var F={center:"center",left:"right",right:"left"},H={middle:"middle",top:"bottom",bottom:"top"},N={top:0,left:0,middle:"50%",center:"50%",bottom:"100%",right:"100%"},U=function(t,e){var o=t.left,i=t.top;return"auto"===o&&(o=F[e.left]),"auto"===i&&(i=H[e.top]),{left:o,top:i}},V=function(t){var e=t.left,o=t.top;return"undefined"!=typeof N[t.left]&&(e=N[t.left]),"undefined"!=typeof N[t.top]&&(o=N[t.top]),{left:e,top:o}},R=function(t){var e=t.split(" "),o=z(e,2),i=o[0],n=o[1];return{top:i,left:n}},q=R,I=function(t){function e(t){var o=this;i(this,e),j(Object.getPrototypeOf(e.prototype),"constructor",this).call(this),this.position=this.position.bind(this),D.push(this),this.history=[],this.setOptions(t,!1),x.modules.forEach(function(t){"undefined"!=typeof t.initialize&&t.initialize.call(o)}),this.position()}return v(e,t),E(e,[{key:"getClass",value:function(){var t=arguments.length<=0||void 0===arguments[0]?"":arguments[0],e=this.options.classes;return"undefined"!=typeof e&&e[t]?this.options.classes[t]:this.options.classPrefix?this.options.classPrefix+"-"+t:t}},{key:"setOptions",value:function(t){var e=this,o=arguments.length<=1||void 0===arguments[1]||arguments[1],i={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto",classPrefix:"tether"};this.options=h(i,t);var n=this.options,s=n.element,a=n.target,f=n.targetModifier;if(this.element=s,this.target=a,this.targetModifier=f,"viewport"===this.target?(this.target=document.body,this.targetModifier="visible"):"scroll-handle"===this.target&&(this.target=document.body,this.targetModifier="scroll-handle"),["element","target"].forEach(function(t){if("undefined"==typeof e[t])throw new Error("Tether Error: Both element and target must be defined");"undefined"!=typeof e[t].jquery?e[t]=e[t][0]:"string"==typeof e[t]&&(e[t]=document.querySelector(e[t]))}),p(this.element,this.getClass("element")),this.options.addTargetClasses!==!1&&p(this.target,this.getClass("target")),!this.options.attachment)throw new Error("Tether Error: You must provide an attachment");this.targetAttachment=q(this.options.targetAttachment),this.attachment=q(this.options.attachment),this.offset=R(this.options.offset),this.targetOffset=R(this.options.targetOffset),"undefined"!=typeof this.scrollParents&&this.disable(),"scroll-handle"===this.targetModifier?this.scrollParents=[this.target]:this.scrollParents=r(this.target),this.options.enabled!==!1&&this.enable(o)}},{key:"getTargetBounds",value:function(){if("undefined"==typeof this.targetModifier)return a(this.target);if("visible"===this.targetModifier){if(this.target===document.body)return{top:pageYOffset,left:pageXOffset,height:innerHeight,width:innerWidth};var t=a(this.target),e={height:t.height,width:t.width,top:t.top,left:t.left};return e.height=Math.min(e.height,t.height-(pageYOffset-t.top)),e.height=Math.min(e.height,t.height-(t.top+t.height-(pageYOffset+innerHeight))),e.height=Math.min(innerHeight,e.height),e.height-=2,e.width=Math.min(e.width,t.width-(pageXOffset-t.left)),e.width=Math.min(e.width,t.width-(t.left+t.width-(pageXOffset+innerWidth))),e.width=Math.min(innerWidth,e.width),e.width-=2,e.topo.clientWidth||[i.overflow,i.overflowX].indexOf("scroll")>=0||this.target!==document.body,r=0;n&&(r=15);var s=t.height-parseFloat(i.borderTopWidth)-parseFloat(i.borderBottomWidth)-r,e={width:15,height:.975*s*(s/o.scrollHeight),left:t.left+t.width-parseFloat(i.borderLeftWidth)-15},f=0;s<408&&this.target===document.body&&(f=-11e-5*Math.pow(s,2)-.00727*s+22.58),this.target!==document.body&&(e.height=Math.max(e.height,24));var l=this.target.scrollTop/(o.scrollHeight-s);return e.top=l*(s-e.height-f)+t.top+parseFloat(i.borderTopWidth),this.target===document.body&&(e.height=Math.max(e.height,24)),e}}},{key:"clearCache",value:function(){this._cache={}}},{key:"cache",value:function(t,e){return"undefined"==typeof this._cache&&(this._cache={}),"undefined"==typeof this._cache[t]&&(this._cache[t]=e.call(this)),this._cache[t]}},{key:"enable",value:function(){var t=this,e=arguments.length<=0||void 0===arguments[0]||arguments[0];this.options.addTargetClasses!==!1&&p(this.target,this.getClass("enabled")),p(this.element,this.getClass("enabled")),this.enabled=!0,this.scrollParents.forEach(function(e){e!==t.target.ownerDocument&&e.addEventListener("scroll",t.position)}),e&&this.position()}},{key:"disable",value:function(){var t=this;d(this.target,this.getClass("enabled")),d(this.element,this.getClass("enabled")),this.enabled=!1,"undefined"!=typeof this.scrollParents&&this.scrollParents.forEach(function(e){e.removeEventListener("scroll",t.position)})}},{key:"destroy",value:function(){var t=this;this.disable(),D.forEach(function(e,o){e===t&&D.splice(o,1)}),0===D.length&&s()}},{key:"updateAttachClasses",value:function(t,e){var o=this;t=t||this.attachment,e=e||this.targetAttachment;var i=["left","top","bottom","right","middle","center"];"undefined"!=typeof this._addAttachClasses&&this._addAttachClasses.length&&this._addAttachClasses.splice(0,this._addAttachClasses.length),"undefined"==typeof this._addAttachClasses&&(this._addAttachClasses=[]);var n=this._addAttachClasses;t.top&&n.push(this.getClass("element-attached")+"-"+t.top),t.left&&n.push(this.getClass("element-attached")+"-"+t.left),e.top&&n.push(this.getClass("target-attached")+"-"+e.top),e.left&&n.push(this.getClass("target-attached")+"-"+e.left);var r=[];i.forEach(function(t){r.push(o.getClass("element-attached")+"-"+t),r.push(o.getClass("target-attached")+"-"+t)}),k(function(){"undefined"!=typeof o._addAttachClasses&&(m(o.element,o._addAttachClasses,r),o.options.addTargetClasses!==!1&&m(o.target,o._addAttachClasses,r),delete o._addAttachClasses)})}},{key:"position",value:function(){var t=this,e=arguments.length<=0||void 0===arguments[0]||arguments[0];if(this.enabled){this.clearCache();var o=U(this.targetAttachment,this.attachment);this.updateAttachClasses(this.attachment,o);var i=this.cache("element-bounds",function(){return a(t.element)}),n=i.width,r=i.height;if(0===n&&0===r&&"undefined"!=typeof this.lastSize){var s=this.lastSize;n=s.width,r=s.height}else this.lastSize={width:n,height:r};var h=this.cache("target-bounds",function(){return t.getTargetBounds()}),d=h,p=C(V(this.attachment),{width:n,height:r}),u=C(V(o),d),c=C(this.offset,{width:n,height:r}),g=C(this.targetOffset,d);p=w(p,c),u=w(u,g);for(var m=h.left+u.left-p.left,v=h.top+u.top-p.top,y=0;yA.documentElement.clientHeight&&(S=this.cache("scrollbar-size",l),E.viewport.bottom-=S.height),T.innerWidth>A.documentElement.clientWidth&&(S=this.cache("scrollbar-size",l),E.viewport.right-=S.width),["","static"].indexOf(A.body.style.position)!==-1&&["","static"].indexOf(A.body.parentElement.style.position)!==-1||(E.page.bottom=A.body.scrollHeight-v-r,E.page.right=A.body.scrollWidth-m-n),"undefined"!=typeof this.options.optimizations&&this.options.optimizations.moveElement!==!1&&"undefined"==typeof this.targetModifier&&!function(){var e=t.cache("target-offsetparent",function(){return f(t.target)}),o=t.cache("target-offsetparent-bounds",function(){return a(e)}),i=getComputedStyle(e),n=o,r={};if(["Top","Left","Bottom","Right"].forEach(function(t){r[t.toLowerCase()]=parseFloat(i["border"+t+"Width"])}),o.right=A.body.scrollWidth-o.left-n.width+r.right,o.bottom=A.body.scrollHeight-o.top-n.height+r.bottom,E.page.top>=o.top+r.top&&E.page.bottom>=o.bottom&&E.page.left>=o.left+r.left&&E.page.right>=o.right){var s=e.scrollTop,l=e.scrollLeft;E.offset={top:E.page.top-o.top+s-r.top,left:E.page.left-o.left+l-r.left}}}(),this.move(E),this.history.unshift(E),this.history.length>3&&this.history.pop(),e&&_(),!0}}},{key:"move",value:function(t){var e=this;if("undefined"!=typeof this.element.parentNode){var o={};for(var i in t){o[i]={};for(var n in t[i]){for(var r=!1,s=0;s=0){var c=a.split(" "),m=z(c,2);d=m[0],h=m[1]}else h=d=a;var b=O(e,r);"target"!==d&&"both"!==d||(ob[3]&&"bottom"===v.top&&(o-=p,v.top="top")),"together"===d&&("top"===v.top&&("bottom"===y.top&&ob[3]&&o-(s-p)>=b[1]&&(o-=s-p,v.top="bottom",y.top="bottom")),"bottom"===v.top&&("top"===y.top&&o+s>b[3]?(o-=p,v.top="top",o-=s,y.top="bottom"):"bottom"===y.top&&ob[3]&&"top"===y.top?(o-=s,y.top="bottom"):ob[2]&&"right"===v.left&&(i-=u,v.left="left")),"together"===h&&(ib[2]&&"right"===v.left?"left"===y.left?(i-=u,v.left="left",i-=f,y.left="right"):"right"===y.left&&(i-=u,v.left="left",i+=f,y.left="left"):"center"===v.left&&(i+f>b[2]&&"left"===y.left?(i-=f,y.left="right"):ib[3]&&"top"===y.top&&(o-=s,y.top="bottom")),"element"!==h&&"both"!==h||(ib[2]&&("left"===y.left?(i-=f,y.left="right"):"center"===y.left&&(i-=f/2,y.left="right"))),"string"==typeof l?l=l.split(",").map(function(t){return t.trim()}):l===!0&&(l=["top","left","right","bottom"]),l=l||[];var w=[],C=[];o=0?(o=b[1],w.push("top")):C.push("top")),o+s>b[3]&&(l.indexOf("bottom")>=0?(o=b[3]-s,w.push("bottom")):C.push("bottom")),i=0?(i=b[0],w.push("left")):C.push("left")),i+f>b[2]&&(l.indexOf("right")>=0?(i=b[2]-f,w.push("right")):C.push("right")),w.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.pinnedClass?e.options.pinnedClass:e.getClass("pinned"),g.push(t),w.forEach(function(e){g.push(t+"-"+e)})}(),C.length&&!function(){var t=void 0;t="undefined"!=typeof e.options.outOfBoundsClass?e.options.outOfBoundsClass:e.getClass("out-of-bounds"),g.push(t),C.forEach(function(e){g.push(t+"-"+e)})}(),(w.indexOf("left")>=0||w.indexOf("right")>=0)&&(y.left=v.left=!1),(w.indexOf("top")>=0||w.indexOf("bottom")>=0)&&(y.top=v.top=!1),v.top===n.top&&v.left===n.left&&y.top===e.attachment.top&&y.left===e.attachment.left||(e.updateAttachClasses(y,v),e.trigger("update",{attachment:y,targetAttachment:v}))}),k(function(){e.options.addTargetClasses!==!1&&m(e.target,g,c),m(e.element,g,c)}),{top:o,left:i}}});var Y=x.Utils,a=Y.getBounds,m=Y.updateClasses,k=Y.defer;x.modules.push({position:function(t){var e=this,o=t.top,i=t.left,n=this.cache("element-bounds",function(){return a(e.element)}),r=n.height,s=n.width,f=this.getTargetBounds(),l=o+r,h=i+s,d=[];o<=f.bottom&&l>=f.top&&["left","right"].forEach(function(t){var e=f[t];e!==i&&e!==h||d.push(t)}),i<=f.right&&h>=f.left&&["top","bottom"].forEach(function(t){var e=f[t];e!==o&&e!==l||d.push(t)});var p=[],u=[],c=["left","top","right","bottom"];return p.push(this.getClass("abutted")),c.forEach(function(t){p.push(e.getClass("abutted")+"-"+t)}),d.length&&u.push(this.getClass("abutted")),d.forEach(function(t){u.push(e.getClass("abutted")+"-"+t)}),k(function(){e.options.addTargetClasses!==!1&&m(e.target,u,p),m(e.element,u,p)}),!0}});var z=function(){function t(t,e){var o=[],i=!0,n=!1,r=void 0;try{for(var s,a=t[Symbol.iterator]();!(i=(s=a.next()).done)&&(o.push(s.value),!e||o.length!==e);i=!0);}catch(f){n=!0,r=f}finally{try{!i&&a["return"]&&a["return"]()}finally{if(n)throw r}}return o}return function(e,o){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return t(e,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();return x.modules.push({position:function(t){var e=t.top,o=t.left;if(this.options.shift){var i=this.options.shift;"function"==typeof this.options.shift&&(i=this.options.shift.call(this,{top:e,left:o}));var n=void 0,r=void 0;if("string"==typeof i){i=i.split(" "),i[1]=i[1]||i[0];var s=i,a=z(s,2);n=a[0],r=a[1],n=parseFloat(n,10),r=parseFloat(r,10)}else n=i.top,r=i.left;return e+=n,o+=r,{top:e,left:o}}}}),$}); \ No newline at end of file diff --git a/js/src/popover.js b/js/src/popover.js index b68b4799840c..e20b50f976cc 100644 --- a/js/src/popover.js +++ b/js/src/popover.js @@ -118,8 +118,6 @@ const Popover = (($) => { this.setElementContent($tip.find(Selector.CONTENT), this._getContent()) $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`) - - this.cleanupTether() } // private diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 47c3d8d0588f..c4c4ee2f648c 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -1,4 +1,4 @@ -/* global Tether */ +/* global Popper */ import Util from './util' @@ -13,11 +13,11 @@ import Util from './util' const Tooltip = (($) => { /** - * Check for Tether dependency - * Tether - http://tether.io/ + * Check for Popper dependency + * Tether - https://popper.js.org */ - if (typeof Tether === 'undefined') { - throw new Error('Bootstrap tooltips require Tether (http://tether.io/)') + if (typeof Popper === 'undefined') { + throw new Error('Bootstrap tooltips require Popper (https://popper.js.org)') } @@ -33,8 +33,6 @@ const Tooltip = (($) => { const EVENT_KEY = `.${DATA_KEY}` const JQUERY_NO_CONFLICT = $.fn[NAME] const TRANSITION_DURATION = 150 - const CLASS_PREFIX = 'bs-tether' - const TETHER_PREFIX_REGEX = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g') const Default = { animation : true, @@ -66,10 +64,10 @@ const Tooltip = (($) => { } const AttachmentMap = { - TOP : 'bottom center', - RIGHT : 'middle left', - BOTTOM : 'top center', - LEFT : 'middle right' + TOP : 'top', + RIGHT : 'right', + BOTTOM : 'bottom', + LEFT : 'left' } const HoverState = { @@ -100,11 +98,6 @@ const Tooltip = (($) => { TOOLTIP_INNER : '.tooltip-inner' } - const TetherClass = { - element : false, - enabled : false - } - const Trigger = { HOVER : 'hover', FOCUS : 'focus', @@ -128,7 +121,7 @@ const Tooltip = (($) => { this._timeout = 0 this._hoverState = '' this._activeTrigger = {} - this._tether = null + this._popper = null // protected this.element = element @@ -220,8 +213,6 @@ const Tooltip = (($) => { dispose() { clearTimeout(this._timeout) - this.cleanupTether() - $.removeData(this.element, this.constructor.DATA_KEY) $(this.element).off(this.constructor.EVENT_KEY) @@ -235,7 +226,7 @@ const Tooltip = (($) => { this._timeout = null this._hoverState = null this._activeTrigger = null - this._tether = null + this._popper = null this.element = null this.config = null @@ -288,19 +279,19 @@ const Tooltip = (($) => { $(this.element).trigger(this.constructor.Event.INSERTED) - this._tether = new Tether({ - attachment, - element : tip, - target : this.element, - classes : TetherClass, - classPrefix : CLASS_PREFIX, - offset : this.config.offset, - constraints : this.config.constraints, - addTargetClasses: false + this._popper = new Popper(this.element, tip, { + placement : attachment, + modifiers : { + arrow : { + element : Selector.TOOLTIP + }, + offset : { + offset : this.config.offset + } + } }) Util.reflow(tip) - this._tether.position() $(tip).addClass(ClassName.SHOW) @@ -342,11 +333,9 @@ const Tooltip = (($) => { tip.parentNode.removeChild(tip) } - this._cleanTipClass() this.element.removeAttribute('aria-describedby') $(this.element).trigger(this.constructor.Event.HIDDEN) - this.cleanupTether() - + this._popper.destroy() if (callback) { callback() } @@ -398,12 +387,8 @@ const Tooltip = (($) => { setContent() { const $tip = $(this.getTipElement()) - this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle()) - $tip.removeClass(`${ClassName.FADE} ${ClassName.SHOW}`) - - this.cleanupTether() } setElementContent($element, content) { @@ -434,12 +419,6 @@ const Tooltip = (($) => { return title } - cleanupTether() { - if (this._tether) { - this._tether.destroy() - } - } - // private @@ -447,14 +426,6 @@ const Tooltip = (($) => { return AttachmentMap[placement.toUpperCase()] } - _cleanTipClass() { - const $tip = $(this.getTipElement()) - const tabClass = $tip.attr('class').match(TETHER_PREFIX_REGEX) - if (tabClass !== null && tabClass.length > 0) { - $tip.removeClass(tabClass.join('')) - } - } - _setListeners() { const triggers = this.config.trigger.split(' ') diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html index 51b5fe506529..4fd813c0603f 100644 --- a/js/tests/visual/popover.html +++ b/js/tests/visual/popover.html @@ -29,7 +29,7 @@

Popover Bootstrap Visual Test

- + diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html index f447a533b657..c646c2c56c57 100644 --- a/js/tests/visual/tooltip.html +++ b/js/tests/visual/tooltip.html @@ -34,7 +34,7 @@

Tooltip Bootstrap Visual Test

- + From 7492478339325a4899726aa7da5f445c0ac6bc4a Mon Sep 17 00:00:00 2001 From: Johann-S Date: Fri, 7 Apr 2017 11:12:17 +0200 Subject: [PATCH 02/26] Begin to add arrow to Popover and Tooltip --- js/src/popover.js | 1 + js/src/tooltip.js | 10 ++++++---- js/tests/visual/modal.html | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/js/src/popover.js b/js/src/popover.js index e20b50f976cc..02efe2b2edea 100644 --- a/js/src/popover.js +++ b/js/src/popover.js @@ -28,6 +28,7 @@ const Popover = (($) => { trigger : 'click', content : '', template : '' }) diff --git a/js/src/tooltip.js b/js/src/tooltip.js index c4c4ee2f648c..505a8d492abe 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -37,6 +37,7 @@ const Tooltip = (($) => { const Default = { animation : true, template : '', trigger : 'hover focus', title : '', @@ -281,10 +282,8 @@ const Tooltip = (($) => { this._popper = new Popper(this.element, tip, { placement : attachment, + arrowElement : '.arrow', modifiers : { - arrow : { - element : Selector.TOOLTIP - }, offset : { offset : this.config.offset } @@ -335,7 +334,10 @@ const Tooltip = (($) => { this.element.removeAttribute('aria-describedby') $(this.element).trigger(this.constructor.Event.HIDDEN) - this._popper.destroy() + if (this._popper !== null) { + this._popper.destroy() + } + if (callback) { callback() } diff --git a/js/tests/visual/modal.html b/js/tests/visual/modal.html index e999514f7b96..90b814e67434 100644 --- a/js/tests/visual/modal.html +++ b/js/tests/visual/modal.html @@ -170,7 +170,7 @@ - + From e4f7a075cc03875163d458ab99f459433ce99ebf Mon Sep 17 00:00:00 2001 From: Johann-S Date: Fri, 7 Apr 2017 13:20:34 +0200 Subject: [PATCH 03/26] Add attachment classes --- js/src/popover.js | 14 ++++++++++++++ js/src/tooltip.js | 16 ++++++++++++++++ js/tests/index.html | 2 +- js/tests/unit/tooltip.js | 2 +- 4 files changed, 32 insertions(+), 2 deletions(-) diff --git a/js/src/popover.js b/js/src/popover.js index 02efe2b2edea..f89d3d5c8b41 100644 --- a/js/src/popover.js +++ b/js/src/popover.js @@ -22,6 +22,8 @@ const Popover = (($) => { const DATA_KEY = 'bs.popover' const EVENT_KEY = `.${DATA_KEY}` const JQUERY_NO_CONFLICT = $.fn[NAME] + const CLASS_PREFIX = 'bs-popover' + const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g') const Default = $.extend({}, Tooltip.Default, { placement : 'right', @@ -107,6 +109,10 @@ const Popover = (($) => { return this.getTitle() || this._getContent() } + addAttachmentClass(attachment) { + $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`) + } + getTipElement() { return this.tip = this.tip || $(this.config.template)[0] } @@ -130,6 +136,14 @@ const Popover = (($) => { this.config.content) } + _cleanTipClass() { + const $tip = $(this.getTipElement()) + const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX) + if (tabClass !== null && tabClass.length > 0) { + $tip.removeClass(tabClass.join('')) + } + } + // static diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 505a8d492abe..fb4ff131c4b8 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -33,6 +33,8 @@ const Tooltip = (($) => { const EVENT_KEY = `.${DATA_KEY}` const JQUERY_NO_CONFLICT = $.fn[NAME] const TRANSITION_DURATION = 150 + const CLASS_PREFIX = 'bs-tooltip' + const BSCLS_PREFIX_REGEX = new RegExp(`(^|\\s)${CLASS_PREFIX}\\S+`, 'g') const Default = { animation : true, @@ -269,6 +271,7 @@ const Tooltip = (($) => { this.config.placement const attachment = this._getAttachment(placement) + this.addAttachmentClass(attachment) const container = this.config.container === false ? document.body : $(this.config.container) @@ -332,6 +335,7 @@ const Tooltip = (($) => { tip.parentNode.removeChild(tip) } + this._cleanTipClass() this.element.removeAttribute('aria-describedby') $(this.element).trigger(this.constructor.Event.HIDDEN) if (this._popper !== null) { @@ -383,6 +387,10 @@ const Tooltip = (($) => { return Boolean(this.getTitle()) } + addAttachmentClass(attachment) { + $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`) + } + getTipElement() { return this.tip = this.tip || $(this.config.template)[0] } @@ -624,6 +632,14 @@ const Tooltip = (($) => { return config } + _cleanTipClass() { + const $tip = $(this.getTipElement()) + const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX) + if (tabClass !== null && tabClass.length > 0) { + $tip.removeClass(tabClass.join('')) + } + } + // static diff --git a/js/tests/index.html b/js/tests/index.html index 81efd5876d4e..d17608e4a9c6 100644 --- a/js/tests/index.html +++ b/js/tests/index.html @@ -7,7 +7,7 @@ - + diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index 8cb1a6fdf19d..dc6364415a94 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -111,7 +111,7 @@ $(function () { assert .ok($('.tooltip') - .is('.fade.bs-tether-element-attached-top.bs-tether-element-attached-center.show'), 'has correct classes applied') + .is('.fade.bs-tooltip-bottom.show'), 'has correct classes applied') $tooltip.bootstrapTooltip('hide') From 2a10fbe362b7a8dcba9bb8b7c15570bf02f861a9 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Sat, 8 Apr 2017 21:13:15 +0200 Subject: [PATCH 04/26] Fix arrow for tooltip and popover --- js/src/tooltip.js | 19 ++++----- js/tests/unit/tooltip.js | 83 ++++++++++++------------------------ js/tests/visual/tooltip.html | 3 ++ scss/_popover.scss | 56 +++++++++++------------- scss/_tooltip.scss | 22 ++++------ 5 files changed, 73 insertions(+), 110 deletions(-) diff --git a/js/src/tooltip.js b/js/src/tooltip.js index fb4ff131c4b8..c380f8675f92 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -285,11 +285,8 @@ const Tooltip = (($) => { this._popper = new Popper(this.element, tip, { placement : attachment, - arrowElement : '.arrow', - modifiers : { - offset : { - offset : this.config.offset - } + offsets : { + popper : this.config.offset } }) @@ -632,13 +629,13 @@ const Tooltip = (($) => { return config } - _cleanTipClass() { - const $tip = $(this.getTipElement()) - const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX) - if (tabClass !== null && tabClass.length > 0) { - $tip.removeClass(tabClass.join('')) + _cleanTipClass() { + const $tip = $(this.getTipElement()) + const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX) + if (tabClass !== null && tabClass.length > 0) { + $tip.removeClass(tabClass.join('')) + } } - } // static diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index dc6364415a94..0bb90156b9e1 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -364,32 +364,31 @@ $(function () { }) QUnit.test('should add position class before positioning so that position-specific styles are taken into account', function (assert) { - assert.expect(1) + assert.expect(2) + var done = assert.async() var styles = '' var $styles = $(styles).appendTo('head') var $container = $('
').appendTo('#qunit-fixture') - var $target = $('') + $('') .appendTo($container) .bootstrapTooltip({ - placement: 'right' + placement: 'right', + trigger: 'manual' + }) + .on('inserted.bs.tooltip', function () { + var $tooltip = $($(this).data('bs.tooltip').tip) + assert.ok($tooltip.hasClass('bs-tooltip-right')) + assert.ok($tooltip.attr('style') === undefined) + $(this).bootstrapTooltip('hide') + $container.remove() + $styles.remove() + done() }) .bootstrapTooltip('show') - - var $tooltip = $($target.data('bs.tooltip').tip) - - // this is some dumb hack stuff because sub pixels in firefox - var top = Math.round($target.offset().top + $target[0].offsetHeight / 2 - $tooltip[0].offsetHeight / 2) - var top2 = Math.round($tooltip.offset().top) - var topDiff = top - top2 - assert.ok(topDiff <= 1 && topDiff >= -1) - $target.bootstrapTooltip('hide') - - $container.remove() - $styles.remove() }) QUnit.test('should use title attribute for tooltip text', function (assert) { @@ -476,6 +475,12 @@ $(function () { }) .appendTo('#qunit-fixture') + $('#qunit-fixture').css({ + position : 'relative', + top : '0px', + left : '0px' + }) + var $trigger = $container .find('a') .css('margin-top', 200) @@ -489,6 +494,11 @@ $(function () { setTimeout(function () { assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($trigger.offset().top)) + $('#qunit-fixture').css({ + position : 'absolute', + top : '-10000px', + left : '-10000px' + }) done() }, 0) }) @@ -629,45 +639,6 @@ $(function () { $tooltip.trigger('mouseenter') }) - QUnit.test('should correctly position tooltips on SVG elements', function (assert) { - if (!window.SVGElement) { - // Skip IE8 since it doesn't support SVG - assert.expect(0) - return - } - assert.expect(2) - - var done = assert.async() - - var styles = '' - var $styles = $(styles).appendTo('head') - - $('#qunit-fixture').append( - '
' - + ' ' - + ' ' - + ' ' - + '
') - var $circle = $('#theCircle') - - $circle - .on('shown.bs.tooltip', function () { - var offset = $('.tooltip').offset() - $styles.remove() - assert.ok(Math.abs(offset.left - 88) <= 1, 'tooltip has correct horizontal location') - $circle.bootstrapTooltip('hide') - assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom') - done() - }) - .bootstrapTooltip({ placement: 'top', trigger: 'manual' }) - - $circle.bootstrapTooltip('show') - }) - QUnit.test('should not reload the tooltip on subsequent mouseenter events', function (assert) { assert.expect(1) var titleHtml = function () { diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html index c646c2c56c57..9fbd196b6faa 100644 --- a/js/tests/visual/tooltip.html +++ b/js/tests/visual/tooltip.html @@ -30,6 +30,9 @@

Tooltip Bootstrap Visual Test

+ + +

diff --git a/scss/_popover.scss b/scss/_popover.scss index c259916d76ff..d763039ff3ea 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -21,69 +21,66 @@ // Popover directions - &.popover-top, - &.bs-tether-element-attached-bottom { - margin-top: -$popover-arrow-width; + &.bs-popover-top { + margin-bottom: $popover-arrow-width; - &::before, - &::after { + ::before, + ::after { left: 50%; border-bottom-width: 0; } - &::before { + ::before { bottom: -$popover-arrow-outer-width; margin-left: -$popover-arrow-outer-width; border-top-color: $popover-arrow-outer-color; } - &::after { + ::after { bottom: -($popover-arrow-outer-width - 1); margin-left: -$popover-arrow-width; border-top-color: $popover-arrow-color; } } - &.popover-right, - &.bs-tether-element-attached-left { + &.bs-popover-right { margin-left: $popover-arrow-width; - &::before, - &::after { + ::before, + ::after { top: 50%; border-left-width: 0; } - &::before { + ::before { left: -$popover-arrow-outer-width; margin-top: -$popover-arrow-outer-width; border-right-color: $popover-arrow-outer-color; } - &::after { + ::after { left: -($popover-arrow-outer-width - 1); margin-top: -($popover-arrow-outer-width - 1); border-right-color: $popover-arrow-color; } } - &.popover-bottom, - &.bs-tether-element-attached-top { + &.bs-popover-bottom { margin-top: $popover-arrow-width; - &::before, - &::after { + ::before, + ::after { left: 50%; border-top-width: 0; } - &::before { + ::before { top: -$popover-arrow-outer-width; margin-left: -$popover-arrow-outer-width; border-bottom-color: $popover-arrow-outer-color; } - &::after { + ::after { top: -($popover-arrow-outer-width - 1); margin-left: -$popover-arrow-width; border-bottom-color: $popover-arrow-color; @@ -102,23 +99,22 @@ } } - &.popover-left, - &.bs-tether-element-attached-right { - margin-left: -$popover-arrow-width; + &.bs-popover-left { + margin-right: $popover-arrow-width; - &::before, - &::after { + ::before, + ::after { top: 50%; border-right-width: 0; } - &::before { + ::before { right: -$popover-arrow-outer-width; margin-top: -$popover-arrow-outer-width; border-left-color: $popover-arrow-outer-color; } - &::after { + ::after { right: -($popover-arrow-outer-width - 1); margin-top: -($popover-arrow-outer-width - 1); border-left-color: $popover-arrow-color; @@ -153,8 +149,8 @@ // // .popover-arrow is outer, .popover-arrow::after is inner -.popover::before, -.popover::after { +.arrow::before, +.arrow::after { position: absolute; display: block; width: 0; @@ -163,11 +159,11 @@ border-style: solid; } -.popover::before { +.arrow::before { content: ""; border-width: $popover-arrow-outer-width; } -.popover::after { +.arrow::after { content: ""; border-width: $popover-arrow-width; } diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss index 24e198d464e2..4006b46d96af 100644 --- a/scss/_tooltip.scss +++ b/scss/_tooltip.scss @@ -13,12 +13,11 @@ &.show { opacity: $tooltip-opacity; } - &.tooltip-top, - &.bs-tether-element-attached-bottom { + &.bs-tooltip-top { padding: $tooltip-arrow-width 0; margin-top: -$tooltip-margin; - .tooltip-inner::before { + .arrow::before { bottom: 0; left: 50%; margin-left: -$tooltip-arrow-width; @@ -27,12 +26,11 @@ border-top-color: $tooltip-arrow-color; } } - &.tooltip-right, - &.bs-tether-element-attached-left { + &.bs-tooltip-right { padding: 0 $tooltip-arrow-width; margin-left: $tooltip-margin; - .tooltip-inner::before { + .arrow::before { top: 50%; left: 0; margin-top: -$tooltip-arrow-width; @@ -41,12 +39,11 @@ border-right-color: $tooltip-arrow-color; } } - &.tooltip-bottom, - &.bs-tether-element-attached-top { + &.bs-tooltip-bottom { padding: $tooltip-arrow-width 0; margin-top: $tooltip-margin; - .tooltip-inner::before { + .arrow::before { top: 0; left: 50%; margin-left: -$tooltip-arrow-width; @@ -55,12 +52,11 @@ border-bottom-color: $tooltip-arrow-color; } } - &.tooltip-left, - &.bs-tether-element-attached-right { + &.bs-tooltip-left { padding: 0 $tooltip-arrow-width; margin-left: -$tooltip-margin; - .tooltip-inner::before { + .arrow::before { top: 50%; right: 0; margin-top: -$tooltip-arrow-width; @@ -80,7 +76,7 @@ background-color: $tooltip-bg; @include border-radius($border-radius); - &::before { + .arrow::before { position: absolute; width: 0; height: 0; From 44924575c0e175eebce8fd4a9376f0fd9ff0559c Mon Sep 17 00:00:00 2001 From: Johann-S Date: Fri, 14 Apr 2017 11:25:53 +0200 Subject: [PATCH 05/26] Begin to use Popper for Dropdown --- js/src/dropdown.js | 98 ++++++++++++++++++++++++++++++++--- js/src/tooltip.js | 2 +- js/tests/visual/dropdown.html | 1 + scss/_dropdown.scss | 18 ++----- 4 files changed, 97 insertions(+), 22 deletions(-) diff --git a/js/src/dropdown.js b/js/src/dropdown.js index eb536dc7dc34..a2b5561c2720 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -10,6 +10,13 @@ import Util from './util' const Dropdown = (($) => { + /** + * Check for Popper dependency + * Popper - https://popper.js.org + */ + if (typeof Popper === 'undefined') { + throw new Error('Bootstrap dropdown require Popper (https://popper.js.org)') + } /** * ------------------------------------------------------------------------ @@ -55,6 +62,20 @@ const Dropdown = (($) => { VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)' } + const Default = { + animation : true, + trigger : 'click', + placement : 'bottom', + offset : '0 0' + } + + const DefaultType = { + animation : 'boolean', + trigger : 'string', + placement : 'string', + offset : 'string' + } + /** * ------------------------------------------------------------------------ @@ -64,8 +85,11 @@ const Dropdown = (($) => { class Dropdown { - constructor(element) { + constructor(element, config) { this._element = element + this._popper = null + this._config = this._getConfig(config) + this._menu = this._getMenuElement() this._addEventListeners() } @@ -77,16 +101,30 @@ const Dropdown = (($) => { return VERSION } + static get Default() { + return Default + } + + static get DefaultType() { + return DefaultType + } + // public toggle() { - if (this.disabled || $(this).hasClass(ClassName.DISABLED)) { + let context = $(this).data(DATA_KEY) + if (!context) { + context = new Dropdown(this) + $(this).data(DATA_KEY, context) + } + + if (context.disabled || $(this).hasClass(ClassName.DISABLED)) { return false } const parent = Dropdown._getParentFromElement(this) - const isActive = $(parent).hasClass(ClassName.SHOW) + const isActive = $(context._menu).hasClass(ClassName.SHOW) Dropdown._clearMenus() @@ -97,7 +135,7 @@ const Dropdown = (($) => { const relatedTarget = { relatedTarget : this } - const showEvent = $.Event(Event.SHOW, relatedTarget) + const showEvent = $.Event(Event.SHOW, relatedTarget) $(parent).trigger(showEvent) @@ -105,6 +143,13 @@ const Dropdown = (($) => { return false } + this._popper = new Popper(this, context._menu, { + placement : context._config.placement, + offsets : { + popper : context._config.offset + } + }) + // 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 @@ -117,8 +162,10 @@ const Dropdown = (($) => { this.focus() this.setAttribute('aria-expanded', true) - $(parent).toggleClass(ClassName.SHOW) - $(parent).trigger($.Event(Event.SHOWN, relatedTarget)) + $(context._menu).toggleClass(ClassName.SHOW) + $(parent) + .toggleClass(ClassName.SHOW) + .trigger($.Event(Event.SHOWN, relatedTarget)) return false } @@ -127,6 +174,10 @@ const Dropdown = (($) => { $.removeData(this._element, DATA_KEY) $(this._element).off(EVENT_KEY) this._element = null + this._menu = null + if (this._popper !== null) { + this._popper.destroy() + } } @@ -136,15 +187,40 @@ const Dropdown = (($) => { $(this._element).on(Event.CLICK, this.toggle) } + _getConfig(config) { + config = $.extend( + {}, + this.constructor.Default, + $(this._element).data(), + config + ) + + Util.typeCheckConfig( + NAME, + config, + this.constructor.DefaultType + ) + + return config + } + + _getMenuElement() { + if (!this._menu) { + let parent = Dropdown._getParentFromElement(this._element) + this._menu = $(parent).find(Selector.MENU)[0] + } + return this._menu + } // static static _jQueryInterface(config) { return this.each(function () { let data = $(this).data(DATA_KEY) + let _config = typeof config === 'object' ? config : null if (!data) { - data = new Dropdown(this) + data = new Dropdown(this, _config) $(this).data(DATA_KEY, data) } @@ -164,13 +240,18 @@ const Dropdown = (($) => { } const toggles = $.makeArray($(Selector.DATA_TOGGLE)) - for (let i = 0; i < toggles.length; i++) { const parent = Dropdown._getParentFromElement(toggles[i]) + let context = $(toggles[i]).data(DATA_KEY) const relatedTarget = { relatedTarget : toggles[i] } + if (!context) { + continue + } + + let dropdownMenu = context._menu if (!$(parent).hasClass(ClassName.SHOW)) { continue } @@ -195,6 +276,7 @@ const Dropdown = (($) => { toggles[i].setAttribute('aria-expanded', 'false') + $(dropdownMenu).removeClass(ClassName.SHOW) $(parent) .removeClass(ClassName.SHOW) .trigger($.Event(Event.HIDDEN, relatedTarget)) diff --git a/js/src/tooltip.js b/js/src/tooltip.js index c380f8675f92..2c22a7ed4120 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -14,7 +14,7 @@ const Tooltip = (($) => { /** * Check for Popper dependency - * Tether - https://popper.js.org + * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { throw new Error('Bootstrap tooltips require Popper (https://popper.js.org)') diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index cc8a6e709c2a..d96b367e9919 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -61,6 +61,7 @@

Dropdown Bootstrap Visual Test

+ diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 3c5a5c66ed70..2c57f0209c65 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -100,11 +100,6 @@ // Open state for the dropdown .show { - // Show the menu - > .dropdown-menu { - display: block; - } - // Remove the outline when :focus is triggered > a { outline: 0; @@ -125,6 +120,10 @@ left: 0; } +.dropdown-menu.show { + display: block; +} + // Dropdown section headers .dropdown-header { display: block; @@ -139,11 +138,4 @@ // // Just add .dropup after the standard .dropdown class and you're set. -.dropup { - // Different positioning for bottom up menu - .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: $dropdown-margin-top; - } -} +.dropup {} From 6d39a0ee792bbae0bc19c02f6b46271df2ec623f Mon Sep 17 00:00:00 2001 From: Johann-S Date: Fri, 14 Apr 2017 12:05:54 +0200 Subject: [PATCH 06/26] Remove constraints option and check every options --- js/src/dropdown.js | 14 ++++++-------- js/src/tooltip.js | 12 ++++++------ 2 files changed, 12 insertions(+), 14 deletions(-) diff --git a/js/src/dropdown.js b/js/src/dropdown.js index a2b5561c2720..ad5ee8d9fcf0 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -63,17 +63,13 @@ const Dropdown = (($) => { } const Default = { - animation : true, - trigger : 'click', placement : 'bottom', - offset : '0 0' + offset : {} } const DefaultType = { - animation : 'boolean', - trigger : 'string', placement : 'string', - offset : 'string' + offset : 'number' } @@ -145,8 +141,10 @@ const Dropdown = (($) => { this._popper = new Popper(this, context._menu, { placement : context._config.placement, - offsets : { - popper : context._config.offset + modifiers : { + offset : { + offset : this.config.offset + } } }) diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 2c22a7ed4120..5f5e3d7bcbe1 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -47,8 +47,7 @@ const Tooltip = (($) => { html : false, selector : false, placement : 'top', - offset : '0 0', - constraints : [], + offset : {}, container : false } @@ -61,8 +60,7 @@ const Tooltip = (($) => { html : 'boolean', selector : '(string|boolean)', placement : '(string|function)', - offset : 'string', - constraints : 'array', + offset : 'number', container : '(string|element|boolean)' } @@ -285,8 +283,10 @@ const Tooltip = (($) => { this._popper = new Popper(this.element, tip, { placement : attachment, - offsets : { - popper : this.config.offset + modifiers : { + offset : { + offset : this.config.offset + } } }) From 7dd6936c4e9fd415b4ec701f44b66609c8d7b443 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Fri, 14 Apr 2017 13:30:55 +0200 Subject: [PATCH 07/26] Fix unit tests + Update Popper to 1.6.0 --- docs/assets/js/vendor/popper.min.js | 4 +- js/src/dropdown.js | 14 ++++--- js/src/tooltip.js | 2 +- js/tests/unit/dropdown.js | 48 +++++++++++----------- js/tests/unit/popover.js | 15 ++++--- js/tests/unit/tooltip.js | 64 +++-------------------------- js/tests/visual/tooltip.html | 18 ++++++++ scss/_dropdown.scss | 2 +- 8 files changed, 70 insertions(+), 97 deletions(-) diff --git a/docs/assets/js/vendor/popper.min.js b/docs/assets/js/vendor/popper.min.js index 22ac698abe70..fffdb1d1bf78 100644 --- a/docs/assets/js/vendor/popper.min.js +++ b/docs/assets/js/vendor/popper.min.js @@ -1,3 +1,3 @@ -(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(he){const ce=he.offsetParent,ue=ce&&ce.nodeName;return ue&&'BODY'!==ue&&'HTML'!==ue?ce:window.document.documentElement}function t(he,ce){if(1!==he.nodeType)return[];const ue=window.getComputedStyle(he,null);return ce?ue[ce]:ue}function o(he){return'HTML'===he.nodeName?he:he.parentNode||he.host}function r(he){if(!he||-1!==['HTML','BODY','#document'].indexOf(he.nodeName))return window.document.body;const{overflow:ce,overflowX:ue,overflowY:ge}=t(he);return /(auto|scroll)/.test(ce+ge+ue)?he:r(o(he))}function s(he){const ce=he.nodeName;return'BODY'===ce||'HTML'===ce?!1:'fixed'===t(he,'position')||s(o(he))}function p(he){const ce=e(he),ue=s(ce);return ue?'fixed':'absolute'}function f(he,ce){const ue='x'===ce?'Left':'Top',ge='Left'==ue?'Right':'Bottom';return+he[`border${ue}Width`].split('px')[0]+ +he[`border${ge}Width`].split('px')[0]}function d(he){const ce=-1!==navigator.appVersion.indexOf('MSIE 10');let ue;if(ce)try{ue=he.getBoundingClientRect()}catch(xe){ue={}}else ue=he.getBoundingClientRect();const ge={left:ue.left,top:ue.top,right:ue.right,bottom:ue.bottom,width:ue.right-ue.left,height:ue.bottom-ue.top};if('HTML'===he.nodeName&&ce){const{scrollTop:xe,scrollLeft:ye}=window.document.documentElement;ge.top-=xe,ge.bottom-=xe,ge.left-=ye,ge.right-=ye}let be=ue.width-(he.clientWidth||ue.right-ue.left),we=ue.height-(he.clientHeight||ue.bottom-ue.top);if(be||we){const xe=t(he);be-=f(xe,'x'),we-=f(xe,'y')}return ge.right-=be,ge.width-=be,ge.bottom-=we,ge.height-=we,ge}function l(he,ce='top'){const ue='top'===ce?'scrollTop':'scrollLeft',ge=he.nodeName;if('BODY'===ge||'HTML'===ge){const be=window.document.documentElement,we=window.document.scrollingElement||be;return we[ue]}return he[ue]}function m(he,ce,ue=!1){const ge=l(ce,'top'),be=l(ce,'left'),we=ue?-1:1;return he.top+=ge*we,he.bottom+=ge*we,he.left+=be*we,he.right+=be*we,he}function h(he,ce,ue=!1,ge=!1){const be=r(ce),we=d(he),xe=d(ce);let ye={top:we.top-xe.top,left:we.left-xe.left,bottom:we.top-xe.top+we.height,right:we.left-xe.left+we.width,width:we.width,height:we.height};ue&&!ge?ye=m(ye,be,!0):e(he).contains(be)&&'BODY'!==be.nodeName&&(ye=m(ye,ce));const ve=t(ce),Oe=+ve.borderTopWidth.split('px')[0],Ee=+ve.borderLeftWidth.split('px')[0];return ye.top-=Oe,ye.bottom-=Oe,ye.left-=Ee,ye.right-=Ee,ye}function c(){const he=window.document.body,ce=window.document.documentElement;return{height:Math.max(he.scrollHeight,he.offsetHeight,ce.clientHeight,ce.scrollHeight,ce.offsetHeight),width:Math.max(he.scrollWidth,he.offsetWidth,ce.clientWidth,ce.scrollWidth,ce.offsetWidth)}}function u(he){let ce;if('HTML'===he.nodeName){const{width:ue,height:ge}=c();ce={width:ue,height:ge,left:0,top:0}}else ce={width:he.offsetWidth,height:he.offsetHeight,left:he.offsetLeft,top:he.offsetTop};return ce.right=ce.left+ce.width,ce.bottom=ce.top+ce.height,ce}function g(he){const ce=u(he);if('HTML'!==he.nodeName){const ue=e(he),ge=g(ue),be={width:ce.offsetWidth,height:ce.offsetHeight,left:ce.left+ge.left,top:ce.top+ge.top,right:ce.right-ge.right,bottom:ce.bottom-ge.bottom};return be}return ce}function w(he,ce='top'){const ue=r(he),ge=l(ue,ce);return-1===['BODY','HTML'].indexOf(ue.nodeName)?ge+w(o(ue),ce):ge}function v(he,ce,ue){let ge={top:0,left:0};const be=e(he);if('viewport'===ue){const{left:we,top:xe}=g(be),{clientWidth:ye,clientHeight:ve}=window.document.documentElement;if('fixed'===p(he))ge.right=ye,ge.bottom=ve;else{const Oe=w(he,'left'),Ee=w(he,'top');ge={top:0-xe,right:ye-we+Oe,bottom:ve-xe+Ee,left:0-we}}}else{let we;if(we='scrollParent'===ue?r(o(he)):'window'===ue?window.document.body:ue,'BODY'===we.nodeName){const{height:xe,width:ye}=c();ge.right=ye,ge.bottom=xe}else ge=h(we,be,s(he))}return ge.left+=ce,ge.top+=ce,ge.right-=ce,ge.bottom-=ce,ge}function O(he,ce,ue){if(-1===he.indexOf('auto'))return he;const ge=v(ue,0,'scrollParent'),be={top:ce.top-ge.top,right:ge.right-ce.right,bottom:ge.bottom-ce.bottom,left:ce.left-ge.left},we=Object.keys(be).sort((ye,ve)=>be[ve]-be[ye])[0],xe=he.split('-')[1];return we+(xe?`-${xe}`:'')}function N(he,ce){return Array.prototype.find?he.find(ce):he.filter(ce)[0]}function L(he,ce,ue){if(Array.prototype.findIndex)return he.findIndex((be)=>be[ce]===ue);const ge=N(he,(be)=>be[ce]===ue);return he.indexOf(ge)}function T(he){return fe({},he,{right:he.left+he.width,bottom:he.top+he.height})}function P(he){const ce=window.getComputedStyle(he),ue=parseFloat(ce.marginTop)+parseFloat(ce.marginBottom),ge=parseFloat(ce.marginLeft)+parseFloat(ce.marginRight),be={width:he.offsetWidth+ge,height:he.offsetHeight+ue};return be}function B(he){const ce={left:'right',right:'left',bottom:'top',top:'bottom'};return he.replace(/left|right|bottom|top/g,(ue)=>ce[ue])}function H(he,ce,ue,ge){ge=ge.split('-')[0];const be=P(ce),we={position:he,width:be.width,height:be.height},xe=-1!==['right','left'].indexOf(ge),ye=xe?'top':'left',ve=xe?'left':'top',Oe=xe?'height':'width',Ee=xe?'width':'height';return we[ye]=ue[ye]+ue[Oe]/2-be[Oe]/2,we[ve]=ge===ve?ue[ve]-be[Ee]:ue[B(ve)],we}function W(he,ce,ue){const ge='fixed'===he.position,be=he.isParentTransformed,we=e(ge&&be?ue:ce);return h(ue,we,ge,be)}function D(he){const ce=[!1,'ms','webkit','moz','o'],ue=he.charAt(0).toUpperCase()+he.slice(1);for(let ge=0;gege&&ue===ce)}function R(he,ce,ue){const ge=N(he,({name:be})=>be===ce);return!!ge&&he.some((be)=>{return be.name===ue&&be.enabled&&be.order{ue.removeEventListener('scroll',ce.updateBound)}),ce.updateBound=null,ce.scrollParents=[],ce.scrollElement=null,ce.eventsEnabled=!1,ce}function I(he,ce,ue){const ge=void 0===ue?he:he.slice(0,L(he,'name',ue));return ge.forEach((be)=>{be.enabled&&C(be.function)&&(ce=be.function(ce,be))}),ce}function U(he,ce){Object.keys(ce).forEach(function(ue){const ge=ce[ue];!1===ge?he.removeAttribute(ue):he.setAttribute(ue,ce[ue])})}function q(he,ce){Object.keys(ce).forEach((ue)=>{let ge='';-1!==['width','height','top','right','bottom','left'].indexOf(ue)&&A(ce[ue])&&(ge='px'),he.style[ue]=ce[ue]+ge})}function z(he,ce,ue,ge){const be='BODY'===he.nodeName,we=be?window:he;we.addEventListener(ce,ue,{passive:!0}),be||z(r(we.parentNode),ce,ue,ge),ge.push(we)}function F(he,ce,ue,ge){ue.updateBound=ge,window.addEventListener('resize',ue.updateBound,{passive:!0});const be=r(he);return z(be,'scroll',ue.updateBound,ue.scrollParents),ue.scrollElement=be,ue.eventsEnabled=!0,ue}function X(he){return'end'===he?'start':'start'===he?'end':he}const te=['native code','[object MutationObserverConstructor]'];var oe=(he)=>te.some((ce)=>-1<(he||'').toString().indexOf(ce));const ie='undefined'!=typeof window,re=['Edge','Trident','Firefox'];let ne=0;for(let he=0;he{he(),ce=!1});return be.observe(ge,{attributes:!0}),()=>{ce||(ce=!0,ge.setAttribute('x-index',ue),++ue)}}:function(he){let ce=!1;return()=>{ce||(ce=!0,setTimeout(()=>{ce=!1,he()},ne))}},fe=Object.assign||function(he){for(var ue,ce=1;cerequestAnimationFrame(this.update),this.update=pe(this.update.bind(this)),this.options=fe({},me.Defaults,ue),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=he.jquery?he[0]:he,this.popper=ce.jquery?ce[0]:ce,this.modifiers=Object.keys(me.Defaults.modifiers).map((be)=>fe({name:be},me.Defaults.modifiers[be])),this.modifiers=this.modifiers.map((be)=>{const we=ue.modifiers&&ue.modifiers[be.name]||{};return fe({},be,we)}),ue.modifiers&&(this.options.modifiers=fe({},me.Defaults.modifiers,ue.modifiers),Object.keys(ue.modifiers).forEach((be)=>{if(void 0===me.Defaults.modifiers[be]){const we=ue.modifiers[be];we.name=be,this.modifiers.push(we)}})),this.state.position=p(this.reference),this.modifiers=this.modifiers.sort((be,we)=>be.order-we.order),this.modifiers.forEach((be)=>{be.enabled&&C(be.onLoad)&&be.onLoad(this.reference,this.popper,this.options,be,this.state)}),this.state.isParentTransformed=k(this.popper.parentNode),this.update();const ge=this.options.eventsEnabled;ge&&this.enableEventListeners(),this.state.eventsEnabled=ge}update(){if(!this.state.isDestroyed){let he={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};this.state.position=p(this.reference),q(this.popper,{position:this.state.position}),he.offsets.reference=W(this.state,this.popper,this.reference),he.placement=O(this.options.placement,he.offsets.reference,this.popper),he.originalPlacement=this.options.placement,he.offsets.popper=H(this.state,this.popper,he.offsets.reference,he.placement),he=I(this.modifiers,he),this.state.isCreated?this.options.onUpdate(he):(this.state.isCreated=!0,this.options.onCreate(he))}}destroy(){return this.state.isDestroyed=!0,M(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[D('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}enableEventListeners(){this.state.eventsEnabled||(this.state=F(this.reference,this.options,this.state,this.scheduleUpdate))}disableEventListeners(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=Y(this.reference,this.state))}}return me.Utils={computeAutoPlacement:O,debounce:pe,findIndex:L,getBordersSize:f,getBoundaries:v,getBoundingClientRect:d,getClientRect:T,getOffsetParent:e,getOffsetRect:u,getOffsetRectRelativeToCustomParent:h,getOuterSizes:P,getParentNode:o,getPopperOffsets:H,getPosition:p,getReferenceOffsets:W,getScroll:l,getScrollParent:r,getStyleComputedProperty:t,getSupportedPropertyName:D,getTotalScroll:w,getWindowSizes:c,includeScroll:m,isFixed:s,isFunction:C,isModifierEnabled:M,isModifierRequired:R,isNative:oe,isNumeric:A,isTransformed:k,removeEventListeners:Y,runModifiers:I,setAttributes:U,setStyles:q,setupEventListeners:F},me.placements=['auto','auto-start','auto-end','top','top-start','top-end','right','right-start','right-end','bottom','bottom-start','bottom-end','left','left-start','left-end'],me.Defaults={placement:'bottom',eventsEnabled:!0,onCreate:()=>{},onUpdate:()=>{},modifiers:{shift:{order:100,enabled:!0,function:function(he){const ce=he.placement,ue=ce.split('-')[0],ge=ce.split('-')[1];if(ge){const be=he.offsets.reference,we=T(he.offsets.popper),xe=-1!==['bottom','top'].indexOf(ue),ye=xe?'left':'top',ve=xe?'width':'height',Oe={start:{[ye]:be[ye]},end:{[ye]:be[ye]+be[ve]-we[ve]}};he.offsets.popper=fe({},we,Oe[ge])}return he}},offset:{order:200,enabled:!0,function:function(he,ce){const ue=he.placement,ge=he.offsets.popper;let be;return A(ce.offset)?be=[ce.offset,0]:(be=ce.offset.split(' '),be=be.map((we,xe)=>{const ye=we.match(/(\d*\.?\d*)(.*)/),ve=+ye[1],Oe=ye[2];let Ee=-1!==ue.indexOf('right')||-1!==ue.indexOf('left');1===xe&&(Ee=!Ee);const Se=Ee?'height':'width';if(0===Oe.indexOf('%')){let Ne;switch(Oe){case'%p':Ne=he.offsets.popper;break;case'%':case'$r':default:Ne=he.offsets.reference;}const Le=T(Ne),Te=Le[Se];return Te/100*ve}if('vh'===Oe||'vw'===Oe){let Ne;return Ne='vh'===Oe?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0),Ne/100*ve}return'px'===Oe?+ve:+we})),-1===he.placement.indexOf('left')?-1===he.placement.indexOf('right')?-1===he.placement.indexOf('top')?-1!==he.placement.indexOf('bottom')&&(ge.left+=be[0],ge.top+=be[1]||0):(ge.left+=be[0],ge.top-=be[1]||0):(ge.top+=be[0],ge.left+=be[1]||0):(ge.top+=be[0],ge.left-=be[1]||0),he},offset:0},preventOverflow:{order:300,enabled:!0,function:function(he,ce){const ue=ce.boundariesElement||e(he.instance.popper),ge=v(he.instance.popper,ce.padding,ue);ce.boundaries=ge;const be=ce.priority;let we=T(he.offsets.popper);const xe={primary(ye){let ve=we[ye];return we[ye]ge[ye]&&!ce.escapeWithReference&&(Oe=Math.min(we[ve],ge[ye]-('right'===ye?we.width:we.height))),{[ve]:Oe}}};return be.forEach((ye)=>{const ve=-1===['left','top'].indexOf(ye)?'secondary':'primary';we=fe({},we,xe[ve](ye))}),he.offsets.popper=we,he},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(he){const ce=T(he.offsets.popper),ue=he.offsets.reference,ge=he.placement.split('-')[0],be=Math.floor,we=-1!==['top','bottom'].indexOf(ge),xe=we?'right':'bottom',ye=we?'left':'top',ve=we?'width':'height';return ce[xe]be(ue[xe])&&(he.offsets.popper[ye]=be(ue[xe])),he}},arrow:{order:500,enabled:!0,function:function(he,ce){if(!R(he.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),he;let ue=ce.element;if('string'==typeof ue){if(ue=he.instance.popper.querySelector(ue),!ue)return he;}else if(!he.instance.popper.contains(ue))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),he;const ge=he.placement.split('-')[0],be=T(he.offsets.popper),we=he.offsets.reference,xe=-1!==['left','right'].indexOf(ge),ye=xe?'height':'width',ve=xe?'top':'left',Oe=xe?'left':'top',Ee=xe?'bottom':'right',Se=P(ue)[ye];we[Ee]-Sebe[Ee]&&(he.offsets.popper[ve]+=we[ve]+Se-be[Ee]);const Ne=we[ve]+we[ye]/2-Se/2;let Le=Ne-T(he.offsets.popper)[ve];return Le=Math.max(Math.min(be[ye]-Se,Le),0),he.arrowElement=ue,he.offsets.arrow={},he.offsets.arrow[ve]=Le,he.offsets.arrow[Oe]='',he},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(he,ce){if(M(he.instance.modifiers,'inner'))return he;if(he.flipped&&he.placement===he.originalPlacement)return he;const ue=v(he.instance.popper,ce.padding,ce.boundariesElement);let ge=he.placement.split('-')[0],be=B(ge),we=he.placement.split('-')[1]||'',xe=[];return xe='flip'===ce.behavior?[ge,be]:ce.behavior,xe.forEach((ye,ve)=>{if(ge!==ye||xe.length===ve+1)return he;ge=he.placement.split('-')[0],be=B(ge);const Oe=T(he.offsets.popper),Ee=he.offsets.reference,Se=Math.floor,Ne='left'===ge&&Se(Oe.right)>Se(Ee.left)||'right'===ge&&Se(Oe.left)Se(Ee.top)||'bottom'===ge&&Se(Oe.top)Se(ue.right),Pe=Se(Oe.top)Se(ue.bottom),He='left'===ge&&Le||'right'===ge&&Te||'top'===ge&&Pe||'bottom'===ge&&Be,We=-1!==['top','bottom'].indexOf(ge),De=!!ce.flipVariations&&(We&&'start'===we&&Le||We&&'end'===we&&Te||!We&&'start'===we&&Pe||!We&&'end'===we&&Be);(Ne||He||De)&&(he.flipped=!0,(Ne||He)&&(ge=xe[ve+1]),De&&(we=X(we)),he.placement=ge+(we?'-'+we:''),he.offsets.popper=H(he.instance.state.position,he.instance.popper,he.offsets.reference,he.placement),he=I(he.instance.modifiers,he,'flip'))}),he},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(he){const ce=he.placement,ue=ce.split('-')[0],ge=T(he.offsets.popper),be=T(he.offsets.reference),we=-1!==['left','right'].indexOf(ue),xe=-1===['top','left'].indexOf(ue);return ge[we?'left':'top']=be[ce]-(xe?ge[we?'width':'height']:0),he.placement=B(ce),he.offsets.popper=T(ge),he}},hide:{order:800,enabled:!0,function:function(he){if(!R(he.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),he;const ce=he.offsets.reference,ue=N(he.instance.modifiers,(ge)=>'preventOverflow'===ge.name).boundaries;if(ce.bottomue.right||ce.top>ue.bottom||ce.rightve[Ne]&&!we.escapeWithReference&&(Pe=_Mathmin(Ee[Te],ve[Ne]-('right'===Ne?Ee.width:Ee.height))),ne({},Te,Pe)}};return Oe.forEach(function(Le){var Ne=-1===['left','top'].indexOf(Le)?'secondary':'primary';Ee=re({},Ee,Se[Ne](Le))}),ye.offsets.popper=Ee,ye},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(ye){var we=h(ye.offsets.popper),xe=ye.offsets.reference,ve=ye.placement.split('-')[0],Oe=_Mathfloor,Ee=-1!==['top','bottom'].indexOf(ve),Se=Ee?'right':'bottom',Le=Ee?'left':'top',Ne=Ee?'width':'height';return we[Se]Oe(xe[Se])&&(ye.offsets.popper[Le]=Oe(xe[Se])),ye}},arrow:{order:500,enabled:!0,function:function(ye,we){if(!R(ye.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),ye;var xe=we.element;if('string'==typeof xe){if(xe=ye.instance.popper.querySelector(xe),!xe)return ye;}else if(!ye.instance.popper.contains(xe))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),ye;var ve=ye.placement.split('-')[0],Oe=h(ye.offsets.popper),Ee=ye.offsets.reference,Se=-1!==['left','right'].indexOf(ve),Le=Se?'height':'width',Ne=Se?'top':'left',Te=Se?'left':'top',Pe=Se?'bottom':'right',We=W(xe)[Le];Ee[Pe]-WeOe[Pe]&&(ye.offsets.popper[Ne]+=Ee[Ne]+We-Oe[Pe]);var He=Ee[Ne]+Ee[Le]/2-We/2,Be=He-h(ye.offsets.popper)[Ne];return Be=_Mathmax(_Mathmin(Oe[Le]-We,Be),0),ye.arrowElement=xe,ye.offsets.arrow={},ye.offsets.arrow[Ne]=Be,ye.offsets.arrow[Te]='',ye},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(ye,we){if(A(ye.instance.modifiers,'inner'))return ye;if(ye.flipped&&ye.placement===ye.originalPlacement)return ye;var xe=O(ye.instance.popper,ye.instance.reference,we.padding,we.boundariesElement),ve=ye.placement.split('-')[0],Oe=H(ve),Ee=ye.placement.split('-')[1]||'',Se=[];return Se='flip'===we.behavior?[ve,Oe]:we.behavior,Se.forEach(function(Le,Ne){if(ve!==Le||Se.length===Ne+1)return ye;ve=ye.placement.split('-')[0],Oe=H(ve);var Te=h(ye.offsets.popper),Pe=ye.offsets.reference,We=_Mathfloor,He='left'===ve&&We(Te.right)>We(Pe.left)||'right'===ve&&We(Te.left)We(Pe.top)||'bottom'===ve&&We(Te.top)We(xe.right),De=We(Te.top)We(xe.bottom),ke='left'===ve&&Be||'right'===ve&&Ce||'top'===ve&&De||'bottom'===ve&&Me,Ae=-1!==['top','bottom'].indexOf(ve),Re=!!we.flipVariations&&(Ae&&'start'===Ee&&Be||Ae&&'end'===Ee&&Ce||!Ae&&'start'===Ee&&De||!Ae&&'end'===Ee&&Me);(He||ke||Re)&&(ye.flipped=!0,(He||ke)&&(ve=Se[Ne+1]),Re&&(Ee=X(Ee)),ye.placement=ve+(Ee?'-'+Ee:''),ye.offsets.popper=B(ye.instance.state.position,ye.instance.popper,ye.offsets.reference,ye.placement),ye=U(ye.instance.modifiers,ye,'flip'))}),ye},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(ye){var we=ye.placement,xe=we.split('-')[0],ve=h(ye.offsets.popper),Oe=h(ye.offsets.reference),Ee=-1!==['left','right'].indexOf(xe),Se=-1===['top','left'].indexOf(xe);return ve[Ee?'left':'top']=Oe[we]-(Se?ve[Ee?'width':'height']:0),ye.placement=H(we),ye.offsets.popper=h(ve),ye}},hide:{order:800,enabled:!0,function:function(ye){if(!R(ye.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),ye;var we=ye.offsets.reference,xe=N(ye.instance.modifiers,function(ve){return'preventOverflow'===ve.name}).boundaries;if(we.bottomxe.right||we.top>xe.bottom||we.right { const Default = { placement : 'bottom', - offset : {} + offset : 0 } const DefaultType = { @@ -143,7 +145,7 @@ const Dropdown = (($) => { placement : context._config.placement, modifiers : { offset : { - offset : this.config.offset + offset : context._config.offset } } }) @@ -204,7 +206,7 @@ const Dropdown = (($) => { _getMenuElement() { if (!this._menu) { - let parent = Dropdown._getParentFromElement(this._element) + const parent = Dropdown._getParentFromElement(this._element) this._menu = $(parent).find(Selector.MENU)[0] } return this._menu @@ -215,7 +217,7 @@ const Dropdown = (($) => { static _jQueryInterface(config) { return this.each(function () { let data = $(this).data(DATA_KEY) - let _config = typeof config === 'object' ? config : null + const _config = typeof config === 'object' ? config : null if (!data) { data = new Dropdown(this, _config) @@ -240,7 +242,7 @@ const Dropdown = (($) => { const toggles = $.makeArray($(Selector.DATA_TOGGLE)) for (let i = 0; i < toggles.length; i++) { const parent = Dropdown._getParentFromElement(toggles[i]) - let context = $(toggles[i]).data(DATA_KEY) + const context = $(toggles[i]).data(DATA_KEY) const relatedTarget = { relatedTarget : toggles[i] } @@ -249,7 +251,7 @@ const Dropdown = (($) => { continue } - let dropdownMenu = context._menu + const dropdownMenu = context._menu if (!$(parent).hasClass(ClassName.SHOW)) { continue } diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 5f5e3d7bcbe1..9995cede7480 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -47,7 +47,7 @@ const Tooltip = (($) => { html : false, selector : false, placement : 'top', - offset : {}, + offset : 0, container : false } diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index a15eb52450d6..1dd675b0b685 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -275,20 +275,20 @@ $(function () { $first.parent('.dropdown') .on('shown.bs.dropdown', function () { assert.strictEqual($first.parents('.show').length, 1, '"show" class added on click') - assert.strictEqual($('#qunit-fixture .show').length, 1, 'only one dropdown is shown') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 1, 'only one dropdown is shown') $(document.body).trigger('click') }).on('hidden.bs.dropdown', function () { - assert.strictEqual($('#qunit-fixture .show').length, 0, '"show" class removed') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 0, '"show" class removed') $last.trigger('click') }) $last.parent('.btn-group') .on('shown.bs.dropdown', function () { assert.strictEqual($last.parent('.show').length, 1, '"show" class added on click') - assert.strictEqual($('#qunit-fixture .show').length, 1, 'only one dropdown is shown') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 1, 'only one dropdown is shown') $(document.body).trigger('click') }).on('hidden.bs.dropdown', function () { - assert.strictEqual($('#qunit-fixture .show').length, 0, '"show" class removed') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 0, '"show" class removed') done() }) $first.trigger('click') @@ -321,24 +321,24 @@ $(function () { $first.parent('.dropdown') .on('shown.bs.dropdown', function () { assert.strictEqual($first.parents('.show').length, 1, '"show" class added on click') - assert.strictEqual($('#qunit-fixture .show').length, 1, 'only one dropdown is shown') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 1, 'only one dropdown is shown') var e = $.Event('keyup') e.which = 9 // Tab $(document.body).trigger(e) }).on('hidden.bs.dropdown', function () { - assert.strictEqual($('#qunit-fixture .show').length, 0, '"show" class removed') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 0, '"show" class removed') $last.trigger('click') }) $last.parent('.btn-group') .on('shown.bs.dropdown', function () { assert.strictEqual($last.parent('.show').length, 1, '"show" class added on click') - assert.strictEqual($('#qunit-fixture .show').length, 1, 'only one dropdown is shown') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 1, 'only one dropdown is shown') var e = $.Event('keyup') e.which = 9 // Tab $(document.body).trigger(e) }).on('hidden.bs.dropdown', function () { - assert.strictEqual($('#qunit-fixture .show').length, 0, '"show" class removed') + assert.strictEqual($('#qunit-fixture .dropdown-menu.show').length, 0, '"show" class removed') done() }) $first.trigger('click') @@ -552,7 +552,7 @@ $(function () { }) QUnit.test('should not close the dropdown if the user clicks on a text field', function (assert) { - assert.expect(1) + assert.expect(2) var done = assert.async() var dropdownHTML = '
' + '' @@ -565,23 +565,23 @@ $(function () { .find('[data-toggle="dropdown"]') .bootstrapDropdown() + var $textfield = $('#textField') + $textfield.on('click', function () { + assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') + done() + }) + $dropdown .parent('.dropdown') .on('shown.bs.dropdown', function () { - $('#textField').trigger('click') - assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') - setTimeout(function () { - done() - }, 300) - }) - .on('hidden.bs.dropdown', function () { assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') + $textfield.trigger($.Event('click')) }) $dropdown.trigger('click') }) QUnit.test('should not close the dropdown if the user clicks on a textarea', function (assert) { - assert.expect(1) + assert.expect(2) var done = assert.async() var dropdownHTML = '
' + '' @@ -594,17 +594,17 @@ $(function () { .find('[data-toggle="dropdown"]') .bootstrapDropdown() + var $textarea = $('#textArea') + $textarea.on('click', function () { + assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') + done() + }) + $dropdown .parent('.dropdown') .on('shown.bs.dropdown', function () { - $('#textArea').trigger('click') - assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') - setTimeout(function () { - done() - }, 300) - }) - .on('hidden.bs.dropdown', function () { assert.ok($dropdown.parent('.dropdown').hasClass('show'), 'dropdown menu is shown') + $textarea.trigger($.Event('click')) }) $dropdown.trigger('click') }) diff --git a/js/tests/unit/popover.js b/js/tests/unit/popover.js index eaa9fa0c0d08..a7762bfaba70 100644 --- a/js/tests/unit/popover.js +++ b/js/tests/unit/popover.js @@ -47,13 +47,18 @@ $(function () { QUnit.test('should render popover element', function (assert) { assert.expect(2) - var $popover = $('@mdo') + var done = assert.async() + $('@mdo') .appendTo('#qunit-fixture') + .on('shown.bs.popover', function () { + assert.notEqual($('.popover').length, 0, 'popover was inserted') + $(this).bootstrapPopover('hide') + }) + .on('hidden.bs.popover', function () { + assert.strictEqual($('.popover').length, 0, 'popover removed') + done() + }) .bootstrapPopover('show') - - assert.notEqual($('.popover').length, 0, 'popover was inserted') - $popover.bootstrapPopover('hide') - assert.strictEqual($('.popover').length, 0, 'popover removed') }) QUnit.test('should store popover instance in popover data object', function (assert) { diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index 0bb90156b9e1..f47a97e30c24 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -383,8 +383,6 @@ $(function () { var $tooltip = $($(this).data('bs.tooltip').tip) assert.ok($tooltip.hasClass('bs-tooltip-right')) assert.ok($tooltip.attr('style') === undefined) - $(this).bootstrapTooltip('hide') - $container.remove() $styles.remove() done() }) @@ -475,32 +473,19 @@ $(function () { }) .appendTo('#qunit-fixture') - $('#qunit-fixture').css({ - position : 'relative', - top : '0px', - left : '0px' - }) - - var $trigger = $container + $container .find('a') .css('margin-top', 200) .bootstrapTooltip({ placement: 'top', animate: false }) - .bootstrapTooltip('show') - - var $tooltip = $($trigger.data('bs.tooltip').tip) - - setTimeout(function () { - assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($trigger.offset().top)) - $('#qunit-fixture').css({ - position : 'absolute', - top : '-10000px', - left : '-10000px' + .on('shown.bs.tooltip', function () { + var $tooltip = $($(this).data('bs.tooltip').tip) + assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) >= Math.round($(this).offset().top)) + done() }) - done() - }, 0) + .bootstrapTooltip('show') }) QUnit.test('should show tooltip if leave event hasn\'t occurred before delay expires', function (assert) { @@ -702,43 +687,6 @@ $(function () { assert.strictEqual(currentUid, $('#tt-content').text()) }) - QUnit.test('should correctly position tooltips on transformed elements', function (assert) { - var styleProps = document.documentElement.style - if (!('transform' in styleProps) && !('webkitTransform' in styleProps) && !('msTransform' in styleProps)) { - assert.expect(0) - return - } - assert.expect(2) - - var done = assert.async() - - var styles = '' - var $styles = $(styles).appendTo('head') - - var $element = $('
').appendTo('#qunit-fixture') - - $element - .on('shown.bs.tooltip', function () { - var offset = $('.tooltip').offset() - $styles.remove() - assert.ok(Math.abs(offset.left - 88) <= 1, 'tooltip has correct horizontal location') - assert.ok(Math.abs(offset.top - 126) <= 1, 'tooltip has correct vertical location') - $element.bootstrapTooltip('hide') - done() - }) - .bootstrapTooltip({ - trigger: 'manual' - }) - - $element.bootstrapTooltip('show') - }) - QUnit.test('should do nothing when an attempt is made to hide an uninitialized tooltip', function (assert) { assert.expect(1) diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html index 9fbd196b6faa..c45926eba98e 100644 --- a/js/tests/visual/tooltip.html +++ b/js/tests/visual/tooltip.html @@ -5,6 +5,19 @@ Tooltip +
@@ -34,6 +47,7 @@

Tooltip Bootstrap Visual Test

+
@@ -44,6 +58,10 @@

Tooltip Bootstrap Visual Test

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 2c57f0209c65..4f0e6fcce6e9 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -138,4 +138,4 @@ // // Just add .dropup after the standard .dropdown class and you're set. -.dropup {} +//.dropup {} From 5dfd78b72ea0cfb74e9978dfc5712137cd770256 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Mon, 17 Apr 2017 14:26:40 +0200 Subject: [PATCH 08/26] Handle dropup for Dropdown --- js/src/dropdown.js | 11 +++++++++-- js/tests/unit/tooltip.js | 9 +++++++-- js/tests/visual/dropdown.html | 13 +++++++++++++ scss/_dropdown.scss | 8 ++------ 4 files changed, 31 insertions(+), 10 deletions(-) diff --git a/js/src/dropdown.js b/js/src/dropdown.js index ce25e9671144..33171cf20b0b 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -64,8 +64,13 @@ const Dropdown = (($) => { VISIBLE_ITEMS : '.dropdown-menu .dropdown-item:not(.disabled)' } + const AttachmentMap = { + TOP : 'top', + BOTTOM : 'bottom' + } + const Default = { - placement : 'bottom', + placement : AttachmentMap.BOTTOM, offset : 0 } @@ -141,8 +146,10 @@ const Dropdown = (($) => { return false } + // Handle dropup + const dropdownPlacement = $(this).parent().hasClass('dropup') ? AttachmentMap.TOP : context._config.placement this._popper = new Popper(this, context._menu, { - placement : context._config.placement, + placement : dropdownPlacement, modifiers : { offset : { offset : context._config.offset diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index f47a97e30c24..c0cafefe5128 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -456,7 +456,7 @@ $(function () { assert.expect(1) var done = assert.async() - var containerHTML = '
' + var containerHTML = '
' + '

' + 'Hover me' + '

' @@ -482,7 +482,12 @@ $(function () { }) .on('shown.bs.tooltip', function () { var $tooltip = $($(this).data('bs.tooltip').tip) - assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) >= Math.round($(this).offset().top)) + if (/iPhone|iPad|iPod/.test(navigator.userAgent)) { + assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($(this).offset().top)) + } + else { + assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) >= Math.round($(this).offset().top)) + } done() }) .bootstrapTooltip('show') diff --git a/js/tests/visual/dropdown.html b/js/tests/visual/dropdown.html index d96b367e9919..45c5d51722b5 100644 --- a/js/tests/visual/dropdown.html +++ b/js/tests/visual/dropdown.html @@ -58,6 +58,19 @@

Dropdown Bootstrap Visual Test

+ + +
+ + +
+ Action + Another action + Something else here +
+
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index 4f0e6fcce6e9..7826e02121ea 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -23,6 +23,8 @@ } } +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// Just add .dropup after the standard .dropdown class and you're set. .dropup { .dropdown-toggle { &::after { @@ -133,9 +135,3 @@ color: $dropdown-header-color; white-space: nowrap; // as with > li > a } - -// Allow for dropdowns to go bottom up (aka, dropup-menu) -// -// Just add .dropup after the standard .dropdown class and you're set. - -//.dropup {} From a2dae3c581e53e1b8edace6a9cff3c242dba550f Mon Sep 17 00:00:00 2001 From: Johann-S Date: Mon, 17 Apr 2017 15:20:53 +0200 Subject: [PATCH 09/26] Remove Tether from package.json + Update Popper --- docs/assets/js/vendor/popper.min.js | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/assets/js/vendor/popper.min.js b/docs/assets/js/vendor/popper.min.js index fffdb1d1bf78..529fd210851d 100644 --- a/docs/assets/js/vendor/popper.min.js +++ b/docs/assets/js/vendor/popper.min.js @@ -1,3 +1,3 @@ -var _Mathfloor=Math.floor,_Mathmin=Math.min,_Mathround=Math.round,_Mathmax=Math.max,_typeof='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&'function'==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?'symbol':typeof e};(function(e,t){'object'===('undefined'==typeof exports?'undefined':_typeof(exports))&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(ye,we){if(1!==ye.nodeType)return[];var xe=window.getComputedStyle(ye,null);return we?xe[we]:xe}function t(ye){return'HTML'===ye.nodeName?ye:ye.parentNode||ye.host}function o(ye){if(!ye||-1!==['HTML','BODY','#document'].indexOf(ye.nodeName))return window.document.body;var we=e(ye),xe=we.overflow,ve=we.overflowX,Oe=we.overflowY;return /(auto|scroll)/.test(xe+Oe+ve)?ye:o(t(ye))}function r(ye){return'HTML'===ye.nodeName||ye.firstElementChild.offsetParent===ye}function s(ye){return null===ye.parentNode?ye:s(ye.parentNode)}function p(ye){var we=ye&&ye.offsetParent,xe=we&&we.nodeName;return xe&&'BODY'!==xe&&'HTML'!==xe?we:window.document.documentElement}function f(ye,we){if(!ye||!ye.nodeType||!we||!we.nodeType)return window.document.documentElement;var xe=ye.compareDocumentPosition(we)&Node.DOCUMENT_POSITION_FOLLOWING,ve=xe?ye:we,Oe=xe?we:ye,Ee=document.createRange();Ee.setStart(ve,0),Ee.setEnd(Oe,0);var Se=Ee.commonAncestorContainer;if(ye!==Se&&we!==Se)return r(Se)?Se:p(Se);var Le=s(ye);return Le.host?f(Le.host,we):f(ye,s(we).host)}function d(ye){var we=1ve[Ne]&&!we.escapeWithReference&&(Pe=_Mathmin(Ee[Te],ve[Ne]-('right'===Ne?Ee.width:Ee.height))),ne({},Te,Pe)}};return Oe.forEach(function(Le){var Ne=-1===['left','top'].indexOf(Le)?'secondary':'primary';Ee=re({},Ee,Se[Ne](Le))}),ye.offsets.popper=Ee,ye},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(ye){var we=h(ye.offsets.popper),xe=ye.offsets.reference,ve=ye.placement.split('-')[0],Oe=_Mathfloor,Ee=-1!==['top','bottom'].indexOf(ve),Se=Ee?'right':'bottom',Le=Ee?'left':'top',Ne=Ee?'width':'height';return we[Se]Oe(xe[Se])&&(ye.offsets.popper[Le]=Oe(xe[Se])),ye}},arrow:{order:500,enabled:!0,function:function(ye,we){if(!R(ye.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),ye;var xe=we.element;if('string'==typeof xe){if(xe=ye.instance.popper.querySelector(xe),!xe)return ye;}else if(!ye.instance.popper.contains(xe))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),ye;var ve=ye.placement.split('-')[0],Oe=h(ye.offsets.popper),Ee=ye.offsets.reference,Se=-1!==['left','right'].indexOf(ve),Le=Se?'height':'width',Ne=Se?'top':'left',Te=Se?'left':'top',Pe=Se?'bottom':'right',We=W(xe)[Le];Ee[Pe]-WeOe[Pe]&&(ye.offsets.popper[Ne]+=Ee[Ne]+We-Oe[Pe]);var He=Ee[Ne]+Ee[Le]/2-We/2,Be=He-h(ye.offsets.popper)[Ne];return Be=_Mathmax(_Mathmin(Oe[Le]-We,Be),0),ye.arrowElement=xe,ye.offsets.arrow={},ye.offsets.arrow[Ne]=Be,ye.offsets.arrow[Te]='',ye},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(ye,we){if(A(ye.instance.modifiers,'inner'))return ye;if(ye.flipped&&ye.placement===ye.originalPlacement)return ye;var xe=O(ye.instance.popper,ye.instance.reference,we.padding,we.boundariesElement),ve=ye.placement.split('-')[0],Oe=H(ve),Ee=ye.placement.split('-')[1]||'',Se=[];return Se='flip'===we.behavior?[ve,Oe]:we.behavior,Se.forEach(function(Le,Ne){if(ve!==Le||Se.length===Ne+1)return ye;ve=ye.placement.split('-')[0],Oe=H(ve);var Te=h(ye.offsets.popper),Pe=ye.offsets.reference,We=_Mathfloor,He='left'===ve&&We(Te.right)>We(Pe.left)||'right'===ve&&We(Te.left)We(Pe.top)||'bottom'===ve&&We(Te.top)We(xe.right),De=We(Te.top)We(xe.bottom),ke='left'===ve&&Be||'right'===ve&&Ce||'top'===ve&&De||'bottom'===ve&&Me,Ae=-1!==['top','bottom'].indexOf(ve),Re=!!we.flipVariations&&(Ae&&'start'===Ee&&Be||Ae&&'end'===Ee&&Ce||!Ae&&'start'===Ee&&De||!Ae&&'end'===Ee&&Me);(He||ke||Re)&&(ye.flipped=!0,(He||ke)&&(ve=Se[Ne+1]),Re&&(Ee=X(Ee)),ye.placement=ve+(Ee?'-'+Ee:''),ye.offsets.popper=B(ye.instance.state.position,ye.instance.popper,ye.offsets.reference,ye.placement),ye=U(ye.instance.modifiers,ye,'flip'))}),ye},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(ye){var we=ye.placement,xe=we.split('-')[0],ve=h(ye.offsets.popper),Oe=h(ye.offsets.reference),Ee=-1!==['left','right'].indexOf(xe),Se=-1===['top','left'].indexOf(xe);return ve[Ee?'left':'top']=Oe[we]-(Se?ve[Ee?'width':'height']:0),ye.placement=H(we),ye.offsets.popper=h(ve),ye}},hide:{order:800,enabled:!0,function:function(ye){if(!R(ye.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),ye;var we=ye.offsets.reference,xe=N(ye.instance.modifiers,function(ve){return'preventOverflow'===ve.name}).boundaries;if(we.bottomxe.right||we.top>xe.bottom||we.rightza[Ea]&&!xa.escapeWithReference&&(Ga=_Mathmin(Ba[Fa],za[Ea]-('right'===Ea?Ba.width:Ba.height))),la({},Fa,Ga)}};return Aa.forEach(function(Da){var Ea=-1===['left','top'].indexOf(Da)?'secondary':'primary';Ba=ma({},Ba,Ca[Ea](Da))}),wa.offsets.popper=Ba,wa},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(wa){var xa=u(wa.offsets.popper),ya=wa.offsets.reference,za=wa.placement.split('-')[0],Aa=_Mathfloor,Ba=-1!==['top','bottom'].indexOf(za),Ca=Ba?'right':'bottom',Da=Ba?'left':'top',Ea=Ba?'width':'height';return xa[Ca]Aa(ya[Ca])&&(wa.offsets.popper[Da]=Aa(ya[Ca])),wa}},arrow:{order:500,enabled:!0,function:function(wa,xa){if(!S(wa.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),wa;var ya=xa.element;if('string'==typeof ya){if(ya=wa.instance.popper.querySelector(ya),!ya)return wa;}else if(!wa.instance.popper.contains(ya))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),wa;var za=wa.placement.split('-')[0],Aa=u(wa.offsets.popper),Ba=wa.offsets.reference,Ca=-1!==['left','right'].indexOf(za),Da=Ca?'height':'width',Ea=Ca?'top':'left',Fa=Ca?'left':'top',Ga=Ca?'bottom':'right',Ha=A(ya)[Da];Ba[Ga]-HaAa[Ga]&&(wa.offsets.popper[Ea]+=Ba[Ea]+Ha-Aa[Ga]);var Ia=Ba[Ea]+Ba[Da]/2-Ha/2,Ja=Ia-u(wa.offsets.popper)[Ea];return Ja=_Mathmax(_Mathmin(Aa[Da]-Ha,Ja),0),wa.arrowElement=ya,wa.offsets.arrow={},wa.offsets.arrow[Ea]=Ja,wa.offsets.arrow[Fa]='',wa},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(wa,xa){if(K(wa.instance.modifiers,'inner'))return wa;if(wa.flipped&&wa.placement===wa.originalPlacement)return wa;var ya=N(wa.instance.popper,wa.instance.reference,xa.padding,xa.boundariesElement),za=wa.placement.split('-')[0],Aa=B(za),Ba=wa.placement.split('-')[1]||'',Ca=[];switch(xa.behavior){case sa.FLIP:Ca=[za,Aa];break;case sa.CLOCKWISE:Ca=V(za);break;case sa.COUNTERCLOCKWISE:Ca=V(za,!0);break;default:Ca=xa.behavior;}return Ca.forEach(function(Da,Ea){if(za!==Da||Ca.length===Ea+1)return wa;za=wa.placement.split('-')[0],Aa=B(za);var Fa=u(wa.offsets.popper),Ga=wa.offsets.reference,Ha=_Mathfloor,Ia='left'===za&&Ha(Fa.right)>Ha(Ga.left)||'right'===za&&Ha(Fa.left)Ha(Ga.top)||'bottom'===za&&Ha(Fa.top)Ha(ya.right),La=Ha(Fa.top)Ha(ya.bottom),Na='left'===za&&Ja||'right'===za&&Ka||'top'===za&&La||'bottom'===za&&Ma,Oa=-1!==['top','bottom'].indexOf(za),Pa=!!xa.flipVariations&&(Oa&&'start'===Ba&&Ja||Oa&&'end'===Ba&&Ka||!Oa&&'start'===Ba&&La||!Oa&&'end'===Ba&&Ma);(Ia||Na||Pa)&&(wa.flipped=!0,(Ia||Na)&&(za=Ca[Ea+1]),Pa&&(Ba=U(Ba)),wa.placement=za+(Ba?'-'+Ba:''),wa.offsets.popper=C(wa.instance.state.position,wa.instance.popper,wa.offsets.reference,wa.placement),wa=J(wa.instance.modifiers,wa,'flip'))}),wa},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(wa){var xa=wa.placement,ya=xa.split('-')[0],za=u(wa.offsets.popper),Aa=u(wa.offsets.reference),Ba=-1!==['left','right'].indexOf(ya),Ca=-1===['top','left'].indexOf(ya);return za[Ba?'left':'top']=Aa[xa]-(Ca?za[Ba?'width':'height']:0),wa.placement=B(xa),wa.offsets.popper=u(za),wa}},hide:{order:800,enabled:!0,function:function(wa){if(!S(wa.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),wa;var xa=wa.offsets.reference,ya=H(wa.instance.modifiers,function(za){return'preventOverflow'===za.name}).boundaries;if(xa.bottomya.right||xa.top>ya.bottom||xa.right=1.9.1", - "tether": "^1.4.0" + "Popper": "^1.8.1" }, "devDependencies": { "autoprefixer": "^6.7.7", From feb99a94c600d7fa50031d4a59894bcf67d81174 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Tue, 18 Apr 2017 14:02:24 +0200 Subject: [PATCH 10/26] Remove totaly Tether from documentation + dependencies --- _config.yml | 4 +- bower.json | 2 +- build/npm-shrinkwrap.json | 20 ++++++++-- docs/_includes/footer.html | 2 +- docs/assets/js/vendor/popper.min.js | 4 +- docs/assets/js/vendor/popper.min.js.map | 1 + docs/components/dropdowns.md | 38 ++++++++++++++++++- docs/components/popovers.md | 14 ++----- docs/components/tooltips.md | 14 ++----- docs/examples/album/index.html | 2 +- docs/examples/blog/index.html | 2 +- docs/examples/carousel/index.html | 2 +- docs/examples/cover/index.html | 2 +- docs/examples/dashboard/index.html | 2 +- docs/examples/jumbotron/index.html | 2 +- docs/examples/justified-nav/index.html | 2 +- docs/examples/navbar-top-fixed/index.html | 2 +- docs/examples/navbar-top/index.html | 2 +- docs/examples/navbars/index.html | 2 +- docs/examples/offcanvas/index.html | 2 +- docs/examples/starter-template/index.html | 2 +- docs/examples/sticky-footer-navbar/index.html | 2 +- docs/examples/tooltip-viewport/index.html | 3 +- docs/getting-started/introduction.md | 8 ++-- docs/index.html | 2 +- js/src/dropdown.js | 6 +-- js/src/tooltip.js | 4 +- package.json | 2 +- 28 files changed, 92 insertions(+), 58 deletions(-) create mode 100644 docs/assets/js/vendor/popper.min.js.map diff --git a/_config.yml b/_config.yml index 6d62f17e5be9..6389e4977021 100644 --- a/_config.yml +++ b/_config.yml @@ -51,5 +51,5 @@ cdn: js_hash: "sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" jquery: https://code.jquery.com/jquery-3.2.1.slim.min.js jquery_hash: "sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" - tether: https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js - tether_hash: "sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" + popper: https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.8.1/popper.es5.min.js + popper_hash: "sha256-Gr5YOrP8Q27ZkmCuWjLEzY633yb1qY2JJp3yvJFcF0w=" diff --git a/bower.json b/bower.json index cf339b7f17cd..d88e8ba90947 100644 --- a/bower.json +++ b/bower.json @@ -31,6 +31,6 @@ ], "dependencies": { "jquery": ">=1.9.1", - "tether": "^1.4.0" + "popper.js": "^1.8.1" } } diff --git a/build/npm-shrinkwrap.json b/build/npm-shrinkwrap.json index 347d92658f8a..35aade0586b2 100644 --- a/build/npm-shrinkwrap.json +++ b/build/npm-shrinkwrap.json @@ -3809,10 +3809,22 @@ "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz", "dev": true }, - "tether": { - "version": "1.4.0", - "from": "tether@>=1.4.0 <2.0.0", - "resolved": "https://registry.npmjs.org/tether/-/tether-1.4.0.tgz" + "tar-stream": { + "version": "1.5.2", + "from": "tar-stream@>=1.5.0 <2.0.0", + "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-1.5.2.tgz", + "dev": true + }, + "temporary": { + "version": "0.0.8", + "from": "temporary@>=0.0.8 <0.0.9", + "resolved": "https://registry.npmjs.org/temporary/-/temporary-0.0.8.tgz", + "dev": true + }, + "popper.js": { + "version": "1.8.2", + "from": "popper.js@>=1.8.0 <2.0.0", + "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.8.2.tgz" }, "text-table": { "version": "0.2.0", diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html index b8603f0d727d..2c17fb925d71 100644 --- a/docs/_includes/footer.html +++ b/docs/_includes/footer.html @@ -14,7 +14,7 @@ - + {% if site.github %} diff --git a/docs/assets/js/vendor/popper.min.js b/docs/assets/js/vendor/popper.min.js index 529fd210851d..5bbe8bbce22f 100644 --- a/docs/assets/js/vendor/popper.min.js +++ b/docs/assets/js/vendor/popper.min.js @@ -1,3 +1,3 @@ -var _Mathfloor=Math.floor,_Mathmin=Math.min,_Mathround=Math.round,_Mathmax=Math.max;(function(c,d){'object'==typeof exports&&'undefined'!=typeof module?module.exports=d():'function'==typeof define&&define.amd?define(d):c.Popper=d()})(this,function(){'use strict';function e(wa){return''!==wa&&!isNaN(parseFloat(wa))&&isFinite(wa)}function f(wa,xa){Object.keys(xa).forEach(function(ya){var za='';-1!==['width','height','top','right','bottom','left'].indexOf(ya)&&e(xa[ya])&&(za='px'),wa.style[ya]=xa[ya]+za})}function g(wa){for(var xa=[!1,'ms','webkit','moz','o'],ya=wa.charAt(0).toUpperCase()+wa.slice(1),za=0;zaza[Ea]&&!xa.escapeWithReference&&(Ga=_Mathmin(Ba[Fa],za[Ea]-('right'===Ea?Ba.width:Ba.height))),la({},Fa,Ga)}};return Aa.forEach(function(Da){var Ea=-1===['left','top'].indexOf(Da)?'secondary':'primary';Ba=ma({},Ba,Ca[Ea](Da))}),wa.offsets.popper=Ba,wa},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,function:function(wa){var xa=u(wa.offsets.popper),ya=wa.offsets.reference,za=wa.placement.split('-')[0],Aa=_Mathfloor,Ba=-1!==['top','bottom'].indexOf(za),Ca=Ba?'right':'bottom',Da=Ba?'left':'top',Ea=Ba?'width':'height';return xa[Ca]Aa(ya[Ca])&&(wa.offsets.popper[Da]=Aa(ya[Ca])),wa}},arrow:{order:500,enabled:!0,function:function(wa,xa){if(!S(wa.instance.modifiers,'arrow','keepTogether'))return console.warn('WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'),wa;var ya=xa.element;if('string'==typeof ya){if(ya=wa.instance.popper.querySelector(ya),!ya)return wa;}else if(!wa.instance.popper.contains(ya))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),wa;var za=wa.placement.split('-')[0],Aa=u(wa.offsets.popper),Ba=wa.offsets.reference,Ca=-1!==['left','right'].indexOf(za),Da=Ca?'height':'width',Ea=Ca?'top':'left',Fa=Ca?'left':'top',Ga=Ca?'bottom':'right',Ha=A(ya)[Da];Ba[Ga]-HaAa[Ga]&&(wa.offsets.popper[Ea]+=Ba[Ea]+Ha-Aa[Ga]);var Ia=Ba[Ea]+Ba[Da]/2-Ha/2,Ja=Ia-u(wa.offsets.popper)[Ea];return Ja=_Mathmax(_Mathmin(Aa[Da]-Ha,Ja),0),wa.arrowElement=ya,wa.offsets.arrow={},wa.offsets.arrow[Ea]=Ja,wa.offsets.arrow[Fa]='',wa},element:'[x-arrow]'},flip:{order:600,enabled:!0,function:function(wa,xa){if(K(wa.instance.modifiers,'inner'))return wa;if(wa.flipped&&wa.placement===wa.originalPlacement)return wa;var ya=N(wa.instance.popper,wa.instance.reference,xa.padding,xa.boundariesElement),za=wa.placement.split('-')[0],Aa=B(za),Ba=wa.placement.split('-')[1]||'',Ca=[];switch(xa.behavior){case sa.FLIP:Ca=[za,Aa];break;case sa.CLOCKWISE:Ca=V(za);break;case sa.COUNTERCLOCKWISE:Ca=V(za,!0);break;default:Ca=xa.behavior;}return Ca.forEach(function(Da,Ea){if(za!==Da||Ca.length===Ea+1)return wa;za=wa.placement.split('-')[0],Aa=B(za);var Fa=u(wa.offsets.popper),Ga=wa.offsets.reference,Ha=_Mathfloor,Ia='left'===za&&Ha(Fa.right)>Ha(Ga.left)||'right'===za&&Ha(Fa.left)Ha(Ga.top)||'bottom'===za&&Ha(Fa.top)Ha(ya.right),La=Ha(Fa.top)Ha(ya.bottom),Na='left'===za&&Ja||'right'===za&&Ka||'top'===za&&La||'bottom'===za&&Ma,Oa=-1!==['top','bottom'].indexOf(za),Pa=!!xa.flipVariations&&(Oa&&'start'===Ba&&Ja||Oa&&'end'===Ba&&Ka||!Oa&&'start'===Ba&&La||!Oa&&'end'===Ba&&Ma);(Ia||Na||Pa)&&(wa.flipped=!0,(Ia||Na)&&(za=Ca[Ea+1]),Pa&&(Ba=U(Ba)),wa.placement=za+(Ba?'-'+Ba:''),wa.offsets.popper=C(wa.instance.state.position,wa.instance.popper,wa.offsets.reference,wa.placement),wa=J(wa.instance.modifiers,wa,'flip'))}),wa},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,function:function(wa){var xa=wa.placement,ya=xa.split('-')[0],za=u(wa.offsets.popper),Aa=u(wa.offsets.reference),Ba=-1!==['left','right'].indexOf(ya),Ca=-1===['top','left'].indexOf(ya);return za[Ba?'left':'top']=Aa[xa]-(Ca?za[Ba?'width':'height']:0),wa.placement=B(xa),wa.offsets.popper=u(za),wa}},hide:{order:800,enabled:!0,function:function(wa){if(!S(wa.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),wa;var xa=wa.offsets.reference,ya=H(wa.instance.modifiers,function(za){return'preventOverflow'===za.name}).boundaries;if(xa.bottomya.right||xa.top>ya.bottom||xa.rightnativeHints.some((d)=>-1<(c||'').toString().indexOf(d));const isBrowser='undefined'!=typeof window,longerTimeoutBrowsers=['Edge','Trident','Firefox'];let timeoutDuration=0;for(let c=0;c{c(),d=!1});return g.observe(f,{attributes:!0}),()=>{d||(d=!0,f.setAttribute('x-index',e),++e)}}function taskDebounce(c){let d=!1;return()=>{d||(d=!0,setTimeout(()=>{d=!1,c()},timeoutDuration))}}const supportsNativeMutationObserver=isBrowser&&isNative(window.MutationObserver);var debounce=supportsNativeMutationObserver?microtaskDebounce:taskDebounce;function isNumeric(c){return''!==c&&!isNaN(parseFloat(c))&&isFinite(c)}function setStyles(c,d){Object.keys(d).forEach((e)=>{let f='';-1!==['width','height','top','right','bottom','left'].indexOf(e)&&isNumeric(d[e])&&(f='px'),c.style[e]=d[e]+f})}function getSupportedPropertyName(c){const d=[!1,'ms','webkit','moz','o'],e=c.charAt(0).toUpperCase()+c.slice(1);for(let f=0;fd[e])}function getPopperOffsets(c,d,e,f){f=f.split('-')[0];const g=getOuterSizes(d),h={position:c,width:g.width,height:g.height},j=-1!==['right','left'].indexOf(f),k=j?'top':'left',l=j?'left':'top',m=j?'height':'width',o=j?'width':'height';return h[k]=e[k]+e[m]/2-g[m]/2,h[l]=f===l?e[l]-g[o]:e[getOppositePlacement(l)],h}function isFunction(c){return c&&'[object Function]'==={}.toString.call(c)}function attachToScrollParents(c,d,e,f){const g='BODY'===c.nodeName,h=g?window:c;h.addEventListener(d,e,{passive:!0}),g||attachToScrollParents(getScrollParent(h.parentNode),d,e,f),f.push(h)}function setupEventListeners(c,d,e,f){e.updateBound=f,window.addEventListener('resize',e.updateBound,{passive:!0});const g=getScrollParent(c);return attachToScrollParents(g,'scroll',e.updateBound,e.scrollParents),e.scrollElement=g,e.eventsEnabled=!0,e}function removeEventListeners(c,d){return window.removeEventListener('resize',d.updateBound),d.scrollParents.forEach((e)=>{e.removeEventListener('scroll',d.updateBound)}),d.updateBound=null,d.scrollParents=[],d.scrollElement=null,d.eventsEnabled=!1,d}function find(c,d){return Array.prototype.find?c.find(d):c.filter(d)[0]}function findIndex(c,d,e){if(Array.prototype.findIndex)return c.findIndex((g)=>g[d]===e);const f=find(c,(g)=>g[d]===e);return c.indexOf(f)}function runModifiers(c,d,e){const f=void 0===e?c:c.slice(0,findIndex(c,'name',e));return f.forEach((g)=>{g.enabled&&isFunction(g.function)&&(d=g.function(d,g))}),d}function isModifierEnabled(c,d){return c.some(({name:e,enabled:f})=>f&&e===d)}function getViewportOffsetRectRelativeToArtbitraryNode(c){const d=window.document.documentElement,e=getOffsetRectRelativeToArbitraryNode(c,d),f=_Mathmax(d.clientWidth,window.innerWidth||0),g=_Mathmax(d.clientHeight,window.innerHeight||0),h=getScroll(d),j=getScroll(d,'left'),k={top:h-e.top+e.marginTop,left:j-e.left+e.marginLeft,width:f,height:g};return getClientRect(k)}function isFixed(c){const d=c.nodeName;return'BODY'===d||'HTML'===d?!1:!('fixed'!==getStyleComputedProperty(c,'position'))||isFixed(getParentNode(c))}function getBoundaries(c,d,e,f){let g={top:0,left:0};const h=findCommonOffsetParent(c,d);if('viewport'===f)g=getViewportOffsetRectRelativeToArtbitraryNode(h);else{let j;'scrollParent'===f?(j=getScrollParent(getParentNode(c)),'BODY'===j.nodeName&&(j=window.document.documentElement)):'window'===f?j=window.document.documentElement:j=f;const k=getOffsetRectRelativeToArbitraryNode(j,h);if('HTML'===j.nodeName&&!isFixed(h)){const{height:l,width:m}=getWindowSizes();g.top+=k.top-k.marginTop,g.bottom=l+k.top,g.left+=k.left-k.marginLeft,g.right=m+k.left}else g=k}return g.left+=e,g.top+=e,g.right-=e,g.bottom-=e,g}function computeAutoPlacement(c,d,e,f){if(-1===c.indexOf('auto'))return c;const g=getBoundaries(e,f,0,'scrollParent'),h={top:d.top-g.top,right:g.right-d.right,bottom:g.bottom-d.bottom,left:d.left-g.left},j=Object.keys(h).sort((l,m)=>h[m]-h[l])[0],k=c.split('-')[1];return j+(k?`-${k}`:'')}const placements=['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'];function setAttributes(c,d){Object.keys(d).forEach(function(e){const f=d[e];!1===f?c.removeAttribute(e):c.setAttribute(e,d[e])})}function applyStyle(c,d){const e={position:c.offsets.popper.position},f={'x-placement':c.placement},g=_Mathround(c.offsets.popper.left),h=_Mathround(c.offsets.popper.top),j=getSupportedPropertyName('transform');return d.gpuAcceleration&&j?(e[j]='translate3d('+g+'px, '+h+'px, 0)',e.top=0,e.left=0,e.willChange='transform'):(e.left=g,e.top=h,e.willChange='top, left'),setStyles(c.instance.popper,_extends({},e,c.styles)),setAttributes(c.instance.popper,_extends({},f,c.attributes)),c.offsets.arrow&&setStyles(c.arrowElement,c.offsets.arrow),c}function applyStyleOnLoad(c,d,e,f,g){const h=getReferenceOffsets(g,d,c);return e.placement=computeAutoPlacement(e.placement,h,d,c),d.setAttribute('x-placement',e.placement),e}function isModifierRequired(c,d,e){const f=find(c,({name:g})=>g===d);return!!f&&c.some((g)=>{return g.name===e&&g.enabled&&g.orderg[o]&&(c.offsets.popper[l]+=h[l]+p-g[o]);const q=h[l]+h[k]/2-p/2;let r=q-getClientRect(c.offsets.popper)[l];return r=_Mathmax(_Mathmin(g[k]-p,r),0),c.arrowElement=e,c.offsets.arrow={},c.offsets.arrow[l]=r,c.offsets.arrow[m]='',c}function getOppositeVariation(c){if('end'===c)return'start';return'start'===c?'end':c}const validPlacements=placements.slice(3);function clockwise(c,d=!1){const e=validPlacements.indexOf(c),f=validPlacements.slice(e+1).concat(validPlacements.slice(0,e));return d?f.reverse():f}const BEHAVIORS={FLIP:'flip',CLOCKWISE:'clockwise',COUNTERCLOCKWISE:'counterclockwise'};function flip(c,d){if(isModifierEnabled(c.instance.modifiers,'inner'))return c;if(c.flipped&&c.placement===c.originalPlacement)return c;const e=getBoundaries(c.instance.popper,c.instance.reference,d.padding,d.boundariesElement);let f=c.placement.split('-')[0],g=getOppositePlacement(f),h=c.placement.split('-')[1]||'',j=[];switch(d.behavior){case BEHAVIORS.FLIP:j=[f,g];break;case BEHAVIORS.CLOCKWISE:j=clockwise(f);break;case BEHAVIORS.COUNTERCLOCKWISE:j=clockwise(f,!0);break;default:j=d.behavior;}return j.forEach((k,l)=>{if(f!==k||j.length===l+1)return c;f=c.placement.split('-')[0],g=getOppositePlacement(f);const m=getClientRect(c.offsets.popper),o=c.offsets.reference,p=_Mathfloor,q='left'===f&&p(m.right)>p(o.left)||'right'===f&&p(m.left)p(o.top)||'bottom'===f&&p(m.top)p(e.right),t=p(m.top)p(e.bottom),v='left'===f&&r||'right'===f&&s||'top'===f&&t||'bottom'===f&&u,w=-1!==['top','bottom'].indexOf(f),z=!!d.flipVariations&&(w&&'start'===h&&r||w&&'end'===h&&s||!w&&'start'===h&&t||!w&&'end'===h&&u);(q||v||z)&&(c.flipped=!0,(q||v)&&(f=j[l+1]),z&&(h=getOppositeVariation(h)),c.placement=f+(h?'-'+h:''),c.offsets.popper=getPopperOffsets(c.instance.state.position,c.instance.popper,c.offsets.reference,c.placement),c=runModifiers(c.instance.modifiers,c,'flip'))}),c}function keepTogether(c){const d=getClientRect(c.offsets.popper),e=c.offsets.reference,f=c.placement.split('-')[0],g=_Mathfloor,h=-1!==['top','bottom'].indexOf(f),j=h?'right':'bottom',k=h?'left':'top',l=h?'width':'height';return d[j]g(e[j])&&(c.offsets.popper[k]=g(e[j])),c}function offset(c,d){const e=c.placement,f=c.offsets.popper;let g;return isNumeric(d.offset)?g=[d.offset,0]:(g=d.offset.split(' '),g=g.map((h,j)=>{const k=h.match(/(\d*\.?\d*)(.*)/),l=+k[1],m=k[2];let o=-1!==e.indexOf('right')||-1!==e.indexOf('left');1===j&&(o=!o);const p=o?'height':'width';if(0===m.indexOf('%')){let q;switch(m){case'%p':q=c.offsets.popper;break;case'%':case'$r':default:q=c.offsets.reference;}const r=getClientRect(q),s=r[p];return s/100*l}if('vh'===m||'vw'===m){let q;return q='vh'===m?_Mathmax(document.documentElement.clientHeight,window.innerHeight||0):_Mathmax(document.documentElement.clientWidth,window.innerWidth||0),q/100*l}return'px'===m?+l:+h})),-1===c.placement.indexOf('left')?-1===c.placement.indexOf('right')?-1===c.placement.indexOf('top')?-1!==c.placement.indexOf('bottom')&&(f.left+=g[0],f.top+=g[1]||0):(f.left+=g[0],f.top-=g[1]||0):(f.top+=g[0],f.left+=g[1]||0):(f.top+=g[0],f.left-=g[1]||0),c}function preventOverflow(c,d){const e=d.boundariesElement||getOffsetParent(c.instance.popper),f=getBoundaries(c.instance.popper,c.instance.reference,d.padding,e);d.boundaries=f;const g=d.priority;let h=getClientRect(c.offsets.popper);const j={primary(k){let l=h[k];return h[k]f[k]&&!d.escapeWithReference&&(m=_Mathmin(h[l],f[k]-('right'===k?h.width:h.height))),{[l]:m}}};return g.forEach((k)=>{const l=-1===['left','top'].indexOf(k)?'secondary':'primary';h=_extends({},h,j[l](k))}),c.offsets.popper=h,c}function shift(c){const d=c.placement,e=d.split('-')[0],f=d.split('-')[1];if(f){const g=c.offsets.reference,h=getClientRect(c.offsets.popper),j=-1!==['bottom','top'].indexOf(e),k=j?'left':'top',l=j?'width':'height',m={start:{[k]:g[k]},end:{[k]:g[k]+g[l]-h[l]}};c.offsets.popper=_extends({},h,m[f])}return c}function hide(c){if(!isModifierRequired(c.instance.modifiers,'hide','preventOverflow'))return console.warn('WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'),c;const d=c.offsets.reference,e=find(c.instance.modifiers,(f)=>'preventOverflow'===f.name).boundaries;if(d.bottome.right||d.top>e.bottom||d.right{},onUpdate:()=>{},modifiers};class Popper{constructor(c,d,e={}){this.scheduleUpdate=()=>requestAnimationFrame(this.update),this.update=debounce(this.update.bind(this)),this.options=_extends({},Popper.Defaults,e),this.state={isDestroyed:!1,isCreated:!1,scrollParents:[]},this.reference=c.jquery?c[0]:c,this.popper=d.jquery?d[0]:d,setStyles(this.popper,{position:'absolute'}),this.modifiers=Object.keys(Popper.Defaults.modifiers).map((g)=>_extends({name:g},Popper.Defaults.modifiers[g])),this.modifiers=this.modifiers.map((g)=>{const h=e.modifiers&&e.modifiers[g.name]||{};return _extends({},g,h)}),e.modifiers&&(this.options.modifiers=_extends({},Popper.Defaults.modifiers,e.modifiers),Object.keys(e.modifiers).forEach((g)=>{if(Popper.Defaults.modifiers[g]===void 0){const h=e.modifiers[g];h.name=g,this.modifiers.push(h)}})),this.modifiers=this.modifiers.sort((g,h)=>g.order-h.order),this.modifiers.forEach((g)=>{g.enabled&&isFunction(g.onLoad)&&g.onLoad(this.reference,this.popper,this.options,g,this.state)}),this.update();const f=this.options.eventsEnabled;f&&this.enableEventListeners(),this.state.eventsEnabled=f}update(){if(this.state.isDestroyed)return;let c={instance:this,styles:{},attributes:{},flipped:!1,offsets:{}};c.offsets.reference=getReferenceOffsets(this.state,this.popper,this.reference),c.placement=computeAutoPlacement(this.options.placement,c.offsets.reference,this.popper,this.reference),c.originalPlacement=this.options.placement,c.offsets.popper=getPopperOffsets(this.state,this.popper,c.offsets.reference,c.placement),c=runModifiers(this.modifiers,c),this.state.isCreated?this.options.onUpdate(c):(this.state.isCreated=!0,this.options.onCreate(c))}destroy(){return this.state.isDestroyed=!0,isModifierEnabled(this.modifiers,'applyStyle')&&(this.popper.removeAttribute('x-placement'),this.popper.style.left='',this.popper.style.position='',this.popper.style.top='',this.popper.style[getSupportedPropertyName('transform')]=''),this.disableEventListeners(),this.options.removeOnDestroy&&this.popper.parentNode.removeChild(this.popper),this}enableEventListeners(){this.state.eventsEnabled||(this.state=setupEventListeners(this.reference,this.options,this.state,this.scheduleUpdate))}disableEventListeners(){this.state.eventsEnabled&&(window.cancelAnimationFrame(this.scheduleUpdate),this.state=removeEventListeners(this.reference,this.state))}}Popper.Utils=window.PopperUtils,Popper.placements=placements,Popper.Defaults=DEFAULTS;export default Popper; -//# sourceMappingURL=popper.es5.min.js.map \ No newline at end of file +//# sourceMappingURL=popper.min.js.map \ No newline at end of file diff --git a/docs/assets/js/vendor/popper.min.js.map b/docs/assets/js/vendor/popper.min.js.map new file mode 100644 index 000000000000..d87633d1f96c --- /dev/null +++ b/docs/assets/js/vendor/popper.min.js.map @@ -0,0 +1 @@ +{"version":3,"file":"popper.js.map","sources":["../src/popper/utils/isNative.js","../src/popper/utils/debounce.js","../src/popper/utils/isNumeric.js","../src/popper/utils/setStyles.js","../src/popper/utils/getSupportedPropertyName.js","../src/popper/utils/isOffsetContainer.js","../src/popper/utils/getRoot.js","../src/popper/utils/getOffsetParent.js","../src/popper/utils/findCommonOffsetParent.js","../src/popper/utils/getStyleComputedProperty.js","../src/popper/utils/getScroll.js","../src/popper/utils/includeScroll.js","../src/popper/utils/getParentNode.js","../src/popper/utils/getScrollParent.js","../src/popper/utils/getBordersSize.js","../src/popper/utils/getWindowSizes.js","../src/popper/utils/getClientRect.js","../src/popper/utils/isIE10.js","../src/popper/utils/getBoundingClientRect.js","../src/popper/utils/getOffsetRectRelativeToArbitraryNode.js","../src/popper/utils/getReferenceOffsets.js","../src/popper/utils/getOuterSizes.js","../src/popper/utils/getOppositePlacement.js","../src/popper/utils/getPopperOffsets.js","../src/popper/utils/isFunction.js","../src/popper/utils/setupEventListeners.js","../src/popper/utils/removeEventListeners.js","../src/popper/utils/find.js","../src/popper/utils/findIndex.js","../src/popper/utils/runModifiers.js","../src/popper/utils/isModifierEnabled.js","../src/popper/utils/getViewportOffsetRectRelativeToArtbitraryNode.js","../src/popper/utils/isFixed.js","../src/popper/utils/getBoundaries.js","../src/popper/utils/computeAutoPlacement.js","../src/popper/utils/placements.js","../src/popper/utils/setAttributes.js","../src/popper/modifiers/applyStyle.js","../src/popper/utils/isModifierRequired.js","../src/popper/modifiers/arrow.js","../src/popper/utils/getOppositeVariation.js","../src/popper/utils/clockwise.js","../src/popper/modifiers/flip.js","../src/popper/modifiers/keepTogether.js","../src/popper/modifiers/offset.js","../src/popper/modifiers/preventOverflow.js","../src/popper/modifiers/shift.js","../src/popper/modifiers/hide.js","../src/popper/modifiers/inner.js","../src/popper/modifiers/index.js","../src/popper/index.js"],"sourcesContent":["const nativeHints = [\n 'native code',\n '[object MutationObserverConstructor]', // for mobile safari iOS 9.0\n];\n\n/**\n * Determine if a function is implemented natively (as opposed to a polyfill).\n * @argument {Function | undefined} fn the function to check\n * @returns {boolean}\n */\nexport default fn =>\n nativeHints.some(hint => (fn || '').toString().indexOf(hint) > -1);\n","import isNative from './isNative';\n\nconst isBrowser = typeof window !== 'undefined';\nconst longerTimeoutBrowsers = ['Edge', 'Trident', 'Firefox'];\nlet timeoutDuration = 0;\nfor (let i = 0; i < longerTimeoutBrowsers.length; i += 1) {\n if (isBrowser && navigator.userAgent.indexOf(longerTimeoutBrowsers[i]) >= 0) {\n timeoutDuration = 1;\n break;\n }\n}\n\nexport function microtaskDebounce(fn) {\n let scheduled = false;\n let i = 0;\n const elem = document.createElement('span');\n\n // MutationObserver provides a mechanism for scheduling microtasks, which\n // are scheduled *before* the next task. This gives us a way to debounce\n // a function but ensure it's called *before* the next paint.\n const observer = new MutationObserver(() => {\n fn();\n scheduled = false;\n });\n\n observer.observe(elem, { attributes: true });\n\n return () => {\n if (!scheduled) {\n scheduled = true;\n elem.setAttribute('x-index', i);\n i = i + 1; // don't use compund (+=) because it doesn't get optimized in V8\n }\n };\n}\n\nexport function taskDebounce(fn) {\n let scheduled = false;\n return () => {\n if (!scheduled) {\n scheduled = true;\n setTimeout(() => {\n scheduled = false;\n fn();\n }, timeoutDuration);\n }\n };\n}\n\n// It's common for MutationObserver polyfills to be seen in the wild, however\n// these rely on Mutation Events which only occur when an element is connected\n// to the DOM. The algorithm used in this module does not use a connected element,\n// and so we must ensure that a *native* MutationObserver is available.\nconst supportsNativeMutationObserver =\n isBrowser && isNative(window.MutationObserver);\n\n/**\n* Create a debounced version of a method, that's asynchronously deferred\n* but called in the minimum time possible.\n*\n* @method\n* @memberof Popper.Utils\n* @argument {Function} fn\n* @returns {Function}\n*/\nexport default (supportsNativeMutationObserver\n ? microtaskDebounce\n : taskDebounce);\n","/**\n * Tells if a given input is a number\n * @method\n * @memberof Popper.Utils\n * @param {*} input to check\n * @return {Boolean}\n */\nexport default function isNumeric(n) {\n return n !== '' && !isNaN(parseFloat(n)) && isFinite(n);\n}\n","import isNumeric from './isNumeric';\n\n/**\n * Set the style to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the style to\n * @argument {Object} styles - Object with a list of properties and values which will be applied to the element\n */\nexport default function setStyles(element, styles) {\n Object.keys(styles).forEach(prop => {\n let unit = '';\n // add unit if the value is numeric and is one of the following\n if (\n ['width', 'height', 'top', 'right', 'bottom', 'left'].indexOf(prop) !==\n -1 && isNumeric(styles[prop])\n ) {\n unit = 'px';\n }\n element.style[prop] = styles[prop] + unit;\n });\n}\n","/**\n * Get the prefixed supported property name\n * @method\n * @memberof Popper.Utils\n * @argument {String} property (camelCase)\n * @returns {String} prefixed property (camelCase)\n */\nexport default function getSupportedPropertyName(property) {\n const prefixes = [false, 'ms', 'webkit', 'moz', 'o'];\n const upperProp = property.charAt(0).toUpperCase() + property.slice(1);\n\n for (let i = 0; i < prefixes.length - 1; i++) {\n const prefix = prefixes[i];\n const toCheck = prefix ? `${prefix}${upperProp}` : property;\n if (typeof window.document.body.style[toCheck] !== 'undefined') {\n return toCheck;\n }\n }\n return null;\n}\n","export default function isOffsetContainer(element) {\n const { nodeName } = element;\n if (nodeName === 'BODY') {\n return false;\n }\n return (\n nodeName === 'HTML' || element.firstElementChild.offsetParent === element\n );\n}\n","/**\n * Finds the root node (document, shadowDOM root) of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} node\n * @returns {Element} root node\n */\nexport default function getRoot(node) {\n if (node.parentNode !== null) {\n return getRoot(node.parentNode);\n }\n\n return node;\n}\n","/**\n * Returns the offset parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} offset parent\n */\nexport default function getOffsetParent(element) {\n // NOTE: 1 DOM access here\n const offsetParent = element && element.offsetParent;\n const nodeName = offsetParent && offsetParent.nodeName;\n\n if (!nodeName || nodeName === 'BODY' || nodeName === 'HTML') {\n return window.document.documentElement;\n }\n\n return offsetParent;\n}\n","import isOffsetContainer from './isOffsetContainer';\nimport getRoot from './getRoot';\nimport getOffsetParent from './getOffsetParent';\n\n/**\n * Finds the offset parent common to the two provided nodes\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element1\n * @argument {Element} element2\n * @returns {Element} common offset parent\n */\nexport default function findCommonOffsetParent(element1, element2) {\n // This check is needed to avoid errors in case one of the elements isn't defined for any reason\n if (!element1 || !element1.nodeType || !element2 || !element2.nodeType) {\n return window.document.documentElement;\n }\n\n // Here we make sure to give as \"start\" the element that comes first in the DOM\n const order =\n element1.compareDocumentPosition(element2) &\n Node.DOCUMENT_POSITION_FOLLOWING;\n const start = order ? element1 : element2;\n const end = order ? element2 : element1;\n\n // Get common ancestor container\n const range = document.createRange();\n range.setStart(start, 0);\n range.setEnd(end, 0);\n const { commonAncestorContainer } = range;\n\n // Both nodes are inside #document\n if (\n element1 !== commonAncestorContainer && element2 !== commonAncestorContainer\n ) {\n if (isOffsetContainer(commonAncestorContainer)) {\n return commonAncestorContainer;\n }\n\n return getOffsetParent(commonAncestorContainer);\n }\n\n // one of the nodes is inside shadowDOM, find which one\n const element1root = getRoot(element1);\n if (element1root.host) {\n return findCommonOffsetParent(element1root.host, element2);\n } else {\n return findCommonOffsetParent(element1, getRoot(element2).host);\n }\n}\n","/**\n * Get CSS computed property of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Eement} element\n * @argument {String} property\n */\nexport default function getStyleComputedProperty(element, property) {\n if (element.nodeType !== 1) {\n return [];\n }\n // NOTE: 1 DOM access here\n const css = window.getComputedStyle(element, null);\n return property ? css[property] : css;\n}\n","/**\n * Gets the scroll value of the given element in the given side (top and left)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {String} side `top` or `left`\n * @returns {Number} amount of scrolled pixels\n */\nexport default function getScroll(element, side = 'top') {\n const upperSide = side === 'top' ? 'scrollTop' : 'scrollLeft';\n const nodeName = element.nodeName;\n\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n const html = window.document.documentElement;\n const scrollingElement = window.document.scrollingElement || html;\n return scrollingElement[upperSide];\n }\n\n return element[upperSide];\n}\n","import getScroll from './getScroll';\n\n/*\n * Sum or subtract the element scroll values (left and top) from a given rect object\n * @method\n * @memberof Popper.Utils\n * @param {Object} rect - Rect object you want to change\n * @param {HTMLElement} element - The element from the function reads the scroll values\n * @param {Boolean} subtract - set to true if you want to subtract the scroll values\n * @return {Object} rect - The modifier rect object\n */\nexport default function includeScroll(rect, element, subtract = false) {\n const scrollTop = getScroll(element, 'top');\n const scrollLeft = getScroll(element, 'left');\n const modifier = subtract ? -1 : 1;\n rect.top += scrollTop * modifier;\n rect.bottom += scrollTop * modifier;\n rect.left += scrollLeft * modifier;\n rect.right += scrollLeft * modifier;\n return rect;\n}\n","/**\n * Returns the parentNode or the host of the element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} parent\n */\nexport default function getParentNode(element) {\n if (element.nodeName === 'HTML') {\n return element;\n }\n return element.parentNode || element.host;\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getParentNode from './getParentNode';\n\n/**\n * Returns the scrolling parent of the given element\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Element} scroll parent\n */\nexport default function getScrollParent(element) {\n // Return body, `getScroll` will take care to get the correct `scrollTop` from it\n if (\n !element || ['HTML', 'BODY', '#document'].indexOf(element.nodeName) !== -1\n ) {\n return window.document.body;\n }\n\n // Firefox want us to check `-x` and `-y` variations as well\n const { overflow, overflowX, overflowY } = getStyleComputedProperty(element);\n if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {\n return element;\n }\n\n return getScrollParent(getParentNode(element));\n}\n","/*\n * Helper to detect borders of a given element\n * @method\n * @memberof Popper.Utils\n * @param {CSSStyleDeclaration} styles - result of `getStyleComputedProperty` on the given element\n * @param {String} axis - `x` or `y`\n * @return {Number} borders - the borders size of the given axis\n */\n\nexport default function getBordersSize(styles, axis) {\n const sideA = axis === 'x' ? 'Left' : 'Top';\n const sideB = sideA === 'Left' ? 'Right' : 'Bottom';\n\n return (\n +styles[`border${sideA}Width`].split('px')[0] +\n +styles[`border${sideB}Width`].split('px')[0]\n );\n}\n","export default function getWindowSizes() {\n const body = window.document.body;\n const html = window.document.documentElement;\n return {\n height: Math.max(\n body.scrollHeight,\n body.offsetHeight,\n html.clientHeight,\n html.scrollHeight,\n html.offsetHeight\n ),\n width: Math.max(\n body.scrollWidth,\n body.offsetWidth,\n html.clientWidth,\n html.scrollWidth,\n html.offsetWidth\n ),\n };\n}\n","/**\n * Given element offsets, generate an output similar to getBoundingClientRect\n * @method\n * @memberof Popper.Utils\n * @argument {Object} offsets\n * @returns {Object} ClientRect like output\n */\nexport default function getClientRect(offsets) {\n return {\n ...offsets,\n right: offsets.left + offsets.width,\n bottom: offsets.top + offsets.height,\n };\n}\n","/**\n * Tells if you are running Internet Explorer 10\n * @returns {Boolean} isIE10\n */\nexport default function() {\n return navigator.appVersion.indexOf('MSIE 10') !== -1;\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getBordersSize from './getBordersSize';\nimport getWindowSizes from './getWindowSizes';\nimport getScroll from './getScroll';\nimport getClientRect from './getClientRect';\nimport runIsIE10 from './isIE10';\nconst isIE10 = runIsIE10();\n\n/**\n * Get bounding client rect of given element\n * @method\n * @memberof Popper.Utils\n * @param {HTMLElement} element\n * @return {Object} client rect\n */\nexport default function getBoundingClientRect(element) {\n let rect = {};\n\n // IE10 10 FIX: Please, don't ask, the element isn't\n // considered in DOM in some circumstances...\n // This isn't reproducible in IE10 compatibility mode of IE11\n if (isIE10) {\n try {\n rect = element.getBoundingClientRect();\n const scrollTop = getScroll(element, 'top');\n const scrollLeft = getScroll(element, 'left');\n rect.top += scrollTop;\n rect.left += scrollLeft;\n rect.bottom += scrollTop;\n rect.right += scrollLeft;\n } catch (err) {}\n } else {\n rect = element.getBoundingClientRect();\n }\n\n const result = {\n left: rect.left,\n top: rect.top,\n width: rect.right - rect.left,\n height: rect.bottom - rect.top,\n };\n\n // subtract scrollbar size from sizes\n const sizes = element.nodeName === 'HTML' ? getWindowSizes() : {};\n const width =\n sizes.width || element.clientWidth || result.right - result.left;\n const height =\n sizes.height || element.clientHeight || result.bottom - result.top;\n\n let horizScrollbar = element.offsetWidth - width;\n let vertScrollbar = element.offsetHeight - height;\n\n // if an hypothetical scrollbar is detected, we must be sure it's not a `border`\n // we make this check conditional for performance reasons\n if (horizScrollbar || vertScrollbar) {\n const styles = getStyleComputedProperty(element);\n horizScrollbar -= getBordersSize(styles, 'x');\n vertScrollbar -= getBordersSize(styles, 'y');\n\n result.width -= horizScrollbar;\n result.height -= vertScrollbar;\n }\n\n return getClientRect(result);\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport includeScroll from './includeScroll';\nimport getScrollParent from './getScrollParent';\nimport getBoundingClientRect from './getBoundingClientRect';\nimport runIsIE10 from './isIE10';\nimport getClientRect from './getClientRect';\nconst isIE10 = runIsIE10();\n\nexport default function getOffsetRectRelativeToArbitraryNode(children, parent) {\n const isHTML = parent.nodeName === 'HTML';\n const childrenRect = getBoundingClientRect(children);\n const parentRect = getBoundingClientRect(parent);\n const scrollParent = getScrollParent(children);\n let offsets = getClientRect({\n top: childrenRect.top - parentRect.top,\n left: childrenRect.left - parentRect.left,\n width: childrenRect.width,\n height: childrenRect.height,\n });\n\n // Subtract margins of documentElement in case it's being used as parent\n // we do this only on HTML because it's the only element that behaves\n // differently when margins are applied to it. The margins are included in\n // the box of the documentElement, in the other cases not.\n if (isHTML || parent.nodeName === 'BODY') {\n const styles = getStyleComputedProperty(parent);\n const borderTopWidth = isIE10 && isHTML\n ? 0\n : +styles.borderTopWidth.split('px')[0];\n const borderLeftWidth = isIE10 && isHTML\n ? 0\n : +styles.borderLeftWidth.split('px')[0];\n const marginTop = isIE10 && isHTML ? 0 : +styles.marginTop.split('px')[0];\n const marginLeft = isIE10 && isHTML ? 0 : +styles.marginLeft.split('px')[0];\n\n offsets.top -= borderTopWidth - marginTop;\n offsets.bottom -= borderTopWidth - marginTop;\n offsets.left -= borderLeftWidth - marginLeft;\n offsets.right -= borderLeftWidth - marginLeft;\n\n // Attach marginTop and marginLeft because in some circumstances we may need them\n offsets.marginTop = marginTop;\n offsets.marginLeft = marginLeft;\n }\n\n if (\n parent.contains(scrollParent) &&\n (isIE10 || scrollParent.nodeName !== 'BODY')\n ) {\n offsets = includeScroll(offsets, parent);\n }\n\n return offsets;\n}\n","import findCommonOffsetParent from './findCommonOffsetParent';\nimport getOffsetRectRelativeToArbitraryNode\n from './getOffsetRectRelativeToArbitraryNode';\n\n/**\n * Get offsets to the reference element\n * @method\n * @memberof Popper.Utils\n * @param {Object} state\n * @param {Element} popper - the popper element\n * @param {Element} reference - the reference element (the popper will be relative to this)\n * @returns {Object} An object containing the offsets which will be applied to the popper\n */\nexport default function getReferenceOffsets(state, popper, reference) {\n const commonOffsetParent = findCommonOffsetParent(popper, reference);\n return getOffsetRectRelativeToArbitraryNode(reference, commonOffsetParent);\n}\n","/**\n * Get the outer sizes of the given element (offset size + margins)\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @returns {Object} object containing width and height properties\n */\nexport default function getOuterSizes(element) {\n const styles = window.getComputedStyle(element);\n const x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);\n const y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);\n const result = {\n width: element.offsetWidth + y,\n height: element.offsetHeight + x,\n };\n return result;\n}\n","/**\n * Get the opposite placement of the given one/\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement\n * @returns {String} flipped placement\n */\nexport default function getOppositePlacement(placement) {\n const hash = { left: 'right', right: 'left', bottom: 'top', top: 'bottom' };\n return placement.replace(/left|right|bottom|top/g, matched => hash[matched]);\n}\n","import getOuterSizes from './getOuterSizes';\nimport getOppositePlacement from './getOppositePlacement';\n\n/**\n * Get offsets to the popper\n * @method\n * @memberof Popper.Utils\n * @param {Object} position - CSS position the Popper will get applied\n * @param {HTMLElement} popper - the popper element\n * @param {Object} referenceOffsets - the reference offsets (the popper will be relative to this)\n * @param {String} placement - one of the valid placement options\n * @returns {Object} popperOffsets - An object containing the offsets which will be applied to the popper\n */\nexport default function getPopperOffsets(\n position,\n popper,\n referenceOffsets,\n placement\n) {\n placement = placement.split('-')[0];\n\n // Get popper node sizes\n const popperRect = getOuterSizes(popper);\n\n // Add position, width and height to our offsets object\n const popperOffsets = {\n position,\n width: popperRect.width,\n height: popperRect.height,\n };\n\n // depending by the popper placement we have to compute its offsets slightly differently\n const isHoriz = ['right', 'left'].indexOf(placement) !== -1;\n const mainSide = isHoriz ? 'top' : 'left';\n const secondarySide = isHoriz ? 'left' : 'top';\n const measurement = isHoriz ? 'height' : 'width';\n const secondaryMeasurement = !isHoriz ? 'height' : 'width';\n\n popperOffsets[mainSide] =\n referenceOffsets[mainSide] +\n referenceOffsets[measurement] / 2 -\n popperRect[measurement] / 2;\n if (placement === secondarySide) {\n popperOffsets[secondarySide] =\n referenceOffsets[secondarySide] - popperRect[secondaryMeasurement];\n } else {\n popperOffsets[secondarySide] =\n referenceOffsets[getOppositePlacement(secondarySide)];\n }\n\n return popperOffsets;\n}\n","/**\n * Check if the given variable is a function\n * @method\n * @memberof Popper.Utils\n * @argument {*} functionToCheck - variable to check\n * @returns {Boolean} answer to: is a function?\n */\nexport default function isFunction(functionToCheck) {\n const getType = {};\n return (\n functionToCheck &&\n getType.toString.call(functionToCheck) === '[object Function]'\n );\n}\n","import getScrollParent from './getScrollParent';\n\nfunction attachToScrollParents(scrollParent, event, callback, scrollParents) {\n const isBody = scrollParent.nodeName === 'BODY';\n const target = isBody ? window : scrollParent;\n target.addEventListener(event, callback, { passive: true });\n\n if (!isBody) {\n attachToScrollParents(\n getScrollParent(target.parentNode),\n event,\n callback,\n scrollParents\n );\n }\n scrollParents.push(target);\n}\n\n/**\n * Setup needed event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function setupEventListeners(\n reference,\n options,\n state,\n updateBound\n) {\n // Resize event listener on window\n state.updateBound = updateBound;\n window.addEventListener('resize', state.updateBound, { passive: true });\n\n // Scroll event listener on scroll parents\n const scrollElement = getScrollParent(reference);\n attachToScrollParents(\n scrollElement,\n 'scroll',\n state.updateBound,\n state.scrollParents\n );\n state.scrollElement = scrollElement;\n state.eventsEnabled = true;\n\n return state;\n}\n","/**\n * Remove event listeners used to update the popper position\n * @method\n * @memberof Popper.Utils\n * @private\n */\nexport default function removeEventListeners(reference, state) {\n // Remove resize event listener on window\n window.removeEventListener('resize', state.updateBound);\n\n // Remove scroll event listener on scroll parents\n state.scrollParents.forEach(target => {\n target.removeEventListener('scroll', state.updateBound);\n });\n\n // Reset state\n state.updateBound = null;\n state.scrollParents = [];\n state.scrollElement = null;\n state.eventsEnabled = false;\n return state;\n}\n","/**\n * Mimics the `find` method of Array\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nexport default function find(arr, check) {\n // use native find if supported\n if (Array.prototype.find) {\n return arr.find(check);\n }\n\n // use `filter` to obtain the same behavior of `find`\n return arr.filter(check)[0];\n}\n","import find from './find';\n\n/**\n * Return the index of the matching object\n * @method\n * @memberof Popper.Utils\n * @argument {Array} arr\n * @argument prop\n * @argument value\n * @returns index or -1\n */\nexport default function findIndex(arr, prop, value) {\n // use native findIndex if supported\n if (Array.prototype.findIndex) {\n return arr.findIndex(cur => cur[prop] === value);\n }\n\n // use `find` + `indexOf` if `findIndex` isn't supported\n const match = find(arr, obj => obj[prop] === value);\n return arr.indexOf(match);\n}\n","import isFunction from './isFunction';\nimport findIndex from './findIndex';\n\n/**\n * Loop trough the list of modifiers and run them in order, each of them will then edit the data object\n * @method\n * @memberof Popper.Utils\n * @param {Object} data\n * @param {Array} modifiers\n * @param {Function} ends\n */\nexport default function runModifiers(modifiers, data, ends) {\n const modifiersToRun = ends === undefined\n ? modifiers\n : modifiers.slice(0, findIndex(modifiers, 'name', ends));\n\n modifiersToRun.forEach(modifier => {\n if (modifier.enabled && isFunction(modifier.function)) {\n data = modifier.function(data, modifier);\n }\n });\n\n return data;\n}\n","/**\n * Helper used to know if the given modifier is enabled.\n * @method\n * @memberof Popper.Utils\n * @returns {Boolean}\n */\nexport default function isModifierEnabled(modifiers, modifierName) {\n return modifiers.some(\n ({ name, enabled }) => enabled && name === modifierName\n );\n}\n","import getOffsetRectRelativeToArbitraryNode\n from './getOffsetRectRelativeToArbitraryNode';\nimport getScroll from './getScroll';\nimport getClientRect from './getClientRect';\n\nexport default function getViewportOffsetRectRelativeToArtbitraryNode(element) {\n const html = window.document.documentElement;\n const relativeOffset = getOffsetRectRelativeToArbitraryNode(element, html);\n const width = Math.max(html.clientWidth, window.innerWidth || 0);\n const height = Math.max(html.clientHeight, window.innerHeight || 0);\n\n const scrollTop = getScroll(html);\n const scrollLeft = getScroll(html, 'left');\n\n const offset = {\n top: scrollTop - relativeOffset.top + relativeOffset.marginTop,\n left: scrollLeft - relativeOffset.left + relativeOffset.marginLeft,\n width,\n height,\n };\n\n return getClientRect(offset);\n}\n","import getStyleComputedProperty from './getStyleComputedProperty';\nimport getParentNode from './getParentNode';\n\n/**\n * Check if the given element is fixed or is inside a fixed parent\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element\n * @argument {Element} customContainer\n * @returns {Boolean} answer to \"isFixed?\"\n */\nexport default function isFixed(element) {\n const nodeName = element.nodeName;\n if (nodeName === 'BODY' || nodeName === 'HTML') {\n return false;\n }\n if (getStyleComputedProperty(element, 'position') === 'fixed') {\n return true;\n }\n return isFixed(getParentNode(element));\n}\n","import getScrollParent from './getScrollParent';\nimport getParentNode from './getParentNode';\nimport findCommonOffsetParent from './findCommonOffsetParent';\nimport getOffsetRectRelativeToArbitraryNode\n from './getOffsetRectRelativeToArbitraryNode';\nimport getViewportOffsetRectRelativeToArtbitraryNode\n from './getViewportOffsetRectRelativeToArtbitraryNode';\nimport getWindowSizes from './getWindowSizes';\nimport isFixed from './isFixed';\n\n/**\n * Computed the boundaries limits and return them\n * @method\n * @memberof Popper.Utils\n * @param {Object} data - Object containing the property \"offsets\" generated by `_getOffsets`\n * @param {Number} padding - Boundaries padding\n * @param {Element} boundariesElement - Element used to define the boundaries\n * @returns {Object} Coordinates of the boundaries\n */\nexport default function getBoundaries(\n popper,\n reference,\n padding,\n boundariesElement\n) {\n // NOTE: 1 DOM access here\n let boundaries = { top: 0, left: 0 };\n const offsetParent = findCommonOffsetParent(popper, reference);\n\n // Handle viewport case\n if (boundariesElement === 'viewport') {\n boundaries = getViewportOffsetRectRelativeToArtbitraryNode(offsetParent);\n } else {\n // Handle other cases based on DOM element used as boundaries\n let boundariesNode;\n if (boundariesElement === 'scrollParent') {\n boundariesNode = getScrollParent(getParentNode(popper));\n if (boundariesNode.nodeName === 'BODY') {\n boundariesNode = window.document.documentElement;\n }\n } else if (boundariesElement === 'window') {\n boundariesNode = window.document.documentElement;\n } else {\n boundariesNode = boundariesElement;\n }\n\n const offsets = getOffsetRectRelativeToArbitraryNode(\n boundariesNode,\n offsetParent\n );\n\n // In case of HTML, we need a different computation\n if (boundariesNode.nodeName === 'HTML' && !isFixed(offsetParent)) {\n const { height, width } = getWindowSizes();\n boundaries.top += offsets.top - offsets.marginTop;\n boundaries.bottom = height + offsets.top;\n boundaries.left += offsets.left - offsets.marginLeft;\n boundaries.right = width + offsets.left;\n } else {\n // for all the other DOM elements, this one is good\n boundaries = offsets;\n }\n }\n\n // Add paddings\n boundaries.left += padding;\n boundaries.top += padding;\n boundaries.right -= padding;\n boundaries.bottom -= padding;\n\n return boundaries;\n}\n","import getBoundaries from '../utils/getBoundaries';\n\n/**\n * Utility used to transform the `auto` placement to the placement with more\n * available space.\n * @method\n * @memberof Popper.Utils\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function computeAutoPlacement(\n placement,\n refRect,\n popper,\n reference\n) {\n if (placement.indexOf('auto') === -1) {\n return placement;\n }\n\n const boundaries = getBoundaries(popper, reference, 0, 'scrollParent');\n\n const sides = {\n top: refRect.top - boundaries.top,\n right: boundaries.right - refRect.right,\n bottom: boundaries.bottom - refRect.bottom,\n left: refRect.left - boundaries.left,\n };\n\n const computedPlacement = Object.keys(sides).sort(\n (a, b) => sides[b] - sides[a]\n )[0];\n const variation = placement.split('-')[1];\n\n return computedPlacement + (variation ? `-${variation}` : '');\n}\n","const placements = [\n 'auto-start',\n 'auto',\n 'auto-end',\n 'top-start',\n 'top',\n 'top-end',\n 'right-start',\n 'right',\n 'right-end',\n 'bottom-end',\n 'bottom',\n 'bottom-start',\n 'left-end',\n 'left',\n 'left-start',\n];\n\nexport default placements;\n","/**\n * Set the attributes to the given popper\n * @method\n * @memberof Popper.Utils\n * @argument {Element} element - Element to apply the attributes to\n * @argument {Object} styles - Object with a list of properties and values which will be applied to the element\n */\nexport default function setAttributes(element, attributes) {\n Object.keys(attributes).forEach(function(prop) {\n const value = attributes[prop];\n if (value !== false) {\n element.setAttribute(prop, attributes[prop]);\n } else {\n element.removeAttribute(prop);\n }\n });\n}\n","import getSupportedPropertyName from '../utils/getSupportedPropertyName';\nimport setStyles from '../utils/setStyles';\nimport setAttributes from '../utils/setAttributes';\nimport getReferenceOffsets from '../utils/getReferenceOffsets';\nimport computeAutoPlacement from '../utils/computeAutoPlacement';\n\n/**\n * Apply the computed styles to the popper element\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} data.styles - List of style properties - values to apply to popper element\n * @argument {Object} data.attributes - List of attribute properties - values to apply to popper element\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The same data object\n */\nexport default function applyStyle(data, options) {\n // apply the final offsets to the popper\n // NOTE: 1 DOM access here\n const styles = {\n position: data.offsets.popper.position,\n };\n\n const attributes = {\n 'x-placement': data.placement,\n };\n\n // round top and left to avoid blurry text\n const left = Math.round(data.offsets.popper.left);\n const top = Math.round(data.offsets.popper.top);\n\n // if gpuAcceleration is set to true and transform is supported,\n // we use `translate3d` to apply the position to the popper we\n // automatically use the supported prefixed version if needed\n const prefixedProperty = getSupportedPropertyName('transform');\n if (options.gpuAcceleration && prefixedProperty) {\n styles[prefixedProperty] = 'translate3d(' + left + 'px, ' + top + 'px, 0)';\n styles.top = 0;\n styles.left = 0;\n styles.willChange = 'transform';\n } else {\n // othwerise, we use the standard `left` and `top` properties\n styles.left = left;\n styles.top = top;\n styles.willChange = 'top, left';\n }\n\n // any property present in `data.styles` will be applied to the popper,\n // in this way we can make the 3rd party modifiers add custom styles to it\n // Be aware, modifiers could override the properties defined in the previous\n // lines of this modifier!\n setStyles(data.instance.popper, { ...styles, ...data.styles });\n\n // any property present in `data.attributes` will be applied to the popper,\n // they will be set as HTML attributes of the element\n setAttributes(data.instance.popper, { ...attributes, ...data.attributes });\n\n // if the arrow style has been computed, apply the arrow style\n if (data.offsets.arrow) {\n setStyles(data.arrowElement, data.offsets.arrow);\n }\n\n return data;\n}\n\n/**\n * Set the x-placement attribute before everything else because it could be used to add margins to the popper\n * margins needs to be calculated to get the correct popper offsets\n * @method\n * @memberof Popper.modifiers\n * @param {HTMLElement} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Popper.js options\n */\nexport function applyStyleOnLoad(\n reference,\n popper,\n options,\n modifierOptions,\n state\n) {\n // compute reference element offsets\n const referenceOffsets = getReferenceOffsets(state, popper, reference);\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n options.placement = computeAutoPlacement(\n options.placement,\n referenceOffsets,\n popper,\n reference\n );\n\n popper.setAttribute('x-placement', options.placement);\n return options;\n}\n","import find from './find';\n\n/**\n * Helper used to know if the given modifier depends from another one.\n * It checks if the needed modifier is listed and enabled.\n * @method\n * @memberof Popper.Utils\n * @param {Array} modifiers - list of modifiers\n * @param {String} requestingName - name of requesting modifier\n * @param {String} requestedName - name of requested modifier\n * @returns {Boolean}\n */\nexport default function isModifierRequired(\n modifiers,\n requestingName,\n requestedName\n) {\n const requesting = find(modifiers, ({ name }) => name === requestingName);\n\n return (\n !!requesting &&\n modifiers.some(modifier => {\n return (\n modifier.name === requestedName &&\n modifier.enabled &&\n modifier.order < requesting.order\n );\n })\n );\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOuterSizes from '../utils/getOuterSizes';\nimport isModifierRequired from '../utils/isModifierRequired';\n\n/**\n * Modifier used to move the arrowElements on the edge of the popper to make sure them are always between the popper and the reference element\n * It will use the CSS outer size of the arrowElement element to know how many pixels of conjuction are needed\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function arrow(data, options) {\n // arrow depends on keepTogether in order to work\n if (!isModifierRequired(data.instance.modifiers, 'arrow', 'keepTogether')) {\n console.warn(\n 'WARNING: `keepTogether` modifier is required by arrow modifier in order to work, be sure to include it before `arrow`!'\n );\n return data;\n }\n\n let arrowElement = options.element;\n\n // if arrowElement is a string, suppose it's a CSS selector\n if (typeof arrowElement === 'string') {\n arrowElement = data.instance.popper.querySelector(arrowElement);\n\n // if arrowElement is not found, don't run the modifier\n if (!arrowElement) {\n return data;\n }\n } else {\n // if the arrowElement isn't a query selector we must check that the\n // provided DOM node is child of its popper node\n if (!data.instance.popper.contains(arrowElement)) {\n console.warn(\n 'WARNING: `arrow.element` must be child of its popper element!'\n );\n return data;\n }\n }\n\n const placement = data.placement.split('-')[0];\n const popper = getClientRect(data.offsets.popper);\n const reference = data.offsets.reference;\n const isVertical = ['left', 'right'].indexOf(placement) !== -1;\n\n const len = isVertical ? 'height' : 'width';\n const side = isVertical ? 'top' : 'left';\n const altSide = isVertical ? 'left' : 'top';\n const opSide = isVertical ? 'bottom' : 'right';\n const arrowElementSize = getOuterSizes(arrowElement)[len];\n\n //\n // extends keepTogether behavior making sure the popper and its reference have enough pixels in conjuction\n //\n\n // top/left side\n if (reference[opSide] - arrowElementSize < popper[side]) {\n data.offsets.popper[side] -=\n popper[side] - (reference[opSide] - arrowElementSize);\n }\n // bottom/right side\n if (reference[side] + arrowElementSize > popper[opSide]) {\n data.offsets.popper[side] +=\n reference[side] + arrowElementSize - popper[opSide];\n }\n\n // compute center of the popper\n const center = reference[side] + reference[len] / 2 - arrowElementSize / 2;\n\n // Compute the sideValue using the updated popper offsets\n let sideValue = center - getClientRect(data.offsets.popper)[side];\n\n // prevent arrowElement from being placed not contiguously to its popper\n sideValue = Math.max(Math.min(popper[len] - arrowElementSize, sideValue), 0);\n\n data.arrowElement = arrowElement;\n data.offsets.arrow = {};\n data.offsets.arrow[side] = sideValue;\n data.offsets.arrow[altSide] = ''; // make sure to unset any eventual altSide value from the DOM node\n\n return data;\n}\n","/**\n * Get the opposite placement variation of the given one/\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement variation\n * @returns {String} flipped placement variation\n */\nexport default function getOppositeVariation(variation) {\n if (variation === 'end') {\n return 'start';\n } else if (variation === 'start') {\n return 'end';\n }\n return variation;\n}\n","import placements from '../utils/placements';\n\n// Get rid of `auto` `auto-start` and `auto-end`\nconst validPlacements = placements.slice(3);\n\n/**\n * Given an initial placement, returns all the subsequent placements\n * clockwise (or counter-clockwise).\n *\n * @method\n * @memberof Popper.Utils\n * @argument {String} placement - A valid placement (it accepts variations)\n * @argument {Boolean} counter - Set to true to walk the placements counterclockwise\n * @returns {Array} placements including their variations\n */\nexport default function clockwise(placement, counter = false) {\n const index = validPlacements.indexOf(placement);\n const arr = validPlacements\n .slice(index + 1)\n .concat(validPlacements.slice(0, index));\n return counter ? arr.reverse() : arr;\n}\n","import getOppositePlacement from '../utils/getOppositePlacement';\nimport getOppositeVariation from '../utils/getOppositeVariation';\nimport getClientRect from '../utils/getClientRect';\nimport getPopperOffsets from '../utils/getPopperOffsets';\nimport runModifiers from '../utils/runModifiers';\nimport getBoundaries from '../utils/getBoundaries';\nimport isModifierEnabled from '../utils/isModifierEnabled';\nimport clockwise from '../utils/clockwise';\n\nconst BEHAVIORS = {\n FLIP: 'flip',\n CLOCKWISE: 'clockwise',\n COUNTERCLOCKWISE: 'counterclockwise',\n};\n\n/**\n * Modifier used to flip the placement of the popper when the latter is starting overlapping its reference element.\n * Requires the `preventOverflow` modifier before it in order to work.\n * **NOTE:** data.instance modifier will run all its previous modifiers everytime it tries to flip the popper!\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function flip(data, options) {\n // if `inner` modifier is enabled, we can't use the `flip` modifier\n if (isModifierEnabled(data.instance.modifiers, 'inner')) {\n return data;\n }\n\n if (data.flipped && data.placement === data.originalPlacement) {\n // seems like flip is trying to loop, probably there's not enough space on any of the flippable sides\n return data;\n }\n\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n options.boundariesElement\n );\n\n let placement = data.placement.split('-')[0];\n let placementOpposite = getOppositePlacement(placement);\n let variation = data.placement.split('-')[1] || '';\n\n let flipOrder = [];\n\n switch (options.behavior) {\n case BEHAVIORS.FLIP:\n flipOrder = [placement, placementOpposite];\n break;\n case BEHAVIORS.CLOCKWISE:\n flipOrder = clockwise(placement);\n break;\n case BEHAVIORS.COUNTERCLOCKWISE:\n flipOrder = clockwise(placement, true);\n break;\n default:\n flipOrder = options.behavior;\n }\n\n flipOrder.forEach((step, index) => {\n if (placement !== step || flipOrder.length === index + 1) {\n return data;\n }\n\n placement = data.placement.split('-')[0];\n placementOpposite = getOppositePlacement(placement);\n\n const popperOffsets = getClientRect(data.offsets.popper);\n const refOffsets = data.offsets.reference;\n\n // using floor because the reference offsets may contain decimals we are not going to consider here\n const floor = Math.floor;\n const overlapsRef =\n (placement === 'left' &&\n floor(popperOffsets.right) > floor(refOffsets.left)) ||\n (placement === 'right' &&\n floor(popperOffsets.left) < floor(refOffsets.right)) ||\n (placement === 'top' &&\n floor(popperOffsets.bottom) > floor(refOffsets.top)) ||\n (placement === 'bottom' &&\n floor(popperOffsets.top) < floor(refOffsets.bottom));\n\n const overflowsLeft = floor(popperOffsets.left) < floor(boundaries.left);\n const overflowsRight = floor(popperOffsets.right) > floor(boundaries.right);\n const overflowsTop = floor(popperOffsets.top) < floor(boundaries.top);\n const overflowsBottom =\n floor(popperOffsets.bottom) > floor(boundaries.bottom);\n\n const overflowsBoundaries =\n (placement === 'left' && overflowsLeft) ||\n (placement === 'right' && overflowsRight) ||\n (placement === 'top' && overflowsTop) ||\n (placement === 'bottom' && overflowsBottom);\n\n // flip the variation if required\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const flippedVariation =\n !!options.flipVariations &&\n ((isVertical && variation === 'start' && overflowsLeft) ||\n (isVertical && variation === 'end' && overflowsRight) ||\n (!isVertical && variation === 'start' && overflowsTop) ||\n (!isVertical && variation === 'end' && overflowsBottom));\n\n if (overlapsRef || overflowsBoundaries || flippedVariation) {\n // this boolean to detect any flip loop\n data.flipped = true;\n\n if (overlapsRef || overflowsBoundaries) {\n placement = flipOrder[index + 1];\n }\n\n if (flippedVariation) {\n variation = getOppositeVariation(variation);\n }\n\n data.placement = placement + (variation ? '-' + variation : '');\n data.offsets.popper = getPopperOffsets(\n data.instance.state.position,\n data.instance.popper,\n data.offsets.reference,\n data.placement\n );\n\n data = runModifiers(data.instance.modifiers, data, 'flip');\n }\n });\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\n\n/**\n * Modifier used to make sure the popper is always near its reference element\n * It cares only about the first axis, you can still have poppers with margin\n * between the popper and its reference element.\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function keepTogether(data) {\n const popper = getClientRect(data.offsets.popper);\n const reference = data.offsets.reference;\n const placement = data.placement.split('-')[0];\n const floor = Math.floor;\n const isVertical = ['top', 'bottom'].indexOf(placement) !== -1;\n const side = isVertical ? 'right' : 'bottom';\n const opSide = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n if (popper[side] < floor(reference[opSide])) {\n data.offsets.popper[opSide] =\n floor(reference[opSide]) - popper[measurement];\n }\n if (popper[opSide] > floor(reference[side])) {\n data.offsets.popper[opSide] = floor(reference[side]);\n }\n\n return data;\n}\n","import isNumeric from '../utils/isNumeric';\nimport getClientRect from '../utils/getClientRect';\n\n/**\n * Modifier used to add an offset to the popper, useful if you more granularity positioning your popper.\n * The offsets will shift the popper on the side of its reference element.\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @argument {Number|String} options.offset=0\n * Basic usage allows a number used to nudge the popper by the given amount of pixels.\n * You can pass a percentage value as string (eg. `20%`) to nudge by the given percentage (relative to reference element size)\n * Other supported units are `vh` and `vw` (relative to viewport)\n * Additionally, you can pass a pair of values (eg. `10 20` or `2vh 20%`) to nudge the popper\n * on both axis.\n * A note about percentage values, if you want to refer a percentage to the popper size instead of the reference element size,\n * use `%p` instead of `%` (eg: `20%p`). To make it clearer, you can replace `%` with `%r` and use eg.`10%p 25%r`.\n * > **Heads up!** The order of the axis is relative to the popper placement: `bottom` or `top` are `X,Y`, the other are `Y,X`\n * @returns {Object} The data object, properly modified\n */\nexport default function offset(data, options) {\n const placement = data.placement;\n const popper = data.offsets.popper;\n\n let offsets;\n if (isNumeric(options.offset)) {\n offsets = [options.offset, 0];\n } else {\n // split the offset in case we are providing a pair of offsets separated\n // by a blank space\n offsets = options.offset.split(' ');\n\n // itherate through each offset to compute them in case they are percentages\n offsets = offsets.map((offset, index) => {\n // separate value from unit\n const split = offset.match(/(\\d*\\.?\\d*)(.*)/);\n const value = +split[1];\n const unit = split[2];\n\n // use height if placement is left or right and index is 0 otherwise use width\n // in this way the first offset will use an axis and the second one\n // will use the other one\n let useHeight =\n placement.indexOf('right') !== -1 || placement.indexOf('left') !== -1;\n\n if (index === 1) {\n useHeight = !useHeight;\n }\n\n const measurement = useHeight ? 'height' : 'width';\n\n // if is a percentage relative to the popper (%p), we calculate the value of it using\n // as base the sizes of the popper\n // if is a percentage (% or %r), we calculate the value of it using as base the\n // sizes of the reference element\n if (unit.indexOf('%') === 0) {\n let element;\n switch (unit) {\n case '%p':\n element = data.offsets.popper;\n break;\n case '%':\n case '$r':\n default:\n element = data.offsets.reference;\n }\n\n const rect = getClientRect(element);\n const len = rect[measurement];\n return len / 100 * value;\n } else if (unit === 'vh' || unit === 'vw') {\n // if is a vh or vw, we calculate the size based on the viewport\n let size;\n if (unit === 'vh') {\n size = Math.max(\n document.documentElement.clientHeight,\n window.innerHeight || 0\n );\n } else {\n size = Math.max(\n document.documentElement.clientWidth,\n window.innerWidth || 0\n );\n }\n return size / 100 * value;\n } else if (unit === 'px') {\n // if is an explicit pixel unit, we get rid of the unit and keep the value\n return +value;\n } else {\n // if is an implicit unit, it's px, and we return just the value\n return +offset;\n }\n });\n }\n\n if (data.placement.indexOf('left') !== -1) {\n popper.top += offsets[0];\n popper.left -= offsets[1] || 0;\n } else if (data.placement.indexOf('right') !== -1) {\n popper.top += offsets[0];\n popper.left += offsets[1] || 0;\n } else if (data.placement.indexOf('top') !== -1) {\n popper.left += offsets[0];\n popper.top -= offsets[1] || 0;\n } else if (data.placement.indexOf('bottom') !== -1) {\n popper.left += offsets[0];\n popper.top += offsets[1] || 0;\n }\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOffsetParent from '../utils/getOffsetParent';\nimport getBoundaries from '../utils/getBoundaries';\n\n/**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * An scenario exists where the reference itself is not within the boundaries. We can\n * say it has \"escaped the boundaries\" — or just \"escaped\". In this case we need to\n * decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should be ignore the boundary and \"escape with the reference\"\n *\n * When `escapeWithReference` is `true`, and reference is completely outside the\n * boundaries, the popper will overflow (or completely leave) the boundaries in order\n * to remain attached to the edge of the reference.\n *\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function preventOverflow(data, options) {\n const boundariesElement =\n options.boundariesElement || getOffsetParent(data.instance.popper);\n const boundaries = getBoundaries(\n data.instance.popper,\n data.instance.reference,\n options.padding,\n boundariesElement\n );\n options.boundaries = boundaries;\n\n const order = options.priority;\n let popper = getClientRect(data.offsets.popper);\n\n const check = {\n primary(placement) {\n let value = popper[placement];\n if (\n popper[placement] < boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.max(popper[placement], boundaries[placement]);\n }\n return { [placement]: value };\n },\n secondary(placement) {\n const mainSide = placement === 'right' ? 'left' : 'top';\n let value = popper[mainSide];\n if (\n popper[placement] > boundaries[placement] &&\n !options.escapeWithReference\n ) {\n value = Math.min(\n popper[mainSide],\n boundaries[placement] -\n (placement === 'right' ? popper.width : popper.height)\n );\n }\n return { [mainSide]: value };\n },\n };\n\n order.forEach(placement => {\n const side = ['left', 'top'].indexOf(placement) !== -1\n ? 'primary'\n : 'secondary';\n popper = { ...popper, ...check[side](placement) };\n });\n\n data.offsets.popper = popper;\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\n\n/**\n * Modifier used to shift the popper on the start or end of its reference element side\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function shift(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const shiftvariation = placement.split('-')[1];\n\n // if shift shiftvariation is specified, run the modifier\n if (shiftvariation) {\n const reference = data.offsets.reference;\n const popper = getClientRect(data.offsets.popper);\n const isVertical = ['bottom', 'top'].indexOf(basePlacement) !== -1;\n const side = isVertical ? 'left' : 'top';\n const measurement = isVertical ? 'width' : 'height';\n\n const shiftOffsets = {\n start: { [side]: reference[side] },\n end: {\n [side]: reference[side] + reference[measurement] - popper[measurement],\n },\n };\n\n data.offsets.popper = { ...popper, ...shiftOffsets[shiftvariation] };\n }\n\n return data;\n}\n","import isModifierRequired from '../utils/isModifierRequired';\nimport find from '../utils/find';\n\n/**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set an x-hidden attribute which can be used to hide\n * the popper when its reference is out of boundaries.\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by update method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function hide(data) {\n if (!isModifierRequired(data.instance.modifiers, 'hide', 'preventOverflow')) {\n console.warn(\n 'WARNING: preventOverflow modifier is required by hide modifier in order to work, be sure to include it before hide!'\n );\n return data;\n }\n\n const refRect = data.offsets.reference;\n const bound = find(\n data.instance.modifiers,\n modifier => modifier.name === 'preventOverflow'\n ).boundaries;\n\n if (\n refRect.bottom < bound.top ||\n refRect.left > bound.right ||\n refRect.top > bound.bottom ||\n refRect.right < bound.left\n ) {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === true) {\n return data;\n }\n\n data.hide = true;\n data.attributes['x-out-of-boundaries'] = '';\n } else {\n // Avoid unnecessary DOM access if visibility hasn't changed\n if (data.hide === false) {\n return data;\n }\n\n data.hide = false;\n data.attributes['x-out-of-boundaries'] = false;\n }\n\n return data;\n}\n","import getClientRect from '../utils/getClientRect';\nimport getOppositePlacement from '../utils/getOppositePlacement';\n\n/**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @method\n * @memberof Modifiers\n * @argument {Object} data - The data object generated by `update` method\n * @argument {Object} options - Modifiers configuration and options\n * @returns {Object} The data object, properly modified\n */\nexport default function inner(data) {\n const placement = data.placement;\n const basePlacement = placement.split('-')[0];\n const popper = getClientRect(data.offsets.popper);\n const reference = getClientRect(data.offsets.reference);\n const isHoriz = ['left', 'right'].indexOf(basePlacement) !== -1;\n\n const subtractLength = ['top', 'left'].indexOf(basePlacement) === -1;\n\n popper[isHoriz ? 'left' : 'top'] =\n reference[placement] -\n (subtractLength ? popper[isHoriz ? 'width' : 'height'] : 0);\n\n data.placement = getOppositePlacement(placement);\n data.offsets.popper = getClientRect(popper);\n\n return data;\n}\n","import applyStyle, { applyStyleOnLoad } from './applyStyle';\nimport arrow from './arrow';\nimport flip from './flip';\nimport keepTogether from './keepTogether';\nimport offset from './offset';\nimport preventOverflow from './preventOverflow';\nimport shift from './shift';\nimport hide from './hide';\nimport inner from './inner';\n\n/**\n * Modifiers are plugins used to alter the behavior of your poppers.\n * Popper.js uses a set of 9 modifiers to provide all the basic functionalities\n * needed by the library.\n *\n * Usually you don't want to override the `order`, `function` and `onLoad` props.\n * All the other properties are configurations that could be tweaked.\n * @namespace modifiers\n */\nexport default {\n /**\n * Modifier used to shift the popper on the start or end of its reference element side\n * @memberof modifiers\n * @inner\n */\n shift: {\n /** @prop {Number} order=100 - Index used to define the order of execution */\n order: 100,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: shift,\n },\n\n /**\n * Modifier used to add an offset to the popper, useful if you more granularity positioning your popper.\n * The offsets will shift the popper on the side of its reference element.\n * @memberof modifiers\n * @inner\n */\n offset: {\n /** @prop {Number} order=200 - Index used to define the order of execution */\n order: 200,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: offset,\n /** @prop {Number|String} offset=0\n * Basic usage allows a number used to nudge the popper by the given amount of pixels.\n * You can pass a percentage value as string (eg. `20%`) to nudge by the given percentage (relative to reference element size)\n * Other supported units are `vh` and `vw` (relative to viewport)\n * Additionally, you can pass a pair of values (eg. `10 20` or `2vh 20%`) to nudge the popper\n * on both axis.\n * A note about percentage values, if you want to refer a percentage to the popper size instead of the reference element size,\n * use `%p` instead of `%` (eg: `20%p`). To make it clearer, you can replace `%` with `%r` and use eg.`10%p 25%r`.\n * **Heads up!** The order of the axis is relative to the popper placement: `bottom` or `top` are `X,Y`, the other are `Y,X`\n */\n offset: 0,\n },\n\n /**\n * Modifier used to prevent the popper from being positioned outside the boundary.\n *\n * A scenario exists where the reference itself is not within the boundaries. We can\n * say it has \"escaped the boundaries\" — or just \"escaped\". In this case we need to\n * decide whether the popper should either:\n *\n * - detach from the reference and remain \"trapped\" in the boundaries, or\n * - if it should be ignore the boundary and \"escape with the reference\"\n *\n * When `escapeWithReference` is `true`, and reference is completely outside the\n * boundaries, the popper will overflow (or completely leave) the boundaries in order\n * to remain attached to the edge of the reference.\n * @memberof modifiers\n * @inner\n */\n preventOverflow: {\n /** @prop {Number} order=300 - Index used to define the order of execution */\n order: 300,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: preventOverflow,\n /**\n * @prop {Array} priority=['left', 'right', 'top', 'bottom']\n * Popper will try to prevent overflow following these priorities by default,\n * then, it could overflow on the left and on top of the `boundariesElement`\n */\n priority: ['left', 'right', 'top', 'bottom'],\n /**\n * @prop {Number} padding=5\n * Amount of pixel used to define a minimum distance between the boundaries\n * and the popper this makes sure the popper has always a little padding\n * between the edges of its container\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='scrollParent'\n * Boundaries used by the modifier, can be `scrollParent`, `window`,\n * `viewport` or any DOM element.\n */\n boundariesElement: 'scrollParent',\n },\n\n /**\n * Modifier used to make sure the reference and its popper stay near eachothers\n * without leaving any gap between the two. Expecially useful when the arrow is\n * enabled and you want to assure it to point to its reference element.\n * It cares only about the first axis, you can still have poppers with margin\n * between the popper and its reference element.\n * @memberof modifiers\n * @inner\n */\n keepTogether: {\n /** @prop {Number} order=400 - Index used to define the order of execution */\n order: 400,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: keepTogether,\n },\n\n /**\n * Modifier used to move the `arrowElement` on the edge of the popper to make\n * sure it's always between the popper and its reference element.\n * It will use the CSS outer size of the `arrowElement` element to know how\n * many pixels of conjuction are needed.\n * @memberof modifiers\n * @inner\n */\n arrow: {\n /** @prop {Number} order=500 - Index used to define the order of execution */\n order: 500,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: arrow,\n /** @prop {String|HTMLElement} element='[x-arrow]' - Selector or node used as arrow */\n element: '[x-arrow]',\n },\n\n /**\n * Modifier used to flip the placement of the popper when the latter starts\n * overlapping its reference element.\n * Requires the `preventOverflow` modifier before it in order to work.\n * **NOTE:** this modifier will run all its previous modifiers everytime it\n * tries to flip the popper!\n * @memberof modifiers\n * @inner\n */\n flip: {\n /** @prop {Number} order=600 - Index used to define the order of execution */\n order: 600,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: flip,\n /**\n * @prop {String|Array} behavior='flip'\n * The behavior used to change the popper's placement. It can be one of\n * `flip`, `clockwise`, `counterclockwise` or an array with a list of valid\n * placements (with optional variations).\n */\n behavior: 'flip',\n /**\n * @prop {Number} padding=5\n * The popper will flip if it hits the edges of the `boundariesElement`\n */\n padding: 5,\n /**\n * @prop {String|HTMLElement} boundariesElement='viewport'\n * The element which will define the boundaries of the popper position,\n * the popper will never be placed outside of the defined boundaries\n * (except if keepTogether is enabled)\n */\n boundariesElement: 'viewport',\n },\n\n /**\n * Modifier used to make the popper flow toward the inner of the reference element.\n * By default, when this modifier is disabled, the popper will be placed outside\n * the reference element.\n * @memberof modifiers\n * @inner\n */\n inner: {\n /** @prop {Number} order=700 - Index used to define the order of execution */\n order: 700,\n /** @prop {Boolean} enabled=false - Whether the modifier is enabled or not */\n enabled: false,\n /** @prop {Function} */\n function: inner,\n },\n\n /**\n * Modifier used to hide the popper when its reference element is outside of the\n * popper boundaries. It will set an x-hidden attribute which can be used to hide\n * the popper when its reference is out of boundaries.\n * @memberof modifiers\n * @inner\n */\n hide: {\n /** @prop {Number} order=800 - Index used to define the order of execution */\n order: 800,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: hide,\n },\n\n /**\n * Applies the computed styles to the popper element, disabling this modifier,\n * no DOM changes will be performed by Popper.js. You may want to disble it\n * while working with view librararies like React.\n * @memberof modifiers\n * @inner\n */\n applyStyle: {\n /** @prop {Number} order=900 - Index used to define the order of execution */\n order: 900,\n /** @prop {Boolean} enabled=true - Whether the modifier is enabled or not */\n enabled: true,\n /** @prop {Function} */\n function: applyStyle,\n /** @prop {Function} */\n onLoad: applyStyleOnLoad,\n /**\n * @prop {Boolean} gpuAcceleration=true\n * If true, it uses the CSS 3d transformation to position the popper.\n * Otherwise, it will use the `top` and `left` properties.\n */\n gpuAcceleration: true,\n },\n};\n\n/**\n * Modifiers can edit the `data` object to change the beheavior of the popper.\n * This object contains all the informations used by Popper.js to compute the\n * popper position.\n * The modifier can edit the data as needed, and then `return` it as result.\n *\n * @callback Modifiers~modifier\n * @param {dataObject} data\n * @return {dataObject} modified data\n */\n\n/**\n * The `dataObject` is an object containing all the informations used by Popper.js\n * this object get passed to modifiers and to the `onCreate` and `onUpdate` callbacks.\n * @name dataObject\n * @property {Object} data.instance The Popper.js instance\n * @property {String} data.placement Placement applied to popper\n * @property {String} data.originalPlacement Placement originally defined on init\n * @property {Boolean} data.flipped True if popper has been flipped by flip modifier\n * @property {Boolean} data.hide True if the reference element is out of boundaries, useful to know when to hide the popper.\n * @property {HTMLElement} data.arrowElement Node used as arrow by arrow modifier\n * @property {Object} data.styles Any CSS property defined here will be applied to the popper, it expects the JavaScript nomenclature (eg. `marginBottom`)\n * @property {Object} data.boundaries Offsets of the popper boundaries\n * @property {Object} data.offsets The measurements of popper, reference and arrow elements.\n * @property {Object} data.offsets.popper `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.reference `top`, `left`, `width`, `height` values\n * @property {Object} data.offsets.arro] `top` and `left` offsets, only one of them will be different from 0\n */\n","// Utils\nimport debounce from './utils/debounce';\nimport setStyles from './utils/setStyles';\nimport getSupportedPropertyName from './utils/getSupportedPropertyName';\nimport getReferenceOffsets from './utils/getReferenceOffsets';\nimport getPopperOffsets from './utils/getPopperOffsets';\nimport isFunction from './utils/isFunction';\nimport setupEventListeners from './utils/setupEventListeners';\nimport removeEventListeners from './utils/removeEventListeners';\nimport runModifiers from './utils/runModifiers';\nimport isModifierEnabled from './utils/isModifierEnabled';\nimport computeAutoPlacement from './utils/computeAutoPlacement';\nimport placements from './utils/placements';\n\n// Modifiers\nimport modifiers from './modifiers/index';\n\n/**\n *\n * @callback onCreateCallback\n * @param {dataObject} data\n */\n\n/**\n *\n * @callback onUpdateCallback\n * @param {dataObject} data\n */\n\n/**\n * Default options provided to Popper.js constructor.\n * These can be overriden using the `options` argument of Popper.js.\n * To override an option, simply pass as 3rd argument an object with the same\n * structure of {defaults}, example:\n * ```\n * new Popper(ref, pop, {\n * modifiers: {\n * preventOverflow: { enabled: false }\n * }\n * })\n * ```\n * @namespace defaults\n */\nconst DEFAULTS = {\n /**\n * Popper's placement\n * @memberof defaults\n * @prop {String} placement='bottom'\n */\n placement: 'bottom',\n\n /**\n * Whether events (resize, scroll) are initially enabled\n * @memberof defaults\n * @prop {Boolean} eventsEnabled=true\n */\n eventsEnabled: true,\n\n /**\n * Set to true if you want to automatically remove the popper when\n * you call the `destroy` method.\n * @memberof defaults\n * @prop {Boolean} removeOnDestroy=false\n */\n removeOnDestroy: false,\n\n /**\n * Callback called when the popper is created.\n * By default, is set to no-op.\n * Access Popper.js instance with `data.instance`.\n * @memberof defaults\n * @prop {onCreateCallback}\n */\n onCreate: () => {},\n\n /**\n * Callback called when the popper is updated, this callback is not called\n * on the initialization/creation of the popper, but only on subsequent\n * updates.\n * By default, is set to no-op.\n * Access Popper.js instance with `data.instance`.\n * @memberof defaults\n * @prop {onUpdateCallback}\n */\n onUpdate: () => {},\n\n /**\n * List of modifiers used to modify the offsets before they are applied to the popper.\n * They provide most of the functionalities of Popper.js\n * @memberof defaults\n * @prop {modifiers}\n */\n modifiers,\n};\n\n/**\n * Create a new Popper.js instance\n * @class Popper\n * @param {HTMLElement|referenceObject} reference - The reference element used to position the popper\n * @param {HTMLElement} popper - The HTML element used as popper.\n * @param {Object} options - Your custom options to override the ones defined in [DEFAULTS](#defaults)\n * @return {Object} instance - The generated Popper.js instance\n */\nexport default class Popper {\n constructor(reference, popper, options = {}) {\n // make update() debounced, so that it only runs at most once-per-tick\n this.update = debounce(this.update.bind(this));\n\n // with {} we create a new object with the options inside it\n this.options = { ...Popper.Defaults, ...options };\n\n // init state\n this.state = {\n isDestroyed: false,\n isCreated: false,\n scrollParents: [],\n };\n\n // get reference and popper elements (allow jQuery wrappers)\n this.reference = reference.jquery ? reference[0] : reference;\n this.popper = popper.jquery ? popper[0] : popper;\n\n // make sure to apply the popper position before any computation\n setStyles(this.popper, { position: 'absolute' });\n\n // refactoring modifiers' list (Object => Array)\n this.modifiers = Object.keys(Popper.Defaults.modifiers).map(name => ({\n name,\n ...Popper.Defaults.modifiers[name],\n }));\n\n // assign default values to modifiers, making sure to override them with\n // the ones defined by user\n this.modifiers = this.modifiers.map(defaultConfig => {\n const userConfig = (options.modifiers &&\n options.modifiers[defaultConfig.name]) || {};\n return { ...defaultConfig, ...userConfig };\n });\n\n // add custom modifiers to the modifiers list\n if (options.modifiers) {\n this.options.modifiers = {\n ...{},\n ...Popper.Defaults.modifiers,\n ...options.modifiers,\n };\n Object.keys(options.modifiers).forEach(name => {\n // take in account only custom modifiers\n if (Popper.Defaults.modifiers[name] === undefined) {\n const modifier = options.modifiers[name];\n modifier.name = name;\n this.modifiers.push(modifier);\n }\n });\n }\n\n // sort the modifiers by order\n this.modifiers = this.modifiers.sort((a, b) => a.order - b.order);\n\n // modifiers have the ability to execute arbitrary code when Popper.js get inited\n // such code is executed in the same order of its modifier\n // they could add new properties to their options configuration\n // BE AWARE: don't add options to `options.modifiers.name` but to `modifierOptions`!\n this.modifiers.forEach(modifierOptions => {\n if (modifierOptions.enabled && isFunction(modifierOptions.onLoad)) {\n modifierOptions.onLoad(\n this.reference,\n this.popper,\n this.options,\n modifierOptions,\n this.state\n );\n }\n });\n\n // fire the first update to position the popper in the right place\n this.update();\n\n const eventsEnabled = this.options.eventsEnabled;\n if (eventsEnabled) {\n // setup event listeners, they will take care of update the position in specific situations\n this.enableEventListeners();\n }\n\n this.state.eventsEnabled = eventsEnabled;\n }\n\n //\n // Methods\n //\n\n /**\n * Updates the position of the popper, computing the new offsets and applying the new style\n * Prefer `scheduleUpdate` over `update` because of performance reasons\n * @method\n * @memberof Popper\n */\n update() {\n // if popper is destroyed, don't perform any further update\n if (this.state.isDestroyed) {\n return;\n }\n\n let data = {\n instance: this,\n styles: {},\n attributes: {},\n flipped: false,\n offsets: {},\n };\n\n // compute reference element offsets\n data.offsets.reference = getReferenceOffsets(\n this.state,\n this.popper,\n this.reference\n );\n\n // compute auto placement, store placement inside the data object,\n // modifiers will be able to edit `placement` if needed\n // and refer to originalPlacement to know the original value\n data.placement = computeAutoPlacement(\n this.options.placement,\n data.offsets.reference,\n this.popper,\n this.reference\n );\n\n // store the computed placement inside `originalPlacement`\n data.originalPlacement = this.options.placement;\n\n // compute the popper offsets\n data.offsets.popper = getPopperOffsets(\n this.state,\n this.popper,\n data.offsets.reference,\n data.placement\n );\n\n // run the modifiers\n data = runModifiers(this.modifiers, data);\n\n // the first `update` will call `onCreate` callback\n // the other ones will call `onUpdate` callback\n if (!this.state.isCreated) {\n this.state.isCreated = true;\n this.options.onCreate(data);\n } else {\n this.options.onUpdate(data);\n }\n }\n\n /**\n * Schedule an update, it will run on the next UI update available\n * @method scheduleUpdate\n * @memberof Popper\n */\n scheduleUpdate = () => requestAnimationFrame(this.update);\n\n /**\n * Destroy the popper\n * @method\n * @memberof Popper\n */\n destroy() {\n this.state.isDestroyed = true;\n\n // touch DOM only if `applyStyle` modifier is enabled\n if (isModifierEnabled(this.modifiers, 'applyStyle')) {\n this.popper.removeAttribute('x-placement');\n this.popper.style.left = '';\n this.popper.style.position = '';\n this.popper.style.top = '';\n this.popper.style[getSupportedPropertyName('transform')] = '';\n }\n\n this.disableEventListeners();\n\n // remove the popper if user explicity asked for the deletion on destroy\n // do not use `remove` because IE11 doesn't support it\n if (this.options.removeOnDestroy) {\n this.popper.parentNode.removeChild(this.popper);\n }\n return this;\n }\n\n /**\n * it will add resize/scroll events and start recalculating\n * position of the popper element when they are triggered\n * @method\n * @memberof Popper\n */\n enableEventListeners() {\n if (!this.state.eventsEnabled) {\n this.state = setupEventListeners(\n this.reference,\n this.options,\n this.state,\n this.scheduleUpdate\n );\n }\n }\n\n /**\n * it will remove resize/scroll events and won't recalculate\n * popper position when they are triggered. It also won't trigger onUpdate callback anymore,\n * unless you call 'update' method manually.\n * @method\n * @memberof Popper\n */\n disableEventListeners() {\n if (this.state.eventsEnabled) {\n window.cancelAnimationFrame(this.scheduleUpdate);\n this.state = removeEventListeners(this.reference, this.state);\n }\n }\n\n /**\n * Collection of utilities useful when writing custom modifiers.\n * Starting from version 1.7, this method is available only if you\n * include `popper-utils.js` before `popper.js`.\n * @memberof Popper\n */\n static Utils = window.PopperUtils;\n\n /**\n * List of accepted placements to use as values of the `placement` option\n * @memberof Popper\n */\n static placements = placements;\n\n /**\n * Default Popper.js options\n * @memberof Popper\n */\n static Defaults = DEFAULTS;\n}\n\n/**\n * The `referenceObject` is an object that provides an interface compatible with Popper.js\n * and lets you use it as replacement of a real DOM node.\n * You can use this method to position a popper relatively to a set of coordinates\n * in case you don't have a DOM node to use as reference.\n * NB: This feature isn't supported in Internet Explorer 10\n * @name referenceObject\n * @property {Function} data.getBoundingClientRect A function that returns a set of coordinates compatible with the native `getBoundingClientRect` method.\n * @property {Number} data.clientWidth An ES6 getter that will return the width of the virtual reference element.\n * @property {Number} data.clientHeight An ES6 getter that will return the height of the virtual reference element.\n */\n"],"names":["nativeHints","fn","some","hint","toString","indexOf","isBrowser","window","longerTimeoutBrowsers","timeoutDuration","i","length","navigator","userAgent","microtaskDebounce","scheduled","elem","document","createElement","observer","MutationObserver","observe","attributes","setAttribute","taskDebounce","supportsNativeMutationObserver","isNative","isNumeric","n","isNaN","parseFloat","isFinite","setStyles","element","styles","keys","forEach","prop","unit","style","getSupportedPropertyName","property","prefixes","upperProp","charAt","toUpperCase","slice","prefix","toCheck","body","isOffsetContainer","nodeName","firstElementChild","offsetParent","getRoot","node","parentNode","getOffsetParent","documentElement","findCommonOffsetParent","element1","element2","nodeType","order","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","start","end","range","createRange","setStart","setEnd","commonAncestorContainer","element1root","host","getStyleComputedProperty","css","getComputedStyle","getScroll","side","upperSide","html","scrollingElement","includeScroll","rect","subtract","scrollTop","scrollLeft","modifier","top","bottom","left","right","getParentNode","getScrollParent","overflow","overflowX","overflowY","test","getBordersSize","axis","sideA","sideB","split","getWindowSizes","Math","max","scrollHeight","offsetHeight","clientHeight","scrollWidth","offsetWidth","clientWidth","getClientRect","offsets","width","height","appVersion","isIE10","runIsIE10","getBoundingClientRect","err","result","sizes","horizScrollbar","vertScrollbar","getOffsetRectRelativeToArbitraryNode","children","parent","isHTML","childrenRect","parentRect","scrollParent","borderTopWidth","borderLeftWidth","marginTop","marginLeft","contains","getReferenceOffsets","state","popper","reference","commonOffsetParent","getOuterSizes","x","marginBottom","y","marginRight","getOppositePlacement","placement","hash","replace","matched","getPopperOffsets","position","referenceOffsets","popperRect","popperOffsets","isHoriz","mainSide","secondarySide","measurement","secondaryMeasurement","isFunction","functionToCheck","getType","call","attachToScrollParents","event","callback","scrollParents","isBody","target","addEventListener","passive","push","setupEventListeners","options","updateBound","scrollElement","eventsEnabled","removeEventListeners","removeEventListener","find","arr","check","Array","prototype","filter","findIndex","value","cur","match","obj","runModifiers","modifiers","data","ends","modifiersToRun","undefined","enabled","function","isModifierEnabled","modifierName","name","getViewportOffsetRectRelativeToArtbitraryNode","relativeOffset","innerWidth","innerHeight","offset","isFixed","getBoundaries","padding","boundariesElement","boundaries","boundariesNode","computeAutoPlacement","refRect","sides","computedPlacement","Object","sort","a","b","variation","placements","setAttributes","removeAttribute","applyStyle","round","prefixedProperty","gpuAcceleration","willChange","instance","arrow","arrowElement","applyStyleOnLoad","modifierOptions","isModifierRequired","requestingName","requestedName","requesting","warn","querySelector","isVertical","len","altSide","opSide","arrowElementSize","center","sideValue","min","getOppositeVariation","validPlacements","clockwise","counter","index","concat","reverse","BEHAVIORS","flip","flipped","originalPlacement","placementOpposite","flipOrder","behavior","FLIP","CLOCKWISE","COUNTERCLOCKWISE","step","refOffsets","floor","overlapsRef","overflowsLeft","overflowsRight","overflowsTop","overflowsBottom","overflowsBoundaries","flippedVariation","flipVariations","keepTogether","map","useHeight","size","preventOverflow","priority","escapeWithReference","shift","basePlacement","shiftvariation","shiftOffsets","hide","bound","inner","subtractLength","DEFAULTS","Popper","scheduleUpdate","requestAnimationFrame","update","debounce","bind","Defaults","jquery","defaultConfig","userConfig","onLoad","enableEventListeners","isDestroyed","isCreated","onCreate","onUpdate","disableEventListeners","removeOnDestroy","removeChild","cancelAnimationFrame","Utils","PopperUtils"],"mappings":"e0C2EkB,KAAd,AAAmB,eHCA,KAAA,AAAK,eFhDb,KAAA,AAAK,etBxBR,KAAA,AAAK,IfJjB,KAAA,AAAM,AAAc,AAClB,AACA,oEAQF,aAAe,KACb,YAAA,AAAY,KAAK,KAA8C,CADjE,AACE,AAAgE,CAAvC,EAAC,GAAD,AAAO,IAAP,AAAW,WAAX,AAAsB,QAAtB,AAA8B,ICTzD,KAAM,WAAN,AAAoC,AACpC,WADkB,QAAA,AAAO,QACzB,AAAM,AAAwB,AAAC,AAAQ,AAAW,mDAClD,GAAI,iBAAJ,AAAsB,EACtB,IAAK,GAAI,GAAT,AAAa,EAAG,EAAI,sBAApB,AAA0C,OAAQ,GAAlD,AAAuD,AAAG,KACpD,WAAJ,AAA0E,CAAzD,YAAA,AAAU,UAAV,AAAoB,QAAQ,sBAA5B,AAA4B,AAAsB,IAAU,iBAC3E,AAAkB,QAKtB,AAAO,QAAA,AAAS,AAAkB,qBAAI,IACpC,AAAI,AAAY,MACZ,EAAJ,AAAQ,OACF,GAAO,SAAA,AAAS,cAAtB,AAAa,AAAuB,QAK9B,EAAW,GAAA,AAAI,kBAAiB,IAAM,KAE1C,AAAY,IAFd,AAAiB,YAKjB,AAAS,QAAT,AAAiB,EAAM,CAAvB,AAAuB,AAAE,AAAY,gBAE9B,IAAM,AACP,CAAJ,AAAK,AAAW,IACd,AAAY,OACZ,AAAK,aAAL,AAAkB,UAFJ,AAEd,AAA6B,AAC7B,AAAI,AAAI,OAJZ,EASF,AAAO,QAAA,AAAS,AAAa,gBAAI,IAC/B,AAAI,AAAY,YACT,IAAM,AACP,CAAJ,AAAK,AAAW,IACd,AAAY,gBACD,IAAM,CACf,AAAY,QADd,EAAA,AAGG,iBANP,EAeF,KAAM,gCACJ,WAAa,SAAS,OADxB,AACe,AAAgB,kBAW/B,aAAgB,+BAAA,AACZ,kBADJ,AAEI,ACnEJ,aAOA,AAAe,QAAA,AAAS,AAAU,aAAG,OAC5B,AAAM,EAAN,MAAY,CAAC,MAAM,WAAnB,AAAa,AAAM,AAAW,KAAO,SAA5C,AAA4C,AAAS,ECNvD,CAOA,AAAe,QAAA,AAAS,AAAU,AAAS,eAAQ,QACjD,AAAO,KAAP,AAAY,GAAZ,AAAoB,QAAQ,KAAQ,IAC9B,GAAJ,AAAW,GAIP,CADF,AACG,CADH,AAAC,AAAS,AAAU,AAAO,AAAS,AAAU,oDAA9C,AAAsD,QAAtD,AAA8D,IACtD,UAAU,EAFpB,AAEU,AAAU,AAAO,AACzB,QACA,AAAO,QAET,AAAQ,MAAR,AAAc,GAAQ,EAAA,AAAO,GAA7B,AAAqC,CATvC,ECVF,CAOA,AAAe,QAAA,AAAS,AAAyB,4BAAU,MACzD,AAAM,AAAW,AAAC,AAAO,AAAM,AAAU,AAAO,gCAC1C,EAAY,EAAA,AAAS,OAAT,AAAgB,GAAhB,AAAmB,cAAgB,EAAA,AAAS,MAA9D,AAAqD,AAAe,OAE/D,GAAI,GAAT,AAAa,EAAG,EAAI,EAAA,AAAS,OAA7B,AAAsC,EAAtC,AAAyC,IAAK,MACtC,GAAS,EAAf,AAAe,AAAS,GAClB,EAAU,AAAU,KAAE,AAAO,IAAE,AAAU,CAA/B,GAAhB,AAAmD,KACnD,AAAmD,AAAa,WAA5D,QAAO,QAAA,AAAO,SAAP,AAAgB,KAAhB,AAAqB,MAA5B,AAAO,AAA2B,SACpC,AAAO,SAGX,AAAO,MClBM,QAAA,AAAS,AAAkB,qBAAS,MAC3C,CAAA,AAAE,YAAR,AAAqB,QACrB,AAAiB,AAAQ,AACvB,AAAO,MADL,OAIF,AAAa,MAAb,MAAuB,EAAA,AAAQ,kBAAR,AAA0B,eADnD,AACoE,ECNtE,CAOA,AAAe,QAAA,AAAS,AAAQ,WAAM,OACpC,AAAwB,AAAM,KAA1B,KAAA,AAAK,WAIT,AAAO,EAHE,QAAQ,EAAf,AAAO,AAAa,WCTxB,CAOA,AAAe,QAAA,AAAS,AAAgB,mBAAS,MAEzC,GAAe,GAAW,EAAhC,AAAwC,aAClC,EAAW,GAAgB,EAAjC,AAA8C,eAE1C,AAAC,EAAD,EAAA,AAA0B,MAAb,MAAjB,AAAqD,AAAQ,MAArB,KAIxC,AAAO,EAHE,OAAA,AAAO,SAAd,AAAuB,eCT3B,CAQA,AAAe,QAAA,AAAS,AAAuB,AAAU,4BAAU,IAE7D,CAAA,AAAC,GAAY,CAAC,EAAd,AAAuB,UAAY,CAAnC,AAAoC,GAAY,CAAC,EAArD,AAA8D,AAAU,eAC/D,QAAA,AAAO,SAAd,AAAuB,qBAInB,GACJ,EAAA,AAAS,wBAAT,AAAiC,GACjC,KAFF,AAEO,4BACD,EAAQ,EAAA,AAAQ,EAAtB,AAAiC,EAC3B,EAAM,EAAA,AAAQ,EAApB,AAA+B,EAGzB,EAAQ,SAAd,AAAc,AAAS,gBACvB,AAAM,SAAN,AAAe,EAAf,AAAsB,KACtB,AAAM,OAAN,AAAa,EAAb,AAAkB,QACZ,CAAA,AAAE,2BAAR,AAAoC,KAIlC,IAAA,AAAa,GAA2B,IAD1C,AACuD,AACrD,QACI,mBAAJ,AAAI,AAAkB,AAA0B,GAC9C,AAAO,EAGF,gBAAP,AAAO,AAAgB,QAInB,GAAe,QAArB,AAAqB,AAAQ,SACzB,GAAJ,AAAiB,AAAM,KACd,uBAAuB,EAAvB,AAAoC,KAD7C,AACE,AAAO,AAA0C,AAC5C,GACE,uBAAA,AAAuB,EAAU,QAAA,AAAQ,GAAhD,AAAO,AAAmD,KC/C9D,CAOA,AAAe,QAAA,AAAS,AAAyB,AAAS,8BAAU,IAClE,AAAyB,AAAG,CAAxB,KAAA,AAAQ,SACV,AAAO,cAGH,GAAM,OAAA,AAAO,iBAAP,AAAwB,EAApC,AAAY,AAAiC,YACtC,GAAW,EAAX,AAAW,AAAI,GAAtB,AAAkC,CCbpC,CAQA,AAAe,QAAA,AAAS,AAAU,aAAS,EAA5B,AAAmC,MAAO,MACjD,GAAY,AAAS,KAAT,KAAA,AAAiB,YAAnC,AAAiD,aAC3C,EAAW,EAAjB,AAAyB,YAErB,AAAa,MAAb,MAAJ,AAAwC,MAAb,KAAqB,MACxC,GAAO,OAAA,AAAO,SAApB,AAA6B,gBACvB,EAAmB,OAAA,AAAO,SAAP,AAAgB,kBAAzC,AAA6D,QACtD,GAAP,AAAO,AAAiB,SAGnB,GAAP,AAAO,AAAQ,EChBjB,CASA,AAAe,QAAA,AAAS,AAAc,AAAM,mBAA7B,AAAsC,AAAW,KAAO,MAC/D,GAAY,UAAA,AAAU,EAA5B,AAAkB,AAAmB,OAC/B,EAAa,UAAA,AAAU,EAA7B,AAAmB,AAAmB,QAChC,EAAW,EAAW,CAAX,AAAY,EAA7B,AAAiC,WACjC,AAAK,KAAO,EAAZ,AAAwB,IACxB,AAAK,QAAU,EAAf,AAA2B,IAC3B,AAAK,MAAQ,EAAb,AAA0B,IAC1B,AAAK,OAAS,EAAd,AAA2B,EAC3B,AAAO,CCnBT,CAOA,AAAe,QAAA,AAAS,AAAc,iBAAS,OAC7C,AAAyB,AAAQ,MAA7B,KAAA,AAAQ,SACV,AAAO,EAEF,EAAA,AAAQ,YAAc,EAA7B,AAAqC,ICRvC,CAOA,AAAe,QAAA,AAAS,AAAgB,mBAAS,IAG7C,CAAA,AAAC,GAAuE,CAD1E,AAC2E,AACzE,CADY,AAAC,AAAQ,AAAQ,+BAAjB,AAA8B,QAAQ,EAAtC,AAA8C,gBAEnD,QAAA,AAAO,SAAd,AAAuB,UAInB,CAAA,AAAE,WAAF,AAAY,YAAZ,AAAuB,aAAc,yBAA3C,AAA2C,AAAyB,SAChE,iBAAA,AAAgB,KAAK,EAAA,AAAW,EAApC,AAAI,AAA4C,AAAY,GAC1D,AAAO,EAGF,gBAAgB,cAAvB,AAAO,AAAgB,AAAc,GCxBvC,CASA,AAAe,QAAA,AAAS,AAAe,AAAQ,oBAAM,MAC7C,GAAQ,AAAS,GAAT,KAAA,AAAe,OAA7B,AAAsC,MAChC,EAAQ,AAAU,MAAV,IAAA,AAAmB,QAAjC,AAA2C,eAGzC,CAAC,AAAQ,WAAQ,AAAM,CAAtB,SAAA,AAA8B,MAA9B,AAAoC,MAArC,AAAC,AAA0C,GAC3C,EAAC,AAAQ,WAAQ,AAAM,CAAtB,SAAA,AAA8B,MAA9B,AAAoC,MAFvC,AAEG,AAA0C,GCfhC,QAAA,AAAS,iBAAiB,MACjC,GAAO,OAAA,AAAO,SAApB,AAA6B,KACvB,EAAO,OAAA,AAAO,SAApB,AAA6B,sBACtB,iBAEH,EADM,AACD,aACL,EAFM,AAED,aACL,EAHM,AAGD,aACL,EAJM,AAID,aACL,EANG,AACG,AAKD,oBAEA,AAAK,SACV,EADK,AACA,YACL,EAFK,AAEA,YACL,EAHK,AAGA,YACL,EAJK,AAIA,YACL,EAbJ,AAQS,AAKA,wLChBX,EAOA,AAAe,QAAA,AAAS,AAAc,iBAAS,oBAC7C,AACK,SACI,EAAA,AAAQ,KAAO,EAFxB,AAEgC,aACtB,EAAA,AAAQ,IAAM,EAAQ,QCXlC,CAIA,cAAe,UAAW,OAC2B,CAAnD,AAAoD,CAA7C,aAAA,AAAU,WAAV,AAAqB,QAArB,AAA6B,YCCtC,KAAM,UAAN,AAAe,YASf,AAAe,QAAA,AAAS,AAAsB,yBAAS,IACrD,AAAI,AAAO,SAKX,AAAI,AAAQ,YACN,GACK,EAAP,AAAO,AAAQ,6BACT,GAAY,UAAA,AAAU,EAA5B,AAAkB,AAAmB,OAC/B,EAAa,UAAA,AAAU,EAA7B,AAAmB,AAAmB,UACtC,AAAK,KAAL,AAAY,IACZ,AAAK,MAAL,AAAa,IACb,AAAK,QAAL,AAAe,IACf,AAAK,OAAL,AAAc,CAPhB,CAQE,AAAO,QAAK,CAThB,AAUO,QACE,EAAP,AAAO,AAAQ,6BAGX,GAAS,MACP,EADO,AACF,SACN,EAFQ,AAEH,UACH,EAAA,AAAK,MAAQ,EAHP,AAGY,YACjB,EAAA,AAAK,OAAS,EAJxB,AAI6B,KAIvB,EAAQ,AAAqB,MAArB,KAAA,AAAQ,SAAtB,AAAc,AAA8B,AAAmB,oBACzD,EACJ,EAAA,AAAM,OAAS,EAAf,AAAuB,aAAe,EAAA,AAAO,MAAQ,EADvD,AAC8D,KACxD,EACJ,EAAA,AAAM,QAAU,EAAhB,AAAwB,cAAgB,EAAA,AAAO,OAAS,EAD1D,AACiE,OAE7D,GAAiB,EAAA,AAAQ,YAA7B,AAA2C,EACvC,EAAgB,EAAA,AAAQ,aAA5B,AAA2C,KAIvC,GAAJ,AAAsB,EAAe,MAC7B,GAAS,yBAAf,AAAe,AAAyB,MACtB,eAAA,AAAe,EAAjC,AAAkB,AAAuB,QACxB,eAAA,AAAe,EAAhC,AAAiB,AAAuB,OAExC,AAAO,OAAP,AAAgB,IAChB,AAAO,QAAP,AAAiB,QAGZ,eAAP,AAAO,AAAc,GCzDvB,KAAM,QAAN,AAAe,YAEf,AAAe,QAAA,AAAS,AAAqC,AAAU,0CAAQ,MACvE,GAAN,AAAmC,MAApB,KAAA,AAAO,SAChB,EAAe,sBAArB,AAAqB,AAAsB,GACrC,EAAa,sBAAnB,AAAmB,AAAsB,GACnC,EAAe,gBAArB,AAAqB,AAAgB,MACjC,GAAU,cAAc,KACrB,EAAA,AAAa,IAAM,EADE,AACS,SAC7B,EAAA,AAAa,KAAO,EAFA,AAEW,WAC9B,EAHmB,AAGN,aACZ,EAJV,AAAc,AAIS,YAOnB,GAAJ,AAAkC,MAApB,KAAA,AAAO,SAAqB,MAClC,GAAS,yBAAf,AAAe,AAAyB,GAClC,EAAiB,QAAA,AAAU,EAAV,AACnB,EACA,CAAC,EAAA,AAAO,eAAP,AAAsB,MAAtB,AAA4B,MAFjC,AAEK,AAAkC,GACjC,EAAkB,QAAA,AAAU,EAAV,AACpB,EACA,CAAC,EAAA,AAAO,gBAAP,AAAuB,MAAvB,AAA6B,MAFlC,AAEK,AAAmC,GAClC,EAAY,QAAA,AAAU,EAAV,AAAmB,EAAI,CAAC,EAAA,AAAO,UAAP,AAAiB,MAAjB,AAAuB,MAAjE,AAA0C,AAA6B,GACjE,EAAa,QAAA,AAAU,EAAV,AAAmB,EAAI,CAAC,EAAA,AAAO,WAAP,AAAkB,MAAlB,AAAwB,MAAnE,AAA2C,AAA8B,KAEzE,AAAQ,KAAO,EAAf,AAAgC,IAChC,AAAQ,QAAU,EAAlB,AAAmC,IACnC,AAAQ,MAAQ,EAAhB,AAAkC,IAClC,AAAQ,OAAS,EAAjB,AAAmC,IAGnC,AAAQ,UAAR,AAAoB,IACpB,AAAQ,WAAR,AAAqB,QAIrB,GAAA,AAAO,SAAP,AAAgB,KACf,QAFH,AACE,AACqC,AACrC,MADW,KAAA,AAAa,cAEd,cAAA,AAAc,EAAxB,AAAU,AAAuB,IAGnC,AAAO,CChDT,CASA,AAAe,QAAA,AAAS,AAAoB,AAAO,AAAQ,2BAAW,MAC9D,GAAqB,uBAAA,AAAuB,EAAlD,AAA2B,AAA+B,SACnD,sCAAA,AAAqC,EAA5C,AAAO,AAAgD,ECfzD,CAOA,AAAe,QAAA,AAAS,AAAc,iBAAS,MACvC,GAAS,OAAA,AAAO,iBAAtB,AAAe,AAAwB,GACjC,EAAI,WAAW,EAAX,AAAkB,WAAa,WAAW,EAApD,AAAyC,AAAkB,cACrD,EAAI,WAAW,EAAX,AAAkB,YAAc,WAAW,EAArD,AAA0C,AAAkB,aACtD,EAAS,OACN,EAAA,AAAQ,YADF,AACgB,SACrB,EAAA,AAAQ,aAFlB,AAEiC,SAEjC,AAAO,ECfT,CAOA,AAAe,QAAA,AAAS,AAAqB,wBAAW,MAChD,GAAO,CAAE,KAAF,AAAQ,QAAS,MAAjB,AAAwB,OAAQ,OAAhC,AAAwC,MAAO,IAA5D,AAAa,AAAoD,gBAC1D,GAAA,AAAU,QAAV,AAAkB,yBAA0B,KAAW,EAA9D,AAAO,AAAuD,AAAK,GCNrE,CAUA,AAAe,QAAA,AAAS,AACtB,AACA,AACA,AACA,0BACA,GACY,EAAA,AAAU,MAAV,AAAgB,KAA5B,AAAY,AAAqB,QAG3B,GAAa,cAAnB,AAAmB,AAAc,GAG3B,EAAgB,CAAA,iBAEb,EAFa,AAEF,aACV,EAHV,AAGqB,QAIf,EAAmD,CAAzD,AAA0D,CAA1C,AAAC,AAAS,oBAAV,AAAkB,QAAlB,AAA0B,GACpC,EAAW,EAAA,AAAU,MAA3B,AAAmC,OAC7B,EAAgB,EAAA,AAAU,OAAhC,AAAyC,MACnC,EAAc,EAAA,AAAU,SAA9B,AAAyC,QACnC,EAAuB,AAAC,CAAD,CAA7B,AAAmD,QAAtB,AAAW,kBAExC,AAAc,GACZ,EAAA,AAAiB,GACjB,EAAA,AAAiB,GADjB,AACgC,EAChC,EAAA,AAAW,GAHb,AAG4B,IAE1B,AAAc,GADZ,IAAJ,AAAkB,AAAe,EAE7B,EAAA,AAAiB,GAAiB,EAFtC,AACE,AACoC,AAAW,AAC1C,AACL,AAAc,GACZ,EAAiB,qBADnB,AACE,AAAiB,AAAqB,IAG1C,AAAO,CClDT,CAOA,AAAe,QAAA,AAAS,AAAW,cAAiB,AAClD,AAAM,AAAU,OAEd,IADF,AAE6C,mBAA3C,MAAA,AAAQ,SAAR,AAAiB,KAAjB,AAAsB,GCT1B,QAAA,AAAS,AAAsB,AAAc,AAAO,AAAU,+BAAe,MACrE,GAAN,AAAyC,MAA1B,KAAA,AAAa,SACtB,EAAS,EAAA,AAAS,OAAxB,AAAiC,IACjC,AAAO,iBAAP,AAAwB,EAAxB,AAA+B,EAAU,CAAzC,AAAyC,AAAE,AAAS,AAEhD,aAAJ,AAAK,AAAQ,yBAET,gBAAgB,EADlB,AACE,AAAuB,YADzB,AAEE,EAFF,AAGE,EAHF,AAIE,KAGJ,AAAc,KAAd,AAAmB,GASrB,AAAe,QAAA,AAAS,AACtB,AACA,AACA,AACA,6BACA,GAEA,AAAM,YAAN,AAAoB,SACpB,AAAO,iBAAP,AAAwB,SAAU,EAAlC,AAAwC,YAAa,CAArD,AAAqD,AAAE,AAAS,kBAG1D,GAAgB,gBAAtB,AAAsB,AAAgB,gCACtC,AACE,EADF,AAEE,SACA,EAHF,AAGQ,YACN,EAJF,AAIQ,iBAER,AAAM,cAAN,AAAsB,IACtB,AAAM,AAAgB,iBAEtB,AAAO,CC7CT,CAMA,AAAe,QAAA,AAAS,AAAqB,AAAW,0BAAO,eAE7D,AAAO,oBAAP,AAA2B,SAAU,EAArC,AAA2C,eAG3C,AAAM,cAAN,AAAoB,QAAQ,KAAU,GACpC,AAAO,oBAAP,AAA2B,SAAU,EAArC,AAA2C,YAD7C,KAKA,AAAM,YAAN,AAAoB,OACpB,AAAM,AAAgB,mBACtB,AAAM,cAAN,AAAsB,OACtB,AAAM,AAAgB,iBACtB,AAAO,CCpBT,CASA,AAAe,QAAA,AAAS,AAAK,AAAK,UAAO,OAEnC,OAAA,AAAM,UAAV,AAAoB,AAAM,KACjB,EAAA,AAAI,KAAX,AAAO,AAAS,GAIX,EAAA,AAAI,OAAJ,AAAW,GAAlB,AAAO,AAAkB,ECd3B,CASA,AAAe,QAAA,AAAS,AAAU,AAAK,AAAM,iBAAO,IAE9C,MAAA,AAAM,UAAV,AAAoB,AAAW,gBACtB,GAAA,AAAI,UAAU,KAAO,EAAA,AAAI,KAAhC,AAAO,AAAmC,QAItC,GAAQ,KAAA,AAAK,EAAK,KAAO,EAAA,AAAI,KAAnC,AAAc,AAA+B,SACtC,GAAA,AAAI,QAAX,AAAO,AAAY,EChBrB,CAQA,AAAe,QAAA,AAAS,AAAa,AAAW,AAAM,oBAAM,MACpD,GAAiB,AAAS,WAAT,AACnB,EACA,EAAA,AAAU,MAAV,AAAgB,EAAG,UAAA,AAAU,EAAV,AAAqB,OAF5C,AAEI,AAAmB,AAA6B,aAEpD,AAAe,QAAQ,KAAY,CAC7B,EAAA,AAAS,SAAW,WAAW,EAAnC,AAAwB,AAAoB,AAAW,cAC9C,EAAA,AAAS,SAAT,AAAkB,EAAzB,AAAO,AAAwB,GAFnC,GAMA,AAAO,CCtBT,CAMA,AAAe,QAAA,AAAS,AAAkB,AAAW,uBAAc,OAC1D,GAAA,AAAU,KACf,CAAC,CAAA,AAAE,OAAH,AAAC,AAAQ,aAAc,GAAW,IADpC,AAAO,AACsC,GCHhC,QAAA,AAAS,AAA8C,iDAAS,MACvE,GAAO,OAAA,AAAO,SAApB,AAA6B,gBACvB,EAAiB,qCAAA,AAAqC,EAA5D,AAAuB,AAA8C,GAC/D,EAAQ,AAAK,SAAI,EAAT,AAAc,YAAa,OAAA,AAAO,YAAhD,AAAc,AAAgD,GACxD,EAAS,AAAK,SAAI,EAAT,AAAc,aAAc,OAAA,AAAO,aAAlD,AAAe,AAAkD,GAE3D,EAAY,UAAlB,AAAkB,AAAU,GACtB,EAAa,UAAA,AAAU,EAA7B,AAAmB,AAAgB,QAE7B,EAAS,KACR,EAAY,EAAZ,AAA2B,IAAM,EADzB,AACwC,eAC/C,EAAa,EAAb,AAA4B,KAAO,EAF5B,AAE2C,WAF3C,QAAf,gBAOO,eAAP,AAAO,AAAc,EClBvB,CAQA,AAAe,QAAA,AAAS,AAAQ,WAAS,MACjC,GAAW,EAAjB,AAAyB,eACrB,AAAa,MAAb,MAAJ,AAAwC,AAAQ,AAC9C,AAAO,MADkB,UAG3B,AAAsD,AAAS,AAC7D,AAAO,OADL,4BAAA,AAAyB,EAAzB,AAAkC,cAG/B,QAAQ,cAAf,AAAO,AAAQ,AAAc,GCT/B,CASA,AAAe,QAAA,AAAS,AACtB,AACA,AACA,AACA,uBACA,IAEI,GAAa,CAAE,IAAF,AAAO,EAAG,KAA3B,AAAiB,AAAgB,QAC3B,GAAe,uBAAA,AAAuB,EAA5C,AAAqB,AAA+B,MAGpD,AAA0B,AAAY,UAAlC,OACW,8CADf,AACE,AAAa,AAA8C,OACtD,IAEL,AAAI,GACJ,AAA0B,AAAgB,cAAtC,QACe,gBAAgB,cAAjC,AAAiB,AAAgB,AAAc,IAC/C,AAAgC,AAAQ,MAApC,KAAA,AAAe,aACA,OAAA,AAAO,SAH5B,AAGI,AAAiC,AAE9B,kBAAA,AAA0B,AAAU,QAAhC,OACQ,OAAA,AAAO,SADnB,AACL,AAAiC,AAC5B,kBACL,AAAiB,OAGb,GAAU,qCAAA,AACd,EADF,AAAgB,AAEd,MAIE,AAA4B,MAA5B,KAAA,AAAe,UAAuB,CAAC,QAA3C,AAA2C,AAAQ,GAAe,MAC1D,CAAA,AAAE,SAAF,AAAU,SAAhB,AAA0B,mBAC1B,AAAW,KAAO,EAAA,AAAQ,IAAM,EAAhC,AAAwC,YACxC,AAAW,OAAS,EAAS,EAA7B,AAAqC,MACrC,AAAW,MAAQ,EAAA,AAAQ,KAAO,EAAlC,AAA0C,aAC1C,AAAW,MAAQ,EAAQ,EAA3B,AAAmC,IALrC,AAMO,QAEL,AAAa,WAKjB,AAAW,MAAX,AAAmB,IACnB,AAAW,KAAX,AAAkB,IAClB,AAAW,OAAX,AAAoB,IACpB,AAAW,QAAX,AAAqB,EAErB,AAAO,CCpET,CASA,AAAe,QAAA,AAAS,AACtB,AACA,AACA,AACA,8BACA,IACkC,CAAlC,AAAmC,AAAG,CAAlC,KAAA,AAAU,QAAV,AAAkB,cACpB,AAAO,QAGH,GAAa,cAAA,AAAc,EAAd,AAAsB,EAAtB,AAAiC,EAApD,AAAmB,AAAoC,gBAEjD,EAAQ,KACP,EAAA,AAAQ,IAAM,EADP,AACkB,UACvB,EAAA,AAAW,MAAQ,EAFd,AAEsB,aAC1B,EAAA,AAAW,OAAS,EAHhB,AAGwB,YAC9B,EAAA,AAAQ,KAAO,EAJvB,AAIkC,MAG5B,EAAoB,OAAA,AAAO,KAAP,AAAY,GAAZ,AAAmB,KAC3C,AAAC,AAAG,OAAM,EAAA,AAAM,GAAK,EADG,AACH,AAAM,IAD7B,AAA0B,AAExB,GACI,EAAY,EAAA,AAAU,MAAV,AAAgB,KAAlC,AAAkB,AAAqB,SAEhC,IAAqB,AAAa,MAAG,AAAU,CAA1B,GAA5B,AAAO,AAAmD,ICnC5D,KAAA,AAAM,AAAa,AACjB,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AAGF,AClBA,+KAOA,AAAe,QAAA,AAAS,AAAc,AAAS,mBAAY,QACzD,AAAO,KAAP,AAAY,GAAZ,AAAwB,QAAQ,AAAS,WAAM,MACvC,GAAQ,EAAd,AAAc,AAAW,GACzB,AAAI,AAAU,AAAO,SAGnB,AAAQ,gBAAR,AAAwB,KAFxB,AAAQ,aAAR,AAAqB,EAAM,EAD7B,AACE,AAA2B,AAAW,AACjC,GAJT,ECFF,CAUA,AAAe,QAAA,AAAS,AAAW,AAAM,gBAAS,MAG1C,GAAS,UACH,EAAA,AAAK,QAAL,AAAa,OADzB,AACgC,UAG1B,EAAa,eACF,EADjB,AACsB,WAIhB,aAAkB,EAAA,AAAK,QAAL,AAAa,OAArC,AAAa,AAA+B,MACtC,EAAM,AAAK,WAAM,EAAA,AAAK,QAAL,AAAa,OAApC,AAAY,AAA+B,KAKrC,EAAmB,yBAAzB,AAAyB,AAAyB,mBAC9C,GAAA,AAAQ,iBAAZ,AAA+B,AAAkB,KAC/C,AAAO,GAAoB,eAAA,AAAiB,EAAjB,AAAwB,OAAxB,AAAiC,EAA5D,AAAkE,WAClE,AAAO,IAAP,AAAa,IACb,AAAO,KAAP,AAAc,IACd,AAAO,WAJT,AAIE,AAAoB,AACf,gBAEL,AAAO,KAAP,AAAc,IACd,AAAO,IAAP,AAAa,IACb,AAAO,WAAP,AAAoB,uBAOZ,EAAA,AAAK,SAAf,AAAwB,mBAAxB,AAAqC,EAAW,EAAhD,AAAqD,uBAIvC,EAAA,AAAK,SAAnB,AAA4B,mBAA5B,AAAyC,EAAe,EAAxD,AAA6D,aAGzD,EAAA,AAAK,QAAT,AAAiB,AAAO,iBACZ,EAAV,AAAe,aAAc,EAAA,AAAK,QAAlC,AAA0C,OAG5C,AAAO,EAYT,AAAO,QAAA,AAAS,AACd,AACA,AACA,AACA,AACA,4BACA,MAEM,GAAmB,oBAAA,AAAoB,EAApB,AAA2B,EAApD,AAAyB,AAAmC,YAK5D,AAAQ,UAAY,qBAClB,EADkB,AACV,UADU,AAElB,EAFkB,AAGlB,EAHF,AAAoB,AAIlB,KAGF,AAAO,aAAP,AAAoB,cAAe,EAAnC,AAA2C,WAC3C,AAAO,CC7FT,CAUA,AAAe,QAAA,AAAS,AACtB,AACA,AACA,0BACA,MACM,GAAa,KAAA,AAAK,EAAW,CAAC,CAAD,AAAC,AAAE,UAAW,IAAjD,AAAmB,AAAuC,SAGxD,CAAC,CAAD,AAAE,GACF,EAAA,AAAU,KAAK,KAAY,OAEvB,GAAA,AAAS,OAAT,AAAkB,GAClB,EADA,AACS,SACT,EAAA,AAAS,MAAQ,EAHnB,AAG8B,KANlC,AAEE,ECjBJ,CASA,AAAe,QAAA,AAAS,AAAM,AAAM,WAAS,IAEvC,CAAC,mBAAmB,EAAA,AAAK,SAAxB,AAAiC,UAAjC,AAA4C,QAAjD,AAAK,AAAqD,AAAiB,+BACzE,AAAQ,KAAR,AACE,0HAEF,AAAO,KAGL,GAAe,EAAnB,AAA2B,WAG3B,AAA4B,AAAU,QAAlC,QAAA,AAAO,SACM,EAAA,AAAK,SAAL,AAAc,OAAd,AAAqB,cAApC,AAAe,AAAmC,GAG9C,CAAJ,AAAK,AAAc,QAJrB,AAKI,AAAO,AAEJ,YAGD,CAAC,EAAA,AAAK,SAAL,AAAc,OAAd,AAAqB,SAA1B,AAAK,AAA8B,AAAe,kBAChD,AAAQ,KAAR,AACE,iEAEF,AAAO,OAIL,GAAY,EAAA,AAAK,UAAL,AAAe,MAAf,AAAqB,KAAvC,AAAkB,AAA0B,GACtC,EAAS,cAAc,EAAA,AAAK,QAAlC,AAAe,AAA2B,QACpC,EAAY,EAAA,AAAK,QAAvB,AAA+B,UACzB,EAAsD,CAA5D,AAA6D,CAA1C,AAAC,AAAQ,oBAAT,AAAkB,QAAlB,AAA0B,GAEvC,EAAM,EAAA,AAAa,SAAzB,AAAoC,QAC9B,EAAO,EAAA,AAAa,MAA1B,AAAkC,OAC5B,EAAU,EAAA,AAAa,OAA7B,AAAsC,MAChC,EAAS,EAAA,AAAa,SAA5B,AAAuC,QACjC,EAAmB,cAAA,AAAc,GAAvC,AAAyB,AAA4B,GAOjD,EAAA,AAAU,GAAV,AAAoB,EAAmB,EAA3C,AAA2C,AAAO,AAAO,OACvD,AAAK,QAAL,AAAa,OAAb,AAAoB,IAClB,EAAA,AAAO,IAAS,EAAA,AAAU,GAD5B,AACE,AAAoC,IAGpC,EAAA,AAAU,GAAV,AAAkB,EAAmB,EAAzC,AAAyC,AAAO,AAAS,OACvD,AAAK,QAAL,AAAa,OAAb,AAAoB,IAClB,EAAA,AAAU,GAAV,AAAkB,EAAmB,EADvC,AACuC,AAAO,SAI1C,GAAS,EAAA,AAAU,GAAQ,EAAA,AAAU,GAA5B,AAAmC,EAAI,EAAtD,AAAyE,KAGrE,GAAY,EAAS,cAAc,EAAA,AAAK,QAAnB,AAA2B,QAApD,AAAyB,AAAmC,YAGhD,AAAK,kBAAa,EAAA,AAAO,GAAhB,AAAuB,EAAhC,AAAS,AAAyC,GAA9D,AAAY,AAA8D,KAE1E,AAAK,aAAL,AAAoB,IACpB,AAAK,QAAL,AAAa,AAAQ,WACrB,AAAK,QAAL,AAAa,MAAb,AAAmB,GAAnB,AAA2B,IAC3B,AAAK,QAAL,AAAa,MAAb,AAAmB,GApEwB,AAoE3C,AAA8B,GAE9B,AAAO,CCnFT,CAOA,AAAe,QAAA,AAAS,AAAqB,wBAAW,IACtD,AAAkB,AAAO,KAArB,WAAJ,AACE,AAAO,AACF,cAAA,AAAkB,AAAS,OAAvB,KACT,AAAO,MAET,AAAO,CCXT,CACA,KAAM,iBAAkB,WAAA,AAAW,MAAnC,AAAwB,AAAiB,GAYzC,AAAe,QAAA,AAAS,AAAU,aAAnB,AAA8B,AAAU,KAAO,MACtD,GAAQ,gBAAA,AAAgB,QAA9B,AAAc,AAAwB,GAChC,EAAM,gBAAA,AACT,MAAM,EADG,AACK,GADL,AAET,OAAO,gBAAA,AAAgB,MAAhB,AAAsB,EAFhC,AAAY,AAEF,AAAyB,UAC5B,GAAU,EAAV,AAAU,AAAI,UAArB,AAAiC,ECXnC,KAAM,WAAY,MAAA,AACV,iBADU,AAEL,6BAFb,AAGoB,oBAapB,AAAe,QAAA,AAAS,AAAK,AAAM,UAAS,IAEtC,kBAAkB,EAAA,AAAK,SAAvB,AAAgC,UAApC,AAAI,AAA2C,AAAU,eACvD,AAAO,MAGL,EAAA,AAAK,SAAW,EAAA,AAAK,YAAc,EAAvC,AAA4C,AAAmB,wBAE7D,AAAO,QAGH,GAAa,cACjB,EAAA,AAAK,SADY,AACH,OACd,EAAA,AAAK,SAFY,AAEH,UACd,EAHiB,AAGT,QACR,EAJF,AAAmB,AAIT,sBAGN,GAAY,EAAA,AAAK,UAAL,AAAe,MAAf,AAAqB,KAArC,AAAgB,AAA0B,GACtC,EAAoB,qBAAxB,AAAwB,AAAqB,GACzC,EAAY,EAAA,AAAK,UAAL,AAAe,MAAf,AAAqB,KAArB,AAA0B,IAA1C,AAAgD,GAEhD,AAAI,AAAY,YAER,EAAR,AAAgB,cACT,WAAL,AAAe,OACD,CAAA,AAAC,EAAb,AAAY,AAAY,aAErB,WAAL,AAAe,YACD,UAAZ,AAAY,AAAU,aAEnB,WAAL,AAAe,mBACD,UAAZ,AAAY,AAAU,AAAW,sBAGrB,EAAZ,AAAoB,mBAGxB,AAAU,QAAQ,AAAC,AAAM,OAAU,IAC7B,IAAA,AAAc,GAAQ,EAAA,AAAU,SAAW,EAA/C,AAAuD,AAAG,QACxD,AAAO,KAGG,EAAA,AAAK,UAAL,AAAe,MAAf,AAAqB,KAAjC,AAAY,AAA0B,KAClB,qBAApB,AAAoB,AAAqB,QAEnC,GAAgB,cAAc,EAAA,AAAK,QAAzC,AAAsB,AAA2B,QAC3C,EAAa,EAAA,AAAK,QAAxB,AAAgC,UAG1B,aACA,EACH,AAAc,MAAd,MACC,EAAM,EAAN,AAAoB,OAAS,EAAM,EADrC,AAC+B,AAAiB,OAC/C,AAAc,OAAd,MACC,EAAM,EAAN,AAAoB,MAAQ,EAAM,EAHpC,AAG8B,AAAiB,QAC9C,AAAc,KAAd,MACC,EAAM,EAAN,AAAoB,QAAU,EAAM,EALtC,AAKgC,AAAiB,MAChD,AAAc,QAAd,MACC,EAAM,EAAN,AAAoB,KAAO,EAAM,EARrC,AAQ+B,AAAiB,QAE1C,EAAgB,EAAM,EAAN,AAAoB,MAAQ,EAAM,EAAxD,AAAkD,AAAiB,MAC7D,EAAiB,EAAM,EAAN,AAAoB,OAAS,EAAM,EAA1D,AAAoD,AAAiB,OAC/D,EAAe,EAAM,EAAN,AAAoB,KAAO,EAAM,EAAtD,AAAgD,AAAiB,KAC3D,EACJ,EAAM,EAAN,AAAoB,QAAU,EAAM,EADtC,AACgC,AAAiB,QAE3C,EACH,AAAc,MAAd,MAAD,AAAyB,GACxB,AAAc,OAAd,MADD,AAC0B,GACzB,AAAc,KAAd,MAFD,AAEwB,GACvB,AAAc,QAAd,MAJH,AAI6B,EAGvB,EAAsD,CAA5D,AAA6D,CAA1C,AAAC,AAAO,oBAAR,AAAkB,QAAlB,AAA0B,GACvC,EACJ,CAAC,CAAC,EAAF,AAAU,iBACR,GAAA,AAA4B,OAAd,MAAf,AAAwC,GACtC,GAAA,AAA4B,KAAd,MADhB,AACuC,GACrC,CAAA,AAAC,GAAD,AAA6B,OAAd,MAFjB,AAE0C,GACxC,CAAA,AAAC,GAAD,AAA6B,KAAd,MALpB,AACE,AAIyC,IAEvC,GAAA,AAAe,GAAnB,AAA0C,AAAkB,OAE1D,AAAK,AAAU,YAEX,GAAJ,AAAmB,AAAqB,OAC1B,EAAU,EAAtB,AAAY,AAAkB,IAGhC,AAAI,AAAkB,MACR,qBAAZ,AAAY,AAAqB,MAGnC,AAAK,UAAY,GAAa,EAAY,IAAZ,AAAkB,EAAhD,AAAiB,AAA2C,MAC5D,AAAK,QAAL,AAAa,OAAS,iBACpB,EAAA,AAAK,SAAL,AAAc,MADM,AACA,SACpB,EAAA,AAAK,SAFe,AAEN,OACd,EAAA,AAAK,QAHe,AAGP,UACb,EAJF,AAAsB,AAIf,aAGA,aAAa,EAAA,AAAK,SAAlB,AAA2B,UAA3B,AAAsC,EAA7C,AAAO,AAA4C,QAhEvD,GAmEA,AAAO,CChIT,CAUA,AAAe,QAAA,AAAS,AAAa,gBAAM,MACnC,GAAS,cAAc,EAAA,AAAK,QAAlC,AAAe,AAA2B,QACpC,EAAY,EAAA,AAAK,QAAvB,AAA+B,UACzB,EAAY,EAAA,AAAK,UAAL,AAAe,MAAf,AAAqB,KAAvC,AAAkB,AAA0B,GAC5C,AAAM,AAAQ,AAAK,aACb,EAAsD,CAA5D,AAA6D,CAA1C,AAAC,AAAO,oBAAR,AAAkB,QAAlB,AAA0B,GACvC,EAAO,EAAA,AAAa,QAA1B,AAAoC,SAC9B,EAAS,EAAA,AAAa,OAA5B,AAAqC,MAC/B,EAAc,EAAA,AAAa,QAAjC,AAA2C,eAEvC,GAAA,AAAO,GAAQ,EAAM,EAAzB,AAAmB,AAAM,AAAU,AAAU,QAC3C,AAAK,QAAL,AAAa,OAAb,AAAoB,GAClB,EAAM,EAAN,AAAM,AAAU,IAAW,EAD7B,AAC6B,AAAO,IAElC,EAAA,AAAO,GAAU,EAAM,EAA3B,AAAqB,AAAM,AAAU,AAAQ,QAC3C,AAAK,QAAL,AAAa,OAAb,AAAoB,GAAU,EAAM,EAApC,AAA8B,AAAM,AAAU,KAGhD,AAAO,CC3BT,CAkBA,AAAe,QAAA,AAAS,AAAO,AAAM,YAAS,MACtC,GAAY,EAAlB,AAAuB,UACjB,EAAS,EAAA,AAAK,QAApB,AAA4B,UAE5B,AAAI,SACA,WAAU,EAAd,AAAI,AAAkB,AAAS,UACnB,CAAC,EAAD,AAAS,OADrB,AACE,AAAU,AAAiB,AACtB,MAGK,EAAA,AAAQ,OAAR,AAAe,MAAzB,AAAU,AAAqB,OAGrB,EAAA,AAAQ,IAAI,AAAC,AAAQ,OAAU,MAEjC,GAAQ,EAAA,AAAO,MAArB,AAAc,AAAa,mBACrB,EAAQ,CAAC,EAAf,AAAe,AAAM,GACf,EAAO,EAAb,AAAa,AAAM,MAKf,GAC6B,CAA/B,AAAgC,CAAhC,KAAA,AAAU,QAAV,AAAkB,UAAiD,CADrE,AACsE,CAA/B,KAAA,AAAU,QAAV,AAAkB,QAEzD,AAAc,AAAG,CAAb,SACU,CAAZ,AAAa,QAGT,GAAc,EAAA,AAAY,SAAhC,AAA2C,WAM3C,AAA0B,CAAtB,KAAA,AAAK,QAAL,AAAa,KAAY,IAC3B,AAAI,UACJ,AAAQ,OACN,AAAK,OACO,EAAA,AAAK,QAAf,AAAuB,iBAEzB,AAAK,QACL,AAAK,eAEO,EAAA,AAAK,QAAf,AAAuB,gBAGrB,GAAO,cAAb,AAAa,AAAc,GACrB,EAAM,EAAZ,AAAY,AAAK,SACV,GAAA,AAAM,IAAb,AAAmB,CAdrB,CAeO,GAAI,AAAS,IAAT,MAAJ,AAA8B,IAAT,KAAe,IAEzC,AAAI,YACJ,AAAa,AAAM,IAAf,KACK,AAAK,SACV,SAAA,AAAS,gBADJ,AACoB,aACzB,OAAA,AAAO,aAHX,AACE,AAAO,AAEiB,AAEnB,GACE,AAAK,SACV,SAAA,AAAS,gBADJ,AACoB,YACzB,OAAA,AAAO,YAFT,AAAO,AAEgB,GAGlB,EAAA,AAAO,IAAd,AAAoB,CAdf,AAeA,OAAA,AAAa,AAAM,IAAf,KAEF,CAFF,AAEL,AAAQ,AACH,EAEE,CAAP,AAAQ,CAzDZ,AAAU,IA8D2B,CAAvC,AAAwC,AAAG,CAAvC,KAAA,AAAK,UAAL,AAAe,QAAf,AAAuB,QAGoB,CAAxC,AAAyC,AAAG,CAAxC,KAAA,AAAK,UAAL,AAAe,QAAf,AAAuB,SAGW,CAAtC,AAAuC,AAAG,CAAtC,KAAA,AAAK,UAAL,AAAe,QAAf,AAAuB,OAGc,CAAzC,AAA0C,AAAG,CAAzC,KAAA,AAAK,UAAL,AAAe,QAAf,AAAuB,cAChC,AAAO,MAAQ,EAAf,AAAe,AAAQ,KACvB,AAAO,KAAO,EAAA,AAAQ,IAAtB,AAA4B,MAJ5B,AAAO,MAAQ,EAAf,AAAe,AAAQ,KACvB,AAAO,KAAO,EAAA,AAAQ,IAFjB,AAEL,AAA4B,AACvB,MALL,AAAO,KAAO,EAAd,AAAc,AAAQ,KACtB,AAAO,MAAQ,EAAA,AAAQ,IAFlB,AAEL,AAA6B,AACxB,MALL,AAAO,KAAO,EAAd,AAAc,AAAQ,KACtB,AAAO,MAAQ,EAAA,AAAQ,IAFzB,AAEE,AAA6B,AACxB,GAUP,AAAO,CCzGT,CAoBA,AAAe,QAAA,AAAS,AAAgB,AAAM,qBAAS,MAC/C,GACJ,EAAA,AAAQ,mBAAqB,gBAAgB,EAAA,AAAK,SADpD,AAC+B,AAA8B,QACvD,EAAa,cACjB,EAAA,AAAK,SADY,AACH,OACd,EAAA,AAAK,SAFY,AAEH,UACd,EAHiB,AAGT,QAHV,AAAmB,AAIjB,KAEF,AAAQ,WAAR,AAAqB,OAEf,GAAQ,EAAd,AAAsB,YAClB,GAAS,cAAc,EAAA,AAAK,QAAhC,AAAa,AAA2B,aAElC,GAAQ,CACZ,AAAQ,UAAW,IACb,GAAQ,EAAZ,AAAY,AAAO,SAEjB,GAAA,AAAO,GAAa,EAApB,AAAoB,AAAW,IAC/B,CAAC,EAFH,AAEW,AACT,wBACQ,AAAK,SAAI,EAAT,AAAS,AAAO,GAAY,EAApC,AAAQ,AAA4B,AAAW,KAE1C,CAAE,CAAA,AAAC,GAAV,AAAO,AAAe,EATZ,EAWZ,AAAU,YAAW,MACb,GAAW,AAAc,OAAd,KAAA,AAAwB,OAAzC,AAAkD,SAC9C,GAAQ,EAAZ,AAAY,AAAO,SAEjB,GAAA,AAAO,GAAa,EAApB,AAAoB,AAAW,IAC/B,CAAC,EAFH,AAEW,AACT,wBACQ,AAAK,SACX,EADM,AACN,AAAO,GACP,EAAA,AAAW,IACR,AAAc,OAAd,KAAwB,EAAxB,AAA+B,MAAQ,EAH5C,AAAQ,AAEN,AACiD,UAG9C,CAAE,CAAA,AAAC,GAAV,AAAO,AAAc,EAxBzB,YA4BA,AAAM,QAAQ,KAAa,MACnB,GAA8C,CAAvC,AAAwC,CAAxC,AAAC,AAAQ,kBAAT,AAAgB,QAAhB,AAAwB,GAArC,AAEI,YAFS,AACT,wBAEJ,AAAc,EAAW,EAAA,AAAM,GAA/B,AAAyB,AAAY,GAJvC,KAOA,AAAK,QAAL,AAAa,OAAb,AAAsB,EAEtB,AAAO,CCzET,CAQA,AAAe,QAAA,AAAS,AAAM,SAAM,MAC5B,GAAY,EAAlB,AAAuB,UACjB,EAAgB,EAAA,AAAU,MAAV,AAAgB,KAAtC,AAAsB,AAAqB,GACrC,EAAiB,EAAA,AAAU,MAAV,AAAgB,KAAvC,AAAuB,AAAqB,MAG5C,AAAI,EAAgB,MACZ,GAAY,EAAA,AAAK,QAAvB,AAA+B,UACzB,EAAS,cAAc,EAAA,AAAK,QAAlC,AAAe,AAA2B,QACpC,EAA0D,CAAhE,AAAiE,CAA9C,AAAC,AAAU,oBAAX,AAAkB,QAAlB,AAA0B,GACvC,EAAO,EAAA,AAAa,OAA1B,AAAmC,MAC7B,EAAc,EAAA,AAAa,QAAjC,AAA2C,SAErC,EAAe,OACZ,CAAE,CAAA,AAAC,GAAO,EADE,AACZ,AAAU,AAAU,QACtB,EACH,AAAC,GAAO,EAAA,AAAU,GAAQ,EAAlB,AAAkB,AAAU,GAAe,EAHvD,AAGuD,AAAO,OAI9D,AAAK,QAAL,AAAa,mBAAb,AAA2B,EAAW,EAAtC,AAAsC,AAAa,UAGrD,AAAO,EC9BT,CAUA,AAAe,QAAA,AAAS,AAAK,QAAM,IAC7B,CAAC,mBAAmB,EAAA,AAAK,SAAxB,AAAiC,UAAjC,AAA4C,OAAjD,AAAK,AAAoD,AAAoB,kCAC3E,AAAQ,KAAR,AACE,uHAEF,AAAO,OAGH,GAAU,EAAA,AAAK,QAArB,AAA6B,UACvB,EAAQ,KACZ,EAAA,AAAK,SADO,AACE,UACd,KAFY,AAEkB,iBAAlB,KAAA,AAAS,MAFvB,AAGE,cAGA,EAAA,AAAQ,OAAS,EAAjB,AAAuB,KACvB,EAAA,AAAQ,KAAO,EADf,AACqB,OACrB,EAAA,AAAQ,IAAM,EAFd,AAEoB,QACpB,EAAA,AAAQ,MAAQ,EAJlB,AAIwB,KACtB,IAEI,OAAJ,AAAI,AAAK,AAAS,AAAM,WACtB,AAAO,KAGT,AAAK,AAAO,UACZ,AAAK,WAAL,AAAgB,uBAAhB,AAAyC,EAZ3C,KAaO,IAED,OAAJ,AAAI,AAAK,AAAS,AAAO,WACvB,AAAO,KAGT,AAAK,AAAO,UACZ,AAAK,WAAL,AAAgB,AAAyB,gCAG3C,AAAO,EC/CT,CAUA,AAAe,QAAA,AAAS,AAAM,SAAM,MAC5B,GAAY,EAAlB,AAAuB,UACjB,EAAgB,EAAA,AAAU,MAAV,AAAgB,KAAtC,AAAsB,AAAqB,GACrC,EAAS,cAAc,EAAA,AAAK,QAAlC,AAAe,AAA2B,QACpC,EAAY,cAAc,EAAA,AAAK,QAArC,AAAkB,AAA2B,WACvC,EAAuD,CAA7D,AAA8D,CAA9C,AAAC,AAAQ,oBAAT,AAAkB,QAAlB,AAA0B,GAEpC,EAA4D,CAAlE,AAAmE,CAA5C,AAAC,AAAO,kBAAR,AAAgB,QAAhB,AAAwB,YAExC,EAAA,AAAU,OAAjB,AAA0B,OACxB,EAAA,AAAU,IACT,EAAiB,EAAO,EAAA,AAAU,QAAlC,AAAiB,AAA2B,UAF/C,AACE,AACyD,KAE3D,AAAK,UAAY,qBAAjB,AAAiB,AAAqB,KACtC,AAAK,QAAL,AAAa,OAAS,cAAtB,AAAsB,AAAc,GAEpC,AAAO,CCnBT,CASA,cAAe,OAMN,OAAA,AAEE,IAFF,AAII,oBAVE,AAYD,cASJ,OAAA,AAEC,IAFD,AAIG,oBAJH,AAMI,cA3BC,AAsCH,mBAmBO,OAAA,AAER,IAFQ,AAIN,oBAJM,AAML,gBANK,AAYL,AAAC,AAAQ,AAAS,AAAO,iDAZpB,AAmBN,oBA5EE,AAkFQ,6BAYP,OAAA,AAEL,IAFK,AAIH,oBAlGE,AAoGD,oBAWL,OAAA,AAEE,IAFF,AAII,oBAJJ,AAMK,cArHC,AAuHF,kBAYL,OAAA,AAEG,IAFH,AAIK,oBAJL,AAMM,cANN,AAaM,eAbN,AAkBK,oBArJE,AA4JQ,kBAUd,OAAA,AAEE,IAFF,AAII,oBA1KE,AA4KD,YAUN,OAAA,AAEG,IAFH,AAIK,oBA1LE,AA4LD,iBAUA,OAAA,AAEH,IAFG,AAID,oBAJC,AAMA,kBANA,AAQF,iBCjOZ,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AACA,AAEA,AACA,AAEA,ADEA,AAoNqB,qBC5LrB,KAAM,UAAW,WAAA,AAMJ,SANI,AAaA,iBAbA,AAqBE,4BASP,IAAM,CA9BD,WAyCL,IAAM,CAzCD,EAAjB,WA4DA,AAAe,KAAA,AAAM,OAAO,CAC1B,AAAY,AAAW,gBAAvB,AAA+B,AAAU,KAAI,MAAA,AAyJ7C,eAAiB,IAAM,sBAAsB,KAzJA,AAyJtB,AAA2B,aAvJhD,AAAK,OAAS,SAAS,KAAA,AAAK,OAAL,AAAY,KAAnC,AAAc,AAAS,AAAiB,YAGxC,AAAK,oBAAe,OAApB,AAA2B,SAA3B,AAAwC,QAGxC,AAAK,MAAQ,CAAA,AACE,eADF,AAEA,aAFb,AAGiB,uBAIjB,AAAK,UAAY,EAAA,AAAU,OAAS,EAAnB,AAAmB,AAAU,GAA9C,AAAmD,OACnD,AAAK,OAAS,EAAA,AAAO,OAAS,EAAhB,AAAgB,AAAO,GAArC,AAA0C,YAGhC,KAAV,AAAe,OAAQ,CAAE,SAAzB,AAAuB,AAAY,kBAGnC,AAAK,UAAY,OAAA,AAAO,KAAK,OAAA,AAAO,SAAnB,AAA4B,WAA5B,AAAuC,IAAI,uBAEvD,OAAA,AAAO,SAAP,AAAgB,UAFrB,AAAiB,AAA2C,AAEvD,AAA0B,UAK/B,AAAK,UAAY,KAAA,AAAK,UAAL,AAAe,IAAI,KAAiB,MAC7C,GAAc,EAAA,AAAQ,WAC1B,EAAA,AAAQ,UAAU,EADpB,AAAmB,AACjB,AAAgC,AAAU,6BAC5C,AAAY,EAAZ,AAA8B,EAHhC,AAAiB,GAOb,EAAJ,AAAY,AAAW,iBACrB,AAAK,QAAL,AAAa,UAAb,AACK,YACA,OAAA,AAAO,SAFZ,AAEqB,UAChB,EAHL,AAGa,kBAEb,AAAO,KAAK,EAAZ,AAAoB,WAApB,AAA+B,QAAQ,KAAQ,IAEzC,OAAA,AAAO,SAAP,AAAgB,UAApB,AAAI,AAA0B,AAAU,YAAW,MAC3C,GAAW,EAAA,AAAQ,UAAzB,AAAiB,AAAkB,KACnC,AAAS,KAAT,AAAgB,OAChB,AAAK,UAAL,AAAe,KAAf,AAAoB,GALxB,SAWF,AAAK,UAAY,KAAA,AAAK,UAAL,AAAe,KAAK,AAAC,AAAG,OAAM,EAAA,AAAE,MAAQ,EAAzD,AAAiB,AAA0C,YAM3D,AAAK,UAAL,AAAe,QAAQ,KAAmB,CACpC,EAAA,AAAgB,SAAW,WAAW,EAA1C,AAA+B,AAA2B,AAAS,WACjE,AAAgB,OACd,KADF,AACO,UACL,KAFF,AAEO,OACL,KAHF,AAGO,QAHP,AAIE,EACA,KALF,AAKO,MAPX,QAaA,AAAK,cAEC,GAAgB,KAAA,AAAK,QAA3B,AAAmC,cACnC,AAAI,AAAe,QAEjB,AAAK,4BAGP,AAAK,MAAL,AAAW,cAAX,AAA2B,UAapB,IAEH,KAAA,AAAK,MAAT,AAAe,AAAa,sBAIxB,GAAO,UAAA,AACC,KADD,AAED,UAFC,AAGG,cAHH,AAIA,WAJX,AAKW,cAIX,AAAK,QAAL,AAAa,UAAY,oBACvB,KADuB,AAClB,MACL,KAFuB,AAElB,OACL,KAHF,AAAyB,AAGlB,aAMP,AAAK,UAAY,qBACf,KAAA,AAAK,QADU,AACF,UACb,EAAA,AAAK,QAFU,AAEF,UACb,KAHe,AAGV,OACL,KAJF,AAAiB,AAIV,aAIP,AAAK,kBAAoB,KAAA,AAAK,QAA9B,AAAsC,YAGtC,AAAK,QAAL,AAAa,OAAS,iBACpB,KADoB,AACf,MACL,KAFoB,AAEf,OACL,EAAA,AAAK,QAHe,AAGP,UACb,EAJF,AAAsB,AAIf,aAIA,aAAa,KAAb,AAAkB,UAAzB,AAAO,AAA6B,AAIhC,GAAC,KAAA,AAAK,MAAV,AAAgB,AAAW,eAIzB,AAAK,QAAL,AAAa,SAAb,AAAsB,SAHtB,AAAK,MAAL,AAAW,AAAY,kBACvB,AAAK,QAAL,AAAa,SAFf,AAEE,AAAsB,AACjB,aAiBC,aACR,AAAK,MAAL,AAAW,AAAc,eAGrB,kBAAkB,KAAlB,AAAuB,UAA3B,AAAI,AAAkC,AAAe,qBACnD,AAAK,OAAL,AAAY,gBAAZ,AAA4B,oBAC5B,AAAK,OAAL,AAAY,MAAZ,AAAkB,KAAlB,AAAyB,QACzB,AAAK,OAAL,AAAY,MAAZ,AAAkB,SAAlB,AAA6B,QAC7B,AAAK,OAAL,AAAY,MAAZ,AAAkB,IAAlB,AAAwB,QACxB,AAAK,OAAL,AAAY,MAAM,yBAAlB,AAAkB,AAAyB,cAA3C,AAA2D,SAG7D,AAAK,wBAID,KAAA,AAAK,QAAT,AAAiB,AAAiB,sBAChC,AAAK,OAAL,AAAY,WAAZ,AAAuB,YAAY,KAAnC,AAAwC,QAE1C,AAAO,2BASc,AACjB,CAAC,KAAA,AAAK,MAAV,AAAgB,AAAe,qBAC7B,AAAK,MAAQ,oBACX,KADW,AACN,UACL,KAFW,AAEN,QACL,KAHW,AAGN,MACL,KAJF,AAAa,AAIN,wCAYa,CAClB,KAAA,AAAK,MAAT,AAAe,AAAe,uBAC5B,AAAO,qBAAqB,KAA5B,AAAiC,qBACjC,AAAK,MAAQ,qBAAqB,KAArB,AAA0B,UAAW,KAAlD,AAAa,AAA0C,SAlNxC,OA4NZ,MAAQ,OAAO,YA5NH,OAkOZ,WAAa,WAlOD,OAwOZ,SAAW"} \ No newline at end of file diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index 4da232b7d190..938447f3d622 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -12,6 +12,12 @@ Dropdowns are toggleable, contextual overlays for displaying lists of links and * Will be replaced with the ToC, excluding the "Contents" header {:toc} +## Overview + +Things to know when using the popover plugin: + +- Dropdown rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.8.1/popper.es5.min.js) before bootstrap.js in order for dropdowns to work! + ## Examples Wrap the dropdown's toggle (your button or link) and the dropdown menu within `.dropdown`, or another element that declares `position: relative;`. Dropdowns can be triggered from `` or `
diff --git a/js/src/dropdown.js b/js/src/dropdown.js index 33171cf20b0b..d678a3a0289a 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -17,7 +17,7 @@ const Dropdown = (($) => { * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { - throw new Error('Bootstrap dropdown require Popper (https://popper.js.org)') + throw new Error('Bootstrap dropdown require Popper.js (https://popper.js.org)') } /** @@ -75,8 +75,8 @@ const Dropdown = (($) => { } const DefaultType = { - placement : 'string', - offset : 'number' + placement : 'string', + offset : '(number|string)' } diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 9995cede7480..2c34ac5d7cbc 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -17,7 +17,7 @@ const Tooltip = (($) => { * Popper - https://popper.js.org */ if (typeof Popper === 'undefined') { - throw new Error('Bootstrap tooltips require Popper (https://popper.js.org)') + throw new Error('Bootstrap tooltips require Popper.js (https://popper.js.org)') } @@ -60,7 +60,7 @@ const Tooltip = (($) => { html : 'boolean', selector : '(string|boolean)', placement : '(string|function)', - offset : 'number', + offset : '(number|string)', container : '(string|element|boolean)' } diff --git a/package.json b/package.json index 4ea20b9dc7e3..ebed39388d9a 100644 --- a/package.json +++ b/package.json @@ -71,7 +71,7 @@ "license": "MIT", "dependencies": { "jquery": ">=1.9.1", - "Popper": "^1.8.1" + "popper.js": "^1.8.1" }, "devDependencies": { "autoprefixer": "^6.7.7", From 84186b4fa541f7c1b51111c4c8b23c03f351a91c Mon Sep 17 00:00:00 2001 From: Johann-S Date: Wed, 19 Apr 2017 10:20:50 +0200 Subject: [PATCH 11/26] Better placement for Dropdown + Handle flip of Tooltip/Popover --- js/src/dropdown.js | 4 ++-- js/src/tooltip.js | 12 ++++++++++++ js/tests/visual/popover.html | 2 +- 3 files changed, 15 insertions(+), 3 deletions(-) diff --git a/js/src/dropdown.js b/js/src/dropdown.js index d678a3a0289a..613a23812836 100644 --- a/js/src/dropdown.js +++ b/js/src/dropdown.js @@ -65,8 +65,8 @@ const Dropdown = (($) => { } const AttachmentMap = { - TOP : 'top', - BOTTOM : 'bottom' + TOP : 'top-start', + BOTTOM : 'bottom-start' } const Default = { diff --git a/js/src/tooltip.js b/js/src/tooltip.js index 2c34ac5d7cbc..b446d9bcc69d 100644 --- a/js/src/tooltip.js +++ b/js/src/tooltip.js @@ -287,6 +287,12 @@ const Tooltip = (($) => { offset : { offset : this.config.offset } + }, + onCreate : (data) => { + this._handlePopperPlacementChange(data) + }, + onUpdate : (data) => { + this._handlePopperPlacementChange(data) } }) @@ -637,6 +643,12 @@ const Tooltip = (($) => { } } + _handlePopperPlacementChange(data) { + if (data.originalPlacement !== data.placement) { + this._cleanTipClass() + this.addAttachmentClass(this._getAttachment(data.placement)) + } + } // static diff --git a/js/tests/visual/popover.html b/js/tests/visual/popover.html index 4fd813c0603f..93fa01f9da9e 100644 --- a/js/tests/visual/popover.html +++ b/js/tests/visual/popover.html @@ -10,7 +10,7 @@

Popover Bootstrap Visual Test

- From c4b33e1b4da1fa6fd58d42d15ba0e383e03f9610 Mon Sep 17 00:00:00 2001 From: Johann-S Date: Wed, 19 Apr 2017 10:59:10 +0200 Subject: [PATCH 12/26] Fix some css for the arrow of Popover/Tooltip + update documentation --- docs/components/popovers.md | 4 +- docs/components/tooltips.md | 6 +-- js/src/tooltip.js | 6 +-- scss/_popover.scss | 78 ++++++++++++++++++------------------- scss/_tooltip.scss | 16 ++++---- 5 files changed, 54 insertions(+), 56 deletions(-) diff --git a/docs/components/popovers.md b/docs/components/popovers.md index 71d488fd4114..9366ac1a1dc2 100644 --- a/docs/components/popovers.md +++ b/docs/components/popovers.md @@ -231,12 +231,12 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap template string - '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>' + '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'

Base HTML to use when creating the popover.

The popover's title will be injected into the .popover-title.

The popover's content will be injected into the .popover-content.

-

.popover-arrow will become the popover's arrow.

+

.arrow will become the popover's arrow.

The outermost wrapper element should have the .popover class.

diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md index e8a7ce96fb22..54f3c448f58a 100644 --- a/docs/components/tooltips.md +++ b/docs/components/tooltips.md @@ -136,7 +136,7 @@ You should only add tooltips to HTML elements that are traditionally keyboard-fo