daily pastebin goal
74%
SHARE
TWEET

Untitled

a guest Jun 14th, 2018 70 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import {html, PolymerElement} from '@polymer/polymer/polymer-element.js';
  2. // import {html, LitElement } from '@polymer/lit-element/lit-element.js';
  3. import '@polymer/paper-button/paper-button.js';
  4. import '@polymer/paper-spinner/paper-spinner.js';
  5. import { mixinBehaviors } from '@polymer/polymer/lib/legacy/class.js';
  6. import { IronOverlayBehavior } from '@polymer/iron-overlay-behavior/iron-overlay-behavior.js';
  7.  
  8. /**
  9.  * `rd-popup-new`
  10.  *
  11.  *
  12.  * @customElement
  13.  * @polymer
  14.  * @demo demo/index.html
  15.  */
  16.  
  17.  //todo: describe why
  18. var MixedBehaviour = mixinBehaviors( IronOverlayBehavior, PolymerElement );
  19.  
  20. class RdPopupNew extends MixedBehaviour {
  21.   constructor () {
  22.     super();
  23.     // console.log ( mixedBehaviour );
  24.   }
  25.   static get template() {
  26.     return html`
  27.       <style>
  28.         :host {
  29.           display: block;
  30.         }
  31.       </style>
  32.       <h2>Hello [[prop1]]!</h2>
  33.  
  34.             <paper-spinner id="spinner"></paper-spinner>
  35.             <paper-button id='button_close' on-tap='close'>Ok</paper-button>
  36.     `;
  37.   }
  38.  
  39.   static get properties() {
  40.     return {
  41.       prop1: {
  42.         type: String,
  43.         value: 'rd-popup-new',
  44.       },
  45.     };
  46.   }
  47. }
  48.  
  49. window.customElements.define('rd-popup-new', RdPopupNew);
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top