vue-virtual-table/dist/vue-virtual-table.esm.js

vue table component with virtual dom

var e=void 0;function t(){t.init||(t.init=!0,e=-1!==function(){var e=window.navigator.userAgent,t=e.indexOf("MSIE ");if(t>0)return parseInt(e.substring(t+5,e.indexOf(".",t)),10);if(e.indexOf("Trident/")>0){var i=e.indexOf("rv:");return parseInt(e.substring(i+3,e.indexOf(".",i)),10)}var n=e.indexOf("Edge/");return n>0?parseInt(e.substring(n+5,e.indexOf(".",n)),10):-1}())}var i={render:function(){var e=this.$createElement;return(this._self._c||e)("div",{staticClass:"resize-observer",attrs:{tabindex:"-1"}})},staticRenderFns:[],_scopeId:"data-v-b329ee4c",name:"resize-observer",methods:{compareAndNotify:function(){this._w===this.$el.offsetWidth&&this._h===this.$el.offsetHeight||(this._w=this.$el.offsetWidth,this._h=this.$el.offsetHeight,this.$emit("notify"))},addResizeHandlers:function(){this._resizeObject.contentDocument.defaultView.addEventListener("resize",this.compareAndNotify),this.compareAndNotify()},removeResizeHandlers:function(){this._resizeObject&&this._resizeObject.onload&&(!e&&this._resizeObject.contentDocument&&this._resizeObject.contentDocument.defaultView.removeEventListener("resize",this.compareAndNotify),delete this._resizeObject.onload)}},mounted:function(){var i=this;t(),this.$nextTick(function(){i._w=i.$el.offsetWidth,i._h=i.$el.offsetHeight});var n=document.createElement("object");this._resizeObject=n,n.setAttribute("aria-hidden","true"),n.setAttribute("tabindex",-1),n.onload=this.addResizeHandlers,n.type="text/html",e&&this.$el.appendChild(n),n.data="about:blank",e||this.$el.appendChild(n)},beforeDestroy:function(){this.removeResizeHandlers()}};var n={version:"0.4.5",install:function(e){e.component("resize-observer",i),e.component("ResizeObserver",i)}},r=null;function o(e){return(o="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})(e)}function a(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function s(e){return function(e){if(Array.isArray(e)){for(var t=0,i=new Array(e.length);t<e.length;t++)i[t]=e[t];return i}}(e)||function(e){if(Symbol.iterator in Object(e)||"[object Arguments]"===Object.prototype.toString.call(e))return Array.from(e)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance")}()}"undefined"!=typeof window?r=window.Vue:"undefined"!=typeof global&&(r=global.Vue),r&&r.use(n);var l=function(){function e(t,i,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.el=t,this.observer=null,this.frozen=!1,this.createObserver(i,n)}var t,i,n;return t=e,(i=[{key:"createObserver",value:function(e,t){var i=this;if(this.observer&&this.destroyObserver(),!this.frozen){var n;if(this.options="function"==typeof(n=e)?{callback:n}:n,this.callback=function(e,t){i.options.callback(e,t),e&&i.options.once&&(i.frozen=!0,i.destroyObserver())},this.callback&&this.options.throttle){var r=(this.options.throttleOptions||{}).leading;this.callback=function(e,t){var i,n,r,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},a=function(a){for(var l=arguments.length,c=new Array(l>1?l-1:0),d=1;d<l;d++)c[d-1]=arguments[d];if(r=c,!i||a!==n){var p=o.leading;"function"==typeof p&&(p=p(a,n)),i&&a===n||!p||e.apply(void 0,[a].concat(s(r))),n=a,clearTimeout(i),i=setTimeout(function(){e.apply(void 0,[a].concat(s(r))),i=0},t)}};return a._clear=function(){clearTimeout(i),i=null},a}(this.callback,this.options.throttle,{leading:function(e){return"both"===r||"visible"===r&&e||"hidden"===r&&!e}})}this.oldResult=void 0,this.observer=new IntersectionObserver(function(e){var t=e[0];if(e.length>1){var n=e.find(function(e){return e.isIntersecting});n&&(t=n)}if(i.callback){var r=t.isIntersecting&&t.intersectionRatio>=i.threshold;if(r===i.oldResult)return;i.oldResult=r,i.callback(r,t)}},this.options.intersection),t.context.$nextTick(function(){i.observer&&i.observer.observe(i.el)})}}},{key:"destroyObserver",value:function(){this.observer&&(this.observer.disconnect(),this.observer=null),this.callback&&this.callback._clear&&(this.callback._clear(),this.callback=null)}},{key:"threshold",get:function(){return this.options.intersection&&this.options.intersection.threshold||0}}])&&a(t.prototype,i),n&&a(t,n),e}();function c(e,t,i){var n=t.value;if(n)if("undefined"==typeof IntersectionObserver)console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");else{var r=new l(e,n,i);e._vue_visibilityState=r}}function d(e){var t=e._vue_visibilityState;t&&(t.destroyObserver(),delete e._vue_visibilityState)}var p={bind:c,update:function(e,t,i){var n=t.value;if(!function e(t,i){if(t===i)return!0;if("object"===o(t)){for(var n in t)if(!e(t[n],i[n]))return!1;return!0}return!1}(n,t.oldValue)){var r=e._vue_visibilityState;n?r?r.createObserver(n,i):c(e,{value:n},i):d(e)}},unbind:d};var u={version:"0.4.6",install:function(e){e.directive("observe-visibility",p)}},f=null;"undefined"!=typeof window?f=window.Vue:"undefined"!=typeof global&&(f=global.Vue),f&&f.use(u);var h={name:"virtual-scroller",components:{ResizeObserver:i},directives:{ObserveVisibility:p},props:{items:{type:Array,required:!0},renderers:{default:null},itemHeight:{type:[Number,String],default:null},typeField:{type:String,default:"type"},keyField:{type:String,default:"id"},heightField:{type:String,default:"height"},mainTag:{type:String,default:"div"},containerTag:{type:String,default:"div"},containerClass:{default:null},contentTag:{type:String,default:"div"},contentClass:{default:null},pageMode:{type:Boolean,default:!1},buffer:{type:[Number,String],default:200},poolSize:{type:[Number,String],default:2e3},prerender:{type:[Number,String],default:0},emitUpdate:{type:Boolean,default:!1},delayPreviousItems:{type:Boolean,default:!1}},data:()=>({visibleItems:[],itemContainerStyle:null,itemsStyle:null,keysEnabled:!0}),computed:{cssClass(){return{"page-mode":this.pageMode}},heights(){if(null===this.itemHeight){const e={},t=this.items,i=this.heightField;let n=0;for(let r=0;r<t.length;r++)n+=t[r][i],e[r]=n;return e}}},watch:{items:{handler(){this.updateVisibleItems(!0)},deep:!0},pageMode(){this.applyPageMode(),this.updateVisibleItems(!0)},itemHeight:"setDirty"},created(){this.$_ready=!1,this.$_startIndex=0,this.$_oldScrollTop=null,this.$_oldScrollBottom=null,this.$_offsetTop=0,this.$_height=0,this.$_scrollDirty=!1,this.$_updateDirty=!1;const e=parseInt(this.prerender);e>0?(this.visibleItems=this.items.slice(0,e),this.$_length=this.visibleItems.length,this.$_endIndex=this.$_length-1,this.$_skip=!0):(this.$_endIndex=0,this.$_length=0,this.$_skip=!1)},mounted(){this.applyPageMode(),this.$nextTick(()=>{this.updateVisibleItems(!0),this.$_ready=!0})},beforeDestroy(){this.removeWindowScroll()},methods:{getScroll(){const e=this.$el;let t;if(this.pageMode){const i=e.getBoundingClientRect();let n=-i.top,r=window.innerHeight;n<0&&(r+=n,n=0),n+r>i.height&&(r=i.height-n),t={top:n,bottom:n+r}}else t={top:e.scrollTop,bottom:e.scrollTop+e.clientHeight};return t.bottom>=0&&t.top<=t.bottom?t:null},updateVisibleItems(e=!1){this.$_updateDirty||(this.$_updateDirty=!0,this.$nextTick(()=>{this.$_updateDirty=!1;const t=this.items.length,i=this.getScroll(),n=this.items,r=this.itemHeight;let o,a;if(i){let s=-1,l=-1;const c=parseInt(this.buffer),d=parseInt(this.poolSize),p=~~(i.top/d)*d-c,u=Math.ceil(i.bottom/d)*d+c;if(!e&&(p===this.$_oldScrollTop&&u===this.$_oldScrollBottom||this.$_skip))return void(this.$_skip=!1);if(this.$_oldScrollTop=p,this.$_oldScrollBottom=u,null===r){const e=this.heights;let i,r,c=0,d=t-1,f=~~(t/2);do{r=f,(i=e[f])<p?c=f:f<t&&e[f+1]>p&&(d=f),f=~~((c+d)/2)}while(f!==r);for(f<0&&(f=0),s=f,a=f>0?e[f-1]:0,o=e[t-1],l=f;l<t&&e[l]<u;l++);-1===l?l=n.length-1:++l>t&&(l=t)}else s=~~(p/r),l=Math.ceil(u/r),s<0&&(s=0),l>t&&(l=t),a=s*r,o=t*r;(e||this.$_startIndex!==s||this.$_endIndex!==l||this.$_offsetTop!==a||this.$_height!==o||this.$_length!==t)&&(this.keysEnabled=!(s>this.$_endIndex||l<this.$_startIndex),this.itemContainerStyle={height:o+"px"},this.itemsStyle={marginTop:a+"px"},this.delayPreviousItems?(this.visibleItems=n.slice(this.$_startIndex,l),this.$nextTick(()=>{this.visibleItems=n.slice(s,l)})):this.visibleItems=n.slice(s,l),this.emitUpdate&&this.$emit("update",s,l),this.$_startIndex=s,this.$_endIndex=l,this.$_length=t,this.$_offsetTop=a,this.$_height=o)}}))},scrollToItem(e){let t;t=null===this.itemHeight?e>0?this.heights[e-1]:0:e*this.itemHeight,this.$el.scrollTop=t},setDirty(){this.$_oldScrollTop=null,this.$_oldScrollBottom=null},applyPageMode(){this.pageMode?this.addWindowScroll():this.removeWindowScroll()},addWindowScroll(){window.addEventListener("scroll",this.handleScroll,!0),window.addEventListener("resize",this.handleResize)},removeWindowScroll(){window.removeEventListener("scroll",this.handleScroll,!0),window.removeEventListener("resize",this.handleResize)},handleScroll(){this.$_scrollDirty||(this.$_scrollDirty=!0,requestAnimationFrame(()=>{this.$_scrollDirty=!1,this.updateVisibleItems()}))},handleResize(){this.$emit("resize"),this.$_ready&&this.updateVisibleItems()},handleVisibilityChange(e,t){this.$_ready&&(e||0!==t.boundingClientRect.width||0!==t.boundingClientRect.height)&&(this.$emit("visible"),this.$nextTick(()=>{this.updateVisibleItems()}))}}};var v=function(e,t,i,n,r,o,a,s,l,c){"boolean"!=typeof a&&(l=s,s=a,a=!1);var d,p="function"==typeof i?i.options:i;if(e&&e.render&&(p.render=e.render,p.staticRenderFns=e.staticRenderFns,p._compiled=!0,r&&(p.functional=!0)),n&&(p._scopeId=n),o?(d=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,l(e)),e&&e._registeredComponents&&e._registeredComponents.add(o)},p._ssrRegister=d):t&&(d=a?function(){t.call(this,c(this.$root.$options.shadowRoot))}:function(e){t.call(this,s(e))}),d)if(p.functional){var u=p.render;p.render=function(e,t){return d.call(t),u(e,t)}}else{var f=p.beforeCreate;p.beforeCreate=f?[].concat(f,d):[d]}return i},m="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());var b=document.head||document.getElementsByTagName("head")[0],g={};var y=function(e){return function(e,t){return function(e,t){var i=m?t.media||"default":e,n=g[i]||(g[i]={ids:new Set,styles:[]});if(!n.ids.has(e)){n.ids.add(e);var r=t.source;if(t.map&&(r+="\n/*# sourceURL="+t.map.sources[0]+" */",r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t.map))))+" */"),n.element||(n.element=document.createElement("style"),n.element.type="text/css",t.media&&n.element.setAttribute("media",t.media),b.appendChild(n.element)),"styleSheet"in n.element)n.styles.push(r),n.element.styleSheet.cssText=n.styles.filter(Boolean).join("\n");else{var o=n.ids.size-1,a=document.createTextNode(r),s=n.element.childNodes;s[o]&&n.element.removeChild(s[o]),s.length?n.element.insertBefore(a,s[o]):n.element.appendChild(a)}}}(e,t)}};var _=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i(e.mainTag,{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:e.handleVisibilityChange,expression:"handleVisibilityChange"}],tag:"component",staticClass:"virtual-scroller",class:e.cssClass,on:{scroll:e.handleScroll}},[e._t("before-container"),e._v(" "),i(e.containerTag,{ref:"itemContainer",tag:"component",staticClass:"item-container",class:e.containerClass,style:e.itemContainerStyle},[e._t("before-content"),e._v(" "),i(e.contentTag,{ref:"items",tag:"component",staticClass:"items",class:e.contentClass,style:e.itemsStyle},[e._t("before-item"),e._v(" "),e.renderers?e._l(e.visibleItems,function(t,n){return i(e.renderers[t[e.typeField]],{key:e.keysEnabled&&t[e.keyField]||"",tag:"component",staticClass:"item",attrs:{item:t,"item-index":e.$_startIndex+n}})}):[e._l(e.visibleItems,function(t,i){return e._t("default",null,{item:t,itemIndex:e.$_startIndex+i,itemKey:e.keysEnabled&&t[e.keyField]||""})})]],2),e._v(" "),e._t("after-content")],2),e._v(" "),e._t("after-container"),e._v(" "),i("resize-observer",{on:{notify:e.handleResize}})],2)},staticRenderFns:[]},function(e){e&&e("data-v-7fd91582_0",{source:".virtual-scroller[data-v-7fd91582]:not(.page-mode){overflow-y:scroll}.item-container[data-v-7fd91582]{box-sizing:border-box;width:100%;overflow:hidden}.items[data-v-7fd91582]{width:100%}table[data-v-7fd91582]{border-collapse:collapse;table-layout:fixed}",map:void 0,media:void 0})},h,"data-v-7fd91582",!1,void 0,y,void 0);var w=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticStyle:{display:"inline-block","vertical-align":"top",position:"relative"}},[i("transition",{attrs:{name:e.animationMode}},[e.isShow?i("div",{directives:[{name:"click-out-side",rawName:"v-click-out-side",value:e.closeCard,expression:"closeCard"}],ref:"popCard",staticClass:"pop-card",style:{left:e.offset.left+"px",top:e.offset.top+"px",width:e.width+"px"}},[e._t("default"),e._v(" "),i("div",{staticClass:"pop-arrow",style:{left:e.offset.arrowLeft+"px"}})],2):e._e()]),e._v(" "),i("div",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:e.setSize,expression:"setSize"}],ref:"popHandler",staticClass:"pop-handler",on:{click:e.togglePop}},[e._t("reference")],2)],1)},staticRenderFns:[]},function(e){e&&e("data-v-e99dad2c_0",{source:'.pop-handler[data-v-e99dad2c]{display:inline-block}.pop-card[data-v-e99dad2c]{min-width:10px;min-height:10px;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:absolute;top:60px;z-index:2001;background-color:#fff;border-radius:5px;box-sizing:border-box;transform-origin:0 0}.pop-arrow[data-v-e99dad2c],.pop-arrow[data-v-e99dad2c]::after{top:-6px;position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.pop-arrow[data-v-e99dad2c]{left:50px}.pop-arrow[data-v-e99dad2c]::after{content:" ";margin-left:-6px;top:1px;border-bottom-color:#fff}.fade-enter-active[data-v-e99dad2c],.fade-leave-active[data-v-e99dad2c],.slidedown-enter-active[data-v-e99dad2c],.slidedown-leave-active[data-v-e99dad2c]{transition:all ease .2s}.fade-enter[data-v-e99dad2c],.fade-leave-to[data-v-e99dad2c]{opacity:0}.slidedown-enter[data-v-e99dad2c],.slidedown-leave-to[data-v-e99dad2c]{transform:scaleY(0)}',map:void 0,media:void 0})},{directives:{ObserveVisibility:p,"click-out-side":{bind(e,t,i){e.clickOutsideEvent=(n=>{(e!=n.target&&!e.contains(n.target)&&i.context.isShow||i.context.clickToClose)&&i.context[t.expression](n)}),setTimeout(t=>{document.body.addEventListener("click",e.clickOutsideEvent)},0)},unbind(e){document.body.removeEventListener("click",e.clickOutsideEvent)}}},props:{width:{type:Number,default:function(){return 120}},clickToClose:{type:Boolean,default:function(){return!1}},animationMode:{type:String,default:function(){return"fade"}},visible:{type:Boolean,default:!0},boundary:{default:()=>document.body}},data:()=>({isShow:!1,offset:{left:0,top:0,arrowLeft:0}}),methods:{togglePop(e){this.visible&&(this.isShow&&e.stopPropagation(),this.isShow=!this.isShow,this.$emit("showChange",this.isShow),this.isShow&&this.setSize())},closeCard(){this.visible&&(this.isShow=!1,this.$emit("showChange",this.isShow))},setSize(){if(!this.$refs.popHandler)return;let{x:e,y:t,width:i,height:n}=this.$refs.popHandler.getBoundingClientRect(),{x:r,y:o,width:a,height:s}=this.boundary.getBoundingClientRect(),l=0;e+this.width>r+a&&(l=e+this.width-(r+a)),this.offset.left=-l,this.offset.top=n+10,this.offset.arrowLeft=i/2-6+l}},mounted(){this.visible&&(this.setSize(),window.addEventListener("resize",this.setSize))},unmounted(){window.removeEventListener("resize",this.setSize)}},"data-v-e99dad2c",!1,void 0,y,void 0);var x=v({render:function(){var e,t=this.$createElement;return(this._self._c||t)("button",{staticClass:"base-button",class:(e={},e[this.type+"-btn"]=!0,e.disabled=this.disabled,e)},[this._t("default")],2)},staticRenderFns:[]},function(e){e&&e("data-v-13450395_0",{source:".base-button[data-v-13450395]{font-size:13px;display:inline-block;vertical-align:top;min-width:55px;min-height:28px;border-radius:2px;outline:0;focus-outline:none}.base-button[data-v-13450395]:active{border-style:solid}.base-button[data-v-13450395]:hover{cursor:pointer}.base-button.disabled[data-v-13450395]{opacity:.5;cursor:not-allowed}.plain-btn[data-v-13450395]{color:#606266;background:#fff;border-color:#dcdfe6}.plain-btn[data-v-13450395]:hover{color:#3caed2;background-color:rgba(60,174,210,.1);border-color:rgba(60,174,210,.2)}.plain-btn.disabled[data-v-13450395]:hover{color:#606266;background:#fff;border-color:#dcdfe6}.primary-btn[data-v-13450395]{color:#3caed2;background-color:rgba(60,174,210,.1);border-color:rgba(60,174,210,.2)}.primary-btn[data-v-13450395]:hover{color:#fff;background-color:#3caed2;border-color:#3caed2}.primary-btn.disabled[data-v-13450395]:hover{color:#3caed2;background-color:rgba(60,174,210,.1);border-color:rgba(60,174,210,.2)}.danger-btn[data-v-13450395]{color:#f56c6c;background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2)}.danger-btn[data-v-13450395]:hover{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.danger-btn.disabled[data-v-13450395]:hover{color:#f56c6c;background-color:rgba(245,108,108,.1);border-color:rgba(245,108,108,.2)}",map:void 0,media:void 0})},{props:{type:{type:String,default:"plain"},disabled:{type:Boolean,default:!1}}},"data-v-13450395",!1,void 0,y,void 0);var C=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 22.782,13.8L 17,19.582L 11.218,13.8c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414 l 6.486,6.486c 0.196,0.196, 0.454,0.294, 0.71,0.292c 0.258,0, 0.514-0.096, 0.71-0.292l 6.486-6.486c 0.39-0.39, 0.39-1.024,0-1.414 C 23.806,13.41, 23.172,13.41, 22.782,13.8z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var S=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 13.8,24.196c 0.39,0.39, 1.024,0.39, 1.414,0l 6.486-6.486c 0.196-0.196, 0.294-0.454, 0.292-0.71 c0-0.258-0.096-0.514-0.292-0.71L 15.214,9.804c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 19.582,17 L 13.8,22.782C 13.41,23.172, 13.41,23.806, 13.8,24.196z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var k=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 26,26L 6,26 L 6,6 l 14.752,0 L 22,4L 6,4 C 4.896,4, 4,4.896, 4,6l0,20 c0,1.104, 0.896,2, 2,2l 20,0 c 1.104,0, 2-0.896, 2-2L 28,12.794 L 26,16L 26,26 zM 29.366,2.228C 29.13,2.074, 28.864,2, 28.602,2c-0.456,0-0.904,0.224-1.172,0.634L 16.558,18.318l-4.206-4.8 C 11.782,12.992, 10.898,13.026, 10.372,13.594S 9.882,15.048, 10.45,15.572l 5.056,5.77c 0.032,0.052, 0.082,0.092, 0.122,0.14l 0.128,0.146 c 0.016,0.014, 0.036,0.018, 0.052,0.032c 0.040,0.032, 0.064,0.076, 0.106,0.106c 0.086,0.056, 0.18,0.092, 0.274,0.126 c 0.022,0.008, 0.040,0.022, 0.062,0.028c 0.14,0.046, 0.286,0.074, 0.43,0.074c 0.006,0, 0.012-0.004, 0.018-0.004 c 0.38,0.002, 0.758-0.138, 1.036-0.438c 0.052-0.056, 0.072-0.124, 0.114-0.186c 0.002-0.002, 0.004-0.004, 0.006-0.006l 11.918-17.194 C 30.194,3.52, 30.014,2.652, 29.366,2.228z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var O=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 26,4L 6,4 C 4.896,4, 4,4.896, 4,6l0,20 c0,1.104, 0.896,2, 2,2l 20,0 c 1.104,0, 2-0.896, 2-2L 28,6 C 28,4.896, 27.104,4, 26,4z M 26,26L 6,26 L 6,6 l 20,0 L 26,26 z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var T=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 17,2C 8.716,2, 2,8.716, 2,17S 8.716,32, 17,32S 32,25.284, 32,17S 25.284,2, 17,2z M 17,30 C 9.832,30, 4,24.168, 4,17S 9.832,4, 17,4S 30,9.832, 30,17S 24.168,30, 17,30zM 22.536,10.050L 17.038,15.548L 12.108,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414 l 4.932,5.498l-5.574,5.574c-0.39,0.39-0.39,1.024,0,1.414c 0.39,0.39, 1.024,0.39, 1.414,0l 5.498-5.498l 4.932,5.498 c 0.39,0.39, 1.024,0.39, 1.414,0s 0.39-1.024,0-1.414L 18.376,17.038l 5.574-5.574c 0.39-0.39, 0.39-1.024,0-1.414 C 23.56,9.66, 22.926,9.66, 22.536,10.050z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var $=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 26.166,16c 1.868-4.29, 0.716-7.018-0.222-8.332c-1.424-1.994-4.018-3.088-6.296-2.65 C 15.688,5.774, 14,8.458, 14,14l0,4.628 L 11.684,16.312c-0.39-0.39-1.024-0.39-1.414,0s-0.39,1.024,0,1.414l 4.024,4.022 c 0.202,0.202, 0.468,0.294, 0.732,0.288c 0.264,0.006, 0.53-0.086, 0.732-0.288l 4.044-4.042c 0.39-0.39, 0.39-1.024,0-1.414 s-1.024-0.39-1.414,0L 16,18.678L 16,14 c0-5.768, 1.986-6.628, 4.020-7.018c 1.306-0.24, 3.196,0.308, 4.294,1.848 c 1.344,1.878, 1.086,4.664-0.726,7.84c-0.192,0.338-0.172,0.756, 0.052,1.072s 0.618,0.476, 0.992,0.408 c 0.242-0.042, 0.964-0.152, 1.42-0.152C 28.23,17.998, 30,19.792, 30,22c0,2.206-1.794,4-4,4l-19.854,0.012C 3.822,25.668, 2,23.466, 2,21 c0-2.456, 1.844-4.57, 4.292-4.92l 0.86-0.124c 0.492-0.070, 0.858-0.492, 0.858-0.99L 7.994,13.902C 8,10.32, 10.208,7.376, 13.25,6.902 C 13.794,6.816, 14.168,6.306, 14.084,5.76C 13.998,5.214, 13.5,4.844, 12.94,4.926C 8.92,5.552, 6,9.326, 5.994,13.898 c0,0.002, 0.016,0.202, 0.016,0.202l0,0 C 2.584,14.59,0,17.556,0,21c0,3.492, 2.516,6.496, 6,7l 20,0 c 3.308,0, 6-2.692, 6-6 C 32,18.728, 29.392,16.060, 26.166,16z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var E=v({render:function(){var e=this.$createElement;return(this._self._c||e)("path",{attrs:{d:"M 4,28l 2,0 l0,2 c0,1.104, 0.896,2, 2,2l 20,0 c 1.104,0, 2-0.896, 2-2L 30,6 c0-1.104-0.896-2-2-2l-2,0 L 26,2 c0-1.104-0.896-2-2-2L 4,0 C 2.896,0, 2,0.896, 2,2l0,24 C 2,27.104, 2.896,28, 4,28z M 24,26L 4,26 L 4,2 l 20,0 L 24,26 z M 28,6l0,24 L 8,30 l0-2 l 16,0 c 1.104,0, 2-0.896, 2-2L 26,6 L 28,6 zM 10,7C 10,7.552, 10.448,8, 11,8l 10,0 C 21.552,8, 22,7.552, 22,7C 22,6.448, 21.552,6, 21,6l-10,0 C 10.448,6, 10,6.448, 10,7zM 7,14l 14,0 C 21.552,14, 22,13.552, 22,13C 22,12.448, 21.552,12, 21,12l-14,0 C 6.448,12, 6,12.448, 6,13 C 6,13.552, 6.448,14, 7,14zM 7,18l 14,0 C 21.552,18, 22,17.552, 22,17C 22,16.448, 21.552,16, 21,16l-14,0 C 6.448,16, 6,16.448, 6,17 C 6,17.552, 6.448,18, 7,18zM 7,22l 14,0 c 0.552,0, 1-0.448, 1-1c0-0.552-0.448-1-1-1l-14,0 C 6.448,20, 6,20.448, 6,21 C 6,21.552, 6.448,22, 7,22z"}})},staticRenderFns:[]},void 0,{},void 0,!1,void 0,void 0,void 0);var P=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",width:e.width,height:e.height,viewBox:"0 0 32 32","aria-labelledby":e.iconName,role:"presentation"}},[i("title",{attrs:{id:e.iconName,lang:"en"}},[e._v(e._s(e.iconName)+" icon")]),e._v(" "),i("g",{attrs:{fill:e.iconColor}},[i(e.iconName,{tag:"component"})],1)])},staticRenderFns:[]},function(e){e&&e("data-v-781ef5e4_0",{source:"svg[data-v-781ef5e4]{display:inline-block;vertical-align:baseline;margin-bottom:-2px}",map:void 0,media:void 0})},{components:{arrowCarrotDown:C,arrowCarrotRight:S,boxChecked:k,boxEmpty:O,closeAlt2:T,cloudDownloadAlt:$,documentsAlt:E},props:{iconName:{type:String,default:"box"},width:{type:[Number,String],default:18},height:{type:[Number,String],default:18},iconColor:{type:String,default:"currentColor"}}},"data-v-781ef5e4",!1,void 0,y,void 0);var N=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("BasePopover",{attrs:{clickToClose:!0,width:e.width,"animation-mode":"slidedown"},on:{showChange:e.handlePopoverChange}},[i("div",{staticClass:"option-list"},e._l(e.choiceList,function(t){return i("div",{staticClass:"option-item",class:{selected:t.value==e.selected.value},on:{click:function(i){return e.updateChoice(t)}}},[e._v(e._s(t.label))])}),0),e._v(" "),i("div",{staticClass:"select-box",style:{width:e.width+"px"},attrs:{slot:"reference"},slot:"reference"},[e._v("\n\t\t\t"+e._s(e.selected.label)+"\n\t\t"),i("div",{staticClass:"arrow-side"},[i("base-icon",{staticClass:"select-arrow",style:{transform:"rotate("+e.arrowRotate+"deg)"},attrs:{"icon-name":"arrowCarrotDown","icon-color":"#909399",width:"16",height:"16"}})],1)])])},staticRenderFns:[]},function(e){e&&e("data-v-291fae38_0",{source:".select-box[data-v-291fae38]{font-size:13px;height:32px;line-height:32px;border-radius:4px;outline:0;background-color:#f5f7fa;color:#909399;position:relative;border:1px solid #dcdfe6;white-space:nowrap;padding-left:5px;padding-right:20px;box-sizing:border-box;text-align:center}.select-box[data-v-291fae38]:hover{cursor:pointer}.option-list[data-v-291fae38]{font-size:13px;text-align:center;padding:5px 0}.option-list .option-item[data-v-291fae38]{padding:5px}.option-list .option-item[data-v-291fae38]:hover{cursor:pointer;background-color:#f5f7fa}.option-list .option-item.selected[data-v-291fae38]{color:#3caed2}.arrow-side[data-v-291fae38]{position:absolute;right:0;top:0;width:20px;height:100%;display:flex;justify-content:center;align-items:center}.arrow-side .select-arrow[data-v-291fae38]{color:#909399;font-size:16px;transition:all ease .2s}",map:void 0,media:void 0})},{components:{BasePopover:w,BaseIcon:P},model:{prop:"selectedValue",event:"change"},props:{choiceList:{type:Array,default:function(){return[]}},selectedValue:[String,Number],width:{type:Number,default:80}},data:()=>({selected:{},arrowRotate:0}),mounted(){this.updateSelected(this.selectedValue)},methods:{updateSelected(e){this.selected=this.choiceList.find(t=>t.value==e)||{value:e,label:e}},handlePopoverChange(e){this.arrowRotate=e?-180:0},updateChoice(e){this.$emit("change",e.value),this.updateSelected(e.value)}}},"data-v-291fae38",!1,void 0,y,void 0);var F=v({render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:e.handleVisible,expression:"handleVisible"}],ref:"input",staticClass:"input-box",attrs:{type:e.type,name:"",placeholder:e.placeholder},domProps:{value:e.inputValue},on:{change:function(t){return e.$emit("change",t.target.value)}}})},staticRenderFns:[]},function(e){e&&e("data-v-2eb19aea_0",{source:".input-box[data-v-2eb19aea]{display:inline-block;box-sizing:border-box;height:32px;border:1px solid #d3d4d6;border-radius:4px;padding:0 5px;outline:0;font-size:12px;vertical-align:top}.input-box[data-v-2eb19aea]:focus{border-color:#3caed2;outline:0}",map:void 0,media:void 0})},{directives:{ObserveVisibility:p},model:{prop:"inputValue",event:"change"},props:{inputValue:[String,Number],type:{type:String,default:"text"},placeholder:{type:String,default:""},autoFocus:{type:Boolean,default:!1}},data:()=>({}),methods:{handleVisible(e){e&&this.autoFocus&&this.$refs.input.focus()}}},"data-v-2eb19aea",!1,void 0,y,void 0);var L=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"check-box"},e._l(e.choiceList,function(t){return i("div",{staticClass:"check-item",class:{checked:e.checkedGroup.includes(t)},on:{click:function(i){return e.clickItem(t)}}},[i("div",{staticClass:"check-icon"},[e.checkedGroup.includes(t)?i("base-icon",{attrs:{"icon-name":"boxChecked","icon-color":"#3caed2",width:"14",height:"14"}}):i("base-icon",{attrs:{"icon-name":"boxEmpty","icon-color":"#dcdfe6",width:"14",height:"14"}})],1),e._v(" "),i("div",{staticClass:"check-label"},[e._v(e._s(t))])])}),0)},staticRenderFns:[]},function(e){e&&e("data-v-6b8e9723_0",{source:".check-box[data-v-6b8e9723]:hover{cursor:pointer}.check-item[data-v-6b8e9723]{position:relative;padding-left:20px;font-size:14px;height:25px;line-height:25px}.check-item .icon_box-empty[data-v-6b8e9723]{color:#dcdfe6}.check-item[data-v-6b8e9723]:hover{cursor:pointer}.check-item:hover .icon_box-empty[data-v-6b8e9723]{color:#3caed2}.check-item.checked[data-v-6b8e9723]{color:#3caed2}.check-item .check-icon[data-v-6b8e9723]{position:absolute;left:0;top:0;width:20px;height:100%;display:flex;justify-content:center;align-items:center}.check-item .check-label[data-v-6b8e9723]{text-align:left}",map:void 0,media:void 0})},{components:{BaseIcon:P},model:{prop:"checkedValue",event:"change"},props:{checkedValue:Array,choiceList:{type:Array,default:function(){return[]}}},watch:{checkedValue(){this.init()}},data:()=>({checkedGroup:[]}),mounted(){this.init()},methods:{init(){this.checkedGroup=this.checkedValue.slice()},clickItem(e){let t=this.checkedGroup.indexOf(e);t>-1?this.checkedGroup.splice(t,1):this.checkedGroup.push(e),this.$emit("change",this.checkedGroup)}}},"data-v-6b8e9723",!1,void 0,y,void 0);var I=v({render:function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"mainCard",staticStyle:{display:"inline-block","vertical-align":"top"}},[i("transition",{attrs:{name:e.animationMode}},[i("div",{ref:"popCard",staticClass:"pop-card",style:{left:e.offset.left+"px",top:e.offset.top+"px",width:e.width+"px"},on:{click:e.handleClick}},[e._t("default"),e._v(" "),i("div",{staticClass:"pop-arrow",style:{left:e.offset.arrowLeft+"px"}})],2)]),e._v(" "),i("div",{directives:[{name:"observe-visibility",rawName:"v-observe-visibility",value:e.setSize,expression:"setSize"}],ref:"popHandler",staticClass:"pop-handler"},[e._t("reference")],2)],1)},staticRenderFns:[]},function(e){e&&e("data-v-71f989c0_0",{source:'.mainCard:hover .pop-card[data-v-71f989c0]{display:block}.pop-handler[data-v-71f989c0]{display:inline-block}.pop-card[data-v-71f989c0]{min-width:10px;min-height:10px;border:1px solid #ebeef5;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);position:absolute;top:60px;z-index:2001;background-color:#fff;border-radius:5px;box-sizing:border-box;transform-origin:0 0;padding:5px;display:none;font-size:13px}.pop-card[data-v-71f989c0]:hover{display:block}.pop-arrow[data-v-71f989c0],.pop-arrow[data-v-71f989c0]::after{top:-6px;position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:6px;filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));margin-right:3px;border-top-width:0;border-bottom-color:#ebeef5}.pop-arrow[data-v-71f989c0]{left:50px}.pop-arrow[data-v-71f989c0]::after{content:" ";margin-left:-6px;top:1px;border-bottom-color:#fff}.fade-enter-active[data-v-71f989c0],.fade-leave-active[data-v-71f989c0],.slidedown-enter-active[data-v-71f989c0],.slidedown-leave-active[data-v-71f989c0]{transition:all ease .2s}.fade-enter[data-v-71f989c0],.fade-leave-to[data-v-71f989c0]{opacity:0}.slidedown-enter[data-v-71f989c0],.slidedown-leave-to[data-v-71f989c0]{transform:scaleY(0)}',map:void 0,media:void 0})},{directives:{ObserveVisibility:p},props:{width:{type:[Number,String],default:function(){return"auto"}},animationMode:{type:String,default:function(){return"fade"}},visible:{type:Boolean,default:!0},boundary:{default:()=>document.body}},data:()=>({isShow:!1,offset:{left:0,top:0,arrowLeft:0}}),methods:{handleClick(e){e.stopPropagation()},togglePop(e){this.visible&&(this.isShow&&e.stopPropagation(),this.isShow=!this.isShow,this.$emit("showChange",this.isShow))},closeCard(){this.visible&&(this.isShow=!1,this.$emit("showChange",this.isShow))},setSize(){if(!this.$refs.popHandler)return;let{x:e,y:t,width:i,height:n}=this.$refs.popHandler.getBoundingClientRect(),{x:r,y:o,width:a,height:s}=this.boundary.getBoundingClientRect(),l=0;e+this.width>r+a&&(l=e+this.width-(r+a)),this.offset.left=-l,this.offset.top=n,this.offset.arrowLeft=i/2-6+l}},mounted(){this.visible&&(this.setSize(),window.addEventListener("resize",this.setSize))},unmounted(){window.removeEventListener("resize",this.setSize)}},"data-v-71f989c0",!1,void 0,y,void 0);function z(e){return JSON.parse(JSON.stringify(e))}var D="undefined"!=typeof window&&"undefined"!=typeof document&&"undefined"!=typeof navigator,j=function(){for(var e=["Edge","Trident","Firefox"],t=0;t<e.length;t+=1)if(D&&navigator.userAgent.indexOf(e[t])>=0)return 1;return 0}();var A=D&&window.Promise?function(e){var t=!1;return function(){t||(t=!0,window.Promise.resolve().then(function(){t=!1,e()}))}}:function(e){var t=!1;return function(){t||(t=!0,setTimeout(function(){t=!1,e()},j))}};function B(e){return e&&"[object Function]"==={}.toString.call(e)}function R(e,t){if(1!==e.nodeType)return[];var i=e.ownerDocument.defaultView.getComputedStyle(e,null);return t?i[t]:i}function M(e){return"HTML"===e.nodeName?e:e.parentNode||e.host}function H(e){if(!e)return document.body;switch(e.nodeName){case"HTML":case"BODY":return e.ownerDocument.body;case"#document":return e.body}var t=R(e),i=t.overflow,n=t.overflowX,r=t.overflowY;return/(auto|scroll|overlay)/.test(i+r+n)?e:H(M(e))}function V(e){return e&&e.referenceNode?e.referenceNode:e}var W=D&&!(!window.MSInputMethodContext||!document.documentMode),U=D&&/MSIE 10/.test(navigator.userAgent);function q(e){return 11===e?W:10===e?U:W||U}function G(e){if(!e)return document.documentElement;for(var t=q(10)?document.body:null,i=e.offsetParent||null;i===t&&e.nextElementSibling;)i=(e=e.nextElementSibling).offsetParent;var n=i&&i.nodeName;return n&&"BODY"!==n&&"HTML"!==n?-1!==["TH","TD","TABLE"].indexOf(i.nodeName)&&"static"===R(i,"position")?G(i):i:e?e.ownerDocument.documentElement:document.documentElement}function Y(e){return null!==e.parentNode?Y(e.parentNode):e}function X(e,t){if(!(e&&e.nodeType&&t&&t.nodeType))return document.documentElement;var i=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,n=i?e:t,r=i?t:e,o=document.createRange();o.setStart(n,0),o.setEnd(r,0);var a,s,l=o.commonAncestorContainer;if(e!==l&&t!==l||n.contains(r))return"BODY"===(s=(a=l).nodeName)||"HTML"!==s&&G(a.firstElementChild)!==a?G(l):l;var c=Y(e);return c.host?X(c.host,t):X(e,Y(t).host)}function J(e){var t="top"===(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"top")?"scrollTop":"scrollLeft",i=e.nodeName;if("BODY"===i||"HTML"===i){var n=e.ownerDocument.documentElement;return(e.ownerDocument.scrollingElement||n)[t]}return e[t]}function K(e,t){var i="x"===t?"Left":"Top",n="Left"===i?"Right":"Bottom";return parseFloat(e["border"+i+"Width"])+parseFloat(e["border"+n+"Width"])}function Q(e,t,i,n){return Math.max(t["offset"+e],t["scroll"+e],i["client"+e],i["offset"+e],i["scroll"+e],q(10)?parseInt(i["offset"+e])+parseInt(n["margin"+("Height"===e?"Top":"Left")])+parseInt(n["margin"+("Height"===e?"Bottom":"Right")]):0)}function Z(e){var t=e.body,i=e.documentElement,n=q(10)&&getComputedStyle(i);return{height:Q("Height",t,i,n),width:Q("Width",t,i,n)}}var ee=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},te=function(){function e(e,t){for(var i=0;i<t.length;i++){var n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,i,n){return i&&e(t.prototype,i),n&&e(t,n),t}}(),ie=function(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e},ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e};function re(e){return ne({},e,{right:e.left+e.width,bottom:e.top+e.height})}function oe(e){var t={};try{if(q(10)){t=e.getBoundingClientRect();var i=J(e,"top"),n=J(e,"left");t.top+=i,t.left+=n,t.bottom+=i,t.right+=n}else t=e.getBoundingClientRect()}catch(e){}var r={left:t.left,top:t.top,width:t.right-t.left,height:t.bottom-t.top},o="HTML"===e.nodeName?Z(e.ownerDocument):{},a=o.width||e.clientWidth||r.width,s=o.height||e.clientHeight||r.height,l=e.offsetWidth-a,c=e.offsetHeight-s;if(l||c){var d=R(e);l-=K(d,"x"),c-=K(d,"y"),r.width-=l,r.height-=c}return re(r)}function ae(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=q(10),r="HTML"===t.nodeName,o=oe(e),a=oe(t),s=H(e),l=R(t),c=parseFloat(l.borderTopWidth),d=parseFloat(l.borderLeftWidth);i&&r&&(a.top=Math.max(a.top,0),a.left=Math.max(a.left,0));var p=re({top:o.top-a.top-c,left:o.left-a.left-d,width:o.width,height:o.height});if(p.marginTop=0,p.marginLeft=0,!n&&r){var u=parseFloat(l.marginTop),f=parseFloat(l.marginLeft);p.top-=c-u,p.bottom-=c-u,p.left-=d-f,p.right-=d-f,p.marginTop=u,p.marginLeft=f}return(n&&!i?t.contains(s):t===s&&"BODY"!==s.nodeName)&&(p=function(e,t){var i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=J(t,"top"),r=J(t,"left"),o=i?-1:1;return e.top+=n*o,e.bottom+=n*o,e.left+=r*o,e.right+=r*o,e}(p,t)),p}function se(e){if(!e||!e.parentElement||q())return document.documentElement;for(var t=e.parentElement;t&&"none"===R(t,"transform");)t=t.parentElement;return t||document.documentElement}function le(e,t,i,n){var r=arguments.length>4&&void 0!==arguments[4]&&arguments[4],o={top:0,left:0},a=r?se(e):X(e,V(t));if("viewport"===n)o=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=e.ownerDocument.documentElement,n=ae(e,i),r=Math.max(i.clientWidth,window.innerWidth||0),o=Math.max(i.clientHeight,window.innerHeight||0),a=t?0:J(i),s=t?0:J(i,"left");return re({top:a-n.top+n.marginTop,left:s-n.left+n.marginLeft,width:r,height:o})}(a,r);else{var s=void 0;"scrollParent"===n?"BODY"===(s=H(M(t))).nodeName&&(s=e.ownerDocument.documentElement):s="window"===n?e.ownerDocument.documentElement:n;var l=ae(s,a,r);if("HTML"!==s.nodeName||function e(t){var i=t.nodeName;if("BODY"===i||"HTML"===i)return!1;if("fixed"===R(t,"position"))return!0;var n=M(t);return!!n&&e(n)}(a))o=l;else{var c=Z(e.ownerDocument),d=c.height,p=c.width;o.top+=l.top-l.marginTop,o.bottom=d+l.top,o.left+=l.left-l.marginLeft,o.right=p+l.left}}var u="number"==typeof(i=i||0);return o.left+=u?i:i.left||0,o.top+=u?i:i.top||0,o.right-=u?i:i.right||0,o.bottom-=u?i:i.bottom||0,o}function ce(e,t,i,n,r){var o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:0;if(-1===e.indexOf("auto"))return e;var a=le(i,n,o,r),s={top:{width:a.width,height:t.top-a.top},right:{width:a.right-t.right,height:a.height},bottom:{width:a.width,height:a.bottom-t.bottom},left:{width:t.left-a.left,height:a.height}},l=Object.keys(s).map(function(e){return ne({key:e},s[e],{area:(t=s[e],t.width*t.height)});var t}).sort(function(e,t){return t.area-e.area}),c=l.filter(function(e){var t=e.width,n=e.height;return t>=i.clientWidth&&n>=i.clientHeight}),d=c.length>0?c[0].key:l[0].key,p=e.split("-")[1];return d+(p?"-"+p:"")}function de(e,t,i){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;return ae(i,n?se(t):X(t,V(i)),n)}function pe(e){var t=e.ownerDocument.defaultView.getComputedStyle(e),i=parseFloat(t.marginTop||0)+parseFloat(t.marginBottom||0),n=parseFloat(t.marginLeft||0)+parseFloat(t.marginRight||0);return{width:e.offsetWidth+n,height:e.offsetHeight+i}}function ue(e){var t={left:"right",right:"left",bottom:"top",top:"bottom"};return e.replace(/left|right|bottom|top/g,function(e){return t[e]})}function fe(e,t,i){i=i.split("-")[0];var n=pe(e),r={width:n.width,height:n.height},o=-1!==["right","left"].indexOf(i),a=o?"top":"left",s=o?"left":"top",l=o?"height":"width",c=o?"width":"height";return r[a]=t[a]+t[l]/2-n[l]/2,r[s]=i===s?t[s]-n[c]:t[ue(s)],r}function he(e,t){return Array.prototype.find?e.find(t):e.filter(t)[0]}function ve(e,t,i){return(void 0===i?e:e.slice(0,function(e,t,i){if(Array.prototype.findIndex)return e.findIndex(function(e){return e[t]===i});var n=he(e,function(e){return e[t]===i});return e.indexOf(n)}(e,"name",i))).forEach(function(e){e.function&&console.warn("`modifier.function` is deprecated, use `modifier.fn`!");var i=e.function||e.fn;e.enabled&&B(i)&&(t.offsets.popper=re(t.offsets.popper),t.offsets.reference=re(t.offsets.reference),t=i(t,e))}),t}function me(e,t){return e.some(function(e){var i=e.name;return e.enabled&&i===t})}function be(e){for(var t=[!1,"ms","Webkit","Moz","O"],i=e.charAt(0).toUpperCase()+e.slice(1),n=0;n<t.length;n++){var r=t[n],o=r?""+r+i:e;if(void 0!==document.body.style[o])return o}return null}function ge(e){var t=e.ownerDocument;return t?t.defaultView:window}function ye(e,t,i,n){i.updateBound=n,ge(e).addEventListener("resize",i.updateBound,{passive:!0});var r=H(e);return function e(t,i,n,r){var o="BODY"===t.nodeName,a=o?t.ownerDocument.defaultView:t;a.addEventListener(i,n,{passive:!0}),o||e(H(a.parentNode),i,n,r),r.push(a)}(r,"scroll",i.updateBound,i.scrollParents),i.scrollElement=r,i.eventsEnabled=!0,i}function _e(){var e,t;this.state.eventsEnabled&&(cancelAnimationFrame(this.scheduleUpdate),this.state=(e=this.reference,t=this.state,ge(e).removeEventListener("resize",t.updateBound),t.scrollParents.forEach(function(e){e.removeEventListener("scroll",t.updateBound)}),t.updateBound=null,t.scrollParents=[],t.scrollElement=null,t.eventsEnabled=!1,t))}function we(e){return""!==e&&!isNaN(parseFloat(e))&&isFinite(e)}function xe(e,t){Object.keys(t).forEach(function(i){var n="";-1!==["width","height","top","right","bottom","left"].indexOf(i)&&we(t[i])&&(n="px"),e.style[i]=t[i]+n})}var Ce=D&&/Firefox/i.test(navigator.userAgent);function Se(e,t,i){var n=he(e,function(e){return e.name===t}),r=!!n&&e.some(function(e){return e.name===i&&e.enabled&&e.order<n.order});if(!r){var o="`"+t+"`",a="`"+i+"`";console.warn(a+" modifier is required by "+o+" modifier in order to work, be sure to include it before "+o+"!")}return r}var ke=["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"],Oe=ke.slice(3);function Te(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=Oe.indexOf(e),n=Oe.slice(i+1).concat(Oe.slice(0,i));return t?n.reverse():n}var $e={FLIP:"flip",CLOCKWISE:"clockwise",COUNTERCLOCKWISE:"counterclockwise"};function Ee(e,t,i,n){var r=[0,0],o=-1!==["right","left"].indexOf(n),a=e.split(/(\+|\-)/).map(function(e){return e.trim()}),s=a.indexOf(he(a,function(e){return-1!==e.search(/,|\s/)}));a[s]&&-1===a[s].indexOf(",")&&console.warn("Offsets separated by white space(s) are deprecated, use a comma (,) instead.");var l=/\s*,\s*|\s+/,c=-1!==s?[a.slice(0,s).concat([a[s].split(l)[0]]),[a[s].split(l)[1]].concat(a.slice(s+1))]:[a];return(c=c.map(function(e,n){var r=(1===n?!o:o)?"height":"width",a=!1;return e.reduce(function(e,t){return""===e[e.length-1]&&-1!==["+","-"].indexOf(t)?(e[e.length-1]=t,a=!0,e):a?(e[e.length-1]+=t,a=!1,e):e.concat(t)},[]).map(function(e){return function(e,t,i,n){var r=e.match(/((?:\-|\+)?\d*\.?\d*)(.*)/),o=+r[1],a=r[2];if(!o)return e;if(0===a.indexOf("%")){var s=void 0;switch(a){case"%p":s=i;break;case"%":case"%r":default:s=n}return re(s)[t]/100*o}if("vh"===a||"vw"===a)return("vh"===a?Math.max(document.documentElement.clientHeight,window.innerHeight||0):Math.max(document.documentElement.clientWidth,window.innerWidth||0))/100*o;return o}(e,r,t,i)})})).forEach(function(e,t){e.forEach(function(i,n){we(i)&&(r[t]+=i*("-"===e[n-1]?-1:1))})}),r}var Pe={placement:"bottom",positionFixed:!1,eventsEnabled:!0,removeOnDestroy:!1,onCreate:function(){},onUpdate:function(){},modifiers:{shift:{order:100,enabled:!0,fn:function(e){var t=e.placement,i=t.split("-")[0],n=t.split("-")[1];if(n){var r=e.offsets,o=r.reference,a=r.popper,s=-1!==["bottom","top"].indexOf(i),l=s?"left":"top",c=s?"width":"height",d={start:ie({},l,o[l]),end:ie({},l,o[l]+o[c]-a[c])};e.offsets.popper=ne({},a,d[n])}return e}},offset:{order:200,enabled:!0,fn:function(e,t){var i=t.offset,n=e.placement,r=e.offsets,o=r.popper,a=r.reference,s=n.split("-")[0],l=void 0;return l=we(+i)?[+i,0]:Ee(i,o,a,s),"left"===s?(o.top+=l[0],o.left-=l[1]):"right"===s?(o.top+=l[0],o.left+=l[1]):"top"===s?(o.left+=l[0],o.top-=l[1]):"bottom"===s&&(o.left+=l[0],o.top+=l[1]),e.popper=o,e},offset:0},preventOverflow:{order:300,enabled:!0,fn:function(e,t){var i=t.boundariesElement||G(e.instance.popper);e.instance.reference===i&&(i=G(i));var n=be("transform"),r=e.instance.popper.style,o=r.top,a=r.left,s=r[n];r.top="",r.left="",r[n]="";var l=le(e.instance.popper,e.instance.reference,t.padding,i,e.positionFixed);r.top=o,r.left=a,r[n]=s,t.boundaries=l;var c=t.priority,d=e.offsets.popper,p={primary:function(e){var i=d[e];return d[e]<l[e]&&!t.escapeWithReference&&(i=Math.max(d[e],l[e])),ie({},e,i)},secondary:function(e){var i="right"===e?"left":"top",n=d[i];return d[e]>l[e]&&!t.escapeWithReference&&(n=Math.min(d[i],l[e]-("right"===e?d.width:d.height))),ie({},i,n)}};return c.forEach(function(e){var t=-1!==["left","top"].indexOf(e)?"primary":"secondary";d=ne({},d,p[t](e))}),e.offsets.popper=d,e},priority:["left","right","top","bottom"],padding:5,boundariesElement:"scrollParent"},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,i=t.popper,n=t.reference,r=e.placement.split("-")[0],o=Math.floor,a=-1!==["top","bottom"].indexOf(r),s=a?"right":"bottom",l=a?"left":"top",c=a?"width":"height";return i[s]<o(n[l])&&(e.offsets.popper[l]=o(n[l])-i[c]),i[l]>o(n[s])&&(e.offsets.popper[l]=o(n[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,t){var i;if(!Se(e.instance.modifiers,"arrow","keepTogether"))return e;var n=t.element;if("string"==typeof n){if(!(n=e.instance.popper.querySelector(n)))return e}else if(!e.instance.popper.contains(n))return console.warn("WARNING: `arrow.element` must be child of its popper element!"),e;var r=e.placement.split("-")[0],o=e.offsets,a=o.popper,s=o.reference,l=-1!==["left","right"].indexOf(r),c=l?"height":"width",d=l?"Top":"Left",p=d.toLowerCase(),u=l?"left":"top",f=l?"bottom":"right",h=pe(n)[c];s[f]-h<a[p]&&(e.offsets.popper[p]-=a[p]-(s[f]-h)),s[p]+h>a[f]&&(e.offsets.popper[p]+=s[p]+h-a[f]),e.offsets.popper=re(e.offsets.popper);var v=s[p]+s[c]/2-h/2,m=R(e.instance.popper),b=parseFloat(m["margin"+d]),g=parseFloat(m["border"+d+"Width"]),y=v-e.offsets.popper[p]-b-g;return y=Math.max(Math.min(a[c]-h,y),0),e.arrowElement=n,e.offsets.arrow=(ie(i={},p,Math.round(y)),ie(i,u,""),i),e},element:"[x-arrow]"},flip:{order:600,enabled:!0,fn:function(e,t){if(me(e.instance.modifiers,"inner"))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var i=le(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement,e.positionFixed),n=e.placement.split("-")[0],r=ue(n),o=e.placement.split("-")[1]||"",a=[];switch(t.behavior){case $e.FLIP:a=[n,r];break;case $e.CLOCKWISE:a=Te(n);break;case $e.COUNTERCLOCKWISE:a=Te(n,!0);break;default:a=t.behavior}return a.forEach(function(s,l){if(n!==s||a.length===l+1)return e;n=e.placement.split("-")[0],r=ue(n);var c=e.offsets.popper,d=e.offsets.reference,p=Math.floor,u="left"===n&&p(c.right)>p(d.left)||"right"===n&&p(c.left)<p(d.right)||"top"===n&&p(c.bottom)>p(d.top)||"bottom"===n&&p(c.top)<p(d.bottom),f=p(c.left)<p(i.left),h=p(c.right)>p(i.right),v=p(c.top)<p(i.top),m=p(c.bottom)>p(i.bottom),b="left"===n&&f||"right"===n&&h||"top"===n&&v||"bottom"===n&&m,g=-1!==["top","bottom"].indexOf(n),y=!!t.flipVariations&&(g&&"start"===o&&f||g&&"end"===o&&h||!g&&"start"===o&&v||!g&&"end"===o&&m),_=!!t.flipVariationsByContent&&(g&&"start"===o&&h||g&&"end"===o&&f||!g&&"start"===o&&m||!g&&"end"===o&&v),w=y||_;(u||b||w)&&(e.flipped=!0,(u||b)&&(n=a[l+1]),w&&(o=function(e){return"end"===e?"start":"start"===e?"end":e}(o)),e.placement=n+(o?"-"+o:""),e.offsets.popper=ne({},e.offsets.popper,fe(e.instance.popper,e.offsets.reference,e.placement)),e=ve(e.instance.modifiers,e,"flip"))}),e},behavior:"flip",padding:5,boundariesElement:"viewport",flipVariations:!1,flipVariationsByContent:!1},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,i=t.split("-")[0],n=e.offsets,r=n.popper,o=n.reference,a=-1!==["left","right"].indexOf(i),s=-1===["top","left"].indexOf(i);return r[a?"left":"top"]=o[i]-(s?r[a?"width":"height"]:0),e.placement=ue(t),e.offsets.popper=re(r),e}},hide:{order:800,enabled:!0,fn:function(e){if(!Se(e.instance.modifiers,"hide","preventOverflow"))return e;var t=e.offsets.reference,i=he(e.instance.modifiers,function(e){return"preventOverflow"===e.name}).boundaries;if(t.bottom<i.top||t.left>i.right||t.top>i.bottom||t.right<i.left){if(!0===e.hide)return e;e.hide=!0,e.attributes["x-out-of-boundaries"]=""}else{if(!1===e.hide)return e;e.hide=!1,e.attributes["x-out-of-boundaries"]=!1}return e}},computeStyle:{order:850,enabled:!0,fn:function(e,t){var i=t.x,n=t.y,r=e.offsets.popper,o=he(e.instance.modifiers,function(e){return"applyStyle"===e.name}).gpuAcceleration;void 0!==o&&console.warn("WARNING: `gpuAcceleration` option moved to `computeStyle` modifier and will not be supported in future versions of Popper.js!");var a=void 0!==o?o:t.gpuAcceleration,s=G(e.instance.popper),l=oe(s),c={position:r.position},d=function(e,t){var i=e.offsets,n=i.popper,r=i.reference,o=Math.round,a=Math.floor,s=function(e){return e},l=o(r.width),c=o(n.width),d=-1!==["left","right"].indexOf(e.placement),p=-1!==e.placement.indexOf("-"),u=t?d||p||l%2==c%2?o:a:s,f=t?o:s;return{left:u(l%2==1&&c%2==1&&!p&&t?n.left-1:n.left),top:f(n.top),bottom:f(n.bottom),right:u(n.right)}}(e,window.devicePixelRatio<2||!Ce),p="bottom"===i?"top":"bottom",u="right"===n?"left":"right",f=be("transform"),h=void 0,v=void 0;if(v="bottom"===p?"HTML"===s.nodeName?-s.clientHeight+d.bottom:-l.height+d.bottom:d.top,h="right"===u?"HTML"===s.nodeName?-s.clientWidth+d.right:-l.width+d.right:d.left,a&&f)c[f]="translate3d("+h+"px, "+v+"px, 0)",c[p]=0,c[u]=0,c.willChange="transform";else{var m="bottom"===p?-1:1,b="right"===u?-1:1;c[p]=v*m,c[u]=h*b,c.willChange=p+", "+u}var g={"x-placement":e.placement};return e.attributes=ne({},g,e.attributes),e.styles=ne({},c,e.styles),e.arrowStyles=ne({},e.offsets.arrow,e.arrowStyles),e},gpuAcceleration:!0,x:"bottom",y:"right"},applyStyle:{order:900,enabled:!0,fn:function(e){var t,i;return xe(e.instance.popper,e.styles),t=e.instance.popper,i=e.attributes,Object.keys(i).forEach(function(e){!1!==i[e]