/**
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
part of the polymer project is also subject to an additional IP rights grant
found at http://polymer.github.io/PATENTS.txt
*/
import"../../../polymer/polymer-legacy.js";import"../../../iron-icons/iron-icons.js";import"../../../iron-icon/iron-icon.js";import"../../../iron-flex-layout/iron-flex-layout.js";import"../../../paper-icon-button/paper-icon-button.js";import"../../../paper-item/paper-item.js";import"../../../paper-item/paper-item-body.js";import"../../../app-layout/app-toolbar/app-toolbar.js";import"../../../paper-styles/color.js";import{Polymer as o}from"../../../polymer/lib/legacy/polymer-fn.js";import{dom as i}from"../../../polymer/lib/legacy/polymer.dom.js";import{html as t}from"../../../polymer/lib/utils/html-tag.js";import{NeonAnimatableBehavior as e}from"../../neon-animatable-behavior.js";o({_template:t`
    <style>
      :host {
        @apply --layout-vertical;
      }

      .main {
        @apply --layout-flex;
        @apply --layout-scroll;
      }

      iron-icon {
        color: var(--google-grey-500);
      }

      app-toolbar {
        color: white;
        background-color: var(--google-blue-500);
      }
    </style>
    <app-toolbar>
      <paper-icon-button id="button" icon="arrow-back"></paper-icon-button>
    </app-toolbar>

    <div class="main">

        <template is="dom-repeat" items="[[data]]">

          <paper-item>
            <paper-item-body two-line>
              <div>[[item.fileName]]</div>
              <div secondary>[[item.modifiedDate]]</div>
            </paper-item-body>
            <iron-icon icon="info"></iron-icon>
          </paper-item>

        </template>

    </div>
  `,is:"list-view",behaviors:[e],listeners:{click:"_onClick"},properties:{data:{type:Array,value:function(){return[]}},animationConfig:{type:Object}},attached:function(){this.animationConfig||(this.animationConfig={entry:[{name:"fade-in-animation",node:this.$.button}],exit:[{name:"fade-out-animation",node:this.$.button},{name:"hero-animation",id:"hero",fromPage:this}]})},_onClick:function(o){var t=i(o).rootTarget;this.sharedElements={hero:t},this.fire("item-click",{item:t})}});