Changelog
Hier finden Sie alle Änderungen und Updates für das wien.gv.at Handbuch und das Wiener Melange Theme.
Version 2.9.0 (15.07.2026)
- 🚀 Features
- Divider: Das Pattern Trenner wurde hinzugefügt.
- OTP: Die OTP-Komponente wurde neu implementiert, um die Eingabe von Einmalpasswörtern (One-Time Passwords) zu erleichtern.
- 🐛 Bug Fixes
- Vorspann: Der Vorspann wurde zur Darstellung auf eine eigene Seite verschoben, da die Stage innerhalb des Reiters nicht das gewünschte Verhalten zeigt.
- ✨ Enhancements
- Icon: Neue Icons Upload und Plus wurden hinzugefügt.
- 📘 Documentation
- Audio-Player: Dokumentation wurde erweitert.
- Hervorhebung: Link auf die Interaktive Demo wurde ausgetauscht.
- Input: Dokumentation für Infotexte wurden ergänzt.
- Video-Player: Dokumentation inklusive Anforderungen wurde ergänzt.
- Inhalte: Dokumentation der ViennaViz-Grafiken wurde überarbeitet.
Version 2.8.0 (08.05.2026)
- 🐛 Bug Fixes
- Musterseiten: Abstand Musterseiten Link wurde angepasst.
- Icon: Interaktive Demo für Icons wurde wiederhergestellt.
- Sitemap: Sitemap-URLs wurden korrigiert und robots.txt angepasst.
- Icons: Pfade zu Icons und Illustrationen gerichtet.
- ✨ Enhancements
- Modal: Die Reihenfolge der Buttons im Modal wurde angepasst.
- Inhalt: Wortlaut Nachname wurde auf Famlienname geändert.
- SEO: Dynamische Open Graph Meta-Tags, kanonische Links und JSON-LD Strukturierte Daten für verbesserte Suchmaschinen-Indexierung und Social Media Sharing. Deuplizierte Metadaten in Templates bereinigt.
- Allgemeine Verbesserungen: Broken Links korrigiert. Code-Snippets jetzt mit Kopieren-Funktion versehen.
- 📘 Documentation
- Inhalte: Informationen bezüglich Nutzung in Frameworks wurden hinzugefügt.
- BreakingNews: Breaking News aktualisiert und Varianten angepasst.
- Inhalte: Die Inhalte der Logo Seite wurde geändert.
- Inhalt: Schreibweisen der Gemeindebauten und Geschlechter wurden ergänzt.
- Stage: Introtext für die Stage wurde erneuert.
- Inhalte: Text der Startseite wurde geändert.
- Header: Variante der Suche für Sonderauftritte mit Verlinkung auf eine Unterseite wurde hinzugefügt.
- Vorspann: Einleitung wurde gekürzt.
Version 2.7.0 (26.03.2026)
- ✨ Enhancements
- Card: Varianten wurden angepasst.
- Checkbox: Varianten Checkbox horizontal mit Grid und Checkbox horizontal mit Stack wurden hinzugefügt.
- Liste: Variante Liste mit Icon und Link wurde hinzugefügt.
- 📘 Documentation
- Tag: Einfacher Tag Variante hinzugefügt.
- Handbuch: Broken Links wurden behoben, kleinere Korrekturen, Footer Pattern um Whistleblowing ergänzt.
- Browser Support Table: Aktualisierung der Tabelle zur Browserunterstützung für Anwendungen auf wien.gv.at
Version 2.6.0 (11.02.2026)
- 🐛 Bug Fixes
- Inhalt: Veralteter Link zu Akademischen Graden wurde ausgetauscht.
- ✨ Enhancements
- Inhalte: Alt-Texte wurden über das ganze Handbuch hinweg hinzugefügt oder verbessert.
- Card: Variante Card mit Video wurde hinzugefügt.
- Chip: Beschreibung für Verwendung von externen Links erweitert.
- Card: Variante Card mit Livestream wurde hinzugefügt.
- Video: Variante Video-Player in Card mit Livestream wurde hinzugefügt.
- Stage: Light-Farben wurden als möglicher Hintergrund ergänzt.
- Video: Variante Video-Player in Card wurde hinzugefügt.
- Inhalte: Die Bezeichnung 'Veranstaltungsdatenbank' wurde zu 'Wien Erleben' geändert.
- 📘 Documentation
- Inhalt: Styleguide und Verlinkungen zum Styleguide wurden entfernt.
Version 2.5.0 (19.12.2025)
- 🚀 Features
- Blog: Einführung von Release Notes im Blog-Bereich, um die wichtigsten Neuerungen und Verbesserungen des wien.gv.at Handbuchs und des Wiener Melange Themes übersichtlich darzustellen.
Version 2.4.0 (13.11.2025)
- ✨ Enhancements
- Akkordeon: Variante des Akkordeons auf farbiger Section wurde hinzugefügt.
- Audio-Player: Variante des Audio-Players als Podcast Widget wurde hinzugefügt.
- Inhalte: Anpassungen und kleinere Inhaltskorrekturen im Handbuch für die Entwicklung
- Infobox: Variante der Card als Infobox wurde hinzugefügt.
Version 2.3.1 (26.09.2025)
- ✨ Enhancements
- Handbuch: Links im Footer wurden angepasst.
Version 2.3.0 (31.07.2025)
- 🚀 Features
- InPageNavigation: Beispiele und Beschreibungen der InPageNavigation wurden aktualisiert und der Dev Bereich erweitert. Neuer 'opt-in' Modus hinzugefügt, sowie data-nav für die Steuerung und weitere Fixes für die InPageNavigation wurden vorgenommen.
- Paginierung: Paginierungsbeispiele wurden aktualisiert und der Dev Bereich erweitert. Neuer 'manual' Modus für die Paginierung wurde hinzugefügt und Fixes für die Paginierung vorgenommen.
- ✨ Enhancements
- Handbuch: Sitemap wurde im Footer verlinkt.
- Schreibweisen: Namensänderung MA41 hinzugefügt
- Inhalt: wien.gv.at-Verlinkungen bei UFO-Landeplatz Formular entfernt.
- Infografiken: Link zu ViennaViz Manual der MA 23 im Intranet hinzugefügt
Version 2.2.0 (21.07.2025)
- 🚀 Features
- Wiener Melange Theme - Webkomponenten: Pfad der Webkomponenten aktualisiert, um die neueste Version 2.2.0 zu verwenden.
- ✨ Enhancements
- Inhalt: Updated Adresse Beispielformular UFO-Landeplatz der Magistratsabteilung.
Version 2.1.0 (28.05.2025)
- 🚀 Features
- Changelog: Implementierung eines dualen Tab-Systems für Handbuch- und Theme-Änderungen.
- 🐛 Bug Fixes
- Asset Paths: Behebung von Asset-Pfad-Problemen.
- Content: Korrektur von Tippfehler im Fahrradausweis-Link-Text und Entfernung des Preview-Texts vom Handbuch wien.gv.at Link.
- Startseite Template: Anpassung des Podcast-Widgets und Verbesserung der Startseite-Template-Struktur.
- ✨ Enhancements
- Content Pages: Korrektur der Überschriften in Content-Seiten für bessere Konsistenz in der Dokumentation.
- Header: Aktualisierung von Header- und Menü-Beispielen, temporäre Entfernung des Anmelde-Buttons aus dem Standard-Header.
- Helper Classes: Verbesserung und Korrektur der CSS-Helper-Classes-Dokumentation und -Funktionalität.
Version 2.0.0 (23.04.2025)
- 🚀 Features
- Handbuch: Erste Veröffentlichung des wien.gv.at Handbuchs.
Version 2.10.0 (15.07.2026)
- 🚀 Features
- Content Skiplink: Zusätzlich zu dem Haupt-Skiplink am Anfang der Seite gibt es nun auch noch eine CSS-Klasse `wm-content-skip`, für Links zum Überspringen von Segmenten innerhalb der Seite (für Barrierefreiheit).
- Divider: Neue Komponente Divider (Trenner) wurde erstellt.
- Modal: Der Schließen Button des Modals ist nun optional, die Animation wurde entfernt.
- OneTimePassword: OneTimePassword Komponente wurde erstellt
- 🐛 Bug Fixes
- Chip: Die Hover-Styles bei Link und Button wurden angepasst.
- Tag: Tag-Styles wurden für Dropdown- und Nicht-Dropdown-Fälle konsistent angepasst, damit sichtbare Rahmen, Hintergründe und Hover-Zustände sauber und mit ausreichendem Kontrast dargestellt werden. Die Rahmenfarbe von Tags weist nun ein Kontrastverhältnis von 3:1 auf.
- ✨ Enhancements
- Icon: Neue Icons Plus und Upload wurden über die Icon-Komponente verfügbar gemacht.
- Card: Die Card unterstützt jetzt optional eine vollständig klickbare Variante. Die Funktion wird mit clickable aktiviert. Das primäre Ziel innerhalb der Card lässt sich über data-clickable festlegen. Weitere interaktive Inhalte bleiben weiterhin bedienbar.
Version 2.9.1 (29.04.2026)
- ⚠️ Breaking Changes
- BreakingNews: Die Komponente ist nun immer ganz oben auf der Seite fixiert. Es gibt keinen Schließen-Button mehr, die Komponente ist nicht entfernbar. Links bekommen die Schriftfarbe fastschwarz um Accessiblity-Problemen auf dem farbigen Hintergrund vorzubeugen.
- 🚀 Features
- Content Skiplink: Zusätzlich zu dem Haupt-Skiplink am Anfang der Seite gibt es nun auch noch eine CSS-Klasse `wm-content-skip`, für Links zum Überspringen von Segmenten innerhalb der Seite (für Barrierefreiheit).
- Divider: Neue Komponente Divider (Trenner) wurde erstellt.
- Modal: Der Schließen Button des Modals ist nun optional, die Animation wurde entfernt.
- OneTimePassword: OneTimePassword Komponente wurde erstellt
- 🐛 Bug Fixes
- Map: Popup nur bei einzelnem Marker automatisch öffnen, nicht bei Cluster oder vielen Markern. Spiderfy bei überlappenden Markern aktiviert.
- Chip: Die Hover-Styles bei Link und Button wurden angepasst.
- Tag: Tag-Styles wurden für Dropdown- und Nicht-Dropdown-Fälle konsistent angepasst, damit sichtbare Rahmen, Hintergründe und Hover-Zustände sauber und mit ausreichendem Kontrast dargestellt werden. Die Rahmenfarbe von Tags weist nun ein Kontrastverhältnis von 3:1 auf.
- ✨ Enhancements
- Icon: Neue Icons Plus und Upload wurden über die Icon-Komponente verfügbar gemacht.
- Card: Die Card unterstützt jetzt optional eine vollständig klickbare Variante. Die Funktion wird mit clickable aktiviert. Das primäre Ziel innerhalb der Card lässt sich über data-clickable festlegen. Weitere interaktive Inhalte bleiben weiterhin bedienbar.
Version 2.9.0 (18.02.2026)
- 🐛 Bug Fixes
- Accordion: Pfeil wurde in die richtige Richtung ausgerichtet.
- MapAlt: Fix für Konflikte mit L-Global in MapAlt
- Search: Textalternativen für die Buttons in der Suche ergänzt.
- Quote: Anführungszeichen in Zitaten werden wieder angezeigt.
- Button: Verbessert Textfarbe im Button-Dropdown-Menu für bessere Lesbarkeit.
- Buildsystem: Im Build-Prozess wurde die Sortierung der CSS-Dateien so angepasst, dass die resultierende Bundle-Reihenfolge immer gleich ist. Dadurch werden unerwartete Style-Überschreibungen und nicht reproduzierbare Builds verhindert.
- Buildsystem, CEM, Handbuch: Die Änderungen verbessern die Struktur der Handbuch-Daten, erhöhen die Privatsphäre im CEM-Output und beheben Build-Probleme. Außerdem wurde die Dokumentation zum Token-System erweitert.
- Icon: Accessible Name bei Icons mit Text wird wieder korrekt gesetzt
- MapAlt: Cluster werden ab maxZoom von 18 automatisch aufgelöst
- ✨ Enhancements
- Stack: Attributenerweiterung des Stacks.
- tokens: Anpassung der Schriftgrößen, Zeilenhöhen, Innenabständen, Außenabständen, Zeichenabständen, Seitenverhältnisse und Strichstärken
Version 2.8.2 (28.01.2026)
- 🐛 Bug Fixes
- Card: Die Druckansicht der Flipcard wurde korrigiert.
- MapAlt: Pins werden jetzt immer korrekt auf der Karte angezeigt, wenn die Seite geladen wird.
- NavMain: Die Hauptnavigation funktioniert jetzt auch, wenn JavaScript deaktiviert ist.
- Tag: Dropdown Tags schließen sich nicht mehr automatisch bei der Nutzung mit TalkBack.
- Textarea: Das maxlength Attribut in wm-textarea funktioniert wieder korrekt
- MapAlt: Optimierung der Marker-Batch-Verarbeitung und reaktives Neu-Rendering. _addMarkersBatch wurde aktualisiert, um neue Datensätze ohne Duplikate zu verarbeiten. Verbesserte Initialisierung der Marker-Cluster-Gruppe und Schicht-Verwaltung. reRender wurde überarbeitet, um updateComplete und assignedElements für zuverlässige Slot-Synchronisation zu nutzen. _markersLoaded-Zurücksetzen in clearLayers hinzugefügt. Pins werden jetzt immer korrekt auf der Karte angezeigt, wenn die Seite geladen wird.
Version 2.8.1 (16.12.2025)
- 🐛 Bug Fixes
- Quote: Darstellung von Zitaten angepasst.
- ✨ Enhancements
- Tokens: Weitere Tokens für Strichstärke, Zeilenhöhe und Schriftgröße hinzugefügt.
Version 2.8.0 (16.12.2025)
- ✨ Enhancements
- Tokens: Anpassung wie Tokens aufgebaut und gruppiert sind.
Version 2.7.1 (26.11.2025)
- 🐛 Bug Fixes
- Accordion: Element in Accordions, die overflowen werden nicht mehr abgeschnitten.
Version 2.7.0 (10.10.2025)
- 🚀 Features
- Karussell und Modal: Verbesserte Navigation und Barrierefreiheit im Karussell. Fraktionale Navigation und Statusanzeige für sichtbare Slides. Öffentliche API für Autoplay-Steuerung. Synchronisierung von Navigationszuständen im Modal. Tokens und Styles für konsistente Abstände und Controls aktualisiert.
- Input: Die Eingabekomponente unterstützt jetzt min/max Attribute und prüft Wertebereiche für Datum und Zahl. Fehlermeldungen sind neutral und auf Deutsch für Pflichtfelder, Format und Wertebereich. Die Fokussierung und Barrierefreiheit wurden durch async/await für type "Combobox" verbessert.
- 🐛 Bug Fixes
- Button: Das Kopieren in Kopieren-Buttons wird via Live Region angekündigt.
- Details, Modal, Filter, Flipcard: Buttons in Details, Modal, Filter und Flipcard können via NVDA in Chrome aktiviert werden.
- Combobox: Optionen in Comboboxen haben die richtige Rolle und werden angekündigt.
- Filter: Filter kündigen den Namen und die Anzahl der ausgewählten Optionen an.
- form items: Die Rahmenfarbe von Eingabefeldern und Textareas ist nun WCAG konform.
- Modal: Nicht-modale Dialog blockieren nicht das Scrolling auf der Seite.
- Suche: Der Toggle-Button in der Suche hat type=button. Das Label des Suchfeldes wird versteckt, wenn das Suchfeld nicht sichtbar ist.
- Tabs: Fokus wechselt bei Aktivierung der Pfeiltasten auf den aktiven Tab.
- Tabs: Tabs sind jetzt auch auf Android via Talkback auswählbar.
- ✨ Enhancements
- Bundle: Sourcemaps werden für JavaScript generiert.
- NavMain: Dialog in der Navigation hat eine Bezeichnung.
- NavPage: Inpage Navigation kann benannt werden.
- Carousel: Carousel loggt warning anstatt error wenn das label-Attribut fehlt.
Version 2.6.1 (26.09.2025)
- 🐛 Bug Fixes
- Types: Fix Types Packages. Korrigierte Types-Pakete.
Version 2.6.0 (29.08.2025)
- 🚀 Features
- Tag: Dropdown-Tags können jetzt auch rechtsbündig ausgerichtet werden.
- TagList: Die TagList-Komponente wurde umfassend überarbeitet und ist jetzt robuster und zuverlässiger: - Verbesserte Fehlerbehandlung und defensive Prüfungen für DOM-Elemente sorgen für mehr Stabilität, auch bei dynamischen Inhalten. - Die Verwaltung von Observern und internen Zuständen wurde optimiert, um Speicherlecks und unerwartetes Verhalten zu vermeiden. - Die Dokumentation und Kommentare wurden deutlich erweitert und präzisiert, sodass die Nutzung und Erweiterung der Komponente einfacher nachvollziehbar ist. - Die neuen Optionen disclosure, disclosure-toggle und disclosure-dropdown ermöglichen es, lange Tag-Listen übersichtlich zu gestalten: Tags können hinter einem "Mehr…"-Button versteckt und entweder inline oder in einem Dropdown angezeigt werden. Bestehende Integrationen bleiben kompatibel, profitieren aber von mehr Stabilität und besserer Wartbarkeit.
- BreakingNews: Verbesserte Reaktivität der BreakingNews-Komponente. Die Eigenschaft 'variant' ersetzt 'type' um Namenskonflikte zu vermeiden und gewährleistet korrekte Updates bei Attributänderungen.
- Combobox (Input): Combobox (Input) mit erheblich verbesserter Funktionalität und Barrierefreiheit. Kategorien sind jetzt auswählbar und navigierbar. Verbesserte Integration mit modernen Framework-Routern durch erweiterte Event-Behandlung. Umfassende ARIA-Unterstützung für Screenreader und bessere Zugänglichkeit. Hybrid-Navigation unterstützt sowohl traditionelle als auch Framework-basierte Navigation nahtlos.
- CSS: Verbesserte Darstellung langer Links. E-Mail-Adressen und HTTPS-URLs brechen jetzt um.
- NavPage: NavPage verwendet standardmäßig die Contentsize-Option 'text' der Section.
- Karussell: Verbesserte Benutzererfahrung für die Karussell-Komponente. Die Navigation wurde optimiert und neue Animationen für Hover-Effekte und Focus-Styles der Paginations-Navigations-Elemente wurden hinzugefügt.
- Tabs: Manueller Override-Modus: Tab-IDs können jetzt exakt wie im HTML vergeben werden, ohne automatische Präfixe. Entwickler sind für eindeutige IDs verantwortlich.
Version 2.5.0 (19.08.2025)
- 🚀 Features
- Card: Option fürs Flippen von Cards auf der x-Achse
- Card: Styling von Flip-Cards mit Bildern optimiert.
- Card: Seite scrollt nicht mehr, wenn Flip Cards geflippt werden
- NavPage: feat(NavPage): Komponente aktualisiert - Headings innerhalb von wm-anchor können jetzt per data-heading oder data-nav (auch am Kind) für die Navigation aktiviert werden - Unterstützung für legacy data-heading und neues data-nav Attribut - Rückwärtskompatibilität garantiert
- 🐛 Bug Fixes
- Pagination: Abstände zwischen Elementen in der Paginierung entfernen
- 📘 Documentation
- CSS und JS: Copyright Info in JS und CSS Dateien ergänzt.
Version 2.4.0 (06.08.2025)
- 🚀 Features
- Map: Maps aktualisieren sich, wenn sich die Mapmarker im DOM ändern.
- List: Neue alignment-Optionen: end, space-around und space-between
Version 2.3.0 (29.07.2025)
- 🚀 Features
- Filter: Verbesserung der Events, Selection und EventsDispatch
- NavPage: feat(NavPage): Komponente aktualisiert - Opt-in/Opt-out Auswahl für Überschriften implementiert - Rückwärtskompatibilität garantiert - Kommentare und JSDoc aktualisiert - Style aktualisiert
- ✨ Enhancements
- Pagination: Pagination-Komponente refaktoriert: Keine unnötigen internen Zustände mehr, robustere Eventbehandlung, bessere Barrierefreiheit und verbesserte Sichtbarkeit deaktivierter Buttons.
- Tourismuszeile: Die Komponente wurde umfassend refaktoriert, um Lit Best Practices und Robustheit zu gewährleisten: - Die localStorage-Logik zur Steuerung der Sichtbarkeit wurde von connectedCallback nach firstUpdated verschoben (Lit-konform) - Die Validierung von hideDuration erfolgt in updated() und greift für alle Initialisierungspfade (egal ob Attribut oder Property) - Es kann jetzt zuverlässig ein externer Wert für hideDuration über das Attribut gesetzt werden, z.B. <wm-tourismuszeile hideDuration="60000"> (vorher nicht möglich) - Ungültige Werte für hideDuration werden erkannt, ein Fallback auf 24h erfolgt
Version 2.2.0 (21.07.2025)
- 🚀 Features
- Figure: Umfassende Cumulative Layout Shift (CLS) Prävention für Medien ohne Dimensionen hinzugefügt.
- Figure: Progressive Enhancement-Strategie implementiert, damit die Komponente auch ohne JavaScript funktioniert (bessere SEO und Barrierefreiheit).
- 🐛 Bug Fixes
- Modal: Typprüfung für element.dataset hinzugefügt, um TypeError beim globalen Click-Handler zu verhindern.
- ✨ Enhancements
- Fetch: Fehler behoben, bei dem Attribute nicht auf das Wurzelelement des Templates angewendet wurden. Die Methode `_replaceAttributes` verarbeitet jetzt sowohl das Wurzelelement als auch alle Nachfahren, sodass alle Elemente die korrekten Attribute erhalten.
- Figure: Komponente an Codebase-Standards angepasst, inkl. CSS Custom Properties Dokumentation und reaktiver Properties.
- NavMain: Component-Lifecycle verbessert - Event Listener werden korrekt entfernt und Variablen konsistent deklariert.
- NavMain: Property-Konfiguration verbessert und visuelle Hierarchie durch optimiertes Styling erhöht.
- NavMain: Social Media Icons und Menüsystem aktualisiert.
Version 2.1.0 (27.05.2025)
- 🐛 Bug Fixes
- Filter: Fieldset-Stile korrigiert – border, margin und padding entfernt
- Switch: Komponenten-Stile aktualisiert
- Wiener Melange Theme: Verschiedene Fehlerbehebungen in den Komponenten
- ✨ Enhancements
- FilterSelection: Rendering refaktoriert und Reset-Button verbessert
- NavMain: Social-Media-Icons und Menüsystem aktualisiert
- Tabs: Ereignis-Dispatch-System standardisiert
- Wiener Melange Theme: Mehrere Verbesserungen und Standardisierungen der Komponenten
Sofern relevante und vergleichbare Inhalte vorliegen, stellen wir in unseren Release Notes eine Zusammenfassung bereit, in der Sie die wichtigsten Neuerungen und Verbesserungen auf einen Blick sehen können.
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at