@simple-reporting/base 0.0.1

package/dev/src/assets/images/mms-logo-black.svg

@@ -0,0 +1,91 @@
+<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="79.4px" height="26.6px" viewBox="0 0 79.4 26.6" style="enable-background:new 0 0 79.4 26.6;"
+	 xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#181716;}
+	.st1{fill:#6F6F6E;}
+</style>
+<defs>
+</defs>
+<path class="st0" d="M16.2,12.9C16.1,13,16,13,15.9,13h-2.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V4.8c0-0.4,0-0.8-0.1-1.1
+	c-0.1-0.3-0.1-0.5-0.3-0.7c-0.1-0.2-0.3-0.3-0.5-0.4c-0.2-0.1-0.5-0.1-0.8-0.1c-0.2,0-0.5,0-0.9,0.1C10.4,2.8,10,3,9.6,3.2
+	c0,0.3,0.1,0.5,0.1,0.8c0,0.3,0,0.6,0,0.8v7.7c0,0.1,0,0.2-0.1,0.3C9.5,13,9.4,13,9.2,13H7.1c-0.1,0-0.2,0-0.3-0.1
+	c-0.1-0.1-0.1-0.2-0.1-0.3V4.8c0-0.4,0-0.8-0.1-1.1c0-0.3-0.1-0.5-0.2-0.7C6.3,2.9,6.1,2.8,5.9,2.7C5.7,2.6,5.4,2.6,5.1,2.6
+	C4.6,2.6,3.9,2.8,3,3.4v9.2c0,0.1,0,0.2-0.1,0.3C2.8,13,2.7,13,2.6,13H0.5c-0.1,0-0.2,0-0.3-0.1C0,12.8,0,12.7,0,12.5V0.6
+	c0-0.1,0-0.2,0.1-0.3s0.2-0.1,0.3-0.1h2c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v0.5c0.5-0.3,1-0.6,1.5-0.8
+	C4.9,0.1,5.5,0,6.2,0c0.7,0,1.2,0.1,1.6,0.3c0.4,0.2,0.8,0.4,1,0.8c0.6-0.3,1.2-0.6,1.7-0.8c0.6-0.2,1.3-0.3,2-0.3
+	c0.8,0,1.4,0.1,1.9,0.4c0.5,0.3,0.9,0.6,1.2,1c0.3,0.4,0.5,0.9,0.6,1.5c0.1,0.6,0.2,1.2,0.2,1.9v7.8C16.4,12.7,16.3,12.8,16.2,12.9z
+	"/>
+<path class="st0" d="M35.6,12.9C35.5,13,35.4,13,35.3,13h-2.1c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V4.8
+	c0-0.4,0-0.8-0.1-1.1c-0.1-0.3-0.1-0.5-0.3-0.7c-0.1-0.2-0.3-0.3-0.5-0.4c-0.2-0.1-0.5-0.1-0.8-0.1c-0.2,0-0.5,0-0.9,0.1
+	c-0.4,0.1-0.8,0.2-1.2,0.4C29,3.4,29,3.7,29,4c0,0.3,0,0.6,0,0.8v7.7c0,0.1,0,0.2-0.1,0.3C28.8,13,28.7,13,28.6,13h-2.1
+	c-0.1,0-0.2,0-0.3-0.1c-0.1-0.1-0.1-0.2-0.1-0.3V4.8c0-0.4,0-0.8-0.1-1.1c0-0.3-0.1-0.5-0.2-0.7c-0.1-0.2-0.3-0.3-0.5-0.4
+	c-0.2-0.1-0.5-0.1-0.8-0.1c-0.5,0-1.2,0.3-2.1,0.8v9.2c0,0.1,0,0.2-0.1,0.3C22.1,13,22,13,21.9,13h-2.1c-0.1,0-0.2,0-0.3-0.1
+	c-0.1-0.1-0.1-0.2-0.1-0.3V0.6c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h2c0.1,0,0.2,0,0.3,0.1c0.1,0.1,0.1,0.2,0.1,0.3v0.5
+	c0.5-0.3,1-0.6,1.5-0.8C24.2,0.1,24.8,0,25.5,0c0.7,0,1.2,0.1,1.6,0.3c0.4,0.2,0.8,0.4,1,0.8c0.6-0.3,1.2-0.6,1.7-0.8
+	c0.6-0.2,1.3-0.3,2-0.3c0.8,0,1.4,0.1,1.9,0.4c0.5,0.3,0.9,0.6,1.2,1c0.3,0.4,0.5,0.9,0.6,1.5c0.1,0.6,0.2,1.2,0.2,1.9v7.8
+	C35.7,12.7,35.7,12.8,35.6,12.9z"/>
+<path class="st0" d="M47.3,9.7c0,0.5-0.1,1-0.3,1.4c-0.2,0.4-0.5,0.8-0.8,1.1c-0.4,0.3-0.8,0.6-1.4,0.8c-0.6,0.2-1.2,0.3-2,0.3
+	c-0.2,0-0.5,0-0.8,0c-0.3,0-0.7,0-1.1-0.1c-0.4,0-0.8-0.1-1.1-0.1c-0.4-0.1-0.7-0.1-1-0.2c-0.3-0.1-0.4-0.3-0.4-0.5v-1.4
+	c0-0.1,0-0.2,0.1-0.3c0.1-0.1,0.2-0.1,0.3-0.1h0.1c0.3,0,0.6,0.1,1,0.1c0.4,0,0.7,0.1,1.1,0.1c0.4,0,0.7,0,1,0.1c0.3,0,0.6,0,0.7,0
+	c0.3,0,0.6,0,0.8-0.1c0.2-0.1,0.4-0.1,0.5-0.2c0.1-0.1,0.2-0.2,0.2-0.4c0-0.1,0.1-0.3,0.1-0.4c0-0.2-0.1-0.4-0.2-0.6
+	c-0.2-0.2-0.4-0.4-0.8-0.6l-3.1-1.9c-0.6-0.3-1-0.8-1.4-1.3c-0.4-0.5-0.5-1.1-0.5-1.8c0-2.3,1.4-3.4,4.3-3.4c0.5,0,0.9,0,1.2,0
+	c0.4,0,0.7,0.1,1,0.1c0.3,0,0.6,0.1,0.9,0.1c0.3,0.1,0.6,0.1,0.9,0.2C46.9,0.5,47,0.7,47,1v1.3c0,0.3-0.1,0.4-0.4,0.4h-0.1
+	c-0.2,0-0.4,0-0.7-0.1c-0.3,0-0.6-0.1-1-0.1c-0.3,0-0.7,0-1.1-0.1c-0.4,0-0.7,0-1,0c-0.5,0-0.9,0.1-1.2,0.2
+	c-0.3,0.1-0.4,0.4-0.4,0.7c0,0.2,0.1,0.3,0.2,0.5c0.2,0.1,0.4,0.3,0.7,0.5l3,1.8c0.5,0.3,0.9,0.6,1.1,0.9c0.3,0.3,0.5,0.6,0.7,0.9
+	c0.2,0.3,0.3,0.6,0.3,0.9C47.3,9.1,47.3,9.4,47.3,9.7z"/>
+<g>
+	<path class="st1" d="M19.2,24.2c0,0.4-0.1,0.8-0.2,1.1c-0.2,0.3-0.4,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1,0.4c-0.4,0.1-0.8,0.1-1.3,0.1
+		c-0.2,0-0.3,0-0.6,0c-0.2,0-0.4,0-0.7,0c-0.2,0-0.5,0-0.7-0.1c-0.2,0-0.5-0.1-0.7-0.1C13.1,26.3,13,26.2,13,26v-0.6
+		c0-0.1,0-0.1,0.1-0.2c0.1,0,0.1-0.1,0.2-0.1h0.1c0.2,0,0.4,0,0.7,0.1c0.2,0,0.5,0,0.7,0.1c0.2,0,0.5,0,0.7,0c0.2,0,0.4,0,0.6,0
+		c0.6,0,1-0.1,1.2-0.3c0.3-0.2,0.4-0.5,0.4-0.9c0-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.5-0.4-1-0.7l-1.7-1c-0.5-0.3-0.9-0.7-1.2-1
+		c-0.3-0.4-0.5-0.8-0.5-1.4c0-0.4,0.1-0.8,0.2-1.1c0.2-0.3,0.4-0.5,0.6-0.7c0.3-0.2,0.6-0.3,1-0.4c0.4-0.1,0.8-0.1,1.2-0.1
+		c0.5,0,0.9,0,1.4,0.1c0.4,0,0.9,0.1,1.3,0.2c0.2,0,0.3,0.1,0.3,0.3v0.6c0,0.2-0.1,0.3-0.3,0.3h-0.1c-0.3,0-0.7-0.1-1.2-0.1
+		c-0.5,0-1-0.1-1.4-0.1c-0.5,0-0.9,0.1-1.1,0.2c-0.3,0.1-0.4,0.4-0.4,0.8c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.5,0.4,0.9,0.6l1.7,1
+		c0.7,0.4,1.2,0.8,1.4,1.2C19,23.2,19.2,23.7,19.2,24.2z"/>
+	<path class="st1" d="M28.4,22.5c0,0.6-0.1,1.2-0.2,1.7c-0.2,0.5-0.4,0.9-0.7,1.3c-0.3,0.4-0.7,0.6-1.2,0.8c-0.5,0.2-1,0.3-1.6,0.3
+		c-0.6,0-1.2-0.1-1.6-0.3c-0.5-0.2-0.9-0.5-1.2-0.8c-0.3-0.4-0.6-0.8-0.7-1.3c-0.2-0.5-0.2-1.1-0.2-1.7v-1.3c0-0.6,0.1-1.2,0.2-1.7
+		c0.2-0.5,0.4-0.9,0.7-1.3c0.3-0.4,0.7-0.6,1.2-0.8c0.5-0.2,1-0.3,1.6-0.3c0.6,0,1.2,0.1,1.6,0.3c0.5,0.2,0.9,0.5,1.2,0.8
+		c0.3,0.4,0.6,0.8,0.7,1.3c0.2,0.5,0.2,1.1,0.2,1.7V22.5z M26.9,21.2c0-0.9-0.2-1.5-0.5-2.1c-0.4-0.5-0.9-0.8-1.7-0.8
+		c-0.8,0-1.4,0.3-1.7,0.7c-0.4,0.5-0.5,1.2-0.5,2.1v1.3c0,0.9,0.2,1.5,0.5,2.1c0.4,0.5,0.9,0.8,1.7,0.8c0.8,0,1.4-0.2,1.7-0.7
+		c0.4-0.5,0.5-1.2,0.5-2.1V21.2z"/>
+	<path class="st1" d="M31.9,26.4c-0.1,0.1-0.1,0.1-0.2,0.1h-0.9c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V15.5
+		c0-0.1,0-0.2,0.1-0.2c0.1-0.1,0.1-0.1,0.2-0.1h0.9c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2v10.6C32,26.2,32,26.3,31.9,26.4z"
+		/>
+	<path class="st1" d="M41.5,26.4c-0.1,0.1-0.1,0.1-0.2,0.1h-0.8c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2v-0.3
+		c-0.5,0.3-0.9,0.5-1.3,0.6c-0.4,0.1-0.9,0.2-1.4,0.2c-1,0-1.8-0.3-2.2-0.9c-0.5-0.6-0.7-1.5-0.7-2.6v-5.5c0-0.1,0-0.2,0.1-0.2
+		c0.1-0.1,0.1-0.1,0.2-0.1h0.8c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2v5.5c0,0.4,0,0.8,0.1,1.1c0.1,0.3,0.2,0.5,0.3,0.7
+		c0.2,0.2,0.3,0.3,0.6,0.4c0.2,0.1,0.5,0.1,0.8,0.1c0.4,0,0.7-0.1,1.1-0.2c0.4-0.1,0.8-0.3,1.2-0.5v-7.1c0-0.1,0-0.2,0.1-0.2
+		c0.1-0.1,0.1-0.1,0.2-0.1h0.8c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2v8.6C41.5,26.2,41.5,26.3,41.5,26.4z"/>
+	<path class="st1" d="M48.5,26.5c-0.2,0-0.4,0-0.6,0.1c-0.2,0-0.4,0-0.5,0c-0.4,0-0.7,0-1-0.1c-0.3-0.1-0.5-0.2-0.7-0.3
+		c-0.2-0.2-0.3-0.4-0.4-0.7c-0.1-0.3-0.1-0.7-0.1-1.1v-5.9l-1.6-0.2c-0.2,0-0.3-0.1-0.3-0.3v-0.5c0-0.2,0.1-0.3,0.3-0.3h1.6v-1.7
+		c0-0.2,0.1-0.3,0.3-0.3l0.9-0.1h0.1c0.1,0,0.1,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2v1.8h1.8c0.1,0,0.2,0,0.2,0.1
+		c0.1,0.1,0.1,0.1,0.1,0.2v0.6c0,0.1,0,0.2-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1h-1.8v5.9c0,0.5,0.1,0.8,0.2,0.9
+		c0.1,0.1,0.4,0.2,0.7,0.2h0.9c0.2,0,0.4,0.1,0.4,0.2v0.6C48.8,26.4,48.7,26.5,48.5,26.5z"/>
+	<path class="st1" d="M52.5,12.8c0,0.1,0,0.2-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1h-0.9c-0.1,0-0.2,0-0.2-0.1C51,12.9,51,12.9,51,12.8
+		v-1.3c0-0.1,0-0.2,0.1-0.2c0.1-0.1,0.1-0.1,0.2-0.1h0.9c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2V12.8z M52.5,26.2
+		c0,0.1,0,0.2-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1h-0.8c-0.1,0-0.2,0-0.2-0.1C51,26.3,51,26.2,51,26.2v-8.6c0-0.1,0-0.2,0.1-0.2
+		c0.1-0.1,0.1-0.1,0.2-0.1h0.8c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2V26.2z"/>
+	<path class="st1" d="M62.1,22.5c0,0.6-0.1,1.2-0.2,1.7c-0.2,0.5-0.4,0.9-0.7,1.3c-0.3,0.4-0.7,0.6-1.2,0.8c-0.5,0.2-1,0.3-1.6,0.3
+		c-0.6,0-1.2-0.1-1.6-0.3c-0.5-0.2-0.9-0.5-1.2-0.8c-0.3-0.4-0.6-0.8-0.7-1.3c-0.2-0.5-0.2-1.1-0.2-1.7v-1.3c0-0.6,0.1-1.2,0.2-1.7
+		c0.2-0.5,0.4-0.9,0.7-1.3c0.3-0.4,0.7-0.6,1.2-0.8c0.5-0.2,1-0.3,1.6-0.3c0.6,0,1.2,0.1,1.6,0.3c0.5,0.2,0.9,0.5,1.2,0.8
+		c0.3,0.4,0.6,0.8,0.7,1.3c0.2,0.5,0.2,1.1,0.2,1.7V22.5z M60.7,21.2c0-0.9-0.2-1.5-0.5-2.1c-0.4-0.5-0.9-0.8-1.7-0.8
+		c-0.8,0-1.4,0.3-1.7,0.7c-0.4,0.5-0.5,1.2-0.5,2.1v1.3c0,0.9,0.2,1.5,0.5,2.1c0.4,0.5,0.9,0.8,1.7,0.8c0.8,0,1.4-0.2,1.7-0.7
+		c0.4-0.5,0.5-1.2,0.5-2.1V21.2z"/>
+	<path class="st1" d="M71.1,26.4c-0.1,0.1-0.1,0.1-0.2,0.1h-0.8c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2v-5.5
+		c0-0.4,0-0.8-0.1-1.1c-0.1-0.3-0.2-0.5-0.3-0.7c-0.2-0.2-0.3-0.3-0.6-0.4c-0.2-0.1-0.5-0.1-0.8-0.1c-0.4,0-0.7,0.1-1.1,0.2
+		c-0.4,0.1-0.8,0.3-1.2,0.5v7.1c0,0.1,0,0.2-0.1,0.2c-0.1,0.1-0.1,0.1-0.2,0.1h-0.8c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2
+		v-8.6c0-0.1,0-0.2,0.1-0.2c0.1-0.1,0.1-0.1,0.2-0.1h0.8c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.1,0.1,0.2v0.3c0.5-0.3,0.9-0.5,1.3-0.6
+		c0.4-0.1,0.9-0.2,1.4-0.2c1,0,1.8,0.3,2.2,0.9c0.5,0.6,0.7,1.5,0.7,2.6v5.5C71.2,26.2,71.2,26.3,71.1,26.4z"/>
+	<path class="st1" d="M79.4,24.2c0,0.4-0.1,0.8-0.2,1.1c-0.2,0.3-0.4,0.6-0.6,0.8c-0.3,0.2-0.6,0.3-1,0.4c-0.4,0.1-0.8,0.1-1.3,0.1
+		c-0.2,0-0.3,0-0.6,0c-0.2,0-0.4,0-0.7,0c-0.2,0-0.5,0-0.7-0.1c-0.2,0-0.5-0.1-0.7-0.1c-0.2-0.1-0.4-0.2-0.4-0.3v-0.6
+		c0-0.1,0-0.1,0.1-0.2c0.1,0,0.1-0.1,0.2-0.1h0.1c0.2,0,0.4,0,0.7,0.1c0.2,0,0.5,0,0.7,0.1c0.2,0,0.5,0,0.7,0c0.2,0,0.4,0,0.6,0
+		c0.6,0,1-0.1,1.2-0.3c0.3-0.2,0.4-0.5,0.4-0.9c0-0.3-0.1-0.5-0.3-0.7c-0.2-0.2-0.5-0.4-1-0.7l-1.7-1c-0.5-0.3-0.9-0.7-1.2-1
+		c-0.3-0.4-0.5-0.8-0.5-1.4c0-0.4,0.1-0.8,0.2-1.1c0.2-0.3,0.4-0.5,0.6-0.7c0.3-0.2,0.6-0.3,1-0.4c0.4-0.1,0.8-0.1,1.2-0.1
+		c0.5,0,0.9,0,1.4,0.1c0.4,0,0.9,0.1,1.3,0.2c0.2,0,0.3,0.1,0.3,0.3v0.6c0,0.2-0.1,0.3-0.3,0.3h-0.1c-0.3,0-0.7-0.1-1.2-0.1
+		c-0.5,0-1-0.1-1.4-0.1c-0.5,0-0.9,0.1-1.1,0.2c-0.3,0.1-0.4,0.4-0.4,0.8c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.5,0.4,0.9,0.6l1.7,1
+		c0.7,0.4,1.2,0.8,1.4,1.2C79.2,23.2,79.4,23.7,79.4,24.2z"/>
+</g>
+</svg>

package/dev/src/assets/images/mms-logo-white.svg

@@ -0,0 +1,105 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="_x30_0_x5F_logo_x5F_schwarzweiss"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 85.04 42.52"
+	 style="enable-background:new 0 0 85.04 42.52;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M19.48,21.6c-0.09,0.1-0.2,0.15-0.32,0.15h-2.1c-0.12,0-0.23-0.05-0.32-0.15c-0.09-0.1-0.14-0.21-0.14-0.33
+	v-7.74c0-0.44-0.03-0.8-0.08-1.08c-0.05-0.28-0.14-0.5-0.26-0.67c-0.12-0.17-0.29-0.28-0.5-0.35c-0.21-0.07-0.48-0.1-0.8-0.1
+	c-0.21,0-0.52,0.04-0.91,0.12c-0.4,0.08-0.8,0.23-1.21,0.44c0.03,0.26,0.05,0.52,0.07,0.8c0.01,0.27,0.02,0.55,0.02,0.84v7.74
+	c0,0.12-0.05,0.23-0.14,0.33c-0.09,0.1-0.2,0.15-0.32,0.15h-2.1c-0.12,0-0.23-0.05-0.32-0.15c-0.09-0.1-0.14-0.21-0.14-0.33v-7.74
+	c0-0.44-0.02-0.8-0.07-1.08c-0.05-0.28-0.13-0.5-0.24-0.67c-0.11-0.17-0.27-0.28-0.48-0.35c-0.21-0.07-0.47-0.1-0.79-0.1
+	c-0.47,0-1.17,0.25-2.1,0.75v9.19c0,0.12-0.05,0.23-0.14,0.33c-0.09,0.1-0.2,0.15-0.32,0.15H3.7c-0.12,0-0.23-0.05-0.32-0.15
+	c-0.09-0.1-0.14-0.21-0.14-0.33V9.34c0-0.12,0.05-0.23,0.14-0.32c0.09-0.09,0.2-0.14,0.32-0.14h1.98C5.8,8.89,5.91,8.93,6,9.03
+	c0.09,0.09,0.14,0.2,0.14,0.32v0.48c0.49-0.31,0.98-0.57,1.48-0.78c0.5-0.21,1.09-0.32,1.78-0.32c0.65,0,1.2,0.09,1.63,0.27
+	c0.43,0.18,0.78,0.43,1.04,0.75c0.58-0.32,1.15-0.57,1.72-0.75c0.57-0.18,1.25-0.27,2.04-0.27c0.78,0,1.41,0.13,1.9,0.38
+	c0.49,0.25,0.88,0.59,1.15,1.03c0.27,0.43,0.46,0.94,0.57,1.52c0.11,0.58,0.16,1.2,0.16,1.87v7.75
+	C19.61,21.39,19.57,21.5,19.48,21.6z"/>
+<path class="st0" d="M38.81,21.6c-0.09,0.1-0.2,0.15-0.32,0.15h-2.1c-0.12,0-0.23-0.05-0.32-0.15c-0.09-0.1-0.14-0.21-0.14-0.33
+	v-7.74c0-0.44-0.03-0.8-0.08-1.08c-0.05-0.28-0.14-0.5-0.26-0.67c-0.12-0.17-0.29-0.28-0.5-0.35c-0.21-0.07-0.48-0.1-0.8-0.1
+	c-0.21,0-0.52,0.04-0.91,0.12c-0.4,0.08-0.8,0.23-1.21,0.44c0.03,0.26,0.05,0.52,0.07,0.8c0.01,0.27,0.02,0.55,0.02,0.84v7.74
+	c0,0.12-0.05,0.23-0.14,0.33c-0.09,0.1-0.2,0.15-0.32,0.15h-2.1c-0.12,0-0.23-0.05-0.32-0.15c-0.09-0.1-0.14-0.21-0.14-0.33v-7.74
+	c0-0.44-0.02-0.8-0.07-1.08c-0.05-0.28-0.13-0.5-0.24-0.67c-0.11-0.17-0.27-0.28-0.48-0.35c-0.21-0.07-0.47-0.1-0.79-0.1
+	c-0.47,0-1.17,0.25-2.1,0.75v9.19c0,0.12-0.05,0.23-0.14,0.33c-0.09,0.1-0.2,0.15-0.32,0.15h-2.1c-0.12,0-0.23-0.05-0.32-0.15
+	c-0.09-0.1-0.14-0.21-0.14-0.33V9.34c0-0.12,0.05-0.23,0.14-0.32c0.09-0.09,0.2-0.14,0.32-0.14h1.98c0.12,0,0.23,0.05,0.32,0.14
+	c0.09,0.09,0.14,0.2,0.14,0.32v0.48c0.49-0.31,0.98-0.57,1.48-0.78c0.5-0.21,1.09-0.32,1.78-0.32c0.65,0,1.2,0.09,1.63,0.27
+	c0.43,0.18,0.78,0.43,1.04,0.75c0.58-0.32,1.15-0.57,1.72-0.75c0.57-0.18,1.25-0.27,2.04-0.27c0.78,0,1.41,0.13,1.9,0.38
+	c0.49,0.25,0.88,0.59,1.15,1.03c0.27,0.43,0.46,0.94,0.57,1.52c0.11,0.58,0.16,1.2,0.16,1.87v7.75
+	C38.95,21.39,38.91,21.5,38.81,21.6z"/>
+<path class="st0" d="M50.56,18.38c0,0.5-0.09,0.97-0.27,1.4c-0.18,0.43-0.46,0.81-0.83,1.13c-0.37,0.32-0.84,0.57-1.4,0.75
+	c-0.56,0.18-1.22,0.27-1.96,0.27c-0.23,0-0.51-0.01-0.83-0.02c-0.33-0.02-0.68-0.04-1.06-0.08c-0.38-0.04-0.76-0.08-1.14-0.14
+	c-0.38-0.05-0.73-0.13-1.05-0.22c-0.29-0.08-0.43-0.25-0.43-0.53v-1.38c0-0.09,0.03-0.18,0.1-0.25c0.07-0.08,0.16-0.11,0.29-0.11
+	h0.09c0.27,0.03,0.6,0.06,0.97,0.09c0.37,0.03,0.74,0.06,1.11,0.08c0.36,0.02,0.71,0.04,1.03,0.06c0.32,0.02,0.56,0.02,0.73,0.02
+	c0.35,0,0.63-0.03,0.84-0.08c0.21-0.05,0.38-0.13,0.49-0.23c0.11-0.1,0.19-0.22,0.23-0.35c0.04-0.14,0.06-0.28,0.06-0.43
+	c0-0.21-0.08-0.4-0.23-0.57c-0.15-0.17-0.41-0.36-0.78-0.59l-3.12-1.91c-0.56-0.35-1.02-0.79-1.38-1.33
+	c-0.36-0.54-0.54-1.14-0.54-1.81c0-2.28,1.44-3.41,4.33-3.41c0.46,0,0.87,0.01,1.24,0.03c0.37,0.02,0.72,0.06,1.04,0.1
+	c0.32,0.05,0.62,0.1,0.91,0.15c0.29,0.05,0.58,0.11,0.87,0.17c0.27,0.08,0.41,0.25,0.41,0.53v1.34c0,0.29-0.12,0.43-0.36,0.43h-0.09
+	c-0.17-0.01-0.4-0.04-0.68-0.08c-0.29-0.04-0.61-0.07-0.96-0.09c-0.35-0.02-0.71-0.05-1.08-0.07c-0.37-0.02-0.72-0.03-1.04-0.03
+	c-0.55,0-0.95,0.07-1.2,0.22c-0.25,0.14-0.38,0.39-0.38,0.74c0,0.18,0.08,0.34,0.24,0.48c0.16,0.14,0.38,0.29,0.67,0.45l2.99,1.82
+	c0.47,0.29,0.85,0.58,1.14,0.86c0.29,0.29,0.51,0.58,0.67,0.86c0.16,0.29,0.26,0.58,0.31,0.86C50.53,17.8,50.56,18.09,50.56,18.38z"
+	/>
+<g>
+	<path class="st0" d="M22.42,32.89c0,0.43-0.08,0.79-0.23,1.1c-0.15,0.31-0.37,0.56-0.64,0.76c-0.28,0.2-0.61,0.34-0.99,0.44
+		c-0.39,0.1-0.82,0.14-1.29,0.14c-0.16,0-0.35,0-0.56-0.01c-0.22-0.01-0.45-0.02-0.69-0.04c-0.24-0.02-0.49-0.05-0.73-0.08
+		c-0.25-0.03-0.47-0.07-0.67-0.13c-0.24-0.06-0.35-0.17-0.35-0.34v-0.59c0-0.08,0.03-0.14,0.08-0.19c0.06-0.04,0.13-0.07,0.22-0.07
+		h0.07c0.2,0.02,0.42,0.05,0.67,0.07c0.24,0.02,0.49,0.04,0.73,0.06c0.25,0.02,0.48,0.03,0.69,0.04c0.21,0.01,0.4,0.02,0.56,0.02
+		c0.55,0,0.97-0.08,1.25-0.25c0.28-0.17,0.42-0.48,0.42-0.94c0-0.26-0.09-0.48-0.27-0.67c-0.18-0.19-0.51-0.43-0.99-0.72l-1.7-1.01
+		c-0.52-0.31-0.93-0.66-1.25-1.04c-0.31-0.38-0.47-0.83-0.47-1.37c0-0.44,0.08-0.8,0.24-1.09c0.16-0.29,0.37-0.52,0.64-0.69
+		c0.27-0.17,0.59-0.29,0.96-0.36c0.37-0.07,0.77-0.1,1.21-0.1c0.47,0,0.93,0.02,1.37,0.06c0.44,0.04,0.86,0.09,1.25,0.16
+		c0.21,0.03,0.32,0.15,0.32,0.34v0.56c0,0.19-0.1,0.29-0.29,0.29h-0.05c-0.29-0.02-0.68-0.05-1.17-0.08
+		c-0.49-0.03-0.97-0.05-1.44-0.05c-0.47,0-0.85,0.06-1.14,0.17c-0.29,0.11-0.43,0.38-0.43,0.81c0,0.26,0.1,0.48,0.29,0.67
+		c0.19,0.19,0.48,0.39,0.88,0.61l1.67,0.99c0.7,0.42,1.18,0.82,1.45,1.21C22.29,31.96,22.42,32.4,22.42,32.89z"/>
+	<path class="st0" d="M31.6,31.23c0,0.62-0.08,1.18-0.24,1.68c-0.16,0.51-0.39,0.94-0.71,1.3c-0.31,0.36-0.71,0.64-1.18,0.83
+		c-0.47,0.2-1.02,0.29-1.63,0.29c-0.62,0-1.16-0.1-1.63-0.29c-0.47-0.2-0.86-0.47-1.17-0.83c-0.31-0.36-0.55-0.79-0.71-1.3
+		c-0.16-0.51-0.24-1.07-0.24-1.68v-1.28c0-0.62,0.08-1.18,0.24-1.68c0.16-0.51,0.39-0.94,0.71-1.3c0.31-0.36,0.7-0.64,1.17-0.83
+		c0.47-0.2,1.01-0.29,1.63-0.29c0.62,0,1.16,0.1,1.63,0.29c0.47,0.2,0.86,0.47,1.18,0.83c0.31,0.36,0.55,0.79,0.71,1.3
+		c0.16,0.51,0.24,1.07,0.24,1.68V31.23z M30.12,29.95c0-0.86-0.18-1.55-0.54-2.05c-0.36-0.51-0.94-0.76-1.73-0.76
+		c-0.79,0-1.36,0.25-1.72,0.75c-0.36,0.5-0.54,1.19-0.54,2.06v1.28c0,0.86,0.18,1.55,0.53,2.05c0.35,0.51,0.93,0.76,1.73,0.76
+		c0.79,0,1.36-0.25,1.73-0.75c0.36-0.5,0.55-1.19,0.55-2.06V29.95z"/>
+	<path class="st0" d="M35.16,35.12c-0.06,0.07-0.13,0.1-0.22,0.1h-0.88c-0.09,0-0.16-0.03-0.22-0.1c-0.06-0.07-0.08-0.15-0.08-0.24
+		V24.25c0-0.09,0.03-0.17,0.08-0.23c0.06-0.06,0.13-0.09,0.22-0.09h0.88c0.09,0,0.16,0.03,0.22,0.09c0.06,0.06,0.08,0.14,0.08,0.23
+		v10.64C35.24,34.97,35.21,35.05,35.16,35.12z"/>
+	<path class="st0" d="M44.7,35.12c-0.06,0.07-0.14,0.1-0.23,0.1h-0.84c-0.09,0-0.17-0.03-0.23-0.1c-0.06-0.07-0.09-0.15-0.09-0.24
+		v-0.32c-0.47,0.26-0.91,0.46-1.31,0.59c-0.4,0.13-0.86,0.2-1.36,0.2c-1.02,0-1.77-0.3-2.23-0.91c-0.47-0.61-0.7-1.47-0.7-2.59
+		v-5.54c0-0.09,0.03-0.17,0.1-0.24c0.07-0.07,0.15-0.1,0.24-0.1h0.81c0.09,0,0.17,0.03,0.24,0.1c0.07,0.07,0.1,0.15,0.1,0.24v5.53
+		c0,0.43,0.04,0.78,0.11,1.07c0.07,0.29,0.19,0.51,0.34,0.68c0.15,0.17,0.34,0.29,0.57,0.36c0.23,0.07,0.51,0.11,0.83,0.11
+		c0.36,0,0.73-0.06,1.11-0.18c0.38-0.12,0.77-0.28,1.16-0.47v-7.09c0-0.09,0.03-0.17,0.1-0.24c0.07-0.07,0.15-0.1,0.24-0.1h0.83
+		c0.09,0,0.17,0.03,0.23,0.1c0.06,0.07,0.09,0.15,0.09,0.24v8.59C44.79,34.97,44.76,35.05,44.7,35.12z"/>
+	<path class="st0" d="M51.7,35.25c-0.17,0.02-0.35,0.04-0.56,0.06c-0.2,0.02-0.38,0.03-0.54,0.03c-0.39,0-0.73-0.03-1.02-0.09
+		c-0.29-0.06-0.52-0.18-0.71-0.35c-0.19-0.17-0.33-0.4-0.42-0.69c-0.1-0.29-0.14-0.67-0.14-1.13V27.2l-1.63-0.18
+		c-0.21-0.02-0.32-0.12-0.32-0.3v-0.45c0-0.2,0.11-0.3,0.32-0.3h1.63V24.3c0-0.19,0.1-0.3,0.3-0.34l0.88-0.13h0.05
+		c0.07,0,0.13,0.03,0.18,0.08c0.05,0.05,0.08,0.12,0.08,0.21v1.84h1.82c0.09,0,0.17,0.03,0.24,0.1c0.07,0.07,0.1,0.15,0.1,0.24v0.57
+		c0,0.09-0.03,0.17-0.1,0.24c-0.07,0.07-0.15,0.1-0.24,0.1h-1.82v5.87c0,0.46,0.07,0.75,0.2,0.87c0.13,0.12,0.37,0.18,0.71,0.18
+		h0.94c0.24,0,0.35,0.08,0.35,0.24v0.6C52,35.12,51.9,35.22,51.7,35.25z"/>
+	<path class="st0" d="M55.73,21.5c0,0.09-0.03,0.17-0.1,0.24c-0.07,0.07-0.15,0.1-0.24,0.1h-0.86c-0.09,0-0.17-0.03-0.24-0.1
+		c-0.07-0.07-0.1-0.15-0.1-0.24v-1.35c0-0.09,0.03-0.17,0.1-0.24c0.07-0.07,0.15-0.1,0.24-0.1h0.86c0.09,0,0.17,0.03,0.24,0.1
+		c0.07,0.07,0.1,0.15,0.1,0.24V21.5z M55.7,34.88c0,0.09-0.03,0.17-0.1,0.24c-0.07,0.07-0.15,0.1-0.24,0.1h-0.81
+		c-0.09,0-0.17-0.03-0.24-0.1c-0.07-0.07-0.1-0.15-0.1-0.24v-8.59c0-0.09,0.03-0.17,0.1-0.24c0.07-0.07,0.15-0.1,0.24-0.1h0.81
+		c0.09,0,0.17,0.03,0.24,0.1c0.07,0.07,0.1,0.15,0.1,0.24V34.88z"/>
+	<path class="st0" d="M65.39,31.23c0,0.62-0.08,1.18-0.24,1.68c-0.16,0.51-0.39,0.94-0.71,1.3c-0.31,0.36-0.71,0.64-1.18,0.83
+		c-0.47,0.2-1.02,0.29-1.63,0.29c-0.62,0-1.16-0.1-1.63-0.29c-0.47-0.2-0.86-0.47-1.17-0.83c-0.31-0.36-0.55-0.79-0.71-1.3
+		c-0.16-0.51-0.24-1.07-0.24-1.68v-1.28c0-0.62,0.08-1.18,0.24-1.68c0.16-0.51,0.39-0.94,0.71-1.3c0.31-0.36,0.7-0.64,1.17-0.83
+		c0.47-0.2,1.01-0.29,1.63-0.29c0.62,0,1.16,0.1,1.63,0.29c0.47,0.2,0.86,0.47,1.18,0.83c0.31,0.36,0.55,0.79,0.71,1.3
+		c0.16,0.51,0.24,1.07,0.24,1.68V31.23z M63.9,29.95c0-0.86-0.18-1.55-0.54-2.05c-0.36-0.51-0.94-0.76-1.74-0.76
+		c-0.79,0-1.36,0.25-1.72,0.75c-0.36,0.5-0.54,1.19-0.54,2.06v1.28c0,0.86,0.18,1.55,0.53,2.05c0.35,0.51,0.93,0.76,1.73,0.76
+		c0.79,0,1.36-0.25,1.73-0.75c0.37-0.5,0.55-1.19,0.55-2.06V29.95z"/>
+	<path class="st0" d="M74.36,35.12c-0.07,0.07-0.15,0.1-0.24,0.1h-0.81c-0.09,0-0.17-0.03-0.24-0.1c-0.07-0.07-0.1-0.15-0.1-0.24
+		v-5.53c0-0.43-0.04-0.78-0.11-1.07c-0.07-0.29-0.19-0.51-0.34-0.68c-0.15-0.17-0.35-0.29-0.58-0.36c-0.24-0.07-0.51-0.11-0.83-0.11
+		c-0.36,0-0.73,0.06-1.11,0.18c-0.38,0.12-0.77,0.28-1.16,0.47v7.09c0,0.09-0.03,0.17-0.1,0.24c-0.07,0.07-0.15,0.1-0.24,0.1h-0.83
+		c-0.09,0-0.17-0.03-0.23-0.1c-0.06-0.07-0.09-0.15-0.09-0.24v-8.59c0-0.09,0.03-0.17,0.09-0.24c0.06-0.07,0.14-0.1,0.23-0.1h0.84
+		c0.09,0,0.17,0.03,0.23,0.1c0.06,0.07,0.09,0.15,0.09,0.24v0.32c0.47-0.26,0.91-0.46,1.31-0.59c0.4-0.13,0.86-0.2,1.36-0.2
+		c1.02,0,1.77,0.3,2.23,0.91c0.47,0.61,0.7,1.47,0.7,2.59v5.54C74.46,34.97,74.43,35.05,74.36,35.12z"/>
+	<path class="st0" d="M82.62,32.89c0,0.43-0.08,0.79-0.23,1.1c-0.15,0.31-0.37,0.56-0.64,0.76c-0.28,0.2-0.61,0.34-0.99,0.44
+		c-0.39,0.1-0.82,0.14-1.29,0.14c-0.16,0-0.35,0-0.56-0.01c-0.22-0.01-0.45-0.02-0.69-0.04c-0.24-0.02-0.49-0.05-0.73-0.08
+		c-0.25-0.03-0.47-0.07-0.67-0.13c-0.24-0.06-0.35-0.17-0.35-0.34v-0.59c0-0.08,0.03-0.14,0.08-0.19c0.06-0.04,0.13-0.07,0.22-0.07
+		h0.07c0.2,0.02,0.42,0.05,0.67,0.07c0.24,0.02,0.49,0.04,0.73,0.06c0.25,0.02,0.48,0.03,0.69,0.04c0.21,0.01,0.4,0.02,0.56,0.02
+		c0.55,0,0.97-0.08,1.25-0.25c0.28-0.17,0.42-0.48,0.42-0.94c0-0.26-0.09-0.48-0.27-0.67c-0.18-0.19-0.51-0.43-0.99-0.72l-1.7-1.01
+		c-0.52-0.31-0.93-0.66-1.25-1.04c-0.31-0.38-0.47-0.83-0.47-1.37c0-0.44,0.08-0.8,0.24-1.09c0.16-0.29,0.37-0.52,0.64-0.69
+		c0.27-0.17,0.59-0.29,0.96-0.36c0.37-0.07,0.77-0.1,1.21-0.1c0.47,0,0.93,0.02,1.37,0.06c0.44,0.04,0.86,0.09,1.25,0.16
+		c0.21,0.03,0.32,0.15,0.32,0.34v0.56c0,0.19-0.1,0.29-0.29,0.29h-0.05c-0.29-0.02-0.68-0.05-1.17-0.08
+		c-0.49-0.03-0.97-0.05-1.44-0.05c-0.47,0-0.85,0.06-1.14,0.17c-0.29,0.11-0.43,0.38-0.43,0.81c0,0.26,0.1,0.48,0.29,0.67
+		c0.19,0.19,0.48,0.39,0.88,0.61l1.67,0.99c0.7,0.42,1.18,0.82,1.45,1.21C82.48,31.96,82.62,32.4,82.62,32.89z"/>
+</g>
+</svg>

package/dev/src/assets/scss/app.scss

@@ -0,0 +1,39 @@
+@use 'nswow';
+@use 'web';
+
+.fade-enter-from {
+  opacity: 0;
+}
+
+.fade-enter-to {
+  opacity: 1;
+}
+
+.fade-enter-active {
+  transition: opacity 300ms linear;
+}
+
+.fade-leave-from {
+  opacity: 1;
+}
+
+.fade-leave-to {
+  opacity: 0;
+}
+
+.fade-leave-active {
+  transition: opacity 300ms linear;
+}
+
+.srl-article-root,
+.ns-article {
+  > .srl-article__grid {
+    margin-right: auto;
+    margin-left: auto;
+  }
+}
+
+[class^='srl-pdf-'],
+[class*=' srl-pdf-'] {
+  display: none;
+}

package/dev/src/assets/scss/general.scss

@@ -0,0 +1,17 @@
+@use 'nswow';
+@use 'sass:string';
+
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
+
+@page {
+  margin: 0;
+  size: A4;
+}
+
+body {
+  @if nswow.fonts-is-default() {
+    font-family: string.unquote(nswow.fonts-get-default());
+  } @else {
+    font-family: 'Comic Sans MS', sans-serif;
+  }
+}

package/dev/src/assets/scss/ldd.scss

@@ -0,0 +1,27 @@
+@use 'nswow';
+@use 'web';
+
+.ns-temp-highlight {
+  background: nswow.colors-primary();
+}
+
+$editor-color-nswow: nswow.colors-shade-200();
+
+span.ns-nowrap {
+  --b: 1px; /* thickness of the border */
+  --c: #{$editor-color-nswow}; /* color of the border */
+  --w: 6px; /* width of border */
+  border: var(--b) solid #0000; /* space for the border */
+  --_g: #0000 90deg, var(--c) 0;
+  --_p: var(--w) var(--w) border-box no-repeat;
+  background:
+    conic-gradient(from 90deg at top var(--b) left var(--b), var(--_g)) 0 0 / var(--_p),
+    conic-gradient(from 180deg at top var(--b) right var(--b), var(--_g)) 100% 0 / var(--_p),
+    conic-gradient(from 0deg at bottom var(--b) left var(--b), var(--_g)) 0 100% / var(--_p),
+    conic-gradient(from -90deg at bottom var(--b) right var(--b), var(--_g)) 100% 100% / var(--_p);
+}
+
+span.ns-key-figure {
+  color: nswow.colors-on-primary();
+  background-color: nswow.colors-primary();
+}

package/dev/src/assets/scss/pdf.scss

@@ -0,0 +1,2 @@
+@use 'nswow';
+@use 'print';

package/dev/src/assets/scss/print.scss

@@ -0,0 +1 @@
+@use 'nswow';

package/dev/src/assets/scss/web.scss

@@ -0,0 +1 @@
+@use 'nswow';

package/dev/src/assets/scss/word.scss

@@ -0,0 +1,2 @@
+@use 'nswow';
+@use 'print';

package/dev/src/components/LanguageSwitch.vue

@@ -0,0 +1,100 @@
+<script setup lang="ts">
+import useConfig from '@/composables/config'
+import { type LocationQuery, useRoute } from 'vue-router'
+import { computed, ref, watch } from 'vue'
+import { ArrayToString } from '@/utils/variables'
+
+type langRoute = {
+  params: {
+    locale: string
+    slug?: string | string[]
+  }
+  query?: LocationQuery
+}
+type langItem = {
+  label: string
+  active: boolean
+  route: langRoute
+}
+
+const config = await useConfig()
+const route = useRoute()
+
+const languageItems = ref<langItem[]>([])
+
+const locale = computed<string>(() => {
+  return ArrayToString(route.params.locale)
+})
+
+const articles = computed<NsWowArticle[]>(() => {
+  return config.value.articles[locale.value] ?? []
+})
+
+async function makeLanguageSwitch() {
+  const languages = []
+  for (let i = 0; i < config.value.settings.languages.length; i++) {
+    const lang = config.value.settings.languages[i]
+    const routeParams = route.params
+    const linkRoute: langRoute = {
+      params: {
+        locale: lang
+      }
+    }
+    if (routeParams.slug) {
+      const slug = ArrayToString(routeParams.slug)
+      const currentArticle = articles.value.find((a) => {
+        return a.slug === slug
+      })
+      if (currentArticle) {
+        const langArticle = config.value.articles[lang].find((a) => {
+          return a.uuid === currentArticle.uuid
+        })
+
+        if (langArticle) {
+          linkRoute.params.slug = langArticle.slug.split('/')
+        }
+      }
+    }
+
+    if (route.query) {
+      linkRoute.query = route.query
+    }
+
+    languages.push({
+      label: lang,
+      active: lang === routeParams.locale,
+      route: linkRoute
+    })
+  }
+  languageItems.value = languages
+}
+
+watch(route, makeLanguageSwitch)
+</script>
+
+<template>
+  <div class="srl-language-switch">
+    <div v-for="link in languageItems" :key="link.label">
+      <router-link class="srl-color-light" :to="link.route" :class="{ active: link.active }">
+        {{ link.label.toUpperCase() }}
+      </router-link>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use 'nswow';
+.srl-language-switch {
+  display: flex;
+  justify-content: flex-end;
+  gap: nswow.system-size-unit(5);
+
+  a {
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    outline: none;
+    text-decoration: none;
+  }
+}
+</style>

package/dev/src/components/MainNavigation.vue

@@ -0,0 +1,209 @@
+<script lang="ts" setup>
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import useConfig from '@/composables/config'
+import { MenuArticle, MenuEntry, MenuExternal } from '@/components/MenuItem'
+
+const { locale } = useI18n()
+const config = await useConfig()
+const subNavigationVisible = ref<boolean>(false)
+const activeSubmenu = ref<NsWowMenu[]>([])
+const activeSubSubmenu = ref<NsWowMenu[]>([])
+
+const currentMenus = computed(() => {
+  return config.value.menus[locale.value] ?? {}
+})
+
+const currentMenu = computed(() => {
+  const m = currentMenus.value.menuMain
+  return m ?? []
+})
+
+const currentArticles = computed<NsWowArticle[]>(() => {
+  return config.value.articles[locale.value] ?? []
+})
+
+function getLinkByPage(page: string): string {
+  const currentPage = currentArticles.value.find((element) => element.uuid === page)
+  return currentPage ? `/${locale.value}/${currentPage.slug}` : ''
+}
+
+function activateSubmenu(index: string | number): void {
+  const menu = currentMenu.value[index]
+  if (menu) {
+    activeSubmenu.value = menu.submenuEntries ?? []
+
+    if (!subNavigationVisible.value) {
+      subNavigationVisible.value = !subNavigationVisible.value
+    }
+  }
+}
+
+function closeSubmenu() {
+  subNavigationVisible.value = false
+}
+</script>
+
+<template>
+  <nav class="srl-navigation">
+    <div class="srl-navigation__menuMain srl-bg-secondary-light">
+      <div class="srl-navigation__menuMain-inner">
+        <ul>
+          <li
+            class="srl-typo-copy1"
+            v-for="(level1Item, level1ItemIndex) in currentMenu"
+            :class="level1Item.type"
+          >
+            <MenuArticle
+              v-if="level1Item.type === 'Article'"
+              :label="level1Item.label"
+              :page="getLinkByPage(<string>level1Item.page)"
+              @click="closeSubmenu()"
+            />
+            <MenuEntry
+              v-if="level1Item.type === 'MenuEntry'"
+              :label="level1Item.label"
+              @click="activateSubmenu(level1ItemIndex)"
+            />
+            <MenuExternal
+              v-if="level1Item.type === 'ExternalLink'"
+              :label="level1Item.label"
+              :url="level1Item.url"
+            />
+          </li>
+          <li
+            class="srl-typo-copy1"
+            v-if="subNavigationVisible"
+            @click="subNavigationVisible = false"
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="16"
+              height="16"
+              fill="currentColor"
+              class="bi bi-x-lg"
+              viewBox="0 0 16 16"
+            >
+              <path
+                d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"
+              />
+            </svg>
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <transition name="fade">
+      <div class="srl-navigation__subNav srl-bg-secondary-light">
+        <div class="srl-navigation__subNav-inner">
+          <ul v-if="activeSubmenu.length && subNavigationVisible">
+            <li class="srl-typo-copy1" v-for="(level2Item, level2ItemIndex) in activeSubmenu">
+              <MenuArticle
+                v-if="level2Item.type === 'Article'"
+                :label="level2Item.label"
+                :page="getLinkByPage(<string>level2Item.page)"
+                @click="closeSubmenu()"
+              />
+              <MenuEntry v-if="level2Item.type === 'MenuEntry'" :label="level2Item.label" />
+              <MenuExternal
+                v-if="level2Item.type === 'ExternalLink'"
+                :label="level2Item.label"
+                :url="<string>level2Item.url"
+              />
+
+              <ul>
+                <li
+                  class="srl-typo-copy1"
+                  v-for="(level3Item, index) in level2Item && level2Item.submenuEntries"
+                >
+                  <MenuArticle
+                    v-if="level3Item.type === 'Article'"
+                    :label="level3Item.label"
+                    :page="getLinkByPage(<string>level3Item.page)"
+                    @click="closeSubmenu()"
+                  />
+                  <MenuEntry v-if="level3Item.type === 'MenuEntry'" :label="level3Item.label" />
+                  <MenuExternal
+                    v-if="level3Item.type === 'ExternalLink'"
+                    :label="level3Item.label"
+                    :url="<string>level3Item.url"
+                  />
+                </li>
+              </ul>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </transition>
+  </nav>
+</template>
+
+<style lang="scss">
+@use 'nswow';
+
+.srl-navigation {
+  &__menuMain,
+  &__subNav {
+    &-inner {
+      margin: 0 auto;
+      @include nswow.grid-container();
+
+      ul {
+        margin: 0 0 0 0;
+        padding: 0 0 0 0;
+        list-style-type: none;
+
+        li {
+          a {
+            text-decoration: none;
+          }
+        }
+      }
+    }
+  }
+
+  &__menuMain {
+    &-inner {
+      ul {
+        display: flex;
+        align-items: center;
+        gap: nswow.system-size-unit(20);
+
+        li {
+          position: relative;
+          padding: nswow.system-size-unit(10) nswow.system-size-unit(20);
+          cursor: pointer;
+
+          &:hover {
+            background: nswow.colors-primary();
+            color: nswow.colors-light();
+          }
+        }
+      }
+    }
+  }
+
+  &__subNav {
+    border-bottom: nswow.system-size-unit(1) solid nswow.colors-shade-800();
+
+    &-inner {
+      ul {
+        display: flex;
+        flex-direction: column;
+
+        li {
+          display: flex;
+          align-items: center;
+          position: relative;
+          padding: nswow.system-size-unit(5) nswow.system-size-unit(20);
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  @include nswow.grid-media(print) {
+    display: none;
+  }
+}
+</style>

package/dev/src/components/MenuItem/MenuArticle.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { RouterLink } from 'vue-router'
+
+const props = defineProps<{
+  label: string
+  page: string
+  anchor?: string
+}>()
+</script>
+
+<template>
+  <span>
+    <router-link :to="{ path: props.page }">{{ props.label }}</router-link></span
+  >
+</template>

package/dev/src/components/MenuItem/MenuEntry.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+const props = defineProps<{
+  label: string
+  page?: string
+  anchor?: string
+}>()
+</script>
+
+<template>
+  <span
+    >{{ props.label }}
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      fill="currentColor"
+      class="bi bi-chevron-right"
+      viewBox="0 0 16 16"
+    >
+      <path
+        fill-rule="evenodd"
+        d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
+      />
+    </svg>
+  </span>
+</template>