{
  "type": "Document",
  "span": {
    "start": 1,
    "end": 1542
  },
  "mode": "no-quirks",
  "children": [
    {
      "type": "DocumentType",
      "span": {
        "start": 1,
        "end": 16
      },
      "name": "html",
      "publicId": null,
      "systemId": null,
      "raw": "<!doctype html>"
    },
    {
      "type": "Element",
      "span": {
        "start": 17,
        "end": 1542
      },
      "tagName": "html",
      "namespace": "http://www.w3.org/1999/xhtml",
      "attributes": [
        {
          "type": "Attribute",
          "span": {
            "start": 23,
            "end": 32
          },
          "namespace": null,
          "prefix": null,
          "name": "lang",
          "rawName": "lang",
          "value": "en",
          "rawValue": "\"en\""
        }
      ],
      "children": [
        {
          "type": "Element",
          "span": {
            "start": 34,
            "end": 76
          },
          "tagName": "head",
          "namespace": "http://www.w3.org/1999/xhtml",
          "attributes": [],
          "children": [
            {
              "type": "Text",
              "span": {
                "start": 40,
                "end": 45
              },
              "data": "\n    ",
              "raw": "\n    "
            },
            {
              "type": "Element",
              "span": {
                "start": 45,
                "end": 68
              },
              "tagName": "title",
              "namespace": "http://www.w3.org/1999/xhtml",
              "attributes": [],
              "children": [
                {
                  "type": "Text",
                  "span": {
                    "start": 52,
                    "end": 60
                  },
                  "data": "Document",
                  "raw": "Document"
                }
              ],
              "content": null,
              "isSelfClosing": false
            },
            {
              "type": "Text",
              "span": {
                "start": 68,
                "end": 69
              },
              "data": "\n",
              "raw": "\n"
            }
          ],
          "content": null,
          "isSelfClosing": false
        },
        {
          "type": "Text",
          "span": {
            "start": 76,
            "end": 77
          },
          "data": "\n",
          "raw": "\n"
        },
        {
          "type": "Element",
          "span": {
            "start": 77,
            "end": 1542
          },
          "tagName": "body",
          "namespace": "http://www.w3.org/1999/xhtml",
          "attributes": [],
          "children": [
            {
              "type": "Text",
              "span": {
                "start": 83,
                "end": 88
              },
              "data": "\n    ",
              "raw": "\n    "
            },
            {
              "type": "Element",
              "span": {
                "start": 88,
                "end": 1137
              },
              "tagName": "template",
              "namespace": "http://www.w3.org/1999/xhtml",
              "attributes": [
                {
                  "type": "Attribute",
                  "span": {
                    "start": 98,
                    "end": 127
                  },
                  "namespace": null,
                  "prefix": null,
                  "name": "id",
                  "rawName": "id",
                  "value": "element-details-template",
                  "rawValue": "\"element-details-template\""
                }
              ],
              "children": [],
              "content": {
                "type": "DocumentFragment",
                "span": {
                  "start": 88,
                  "end": 1137
                },
                "children": [
                  {
                    "type": "Text",
                    "span": {
                      "start": 128,
                      "end": 137
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 137,
                      "end": 697
                    },
                    "tagName": "style",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [],
                    "children": [
                      {
                        "type": "Text",
                        "span": {
                          "start": 144,
                          "end": 689
                        },
                        "data": "\n            details {font-family: \"Open Sans Light\", Helvetica, Arial, sans-serif }\n            .name {font-weight: bold; color: #217ac0; font-size: 120% }\n            h4 {\n                margin: 10px 0 -8px 0;\n                background: #217ac0;\n                color: white;\n                padding: 2px 6px;\n                border: 1px solid #cee9f9;\n                border-radius: 4px;\n            }\n            .attributes { margin-left: 22px; font-size: 90% }\n            .attributes p { margin-left: 16px; font-style: italic }\n        ",
                        "raw": "\n            details {font-family: \"Open Sans Light\", Helvetica, Arial, sans-serif }\n            .name {font-weight: bold; color: #217ac0; font-size: 120% }\n            h4 {\n                margin: 10px 0 -8px 0;\n                background: #217ac0;\n                color: white;\n                padding: 2px 6px;\n                border: 1px solid #cee9f9;\n                border-radius: 4px;\n            }\n            .attributes { margin-left: 22px; font-size: 90% }\n            .attributes p { margin-left: 16px; font-style: italic }\n        "
                      }
                    ],
                    "content": null,
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 697,
                      "end": 706
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 706,
                      "end": 1108
                    },
                    "tagName": "details",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [],
                    "children": [
                      {
                        "type": "Text",
                        "span": {
                          "start": 715,
                          "end": 728
                        },
                        "data": "\n            ",
                        "raw": "\n            "
                      },
                      {
                        "type": "Element",
                        "span": {
                          "start": 728,
                          "end": 938
                        },
                        "tagName": "summary",
                        "namespace": "http://www.w3.org/1999/xhtml",
                        "attributes": [],
                        "children": [
                          {
                            "type": "Text",
                            "span": {
                              "start": 737,
                              "end": 754
                            },
                            "data": "\n                ",
                            "raw": "\n                "
                          },
                          {
                            "type": "Element",
                            "span": {
                              "start": 754,
                              "end": 830
                            },
                            "tagName": "code",
                            "namespace": "http://www.w3.org/1999/xhtml",
                            "attributes": [
                              {
                                "type": "Attribute",
                                "span": {
                                  "start": 760,
                                  "end": 772
                                },
                                "namespace": null,
                                "prefix": null,
                                "name": "class",
                                "rawName": "class",
                                "value": "name",
                                "rawValue": "\"name\""
                              }
                            ],
                            "children": [
                              {
                                "type": "Text",
                                "span": {
                                  "start": 773,
                                  "end": 777
                                },
                                "data": "<",
                                "raw": "&lt;"
                              },
                              {
                                "type": "Element",
                                "span": {
                                  "start": 777,
                                  "end": 819
                                },
                                "tagName": "slot",
                                "namespace": "http://www.w3.org/1999/xhtml",
                                "attributes": [
                                  {
                                    "type": "Attribute",
                                    "span": {
                                      "start": 783,
                                      "end": 802
                                    },
                                    "namespace": null,
                                    "prefix": null,
                                    "name": "name",
                                    "rawName": "name",
                                    "value": "element-name",
                                    "rawValue": "\"element-name\""
                                  }
                                ],
                                "children": [
                                  {
                                    "type": "Text",
                                    "span": {
                                      "start": 803,
                                      "end": 812
                                    },
                                    "data": "NEED NAME",
                                    "raw": "NEED NAME"
                                  }
                                ],
                                "content": null,
                                "isSelfClosing": false
                              },
                              {
                                "type": "Text",
                                "span": {
                                  "start": 819,
                                  "end": 823
                                },
                                "data": ">",
                                "raw": "&gt;"
                              }
                            ],
                            "content": null,
                            "isSelfClosing": false
                          },
                          {
                            "type": "Text",
                            "span": {
                              "start": 830,
                              "end": 847
                            },
                            "data": "\n                ",
                            "raw": "\n                "
                          },
                          {
                            "type": "Element",
                            "span": {
                              "start": 847,
                              "end": 915
                            },
                            "tagName": "i",
                            "namespace": "http://www.w3.org/1999/xhtml",
                            "attributes": [
                              {
                                "type": "Attribute",
                                "span": {
                                  "start": 850,
                                  "end": 862
                                },
                                "namespace": null,
                                "prefix": null,
                                "name": "class",
                                "rawName": "class",
                                "value": "desc",
                                "rawValue": "\"desc\""
                              }
                            ],
                            "children": [
                              {
                                "type": "Element",
                                "span": {
                                  "start": 863,
                                  "end": 911
                                },
                                "tagName": "slot",
                                "namespace": "http://www.w3.org/1999/xhtml",
                                "attributes": [
                                  {
                                    "type": "Attribute",
                                    "span": {
                                      "start": 869,
                                      "end": 887
                                    },
                                    "namespace": null,
                                    "prefix": null,
                                    "name": "name",
                                    "rawName": "name",
                                    "value": "description",
                                    "rawValue": "\"description\""
                                  }
                                ],
                                "children": [
                                  {
                                    "type": "Text",
                                    "span": {
                                      "start": 888,
                                      "end": 904
                                    },
                                    "data": "NEED DESCRIPTION",
                                    "raw": "NEED DESCRIPTION"
                                  }
                                ],
                                "content": null,
                                "isSelfClosing": false
                              }
                            ],
                            "content": null,
                            "isSelfClosing": false
                          },
                          {
                            "type": "Text",
                            "span": {
                              "start": 915,
                              "end": 928
                            },
                            "data": "\n            ",
                            "raw": "\n            "
                          }
                        ],
                        "content": null,
                        "isSelfClosing": false
                      },
                      {
                        "type": "Text",
                        "span": {
                          "start": 938,
                          "end": 951
                        },
                        "data": "\n            ",
                        "raw": "\n            "
                      },
                      {
                        "type": "Element",
                        "span": {
                          "start": 951,
                          "end": 1089
                        },
                        "tagName": "div",
                        "namespace": "http://www.w3.org/1999/xhtml",
                        "attributes": [
                          {
                            "type": "Attribute",
                            "span": {
                              "start": 956,
                              "end": 974
                            },
                            "namespace": null,
                            "prefix": null,
                            "name": "class",
                            "rawName": "class",
                            "value": "attributes",
                            "rawValue": "\"attributes\""
                          }
                        ],
                        "children": [
                          {
                            "type": "Text",
                            "span": {
                              "start": 975,
                              "end": 992
                            },
                            "data": "\n                ",
                            "raw": "\n                "
                          },
                          {
                            "type": "Element",
                            "span": {
                              "start": 992,
                              "end": 1011
                            },
                            "tagName": "h4",
                            "namespace": "http://www.w3.org/1999/xhtml",
                            "attributes": [],
                            "children": [
                              {
                                "type": "Text",
                                "span": {
                                  "start": 996,
                                  "end": 1006
                                },
                                "data": "Attributes",
                                "raw": "Attributes"
                              }
                            ],
                            "content": null,
                            "isSelfClosing": false
                          },
                          {
                            "type": "Text",
                            "span": {
                              "start": 1011,
                              "end": 1028
                            },
                            "data": "\n                ",
                            "raw": "\n                "
                          },
                          {
                            "type": "Element",
                            "span": {
                              "start": 1028,
                              "end": 1070
                            },
                            "tagName": "slot",
                            "namespace": "http://www.w3.org/1999/xhtml",
                            "attributes": [
                              {
                                "type": "Attribute",
                                "span": {
                                  "start": 1034,
                                  "end": 1051
                                },
                                "namespace": null,
                                "prefix": null,
                                "name": "name",
                                "rawName": "name",
                                "value": "attributes",
                                "rawValue": "\"attributes\""
                              }
                            ],
                            "children": [
                              {
                                "type": "Element",
                                "span": {
                                  "start": 1052,
                                  "end": 1063
                                },
                                "tagName": "p",
                                "namespace": "http://www.w3.org/1999/xhtml",
                                "attributes": [],
                                "children": [
                                  {
                                    "type": "Text",
                                    "span": {
                                      "start": 1055,
                                      "end": 1059
                                    },
                                    "data": "None",
                                    "raw": "None"
                                  }
                                ],
                                "content": null,
                                "isSelfClosing": false
                              }
                            ],
                            "content": null,
                            "isSelfClosing": false
                          },
                          {
                            "type": "Text",
                            "span": {
                              "start": 1070,
                              "end": 1083
                            },
                            "data": "\n            ",
                            "raw": "\n            "
                          }
                        ],
                        "content": null,
                        "isSelfClosing": false
                      },
                      {
                        "type": "Text",
                        "span": {
                          "start": 1089,
                          "end": 1098
                        },
                        "data": "\n        ",
                        "raw": "\n        "
                      }
                    ],
                    "content": null,
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 1108,
                      "end": 1117
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 1117,
                      "end": 1121
                    },
                    "tagName": "hr",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [],
                    "children": [],
                    "content": null,
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 1121,
                      "end": 1126
                    },
                    "data": "\n    ",
                    "raw": "\n    "
                  }
                ]
              },
              "isSelfClosing": false
            },
            {
              "type": "Text",
              "span": {
                "start": 1137,
                "end": 1143
              },
              "data": "\n\n    ",
              "raw": "\n\n    "
            },
            {
              "type": "Element",
              "span": {
                "start": 1143,
                "end": 1483
              },
              "tagName": "template",
              "namespace": "http://www.w3.org/1999/xhtml",
              "attributes": [
                {
                  "type": "Attribute",
                  "span": {
                    "start": 1153,
                    "end": 1163
                  },
                  "namespace": null,
                  "prefix": null,
                  "name": "id",
                  "rawName": "id",
                  "value": "tmpl1",
                  "rawValue": "\"tmpl1\""
                }
              ],
              "children": [],
              "content": {
                "type": "DocumentFragment",
                "span": {
                  "start": 1143,
                  "end": 1483
                },
                "children": [
                  {
                    "type": "Text",
                    "span": {
                      "start": 1164,
                      "end": 1173
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 1173,
                      "end": 1221
                    },
                    "tagName": "div",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [
                      {
                        "type": "Attribute",
                        "span": {
                          "start": 1178,
                          "end": 1187
                        },
                        "namespace": null,
                        "prefix": null,
                        "name": "id",
                        "rawName": "id",
                        "value": "div1",
                        "rawValue": "\"div1\""
                      }
                    ],
                    "children": [
                      {
                        "type": "Text",
                        "span": {
                          "start": 1188,
                          "end": 1215
                        },
                        "data": "This is div inside template",
                        "raw": "This is div inside template"
                      }
                    ],
                    "content": null,
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 1221,
                      "end": 1230
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 1230,
                      "end": 1286
                    },
                    "tagName": "div",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [
                      {
                        "type": "Attribute",
                        "span": {
                          "start": 1235,
                          "end": 1244
                        },
                        "namespace": null,
                        "prefix": null,
                        "name": "id",
                        "rawName": "id",
                        "value": "div2",
                        "rawValue": "\"div2\""
                      }
                    ],
                    "children": [
                      {
                        "type": "Text",
                        "span": {
                          "start": 1245,
                          "end": 1280
                        },
                        "data": "This is another div inside template",
                        "raw": "This is another div inside template"
                      }
                    ],
                    "content": null,
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 1286,
                      "end": 1295
                    },
                    "data": "\n        ",
                    "raw": "\n        "
                  },
                  {
                    "type": "Element",
                    "span": {
                      "start": 1295,
                      "end": 1467
                    },
                    "tagName": "template",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [
                      {
                        "type": "Attribute",
                        "span": {
                          "start": 1305,
                          "end": 1315
                        },
                        "namespace": null,
                        "prefix": null,
                        "name": "id",
                        "rawName": "id",
                        "value": "tmpl2",
                        "rawValue": "\"tmpl2\""
                      }
                    ],
                    "children": [],
                    "content": {
                      "type": "DocumentFragment",
                      "span": {
                        "start": 1295,
                        "end": 1467
                      },
                      "children": [
                        {
                          "type": "Element",
                          "span": {
                            "start": 1316,
                            "end": 1371
                          },
                          "tagName": "div",
                          "namespace": "http://www.w3.org/1999/xhtml",
                          "attributes": [
                            {
                              "type": "Attribute",
                              "span": {
                                "start": 1321,
                                "end": 1330
                              },
                              "namespace": null,
                              "prefix": null,
                              "name": "id",
                              "rawName": "id",
                              "value": "div3",
                              "rawValue": "\"div3\""
                            }
                          ],
                          "children": [
                            {
                              "type": "Text",
                              "span": {
                                "start": 1331,
                                "end": 1365
                              },
                              "data": "This is div inside nested template",
                              "raw": "This is div inside nested template"
                            }
                          ],
                          "content": null,
                          "isSelfClosing": false
                        },
                        {
                          "type": "Text",
                          "span": {
                            "start": 1371,
                            "end": 1384
                          },
                          "data": "\n            ",
                          "raw": "\n            "
                        },
                        {
                          "type": "Element",
                          "span": {
                            "start": 1384,
                            "end": 1447
                          },
                          "tagName": "div",
                          "namespace": "http://www.w3.org/1999/xhtml",
                          "attributes": [
                            {
                              "type": "Attribute",
                              "span": {
                                "start": 1389,
                                "end": 1398
                              },
                              "namespace": null,
                              "prefix": null,
                              "name": "id",
                              "rawName": "id",
                              "value": "div4",
                              "rawValue": "\"div4\""
                            }
                          ],
                          "children": [
                            {
                              "type": "Text",
                              "span": {
                                "start": 1399,
                                "end": 1441
                              },
                              "data": "This is another div inside nested template",
                              "raw": "This is another div inside nested template"
                            }
                          ],
                          "content": null,
                          "isSelfClosing": false
                        },
                        {
                          "type": "Text",
                          "span": {
                            "start": 1447,
                            "end": 1456
                          },
                          "data": "\n        ",
                          "raw": "\n        "
                        }
                      ]
                    },
                    "isSelfClosing": false
                  },
                  {
                    "type": "Text",
                    "span": {
                      "start": 1467,
                      "end": 1472
                    },
                    "data": "\n    ",
                    "raw": "\n    "
                  }
                ]
              },
              "isSelfClosing": false
            },
            {
              "type": "Text",
              "span": {
                "start": 1483,
                "end": 1489
              },
              "data": "\n\n    ",
              "raw": "\n\n    "
            },
            {
              "type": "Element",
              "span": {
                "start": 1489,
                "end": 1525
              },
              "tagName": "template",
              "namespace": "http://www.w3.org/1999/xhtml",
              "attributes": [],
              "children": [],
              "content": {
                "type": "DocumentFragment",
                "span": {
                  "start": 1489,
                  "end": 1525
                },
                "children": [
                  {
                    "type": "Element",
                    "span": {
                      "start": 1499,
                      "end": 1514
                    },
                    "tagName": "div",
                    "namespace": "http://www.w3.org/1999/xhtml",
                    "attributes": [],
                    "children": [
                      {
                        "type": "Text",
                        "span": {
                          "start": 1504,
                          "end": 1508
                        },
                        "data": "test",
                        "raw": "test"
                      }
                    ],
                    "content": null,
                    "isSelfClosing": false
                  }
                ]
              },
              "isSelfClosing": false
            },
            {
              "type": "Text",
              "span": {
                "start": 1525,
                "end": 1542
              },
              "data": "\n\n\n",
              "raw": "\n\n\n"
            }
          ],
          "content": null,
          "isSelfClosing": false
        }
      ],
      "content": null,
      "isSelfClosing": false
    }
  ]
}
