(function(e){function n(n){for(var r,a,u=n[0],s=n[1],c=n[2],h=0,f=[];h<u.length;h++)a=u[h],i[a]&&f.push(i[a][0]),i[a]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);l&&l(n);while(f.length)f.shift()();return o.push.apply(o,c||[]),t()}function t(){for(var e,n=0;n<o.length;n++){for(var t=o[n],r=!0,u=1;u<t.length;u++){var s=t[u];0!==i[s]&&(r=!1)}r&&(o.splice(n--,1),e=a(a.s=t[0]))}return e}var r={},i={app:0},o=[];function a(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=r,a.d=function(e,n,t){a.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},a.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,n){if(1&n&&(e=a(e)),8&n)return e;if(4&n&&"object"===typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)a.d(t,r,function(n){return e[n]}.bind(null,r));return t},a.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(n,"a",n),n},a.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},a.p="/";var u=window["webpackJsonp"]=window["webpackJsonp"]||[],s=u.push.bind(u);u.push=n,u=u.slice();for(var c=0;c<u.length;c++)n(u[c]);var l=s;o.push([0,"chunk-vendors"]),t()})({0:function(e,n,t){e.exports=t("56d7")},"034f":function(e,n,t){"use strict";var r=t("c21b"),i=t.n(r);i.a},"56d7":function(e,n,t){"use strict";t.r(n);t("cadf"),t("551c"),t("097d");var r=t("2b0e"),i=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("container-query",{attrs:{query:e.query},model:{value:e.params,callback:function(n){e.params=n},expression:"params"}},[t("pre",{staticClass:"app"},[e._v(e._s(e.params))])])},o=[],a=t("1b47"),u=t.n(a),s=t("c665"),c=t("aa9a"),l=t("a307"),h=t.n(l),f=(t("ac6a"),t("456d"),Object.prototype.hasOwnProperty);function p(e,n){var t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(var i=0;i<t.length;i++)if(!f.call(n,t[i])||e[t[i]]!==n[t[i]])return!1;return!0}var d=function(){function e(n,t){var r=this;Object(s["a"])(this,e),this.result={},this.rol=new h.a(function(e){var i=u()(n)(e);p(r.result,i)||(t(i),r.result=i)})}return Object(c["a"])(e,[{key:"observe",value:function(e){this.rol.observe(e)}},{key:"disconnect",value:function(){this.rol.disconnect()}}]),e}(),v={methods:{handleChange:function(){throw new Error("Method `handleChange()` not implemented.")},disposeObserver:function(){this.cqCore&&this.cqCore.disconnect(),this.cqCore=null},startObserving:function(e){var n=this;this.cqCore=new d(e,function(e){n.handleChange(e)});var t=this.$el||this.$slots.default[0].elm;this.cqCore.observe(t)}},created:function(){var e=this.query,n=this.initialSize,t=n?u()(e)(n):{};this.handleChange(t)},mounted:function(){this.startObserving(this.query)},destroyed:function(){this.disposeObserver()}},b=Object.prototype.hasOwnProperty;function y(e,n){var t=Object.keys(e),r=Object.keys(n);if(t.length!==r.length)return!1;for(var i=0;i<t.length;i++)if(!b.call(n,t[i])||!p(e[t[i]],n[t[i]]))return!1;return!0}var m="<vue-Container-query> can only render one, and exactly one child component",g={name:"vue-container-query",mixins:[v],model:{event:"change"},props:{initialSize:{type:Object},query:{required:!0,type:Object}},methods:{handleChange:function(e){this.$emit("change",e)}},watch:{query:{deep:!0,immediate:!0,handler:function(e,n){this.cqCore&&!y(n,e)&&(this.disposeObserver(),this.startObserving(e))}}},render:function(){var e=this.$slots.default;if(e&&1===e.length)return e[0];throw new Error(m)}};function O(e,n){return{mixins:[v],data:function(){return{query:e,initialSize:n,containerQuery:{}}},methods:{handleChange:function(e){this.containerQuery=e}}}}var w={"width-between-400-and-599":{minWidth:400,maxWidth:599},"width-larger-than-600":{minWidth:600}},j={name:"app",components:{ContainerQuery:g},data:function(){return{query:w,params:{}}}},q=j,_=(t("034f"),t("2877")),x=Object(_["a"])(q,i,o,!1,null,null,null);x.options.__file="App.vue";var C=x.exports,k=function(){var e=this,n=e.$createElement,t=e._self._c||n;return t("pre",{staticClass:"app"},[e._v(e._s(e.containerQuery))])},P=[],S={"width-between-400-and-599":{minWidth:400,maxWidth:599},"width-larger-than-600":{minWidth:600}},$={name:"app2",mixins:[O(S)]},M=$,W=Object(_["a"])(M,k,P,!1,null,null,null);W.options.__file="AppMixin.vue";var E=W.exports;r["a"].config.productionTip=!1,new r["a"]({render:function(e){return e("div",{},[e(C),e(E)])}}).$mount("#app")},c21b:function(e,n,t){}});
//# sourceMappingURL=app.b05790f7.js.map