hr-design-system-handlebars 1.33.3 → 1.34.1

package/src/assets/fixtures/footer/footer_hrinfo.json

@@ -0,0 +1,219 @@
+{
+    "groups": [
+        {
+            "title": "hr-inforadio.de",
+            "columnSize": 3,
+            "columns": [
+                {
+                    "links": [
+                        {
+                            
+                            "hiddenText": "hr-inforadio",
+                            "labelText": "Startseite hr-inforadio",
+                            "link": {
+                            "text": "Start",
+                            "url": "index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Programm",
+                            "url": "programm/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Veranstaltungen",
+                            "url": "veranstaltungen/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Sendezeiten",
+                            "url": "sendezeiten/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Frequenzen",
+                            "url": "frequenzen/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Kontakt",
+                            "url": "kontakt/index.html"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "links": []
+                },
+                {
+                    "links": [
+                        {
+                            "link": {
+                            "text": "Wetter",
+                            "url": "wetter/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Verkehr",
+                            "url": "verkehr/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Podcast",
+                            "url": "podcast/index.html"
+                            }
+                        },
+                        {
+                            "paragraphed": true,
+                            "link": {
+                            "text": "Dossiers",
+                            "url": "programm/dossiers/index.html"
+                            }
+                            
+                        },
+                        {
+                            "link": {
+                            "text": "Funkkolleg",
+                            "url": "programm/funkkolleg/index.html"
+                            }
+                        },
+                        {
+                            "extern": true,
+                            "link": {
+                            "text": "BesserQwisser",
+                            "url": "https://www.besserqwisser.info/",
+                            "isTargetBlank": true
+                            }
+                        },
+                        {
+                            "site": "hr",
+                            "link": {
+                            "text": "Wissen²",
+                            "url": "wissen-plus/index.html",
+                            "isTargetBlank": true
+                            }
+  
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "title": "Service",
+            "columns": [
+                {
+                    "links": [
+                        {
+                            "link": {
+                            "text": "hr-iNFO-App",
+                            "url": "app/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Livestream",
+                            "url": "livestream/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Hilfe",
+                            "url": "hilfe/index.html"
+                            }
+                        },
+                        {
+                            "site": "hr",
+                            "extern": true,
+                            "link": {
+                            "text": "Presse hr-iNFO",
+                            "url": "presse/radio/hrinfo/index.html",
+                            "isTargetBlank": true
+                            }
+                            
+                        },
+                        {
+                            "site": "hr",
+                            "extern": true,
+                            "link": {
+                            "text": "Korrekturen",
+                            "url": "unternehmen/korrekturen/index.html",
+                            "isTargetBlank": true
+                            }
+                        },
+                        {
+                            "site": "hr-werbung",
+                            "extern": true,
+                            "link": {
+                            "text": "hr werbung",
+                            "url": "index.html",
+                            "isTargetBlank": true
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "socialMedia": {
+        "title": "Social Media",
+        "columns": [
+            {
+                "links": [
+                    {
+                        "title": "hr-iNFORadio.de RSS-Feed",
+                        "link": {
+                        "text": "rss",
+                        "url": "rss/index.html"
+                        }
+                        
+                    },
+                    {
+                        "title": "Zum Kontaktformular",
+                        "link": {
+                        "text": "mail",
+                        "url": "kontakt/index.html"
+                        }
+                       
+                    }
+                ]
+            }
+        ]
+    },
+    "footerMetadata": {
+        "hrDeLink": {
+            "text": "Hessischer Rundfunk",
+            "url": "index.html",
+            "site": "hr",
+            "targetBlank": true,
+            "title": "Hessischer Rundfunk"
+        },
+        "ardDeLink": {
+            "text": "ARD.de",
+            "url": "https://www.ard.de/",
+            "extern": true,
+            "targetBlank": true,
+            "title": "ard.de"
+        },
+        "dataProtectionLink": {
+            "text": "Datenschutz",
+            "url": "https://www.hr.de/datenschutz/index.html",
+            "extern": true,
+            "targetBlank": true,
+            "title": "Datenschutz"
+        },
+        "imprintLink": {
+            "text": "Impressum",
+            "url": "impressum/index.html",
+            "site": "hr",
+            "targetBlank": true,
+            "title": "Impressum"
+        }
+    }
+}

package/src/assets/fixtures/footer/footer_youfm.json

@@ -0,0 +1,276 @@
+{
+    "groups": [
+        {
+            "title": "you-fm.de",
+            "columnSize": 3,
+            "columns": [
+                {
+                    "links": [
+                        {
+                            
+                            "hiddenText": "you-fm.de",
+                            "labelText": "Startseite you-fm.de",
+                            "link": {
+                            "text": "Start",
+                            "url": "index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Playlists",
+                            "url": "playlists/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Aktionen",
+                            "url": "aktionen/index.html"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "links": [
+                        {
+                            "link": {
+                            "text": "Events",
+                            "url": "events/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Team & Shows",
+                            "url": "team_shows/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Kontakt",
+                            "url": "kontakt/index.html"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "links": [
+                        {
+                            "extern": true,
+                            "link": {
+                            "text": "WhatsApp",
+                            "url": "https://wa.me/491716553040",
+                            "isTargetBlank": true
+                            }
+                        },
+                        {
+                            "extern": true,
+                            "link": {
+                            "text": "Facebook",
+                            "url": "https://www.facebook.com/youfm",
+                            "isTargetBlank": true
+                            }
+                        },
+                        {
+                            "extern": true,
+                            "link": {
+                            "text": "Instagram",
+                            "url": "https://www.instagram.com/youfm",
+                            "isTargetBlank": true
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Wetter",
+                            "url": "wetter/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Verkehr",
+                            "url": "verkehr/index.html"
+                            }
+                        }
+                    ]
+                }
+            ]
+        },
+        {
+            "title": "Service",
+            "columns": [
+                {
+                    "links": [
+                        {
+                            "link": {
+                            "text": "Service Übersicht",
+                            "url": "service/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Mail ins Studio",
+                            "url": "kontakt/index.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "YOU FM App",
+                            "url": "kontakt/die-you-fm-app-music-to-go,you-fm-fuer-eure-hosentasche-100.html "
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Frequenzen",
+                            "url": "kontakt/you-fm-frequenzen,frequenzen-114.html"
+                            }
+                        },
+                        {
+                            "link": {
+                            "text": "Jobs",
+                            "url": "service/jobs/index.html"
+                            }
+                        },
+                        {
+                            "extern": true,
+                            "link": {
+                            "text": "YOU FM Ticketservice",
+                            "url": "https://youfm.adticket.de/",
+                            "isTargetBlank": true
+                            }
+                           
+                            
+                        },
+                        {
+                            "site": "hr",
+                            "extern": true,
+                            "link": {
+                            "text": "Presse YOU FM ",
+                            "url": "presse/radio/youfm/index.html",
+                            "isTargetBlank": true
+                            }
+                           
+                        },
+                        {
+                            "site": "hr",
+                            "extern": true,
+                            "link": {
+                            "text": "Korrekturen ",
+                            "url": "unternehmen/korrekturen/index.html",
+                            "isTargetBlank": true
+                            }
+                            
+                        },
+                        {
+                            "site": "hr-werbung",
+                            "extern": true,
+                            "link": {
+                            "text": "hr werbung",
+                            "url": "index.html",
+                            "isTargetBlank": true
+                            }
+                            
+                        },
+                        {
+                            "link": {
+                            "text": "Hilfe",
+                            "url": "service/hilfe-zu-you-fmde,hilfe-you-fm100.html"
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ],
+    "socialMedia": {
+        "title": "Social Media",
+        "columns": [
+            {
+                "links": [
+                    {
+                        "extern": true,
+                        "title": "you-fm.de Facebook",
+                        "link": {
+                        "text": "facebook",
+                        "url": "https://www.facebook.com/youfm",
+                        "isTargetBlank": true
+                        }   
+                    },
+                    {
+                        "extern": true,
+                        "title": "you-fm.de Instagram",
+                        "link": {
+                        "text": "instagram",
+                        "url": "https://www.instagram.com/youfm",
+                        "isTargetBlank": true
+                        }
+                    },
+                    {
+                        "extern": true,
+                        "title": "you-fm.de YouTube",
+                        "link": {
+                        "text": "youtube",
+                        "url": "https://www.youtube.com/user/YOUFMYOUNGFRESHMUSIC",
+                        "isTargetBlank": true
+                        }
+                    }
+                ]
+            },
+            {
+                "links": [
+                    {
+                        "title": "you-fm.de Whatsapp",
+                        "link": {
+                        "text": "whatsapp",
+                        "url": "whatsapp/index.html"
+                        }
+                        
+                    },
+                    {
+                        "title": "you-fm.de RSS",
+                        "link": {
+                        "text": "rss",
+                        "url": "rss/index.html"
+                        }
+                        
+                    },
+                    {
+                        "title": "Zum Kontaktformular",
+                        "link": {
+                        "text": "mail",
+                        "url": "kontakt/index.html"
+                        }
+                       
+                    }
+                ]
+            }
+        ]
+    },
+    "footerMetadata": {
+        "hrDeLink": {
+            "text": "Hessischer Rundfunk",
+            "url": "index.html",
+            "site": "hr",
+            "targetBlank": true,
+            "title": "Hessischer Rundfunk"
+        },
+        "ardDeLink": {
+            "text": "ARD.de",
+            "url": "https://www.ard.de/",
+            "extern": true,
+            "targetBlank": true,
+            "title": "ard.de"
+        },
+        "dataProtectionLink": {
+            "text": "Datenschutz",
+            "url": "https://www.hr.de/datenschutz/index.html",
+            "extern": true,
+            "targetBlank": true,
+            "title": "Datenschutz"
+        },
+        "imprintLink": {
+            "text": "Impressum",
+            "url": "impressum/index.html",
+            "site": "hr",
+            "targetBlank": true,
+            "title": "Impressum"
+        }
+    }
+}

package/src/assets/icons/icons/svgmap/Kreis-test-weiss.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Ebene_2" data-name="Ebene 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <circle class="cls-1" cx="161.1" cy="161.1" r="138.71"/>
+</svg>

package/src/assets/icons/icons/svgmap/hr-calendar-ds.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="kalenderhr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke-miterlimit: 10;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        fill: #fff;
+        fill-rule: evenodd;
+        stroke: #fff;
+      }
+
+      .cls-2 {
+        stroke-width: 6px;
+      }
+
+      .cls-3 {
+        stroke-width: 16px;
+      }
+    </style>
+  </defs>
+  <g id="Kalenderhr">
+    <g id="kalender">
+      <path id="Rectangle" class="cls-1" d="m83,32h0c6.08,0,11,4.92,11,11v22c0,6.08-4.92,11-11,11h0c-6.08,0-11-4.92-11-11v-22c0-6.08,4.92-11,11-11Z"/>
+      <path id="Rectangle-Copy" class="cls-1" d="m237,32h0c6.08,0,11,4.92,11,11v22c0,6.08-4.92,11-11,11h0c-6.08,0-11-4.92-11-11v-22c0-6.08,4.92-11,11-11Z"/>
+      <path id="Combined-Shape" class="cls-3" d="m207,62v3c0,16.57,13.43,30,30,30s30-13.43,30-30v-3h3c7.73,0,14,6.27,14,14v198c0,7.73-6.27,14-14,14H50c-7.73,0-14-6.27-14-14V76c0-7.73,6.27-14,14-14h3v3c0,16.57,13.43,30,30,30s30-13.43,30-30v-3h94ZM40,112h240v158c0,7.73-6.27,14-14,14H54c-7.73,0-14-6.27-14-14V112h0Z"/>
+    </g>
+    <g id="hr">
+      <path id="Fill-1-Copy" class="cls-2" d="m118.29,143v36.99s11.53-2.42,21.68-2.32c16.86.17,25.31,9.29,25.91,21.21.15,3.03.12,4.7.12,7.95v48.16h-17.79v-49.19c0-6.02.38-13.5-13.06-13.43-9.57.05-16.33,1.9-16.33,1.9v60.72h-17.36v-110.89l16.83-1.11Z"/>
+      <path id="Fill-3-Copy" class="cls-2" d="m230.53,177.17c-.22-.04-16.07.36-25.43,2.49-10.92,2.47-17.92,8.99-18.89,18.95-.18,1.92-.28,3.14-.28,7.5v47.94h17.98v-49.03c0-4.3.34-7.04,3.18-9.55,3.23-2.85,10.57-3.27,14.78-3.6,2.89-.23,8.66-.5,8.66-.5v-14.19Z"/>
+    </g>
+  </g>
+</svg>

package/src/assets/icons/icons/svgmap/playlist-ds.svg

@@ -1,4 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg id="playlist" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 298 228">
-  <path id="playlist-2" data-name="playlist" d="m164.49,10.14H14C6.27,10.14,0,16.41,0,24.14v1.81c0,7.73,6.27,14,14,14h150.49c7.73,0,14-6.27,14-14v-1.81c0-7.73-6.27-14-14-14Zm0,58.95H14c-7.73,0-14,6.27-14,14v1.81c0,7.73,6.27,14,14,14h150.49c7.73,0,14-6.27,14-14v-1.81c0-7.73-6.27-14-14-14Zm-74.5,58.95H14c-7.73,0-14,6.27-14,14v1.81c0,7.73,6.27,14,14,14h75.99c7.73,0,14-6.27,14-14v-1.81c0-7.73-6.27-14-14-14Zm0,58.95H14c-7.73,0-14,6.27-14,14v1.81c0,7.73,6.27,14,14,14h75.99c7.73,0,14-6.27,14-14v-1.81c0-7.73-6.27-14-14-14Zm197.75-117.53c-7.69-10.75-25.24-18.13-37.55-29.19-16-14.44-16.31-28.88-18.46-40.25h-11.39v175.76c-5.54-3.99-11.39-4.92-22.16-4.92-12.31,0-27.08,4.61-39.08,11.68-11.69,6.76-20.31,16.29-20.31,25.5,0,5.84,3.39,11.06,9.23,14.44,5.54,3.38,13.54,5.53,22.16,5.53,13.54,0,28.93-3.99,40.93-11.06,12-6.76,20.31-16.29,20.31-26.43V61.15c17.23.92,30.16,10.14,36.31,18.13,10.16,13.83,10.77,22.12,11.08,34.11.31,22.43-4.62,35.34-12,47.63h4.92c10.46-12.91,24-28.58,25.85-52.24.92-11.37,1.23-23.66-9.85-39.33Z"/>
+<svg id="playlist" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="note" class="cls-2" d="m305.68,57.85c-.88-3.54-4.45-5.7-7.99-4.82l-60.99,15.09c-3.93.97-6.69,4.5-6.69,8.54v15.56l-2.07,109.44c-8.39-4.22-18.65-5.65-29.01-3.31-21.69,4.9-35.6,24.43-31.07,43.63,4.53,19.2,25.79,30.79,47.48,25.89,19.59-4.42,32.82-20.78,31.87-38.04l2.13-112.27,49.85-12.34c3.93-.97,6.69-4.5,6.69-8.54v-37.25c0-.53-.06-1.07-.19-1.59Z"/>
+  <path id="linien" class="cls-1" d="m134.5,239H25.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5h109c5.8,0,10.5-4.7,10.5-10.5s-4.7-10.5-10.5-10.5Zm0-60H25.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5h109c5.8,0,10.5-4.7,10.5-10.5s-4.7-10.5-10.5-10.5Zm64-60H25.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5h173c5.8,0,10.5-4.7,10.5-10.5s-4.7-10.5-10.5-10.5Zm0-60H25.5c-5.8,0-10.5,4.7-10.5,10.5s4.7,10.5,10.5,10.5h173c5.8,0,10.5-4.7,10.5-10.5s-4.7-10.5-10.5-10.5Z"/>
 </svg>

package/src/assets/icons/icons/svgmap/push-ds.svg

@@ -7,6 +7,5 @@
       }
     </style>
   </defs>
-  <path class="cls-1" d="m261.46,232.57c-1.44-6.83-5.08-13.24-10.74-20.34l-.35-.44c-.06-.08-.12-.15-.18-.23l-.38-.49c-.06-.08-.13-.17-.19-.26l-.4-.54c-.07-.09-.14-.19-.21-.28l-.42-.59-.44-.62c-.07-.11-.15-.21-.22-.32l-.46-.66-.47-.69-.48-.72c-.08-.12-.16-.24-.24-.37l-.5-.76c-.08-.13-.17-.26-.25-.39l-.51-.8c-.51-.81-1.04-1.65-1.57-2.54l-.53-.89c-.09-.15-.18-.3-.27-.45l-.54-.93c-5.67-9.84-11.74-23.25-13.43-36.86-1.16-9.4-2.18-18.85-3.17-28.3l-.8-7.38c-.27-2.47-.54-4.93-.81-7.4l-.52-4.51-.13-.97c-3.73-27.06-24.14-48.48-50.2-54.58.89-2.09,1.38-4.4,1.38-6.81,0-9.64-7.82-17.45-17.46-17.45s-17.46,7.81-17.46,17.45c0,2.43.49,4.74,1.39,6.83-26.33,6.2-46.88,28.04-50.24,55.53l-.52,4.51c-.56,4.93-1.08,9.87-1.62,14.78-1,9.45-2.02,18.9-3.17,28.3-1.69,13.61-7.76,27.03-13.43,36.86l-.54.93c-.09.15-.18.3-.27.45l-.53.89c-.62,1.03-1.23,2.01-1.83,2.94l-.51.78c-.08.13-.17.26-.25.38l-.49.74-.48.72-.47.69c-.08.11-.15.22-.23.33l-.45.65-.44.62c-.07.1-.14.2-.21.3l-.42.57-.4.54-.39.51c-.06.08-.12.16-.19.24l-.36.46-.49.62c-5.48,6.94-9.01,13.24-10.42,19.94-1.44,6.83.08,13.31,3.47,17.76,3.38,4.43,8.69,6.88,14.92,6.88l6.06-.02c7.98-.02,15.96-.03,23.91-.03h11.9s44.46.05,44.46.05l43.97-.05h11.9s5.97,0,5.97,0c5.97,0,11.95.01,17.94.03l6.06.02h.31c6.1-.08,11.28-2.52,14.61-6.88,3.38-4.46,4.91-10.94,3.47-17.76Z"/>
-  <path class="cls-1" d="m157.25,286c11.61,0,21.37-7.9,24.2-18.61h-48.4c2.83,10.71,12.59,18.61,24.2,18.61Z"/>
+  <path class="cls-1" d="m268.28,226.68c-1.6-7.58-5.42-14.98-12.01-23.27l-4.77-6.82c-.44-.7-.89-1.43-1.33-2.16l-1.17-2c-4.37-7.6-9.88-19.13-11.34-30.91-1.02-8.28-1.92-16.56-2.96-26.48l-.75-6.94c-.25-2.33-.51-4.67-.77-7.02l-.48-4.25-.15-1.14c-3.65-26.54-22.07-48.17-46.32-57.15-.79-12.84-10.48-26.04-25.76-26.04s-24.96,13.2-25.76,26.04c-24.59,9.08-43.07,31.15-46.39,58.3l-.49,4.26c-.34,3.01-.66,6.03-.99,9.04l-.54,4.94c-1.04,9.86-1.94,18.13-2.96,26.44-1.46,11.8-6.98,23.33-11.33,30.89l-1.18,2c-.53.89-1.06,1.73-1.55,2.5l-1.89,2.86-2.98,4.04c-6.41,8.15-10.13,15.42-11.71,22.88-1.9,9.01-.05,18.05,5.08,24.83,5.04,6.62,13.04,10.42,21.98,10.42l5.68-.02c7.48-.02,14.96-.02,22.4-.03h11.15s8.89,0,8.89,0c3.11,15.05,14.17,28.11,32.59,28.11s29.17-13.16,32.51-28.11h8.98s16.75,0,16.75,0c5.59,0,11.2,0,16.8.02l5.78.02h.36c8.86-.12,16.51-3.82,21.54-10.44,5.11-6.76,6.96-15.8,5.07-24.81Zm-107.78,45.32c-8.22,0-12.08-5.07-13.9-10h27.47c-2.17,5.17-6.38,10-13.57,10Zm86.78-32.61c-1.56,2.04-4.05,2.5-5.81,2.53h-.2s-5.69-.01-5.69-.01c-5.62-.01-11.24-.02-16.85-.02h-16.77s-41.23.04-41.23.04l-41.72-.04h-11.17c-7.46,0-14.95,0-22.45.03l-5.65.02c-1.88,0-4.45-.44-6.02-2.51-1.23-1.63-2.25-4.74-1.44-8.62.93-4.4,3.35-8.91,7.83-14.61l1.52-1.97,4.48-6.51c.6-.95,1.22-1.94,1.87-3.02l1.34-2.28c5.29-9.19,11.98-23.32,13.86-38.44,1.04-8.47,1.95-16.84,2.99-26.76l.53-4.92c.32-2.98.64-5.97.98-8.93l.47-4.17c3.13-25.65,25.23-45.04,51.38-45.12h1.86c25.79.07,47.85,19.14,51.3,44.28l.58,4.99c.26,2.31.51,4.62.76,6.92l.75,6.91c1.05,10,1.96,18.38,3,26.81,1.87,15.11,8.57,29.24,13.88,38.47l1.34,2.27c.54.9,1.07,1.76,1.61,2.61l2.51,3.81,3.45,4.69c4.67,5.87,7.17,10.49,8.11,14.97.82,3.88-.21,6.99-1.42,8.6Z"/>
 </svg>

package/src/assets/icons/icons/svgmap/rss-ds.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="rss" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="m63,124.4v32.4c55.25,0,100.2,44.95,100.2,100.2h32.4c0-73.12-59.48-132.6-132.6-132.6Z"/>
+  <path class="cls-2" d="m63,46.8v32.4c98.04,0,177.8,79.76,177.8,177.8h32.4c0-115.9-94.3-210.2-210.2-210.2Z"/>
+  <circle class="cls-1" cx="92.1" cy="227.9" r="29.1" transform="translate(-49.9 27.26) rotate(-13.28)"/>
+</svg>

package/src/assets/icons/icons/svgmap/tvprogramm-ds.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="320px" height="320px" viewBox="0 0 320 320" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Kalendertv@1x</title>
+    <g id="Kalendertv" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="kalender" transform="translate(36, 32)" fill="#000000">
+            <rect id="Rectangle" x="36" y="0" width="22" height="44" rx="11"></rect>
+            <rect id="Rectangle-Copy" x="190" y="0" width="22" height="44" rx="11"></rect>
+            <path d="M171,30 L171,33 C171,49.5685425 184.431458,63 201,63 C217.568542,63 231,49.5685425 231,33 L231,30 L234,30 C241.731986,30 248,36.2680135 248,44 L248,242 C248,249.731986 241.731986,256 234,256 L14,256 C6.2680135,256 9.46895252e-16,249.731986 0,242 L0,44 C-9.46895252e-16,36.2680135 6.2680135,30 14,30 L17,30 L17,33 C17,49.5685425 30.4314575,63 47,63 C63.5685425,63 77,49.5685425 77,33 L77,30 L171,30 Z M4,80 L244,80 L244,238 C244,245.731986 237.731986,252 230,252 L18,252 C10.2680135,252 4,245.731986 4,238 L4,80 L4,80 Z" id="Combined-Shape" stroke="#000000" stroke-width="16"></path>
+        </g>
+        <g id="TV" transform="translate(78.4609, 156.4219)" fill="#000000" fill-rule="nonzero">
+            <polygon id="Path" points="72.9667969 14.9501953 45.5273438 14.9501953 45.5273438 89.578125 27.0703125 89.578125 27.0703125 14.9501953 0 14.9501953 0 0 72.9667969 0"></polygon>
+            <polygon id="Path" points="122.611289 67.3681641 142.914023 0 163.462852 0 132.270469 89.578125 113.013633 89.578125 81.9442969 0 102.431602 0"></polygon>
+        </g>
+    </g>
+</svg>

package/src/assets/icons/icons/svgmap/voice-ds.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="hs100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 320">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="m197.35,161.45c-7.18,0-15.08-1.61-20.97-7.75l-9.62,9.8c8.62,8.63,18.67,10.68,30.59,10.68,17.38,0,30.3-8.05,30.3-23.55,0-13.17-8.04-19.75-21.68-20.92l-11.49-1.02c-7.76-.73-10.05-4.1-10.05-8.49,0-5.56,4.45-9.51,13.21-9.51,6.89,0,13.35,1.46,17.95,5.41l9.19-9.51c-6.75-6-16.08-8.34-27-8.34-15.22,0-27.43,8.19-27.43,22.67,0,13.02,7.9,19.31,21.54,20.48l11.63,1.02c7.04.58,9.76,3.8,9.76,8.77,0,7.02-7.03,10.24-15.94,10.24Z"/>
+  <path class="cls-1" d="m110.22,113.63s6.16-1.67,14.87-1.71c12.24-.06,11.89,6.7,11.89,12.15v49.23h16.2v-48.3c0-2.94.03-4.46-.11-7.2-.55-10.78-8.24-19.03-23.6-19.19-9.24-.1-19.76,2.09-19.76,2.09v-33.45s-15.31,1.01-15.31,1.01v105.04h15.81v-59.67Z"/>
+  <path class="cls-1" d="m208.05,187.85c-9.67,0-15.9,4.53-18.48,12.56-.86,2.64-1.34,5.67-1.34,20.59s.48,17.95,1.34,20.59c2.59,8.03,8.81,12.56,18.48,12.56s15.9-4.53,18.58-12.56c.86-2.64,1.34-5.67,1.34-20.59s-.48-17.95-1.34-20.59c-2.68-8.03-8.91-12.56-18.58-12.56Zm8.31,52.02c-1.22,3.45-3.95,5.17-7.89,5.17s-6.58-1.72-7.8-5.17c-.66-2.01-.85-4.21-.85-18.86s.19-16.85.85-18.86c1.22-3.45,3.85-5.17,7.8-5.17s6.67,1.72,7.89,5.17c.66,2.01.85,4.21.85,18.86s-.19,16.85-.85,18.86Z"/>
+  <path class="cls-1" d="m94.9,208.94l10.89-6.85h.19v41.48c0,.38-.19.56-.57.56h-10.51c-.57,0-.96.38-.96.94v7.32c0,.56.38.94.96.94h32.76c.57,0,.96-.38.96-.94v-7.32c0-.56-.38-.94-.96-.94h-10.51c-.38,0-.57-.19-.57-.56v-53.12c0-.56-.38-.94-.96-.94h-8.12c-.76,0-1.24.19-1.72.56l-11.27,7.41c-.48.38-.67.75-.67,1.31v9.57c0,.75.48.94,1.05.56Z"/>
+  <path class="cls-1" d="m137.41,200.41c-.86,2.64-1.34,5.67-1.34,20.59s.48,17.95,1.34,20.59c2.58,8.03,8.81,12.56,18.48,12.56s15.89-4.53,18.58-12.56c.86-2.64,1.34-5.67,1.34-20.59s-.48-17.95-1.34-20.59c-2.68-8.03-8.91-12.56-18.58-12.56s-15.89,4.53-18.48,12.56Zm11.09,1.73c1.22-3.45,3.85-5.17,7.8-5.17s6.67,1.72,7.89,5.17c.66,2.01.85,4.21.85,18.86s-.19,16.85-.85,18.86c-1.22,3.45-3.95,5.17-7.89,5.17s-6.58-1.72-7.8-5.17c-.66-2.01-.85-4.21-.85-18.86s.19-16.85.85-18.86Z"/>
+  <path class="cls-1" d="m93.63,29.95c-1.2.01-29.51.55-48.61,19.63-11.32,11.31-17.06,26.79-17.06,45.99v195.47h199.44c1.2-.02,29.54-.62,48.58-19.62,11.33-11.31,17.08-26.79,17.08-46V29.95H93.63Zm183.78,15.63v180.35c0,14.96-4.39,26.94-13.06,35.59-14.26,14.24-35.1,14.84-37.42,14.86H42.62V96.03c0-14.97,4.4-26.94,13.07-35.6,14.58-14.55,36.56-14.85,37.48-14.85h184.24Z"/>
+</svg>