From 482a095e1eb9ffd81d6c34d376ce1562ccb73575 Mon Sep 17 00:00:00 2001 From: Sascha Schulz <sschulz@dh-software.de> Date: Mo, 17 Jul 2023 10:36:37 +0200 Subject: [PATCH] Merge branch 'draft' --- assets/images/dom-events.svg | 4 ++++ 1 files changed, 4 insertions(+), 0 deletions(-) diff --git a/assets/images/dom-events.svg b/assets/images/dom-events.svg new file mode 100644 index 0000000..2381463 --- /dev/null +++ b/assets/images/dom-events.svg @@ -0,0 +1,4 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!-- Do not edit this file with editors other than diagrams.net --> +<!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="630px" height="224px" viewBox="-0.5 -0.5 630 224" content="<mxfile host="Electron" modified="2023-07-04T13:12:18.878Z" agent="5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.1.2 Chrome/96.0.4664.55 Electron/16.0.5 Safari/537.36" etag="T5jAY_Qqbhk2eNV5frbB" version="16.1.2" type="device"><diagram id="PnbIIjl-fZSCzKgnvjPs" name="Page-1">5VbLjpswFP0allQ8QkiWk0enlVppqixmbfANWDIYGROS+frawTwcM9PpYzQjdYV9fLm+PucegxNui/M9R1X+nWGgTuDhsxPunCDwfS+QD4VcNOIFUYdknGCNjcCBPEEfqNGGYKiNQMEYFaQywZSVJaTCwBDnrDXDjoyau1YoAws4pIja6CPBIu/QVRCP+BcgWd7v7C/X3UqB+mB9kjpHmLUTKNw74ZYzJrpRcd4CVez1vHTvfX5mdSiMQyle88Jy4/4QON4l+PHrqtofQDDhhl2WE6KNPjAmJ12vuPQkcNaUGFQezwk3bU4EHCqUqtVW6i6xXBRUznw5tOvSpZ6ACzhPIF3nPbACBL/IkH411pzprlnraTtRQEP5hPyFxpDWPBsSj7TIgWbmN1haWCwljRCsfHeigsgkaiDuvZhaWUxZHEGJ75Qx5SylqK5JatJicvgsSYAN49oUTSiIZijoMQ4UCXIy7T7Hi97hgRFZydiq/nyr9hlq1vAU9EtTd97kCW7yDPM+kUA8A2Eluqo0nPrPhVtbwm1RJRoO7kOOarBVlPR/Q4m87g3xECVZqZSVcgGXgOplIq/TO71QEIxVjg2Hmjyh5JpPCV2pk13PGm2caDcr/Ystd2ua4ZugNzGu3TkzeZ+8OA4NFdzgnzSJu4hMm5oJ2PFYw5uo2jfR/+PHMP6Fj15ryMXyZWO/sR9931Ju0ySykz+8H4ee+8CGDIObz+bfG1JOx3+5Lnz8JQ73PwE=</diagram></mxfile>"><defs/><g><rect x="142.5" y="21" width="120" height="60" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" stroke-width="1.5" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.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: 34px; margin-left: 96px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">div</div></div></div></foreignObject><text x="135" y="38" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">div</text></switch></g><rect x="262.5" y="141" width="120" height="60" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" stroke-width="1.5" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.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: 114px; margin-left: 176px;"><div data-drawio-colors="color: rgb(240, 240, 240); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">button</div></div></div></foreignObject><text x="215" y="118" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="12px" text-anchor="middle">button</text></switch></g><path d="M 52.5 21 L 196.38 193.66" fill="none" stroke="rgb(240, 240, 240)" stroke-width="1.5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 201.43 199.71 L 190.67 195.01 L 196.38 193.66 L 198.74 188.28 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.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: 1px; height: 1px; padding-top: 81px; margin-left: 43px;"><div data-drawio-colors="color: rgb(240, 240, 240); background-color: rgb(42, 42, 42); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; background-color: rgb(42, 42, 42); white-space: nowrap;">Capture-Phase</div></div></div></foreignObject><text x="43" y="85" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="11px" text-anchor="middle">Capture-Phase</text></switch></g><path d="M 442.5 201 L 571.77 28.64" fill="none" stroke="rgb(240, 240, 240)" stroke-width="1.5" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 576.49 22.34 L 574.39 33.89 L 571.77 28.64 L 565.99 27.59 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-width="1.5" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)scale(1.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: 1px; height: 1px; padding-top: 88px; margin-left: 378px;"><div data-drawio-colors="color: rgb(240, 240, 240); background-color: rgb(42, 42, 42); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; background-color: rgb(42, 42, 42); white-space: nowrap;">Bubble-Phase</div></div></div></foreignObject><text x="378" y="91" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="11px" text-anchor="middle">Bubble-Phase</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg> \ No newline at end of file -- Gitblit v1.9.3