(window.webpackJsonp=window.webpackJsonp||[]).push([[29],{169:function(module,__webpack_exports__,__webpack_require__){"use strict";var json2mq__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(170),json2mq__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(json2mq__WEBPACK_IMPORTED_MODULE_0__);function convertBreakpointsToMediaQueries(breakpoints){var keys=Object.keys(breakpoints),values=keys.map(function(key){return breakpoints[key]}),breakpointValues=[0].concat(function(arr){if(Array.isArray(arr)){for(var i=0,arr2=new Array(arr.length);i<arr.length;i++)arr2[i]=arr[i];return arr2}return Array.from(arr)}(values.slice(0,-1)));return breakpointValues.reduce(function(sum,value,index){var options=Object.assign({minWidth:value},index<keys.length-1?{maxWidth:breakpointValues[index+1]-1}:{}),mediaQuery=json2mq__WEBPACK_IMPORTED_MODULE_0___default()(options);return Object.assign(sum,function(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}({},keys[index],mediaQuery))},{})}function transformValuesFromBreakpoints(breakpoints,values,currentBreakpoint){return function findClosestValue(currentBreakpoint){if(void 0!==values[currentBreakpoint])return values[currentBreakpoint];var index=breakpoints.findIndex(function(b){return b===currentBreakpoint}),newBreakpoint=-1!==index||0!==index?breakpoints[index-1]:null;return newBreakpoint?void 0!==values[newBreakpoint]?values[newBreakpoint]:findClosestValue(newBreakpoint):values[index]}(currentBreakpoint)}function isArray(arg){return"[object Array]"===Object.prototype.toString.call(arg)}var component={props:{mq:{required:!0,type:[String,Array]}},computed:{plusModifier:function(){return!isArray(this.mq)&&"+"===this.mq.slice(-1)},activeBreakpoints:function(){var breakpoints=Object.keys(this.$mqAvailableBreakpoints),mq=this.plusModifier?this.mq.slice(0,-1):isArray(this.mq)?this.mq:[this.mq];return this.plusModifier?function(breakpoints,currentBreakpoint){var index=breakpoints.findIndex(function(b){return b===currentBreakpoint});return breakpoints.slice(index)}(breakpoints,mq):mq}},render:function(h,props){return this.activeBreakpoints.includes(this.$mq)?h("div",this.$slots.default):h()}},DEFAULT_BREAKPOINT={sm:450,md:1250,lg:1/0},index={install:function(Vue){var _ref=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},_ref$breakpoints=_ref.breakpoints,breakpoints=void 0===_ref$breakpoints?DEFAULT_BREAKPOINT:_ref$breakpoints,reactorComponent=new Vue({data:function(){return{currentBreakpoint:null}}}),mediaQueries=convertBreakpointsToMediaQueries(breakpoints);function _subscribeToMediaQuery(mediaQuery,enter){var mql=window.matchMedia(mediaQuery),cb=function(_ref2){_ref2.matches&&enter()};mql.addListener(cb),cb(mql)}Object.keys(mediaQueries).map(function(key){_subscribeToMediaQuery(mediaQueries[key],function(){reactorComponent.currentBreakpoint=key})}),Vue.filter("mq",function(currentBreakpoint,values){return transformValuesFromBreakpoints(Object.keys(breakpoints),values,currentBreakpoint)}),Vue.mixin({computed:{$mq:function(){return reactorComponent.currentBreakpoint}}}),Vue.prototype.$mqAvailableBreakpoints=breakpoints,Vue.component("MqLayout",component)}};__webpack_exports__.a=index}}]);