Polymer Properties order ... matters?
<p>I am finding very odd behavior of a Polymer element when defining properties of that element... specifically Arrays and Objects.</p>

<p>I have a dom-repeat template displaying this data Array, to give some context.</p>

<p>For example:</p>

<pre><code>//.... Template definition
&lt;script&gt;
    Polymer({
        is: 'sample-element',
        properties:{
           user: {
              type:Object,
              notify: true,
           },
           data:{
              type: Array,
              value: function(){
                   return [
                    {'name':"Facebook", 'website': "http://www.facebook.com"},
                    {'name':"Twitter", 'website':"http://www.twitter.com"},
                    {'name':"Google",'website':"http://www.google.com"}];
              },
           }
        }
    });
&lt;/script&gt;
</code></pre>

<p>This renders incorrectly, however if i switch the order of these properties, data is defined as an Array with 3 Objects when the template renders.</p>

<p>For example:</p>

<pre><code>//.... Template definition
&lt;script&gt;
    Polymer({
        is: 'sample-element',
        properties:{
           data:{
              type: Array,
              value: function(){
                   return [
                    {'name':"Facebook", 'website': "http://www.facebook.com"},
                    {'name':"Twitter", 'website':"http://www.twitter.com"},
                    {'name':"Google",'website':"http://www.google.com"}];
              },
           },
           user: {
              type: Object,
              notify: true,
           },
        }
    });
&lt;/script&gt;
</code></pre>

<p>Any clue why this works for defining the Object last? 
Console shows no errors in sample-element either...</p>