refactor(view-transitions): zentralen withViewTransition-Helper in state.js, Duplikate entfernt

This commit is contained in:
2026-06-13 20:42:07 +02:00
parent 6004203339
commit 87cd070beb
5 changed files with 18 additions and 61 deletions
+2 -16
View File
@@ -3,20 +3,6 @@
Custom Dialog System (ersetzt native alert/confirm)
============================================= */
/**
* Fuehrt eine DOM-Mutation mit nativem View-Transition-Fade aus.
* Feature-Detection-Fallback (Firefox < 144): instant.
* reduced-motion kappt das Fade ueber den ungeschichteten @media-Block.
* @param {Function} mutate - synchrone DOM-Mutation
*/
function dialogViewTransition(mutate) {
if (document.startViewTransition) {
document.startViewTransition(mutate);
} else {
mutate();
}
}
const HellionDialog = {
/** SVG-Icons je nach Dialog-Typ */
_icons: {
@@ -79,7 +65,7 @@ const HellionDialog = {
function cleanup(result) {
document.removeEventListener('keydown', keyHandler);
dialogViewTransition(() => {
withViewTransition(() => {
overlay.classList.remove('active');
overlay.remove();
});
@@ -125,7 +111,7 @@ const HellionDialog = {
document.body.appendChild(overlay);
// View-Transition uebernimmt das Fade; Fokus bleibt erhalten
dialogViewTransition(() => {
withViewTransition(() => {
overlay.classList.add('active');
confirmBtn.focus();
});