gistfile1.html

<link rel="import" href="../core-selectable/core-selectable.html">
<link rel="import" href="../core-resizable/core-resizable.html">

<dom-module id="core-pages">
  <style>

    core-pages {
      display: block;
    }

    core-pages > :not(.core-selected) {
      display: none !important;
    }

  </style>

  <template>

    <div>
      <div></div>
    </div>

  </template>
</dom-module>

<script>

  Polymer({

    is: 'core-pages',

    published: {
      index: Number,
      selected: String
    },

    bind: {
      index: 'indexChanged',
      selected: 'selectedChanged',
      selectedItem: 'selectedItemChanged'
    },

    ready: function() {
      this.selectableReady();
    },

    attached: function() {
      this.resizerAttached();
    },

    detached: function() {
      this.resizerDetached();
    },

  });

</script>