iron-doc-demo.js

/**
@license
Copyright (c) 2017 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/polymer-legacy.js';

import './iron-doc-viewer-styles.js';
import {Polymer} from '@polymer/polymer/lib/legacy/polymer-fn.js';
import {html} from '@polymer/polymer/lib/utils/html-tag.js';
Polymer({
  _template: html`
    <style include="iron-doc-viewer-styles">
      :host {
        display: flex;
      }

      iframe {
        flex-grow: 1;
        height: 100%;
        border: none;
      }
    </style>

    <h1>[[title]]</h1>

    <iframe src$="[[srcPrefix]][[demo.url]]"></iframe>
`,

  is: 'iron-doc-demo',

  properties: {
    demo: Object,

    srcPrefix: {type: String, value: ''},

    title: {computed: '_computeTitle(demo)', notify: true}
  },

  _computeTitle: function(demo) {
    return 'Demo ' + (demo.description || demo.url);
  }
});