diff --git a/.vscode/tasks.json b/.vscode/tasks.json
index 9744e4e..a4c7f23 100644
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@@ -2,14 +2,15 @@
   "tasks": [
     {
       "type": "npm",
-      "script": "build",
+      "script": "watch",
       "group": {
         "kind": "build",
         "isDefault": true
       },
       "problemMatcher": [],
-      "label": "npm: build",
-      "detail": "tsc"
+      "label": "npm: watch",
+      "detail": "tsc",
+      "path": "/polyfill"
     }
   ]
 }
diff --git a/docs/img/nested-shadowed-dark.svg b/docs/img/nested-shadowed-dark.svg
index d9a8d48..17ba2c8 100644
--- a/docs/img/nested-shadowed-dark.svg
+++ b/docs/img/nested-shadowed-dark.svg
@@ -1,3 +1,3 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="751px" height="411px" viewBox="-0.5 -0.5 751 411" class="ge-export-svg-dark"><defs><style type="text/css">svg.ge-export-svg-dark:not(mjx-container &gt; svg) { filter: invert(100%) hue-rotate(180deg); }&#xa;svg.ge-export-svg-dark foreignObject img,&#xa;svg.ge-export-svg-dark image:not(svg.ge-export-svg-dark switch image),&#xa;svg.ge-export-svg-dark svg:not(mjx-container &gt; svg)&#xa;{ filter: invert(100%) hue-rotate(180deg) }</style></defs><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="o_gyOfI9yvzH1dKzJfcX-23"><g><rect x="340" y="0" width="410" height="410" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-5"><g><rect x="470" y="140" width="260" height="250" fill="none" stroke="#82b366" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-3"><g><rect x="480" y="150" width="230" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 228px; height: 1px; padding-top: 165px; margin-left: 482px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 18px;">&lt;..containertiming="inner" /&gt;</font></div></div></div></foreignObject><text x="482" y="169" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="inner" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-7"><g><rect x="365" y="30" width="265" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 263px; height: 1px; padding-top: 45px; margin-left: 367px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 21px;">&lt;..containertiming="wrap" /&gt;</font></div></div></div></foreignObject><text x="367" y="49" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="wrap" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-11"><g><rect x="360" y="230" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="260" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-12"><g><rect x="360" y="320" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="350" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-13"><g><rect x="500" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-14"><g><rect x="500" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-15"><g><rect x="620" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-16"><g><rect x="620" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-21"><g><rect x="0" y="30" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 95px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-9d035861-7fff-8c53-1968-685d7cacac48"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">wrapper will receive entries from the inner container but sizes and element will be set to the host container itself</span></p></span></div></div></div></foreignObject><text x="110" y="99" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">wrapper will receive entries from th...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-24"><g><path d="M 224.92 80.25 L 283 80.8 L 333.63 80.09" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 338.88 80.02 L 331.93 83.61 L 333.63 80.09 L 331.83 76.61 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-25"><g><rect x="0" y="240" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 305px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-fd9cb220-7fff-34c0-48f1-6b7280dd9c84"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">inner will still have its own entries like normal, but will only expose the host container to the parent</span></p></span></div></div></div></foreignObject><text x="110" y="309" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">inner will still have its own entrie...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-27"><g><path d="M 224 300 L 347.3 300.5 L 463.21 300.26" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 468.46 300.25 L 461.47 303.77 L 463.21 300.26 L 461.45 296.77 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="751px" height="411px" viewBox="-0.5 -0.5 751 411" class="ge-export-svg-dark"><defs><style type="text/css">svg.ge-export-svg-dark:not(mjx-container &gt; svg) { filter: invert(100%) hue-rotate(180deg); }&#xa;svg.ge-export-svg-dark foreignObject img,&#xa;svg.ge-export-svg-dark image:not(svg.ge-export-svg-dark switch image),&#xa;svg.ge-export-svg-dark svg:not(mjx-container &gt; svg)&#xa;{ filter: invert(100%) hue-rotate(180deg) }</style></defs><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="o_gyOfI9yvzH1dKzJfcX-23"><g><rect x="340" y="0" width="410" height="410" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-5"><g><rect x="470" y="140" width="260" height="250" fill="none" stroke="#82b366" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-3"><g><rect x="480" y="150" width="230" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 228px; height: 1px; padding-top: 165px; margin-left: 482px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 18px;">&lt;..containertiming="inner" /&gt;</font></div></div></div></foreignObject><text x="482" y="169" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="inner" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-7"><g><rect x="365" y="30" width="265" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 263px; height: 1px; padding-top: 45px; margin-left: 367px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 21px;">&lt;..containertiming="wrap" /&gt;</font></div></div></div></foreignObject><text x="367" y="49" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="wrap" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-11"><g><rect x="360" y="230" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="260" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-12"><g><rect x="360" y="320" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="350" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-13"><g><rect x="500" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-14"><g><rect x="500" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-15"><g><rect x="620" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-16"><g><rect x="620" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-21"><g><rect x="0" y="30" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 95px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-9d035861-7fff-8c53-1968-685d7cacac48"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">wrapper will receive entries from the inner container but sizes and element will be set to the host container itself</span></p></span></div></div></div></foreignObject><text x="110" y="99" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">wrapper will receive entries from th...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-24"><g><path d="M 224.92 80.25 L 283 80.8 L 333.63 80.09" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 338.88 80.02 L 331.93 83.61 L 333.63 80.09 L 331.83 76.61 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-25"><g><rect x="0" y="240" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 305px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-fd9cb220-7fff-34c0-48f1-6b7280dd9c84"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">inner will still have its own entries like normal, but will only expose the host container to the parent</span></p></span></div></div></div></foreignObject><text x="110" y="309" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">inner will still have its own entrie...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-27"><g><path d="M 224 300 L 347.3 300.5 L 463.21 300.26" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 468.46 300.25 L 461.47 303.77 L 463.21 300.26 L 461.45 296.77 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg>
\ No newline at end of file
diff --git a/docs/img/nested-shadowed-light.svg b/docs/img/nested-shadowed-light.svg
index 3d1e646..df53d99 100644
--- a/docs/img/nested-shadowed-light.svg
+++ b/docs/img/nested-shadowed-light.svg
@@ -1,3 +1,3 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="751px" height="411px" viewBox="-0.5 -0.5 751 411"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="o_gyOfI9yvzH1dKzJfcX-23"><g><rect x="340" y="0" width="410" height="410" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-5"><g><rect x="470" y="140" width="260" height="250" fill="none" stroke="#82b366" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-3"><g><rect x="480" y="150" width="230" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 228px; height: 1px; padding-top: 165px; margin-left: 482px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 18px;">&lt;..containertiming="inner" /&gt;</font></div></div></div></foreignObject><text x="482" y="169" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="inner" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-7"><g><rect x="365" y="30" width="265" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 263px; height: 1px; padding-top: 45px; margin-left: 367px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 21px;">&lt;..containertiming="wrap" /&gt;</font></div></div></div></foreignObject><text x="367" y="49" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="wrap" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-11"><g><rect x="360" y="230" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="260" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-12"><g><rect x="360" y="320" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="350" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-13"><g><rect x="500" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-14"><g><rect x="500" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-15"><g><rect x="620" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-16"><g><rect x="620" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-21"><g><rect x="0" y="30" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 95px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-9d035861-7fff-8c53-1968-685d7cacac48"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">wrapper will receive entries from the inner container but sizes and element will be set to the host container itself</span></p></span></div></div></div></foreignObject><text x="110" y="99" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">wrapper will receive entries from th...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-24"><g><path d="M 224.92 80.25 L 283 80.8 L 333.63 80.09" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 338.88 80.02 L 331.93 83.61 L 333.63 80.09 L 331.83 76.61 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-25"><g><rect x="0" y="240" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 305px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-fd9cb220-7fff-34c0-48f1-6b7280dd9c84"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">inner will still have its own entries like normal, but will only expose the host container to the parent</span></p></span></div></div></div></foreignObject><text x="110" y="309" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">inner will still have its own entrie...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-27"><g><path d="M 224 300 L 347.3 300.5 L 463.21 300.26" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 468.46 300.25 L 461.47 303.77 L 463.21 300.26 L 461.45 296.77 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="751px" height="411px" viewBox="-0.5 -0.5 751 411"><defs/><g><g data-cell-id="0"><g data-cell-id="1"><g data-cell-id="o_gyOfI9yvzH1dKzJfcX-23"><g><rect x="340" y="0" width="410" height="410" fill="none" stroke="rgb(0, 0, 0)" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-5"><g><rect x="470" y="140" width="260" height="250" fill="none" stroke="#82b366" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-3"><g><rect x="480" y="150" width="230" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 228px; height: 1px; padding-top: 165px; margin-left: 482px;"><div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 18px;">&lt;..containertiming="inner" /&gt;</font></div></div></div></foreignObject><text x="482" y="169" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="inner" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-7"><g><rect x="365" y="30" width="265" height="30" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 263px; height: 1px; padding-top: 45px; margin-left: 367px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 21px;">&lt;..containertiming="wrap" /&gt;</font></div></div></div></foreignObject><text x="367" y="49" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px">&lt;..containertiming="wrap" /&gt;</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-11"><g><rect x="360" y="230" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="260" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-12"><g><rect x="360" y="320" width="80" height="50" fill="#82b366" stroke="rgb(0, 0, 0)" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 361px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="400" y="350" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-13"><g><rect x="500" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-14"><g><rect x="500" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 501px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="540" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-15"><g><rect x="620" y="230" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 255px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="260" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-16"><g><rect x="620" y="320" width="80" height="50" fill="none" stroke="#999999" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 345px; margin-left: 621px;"><div data-drawio-colors="color: #999999; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(153, 153, 153); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">elm</div></div></div></foreignObject><text x="660" y="350" fill="#999999" font-family="&quot;Helvetica&quot;" font-size="16px" text-anchor="middle">elm</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-21"><g><rect x="0" y="30" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 95px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-9d035861-7fff-8c53-1968-685d7cacac48"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">wrapper will receive entries from the inner container but sizes and element will be set to the host container itself</span></p></span></div></div></div></foreignObject><text x="110" y="99" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">wrapper will receive entries from th...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-24"><g><path d="M 224.92 80.25 L 283 80.8 L 333.63 80.09" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 338.88 80.02 L 331.93 83.61 L 333.63 80.09 L 331.83 76.61 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-25"><g><rect x="0" y="240" width="220" height="130" fill="none" stroke="none" pointer-events="all"/></g><g><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 305px; margin-left: 1px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span id="docs-internal-guid-4654b498-7fff-4265-5318-78f609cacb56"><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span id="docs-internal-guid-fd9cb220-7fff-34c0-48f1-6b7280dd9c84"></span></p><p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:12pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">inner will still have its own entries like normal, but will only expose the host container to the parent</span></p></span></div></div></div></foreignObject><text x="110" y="309" fill="rgb(0, 0, 0)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">inner will still have its own entrie...</text></switch></g></g></g><g data-cell-id="RfS4RQxc1aMkNcW2KsT5-27"><g><path d="M 224 300 L 347.3 300.5 L 463.21 300.26" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 468.46 300.25 L 461.47 303.77 L 463.21 300.26 L 461.45 296.77 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/></g></g></g></g></g></svg>
diff --git a/examples/adding-content/index.html b/examples/adding-content/index.html
index 42b662f..9cc2b0f 100644
--- a/examples/adding-content/index.html
+++ b/examples/adding-content/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Adding Content to a component</title>
     <style>
       .container {
diff --git a/examples/shadow-dom/index.html b/examples/shadow-dom/index.html
index 5329806..0b26ac7 100644
--- a/examples/shadow-dom/index.html
+++ b/examples/shadow-dom/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>
diff --git a/examples/svg/index.html b/examples/svg/index.html
index 3b7107a..ffb7db5 100644
--- a/examples/svg/index.html
+++ b/examples/svg/index.html
@@ -1,9 +1,9 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>
diff --git a/examples/table/table.html b/examples/table/table.html
index a3c4283..cc75858 100644
--- a/examples/table/table.html
+++ b/examples/table/table.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="stylesheet" href="style.css" />
-    <script src="../../polyfill.js"></script>
+    <script src="../../polyfill/polyfill.js"></script>
     <title>Document</title>
   </head>
   <body>
diff --git a/package-lock.json b/polyfill/package-lock.json
similarity index 100%
rename from package-lock.json
rename to polyfill/package-lock.json
diff --git a/package.json b/polyfill/package.json
similarity index 100%
rename from package.json
rename to polyfill/package.json
diff --git a/polyfill.ts b/polyfill/polyfill.ts
similarity index 98%
rename from polyfill.ts
rename to polyfill/polyfill.ts
index 329e775..bca4abf 100644
--- a/polyfill.ts
+++ b/polyfill/polyfill.ts
@@ -24,8 +24,6 @@ interface ResolvedRootData extends PerformanceContainerTiming {
   paintedRects: Set<DOMRectReadOnly>;
   /** For aggregated paints keep track of the union painted rect */
   coordData?: any;
-  /** For aggregated paints keep track of the union painted rect */
-  batchCoordData?: any;
 }
 
 type ObserveOptions = {
@@ -344,12 +342,7 @@ class ContainerPerformanceObserver {
    * @param {PerformanceObserverEntryList} list
    */
   callbackWrapper(list: PerformanceObserverEntryList) {
-    // Reset coordData for each container
-    containerRootDataMap.forEach((val) => {
-      val.batchCoordData = null;
-    });
-
-    // Have any containers been updated?
+    // Use this to keep track of container updates, clear it after each paint batch
     containerRootUpdates.clear();
 
     // Reset last resolved data state, we want to re-use coordinate and size if aggregated
diff --git a/presentation.md b/presentation.md
deleted file mode 100644
index 4a18377..0000000
--- a/presentation.md
+++ /dev/null
@@ -1,168 +0,0 @@
-### Slide 1:
-
-Hi, I'm Jason Williams from Bloomberg, Andy Davies from speedcurve is also here and we're going to revisit the discussion on element timing.
-We discussed this back in early december, but I appreciate not everyone was here then, so ill give a quick recap, go through the polyfill, then open up for questions and continued discussion.
-
-### Slide 2:
-
-We talked about how element timing only supports a small set of elements in its current state and we weren't happy about this.
-
-### Slide 3:
-
-More and more of the web is becoming component based in how its constructed and thought about and performance is no different.
-Developers want to know when a widget, or a component, or a sub-section of the DOM has been painted.
-
-### Slide 4:
-
-Even composite elements like SVG, Math and Table have this problem and are not candidates for element timing due to their nature.
-
-### Slide 5:
-
-This problem extends to to Largest Contentful Paint, as that uses element-timing internally to find candidates. Our table component below is not in a state to be considered, so our largest contentful paint is the title in the top right corner. This a problem for Bloomberg because it reports LCP as when this view is ready, which is misleading.
-
-### Slide 9:
-
-This polyfill loads does a couple of things:
-
-- It will identify elementtiming elements which are containers (i'll call these containerRoots). Once they're found it will attach element timing to all the relevant child nodes inside, so you can imagine we build up this tree of container Roots and its children being timed.
-- It will then replace the PerformanceObserver with itself
-- If it picks up elementtiming events from elements inside a container root it will fire a new PerformanceEntry for that container root.
-- if changes happen within a container root there will be a new PerformanceEntry, this is different to previous element timing entries
-
-### Slide 10:
-
-When receiving an entry this is what you'll get, the overall interface matches up with an entry you would recieve from an element-timing callback but I've highlighted some differences where things may need to change:
-
-- `entryType` shows "container-element" instead of "element" just to differentiate between the two, there's no reason why this couldn't be element but it developers may want to know when a container/component has painted and may gate on this.
-- `startTime..` Due to the nature of multiple entries firing for the same element the startTime here resembles the first paint time, once this value is set it won't change
-- `renderTime` represents the "current" renderTime, this would allow you to differentiate between the startTime and the most recent render time.
-- `lastPaintedSubElement` - this is a reference to the most recently painted element within the container that triggered paint. There may be more than one in reality but this will only point to the last one. This may be useful if developers need to debug why a container painted late or why paint was triggered at all.
-
-### Slide 11:
-
-Open Question number 1:
-
-- Should we include size? Largest Contentful Paint has "size", if we were to include this we would need to call `getClientBoundingRects()` or some similar API and this will trigger style and layout. How much of a problem in real life this is I don't know.
-
-## Examples
-
-## Table (forward goes to index.js)
-
-The first example is table, once the container is painted we get an entry, we can see the values here. After 5 seconds we update some cells and we recieve a new entry. This is mainly due to the fact we've added some text nodes to some cells that weren't there before. So if you updated those cells a second time nothing would happen, this component is fully rendered.
-
-You can see the difference between renderTime and startTime in the second object.
-We can also see the same with lastPaintedSubElement
-
-## Adding Content
-
-So this one is similar, the difference here is we're injecting a new paragraph into the DOM.
-We start with one entry, and once the paragraph is injected we recieve a second entry.
-
-This works because the polyfill uses a mutation observer and immediately adds the `elementtiming` attribute to the incoming element.
-
-We can see the "p" was the last painted element
-
-### Shadow DOM
-
-We have a basic Shadow DOM component here.
-
-The polyfill does not work for this one because it only searches for `elementtiming` elements with children, the shadowRoot inside the host doesn't count as a child. But even if it did, it wouldn't see the DOM updates as any events happening within the shadowRoot won't bubble up into the observer in the root window.
-
-From a polyfill perspective you could argue this is working as expected, but if we do expect to see components being used more often in future then its inevitable that we will want paint events for these.
-
-I did notice that we receive a `PerformanceElementTiming` event from a shadow root, so it looks like the browser already treats it as a singular element.
-
-Pros:
-
-- Web Components are already calculated as a single component and will fire (only once) when there's the first paint event
-
-Cons:
-
-- If a component has multiple paint events (asynchronous loading) this won't be taken into account.
-
-There has been discussion on this at:
-https://github.com/WICG/webcomponents/issues/816
-
-Open Question:
-Do Shadow DOM roots have "container" behavior or "singular element" behavior?
-
-## SVG
-
-I don't think its possible for the polyfill to make this work, there is nothing for us to hook into to know when this has painted. You'll notice you get nothing in devtools for this example. Any solution here would need to be provided by the browser natively.
-
-That being said, I think there's an open questions of whether an SVG has the behavior of a singular (1 event) element or a container element (potentially multiple events)
-
---- back to presentation ----
-
-## Continued Observation
-
-Unlike element timing which is binary (it's either rendered or it hasn't), container timing in this polyfill emits entries multiple times for each new paint within it.
-
-A current flaw with this implementation is it will continue to fire events long after there's interaction or the application has started up. If you imagine a carousel at the top of the page with elementtiming, it may continue emitting entries for each new image injected in. If we're focused on startUp this won't be useful.
-
-In Largest Contentful Paint, we stop observing once there's been some interaction such as "click" or "keydown", there is scope to do this here, although it may make sense to follow the "element-timing" which doesn't do this.
-
-Open Question:
-Do we let the developer stop observing when there's interaction, or do we stop emitting entries when there's interaction.
-
-## Questions
-
-Open Question number 1:
-
-- Q1 Should we include size? Largest Contentful Paint has "size", if we were to include this we would need to call `getClientBoundingRects()` or some similar API and this will trigger style and layout. How much of a problem in real life this is I don't know.
-- Q2 Do we let the developer stop observing when there's interaction, or do we stop emitting entries when there's interaction.
-- Q3 Should the shadowDOM emit a single event or emit multiple events like containers do?
-
-## Are mutationObservers racy?
-
-Because mutations fired async..
-Are they though? I think text would be presented in the very next frame, since it worked with text i think it should work.
-
-Testing with very slow machines, or the spec would give us a guaruntee on timing. YOu could use user timing and measure when you're calling these observers.
-
-Mutation Observer reports in the next microtask
-
-It seems you need to inject the polyfill very eagerly, and the content needs to have the annotation already there.
-
-If you're server generating a page
-
-## How should nested containers work?
-
-## What percentage of the container has been painted? Most containers expand to fill their contents
-
-## Regarding the question from slide 14, yes we should let developers to indicate to stop when they're getting events from the container. I don't know the form of the API a timeout or a disconnect.
-
-Yoav: Remove the attribute could stop the events.
-
-## Have you spent time thinking about the performance impact of implementing it, of traversing containers
-
-An easy way to test the worst case scenario, is to report elementtiming for everything in chromium and see if that regresses (at the very least). I would hide it behind a flag and then flip the flat in webpage test then try it on a bunch of sites and see if there's any visible impact or not.
-
-Even if it doesn't show on your local benchmark its likely to show on wider scale or percentiles.
-
-## Shadow DOM
-
-We have an open issue we discussed it thoroughly, if element timing would have reported inside open shadow DOM's. Would that be enough for the polyfil.
-
-### Why is element timing not support in shadow dom?
-
-Yoav: For simplification we ignored that, for closed trees there was resistance from exposing timing from closed trees. Folks have been creating closed tree's as some form of security barrier (which it isn't)
-
-https://docs.google.com/document/d/1RbszCu4NG-fcRRoL1TsP6SvjohIuz-uxv5NZm_6iA4U/edit#heading=h.3zh1jt8o97dg
-https://1drv.ms/p/s!AieUMe5bQRWh8qlurhV_ghxLZDor-A?e=ElL16f
-https://youtu.be/sOaZsMFScE0
-
-^^ element timing is not the only one have this restriction. i.e, selection API also have similar restriction
-
-We didn't get concensus on it and we moved on.
-
-Noam: There may be ways to expose the shadowRoot to the performance observer.
-
-### The biggest question to me is you had this wonderful slide show, the table example, your full page is made up of these tiny element, you get an LCP of a tiny textbox, now with container element, the very first container OR do we want to handle streams of paints within a container?
-
-## Now we have a polyfill, is anyone in the room planning on trying to use that? Is that interesting enough for you to try and use or are there bits that are still missing?
-
-Andy Davies: I was going to create some examples of things I see in the wild and see how it affected it.
-Nic Jansma: we would be interested in testing it and understanding the performance of it.
-
-## Could registration be lazier??
diff --git a/tsconfig.json b/tsconfig.json
index 4ee2649..98c4947 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -9,5 +9,5 @@
     "lib": ["DOM", "ES2023"],
     "sourceMap": true
   },
-  "files": ["./polyfill.ts"]
+  "files": ["polyfill/polyfill.ts"]
 }