docs: function createDomElementFromTemplate(html) {
      //match container markers like <@element/>
      let containerTags = html.match(rContainerGlobal) || [];
  
      for (let containerTag of containerTags) {
          let [, containerName, attrs = ''] = rContainer.exec(containerTag);
          let template = `<script type="x" ${ATTR}="${containerName}">${attrs.trim()}</script>`;
  
          html = html.split(containerTag).join(template);
      }
  
      //match attribute markers like <span @element></span>
      let allTags = html.match(rTags) || [];
  
      for (let tag of allTags) {
          let result = rAttr.exec(tag);
  
          if (result) {
              let elName = result[1];
              html = html.split(tag).join(tag.replace(`@${elName}`, `${ATTR}="${elName}"`));
          }
      }
  
      return $.create(html.trim());
  }