+
Updates
-
-
-
-
-
-
-
-
-
+
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
+
+
+
+
-
+
+
+
Kaufsignale
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Termine
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -525,76 +591,6 @@
window.addEventListener('load', updateNotificationsPatternRowState);
window.addEventListener('resize', updateNotificationsPatternRowState);
- const tabGroup = document.querySelector('[data-pattern="card-gruppe-mit-tastennavigation-vsf-meldungen"]');
-
- if (tabGroup) {
- const tabs = Array.from(tabGroup.querySelectorAll('[role="tab"]'));
- const panels = Array.from(tabGroup.querySelectorAll('[role="tabpanel"]'));
- const tabList = tabGroup.querySelector('[role="tablist"]');
-
- const applyMobileBalancedTabRows = () => {
- if (!tabList) {
- return;
- }
-
- tabs.forEach((tab) => {
- tab.style.removeProperty('--sg-tab-mobile-row-slots');
- });
-
- if (window.matchMedia('(min-width: 768px)').matches || tabs.length <= 3) {
- return;
- }
-
- const maxItemsPerRow = 3;
- const rowCount = Math.ceil(tabs.length / maxItemsPerRow);
- const baseRowSize = Math.floor(tabs.length / rowCount);
- const rowRemainder = tabs.length % rowCount;
- let tabStartIndex = 0;
-
- for (let rowIndex = 0; rowIndex < rowCount; rowIndex += 1) {
- const rowSize = baseRowSize + (rowIndex < rowRemainder ? 1 : 0);
- for (let itemOffset = 0; itemOffset < rowSize; itemOffset += 1) {
- const tab = tabs[tabStartIndex + itemOffset];
- if (tab) {
- tab.style.setProperty('--sg-tab-mobile-row-slots', String(rowSize));
- }
- }
- tabStartIndex += rowSize;
- }
- };
-
- const activateTab = (targetTab) => {
- tabs.forEach((tab) => {
- tab.setAttribute('aria-selected', String(tab === targetTab));
- });
-
- panels.forEach((panel) => {
- panel.hidden = panel.id !== targetTab.getAttribute('aria-controls');
- });
- };
-
- tabs.forEach((tab, index) => {
- tab.addEventListener('click', () => {
- activateTab(tab);
- });
-
- tab.addEventListener('keydown', (event) => {
- if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft') {
- return;
- }
-
- event.preventDefault();
- const direction = event.key === 'ArrowRight' ? 1 : -1;
- const nextIndex = (index + direction + tabs.length) % tabs.length;
- const nextTab = tabs[nextIndex];
- nextTab.focus();
- activateTab(nextTab);
- });
- });
-
- applyMobileBalancedTabRows();
- window.addEventListener('resize', applyMobileBalancedTabRows);
- }