function getTemplate()
{
  var template = document.createDocumentFragment()
  template.appendChild((()=>{
    var p = document.createElement("p")
    p.appendChild((()=>{
      var textnode = document.createTextNode("component: ")
      return textnode
    })())
    p.appendChild((()=>{
      var span = document.createElement("span")
      span.textContent = "create"
      return span
    })())
    return p
  })())
  template.appendChild((()=>{
    var p = document.createElement("p")
    p.textContent = "content"
    return p
  })())
  return template
}

class LiteralElem extends HTMLElement
{
  constructor()
  {
    super()

    var shadow = this.attachShadow({mode:"closed"})
    shadow.appendChild(getTemplate())
  }
}

window.customElements.define("literal-elem", LiteralElem)