title: Shared Polymer Behaviour Properties
body: <p>I'm trying to work out what is going on with Polymer Behaviours. Specifically, I am using the app-localize-behavior. From what I can gather the properties are shared unless the value is defined as a function.  </p>
  
  <p>I have added the app-localize-behavior to two elements. I have input boxes linked to the language property in app-localize-behavior to test out changing the property. So in element 1 I change the property to en and the translation in that element works but element 2 does nothing. I change the language via the input on element 2 and then that translates fine. </p>
  
  <p>What I can't understand is I thought since the property was in the behaviour, then changing the property in one element changed the other element. </p>
  
  <p>It seems a little useless to have an app-localize-behavior that doesn't reflect some global setting but lots of local settings for the language.</p>
  
  <p>Here is the code used in both elements.</p>
  
  <pre><code>&lt;link rel="import" href="../bower_components/app-localize-behavior/app-localize-behavior.html"&gt;
  ...
  
  &lt;input is="iron-input" bind-value="{{language}}"&gt;
  
  &lt;h1&gt;{{localize('Matters')}}&lt;/h1&gt;
  
  ...
  
    behaviors: [
      Polymer.AppLocalizeBehavior
    ],
  
    properties: {
      resources: {
        value: function() {
          return {
            'en': { 'Matters': 'English Matter'},
            'fr': { 'Matters': 'French Matter'}
          }
        }
      }
    },
  ...
  </code></pre>
  
  <p>Can anyone help?</p>