Web Component Template

webcomponent-apply.js

// Grab our template full of slider markup and styles
var tmpl = document.querySelector('template'); //Step 1

// Setup our Shadow DOM and clone the template
Panel.createdCallback = function() {   //Step 2
  var root = this.createShadowRoot(),  //Step 3
      close;
  
  root.appendChild(document.importNode(tmpl.content, true));  //Step 4
};