diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-bubble-nested.svg b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-bubble-nested.svg
new file mode 100644
index 00000000..f97e86b0
--- /dev/null
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-bubble-nested.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="258" height="143" viewBox="0 0 258 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-bubble-nested.svg"><path id="Rectangle-210" fill="#CFCE95" d="M184.47 57L200 119H78l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M207.628 30H70.372L50.167 96h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M109.435 50l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L106.62 66c7.56-2.333 26.38-5.03 26.38-5.03S118.836 53.132 109.435 50z" transform="rotate(33 98 58)"/><g id="Cursor-/-Default-White" transform="translate(122 81)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="21" y="33">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="144" y="81">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="18">#parent</tspan></text><text id="#child" fill="#CFCE95" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="4" y="124">#child</tspan></text><path id="Fill-46" fill="#5A4739" d="M124.709 37.276a2.456 2.456 0 000 3.452 2.404 2.404 0 003.42 0l5.452-5.499v40.33a2.43 2.43 0 002.42 2.441 2.43 2.43 0 002.418-2.441v-40.33l5.451 5.5a2.405 2.405 0 003.422 0c.944-.954.944-2.5 0-3.453l-9.485-9.569a2.392 2.392 0 00-1.807-.705 2.395 2.395 0 00-1.808.705l-9.483 9.569z"/></g></g></svg>
\ No newline at end of file
diff --git a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-to-child.svg b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-to-child.svg
index a70c1fe2..0ed56e5c 100644
--- a/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-to-child.svg
+++ b/2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/mouseover-to-child.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="233" height="150" viewBox="0 0 233 150"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-to-child.svg"><path id="Rectangle-7" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M13 15h210v115H13z"/><text id="#FROM" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="18.514" y="31">#FROM</tspan></text><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M141 65h67v34h-67z"/><text id="#TO" fill="#8A704D" font-family="OpenSans-Bold, Open Sans" font-size="14" font-weight="bold"><tspan x="159.997" y="88">#TO</tspan></text><path id="Fill-54" fill="#EE6B47" stroke="#EE6B47" stroke-linecap="square" stroke-width="3" d="M150 83.028S134.824 73.718 124.752 70l-.732 4.612c-16.508-.861-33.274.414-49.02 3.825l6.05 9.182c13.304-2.882 27.47-3.96 41.418-3.231L121.735 89C129.837 86.23 150 83.028 150 83.028"/><text id="mouseover" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="138" y="59">mouseover</tspan></text><text id="mouseout" fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="39" y="70">mouseout</tspan></text></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" width="274" height="143" viewBox="0 0 274 143"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><defs><filter id="filter-2" width="212.1%" height="203.6%" x="-52.6%" y="-43.3%" filterUnits="objectBoundingBox"><feMorphology in="SourceAlpha" operator="dilate" radius="1" result="shadowSpreadOuter1"/><feOffset dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/></filter><path id="path-1" d="M7.84 8.516l4.647-1.651L0 0l3.64 13.776 2.726-4.108 3.264 4.177 1.474-1.152z"/></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="mouseover-to-child.svg"><path id="Rectangle-210" fill="#CFCE95" d="M200.47 59L216 121H94l15.53-62z"/><path id="Rectangle-209" stroke="#99C0C3" stroke-width="18" d="M223.628 32H86.372L66.167 98h177.666l-20.205-66z"/><path id="Fill-54" fill="#EE6B47" d="M125.435 52l-.683 3.884c-15.408-.725-31.056.348-45.752 3.22l5.647 7.733c12.417-2.427 25.638-3.334 38.656-2.721L122.62 68c7.56-2.333 26.38-5.03 26.38-5.03S134.836 55.132 125.435 52z" transform="rotate(33 114 60)"/><g id="Cursor-/-Default-White" transform="translate(145 82)"><g id="Rectangle-237"><use fill="#000" filter="url(#filter-2)" xlink:href="#path-1"/><path fill="#FFF" stroke="#000" stroke-opacity=".8" d="M8.662 8.755l3.144 4.025-2.262 1.767-3.145-4.025-2.958 4.459L-.78-1l14.484 7.963-5.041 1.792z"/></g></g><text id="mouseout" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="80" y="37">mouseout</tspan></text><text id="mouseover" fill="#5A4739" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="145" y="77">mouseover</tspan></text><text id="#parent" fill="#99C0C3" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="21">#parent</tspan></text><text id="#child" fill="#CFCE95" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="14" y="126">#child</tspan></text></g></g></svg>
\ No newline at end of file
diff --git a/2-ui/4-forms-controls/1-form-elements/form-navigation.svg b/2-ui/4-forms-controls/1-form-elements/form-navigation.svg
index 1fc4b5ca..1313a0ae 100644
--- a/2-ui/4-forms-controls/1-form-elements/form-navigation.svg
+++ b/2-ui/4-forms-controls/1-form-elements/form-navigation.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="463" height="150" viewBox="0 0 463 150"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="form-navigation.svg"><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M174 14h78v28h-78z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="197.204" y="33">form</tspan></text><path id="Rectangle-6-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M32 109h101v28H32z"/><text id="elements[0]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="37.3" y="127">elements[0]</tspan></text><path id="Rectangle-6-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M162 109h101v28H162z"/><text id="elements[1]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="167.3" y="127">elements[1]</tspan></text><path id="Rectangle-6-Copy-3" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M342 109h101v28H342z"/><text id="elements[n]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="347.3" y="127">elements[n]</tspan></text><text id="..." fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="292.4" y="129">...</tspan></text><path id="Line-Copy-4" fill="#EE6B47" fill-rule="nonzero" d="M335.214 92.973L231.19 49.033l.778-1.843L335.993 91.13l2.334-5.527L348.5 97.5l-15.62 1 2.334-5.527z"/><path id="Line-Copy-6" fill="#EE6B47" fill-rule="nonzero" d="M273.786 50.027l2.661 1.124-.778 1.842-2.662-1.124-2.334 5.527L260.5 45.5l15.62-1-2.334 5.527zm5.568 4.523l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.843 4.605 1.946-.778 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.842-4.606-1.945zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.291 3.503l.779-1.843 4.606 1.946-.779 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945z"/><path id="Line-Copy-5" fill="#EE6B47" fill-rule="nonzero" d="M112.169 89.7l74.705-42.564.99 1.738-74.705 42.564 2.97 5.213-15.629.849 8.699-13.013 2.97 5.213z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M149.438 50.958l-2.95 1.735-1.014-1.724 2.95-1.735-3.04-5.173L161 43l-8.52 13.13-3.042-5.172zm-88.293 51.91l-1.014-1.723 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.56l-1.013-1.725 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.561l-1.014-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="78.7" y="61">form</tspan></text><text id="form-copy" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="319.7" y="61">form</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M216.5 87.5v-37h2v37h6l-7 14-7-14h6z"/><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M201.5 87.5v-1h2v1h6l-7 14-7-14h6zm0-37h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v5h-2v-5z"/></g></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="463" height="150" viewBox="0 0 463 150"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="dom" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="form-navigation.svg"><path id="Rectangle-6" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M174 14h78v28h-78z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="197.204" y="33">form</tspan></text><path id="Rectangle-6-Copy" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M32 109h101v28H32z"/><text id="elements[0]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="37.3" y="127">elements[0]</tspan></text><path id="Rectangle-6-Copy-2" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M162 109h101v28H162z"/><text id="elements[1]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="167.3" y="127">elements[1]</tspan></text><path id="Rectangle-6-Copy-3" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M342 109h101v28H342z"/><text id="elements[n]" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="347.3" y="127">elements[n]</tspan></text><text id="..." fill="#8A704D" font-family="PTMono-Bold, PT Mono" font-size="14" font-weight="bold"><tspan x="292.4" y="129">...</tspan></text><path id="Line-Copy-4" fill="#EE6B47" fill-rule="nonzero" d="M335.214 92.973L231.19 49.033l.778-1.843L335.993 91.13l2.334-5.527L348.5 97.5l-15.62 1 2.334-5.527z"/><path id="Line-Copy-6" fill="#EE6B47" fill-rule="nonzero" d="M273.786 50.027l2.661 1.124-.778 1.842-2.662-1.124-2.334 5.527L260.5 45.5l15.62-1-2.334 5.527zm5.568 4.523l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.843 4.605 1.946-.778 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.842-4.606-1.945zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.945-.778 1.843-4.606-1.946zm8.291 3.502l.779-1.842 4.606 1.945-.779 1.843-4.606-1.946zm8.291 3.502l.778-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.29 3.502l.779-1.842 4.606 1.946-.778 1.842-4.606-1.946zm8.291 3.503l.779-1.843 4.606 1.946-.779 1.842-4.606-1.945zm8.291 3.502l.778-1.843 4.606 1.946-.778 1.842-4.606-1.945z"/><path id="Line-Copy-5" fill="#EE6B47" fill-rule="nonzero" d="M112.169 89.7l74.705-42.564.99 1.738-74.705 42.564 2.97 5.213-15.629.849 8.699-13.013 2.97 5.213z"/><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M149.438 50.958l-2.95 1.735-1.014-1.724 2.95-1.735-3.04-5.173L161 43l-8.52 13.13-3.042-5.172zm-88.293 51.91l-1.014-1.723 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.56l-1.013-1.725 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.724 4.31-2.534 1.013 1.724-4.31 2.534zm7.759-4.561l-1.014-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.758-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534zm7.758-4.561l-1.013-1.725 4.31-2.534 1.014 1.724-4.31 2.535zm7.759-4.562l-1.014-1.724 4.31-2.534 1.014 1.724-4.31 2.534z"/><text id="form" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="78.7" y="61">form</tspan></text><text id="form-copy" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="319.7" y="61">form</tspan></text><path id="Line" fill="#EE6B47" fill-rule="nonzero" d="M216.5 87.5v-37h2v37h6l-7 14-7-14h6z"/><path id="Line-Copy-3" fill="#EE6B47" fill-rule="nonzero" d="M203.5 65.5v3h-2v-3h-6l7-14 7 14h-6zm-2 7h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v5h-2v-5zm0 9h2v3h-2v-3z"/></g></g></svg>
\ No newline at end of file