1 Repo
Mechanisms that synchronize internal component state with HTML DOM attributes to trigger reactive updates.
Distinct from Attribute-Driven Validation: Existing candidates focus on validation, device tracking, or state attribution, not reactive DOM attribute synchronization for UI components.
Explore 1 awesome GitHub repository matching web development · Attribute-Driven State Synchronization. Refine with filters or upvote what's useful.
Dieses Projekt bietet ein Web-Component-Time-Element, das das Standard-HTML-Tag erweitert, um menschenlesbare relative Zeitstempel und Countdowns anzuzeigen. Es fungiert als Formatierer für relative Zeitangaben und Zeitdauer-Rechner, der Zeitstempel in lokalisierte Strings umwandelt, die sich automatisch im Browser aktualisieren. Das Tool ermöglicht dynamische Zeitstempel-Anzeigen, die basierend auf konfigurierbaren Schwellenwerten von relativen Phrasen zu absoluten Daten wechseln. Es umfasst Funktionen zur Einschränkung der Zeitform, wodurch Zeitstempel ausschließlich als vergangene oder zukünftige Daten angezeigt werden können, und unterstützt die präzise Formatierung von Zeitspannen über Jahre, Monate, Tage, Stunden, Minuten und Sekunden hinweg. Die Implementierung nutzt die native Browser-Internationalization-API für das Rendering von Daten und die Lokalisierung über spezifische IANA-Zeitzonen. Der Status wird über DOM-Attribute verwaltet und ein Intervall-Polling stellt sicher, dass die Zeitanzeigen aktuell bleiben, ohne dass ein Seiten-Refresh erforderlich ist.
Implements state synchronization between DOM attributes and internal time calculations to enable reactive updates.