From acac3fb9f6581d444dce2868dd401bbe7ed6fd45 Mon Sep 17 00:00:00 2001
From: Sascha Schulz <sschulz@dh-software.de>
Date: Mo, 15 Jan 2024 18:26:51 +0100
Subject: [PATCH] Merge branch 'draft'

---
 assets/images/web-components.svg |    4 ++++
 1 files changed, 4 insertions(+), 0 deletions(-)

diff --git a/assets/images/web-components.svg b/assets/images/web-components.svg
new file mode 100644
index 0000000..72cf9ce
--- /dev/null
+++ b/assets/images/web-components.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="741px" height="341px" viewBox="-0.5 -0.5 741 341" content="&lt;mxfile host=&quot;Electron&quot; modified=&quot;2024-01-15T11:54:45.513Z&quot; agent=&quot;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&quot; etag=&quot;zBYVRExFlNvNc3VbmwMa&quot; version=&quot;16.1.2&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;_mN-1l_V98IZA5mOcHRj&quot; name=&quot;Page-1&quot;&gt;zZfLUtswFIafJstkZMk3LWkS2tJhYMYLyKqj2CL21LY8soITnr4ylnxTgEIJySo6v67nO7+teILm2e47J0V8zSKaTiCIdhO0mEAIsQ3lT63sG8WCwG6UDU8ipXVCkDxRJQKlbpOIloOBgrFUJMVQDFme01AMNMI5q4bDHlg63LUgG2oIQUhSU71LIhE3qg+9Tv9Bk02sd7Zc3PRkRA9WmZQxiVjVk9ByguacMdG0st2cpjU9zaWZd/lCb3swTnPxLxPWaAWny5X1VN1cTte/8G9UXE1VeR5JulUJ39G1FOYsK1guVy7V4cVeE5GrSvgy+FbFiaBBQcK6p5IGkFosslRGlmyWgrM/LbVaeWC5UCWGWMZqc8oF3b2YldWyki6jLKOC7+UQbTGg8FZddWytxf3K6DoQ5YhNu1YHTTYUt3cwRAbDeRBIIaCpdCTj/4FwDMxE+gkIbQVGP6KuSbQd0yfqHwuoawC9qnle3P48c5IOPDeUnoEyaF5DECxurs8cZ4tlP0J3Mpy+gdNEmEcX9b0jozAlZZmEQ3KcbfOI1puAAxzpLhH3qq9ur9Ssur3Y9ToWex3kMrF7PawOVv2ebtJzpGc1x6aRcfmNaiNTY1se0revEEH4hoq3XpNmrXu1dA6UUmucpkQkj8PjHqqv2uGWJTKR7h03ejLR+DZo0lSz+rfoaCHkjB5xDw4XajgYCz3brU374w7EX+bAmfN+D6pJZ+xC75QuRBjNPOi7NvJc6GLgDa1k4RnGrg1c35Nt6KEPWtQHMwCgbyHPloFju8NtfDyDviPP4TnQQT76WgPrP/bHd7D1Af+euXvdU7rXAa+6F36Oe238unvxkdwrw+5brBnefdKi5V8=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(42, 42, 42);"><defs/><g><ellipse cx="370" cy="70" rx="200" ry="60" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><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: 398px; height: 1px; padding-top: 70px; margin-left: 171px;"><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: 29px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Web Components</div></div></div></foreignObject><text x="370" y="79" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="29px" text-anchor="middle">Web Components</text></switch></g><ellipse cx="130" cy="210" rx="120" ry="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><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: 238px; height: 1px; padding-top: 210px; margin-left: 11px;"><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: 29px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">CSS Selectors</div></div></div></foreignObject><text x="130" y="219" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="29px" text-anchor="middle">CSS Selectors</text></switch></g><ellipse cx="610" cy="210" rx="120" ry="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><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: 238px; height: 1px; padding-top: 210px; margin-left: 491px;"><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: 29px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">JS API</div></div></div></foreignObject><text x="610" y="219" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="29px" text-anchor="middle">JS API</text></switch></g><ellipse cx="370" cy="290" rx="120" ry="40" fill="rgb(42, 42, 42)" stroke="rgb(240, 240, 240)" pointer-events="all"/><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: 238px; height: 1px; padding-top: 290px; margin-left: 251px;"><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: 29px; font-family: Helvetica; color: rgb(240, 240, 240); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Shadow DOM</div></div></div></foreignObject><text x="370" y="299" fill="rgb(240, 240, 240)" font-family="Helvetica" font-size="29px" text-anchor="middle">Shadow DOM</text></switch></g><path d="M 228.58 112.43 L 216.09 175.47" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 215.07 180.62 L 213 173.07 L 216.09 175.47 L 219.86 174.43 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 370 130 L 370 243.63" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 370 248.88 L 366.5 241.88 L 370 243.63 L 373.5 241.88 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/><path d="M 511.42 112.43 L 523.91 175.47" fill="none" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 524.93 180.62 L 520.14 174.43 L 523.91 175.47 L 527 173.07 Z" fill="rgb(240, 240, 240)" stroke="rgb(240, 240, 240)" stroke-miterlimit="10" pointer-events="all"/></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